@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,700);

.modal,
.noti-fixed-bottom,
.notificationModal,
.p-faq-sidebar,
.p-ticket-chat-top {
    scrollbar-width: thin
}

.CommercialWrapper .bottomContainer.MsnCatWrap form,
.container,
.p-picker,
img {
    max-width: 100%
}

.closeIcon,
.p-btn,
.p-btn-grp img,
.p-cancel-img,
.p-close,
.p-filter-txt .p-reset,
.p-info-img>div,
.p-modal-close>img,
.p-ticket-main:hover,
.save-inventory,
[data-popup-open],
a,
button {
    cursor: pointer
}

*,
.container,
.p-cat-product-details-mdl>div,
.p-cat-product-details-mdl>div:first-child,
.p-faq-sidemenu-tile,
.p-faq-submenu>li,
.p-wh-main-sec,
button {
    padding: 0
}

.font-15,
.nTagLine p,
body {
    font-weight: 400
}

#countdown,
.CommercialWrapper .textalign,
.align-center,
.browse_label,
.country-header,
.g-login,
.landscape-alert,
.no-data-found-img>p,
.notFound-div,
.p-btn,
.p-center,
.p-mail-txt,
.p-mog-sub>div,
.pagination a,
.reachOutPopup .head h3,
.vmi_strip {
    text-align: center
}

#countdown,
#notificationOpen,
.CommercialWrapper .msnpricetableWrap .inputWrap,
.addAttachSec,
.adduser-form,
.alert,
.cancelbtn,
.debitSearch,
.disable-reason-cnt,
.downloadCatalog,
.g-span,
.headerTooltip,
.historybtn,
.mapInvoiceModal .head,
.newOrderImg,
.or-div,
.p-action-toggle,
.p-bal-sec,
.p-buise-sec,
.p-default,
.p-form-unit,
.p-head-txt,
.p-main-sec,
.p-map,
.p-picker-wrap,
.p-pop-box,
.p-pop-head,
.p-search-wrap,
.pack-content,
.phone-new-form,
.pos-rel,
.prodOne,
.progress-bar,
.redDot,
.signup-sub-hd,
form.example {
    position: relative
}

.CommercialWrapper .msnpricetableWrap .inputerror+span.error+span.infoIcon,
.catagory-radio-wrap>div>label>input:checked+.p-radio-check:before,
.container-check input:checked~.brandcheckmark:after,
.container-check input:checked~.checkmark:after,
.daksh-dropdown.active,
.dashboard-complete,
.dis-blk,
.help-main-sec.active>.help-supp-main-txt,
.loader-overlay.show,
.ms-drop ul>li label>input:checked+span:after,
.new-profile-top-head>div>span,
.no-data-found-img,
.p-action-toggle.active .p-table-dropdown,
.p-busi-label input:checked+.p-checkbox:after,
.p-busi-label input:checked+.p-checkbox:before,
.p-busi-label input:disabled,
.p-check-wrap input:checked+.p-checkbox:after,
.p-check-wrap input:checked+.p-checkbox:before,
.p-checkbox-cat>label>input:checked+.p-tick,
.p-cpt-label input:checked+.p-checkbox:after,
.p-cpt-label input:checked+.p-checkbox:before,
.p-cpt-label input:disabled,
.p-default .p-def-txt,
.p-hv-tooltip:hover .p-tooltip,
.p-order-check input:checked+.p-checkbox:after,
.p-order-check input:checked+.p-checkbox:before,
.p-radio-wrap>label>input:checked+.p-radio-check:before,
.p-sidebar.active .p-drop,
.p-sidebar.active .p-sidebar-tile span.p-list-txt,
.p-sidebar:hover .p-drop,
.p-sidebar:hover .p-sidebar-tile span.p-list-txt,
.p-um-check-wrap input:checked+.p-um-checkbox:after,
.p-um-check-wrap input:checked+.p-um-checkbox:before,
.radioBtnGroup>label>input:checked+.p-oos-radio-check:before,
.show-loader,
.ticketClearSearch.active,
header,
header.landing .p-top-txt,
html,
img {
    display: block
}

.p-cat-mrp,
.p-cat-mrp-mdl,
.p-cat-tax,
.p-cat-tax-mdl {
    font-family: roboto, sans-serif
}

.p-btn,
.p-multiselect .ms-choice:focus,
.tab>button,
:focus {
    outline: 0
}

.p-datePicker,
.p-po-date {
    align-content: space-between
}

#gallery img,
.clearSearch,
.firstTree,
.itemMsn,
.login,
.roundBorder,
a.get-started {
    vertical-align: middle
}

.CommercialWrapper .CommercialtopWrap .topMenu li a:hover,
.p-btn,
.p-btn.p-large,
.pagination a,
:focus,
a,
a.get-started:hover,
a.login-popup.p-head-link,
a.login:hover,
a.p-head-link,
ul.sc_Footer-Menu li a {
    text-decoration: none
}

*,
.TableContainer,
.msnpricetableWrap ul li,
.selectedElementWrap ul li,
a.get-started {
    box-sizing: border-box
}

* {
    margin: 0;
    font-family: Poppins, sans-serif
}

button {
    border: none;
    font-size: 100%;
    font-family: inherit
}

.pagination a,
option {
    padding: 5px;
    color: #000
}

.font-15 {
    font-size: 15px;
    line-height: 23px
}

.w-90 {
    width: 90% !important
}

html {
    scroll-behavior: smooth
}

.sc_wrapper.container {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.input-checkbox,
input,
input.text,
select,
textarea {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    outline: 0
}

textarea {
    resize: none
}

input,
select {
    background-image: none;
    line-height: 18px
}

select option:hover {
    content: attr(title);
    background: #666;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    border: none
}

.category-card-part>div>div>span:first-child,
.cptTable>tbody>tr>td>span,
.f-14,
.home_redirect,
.login-left>div>span:first-child,
.noti-body-header,
.p-radio-txt,
.p-scale-txt,
.p-ver-sub-txt,
.prod-desc,
.profile_videoThumb .txtPart .top,
input[type=number],
input[type=text] {
    font-size: 14px
}

header.blackHeader .navbar-default .navbar-collapse,
img {
    border: none
}

ul {
    list-style: none
}

.admin-country-list-sec>ul>li>span,
.f-12,
.member-txt,
.onl-brand-name,
.p-check-txt,
.p-credit-txt,
.p-info-sub-txt,
.p-podoc-sec,
.p-profile-data,
.p-resend,
.p-status-date,
.p-ticket-detail-content+div,
.p-ticket-detail-content>div,
.p-ticket-detail-content>table,
.pack-bottom-sum-sec>span:last-child,
.purchase-shipment,
.resultdiv h3,
.score-pop-table,
.signup-resend-otp,
.supplier-tooltip,
.tds-error-msg {
    font-size: 12px
}

.f-16,
.nStep2TagLine .new-bold,
.profileLeft>H4,
body {
    font-size: 16px
}

.btn-carousel>.owl-nav>button>span,
.f-18 {
    font-size: 18px
}

.clearfix::after,
form.example::after {
    content: "";
    clear: both;
    display: table
}

body {
    background: #fff;
    color: #373737;
    font-family: Roboto, sans-serif;
    padding-bottom: 45px;
    top: 0 !important
}

.stop-scroll {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%
}

.circle,
.flowbreakdown>p,
.p-file-name,
body.overlay {
    overflow: hidden
}

.p-form-cell .p-form-control,
.p-form-cell-full .p-form-control,
.p-img-class,
.p-per[data-width="100"],
.txtArea,
.wp-100 {
    width: 100%
}

.add-right-sec>div,
.brandsFilterLists .lftListCategory,
.docum-main-div,
.new-bank-sec>div,
.p-per[data-width="50"],
.wp-50 {
    width: 50%
}

.w30 {
    width: 30px
}

.brandsImpSectionWrap .doc-alphabet-pagination:first-child,
.w40 {
    width: 40px
}

.f-left,
.newDesign-menu .navbar-brand,
.onl-brand-po-date,
.sc_btm-footer {
    float: left
}

.excelImg,
.f-right,
.onl-brand-pickup-date {
    float: right
}

.container {
    margin: 0 auto
}

.container-flex {
    max-width: 100%;
    padding: 0 10px;
    display: none
}

.bold-txt,
.inv-header>div>span,
.online-order-header>div>span,
.p-head-link,
.p-per-amt,
.p-pop-para,
.p-reg-head,
.p-resend,
.p-wel-txt,
.payment-header>div>span,
.upload-header>div>span {
    font-weight: 700
}

.bold-md-txt,
.cr-disp-left-inner>div>p:last-child,
.digi-div:hover,
.disp-ship-left>div>p:last-child,
.disp-ship-right>div>p:last-child,
.fn-wei-500,
.itemProductname-mdl,
.nps_fontwgt,
.p-btn,
.p-btn.p-btn-adjust,
.p-cat-product-details>div>p,
.wh-uniqueId,
form.example button {
    font-weight: 500
}

.circle,
.slider.round:before,
.stateWidgets .mogb_switch_slider.round:before,
.su-slider.su-round:before,
.usr-slider.round:before {
    border-radius: 50%
}

.colorIdentity .sidebar-information-fill.greenInfo-icon,
.green-txt {
    color: green
}

.CommercialWrapper .star,
.btn-red,
.nps_span,
.p-sub-menu>li.active a,
.p-sub-menu>li:hover a,
.radioBtnGroup>label>input:checked+.p-oos-radio-text,
.red-txt {
    color: red
}

.no-border {
    border: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #373737
}

.border-top {
    border-top: 1px solid #373737
}

.btn-red {
    border: 1px solid red;
    padding: 7px 9px;
    border-radius: 2px
}

.p-btn {
    padding: 10px;
    color: #fff;
    background: #db232e;
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 4px;
    min-width: 120px;
    display: inline-block
}

.btn-g-login,
.daksh-dropdown>li>a:hover {
    text-decoration: none !important
}

.p-btn.p-btn-new {
    color: #db232e;
    background: #fff;
    border: 1px solid #db232e
}

.p-btn.p-btn-adjust {
    font-size: 12px;
    color: #363636;
    background-color: #ffff;
    border: .5px solid #cfd2e2;
    border-radius: 8px;
    height: 34px;
    width: 180px;
    text-transform: initial;
    padding: 0
}

.p-add-btn-txt,
.p-btn-grp button,
.p-foot-list>a,
.p-search-btn,
.p-sign-inp>span,
.p-status,
.p-status-bar,
.p-wh-apply-btn,
.prodOne .discountTxt {
    text-transform: uppercase
}

.p-btn.p-large {
    width: 220px;
    color: #fff
}

.downloadCatalog {
    display: inline-block;
    top: 5px;
    right: 5px
}

#outerContainer #mainContainer div.toolbar,
.daterangepicker .drp-calendar.right,
.daterangepicker .drp-selected,
.hide,
.jstree-default .jstree-themeicon,
.ms-select-all,
.profileModal>.profile-header-sec {
    display: none !important
}

.damage-claim-sec.active>.damage-content-head,
.profileModal>.p-main-sec>.p-scroll-area>.p-profile-right-sec>.p-profile-header-top>.profileHeader>.close-profile-modal,
.show {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.disabled {
    cursor: unset
}

.nTagLine {
    margin: 0 0 10px
}

.nTagLine p {
    margin: 0;
    font-size: 14px;
    line-height: 22px
}

.nStep2TagLine p {
    font-size: 14px;
    line-height: 22px
}

.bg-grey {
    background: #373737
}

.bg-red,
.flex-control-paging li a.flex-active:hover,
.p-btn.new-red,
.p-ticket-check::before {
    background: #da191e
}

.mr20 {
    margin-right: -5px
}

.CommercialWrapper .EditCatWrap .form-row,
.mb10 {
    margin-bottom: 10px
}

.mb30 {
    margin-bottom: 30px
}

.arrow-btn,
.brand-category-select>label>.p-checkbox,
.category-card-sec>.owl-nav>.owl-next,
.dwnldTooltip,
.invoice-shipment,
.ml-auto,
.notice-head>img,
.packListLeft {
    margin-left: auto
}

.articleWeightTable,
.search-bar {
    width: 100%;
    padding: 0 15px
}

form.example:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 18px;
    top: 10px;
    left: 10px;
    display: inline-block;
    background-image: url("/images/search-icon.png");
    background-repeat: no-repeat
}

#loader,
footer,
header {
    position: fixed
}

form.example input[type=text] {
    padding: 15px 0 10px 35px;
    font-size: 14px;
    border: 1px solid #a1a1a1;
    float: left;
    width: 500px;
    background: #fff;
    border-right: 0px;
    border-radius: 3px 0 0 3px;
    font-weight: 500
}

form.example button {
    float: left;
    width: 120px;
    padding: 11.1px;
    background: #bc2832;
    color: #fff;
    font-size: 14px;
    border: 1px solid #bc2832;
    border-left: none;
    cursor: pointer;
    border-radius: 0 3px 3px 0
}

form.example button:hover {
    background: rgba(188, 40, 50, .79)
}

.search-container {
    width: 100%;
    height: auto;
    background: #f6f6f6
}

#loader {
    width: 100px;
    height: 100px;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    background: url(/images/loader.gif) 0 0/100% no-repeat;
    z-index: 101
}

.searchR-container {
    width: 100%;
    height: auto;
    background: #fff
}

.TableContainer {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 10px 15px;
    border: 1px solid #ececec;
    border-bottom: 0
}

.ProductDetails {
    width: 100%;
    display: flex;
    padding: 5px 28px
}

.btn-g-login img,
.cancelIcon,
.clearFile.active,
.clearFilter.active,
.clearSearch.active,
.clearWeightFile.active,
.coffeeCup,
.flowDate,
.flowProductDetails>p,
.flowpoId,
.inl-blk,
.inv-table-pagination>div,
.lds-circle,
.login,
.mapping-span,
.p-profile-detail-sec>button>div,
.p-sub-logo,
.p-um-table-head>div,
.p-user-top-right,
.p-user-upload-heading,
.pagination,
.payment-table-pagination>div,
.prodOne .ImgWrap,
.redDot,
.sc-main-row,
.user-bulkupload-file-sec,
.user-upload-file-sec,
a.get-started {
    display: inline-block
}

.prodOne {
    width: 50%;
    float: left;
    border-right: 1px solid #ccc
}

.prodOne .ImgWrap,
.promotorsidSec .col_15 {
    width: 15%
}

.prodOne img {
    width: 60px;
    height: auto;
    float: left;
    margin-right: 10px
}

.prodOne .prod-desc {
    width: 84%;
    float: left
}

.prodOne .discountTxt {
    font-size: 12px !important;
    font-weight: 700;
    color: green !important;
    position: absolute;
    top: 0;
    right: 5px
}

.ProdCat {
    float: left;
    margin-left: 10px;
    margin-top: 5px
}

.ProdCat p {
    font-size: 14px;
    color: #000
}

.historybtn {
    float: right;
    padding-right: 30px
}

.containerfluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.tableHead,
.tableHeader {
    width: 100%;
    max-width: 100%;
    line-height: 1.5;
    height: 30px;
    border: 1px solid #d6d6d6;
    border-collapse: collapse
}

.tableHead tr th {
    font-size: 12px;
    padding: 4px 12px;
    text-align: left;
    background: #ececec
}

.tableHead tr th:last-child,
.tableHeader tr th:last-child {
    border-right: 0
}

.tableHead tr td,
.tableHeader tr td {
    font-size: 12px;
    background: #fff;
    border-right: 1px solid #d6d6d6;
    border-top: 0;
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    border-left: 0;
    padding: 5px 12px
}

.search-content {
    width: 100%;
    max-width: 1214px;
    margin: 0 auto;
    height: 40px
}

.h1content {
    float: left;
    width: 10%
}

.h1content h1 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    max-width: 200px;
    float: left
}

.credlixLoanWrap .mobCredlixloan {
    display: none;
    width: 100%;
    max-width: 100%;
}

.credlixLoanWrap .deskTopCredlixloan {
    width: 100%;
    max-width: 100%;
}

.pagination a {
    width: 36px;
    height: 30px;
    float: left;
    transition: background-color .3s;
    border: 1px solid #ddd;
    font-size: 12px
}

.pagination a.active {
    background-color: #000;
    color: #fff;
    border: 1px solid #000
}

.pagination a:hover:not(.active) {
    background-color: #ddd
}

.resultdiv {
    width: 100px;
    float: right
}

.resulttext {
    width: 67%;
    float: left;
    font-size: 12px;
    line-height: 30px;
    text-align: right
}

.tableHeader tr th {
    font-size: 12px;
    padding: 4px 12px;
    text-align: left;
    background: #bc2832;
    color: #fff
}

.cancelbtn {
    width: 500px;
    text-align: right;
    margin-top: 5px
}

.cancelbtn button {
    background: #fff;
    font-size: 14px;
    color: #000;
    font-weight: 500
}

.ui-dialog-titlebar-close .ui-button-text {
    text-indent: 0 !important;
    color: #000 !important;
    border: none !important;
    background: #fff !important;
    font-size: 1em !important;
    box-shadow: none !important
}

.ui-widget-header .ui-state-default {
    width: 50px !important;
    box-shadow: none !important
}

header {
    padding: 0 25px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: #fff;
    transition: .2s
}

.headerNewRevamp .nav,
.p-foot-logo,
.p-order-table-head>div,
.p-user-listing-table>div,
.sVideoWidget .bottom,
.stateWidgets .rhtWhatsup {
    display: flex;
    align-items: center
}

.headerNewRevamp li.sc_login a {
    padding: 10px 20px !important
}

.headerNewRevamp li.sc_get-started a {
    padding: 10px 20px !important;
    margin: 10px 0 10px 20px !important
}

.col-sm-2 .navbar-brand,
.damageFileName:first-child,
.headerNewRevamp .navigation-bar,
.no-noti-txt.bld,
.p-online-invoice-sec>div,
.txt-bx-content>div:first-child {
    padding-top: 3px
}

header.landing {
    opacity: 0
}

header.active {
    opacity: 1
}

.p-top-logo {
    width: 100px;
    padding-top: 5px
}

.p-top-txt {
    display: none;
    font-size: 10px;
    font-weight: 500;
    background: #efefef;
    padding: 3px 0
}

.p-top-txt>div {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center
}

.p-top-txt p {
    margin-left: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.p-top-txt p img {
    width: 12px;
    margin-right: 5px
}

.p-top-bar {
    padding: 6px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center
}

.p-bar-left,
.p-foot-head,
.p-pop-head-wrap,
footer>div {
    display: -webkit-flex
}

.p-bar-btn,
.p-foot-list,
.p-phone {
    display: -webkit-flex;
    display: flex
}

.p-banner-sec {
    background-image: url("../images/banner.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover
}

.p-logo {
    position: absolute;
    top: 60px;
    left: 20px
}

.p-logo img {
    width: 150px;
    height: auto
}

.p-banner {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px
}

.p-banner-heading {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 15px
}

.p-banner-para {
    font-size: 16px;
    margin-bottom: 40px
}

.p-btn-wrap,
.p-per-wrap,
.p-radio-wrap,
.p-scale-sec>div {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.p-banner-txt {
    font-size: 12px;
    font-weight: 500;
    margin-top: 30px
}

.p-scale-sec {
    background: #f0f0f0;
    padding: 90px 0
}

.p-scale-head {
    font-size: 36px;
    margin-bottom: 20px
}

.p-border {
    width: 100px;
    height: 5px;
    margin-top: 35px
}

.p-img-left {
    -webkit-flex-basis: 300px;
    flex-basis: 300px;
    margin-right: auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.p-img-ban {
    position: relative;
    margin-left: 40px
}

.p-img-bot {
    position: absolute;
    width: 100%;
    height: 75px;
    box-shadow: rgba(0, 0, 0, .15) 0 3px 6px;
    bottom: 0;
    left: 0;
    background: rgba(58, 58, 58, .9);
    padding: 15px 20px
}

.p-ab-head,
.p-city-list {
    position: absolute;
    left: 40px
}

.p-img-head {
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px
}

.p-img-txt {
    color: #fff;
    font-size: 11px
}

.p-mog-sec {
    background: #da191e;
    padding: 50px 0
}

.p-map-right,
.p-sub-logo {
    padding: 50px
}

.p-sub-head {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center
}

.p-mog-sub {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.p-sub-logo>img {
    width: 85px;
    height: auto
}

.p-mog-head {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700
}

.p-mog-txt {
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.p-map-sec {
    background: #fafafa
}

.p-map-sec>div,
.p-test-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.p-map-half {
    -webkit-flex-basis: 50%;
    -webkit-flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0
}

.p-map-head {
    font-size: 36px;
    font-weight: 500
}

.p-ab-head {
    top: 50px
}

.p-city-list {
    font-size: 12px;
    bottom: 50px;
    width: 125px;
    line-height: 20px
}

.p-benefit-sec {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 40px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .15);
    padding: 10px 0 10px 10px
}

.p-benefit-img {
    padding: 20px;
    margin-right: 40px
}

.p-form-cell,
.quotes {
    margin-right: 20px
}

.p-benefit-img>img {
    width: 55px;
    height: auto
}

.p-benefit-head {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: 500
}

.p-benefit-txt {
    font-size: 12px;
    margin-top: 10px
}

.p-brand-sec {
    background-image: url("../images/brand-partner-background.png");
    background-size: cover;
    min-height: 275px;
    margin-bottom: -175px
}

.p-banner-main {
    background: #fff;
    padding: 40px 0 20px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, .16) 0 3px 20px
}

.p-brand-head {
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 500
}

.p-brand-para {
    font-size: 14px;
    margin-bottom: 30px
}

.p-test-sec {
    padding: 70px 0 80px
}

.p-test-heading {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 75px
}

.p-test {
    position: relative;
    margin-left: 100px;
    -webkit-flex-basis: 530px;
    flex-basis: 530px;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 40px 75px 75px 40px
}

.p-pop-head:before,
.p-test-head {
    position: absolute;
    -webkit-transform: translateY(-50%)
}

.p-test:first-child,
.tds-div:first-child {
    margin-left: 0
}

.p-test-head {
    color: #da191e;
    font-size: 16px;
    font-weight: 700;
    top: 0;
    left: 20px;
    padding: 0 20px;
    transform: translateY(-50%);
    display: -webkit-flex;
    display: flex;
    background: #fff;
    -webkit-align-items: center;
    align-items: center
}

.quotes>img {
    width: 35px;
    height: auto
}

.p-test-para {
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.p-foot-sec {
    background: #3a3a3a;
    padding: 60px 0 30px
}

.p-foot-head {
    display: flex;
    -webkit-align-items: baseline;
    align-items: baseline
}

.p-foot-head>h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 500
}

.p-foot-head>span {
    flex: 1;
    margin-left: 25px;
    height: 1px;
    background: #707070
}

.p-per-sec,
footer>div {
    -webkit-justify-content: space-between
}

.p-foot-text {
    color: #fff;
    font-size: 12px;
    margin-top: 20px;
    line-height: 16px
}

.p-copy,
.p-foot-list>a {
    font-size: 9px;
    color: #424242
}

footer {
    z-index: 3;
    background: #fff;
    padding: 10px 50px;
    left: 0;
    bottom: 0;
    right: 0
}

.alphabet-pagination-sec,
.asndamageFileName,
.cat-brand-modal-header,
.forgot-password-sec,
.hist-modal-top,
.inv-header,
.login-header-wrap,
.noti-header,
.online-header-change,
.online-order-header,
.p-cat-header-top,
.p-inb-shift-right,
.p-pagination-sec,
.p-ticket-filter,
.p-ticket-header-top,
.payment-header,
.po-details-top-head,
.profileHeader,
.qty-hsn-sec,
.sc_new-footer_sec,
.stateWidgets,
.tds-div>div,
.toolbarPop,
.user-upload-label,
footer>div {
    display: flex;
    justify-content: space-between
}

.sc_bottom-footer>.container {
    padding-left: 45px
}

.p-foot-logo img {
    width: 65px;
    height: auto
}

.p-foot-list>a {
    margin-left: 45px
}

.p-copy {
    margin-top: 5px;
    opacity: .5;
    text-align: right
}

body.overlay:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 998
}

.p-popup {
    display: none;
    position: fixed !important;
    z-index: 999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.p-close img {
    width: 12px;
    height: auto
}

.p-pop-box {
    width: 500px;
    background: #fff;
    border-radius: 5px;
    padding: 25px 20px 20px;
    box-shadow: rgba(3, 3, 3, .1) 0 0 20px
}

.p-pop-box.p-pop-small {
    width: 340px
}

.p-pop-head-wrap {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 20px
}

.p-pop-head {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 500
}

.p-pop-head:before {
    content: "";
    width: 4px;
    height: 40px;
    background: #db232e;
    top: 50%;
    left: -20px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.CommercialWrapper .mrpLabelWrap>div label,
.p-bot-txt,
.p-busi-sub-txt,
.p-head-txt,
.p-note-para,
.p-oos-radio-text,
.p-small-font,
.profileLeft>p {
    font-size: 10px
}

.p-head-link {
    font-size: 12px;
    color: #db232e
}

.p-app-wrap,
.p-form-row {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.p-form-cell-full {
    -webkit-flex-basis: 100%;
    flex-basis: 100%
}

.p-form-cell {
    -webkit-flex-basis: 50%;
    flex-basis: 50%
}

.articleWeightRow>li>div:last-child>div,
.drop-in-form>.p-form-unit:last-child,
.p-form-cell:last-child,
.p-form-unit:last-child,
.p-profile-detail-sec>button:last-child {
    margin-right: 0
}

.p-form-unit {
    margin-right: 20px;
    margin-bottom: 20px
}

.p-pop-btn {
    margin-top: 15px;
    text-align: center
}

.p-form-txt,
.p-new-form-txt {
    font-size: 10px;
    margin-bottom: 5px;
    position: absolute;
    top: -5px;
    left: 10px;
    background-color: #fff;
    width: fit-content;
    padding: 0 5px;
    z-index: 1
}

.p-form-control,
select.p-form-control option {
    color: #373737;
    font-size: 14px
}

.p-form-control {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    background: #fff;
    border-radius: 2px;
    border: .5px solid #363636
}

textarea.p-form-control {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 70px
}

select.p-form-control {
    cursor: pointer;
    background-image: url("/images/arrow-down-s-line (1).svg");
    background-position-x: 95%;
    background-position-y: center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-right: 25px;
    border: .5px solid #363636;
    border-radius: 2px
}

select.p-form-control:invalid {
    color: #c4c4c4;
    font-size: 12px
}

#bankApprovalTable_info,
#bankApprovalTable_length,
#example_length,
#fileElem,
#uploadChat,
#uploadClose,
#uploadTicket,
.CommercialWrapper .has-float-label label::after,
.CommercialWrapper .has-float-label>span::after,
.EditCatWrap .CheckIcon,
.catagory-radio-wrap>div>label>input,
.category-card-sec>.owl-nav>.owl-next.disabled,
.category-card-sec>.owl-nav>.owl-prev.disabled,
.dash-image-upload>input,
.dashboard-incomplete,
.dataTables_paginate,
.emailText.active>.p-form-txt,
.flex-direction-nav,
.hide-loader,
.holdTooltipText::after,
.innerRowCell .fileInputField .fileInputControl,
.kys-main-input.active>.email-textbox-heading,
.loginEmailText.active>.p-form-txt,
.ms-drop input[type=checkbox],
.noti-content>li.mark-read>.noti-time-sec>.noti-status,
.p-billing,
.p-brand-up input,
.p-busi-label input,
.p-check-wrap input,
.p-checkbox-cat>label>input,
.p-cpt-label input,
.p-file-up input,
.p-filter-select select option[value=""][disabled],
.p-new-select-control select option[value=""][disabled],
.p-order-check input,
.p-partition:last-child,
.p-pickup,
.p-radio-wrap>label>input,
.p-sign-inp>input,
.p-um-check-wrap input,
.podDwnlstool .podDnlTooltip::after,
.radioBtnGroup>label>input,
.stepper-res,
.uploadLastSec .selectFile input,
header.blackHeader .navbar-brand img,
option[value=""][disabled],
select.p-form-control option[value=""][disabled] {
    display: none
}

.p-creditNo,
.p-debitDetails,
.p-del-clr,
.p-resend,
.p-resend:hover,
.pickupDate,
.redText,
.resendOtp:hover,
.sidebar-icons>.active>a>.p-list-txt,
.sidebardata-active>a>p,
.sub-sidebar>a>p:hover,
.tms-cnd:hover,
.wh-account-status,
.wh-supplierId {
    color: #da191e
}

.p-phone select.p-form-control {
    width: 85px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 20px;
    background-position-x: 90%
}

.p-phone select.p-form-control+.p-form-control {
    width: 250px
}

.p-new-wrap,
.p-otp-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.p-form-control.p-otp {
    width: 165px !important;
    padding-left: 15px;
    letter-spacing: 4px;
    background-image: linear-gradient(to right, #c4c4c4 70%, rgba(255, 255, 255, 0) 0);
    background-position-y: center;
    background-size: 26px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px
}

.p-otp:focus,
.p-otp:valid {
    background-image: none
}

.p-blue,
.p-edit-clr,
.p-forgot,
.profile-help-support,
tr.p-not-verified .p-upload {
    color: #4285f4
}

.p-pop-foot {
    text-align: center;
    padding-top: 10px
}

.p-forgot {
    font-size: 12px;
    display: inline-block
}

.p-pop-para {
    font-size: 14px;
    margin-top: 20px
}

.p-pop-sub-para {
    font-size: 14px;
    margin-top: 5px;
    margin-left: 0 !important
}

.add-info-frm>.add-frm-txt>.editAddFull,
.busi-in-form>.p-form-unit>.p-form-control,
.en-bx-txt>.p-form-row>.p-form-unit>.oosTooltip,
.p-large.loginBtn,
.p-multiselect,
.wd-100 {
    width: 100% !important
}

.p-multiselect .ms-choice {
    height: 45px;
    width: 100%;
    font-size: 14px;
    padding: 0 10px;
    color: #373737;
    background: url("/images/arrow-down-s-line (1).svg") 0 0/20px no-repeat #fff;
    border-radius: 4px;
    border: .5px solid #363636;
    background-position-x: 95%;
    background-position-y: center
}

.p-valid-msg:after,
.p-valid-msg:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    content: ""
}

.ms-choice>span {
    line-height: 45px;
    left: 7px !important
}

.ms-choice>span.placeholder {
    color: #c4c4c4;
    font-size: 12px
}

.ms-drop ul>li label {
    font-size: 14px;
    color: #373737;
    cursor: pointer
}

.ms-drop ul>li label>span {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 4px 0 4px 20px
}

.ms-drop ul>li label>span:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #db232e
}

.ms-drop ul>li label>span:after {
    content: "";
    display: none;
    position: absolute;
    left: 2px;
    top: 11px;
    width: 8px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.brand-search.active,
.ms-choice>div,
.ms-choice>div.open {
    background: 0 0
}

.toast-message>ul {
    list-style: disc;
    font-size: 14px;
    padding: 10px 0 0 15px
}

.p-cat-product-details>div,
.p-outMsgContent,
.toast-message>ul>li {
    padding: 5px 0
}

.p-form-control::-webkit-input-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.p-form-control::-moz-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.p-form-control:-ms-input-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.p-form-control:-moz-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.p-header-nxt {
    margin-top: 50px;
    background-image: url("../images/registration-background.png");
    background-size: cover;
    background-position: bottom
}

.p-reg-main {
    min-height: calc(100vh - 107px);
    padding-top: 40px;
    padding-bottom: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: initial;
    align-items: initial;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.p-reg-main.p-reg-center {
    -webkit-justify-content: center;
    justify-content: center
}

.p-reg-head {
    font-size: 32px;
    color: #fff
}

.p-order-check,
.p-reg-txt {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.p-reg-txt img {
    margin-top: 7px;
    margin-right: 30px
}

.p-reg-txt p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: 32px
}

.p-form-cell.p-adj-cell {
    -webkit-flex-basis: calc(50% - 10px);
    flex-basis: calc(50% - 10px)
}

.p-valid-msg {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    box-shadow: rgba(0, 0, 0, .5) 5px 5px 10px;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 10px;
    background: #fff;
    font-size: 14px;
    width: max-content;
    z-index: 2
}

.p-valid-msg:after {
    z-index: 0;
    border-bottom: 10px solid #333;
    top: -10px
}

.p-valid-msg:before {
    z-index: 1;
    border-bottom: 10px solid #fff;
    top: -9px
}

.p-link-wrap {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 10px;
    right: 20px
}

.p-link-txt {
    font-size: 10px;
    color: #f86f26;
    margin-right: 10px
}

.p-resend-link {
    font-size: 10px;
    color: #4285f4
}

.p-wel-top {
    position: relative;
    padding: 30px 20px 10px;
    background: #fff
}

.p-wel-bar {
    margin-bottom: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.p-wel-txt {
    font-size: 16px;
    color: #3a3a3a
}

.p-wel-sub-txt {
    font-size: 12px;
    color: #3a3a3a
}

.p-btn.p-submit {
    width: 100px;
    background: #d9232d;
    border-radius: 8px;
    cursor: unset
}

.p-per-sec {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center
}

.p-per-txt {
    color: rgba(0, 0, 0, .5);
    font-size: 12px
}

.p-detail-box.p-complete .p-detail-sub-txt,
.p-green,
.p-per-amt {
    color: #65b447
}

.p-per-amt {
    font-size: 12px;
    margin-right: 10px
}

.p-per-bar {
    width: 300px;
    height: 18px;
    border-radius: 50px;
    background: #ebebeb;
    margin: 10px 0
}

.p-per {
    height: 18px;
    border-radius: 4px 0 0 4px;
    background: #299e22
}

.p-per[data-width="0"] {
    width: 0
}

.p-per[data-width="16"],
ul.SD li:first-child {
    width: 16%
}

.p-per[data-width="35"],
.profile_videoThumb .videoPart {
    width: 35%
}

.new-dashboard-left-sec,
.p-busi-txt-wrap,
.p-per[data-width="70"] {
    width: 70%
}

.btn-carousel>.owl-stage-outer,
.p-per[data-width="85"],
.paymentUtrAction {
    width: 85%
}

.p-detail-sec {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 20px;
    background: #f8fbff;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0
}

.p-detail-box {
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: calc(25% - 25px);
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding: 10px 15px 10px 20px
}

.p-detail-box.active,
.p-detail-box.p-complete {
    border: 1px solid #4285f4
}

.p-detail-box i {
    font-size: 28px;
    margin-right: 15px;
    color: #4285f4
}

.p-detail-box.active {
    background: #eff5ff
}

.p-detail-box.p-complete:after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    height: 100%;
    width: 5px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #65b447
}

.p-add-sign:after,
.p-add-sign:before {
    background: #4285f4;
    position: absolute
}

.p-detail-txt {
    font-size: 14px;
    color: #4285f4;
    font-weight: 500;
    margin-bottom: 1px
}

.p-detail-sub-txt {
    font-size: 10px;
    color: #de3535;
    font-weight: 700
}

.p-info-sub-txt,
.p-info-txt {
    text-align: center;
    color: #3a3a3a
}

.p-info-txt {
    font-size: 18px;
    font-weight: 700;
    margin-top: 150px;
    margin-bottom: 5px
}

.p-drop-sec {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-end;
    padding-right: 5px
}

.p-drop-name {
    font-size: 14px;
    color: #da191e
}

.p-drop-id {
    font-size: 10px;
    color: rgba(58, 58, 58, .5)
}

.p-drop-img {
    margin-left: 40px;
    cursor: pointer
}

.p-drop-img>img {
    width: 10px
}

.p-dropdown {
    display: none;
    position: absolute;
    top: 45px;
    right: 15px;
    z-index: 1000;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.p-dropdown>li>a {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.p-dropdown>li>a:hover {
    color: #dc1410;
    background: #f5f5f5
}

.p-business-detail {
    padding: 15px;
    width: 100%
}

.p-detail-top {
    margin-bottom: 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center
}

.p-busi-txt,
.p-title {
    font-size: 14px;
    font-weight: 700
}

.p-btn.w-100 {
    min-width: 100px
}

#gallery,
#toast-container,
.new-collapsible>span,
.p-busi-type-wrap,
.p-cpt-label:first-child,
.sidebar-icons {
    margin-top: 10px
}

.p-busi-type {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px
}

.p-busi-label {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 10px;
    border: .5px solid #d9232d;
    border-radius: 8px;
    margin-right: 10px;
    width: 200px
}

.adduser-form>.p-form-cell-full,
.p-add-sec,
.p-milti-unit .p-form-unit {
    margin-bottom: 20px
}

.new-check-txt,
.p-add-head {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px
}

.p-add-btn {
    height: 156px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 30px 30px 10px;
    background: #eff5ff;
    border-radius: 2px;
    border: 1px solid #4285f4
}

.p-add-sign {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 50px;
    height: 50px
}

.p-add-sign:after {
    content: "";
    width: 50px;
    height: 3px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-add-sign:before {
    content: "";
    width: 3px;
    height: 50px;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.p-add-btn-txt {
    display: inline-block;
    color: #4285f4;
    font-size: 12px;
    font-weight: 700;
    margin-top: 20px
}

.p-address-wrap {
    position: relative;
    display: block;
    padding: 10px 20px 0;
    height: 100%
}

.p-add-txt {
    width: 80%;
    padding: 15px 15px 10px;
    font-size: 12px;
    line-height: 18px
}

.p-btn-grp {
    padding: 10px 20px;
    display: flex;
    position: absolute;
    right: 15px;
    margin-top: 4px
}

.p-pop-heading-wrap {
    margin-bottom: 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.downloadManifest,
.dropshipInvoice,
.markShipped,
.p-pop-heading,
.raise-new-brand>span,
.shipModalHeader>span,
.tooltip .downloadInvTooltip {
    font-size: 12px;
    font-weight: 500
}

.p-pop-box.p-pop-large {
    width: 1020px
}

.p-form-phone {
    cursor: pointer;
    -webkit-flex-basis: calc(25% - 15px);
    flex-basis: calc(25% - 15px)
}

.p-check-wrap,
.p-sign-top {
    -webkit-align-items: center
}

.p-check-wrap {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-left: 30px
}

.p-checkbox {
    width: 14px;
    height: 14px;
    position: relative;
    border: 1px solid #3a3a3a;
    border-radius: 1px;
    margin-right: 10px;
    cursor: pointer
}

.p-checkbox:before {
    content: "";
    display: none;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 14px;
    height: 14px;
    background: #d9232d;
    border-radius: 2px
}

.p-checkbox:after {
    content: "";
    display: none;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.p-adj-center {
    margin-top: 16px
}

.p-pop-btn-grp {
    display: -webkit-flex;
    display: flex;
    margin-left: auto
}

.attachFileContent,
.damage-claim-sec.active>.addAttachSec>.additional-modal-content,
.p-pop-btn-grp>.p-btn {
    margin-left: 20px
}

.p-btn.p-alt-btn {
    background: #3a3a3a
}

.p-btn.p-submit.active {
    background: #4285f4;
    cursor: pointer
}

.p-file-up {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    height: 45px;
    font-size: 14px;
    padding: 0 15px;
    color: #373737;
    background: #fff;
    border-radius: 2px;
    border: .5px solid #363636
}

.p-file-txt {
    font-size: 12px;
    color: #c4c4c4
}

.p-file-name {
    font-size: 12px;
    color: #373737;
    white-space: nowrap;
    width: 145px;
    text-overflow: ellipsis
}

.p-debit-select,
.p-inv-select,
.p-mapping-select,
.p-payment-select,
.p-um-select,
.p-upload-select,
.p-wh-select,
.raise-modal-select {
    text-overflow: "";
    text-indent: .01px
}

.del,
.p-admin-up-btn,
.p-del,
.p-up-btn {
    display: -webkit-flex;
    width: 20px;
    height: 20px;
    -webkit-justify-content: center;
    cursor: pointer
}

.p-admin-up-btn,
.p-up-btn {
    display: flex;
    font-size: 13px;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

.del,
.p-del {
    margin-left: 25px;
    display: flex;
    color: #d9232d;
    font-size: 14px;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cartonlmtHeader,
.p-filter-head,
.p-mid-head {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px
}

.p-add-field {
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    align-self: flex-end;
    width: 35px;
    height: 35px;
    color: #4285f4;
    font-size: 12px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #eff5ff;
    border-radius: 1px;
    border: 1px solid #4285f4
}

.p-sign-wrap {
    display: block;
    margin-bottom: 20px
}

.p-sign-top {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 10px;
    margin-bottom: 7px
}

.p-sign-inp>span {
    cursor: pointer;
    font-size: 12px;
    color: #4285f4;
    font-weight: 700
}

.p-sign-img {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 220px;
    height: 80px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 1px
}

.p-sign-img>img {
    display: none;
    width: auto !important;
    height: auto !important;
    max-height: 100%
}

.p-note {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    margin-left: 20px;
    width: 300px;
    line-height: 14px
}

.p-filter-label,
.p-filter-txt,
.p-note-top,
.p-usr-filter-header {
    font-size: 10px;
    font-weight: 700
}

.p-term {
    color: #4285f4;
    font-weight: 500
}

.p-orange {
    color: #f86f26
}

.p-ver-txt {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.p-division {
    margin-top: 20px;
    margin-bottom: 30px;
    height: 1px;
    background: #707070
}

.p-table-head {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.p-table {
    width: 100%;
    text-align: left;
    border-spacing: 0;
    border-collapse: collapse
}

.p-table thead th {
    font-size: 12px;
    font-weight: 700;
    padding: 10px 20px;
    border-bottom: 1px solid #c4c4c4
}

.p-table tbody td {
    font-size: 12px;
    padding: 15px 20px
}

.p-table tbody tr {
    background: #fff;
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    border-left: 5px solid #4285f4
}

.p-table tbody tr.p-not-verified {
    border-left-color: #de3535;
    background: #fff2f2
}

.p-status {
    color: #65b447;
    font-weight: 500
}

tr.p-not-verified .p-status {
    color: #de3535
}

.p-view {
    color: #4285f4;
    cursor: pointer
}

.p-upload {
    color: #c4c4c4;
    cursor: pointer
}

.p-app-wrap>div {
    padding: 15px;
    border-radius: 8px;
    margin-right: 10px;
    width: calc(50% - 15px);
    min-height: calc(100vh - 360px);
    background-color: #f7f7f7;
    margin-bottom: 10px
}

#promoError {
    font-size: 13px;
    color: red
}

.p-app-txt {
    font-size: 14px;
    margin-bottom: 7px;
    font-weight: 700
}

.p-ver-division {
    height: 40px;
    width: 1px;
    background: #d5d5d5;
    margin: 0 40px
}

.site-error {
    height: calc(100vh - 128px);
    margin-top: 60px;
    padding-top: 20px
}

.p-site-msg {
    font-size: 13px;
    margin-top: 5px
}

.alert.alert-danger,
.home_redirect>a {
    color: #f33
}

.p-radio-wrap>label {
    position: relative;
    padding-left: 25px;
    margin-right: 30px;
    cursor: pointer
}

.p-radio-wrap>label>input:checked+.p-radio-check:after {
    border-color: #3b86ff
}

.p-oos-radio-check:after,
.p-radio-check:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 3px solid #777;
    border-radius: 20px;
    left: 0
}

.p-radio-check:before {
    content: "";
    display: none;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #3b86ff
}

.p-form-row.p-wrap-unit.p-milti-unit {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    width: 100%;
    height: min-content
}

#msnsearchresult {
    padding-bottom: 100px
}

.p-new-banner {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25)
}

.p-red-div {
    height: 5px;
    background: #da191e
}

.noti-header,
.p-new-txt-wrap {
    padding: 30px
}

.p-new-head {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 7px
}

.p-new-txt {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px
}

.marBottom40,
.p-add-mar {
    margin-bottom: 40px
}

.p-scroll-area {
    position: static
}

.p-sidebar {
    position: fixed;
    left: 0;
    transition: .2s;
    z-index: 2;
    width: 50px;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #fff;
    overflow-x: hidden
}

.p-sidebar+.p-scroll-area {
    padding-left: 50px;
    transition: .2s;
    overflow-x: hidden
}

.p-sidebar>ul>li.active>.p-sidebar-tile>i {
    color: #fff;
    background: #d9232d
}

.p-faq-sidebar>ul>li.active>.p-sidebar-tile,
.p-sidebar-tile:hover {
    background: #eff5ff;
    color: red
}

li.active>.p-faq-sidebar-tile:after,
li.active>.p-sidebar-tile:after {
    width: 4px
}

.p-sidebar-tile {
    display: block;
    color: #363636;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #fff;
    padding: 0 0 0 50px;
    cursor: pointer;
    transition: .2s
}

.p-sidebar-tile i {
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-sidebar-tile span.p-list-txt,
.para-size,
.rating-txt {
    display: none;
    font-size: 12px
}

.p-drop {
    position: absolute;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    right: 5px;
    padding: 5px;
    font-size: 11px;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -ms-transition: transform .2s;
    transition: transform .2s;
    display: none
}

.p-sidebar>ul>li.active>.p-sidebar-tile .p-drop {
    -webkit-transform: translatey(-50%) rotate(90deg);
    -moz-transform: translatey(-50%) rotate(90deg);
    -ms-transform: translatey(-50%) rotate(90deg);
    -o-transform: translatey(-50%) rotate(90deg);
    transform: translatey(-50%) rotate(90deg)
}

.p-sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: .3s
}

.p-sidebar>ul>li.active .p-sub-menu {
    max-height: 500px
}

.p-sidebar:hover {
    width: 180px;
    margin-top: 0 !important
}

.p-sidebar.active+.p-scroll-area,
.p-sidebar.mousover+.p-scroll-area,
.p-sidebar:hover+.p-scroll-area {
    padding-left: 180px
}

.p-sidebar:hover .p-sidebar-toggle i {
    transform: rotate(180deg)
}

.p-sub-menu>li.active a:after {
    background: red
}

.p-sub-menu>li {
    border-top: 1px solid #ddd
}

.p-bar-toggle-wrap {
    padding: 0 0 0 10px;
    display: flex;
    justify-content: flex-start;
    background: #fff
}

.p-sidebar-toggle {
    font-size: 21px;
    display: flex;
    width: 100%;
    height: 30px;
    background: #fff;
    cursor: pointer;
    margin-top: 15px
}

.p-sidebar-toggle i {
    transition: .2s;
    padding: 2px
}

.p-sidebar.active {
    width: 180px
}

.notice-table-v-scroll>ul,
.p-sidebar.active .p-sidebar-tile {
    padding-right: 5px
}

.p-cat-top {
    display: flex;
    padding: 0 15px 10px;
    align-items: center;
    justify-content: space-between
}

.p-catalog-head {
    display: block;
    margin: 0 0 0 15px;
    font-size: 24px;
    font-weight: 700
}

.p-catalog-profile {
    display: block;
    padding: 2px;
    height: 34px;
    width: 34px;
    border-radius: 4px;
    cursor: pointer
}

.CommercialWrapper .bottomContainer.ClonePageContainer,
.buseness-btn,
.catalogLogout,
.growFasterSidebar>ul,
.p-middle-wrap {
    padding: 20px
}

.p-back-icon {
    color: #363636;
    font-size: 10px;
    cursor: pointer;
    padding: 4px 3px;
    margin-right: 20px
}

.p-search-inp {
    background: url("/images/search-2-line.svg") no-repeat #fff;
    width: 320px;
    height: 34px;
    border-radius: 8px;
    border: .5px solid #cfd2e2;
    padding: 0 15px;
    font-size: 12px;
    background-position: calc(100% - 15px)
}

.clearSearch {
    display: none;
    position: absolute;
    top: 26px;
    left: 350px;
    cursor: pointer
}

.resetSearchInput {
    background-image: url("/images/search.png");
    background-position: right;
    background-repeat: no-repeat
}

.p-search-inp::-webkit-input-placeholder {
    font-size: 10px;
    color: #cecece
}

.p-search-inp::-moz-placeholder {
    font-size: 10px;
    color: #cecece
}

.p-search-inp:-ms-input-placeholder {
    font-size: 10px;
    color: #cecece
}

.p-search-inp:-moz-placeholder {
    font-size: 10px;
    color: #cecece
}

.p-search-btn {
    background: #3a3a3a;
    color: #fff;
    border-radius: 0 2px 2px 0;
    height: 30px;
    width: 100px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    left: -4px;
    top: -1px
}

.p-filter-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #fff
}

.inv-table-top,
.p-shift-right {
    justify-content: space-between
}

.p-filter-txt {
    color: #b0b1b0;
    text-align: right;
    margin-bottom: 5px
}

.abfrl-all-btn>div,
.brandSelected>.ms-choice>span,
.brandsFilterLists,
.carousel-btn-sec,
.catalogNewField .innerBlk,
.category-card-sec>.owl-stage-outer>.owl-stage,
.copyAws,
.dashboard-main-sec,
.doc-main-cnt,
.emailText.active,
.footer-sec,
.growFasterDiv,
.kys-main-input.active,
.loginEmailText.active,
.manufacture-update-div,
.nd-knowmore-sec,
.new-bank-sec,
.new-profile-top-head,
.noti-list-content,
.otpTimer,
.p-addr-sec,
.p-buis-btm,
.p-bulkupload-btn-sec,
.p-busi-wrapper,
.p-filter-option,
.p-filter-rightsec,
.p-lg-cell,
.p-lg-cell-mdl,
.p-payment-header-top,
.p-ticket-bottom-right,
.p-um-online,
.p-upload-btn-sec,
.p-user-search-input,
.p-user-top-left,
.p-wh-top-left,
.p-wh-upload-btn-sec,
.responsive-login-btn,
.sVideoWidgetActive .bottomContent,
.scorecard-1-1,
.sub-hist,
.transport-sec,
.trn_info:hover+.trn_tooltip,
.upload-content {
    display: flex
}

.p-partition {
    width: 1px;
    background: #e2e2e2;
    margin: 0 20px
}

.contractDetailsWrap .p-form-txt,
.p-filter-label {
    color: #a2a2a2
}

.p-filter-select {
    position: relative;
    width: 130px
}

.p-filter-select i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

.p-filter-select select,
.p-picker,
.refreshInv {
    cursor: pointer;
    z-index: 1
}

.p-filter-select select {
    border: none;
    color: #363636;
    font-size: 12px;
    padding-right: 25px;
    width: 100%;
    background: 0 0;
    position: relative
}

.p-filter-select select:invalid {
    color: #c4c4c4;
    font-size: 12px
}

.p-filter-select select option {
    color: #373737;
    font-size: 13px
}

.p-shift-right {
    display: flex;
    margin-bottom: 15px
}

.catalog-count,
.online-order-count,
.payment-count {
    position: relative;
    margin-right: 20px
}

.p-cat-count {
    font-size: 12px;
    padding: 2px 10px;
    border: .5px solid #cfd2e2;
    border-radius: 8px 0 0 8px;
    border-right: 0px;
    background-color: #fff
}

.p-cat-toatal-count,
.p-cat-total-count {
    font-size: 12px;
    padding: 2px 10px;
    border: .5px solid #cfd2e2;
    border-radius: 0 8px 8px 0
}

.p-table-wrap {
    padding: 0 20px 30px
}

.p-table-head-cat {
    display: flex;
    background: #464646;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 15px 0;
    align-items: center
}

.invInput,
.invUpdate {
    font-size: 11px !important
}

.p-sub-table-head>div>div,
.p-table-cat>li:not(.p-table-head-cat)>div,
.p-table-head-cat>div {
    padding: 0 5px
}

.p-table-cat>li:not(.p-table-head-cat) {
    display: flex;
    align-items: center;
    padding: 10px 0;
    background: #fff;
    color: #3a3a3a;
    font-size: 12px;
    border: 1px solid #efefef;
    border-top: 0
}

.p-checkbox-cat {
    display: flex;
    justify-content: center
}

.p-checkbox-cat>label {
    display: flex;
    position: relative;
    font-size: 15px;
    cursor: pointer
}

.p-tick {
    display: none;
    position: absolute;
    top: 4px;
    left: 3px;
    transform: rotate(-45deg);
    width: 9px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.p-bl-check.p-tick {
    border-color: #363636
}

.p-cat-img {
    position: relative;
    width: 80px;
    flex-shrink: 0;
    margin-right: 10px
}

.p-cat-img>img {
    box-shadow: #00000029 1px 1px 1px;
    border-radius: 8px;
    padding: 5px;
    width: 75px;
    height: 100px
}

.searchClose {
    display: inline-block;
    position: absolute;
    top: 30px;
    cursor: pointer
}

.invUpdate {
    display: inline-block;
    width: 55px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    text-align: start
}

.invInput {
    border: 1px solid #cfd2e2;
    background-color: #f7f7f7;
    border-radius: 4px;
    padding: 2px 5px;
    width: 60px;
    font-weight: 500
}

.invInput::-webkit-inner-spin-button,
.invInput::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.invEditBox {
    width: 60px;
    border: .5px solid #cfd2e2 !important;
    padding: 3px 5px;
    border-radius: 4px
}

.closeCirleIcons {
    display: none;
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    box-shadow: 0 4px 10px #36363626;
    width: 60px;
    position: absolute;
    margin-left: -60px;
    margin-top: 25px;
    background-color: #ffff
}

.historyIcon,
.inv-filter-header {
    margin-left: 10px;
    position: relative
}

.closeCirleIcons>img,
.p-active-table-head>div>label,
.p-drop-table-head>div>label,
.p-noquery-content>div,
.p-queries-body>h4 {
    padding: 5px
}

.closeCirleIcons.active {
    display: inline-flex
}

.historyIcon {
    cursor: pointer;
    display: inline-block;
    top: 6px;
    padding: 2px;
    background: #ffebeb;
    font-size: 18px;
    color: #da191e;
    font-weight: 500 !important;
    border-radius: 4px
}

.closeEdit {
    cursor: pointer;
    width: 29px
}

.refreshInv {
    display: inline-block;
    position: relative;
    left: -15px;
    top: 2px
}

.p-inv-select {
    width: 190px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #363636;
    padding: 0 10px;
    background-image: url(/images/keyboard-down-arrow-button.svg);
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 10px;
    cursor: pointer;
    font-size: 12px
}

.inv-btn-sec {
    margin-top: auto
}

.resetInv {
    width: 20px;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 2px;
    background: #f7f7f7;
    border-radius: 4px
}

.accept,
.close,
.inv-btn,
.p-btn1,
.reject {
    border-radius: 2px;
    height: 30px;
    width: 70px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background: #ffff !important;
    cursor: pointer;
    opacity: 1;
    border: 1px solid #da191e;
    color: #da191e
}

.accept,
.inv-apply {
    background: #da191e !important;
    color: #ffff
}

.p-inv-filter-sec,
.p-payment-filter-sec {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: space-between
}

.inv-filter-header {
    padding: 2px;
    font-size: 10px;
    color: #a2a2a2;
    margin-top: -8px;
    background: #ffff;
    top: 10px;
    width: fit-content;
    width: -moz-fit-content
}

.p-datePicker>div,
.p-inv-filter-sec>div {
    padding-right: 20px
}

.p-inv-filter-sec>div:last-child,
.p-payment-filter-sec>div:last-child {
    padding-right: 0
}

.p-inv-table-row {
    background: #fff;
    display: flex;
    font-size: 12px;
    color: #3a3a3a;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    margin-top: 10px;
    padding: 10px 0
}

.p-inv-table-row>div {
    padding-left: 15px !important
}

.p-label-txt {
    margin-bottom: 3px;
    font-weight: 700
}

.p-font-9 {
    font-size: 9px
}

.p-cat-top-wrap {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0
}

.p-edit-table-wrap {
    padding: 10px 15px
}

.catalog-line {
    border-bottom: .5px solid #cfd2e2;
    margin: 0 15px
}

.p-invoice-table-head,
.p-main-table-head {
    display: flex;
    color: #363636;
    font-size: 12px;
    font-weight: 700
}

.p-main-table-head>div {
    padding: 0 15px;
    display: flex;
    align-items: center
}

.fixed-row1>div:last-child,
.fixed-row>div:last-child,
.p-invoice-table-head>div:last-child,
.p-main-table-head>div:last-child,
.tableContent div>div:last-child {
    border-right: none
}

.p-inv-table>div {
    padding: 0 10px !important
}

.p-sub-table-head {
    background: #eceff1;
    display: none;
    height: 45px;
    font-size: 11px;
    color: #464646;
    font-weight: 700;
    border: 1px solid #e6e6e6
}

.p-sub-table-head>div {
    display: flex;
    align-items: center;
    border-right: 1px solid #dedede;
    padding-left: 5px
}

.p-active-table-row>div.p-action,
.p-order-table-row>div.p-action,
.p-sub-table-head>div.p-action,
.p-table-row>div.p-action {
    border-right: none;
    padding-left: 0;
    justify-content: center
}

.p-table-inp {
    max-width: 95%;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 3px;
    padding: 0 5px
}

.p-table-inp.p-required {
    border-color: #db3d30
}

.p-valid-icon {
    width: 15px;
    height: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.p-valid-icon>em.first {
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #464646
}

.p-valid-icon>em.second {
    display: inline-block;
    width: 65%;
    height: 2px;
    background: #464646
}

.p-valid-icon>em.third {
    display: inline-block;
    width: 27%;
    height: 2px;
    background: #464646
}

.p-valid-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.p-table-row {
    background: #fff;
    display: flex;
    font-size: 11px;
    color: #3a3a3a;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    margin-top: 10px;
    padding: 10px 0
}

.inv-inside-sec:first-child,
.p-invoice-table-row:first-child,
.p-online-table-row:first-child,
.p-payment-table-row:first-child,
.p-table-row:first-child {
    margin-top: 0
}

.p-table-row>div {
    display: block;
    border-right: 1px solid #dedede;
    padding: 0 0 0 15px
}

.itemProductname {
    font-weight: 600 !important
}

.msnBlock>p,
.p-cat-msn>p {
    display: inline;
    word-wrap: break-word
}

.p-cat-mrp {
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 600;
    margin-right: 15px
}

.p-cat-tax {
    font-size: 10px;
    color: #299e22;
    font-weight: 500
}

.p-cat-brandMsn {
    display: inline-block;
    color: #363636;
    font-weight: 500;
    margin-right: 20px
}

.p-cat-brandMsn-mdl::before,
.p-cat-brandMsn::before {
    content: attr(data-label);
    color: #a2a2a2;
    font-weight: 500;
    padding-right: 2px
}

.dataLabel::before {
    font-family: poppins, sans-serif;
    content: attr(data-label);
    color: #a2a2a2;
    font-weight: 500;
    display: inline-block;
    width: 50%
}

.p-tooltip:after,
.p-tooltip:before {
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: ""
}

.accept-modal-datepicker,
.document-table-header>li>div>span,
.infoDetails>h4,
.p-cat-bulkPrice>div,
.p-cat-retailPrice>div {
    padding: 10px 0
}

.p-cat-bulkPrice>div>span,
.p-cat-retailPrice>div>span,
.p-supply-details>div>span {
    font-weight: 500;
    font-family: roboto, sans-serif
}

.p-cat-bulkPrice>div:first-child,
.p-cat-retailPrice>div:first-child,
.p-supply-details>div:first-child {
    padding: 0 0 10px
}

.CommercialWrapper.updateMSn .topForm,
.CommercialtopWrap,
.p-supply-details>div {
    padding: 15px 0
}

.p-cat-product-details>div:first-child {
    padding: 0 0 5px
}

.msn-action.ins-btn>div,
.msn-action.oos-btn>div {
    font-size: 11px;
    padding: 3px 2px;
    text-align: center
}

.p-icon-delete {
    font-size: 18px !important;
    color: #de3535;
    padding: 0 4px;
    cursor: pointer
}

.p-picker {
    background: 0 0;
    border: none;
    font-size: 11px !important;
    padding-right: 12px;
    position: relative
}

.p-picker::-webkit-input-placeholder {
    font-size: 11px;
    color: #4285f4
}

.p-picker::-moz-placeholder {
    font-size: 11px;
    color: #4285f4
}

.p-picker:-ms-input-placeholder {
    font-size: 11px;
    color: #4285f4
}

.p-picker:-moz-placeholder {
    font-size: 11px;
    color: #4285f4
}

.p-cal-icon {
    position: absolute;
    top: 3px;
    right: 0;
    color: #4285f4;
    z-index: 0
}

.p-action-toggle>i,
.p-hv-tooltip {
    position: relative;
    cursor: pointer
}

.p-tooltip {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #4285f4;
    padding: 5px;
    font-size: 10px;
    line-height: 13px;
    width: 250px;
    top: 20px;
    left: 0
}

.p-tooltip:after {
    position: absolute;
    border-bottom: 6px solid #fff;
    top: -5px;
    left: 5px
}

.p-tooltip:before {
    position: absolute;
    border-bottom: 6px solid #4285f4;
    top: -6px;
    left: 5px
}

.p-action-toggle>i {
    font-size: 18px;
    color: #3a3a3a;
    padding: 0 10px
}

.p-cat-inv-icons {
    display: inline-block;
    position: absolute;
    margin-top: -5px
}

.inv-edit-icon {
    cursor: pointer;
    position: relative;
    padding: 2px;
    top: 6px;
    left: 5px;
    font-size: 18px;
    font-weight: 500 !important;
    background: #f7f7f7;
    border-radius: 4px;
    height: 13px;
    width: 12px;
    margin-top: 10px
}

.bank-datepicker,
.dakshEvent,
.dis-shipm-invoice,
.drpSelect,
.fin-date,
.inv-datepicker,
.inv-search,
.lbh-first,
.mapNowBtn,
.p-fy-year,
.p-transport-select,
.pack-bulkupload-wrapper,
.upl-btn-img {
    background-repeat: no-repeat
}

.brandUserInput .heading .userValue,
.inv-edit-icon.active,
.p-term>a,
.poDropDown label .star,
.red-clr,
.trn_tln_asterisk {
    color: #d9232d
}

.cat-vertical-line {
    margin: 5px 0;
    border-right: .5px solid #e2e2e2
}

.debitContent,
.inventoryContent {
    width: 100% !important;
    height: 100% !important;
    border-radius: 30px 30px 0 0 !important;
    padding: 30px !important
}

.inventoryModal {
    padding-top: 175px !important;
    padding-bottom: 0 !important;
    z-index: 10 !important
}

.inv-datepicker {
    border: 1px solid #363636 !important;
    height: 30px !important;
    padding: 10px !important;
    background-position: calc(100% - 5px) !important;
    background-image: url(/images/calendar.png);
    width: 190px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 12px !important
}

.inv-datepicker::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.inv-datepicker::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.inv-datepicker:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.inv-datepicker:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.inv-search {
    background-image: url("/images/search.png");
    background-position: right;
    padding: 10px;
    border-radius: 4px;
    width: 290px;
    height: 30px;
    border: 1px solid #ccc
}

.inv-search::-webkit-input-placeholder {
    color: #c5c5c5;
    font-size: 10px
}

.inv-search::-moz-placeholder {
    color: #c5c5c5;
    font-size: 10px
}

.inv-search:-ms-input-placeholder {
    color: #c5c5c5;
    font-size: 10px
}

.inv-search:-moz-placeholder {
    color: #c5c5c5;
    font-size: 10px
}

.inv-table-top {
    display: flex;
    padding: 20px 0 10px;
    border-bottom: .5px solid #cfd2e2
}

.inv-table-top-left {
    padding: 10px;
    width: 400px;
    border: .5px solid #cfd2e2;
    border-radius: 8px;
    margin: 10px 0
}

.inv-table-top-left>span {
    font-size: 12px;
    color: #da191e;
    font-weight: 700
}

.inv-table-top-left>p {
    font-size: 12px;
    color: #3a3a3a;
    font-weight: 500
}

.inv-table-pagination {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px
}

.p-table-dropdown {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    width: 75px;
    border-bottom: 1px solid #ccc
}

.p-table-dropdown li {
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: none;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #3a3a3a;
    cursor: pointer
}

.p-table-dropdown li:hover {
    background: #eee
}

.p-table-dropdown li i {
    font-size: 15px;
    margin-right: 7px
}

.ui-widget {
    font-size: .8em !important
}

.ui-datepicker .ui-datepicker-prev span.ui-icon:after {
    content: "";
    position: absolute;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.ui-datepicker .ui-datepicker-next span.ui-icon:after {
    content: "";
    position: absolute;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ui-widget-header {
    border: 1px solid #db3d30 !important;
    background: #bc2832 !important
}

.p-pagination>ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 500;
    margin-top: 2px
}

.p-pagination>ul>li {
    padding: 2px 10px;
    border: .5px solid #cfd2e2;
    background: #fff;
    border-right: 0px
}

.p-pagination>ul>li:first-child,
.p-profile-per-bar>span:first-child {
    border-radius: 8px 0 0 8px
}

.p-pagination>ul>li:last-child {
    border-radius: 0 8px 8px 0;
    border-right: .5px solid #cfd2e2
}

.catalogNewField .srchTopLbl .lft,
.daksh-dropdown>li:hover,
.p-pagination>ul>li>a,
.p-pagination>ul>li>span {
    color: #363636
}

.p-pagination>ul>li.active {
    background: #a2a2a2
}

.dashboard-prev-btn.active>i,
.dashboard-prev-btn_adm.active>i,
.dataTables_filter>label,
.p-pagination>ul>li.active>a,
.p-pagination>ul>li.active>span {
    color: #fff
}

.p-pagination>ul>li .prev {
    position: relative;
    padding-left: 15px
}

.p-pagination>ul>li .prev:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    background: 0 0;
    transform: translateY(-50%) rotate(45deg);
    border-left: 2px solid #3a3a3a;
    border-bottom: 2px solid #3a3a3a
}

.p-pagination>ul>li .next {
    position: relative;
    padding-right: 15px
}

.p-pagination>ul>li .next:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    background: 0 0;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #3a3a3a;
    border-right: 2px solid #3a3a3a
}

.msn-action {
    align-items: flex-start;
    padding-right: 5px !important
}

.tFRaiseNewTicket {
    display: flex;
    align-items: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 8px #00000057;
    border: 1px solid #D9232D;
    border-radius: 24px;
    padding: 8px 12px;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #D9232D;
    position: absolute;
    right: 25px;
    bottom: 65px;
}

.tFRaiseNewTicket img {}



.msn-action.oos-btn>div {
    cursor: pointer;
    font-weight: 500;
    color: #fff;
    background: #73cc2a
}

.msn-action.ins-btn>div {
    cursor: pointer;
    font-weight: 500;
    color: #fff;
    background: #cc5d2a
}

.flex-control-paging li a.flex-active {
    background: #da191e;
    width: 25px
}

.flex-control-paging li a {
    background: rgba(0, 0, 0, .2);
    transition: .2s
}

.flex-control-paging li a:hover {
    background: rgba(218, 25, 30, .5)
}

.flex-control-nav {
    bottom: -50px
}

.loader-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .4);
    z-index: 500000;
    top: 0
}

.lds-roller,
.lds-spinner {
    top: 50%;
    position: absolute;
    display: inline-block
}

.lds-roller {
    width: 64px;
    height: 64px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.lds-roller div {
    animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-roller;
    transform-origin: 32px 32px
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #da191e;
    margin: -3px 0 0 -3px
}

.lds-roller div:first-child {
    animation-delay: -36ms
}

.lds-roller div:first-child:after {
    top: 50px;
    left: 50px
}

.lds-roller div:nth-child(2) {
    animation-delay: -72ms
}

.lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px
}

.lds-roller div:nth-child(3) {
    animation-delay: -108ms
}

.lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px
}

.lds-roller div:nth-child(4) {
    animation-delay: -144ms
}

.lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px
}

.lds-roller div:nth-child(5) {
    animation-delay: -.18s
}

.lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px
}

.lds-roller div:nth-child(6) {
    animation-delay: -216ms
}

.lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px
}

.lds-roller div:nth-child(7) {
    animation-delay: -252ms
}

.lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px
}

.lds-roller div:nth-child(8) {
    animation-delay: -288ms
}

.lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px
}

.lds-spinner {
    width: 30px;
    height: 30px;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.lds-spinner div {
    transform-origin: 15px 15px;
    animation: 1.2s linear infinite lds-spinner
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 20px;
    left: 14px;
    width: 2px;
    height: 5px;
    border-radius: 20%;
    background: #000
}

.lds-spinner div:first-child {
    transform: rotate(0);
    animation-delay: -1.1s
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -.9s
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -.8s
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -.7s
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -.6s
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -.5s
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -.4s
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -.3s
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -.2s
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -.1s
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    top: 2px
}

.stateWidgets .mogb_switch input,
.su-switch input,
.switch input,
.usr-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f2f2f2;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border: .5px solid #e6e6e6
}

input:checked+.slider:before,
input:checked+.usr-slider:before {
    background-color: #d9232d;
    border: .5px solid #d9232d;
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px)
}

input:checked+.slider,
input:checked+.usr-slider {
    background-color: #ffebeb
}

input:focus+.slider,
input:focus+.su-slider {
    box-shadow: 0 0 1px #67a039
}

.slider.round,
.su-slider.su-round,
.usr-slider.round {
    border-radius: 15px
}

.p-cent-adj {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.p-detail-para {
    font-weight: 500;
    margin-bottom: 3px;
    line-height: 16px
}

@font-face {
    font-family: icomoon;
    src: url("../fonts-supplier/icomoon.eot?dszfp2");
    src: url("../fonts-supplier/icomoon.eot?dszfp2#iefix") format("embedded-opentype"), url("../fonts-supplier/icomoon.ttf?dszfp2") format("truetype"), url("../fonts-supplier/icomoon.woff?dszfp2") format("woff"), url("../fonts-supplier/icomoon.svg?dszfp2#icomoon") format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class*=" sidebar-"],
[class*=" tab-icons-"],
[class^=icon-],
[class^=sidebar-],
[class^=tab-icons-] {
    font-family: sidebar !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-add:before,
.sidebar-order-list:before,
.tab-icons-transport:before {
    content: "\e900"
}

.icon-add-addresses:before,
.sidebar-edit-box-line:before,
.tab-icons-delivery-bike:before {
    content: "\e901"
}

.icon-add-Bank-Details:before,
.sidebar-checkbox-circle-line:before,
.tab-icons-accept:before {
    content: "\e902"
}

.icon-add-business-details:before,
.sidebar-close-circle-line:before,
.tab-icons-product:before {
    content: "\e903"
}

.icon-add-upload-document:before,
.sidebar-history:before {
    content: "\e904"
}

.icon-arrow:before,
.sidebar-flag-2-line:before {
    content: "\e905"
}

.icon-attach-file:before,
.sidebar-profile-page:before {
    content: "\e906"
}

.icon-cancel:before,
.sidebar-archive-line:before {
    content: "\e907"
}

.icon-check-active .path1:before,
.sidebar-payment-line:before {
    content: "\e908"
}

.icon-check-active .path2:before,
.sidebar-menu-line:before {
    content: "\e909"
}

.icon-check-inactive:before,
.sidebar-stack-line:before {
    content: "\e90a"
}

.icon-dashboard:before,
.sidebar-shut-down-line:before {
    content: "\e90b"
}

.icon-moglix-catalouge:before,
.sidebar-file-search-line:before {
    content: "\e90c"
}

.icon-my-catalogue:before,
.sidebar-file-pdf-line:before {
    content: "\e90d"
}

.icon-open-Order:before,
.sidebar-file-text-line:before {
    content: "\e90e"
}

.icon-order-history:before,
.sidebar-bank-card-line:before {
    content: "\e90f"
}

.icon-upload:before,
.sidebar-file-3-line-2:before {
    content: "\e910"
}

.icon-view:before,
.sidebar-file-3-line-1:before {
    content: "\e911"
}

.icon-Icon-material-mail-outline:before,
.sidebar-coupon-3-line:before {
    content: "\e914"
}

.icon-drop-down:before,
.sidebar-user-search-line:before {
    content: "\e915"
}

@font-face {
    font-family: sidebar;
    src: url("../font-catalog/icomoon.eot?dsw1jw");
    src: url("../font-catalog/icomoon.eot?dsw1jw#iefix") format("embedded-opentype"), url("../font-catalog/icomoon.ttf?dsw1jw") format("truetype"), url("../font-catalog/icomoon.woff?dsw1jw") format("woff"), url("../font-catalog/icomoon.svg?dsw1jw#icomoon") format("svg");
    font-weight: 400;
    font-style: normal
}

.sidebar-file-3-line:before {
    content: "\e912"
}

.sidebar-question-line-1:before {
    content: "\e913"
}

.sidebar-store-3-line:before {
    content: "\e916"
}

.sidebar-git-merge-line-1:before {
    content: "\e917"
}

.sidebar-folder-user-line:before {
    content: "\e918"
}

.sidebar-map-pin-user-line:before {
    content: "\e919"
}

.sidebar-user-add-line:before {
    content: "\e91a"
}

.sidebar-shipment:before {
    content: "\e91b"
}

.sidebar-asn:before {
    content: "\e91c"
}

.sidebar-download-2-line-1:before {
    content: "\e91d"
}

.sidebar-secure-payment-line:before {
    content: "\e91e"
}

.sidebar-briefcase-3-line:before {
    content: "\e91f"
}

.sidebar-road-map-line:before {
    content: "\e920"
}

.sidebar-bank-line:before {
    content: "\e921"
}

.sidebar-checkbox-circle:before {
    content: "\e922"
}

.sidebar-file-upload-line:before {
    content: "\e923"
}

.sidebar-arrow-down-s-line:before {
    content: "\e924"
}

.sidebar-user:before {
    content: "\e925"
}

.sidebar-Group-11321:before {
    content: "\e926"
}

.sidebar-Group-11322:before {
    content: "\e927"
}

.sidebar-account-circle-line:before {
    content: "\e928"
}

.sidebar-dashboard-line:before {
    content: "\e929"
}

.sidebar-information-fill:before {
    content: "\e92a"
}

.sidebar-more-fill:before {
    content: "\e92b"
}

.sidebar-downTriangleFill:before {
    content: "\e92c"
}

.sidebar-downArrowFill:before {
    content: "\e92d"
}

.sidebar-search:before {
    content: "\e92e"
}

.sidebar-file-view:before {
    content: "\e92f"
}

@media (max-width:1250px) {
    .p-edit-table-wrap {
        overflow-y: auto
    }

    .p-cat-v-scroll,
    .p-edit-table-v-scroll {
        overflow-y: auto;
        padding: 2px
    }

    .p-edit-table-v-scroll>ul {
        width: 250%
    }

    .p-cat-v-scroll>ul {
        width: 125%
    }
}

@media (max-width:1024px) {
    .p-banner-sec {
        min-height: 350px
    }

    .p-banner {
        padding-top: 50px
    }

    .p-logo {
        margin-bottom: 45px
    }

    .p-banner-heading,
    .p-new-head {
        font-size: 28px
    }

    .p-banner-para {
        font-size: 14px;
        margin-bottom: 30px
    }

    .p-new-txt {
        font-size: 13px;
        line-height: 20px
    }

    .p-scale-sec {
        padding: 60px 0
    }

    .p-img-left {
        -webkit-flex-basis: 210px;
        flex-basis: 210px
    }

    .p-scale-head {
        font-size: 27px;
        margin-bottom: 10px
    }

    .p-sub-head,
    .p-sub-logo {
        margin-bottom: 20px
    }

    .p-detail-txt,
    .p-scale-txt,
    .p-ver-sub-txt,
    .p-wel-sub-txt,
    input[type=number],
    input[type=text] {
        font-size: 12px
    }

    .p-border,
    .p-pop-btn {
        margin-top: 20px
    }

    .p-img-head,
    .p-test-head {
        font-size: 15px
    }

    .p-img-txt {
        font-size: 10px
    }

    .p-img-bot {
        height: 60px;
        padding: 10px
    }

    .p-img-ban {
        margin-right: 0;
        margin-left: 15px
    }

    .p-mog-sec {
        padding: 30px 0
    }

    .p-map-right,
    .p-sub-logo {
        padding: 30px
    }

    .p-brand-head,
    .p-map-head,
    .p-reg-head,
    .p-sub-head {
        font-size: 27px
    }

    .p-sub-logo>img {
        width: 60px
    }

    .p-mog-head {
        font-size: 15px;
        margin-bottom: 5px
    }

    .p-busi-type,
    .p-check-txt,
    .p-head-link,
    .p-info-sub-txt,
    .p-mog-txt {
        font-size: 11px
    }

    .p-ab-head {
        top: 30px;
        left: 25px
    }

    .p-benefit-img {
        padding: 15px;
        margin-right: 25px
    }

    .p-benefit-img>img {
        width: 40px
    }

    .p-benefit-head,
    .p-reg-txt p {
        font-size: 18px
    }

    .p-benefit-txt {
        font-size: 11px;
        margin-top: 5px
    }

    .p-benefit-sec {
        margin-top: 35px
    }

    .p-city-list {
        left: 25px;
        bottom: 25px;
        font-size: 11px;
        line-height: 16px
    }

    .p-banner-main {
        padding: 40px 0
    }

    .p-brand-sec {
        min-height: 200px;
        margin-bottom: -125px
    }

    .p-brand-para {
        font-size: 12px;
        margin-bottom: 20px
    }

    .p-test-sec {
        padding: 40px 0 50px
    }

    .p-test-heading {
        font-size: 27px;
        margin-bottom: 50px
    }

    .quotes {
        margin-right: 15px
    }

    .quotes>img {
        width: 25px
    }

    .p-test {
        padding: 30px 50px 50px 40px;
        margin-left: 50px
    }

    .p-res-txt,
    .p-test-para {
        font-size: 13px
    }

    .p-foot-head>h3 {
        font-size: 22px
    }

    .p-foot-text {
        font-size: 11px;
        margin-top: 15px
    }

    .p-foot-sec {
        padding: 40px 0 20px
    }

    .p-bot-txt,
    .p-form-txt,
    .p-head-txt,
    .p-pagination>ul>li>a,
    .p-pagination>ul>li>span,
    .p-top-txt {
        font-size: 9px
    }

    .p-top-logo {
        width: 85px
    }

    .p-logo img {
        width: 110px
    }

    .p-btn {
        font-size: 12px;
        padding: 7px 20px
    }

    .p-top-bar {
        padding: 10px 0
    }

    .p-partition:last-child,
    .p-shift-right {
        display: block
    }

    .p-reg-main {
        min-height: calc(100vh - 98px)
    }

    .p-header-nxt {
        margin-top: 45px
    }

    .p-detail-box i,
    .p-reg-txt img {
        margin-right: 10px
    }

    .p-pop-box.p-fixed-box {
        width: 375px
    }

    .p-phone select.p-form-control {
        width: 55px;
        margin-right: 5px
    }

    .p-phone select.p-form-control+.p-form-control {
        width: calc(100% - 70px)
    }

    .p-pop-para {
        font-size: 13px;
        margin-top: 15px
    }

    .p-pop-sub-para {
        font-size: 13px;
        margin-top: 4px;
        margin-left: 14px
    }

    .p-info-txt,
    .p-pop-head {
        font-size: 16px
    }

    #placeResendOtp {
        padding-left: 10px
    }

    .p-multiselect {
        width: 157px
    }

    .ms-choice>span {
        line-height: 30px
    }

    select.p-form-control {
        padding-right: 18px
    }

    .p-form-row {
        margin-bottom: 0
    }

    .p-form-control::-webkit-input-placeholder {
        font-size: 10px
    }

    .p-form-control::-moz-placeholder {
        font-size: 10px
    }

    .p-form-control:-ms-input-placeholder {
        font-size: 10px
    }

    .p-form-control:-moz-placeholder {
        font-size: 10px
    }

    .p-form-unit,
    .p-milti-unit .p-form-unit,
    .p-pop-head-wrap {
        margin-bottom: 10px
    }

    .p-info-txt {
        margin-top: 100px
    }

    .p-detail-box {
        padding: 10px 5px 10px 15px
    }

    .p-wel-txt {
        font-size: 14px
    }

    .p-per-txt {
        font-size: 10px
    }

    .p-per-bar {
        width: 225px
    }

    .p-ver-txt {
        font-size: 14px;
        margin-bottom: 7px
    }

    .p-pop-box.p-pop-large {
        width: 95%
    }

    .p-add-txt {
        font-size: 11px;
        min-height: 150px;
        padding: 15px 20px
    }

    .p-add-btn {
        height: 141px
    }

    .site-error {
        padding-top: 0
    }

    .p-form-row.p-wrap-unit.p-milti-unit {
        margin-bottom: 15px
    }

    .p-edit-table-v-scroll>ul {
        width: 275%
    }

    .p-filter-option {
        flex-wrap: wrap;
        width: 400px
    }

    .p-filter-option>div {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .p-btn.p-btn-adjust {
        font-size: 11px;
        width: 135px
    }

    .p-search-btn {
        font-size: 11px;
        width: 80px
    }

    .p-search-inp {
        width: 200px
    }

    .p-cat-v-scroll>ul {
        width: 150%
    }

    .p-cat-inv-icons {
        position: relative !important
    }

    .closeCirleIcons {
        position: absolute;
        margin-top: 27px;
        margin-left: -115px
    }

    /* .clearSearch.active {
        display: none
    } */
}

@media (max-width:970px) {
    .p-new-img {
        width: 340px
    }

    .p-new-head {
        font-size: 23px
    }

    .p-new-txt-wrap {
        padding: 20px
    }

    .p-banner {
        padding-top: 65px
    }

    .p-benefit-head {
        font-size: 15px
    }

    .p-banner-heading,
    .p-map-head,
    .p-scale-head,
    .p-test-heading {
        font-size: 25px
    }

    .p-test-para {
        font-size: 11px
    }

    .p-test {
        padding: 30px 20px 20px
    }

    .sc_footer-text {
        margin-right: 0
    }

    .sc_footer-text h3 {
        font-size: 20px
    }

    .sc_btm-footer {
        float: left
    }
}

@media (max-width:850px) {
    .dashboard-prev-btn_adm {
        display: none
    }

    .p-profile-detail-sec {
        flex-wrap: wrap
    }

    .p-msme-sec>div {
        width: 50% !important
    }

    .p-edit-table-v-scroll>ul {
        width: 350%
    }

    .p-search-inp {
        width: 200px
    }

    .p-cat-v-scroll>ul {
        width: 180%
    }

    .p-payment-search>.searchInput {
        width: 200px !important
    }
}

@media (max-width:767px) {

    .p-img-ban,
    .p-test {
        margin-left: 0
    }

    .p-img-ban,
    .p-mog-sub>div {
        margin-top: 25px
    }

    * {
        cursor: pointer
    }

    .add-right-sec {
        flex-wrap: wrap
    }

    .add-right-sec>div {
        width: 100% !important
    }

    .dashboard-prev-btn_adm {
        display: none !important
    }

    .p-mog-sub {
        display: block
    }

    .p-scale-sec {
        padding: 20px 0
    }

    .p-map-sec>div,
    .p-scale-sec>div,
    .p-test-wrap {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .p-img-left {
        margin-right: 0;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .p-map {
        display: none
    }

    .p-banner-sec {
        min-height: 250px
    }

    .p-banner-heading {
        font-size: 22px;
        margin-bottom: 10px
    }

    .p-banner {
        padding-top: 25px
    }

    .p-logo {
        margin-bottom: 30px
    }

    .p-banner-para {
        font-size: 12px;
        margin-bottom: 20px
    }

    .p-banner-txt,
    .p-benefit-txt {
        font-size: 10px
    }

    .p-brand-head,
    .p-map-head,
    .p-reg-head,
    .p-scale-head,
    .p-sub-head,
    .p-test-heading {
        font-size: 22px
    }

    .p-test-heading {
        margin-bottom: 0
    }

    .p-test-sec {
        padding: 25px 0
    }

    .p-test {
        -webkit-flex-basis: auto;
        flex-basis: auto;
        margin-top: 30px;
        padding: 30px 25px 30px 40px
    }

    .p-benefit-head {
        font-size: 16px
    }

    .p-sub-logo {
        padding: 20px;
        margin-bottom: 15px
    }

    .p-sub-logo>img {
        width: 40px
    }

    .p-brand-sec {
        min-height: 150px;
        margin-bottom: -100px
    }

    .p-test-head {
        font-size: 13px
    }

    .p-test-para {
        font-size: 12px
    }

    .p-foot-sec {
        padding: 20px 0 10px
    }

    .p-foot-head>h3 {
        font-size: 20px
    }

    .p-foot-text {
        margin-top: 10px;
        line-height: 14px;
        font-size: 10px
    }

    .p-foot-list {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .p-foot-list>a {
        font-size: 9px;
        margin-bottom: 7px;
        margin-left: 0
    }

    .p-reg-main {
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .p-reg-txt {
        margin-top: 15px
    }

    .p-reg-txt>p {
        font-size: 16px;
        line-height: 20px
    }

    .p-reg-txt img {
        width: 12px;
        margin-top: 3px
    }

    .p-pop-box.p-fixed-box {
        margin-top: 20px
    }
}

@media (max-width:500px) {
    .p-msme-sec>div {
        width: 100% !important
    }

    .p-btn {
        min-width: 100px;
        font-size: 10px
    }

    .p-bar-btn .p-btn.mr20 {
        margin-right: 5px
    }

    .p-top-logo {
        width: 65px
    }

    .p-top-txt {
        font-size: 8px
    }

    .p-top-txt p img {
        width: 8px
    }

    .p-banner-heading {
        font-size: 18px;
        margin-bottom: 5px
    }

    .p-banner-para {
        font-size: 10px;
        margin-bottom: 15px
    }

    .p-banner-txt {
        font-size: 9px;
        margin-top: 15px
    }

    .p-banner-sec {
        min-height: 200px
    }

    .p-logo {
        margin-bottom: 20px
    }

    .p-scale-txt,
    .p-test-para {
        font-size: 10px
    }

    .p-scale-sec {
        padding: 10px 0
    }

    .p-brand-head,
    .p-map-head,
    .p-scale-head,
    .p-sub-head,
    .p-test-heading {
        font-size: 18px
    }

    .p-benefit-head,
    .p-img-head {
        font-size: 14px
    }

    .p-banner-main,
    .p-map-right {
        padding: 20px 0
    }

    .p-brand-para {
        font-size: 10px;
        margin-bottom: 10px
    }

    .p-test {
        padding: 30px 20px
    }

    .p-foot-head>h3 {
        font-size: 17px
    }

    .p-foot-text {
        margin-top: 5px;
        font-size: 9px
    }
}

.p-rst-btn>div,
.selectedElementWrap ul,
.top-20 {
    margin-top: 20px
}

@media (max-width:400px) {
    .p-pop-box.p-fixed-box {
        width: 300px
    }

    .p-multiselect {
        width: 120px
    }
}

.p-btn.btn-green {
    background: #6aa86a
}

.p-btn.btn-red {
    background: #f27373
}

.check-mr,
.firstDataContent,
.left-10,
.mr-10,
.p-wh-search,
.packListLeft>button,
.scorecard-sub-div h4 img {
    margin-left: 10px
}

.buseness-div {
    text-align: center;
    margin-top: 15%;
    min-height: 200px
}

.p-order-table-head,
.p-order-table-row {
    text-align: left;
    color: #3a3a3a;
    font-size: 12px
}

.adminFilterSec .p-usr-search-inp,
.p-w-dropdown {
    width: 460px
}

.dropdown-display-label {
    min-height: 45px;
    font-size: 14px;
    padding: 7px 5px;
    color: #373737;
    background: #fff;
    border-radius: 1px;
    border: 1px solid #363636 !important
}

.dropdown-display:after,
.p-w-dropdown .dropdown-display-label:after {
    border-top: 5px solid #373737;
    top: 14px;
    right: 10px
}

.p-w-dropdown .dropdown-multiple-label.active .dropdown-display-label:after,
.p-w-dropdown .dropdown-multiple-label.active .dropdown-display:after,
.p-w-dropdown .dropdown-multiple.active .dropdown-display-label:after,
.p-w-dropdown .dropdown-multiple.active .dropdown-display:after,
.p-w-dropdown .dropdown-single.active .dropdown-display-label:after,
.p-w-dropdown .dropdown-single.active .dropdown-display:after {
    border-top: 5px solid #373737;
    border-bottom: none
}

#treeStructure,
.p-w-dropdown .dropdown-display-label input,
.signupOtp {
    font-size: 12px !important
}

.p-w-dropdown .dropdown-option {
    position: relative;
    padding-left: 20px !important
}

.p-w-dropdown .dropdown-option.dropdown-chose:after {
    position: absolute;
    left: 2px;
    top: 8px;
    width: 8px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    float: none;
    background: 0 0;
    border-radius: 0;
    margin: 0
}

.p-w-dropdown .dropdown-option::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #d9232d
}

.msn_id {
    display: block;
    font-size: 12px;
    margin-bottom: 5px
}

.msme-p {
    margin-bottom: 6px
}

.msme-c-icon {
    top: 15px;
    right: 10px
}

#datanotfound {
    align-content: center;
    padding-left: 30px
}

.tab {
    overflow: hidden;
    background-color: #4285f4;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.p-left-sec {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-end
}

.tab>button {
    background-color: inherit;
    border: none;
    cursor: pointer;
    padding: 12px 14px;
    font-size: 14px;
    color: #e5e7e9;
    width: 25%
}

.tab button.active {
    border-bottom: 3px solid #fff;
    color: #fff
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none
}

.criteria {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 10px 0;
    justify-content: space-between;
    margin-top: -10px
}

.p-online-table-wrap,
.p-order-table-wrap,
.p-payment-table-wrap {
    padding: 0 0 20px
}

.p-order-table-head {
    margin: 0 15px;
    display: flex;
    font-weight: 700;
    padding: 5px 0
}

.p-mapping-table-head>div>span,
.p-order-online-table-head>div>span,
.p-order-table-head>div>span,
.p-payment-table-head>div>span,
.p-user-listing-table>div>span,
.p-user-table-head>div>span,
.p-wh-table-head>div>span {
    padding: 0 15px;
    border-right: none
}

.p-order-table-head>div>.container-check {
    margin-left: 10px !important
}

.p-order-table-row {
    background: #fff;
    display: flex;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    opacity: 1
}

.p-order-table-row>div,
.p-user-lst-table-row>div {
    display: flex;
    padding: 15px 0
}

.on-order-btn-sec,
.p-invoice-table-row>div>div,
.p-order-table-row>div>div,
.p-ticket-chat-bottom,
.p-um-online>div,
.p-user-lst-table-row>div>div,
.profileDetails>div {
    padding: 0 15px
}

.p-order-right-sec,
.p-payment-right-sec {
    font-family: poppins, sans-serif
}

.p-order-tabs {
    display: flex;
    background: #da191e !important;
    color: #ffff;
    align-items: center
}

.p-order-search {
    padding: 10px 10px 10px 0;
    margin-left: 5px
}

.mapping-sub-heading,
.p-order-date>h6,
.p-order-search>h6,
.p-po-date>h6,
.p-select-heading>h6,
.p-ticket-category,
.p-ticket-download>p,
.po-item {
    padding-bottom: 5px
}

.p-active-order-search {
    padding: 15px 5px 15px 0;
    position: relative
}

.p-active-order-search>h6 {
    display: none;
    padding-bottom: 5px
}

.p-active-totalcount,
.p-user-totalcount,
.p-wh-totalcount-sec {
    display: -webkit-box
}

.p-active-totalcount>p,
.p-totalcount>p,
.p-user-totalcount>p,
.p-wh-totalcount-sec>p {
    font-size: 13px;
    padding: 2px 8px;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

.p-order-date {
    padding: 15px 10px 10px 0;
    margin-left: auto
}

.p-datePicker {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 10px
}

.p-po-date {
    padding-right: 10px;
    font-size: 10px;
    color: #a2a2a2
}

.uae-accept {
    padding: 7px 0;
    margin-bottom: 7px;
    width: 90%
}

.vertical {
    border-left: .5px solid rgba(58, 58, 58, .5);
    height: 30px;
    padding-right: 10px
}

.p-count {
    padding: 10px 15px;
    justify-content: space-between;
    margin-bottom: 0 !important
}

.p-totalcount {
    display: -webkit-box;
    margin-left: 5px
}

.p-order-pagination {
    padding: 0 20px
}

.p-order-count,
.p-wh-count {
    background-color: #fff;
    opacity: 1 !important
}

.p-order-totalcount,
.p-wh-totalcount {
    background-color: #d8d8d6
}

.modal {
    position: fixed;
    z-index: 999;
    padding-top: 150px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .4);
    backdrop-filter: blur(5px);
    border-radius: 4px;
    scrollbar-color: #e6e6e6 grey 2px 3px 6px
}

.modal::-webkit-scrollbar {
    width: 5px
}

.modal::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.modal::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.modal::-webkit-scrollbar-thumb:hover {
    background: grey
}

.modal::-moz-scrollbar {
    width: 5px
}

.modal::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.modal::-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.modal::-moz-scrollbar-thumb:hover {
    background: grey
}

.modal:-moz-scrollbar {
    width: 5px
}

.modal:-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.modal:-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.modal:-moz-scrollbar-thumb:hover {
    background: grey
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
    height: 38%;
    border-radius: 4px;
    overflow-x: auto !important;
    overflow-y: auto !important
}

.brandUserInput {
    height: auto;
    width: 28%;
    border-radius: 10px
}

.brandUserInput .heading {
    color: #363636;
    font-size: 16px;
    font-weight: 500
}

.brandUserInput .listofBrands {
    width: 100%;
    margin: 30px 0 0
}

.brandUserInput .listofBrands .innerBlk {
    padding: 0 0 10px;
    font-size: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.brandUserInput .listofBrands .innerBlk span {
    width: 50%;
    margin-bottom: 10px;
    font-size: 14px
}

.brandUserInput .brandsUserCta {
    text-align: right;
    margin: 20px 0 0
}

.brandsUserCta .brand-cancel-btn {
    background-color: transparent;
    border: 1px solid #363636;
    border-radius: 4px;
    color: #363636;
    padding: 3px 15px;
    margin: 0 10px 0 0;
    cursor: pointer
}

.customButtons>.accept,
.downloadbtn,
.itemId>p,
.sub-hist>span:last-child {
    margin-right: 5px
}

.modal-content.acceptContent {
    width: 25%
}

.modal-content.detailModalContent {
    border-radius: 8px;
    padding: 0;
    width: 60%;
    height: fit-content;
    height: -moz-max-content
}

.modal-content.successModalContent {
    padding: 25px 15px;
    width: 25%;
    height: fit-content;
    height: -moz-max-content
}

.infoDetails>p:last-child,
.sucess-modal-header {
    padding-bottom: 20px
}

.sucess-modal-content {
    padding-bottom: 15px;
    font-size: 12px
}

.customButtons,
.sucess-modal-buttons {
    text-align: end
}

.modalHeaderContent {
    color: #363636;
    padding: 20px 20px 0;
    background-color: #fff;
    display: flex;
    justify-content: space-between
}

.modalHeaderContent>h3 {
    padding-top: 8px;
    width: 50%
}

.closeBtn {
    cursor: pointer;
    font-size: 28px;
    font-weight: 500
}

.itemMsn {
    background-color: #ffebeb;
    color: #d9232d;
    font-size: 10px;
    font-weight: 500;
    border-radius: 10px;
    padding: 2px 10px;
    text-align: center;
    width: fit-content
}

.hsnTax,
.status {
    color: #00ba1d
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
    padding: 15px 0
}

.grid-container>div {
    background-color: #fff;
    font-size: 14px;
    line-height: 20px
}

.p-cancel-btn {
    display: inline;
    text-align: end;
    float: right
}

.p-cancel-btn>div {
    padding: 5px;
    display: inline-block
}

.p-order-img {
    width: 58px;
    height: 58px;
    border: 1px solid #d6d5d5;
    border-radius: 2px
}

.p-pickUp {
    font-size: 12px;
    color: grey
}

.searchInput {
    background-image: url("/images/search-2-line.svg");
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 8px;
    width: 380px;
    height: 35px;
    background-color: #fff;
    border: .5px solid #cfd2e2
}

.p-financial-select,
.po-datepicker {
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer
}

.searchInput::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.searchInput::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.searchInput:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.searchInput:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-rst-btn {
    display: flex;
    padding: 15px 0 10px;
    margin-left: auto
}

.brdr-none,
.p-rst-btn>div,
.usr-date-pic-sec {
    padding-right: 10px
}

.cancelAll {
    font-size: 12px;
    color: #4688f1
}

.rejModal {
    grid-template-columns: 10% 70% 20%
}

.po-datepicker {
    background-image: url("/images/calendar.png");
    width: 190px;
    height: 20px;
    border-radius: 2px 0 0 2px;
    border: 0 solid #ccc;
    padding: 0
}

.po-datepicker::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.po-datepicker::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.po-datepicker:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.po-datepicker:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-financial-select {
    width: 100px;
    border-radius: 2px;
    background-image: url("/images/drop-down-arrow.png");
    background-size: 10px
}

.p-financial-option {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

select:required:invalid {
    font-size: 12px;
    color: #363636
}

.p-debitNoteNo {
    color: #da191e;
    background-color: #fff;
    cursor: pointer
}

.customButtons,
.customCalendar {
    background-color: #ebebeb;
    padding: 6px
}

.abfrlPo,
.create-pck-box-po,
.global-search-txt,
.home_redirect>a,
.hp-supp-lnk:hover,
.infoText,
.p-debitNoteNo:hover,
.p-pono-sec,
.pc-sum-hu-num,
.pck-box-po,
.po-shipment,
.rm-details,
.templateDownload,
.tms-cnd,
.tms-cnd:hover {
    text-decoration: underline
}

.p-left-count {
    border: 1px solid #a2a2a2
}

.daterangepicker td.in-range {
    background-color: rgba(218, 25, 32, .137) !important
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #da191e !important;
    border-color: transparent;
    color: #fff
}

.daterangepicker select.monthselect {
    border: 0 solid !important;
    width: 30% !important;
    text-align-last: right;
    cursor: pointer !important
}

.CommercialWrapper .topRight,
.CommercialWrapper.updateMSn .topForm .col-md-6,
.contractDetailsWrap .rhtAlign,
.daterangepicker select.monthselect>option,
.p-success-close {
    text-align: right
}

.daterangepicker select.yearselect {
    border: 0 solid !important;
    width: 40% !important;
    cursor: pointer !important
}

.brandMsn {
    color: #878787
}

.summary-tooltip,
.tooltip {
    position: relative;
    display: inline-block
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    transition: opacity .3s;
    z-index: 9999
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent
}

.p-faq-sidebar>ul>li:last-child>.p-faq-sidebar-tile,
.p-faq-sidemenu-tile>p {
    border-bottom: 1px solid #d0d0d0
}

.headerTooltip:hover .headerTooltiptext,
.tooltip:hover .catalog-tooltiptext,
.tooltip:hover .doc-tooltip,
.tooltip:hover .orderfilterTooltipText,
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.addCancelBtn,
.btn-g-login,
.fileUploadWrap,
.g-span,
.or-div,
.tableContent div {
    background: #fff
}

.daterangepicker .drp-calendar.left,
.p-asn-order-table>div,
.txt-bx-content {
    padding: 0 !important
}

.datepicker--cell.-current- {
    color: #da191e !important
}

.datepicker--cell.-selected-.-current- {
    color: #ffff !important
}

.or-div {
    font-size: 12px;
    color: #333;
    display: block;
    text-align: center;
    margin: 15px 0 20px
}

.or-div:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #ccc;
    top: 8px;
    left: 0;
    width: 250px
}

.g-span {
    width: 35px;
    display: inline-block
}

.p-faq-sidebar,
li>.p-faq-sidebar-tile:after {
    position: absolute;
    top: 0;
    left: 0;
    transition: .2s
}

.btn-g-login {
    color: #3c3c3c !important;
    box-shadow: 2px 2px 7px 4px rgba(51, 54, 51, .25);
    width: 100% !important;
    font-size: 12px
}

.g-login .icon {
    background: url("/images/g-normal.png") 70%/18px no-repeat;
    position: fixed;
    width: 32px;
    height: 32px;
    display: none
}

.pickActive {
    color: red !important
}

.datepicker--cell.-range-to- {
    border: 0 solid !important;
    background-color: rgba(218, 25, 32, .137) !important
}

.datepicker--cell.-selected- {
    background-color: #da191e !important
}

.datepicker--cell.-in-range- {
    background-color: rgba(218, 25, 32, .137) !important
}

.datepicker--day-name {
    color: #000 !important
}

.p-faq-header {
    height: 55px;
    background-color: #fff;
    border-bottom: 1px solid #ccc
}

.p-faq {
    padding: 15px 20px;
    font-size: 18px;
    color: #3e3e3e
}

.p-faq-sidebar {
    margin-top: 69px;
    z-index: 1;
    width: 29% !important;
    height: calc(100% - 70px);
    max-height: 100%;
    overflow-y: auto;
    background: #f8f8f8;
    box-shadow: rgba(0, 0, 0, .1) 2px 3px 6px;
    scrollbar-color: grey rgba(0, 0, 0, 0.1) 2px 3px 6px
}

.p-faq-sidebar::-webkit-scrollbar {
    width: 5px
}

.p-faq-sidebar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.p-faq-sidebar::-webkit-scrollbar-thumb {
    background: #949393;
    border-radius: 10px
}

.p-faq-sidebar::-webkit-scrollbar-thumb:hover {
    background: #949393
}

.p-faq-sidebar::-moz-scrollbar {
    width: 5px
}

.p-faq-sidebar::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.p-faq-sidebar::-moz-scrollbar-thumb {
    background: #949393;
    border-radius: 10px
}

.p-faq-sidebar::-moz-scrollbar-thumb:hover {
    background: #949393
}

.p-faq-sidebar:-ms-scrollbar {
    width: 5px
}

.p-faq-sidebar:-ms-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.p-faq-sidebar:-ms-scrollbar-thumb {
    background: #949393;
    border-radius: 10px
}

.p-faq-sidebar:-ms-scrollbar-thumb:hover {
    background: #949393
}

.p-faq-sidebar:-moz-scrollbar {
    width: 5px
}

.p-faq-sidebar:-moz-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.p-faq-sidebar:-moz-scrollbar-thumb {
    background: #949393;
    border-radius: 10px
}

.p-faq-sidebar:-moz-scrollbar-thumb:hover {
    background: #949393
}

.p-sidebar-tile>i {
    padding: 2px;
    border-radius: 4px
}

.p-faq-sidebar-tile:hover {
    background-color: #eff5ff;
    color: red
}

li>.p-faq-sidebar-tile:after {
    content: "";
    width: 0;
    height: 100%;
    background: red;
    cursor: pointer
}

.p-faq-sidebar>ul>li>.p-faq-sidebar-tile {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0
}

.p-faq-sidebar-tile {
    display: block;
    color: #363636;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #fff;
    padding: 0 0 0 20px;
    cursor: pointer;
    transition: .2s;
    font-size: 14px
}

.header-active,
.p-faq-sidebar-header {
    background-position: right;
    background-origin: content-box;
    padding-right: 15px;
    background-repeat: no-repeat
}

.p-faq-sidebar-header {
    background-image: url("/images/keyboard-down-arrow-button.svg")
}

.header-active,
.help-main-sec.active>.help-supp-sub {
    background-image: url("/images/keyboard-up-arrow-button.svg")
}

.p-success-id,
.sidebar-active>a {
    color: #da191e;
    font-weight: 600
}

.p-faq-sidemenu-tile>p {
    font-size: 12px;
    color: #3e3e3e;
    padding: 12px 30px;
    font-weight: 400
}

.p-faq-submenu {
    display: none;
    background-color: #ffff
}

.p-faq-right-sec {
    margin-left: 25%
}

.p-quires-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 15px;
    color: #3e3e3e;
    flex-wrap: wrap
}

.p-queries-body {
    padding: 15px;
    animation-name: example;
    animation-duration: 1s;
    position: relative
}

.p-faq-content {
    font-size: 14px;
    list-style: disc;
    padding: 5px;
    margin-left: 22px
}

.raise-modal-select {
    width: 100%;
    height: 40px;
    border-radius: 2px;
    border: .5px solid #363636;
    padding: 0 15px;
    background-image: url("/images/drop-down-arrow.png");
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    background-size: 10px;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none
}

.raise-modal-content {
    padding: 0 5px;
    font-size: 10px;
    color: #a2a2a2;
    position: relative;
    margin-top: -10px;
    margin-left: 10px;
    background: #ffff;
    top: 10px;
    width: fit-content;
    width: -moz-fit-content
}

.p-filter-select-content {
    color: #363636;
    font-size: 10px
}

.p-select-heading {
    padding: 10px 5px 15px 10px;
    width: 150px
}

.p-filter-select-heading,
.scorecard-1-2 {
    padding: 10px 30px
}

.p-filter-select-heading>p {
    padding-bottom: 0 5px
}

.p-tic-filter-buttons {
    padding: 28px 30px 15px 10px;
    text-align: center
}

.p-clear {
    font-size: 12px;
    color: #da191e
}

.date-select {
    width: 100%;
    border: 1px solid #ccc
}

.p-faq-textarea {
    width: 100%;
    height: 70px;
    border-radius: 2px;
    line-height: 14px;
    padding: 10px;
    border: 1px solid #363636
}

.p-faq-textarea::-webkit-input-placeholder {
    font-size: 12px;
    color: #3e3e3e
}

.p-faq-textarea::-moz-placeholder {
    font-size: 12px;
    color: #3e3e3e
}

.p-faq-textarea:-ms-input-placeholder {
    font-size: 12px;
    color: #3e3e3e
}

.p-faq-textarea:-moz-placeholder {
    font-size: 12px;
    color: #3e3e3e
}

.p-faq-button {
    display: flex;
    padding-top: 15px;
    position: absolute;
    bottom: 0;
    border: .5px solid #f5f5f5;
    box-shadow: #0000001a 0 -5px 30px;
    border-radius: 0 0 0 20px;
    width: 30%
}

.p-faq-raise-button {
    width: 170px !important;
    height: 35px;
    padding: 0 10px 0 25px;
    margin-top: 10px;
    background-color: #fff7f7 !important;
    border: .5px solid #d9232d;
    border-radius: 8px;
    color: #d9232d;
    font-size: 12px;
    background-image: url("/images/add-circle-line.svg");
    background-position: 15px;
    background-repeat: no-repeat;
    cursor: pointer
}

.p-filter-right-sec {
    padding-top: 10px;
    margin-left: auto
}

.raise-tic-btn {
    margin-left: auto;
    padding: inherit
}

.ticket-modal-header {
    padding: 15px 30px 10px;
    font-weight: 700
}

.p-tic-search-sec {
    width: 25%;
    padding: 0 5px !important
}

.p-ticket-search {
    width: 280px !important
}

.successModal {
    height: fit-content;
    height: -moz-max-content
}

.p-ticket-sidebar {
    margin-top: 75px !important;
    background-color: #ffff;
    display: block;
    border-right: 1px solid #cfd2e2;
    position: absolute;
    top: 45px;
    left: 17px;
    height: calc(100% - 140px)
}

.p-ticket-main {
    display: flex;
    margin: 10px
}

.supplier-modal-btn-sec,
.supplier-modal-msn {
    padding: 30px 20px 20px
}

.supplier-modal-msn>span {
    display: block;
    padding-bottom: 5px
}

.info-modal-content {
    display: inline-flex;
    padding-bottom: 5px;
    width: 100%
}

.info-modal-content>span {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    width: 30%
}

.info-modal-content>p {
    font-size: 14px;
    font-weight: 400;
    padding-left: 2px;
    width: 70%
}

.supplier-modal-close {
    width: 110px;
    height: 40px;
    background-color: #d9d9d9;
    color: #3e3e3e;
    cursor: pointer
}

.modal-content.supplierModalContent {
    padding: 0;
    width: 76%;
    height: fit-content;
    height: -moz-max-content
}

.p-supplier-table-scroll {
    width: 100%;
    padding: 0 15px 15px
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #e9e9e9;
    width: 350px;
    height: 40px;
    border-radius: 2px
}

.upload-label {
    padding: 11px;
    font-size: 14px;
    color: #e9e9e9;
    width: 290px;
    display: flex;
    justify-content: space-between
}

.upload-btn {
    color: #000;
    background-color: #e8e8e8;
    width: 110px;
    height: 40px;
    border-radius: 0 2px 2px 0;
    font-size: 14px;
    font-weight: medium;
    float: right
}

.user-uploadFile::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.user-uploadFile::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.user-uploadFile:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.user-uploadFile:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.upload-field {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding-top: 15px
}

.p-payment-filter-sec>div,
.p-user-search-input>div,
.upload-content>div {
    padding-right: 15px
}

.p-mapping-table-row,
.p-user-table-row {
    border: 0 solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.p-ticket-left,
.p-user-btn-sec {
    padding: 0 10px
}

.p-ticket-right>p {
    padding-top: 3px
}

.item-close>.p-ticket-status {
    background-color: #9a9a9a !important;
    border: .5px solid #cfd2e2
}

.ticket-close {
    background-color: #c7c7c7
}

.ticketActive {
    background-color: #f8f8f8
}

.p-ticket-download {
    font-size: 12px;
    display: flex;
    padding-bottom: 5px
}

.p-download-sec>p,
.p-ticket-subcategory {
    padding-bottom: 3px
}

.p-attach-img {
    padding-right: 5px;
    padding-top: 2px
}

.p-anchor-download {
    color: #da191e;
    cursor: pointer;
    padding-right: 5px
}

.p-category {
    font-size: 14px;
    color: #3e3e3e;
    font-weight: 600
}

.p-subcategory {
    font-size: 12px;
    color: #3e3e3e
}

.p-ticket-date {
    font-size: 10px;
    color: #a2a2a2
}

.p-ticket-right-sec {
    width: 70%;
    margin-left: 30%
}

.p-ticket-chat-top {
    height: calc(100vh - 325px);
    overflow: auto;
    scrollbar-color: #ffffff #e2e2e2 2px 3px 6px
}

.noti-fixed-bottom,
.notificationModal {
    scrollbar-color: grey rgba(0, 0, 0, 0.1) 2px 3px 6px
}

.p-user-count,
.p-wh-count-sec {
    padding: 10px;
    justify-content: space-between;
    margin-bottom: 0 !important;
    background-color: #f5f5f5
}

.boldText {
    font-weight: 700;
    word-break: break-all
}

.browse_label,
.mgl-po-num {
    word-break: break-word
}

.p-info-img,
.p-pencil-icon {
    padding-right: 0 !important
}

.p-ticket-chat-top::-webkit-scrollbar {
    width: 8px
}

.p-edit-img {
    border: 1px solid #3e3e3e;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer
}

.p-ticket-chat-top::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.p-noquery-img {
    display: inline-block !important;
    padding: 5px
}

.flow-header,
.modal-input-box,
.p-profile-buiss-detail,
.p-user-main-sec {
    padding: 10px
}

.p-ticket-chat-top::-webkit-scrollbar-thumb {
    background: #e2e2e2;
    border-radius: 10px
}

.modal-input-box::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.modal-input-box::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.modal-input-box:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.modal-input-box:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-ticket-chat-top::-webkit-scrollbar-thumb:hover {
    background: #e2e2e2
}

.p-ticket-chat-top::-moz-scrollbar {
    width: 8px
}

.p-user-add {
    padding-top: 6px
}

.p-modal-close {
    padding: 35px
}

.p-ticket-chat-top::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.add-icon,
.downloadManifest,
.dropshipInvoice,
.markShipped,
.singleCreateManifest {
    height: 30px;
    cursor: pointer
}

.info-modal-heading {
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between
}

.p-ticket-chat-top::-moz-scrollbar-thumb {
    background: #949393;
    border-radius: 10px
}

.info-modal-heading>p {
    font-size: 20px;
    color: #000
}

.p-user-table-head,
.p-wh-table-head {
    display: flex;
    background: #da191e;
    color: #ffff;
    height: 45px;
    font-size: 12px;
    font-weight: 700;
    text-align: left
}

.p-mapping-table-head>div,
.p-user-table-head>div,
.p-wh-table-head>div {
    padding: 15px 0;
    display: flex;
    align-items: center
}

.p-mapping-select,
.p-upload-select {
    width: 110px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #e9e9e9;
    padding: 5px;
    background-image: url("/images/drop-down-arrow.png");
    background-position: calc(100% - 5px);
    background-repeat: no-repeat;
    background-size: 10px;
    background-color: #ffff;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none
}

.order-criteria {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    background: #f8f9f9;
    align-items: center
}

.order-criteria>div:first-child {
    padding: 10px 45px 15px 10px
}

.order-checkbox {
    opacity: 1;
    outline: grey;
    -webkit-appearance: checkbox;
    appearance: checkbox;
    background: #3a3a3a;
    align-content: center
}

.accept-modal-content,
.reject-modal-content {
    background-color: #fefefe;
    margin: auto;
    overflow-x: auto !important;
    overflow-y: auto !important
}

.p-active-table-row>div,
.p-wh-table-row>div {
    display: flex;
    padding: 15px 0 15px 10px
}

.p-active-table-row>div>div {
    padding: 0 5px;
    font-size: 12px;
    font-weight: 500
}

.p-active-table-head>div>span,
.p-drop-table-head>div>span {
    padding: 0 0 0 15px !important
}

.item-po-id {
    color: #da191e;
    cursor: pointer
}

.itemId>p {
    display: inline;
    cursor: pointer
}

.new-btn-sec,
.p-active-shift-right {
    display: flex;
    justify-content: flex-end
}

.reject-modal-content {
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
    border-radius: 8px
}

.p-modalcontent-header {
    color: #a2a2a2;
    padding-bottom: 5px
}

.p-reason-text {
    width: 100%;
    height: 60px;
    border: 1px solid #9a9a9a;
    border-radius: 2px;
    padding: 5px
}

.accept-modal-content {
    padding: 30px;
    border: 1px solid #888;
    width: 30%;
    border-radius: 8px;
    height: auto
}

.accept-modal-heading,
.login-txt-header {
    font-size: 18px;
    font-weight: 600
}

.signinPopupNew .login-txt-header {
    margin: 10px 0 20px 0;
    font-weight: 700
}

.signinPopupNew .forgetPswdLbl {
    display: flex;
    justify-content: flex-end;
    margin: 15px 0 0 0;
}

.signinPopupNew #new_login_btn {
    font-weight: 600;
}

.signinPopupNew .or-div {
    margin: 30px 0 50px
}

.signinPopupNew .reqField {
    font-size: 10px;
    color: #db232e;
}

.signinPopupNew .loginField {
    border: 1px solid #cdcdcd;
}

.supplierIdMapListing .loginmodalcnt {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.supplierIdMapListing .headTitleTxt .lft {
    display: flex;
    flex-direction: column;
}

.supplierIdMapListing .lft {
    display: flex;
    flex-direction: column;
}

.supplierIdMapListing .headTitleTxt .new-close-login {
    display: flex;
    flex-direction: column;
}

.supplierIdMapListing .pHead {
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 700;
}

.supplierIdMapListing .cSubHead {
    font-size: 14px;
    color: #3a3a3a;
}

.supplierIdMapListing .suppliersInfoList {
    width: 100%;
    margin: 20px 0 0 0;
    height: 350px;
    overflow-y: auto;
}

.supplierIdMapListing .suppliersInfoList table {
    width: 100%;
}

.suppliersInfoList table thead {
    background: #EDEDED 0% 0% no-repeat padding-box;
    border-radius: 4px 4px 0px 0px;
    position: sticky;
    top: 0;
    z-index: 9999;
}

.suppliersInfoList table th {
    padding: 10px;
    font-size: 12px;
    color: #363636;

}

.suppliersInfoList table td {
    padding: 10px;
    font-size: 12px;
    color: #363636;
}

.suppliersInfoList table td .radioElement {
    margin: 0 30px 0 0;
}

.suppliersInfoList label>input:checked+.tckt-filter-radio-check:before {
    display: block;
    margin-top: 2px;
}

.suppliersInfoList .signInRadio {
    position: relative;
    margin: 0 25px 0 0;
}

.suppliersInfoList .tckt-filter-radio-check:before {
    content: "";
    display: none;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #d9232d;
}

.suppliersInfoList .tckt-filter-radio-check:before {
    width: 4px;
    height: 4px;
}

.suppliersInfoList label>input:checked+.tckt-filter-radio-check:after {
    border-color: #d9232d;
    margin-top: 2px;
}

.active-multi {
    background-color: #ff00001a;
}

.suppliersInfoList .tckt-filter-radio-check:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #777;
    border-radius: 20px;
    left: 0;
    margin-top: 2px;
}

.supplierIdMapListing .continueCta {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: flex-end;
}

.supplierIdMapListing .continueCta button {
    background: #db232e;
    border-radius: 4px;
    padding: 7px 20px;
    color: #fff;
}

.supplierIdMapListing .disabled_btn {
    background: gray !important;
    cursor: not-allowed;
}

.datepicker-inline .datepicker {
    border: 0 solid !important
}

#DownloadDataModal .btn.redBtn,
#acceptModal .datepicker-inline .datepicker,
.abfrlTooltip,
.add-info-frm>.add-frm-txt,
.brand-modal-right,
.damage-file-heading,
.damage-file-heading>.user-upload-file-sec,
.invoice-upload-file-sec,
.onl-order-prod-desc,
.onl-order-prod-desc>.orderTooltip,
.p-um-table-scroll,
.p-um-table-scroll>ul,
.p-user-table-scroll,
.p-wh-table-scroll,
.profileLogout,
.qF_cardCollapse>div:last-of-type,
.raiseReject>button,
.raiseSubmit>button,
.sc-main-row,
.seprateSec .leftinner,
.sideBtn {
    width: 100%
}

.roundBorder {
    background-color: rgba(154, 154, 154, 20%);
    font-size: 12px;
    border-radius: 10px;
    padding: 3px;
    width: min-content;
    text-align: start !important
}

.checkmark,
.p-um-check {
    border: 1px solid #3a3a3a
}

.container-check {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    margin-left: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400
}

#wrapper ul:first-child,
.rowChkbox {
    margin-left: 0 !important
}

.container-check input {
    position: absolute;
    opacity: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    border-radius: 2px
}

.container-check input:checked~.brandcheckmark,
.container-check input:checked~.checkmark {
    background-color: #da191e;
    border: 1px solid #da191e
}

.brandcheckmark:after,
.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.container-check .brandcheckmark:after,
.container-check .checkmark:after {
    left: 3px;
    width: 4px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.container-check.disabled,
.metacheck-disabled {
    cursor: not-allowed;
    opacity: .5
}

.container-check .intermediate:after {
    left: 5px;
    top: 2px;
    width: 0;
    height: 9px;
    border: solid #fff;
    border-width: 0 0 6px 3px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#p-bar,
.rowChkbox,
.tds-update-last {
    margin-bottom: 0 !important
}

.flowpoId {
    color: #3e3e3e;
    font-weight: 600;
    font-size: 14px
}

.flowDate {
    font-size: 12px;
    color: #a2a2a2
}

.p-address {
    display: flex;
    margin-bottom: 15px;
    background: #fff;
    border: .5px solid #cfd2e2;
    border-radius: 8px;
    margin-top: 15px
}

.p-def-txt,
.p-um-checkbox:after,
.p-um-checkbox:before {
    display: none;
    position: absolute
}

.p-btn-grp button,
.p-def-txt {
    background: #fff7f7;
    color: #d9232d
}

.CommercialWrapper .form-group,
.p-address:last-child {
    margin-bottom: 0
}

.p-btn-grp button {
    font-size: 12px;
    border: .5px solid #d9232d;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
    margin-right: 25px;
    width: 100px;
    height: 25px
}

.p-def-txt {
    top: -7px;
    left: 20px;
    font-size: 10px;
    font-weight: 500;
    padding: 2px 5px;
    border: .5px solid #cfd2e2;
    border-radius: 10px
}

.p-busi-wrapper>div {
    width: calc(18% - 10px);
    margin-right: 10px
}

.p-busi-wrapper>div:first-child {
    width: calc(15% - 10px);
    margin: 15px 0 0
}

.on-order-btn.active,
.orderTab.active,
.p-sub-menu>li.active a {
    background: #363636;
    color: #ffff
}

.p-right-sec {
    min-height: calc(100vh - 132px);
    position: relative;
    z-index: 0;
    width: 100%;
    background: #f2f2f2;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    padding: 0 0 0 1px
}

.catalog-right-sec {
    min-height: calc(100vh - 105px)
}

.cmsAdmin-right-sec,
.p-wh-right-sec {
    min-height: calc(100vh - 95px)
}

.active-right-sec {
    font-family: Poppins, sans-serif;
    overflow-x: hidden;
    padding-top: 20px
}

.p-search-wrap>span {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 700
}

@keyframes lds-roller {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@font-face {
    font-family: tab-icons;
    src: url("../tab-icons/icomoon.eot?dszfp2");
    src: url("../tab-icons/icomoon.eot?dszfp2#iefix") format("embedded-opentype"), url("../tab-icons/icomoon.ttf?dszfp2") format("truetype"), url("../tab-icons/icomoon.woff?dszfp2") format("woff"), url("../tab-icons/icomoon.svg?dszfp2#icomoon") format("svg");
    font-weight: 400;
    font-style: normal
}

.sticky {
    position: fixed;
    top: 0;
    width: calc(100% - 88px);
    z-index: 1
}

.p-sidebar.active+.p-scroll-area .sticky {
    position: fixed;
    top: 50px;
    width: calc(100% - 183px);
    z-index: 1
}

.rowTop {
    margin-top: 50px
}

.sidebardata-active,
.sub-sidebar:hover {
    background-color: #eff5ff
}

.sidebar-active {
    color: #da191e;
    font-weight: 600;
    background-image: url("/images/keyboard-up-arrow-button.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
    padding-right: 15px
}

@keyframes example {
    from {
        top: -20px
    }

    to {
        top: 0
    }
}

.ticketModalContent {
    margin: 0;
    padding: 0 !important;
    height: 100%;
    width: 400px;
    margin-left: auto !important;
    overflow: hidden;
    border-radius: 20px 0 0 20px
}

.ticketModal {
    padding-top: 0 !important;
    z-index: 10 !important
}

.p-ticket-chat-top::-moz-scrollbar-thumb:hover {
    background: #e2e2e2
}

.p-ticket-chat-top:-ms-scrollbar {
    width: 8px
}

.p-ticket-chat-top:-ms-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px
}

.p-ticket-chat-top:-ms-scrollbar-thumb {
    background: #e2e2e2;
    border-radius: 10px
}

.p-ticket-chat-top:-ms-scrollbar-thumb:hover {
    background: #e2e2e2
}

.p-ticket-chat-top:-moz-scrollbar {
    width: 8px
}

.p-ticket-chat-top:-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px
}

.p-ticket-chat-top:-moz-scrollbar-thumb {
    background: #e2e2e2;
    border-radius: 10px
}

.p-ticket-chat-top:-moz-scrollbar-thumb:hover {
    background: #e2e2e2
}

.p-ticket-detail-sec,
.supplier-modal-col {
    padding: 15px 15px 0
}

.dnldModal,
.p-detail-content-sec,
.p-view-jew-table-head>div,
.pd-45 {
    padding-top: 0 !important
}

.p-status-bar {
    width: 60px;
    font-size: 11px;
    background-color: #da191e;
    padding: 3px 10px;
    text-align: center;
    border-radius: 20px;
    font-weight: 700;
    color: #fff
}

.item-close-bar {
    background-color: #9a9a9a !important
}

.p-ticket-detail-header {
    display: flex;
    padding-bottom: 8px;
    justify-content: space-between
}

.p-status-id {
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 500;
    padding-left: 10px
}

.raiseReject {
    width: 25%;
    padding-right: 10px
}

.raiseSubmit {
    width: calc(75% - 10px)
}

.p-ticket-detail-content {
    font-size: 12px;
    color: #4a4a4a;
    line-height: 18px;
    padding-bottom: 10px
}

.p-ticket-criteria {
    height: 85px;
    border-bottom: 1px solid #ccc;
    flex-wrap: initial;
    justify-content: initial !important;
    width: 100%;
    padding-left: 5px
}

.info-heading,
.infoHeader,
.noti-mark,
.p-chat-send,
.p-user-top,
.p-wh-top,
.search-header {
    justify-content: space-between
}

.p-chat-textarea {
    width: 100%;
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 0 1px 1px #0000001a
}

.abfrlAcceptAll,
.inner,
.inner i,
.inputMsg,
.p-tds-form-unit.active,
.p-ticket-right {
    border: .5px solid #d9232d
}

.p-chat-textarea::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-chat-textarea::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-chat-textarea:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-chat-textarea:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-chat-send {
    display: flex;
    padding-bottom: 9px
}

.inputMsg,
.outputMsg {
    width: 85%;
    padding: 10px;
    color: #363636;
    font-size: 12px
}

.inputMsg {
    background-color: #fff7f7;
    margin-left: 15%;
    border-radius: 20px 0 0
}

.outputMsg {
    background-color: #f5f5f5;
    margin-right: 15%;
    border: .5px solid #363636;
    border-radius: 0 20px 0 0
}

.p-um-check,
.p-um-checkbox {
    margin-right: 10px;
    position: relative
}

.p-msg-from {
    padding: 0;
    text-align: right;
    color: #da191e;
    font-size: 12px
}

.p-chat-ticket-date {
    padding: 0;
    text-align: right;
    font-size: 10px;
    color: #a2a2a2
}

.p-congratulations {
    color: #278903;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 5px
}

.p-success-content {
    font-size: 14px;
    padding: 5px 0
}

.custom-file-upload,
.p-chat-confirm {
    cursor: pointer;
    font-size: 12px;
    height: 30px
}

.p-chat-confirm {
    border: 1px solid #3e3e3e;
    padding: 5px;
    border-radius: 4px;
    background-color: #ffff
}

.dataTables_filter>label>input,
.flow-subheader>div,
.p-chat-send-btn,
.p-order-inv-table-head>div {
    padding-left: 10px
}

.p-chat-send-btn>.accept {
    border-radius: 8px;
    background-color: #d9232d
}

.p-chat-reopen {
    background-color: #fff5f5;
    border: 1px solid #da191e
}

.custom-file-upload {
    float: right;
    border: 1px solid #da191e;
    border-radius: 8px;
    display: -webkit-inline-box;
    padding: 6px 10px;
    background-color: #fff;
    color: #da191e;
    font-weight: 600
}

#selectedCount {
    border: none;
    color: #4a4a4a;
    text-align: right
}

.btn-disabled {
    background-color: #fff !important;
    color: #ccc;
    border: 1px solid #ccc;
    cursor: default
}

.p-noquery-main {
    padding: 5px;
    background-color: #f5f5f5;
    text-align: center;
    font-family: roboto, sans-serif
}

.p-noquery-content {
    padding: 25px 0 15px;
    text-align: center;
    background-color: #fff
}

.p-noquery-content>p {
    padding: 5px;
    font-size: 16px
}

.p-um-header {
    width: 100%;
    display: inline-flex
}

.tabImage,
.wh-upload-cancelIcon {
    display: inline-block;
    position: relative;
    top: 5px
}

.tab-count {
    border: 1px solid #da191e;
    padding: 0 10px;
    border-radius: 10px;
    background-color: #da191e;
    color: #ffff
}

.p-um-header-content {
    font-size: 16px;
    font-weight: 500;
    padding: 0 15px
}

.new-bank-sec>div:last-child,
.p-um-img {
    padding-left: 20px
}

.p-um-table-row {
    display: flex;
    font-size: 12px;
    border-bottom: 1px solid #e2e2e2
}

.p-um-table-row>ul {
    border-right: 1px solid #e2e2e2
}

.p-um-table-row>ul>li {
    padding: 15px 20px
}

.p-um-category>li,
.p-um-sub-category>li {
    background-image: url("/images/keyboard-right-arrow-button (1).svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px)
}

.p-um-category>li:hover,
.p-um-sub-category>li:hover {
    background-color: #ebebeb;
    cursor: pointer
}

.p-um-active {
    background-color: #ebebeb
}

.p-um-select {
    width: 50%;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #9a9a9a;
    padding: 5px;
    background-image: url("/images/drop-down-arrow.png");
    background-position: calc(100% - 5px);
    background-repeat: no-repeat;
    background-size: 10px;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none
}

.p-um-assigned-user {
    border-right: 1px solid #e2e2e2 !important
}

.p-um-assigned-user>li {
    display: flex;
    padding: 5px !important;
    height: 50px
}

.p-um-zone>li {
    height: 50px
}

.p-um-accept-btn {
    text-align: end;
    padding: 10px
}

.p-um-check {
    width: 14px;
    height: 14px;
    border-radius: 2px
}

.p-um-check-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 5px;
    width: 50%;
    margin-bottom: auto
}

.p-um-check-sec>li {
    display: flex;
    padding: 5px;
    flex-wrap: wrap
}

.p-um-checkbox {
    width: 14px;
    height: 14px;
    border: 1px solid #3a3a3a;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 10px
}

.p-um-checkbox:before {
    content: "";
    top: -1px;
    left: -1px;
    width: 14px;
    height: 14px;
    background: #da191e;
    border-radius: 2px
}

.p-um-checkbox:after {
    content: "";
    left: 1px;
    top: 2px;
    width: 8px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.p-ticket-wrap>label>input:checked+.p-radio-check::after {
    border-color: #da191e
}

.sc_btm-footer p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    display: block
}

.login,
a.get-started {
    font-weight: 600;
    height: 30px;
    font-size: 14px;
    text-align: center
}

ul.sc_Footer-Menu li a {
    color: #424242;
    font-size: 12px;
    font-weight: 400
}

.sc_Footer-Menu {
    margin: 0;
    padding: 0;
    display: inline;
    float: right
}

.sc_Footer-Menu li {
    list-style: none;
    display: inline-block;
    padding: 0 10px
}

.sc_logo img {
    width: 115px;
    display: block;
    margin: auto 0
}

.sc_login-register {
    vertical-align: top
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
a.login:hover,
a.p-forgot.p-login-action {
    color: #db232e
}

.login {
    border: 1px solid #d9232d;
    color: #d9232d;
    width: 100px;
    line-height: 27px;
    border-radius: 2px
}

a.get-started {
    background: #d9232d;
    color: #fff;
    border-color: #d9232d;
    border-radius: 2px;
    margin-left: 15px;
    margin-right: 15px;
    width: 160px;
    line-height: 30px
}

.navbar-header {
    float: none
}

.navbar-default {
    background-color: #fff;
    margin-bottom: 0;
    border: none
}

.navbar-default .navbar-nav>.active>a {
    color: #c5000b;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    background: 0 0 !important
}

.navbar-nav>li>a,
.p-supplier-filter-mdl>div,
.p-tran-modal-date>div {
    padding-top: 15px
}

.sc_top-navigation.col-md-9 {
    padding-left: 45px;
    padding-right: 0;
    float: right
}

.navbar-brand {
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    width: 100%
}

li.sc_get-started a:hover {
    background: #fff !important;
    color: #db232e !important
}

.sc_events .owl-carousel .owl-nav {
    position: absolute;
    top: -38px;
    right: 15px
}

.hover-effectbtn:hover {
    background: #fff;
    color: #db232e;
    border: 1px solid #db232e
}

a.login-popup.p-head-link:hover,
a.p-forgot.p-login-action:hover,
ul.nav.navbar-nav li a:hover {
    color: #3c3c3c
}

ul.nav.navbar-nav li .newloginbtn:hover {
    background: #db232e;
    color: #fff
}

.btn-g-login img {
    margin-right: 5px;
    height: 15px;
    width: auto
}

a.p-forgot.p-forgot-action {
    color: #4285f4;
    text-decoration: none
}

a.p-head-link {
    color: #db3734
}

.menu-icon {
    max-width: 48px;
    background: 0 0;
    float: right;
    text-align: center;
    padding: 15px 8px;
    cursor: pointer;
    overflow: hidden;
    transition: .3s;
    -webkit-transition: .3s
}

.menu-icon span {
    display: block;
    width: auto;
    padding: 1px 10px;
    background: #3c3c3c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s
}

.menu-icon span:after,
.menu-icon span:before {
    display: block;
    padding: 1px 15px 1px 10px;
    left: -5px;
    content: "";
    position: absolute;
    z-index: 2;
    background: #3c3c3c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: .3s;
    -webkit-transition: .3s
}

.menu-icon span:before {
    top: -7px
}

.menu-icon span:after {
    bottom: -7px
}

.menu-icon.close-menu span {
    left: -50px;
    background: #fff
}

.menu-icon.close-menu span:before {
    top: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: 50px;
    background: #fff
}

.menu-icon.close-menu span:after {
    bottom: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    left: 50px;
    background: #fff
}

header.blackHeader {
    height: 100%;
    background: #000;
    overflow-y: auto
}

header.blackHeader .navbar.navbar-default {
    background-color: transparent;
    margin-bottom: 0;
    height: 100%
}

.navbar-default .navbar-nav>li>a {
    color: #363636;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    margin: 15px;
    padding: 0
}

.datepicker--cell.-current-.datepicker--cell.-selected-,
li.sc_login a:hover {
    color: #fff !important
}

.navbar-default .navbar-nav>li>a.active {
    border-bottom: 1px solid #363636
}

li.sc_login a {
    border: 1px solid #363636;
    border-radius: 4px;
    padding: 5px 15px !important;
    margin: 10px 0 !important;
    font-size: 14px
}

.item-close>.p-ticket-ID,
li.sc_login a:hover {
    background-color: #363636 !important
}

.cpt-btn-sec>.order-reject,
.customButtons>button {
    margin-right: 10px
}

.navbar-default .navbar-nav>li.sc_get-started a {
    border: 1px solid #d9232d;
    color: #fff;
    background: #d9232d;
    margin: 10px 14px 0;
    padding: 5px 10px;
    font-weight: 400 !important;
    transition: .5s ease-in-out;
    border-radius: 4px;
    font-size: 14px
}

.c100.red,
.navbar-default .navbar-nav>li.sc_get-started a:hover {
    color: #d9232d !important
}

#billingAdd>.p-add-sec,
#pickUpAdd>.p-add-sec,
.ems-notice-tab,
.online-notice-tab,
header.blackHeader .row,
header.blackHeader .sc_wrapper {
    height: 100%
}

header.blackHeader .navbar.navbar-default ul {
    width: 100%;
    height: 100%;
    margin-top: 20%
}

button.navbar-toggle {
    background: 0 0 !important;
    border: none
}

.first-col-benefits {
    width: 33%;
    float: left;
    margin-bottom: 45px
}

.sc-main-row h3 {
    text-align: center;
    padding: 40px 0;
    font-size: 35px;
    color: #373737;
    font-weight: 500;
    line-height: 1.5em;
    display: block
}

.first-col-benefits h4 {
    font-size: 20px;
    font-weight: 500;
    color: #3a3a3a;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: left
}

.first-col-benefits p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    padding-left: 5px;
    padding-right: 30px
}

.third-col-benefits {
    width: 33%;
    float: left;
    margin: auto;
    padding-left: 30px
}

.second-col-benefits {
    width: 33%;
    float: left;
    margin: auto 12px auto auto;
    padding-left: 15px
}

.second-col-benefits h4 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 15px;
    display: block;
    margin: 0;
    color: #373737;
    text-align: left;
    padding-left: 5px
}

.second-col-benefits p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    padding-left: 5px;
    padding-right: 20px;
    padding-bottom: 30px
}

img.sc-benefits-moglix-secnd {
    width: 400px;
    display: block;
    margin: 40px auto
}

@media (min-width:1370px) and (max-width:1500px) {
    .font-15 {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1200px) {
    .container {
        width: 100%
    }
}

@media (min-width:1024px) {
    div#bs-example-navbar-collapse-1 {
        padding-left: 0
    }
}

@media (max-width:768px) {
    div#bs-example-navbar-collapse-1 {
        padding-left: 0
    }

    div#bs-example-navbar-collapse-1 ul li a {
        padding-right: 6px;
        padding-left: 9px;
        font-size: 13px
    }

    a.login-popup.newloginbtn,
    li.sc_get-started a {
        margin-top: 12px
    }

    .navbar-brand {
        padding-top: 0 !important;
        width: 120px !important
    }

    .daksh-dropdown>li {
        border-bottom: 0 !important
    }

    #click_btn_header {
        color: #fff !important
    }

    .doc-main-cnt,
    .p-buis-btm {
        display: block !important
    }

    .doc-main-cnt>div {
        width: 100% !important
    }

    .docum-main-div:first-child {
        margin-bottom: 20px
    }

    #dashboard-next-btn,
    #dashboard-prev-btn {
        display: none
    }

    .p-buis-btm>.p-form-row {
        width: 100% !important;
        margin-top: 15px
    }
}

.add-btn-sec {
    padding-bottom: 5px;
    display: flex;
    padding-top: 5px;
    margin-right: 15px
}

.addBtn {
    width: fit-content;
    padding: 10px;
    background-color: #da191e;
    color: #ffff;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500
}

.p-user-top {
    display: flex;
    width: 100%;
    padding: 10px 0;
    background-color: #ebebeb
}

.p-upload-sec,
.p-user-search {
    background-color: #ffff;
    padding: 10px;
    box-shadow: 0 2px 2px #00000029
}

.downloadFile,
.user-file-upload {
    background-color: #757575;
    height: 30px;
    cursor: pointer;
    font-size: 12px
}

.p-mapping-heading,
.p-user-search-heading {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 5px;
    padding-left: 10px;
    display: inline-block
}

.search-header {
    padding-bottom: 5px;
    padding-left: 2px;
    display: flex
}

.search-header>span {
    font-size: 10px;
    color: #363636
}

.user-upload-sec {
    padding-top: 20px;
    padding-left: 10px
}

.user-file-upload {
    border: 1px solid #757575;
    border-radius: 2px;
    display: -webkit-inline-box;
    padding: 7px;
    color: #fff
}

.cancelIcon>img,
.whcancelIcon>img {
    display: none;
    padding-top: 22px;
    cursor: pointer
}

.downloadFile {
    color: #ffff;
    border-radius: 2px;
    padding: 0 10px
}

.p-user-attach-img {
    height: 12px;
    padding-right: 5px
}

.anchor-template,
.p-note-txt {
    color: #d9232d;
    font-size: 12px
}

.user-upload-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #e9e9e9;
    width: 250px;
    height: 30px;
    border-radius: 2px;
    background-color: #fff
}

.shipment-eway-upload-label {
    font-size: 14px;
    color: #e9e9e9;
    width: 150px;
    display: flex;
    justify-content: space-between;
    padding-left: 10px
}

.noti-mark>span,
.p-user-custom-upload,
.upload-standard-btn>button,
.user-add-btn,
.user-upload-btn {
    font-size: 12px;
    cursor: pointer
}

.user-upload-btn {
    color: #fff;
    background-color: #757575;
    width: 110px;
    height: 34px;
    border-radius: 0 2px 2px 0;
    font-weight: 500;
    float: right
}

.upload-standard-btn {
    padding-left: 10px;
    padding-top: 22px
}

.upload-standard-btn>button {
    padding: 5px 10px;
    height: 28px;
    background-color: #da191e;
    color: #fff;
    text-align: center;
    font-weight: 400;
    border-radius: 2px
}

.eway-bulkupload-wrapper input[type=file],
.pack-bulkupload-wrapper input[type=file],
.ship-bulkupload-wrapper input[type=file],
.user-bulkupload-wrapper input[type=file],
.user-upload-wrapper input[type=file],
.wh-upload-label input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.user-uploadFile,
.wh-uploadFile {
    height: 30px;
    border: 0
}

.user-bulkupload-field,
.user-upload-field,
.wh-upload-field {
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.user-searchInput {
    background-image: url("/images/search.png");
    background-position: right;
    background-repeat: no-repeat;
    background-color: #ffff;
    padding: 10px;
    border-radius: 2px;
    width: 100%;
    height: 30px;
    border: 1px solid #e2e2e2
}

.user-searchInput::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.user-searchInput::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.user-searchInput:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.user-searchInput:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-user-standard-btn {
    width: 110px;
    height: 40px;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    cursor: pointer
}

.p-user-upload {
    width: 50%;
    background-color: #ffff;
    display: flex
}

.p-user-custom-upload {
    border: 1px solid #da191e;
    border-radius: 2px;
    display: -webkit-inline-box;
    background-color: #fff;
    color: #da191e;
    font-weight: 600;
    width: 380px;
    height: 40px
}

.p-user-bottom {
    display: flex;
    background-color: #ffff;
    width: 100%;
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0
}

.user-add-btn {
    height: 45px;
    background-color: #da191e;
    border-radius: 2px;
    color: #fff;
    width: 110px
}

.info-heading,
.supplier-modal-heading {
    font-size: 16px;
    font-weight: 600;
    display: flex
}

.userModalContent {
    margin: 0;
    height: 100%;
    width: 400px;
    margin-left: auto !important;
    padding: 0 !important
}

.supplier-modal-heading {
    color: #ffff;
    padding: 15px;
    background-color: #da191e;
    justify-content: space-between
}

.info-heading {
    color: #3e3e3e
}

.supplier-modal-col>p {
    color: #3e3e3e;
    font-size: 14px;
    padding-bottom: 10px
}

.supplier-modal-col>input {
    width: 100%;
    height: 40px;
    border: 1px solid #707070;
    border-radius: 2px
}

.supplier-btn-sec {
    display: flex;
    padding: 40px 15px 15px
}

.upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #363636;
    opacity: .4
}

.active-criteria-sec {
    padding: 0 !important;
    margin: 0 15px;
    border-bottom: .5px solid #e2e2e2
}

.order-tab-img>img,
.p-active-img>img {
    height: 60px;
    width: 60px;
    border-radius: 5px;
    box-shadow: #00000029 1px 1px 10px
}

.p-modal-selectbox {
    width: 100%;
    height: 30px;
    border: 1px solid #9a9a9a;
    border-radius: 4px;
    background-image: url(/images/drop-down-arrow.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
    background-size: 10px;
    padding: 10px
}

.accept-modal-heading>span {
    line-height: 30px
}

.blackDot {
    height: 10px !important;
    width: 10px !important;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: -5px
}

.p-mapping-top {
    padding: 15px;
    background-color: #ebebeb
}

.p-mapping-header-sec {
    display: inline-block;
    padding-right: 15px
}

.mapping-datepicker {
    background-image: url("/images/calendar.png");
    width: 190px;
    height: 30px;
    border-radius: 2px 0 0 2px;
    border: 1px solid #e2e2e2;
    padding: 5px;
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: #fff
}

.p-mapping-table-head {
    display: flex;
    background: #d8d8d8;
    color: #3a3a3a;
    height: 45px;
    font-size: 12px;
    font-weight: 700;
    text-align: left
}

.succeededModalContent {
    padding: 0 !important;
    width: 60%;
    max-height: 80%;
    height: fit-content;
    height: -moz-max-content;
    overflow: auto
}

.succeedModalHeader {
    background-color: #da191e
}

.succeedModalHeader>span {
    display: inline-block;
    color: #ffff;
    padding: 15px;
    font-size: 16px
}

.succeedModalHeader>img {
    display: inline-block;
    padding: 15px;
    cursor: pointer
}

.p-mapping-table-scroll {
    width: 100%;
    padding: 10px
}

.sc-benefits-moglix {
    width: 400px;
    display: block;
    margin: auto
}

.p-active-table-row {
    margin: 10px 15px 2px;
    background: #fff;
    display: flex;
    font-size: 11px;
    color: #3a3a3a;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    position: relative
}

.p-active-table-row>div.colorIdentity+.colorIdentity {
    padding: 15px 10px 15px 2px
}

.colorIdentity .sidebar-information-fill {
    font-size: 20px;
    display: inline-block;
    margin: 2px 0 0;
    cursor: pointer
}

.colorIdentity .sidebar-information-fill.orangeInfo-icon {
    color: orange
}

.p-active-table-row:first-child,
.p-inv-table-row:first-child {
    margin-top: 0 !important
}

.CommercialWrapper .mrpLabelWrap,
.online-order-prod,
.order-pagination,
.po-id-date {
    margin-top: 5px
}

.po-id-date {
    margin-bottom: 5px;
    color: #a2a2a2
}

.p-reason-sec>div {
    padding-bottom: 10px;
    padding-top: 10px
}

.tpTax {
    padding: 5px 0 0;
    color: #00ba1d
}

.p-reject-cancel-btn {
    padding: 20px 0 !important
}

.tooltip .infoTooltip {
    width: 100px !important
}

.infoTooltip {
    left: 85% !important;
    bottom: 110% !important
}

.container-check input:indeterminate~.checkmark {
    background: #da191e;
    border: 1px solid #da191e
}

.container-check input:indeterminate~.checkmark:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(0, -50%);
    width: 80%;
    height: 3px;
    background: #fff
}

.flowModal,
.registration-modal {
    padding-top: 100px
}

.modal-content.flowModalContent {
    padding: 10px 15px;
    width: 50%;
    height: 85%;
    overflow: hidden !important
}

.faq-dropdown,
.flowModalClose {
    display: inline-block;
    cursor: pointer
}

.flowbreakdown {
    font-size: 14px;
    padding: 0 10px 10px
}

.flow-subheader {
    padding: 10px;
    display: flex
}

.flowContentImg {
    display: inline-block;
    height: 60px;
    width: 60px;
    border: 1px solid grey;
    border-radius: 4px
}

.flowContentData {
    font-size: 14px;
    display: inline-block
}

#wrapper {
    position: relative;
    padding-left: 10px
}

#wrapper .treeContent {
    border-bottom: 1px solid #d9d9d9;
    display: block;
    min-width: 180px;
    padding: 5px 10px;
    line-height: 20px;
    text-align: start;
    position: absolute;
    left: 0;
    margin-top: 30px
}

.firstTreeContent {
    border-bottom: 0 !important
}

.flowDataContent {
    position: absolute;
    margin-left: 180px;
    top: 0;
    font-size: 10px;
    color: #9a9a9a;
    width: 180px
}

.firstTree {
    background-color: rgba(218, 25, 30, .2);
    font-size: 12px;
    border-radius: 10px;
    padding: 2px 5px 2px 2px;
    text-align: center;
    width: min-content;
    cursor: pointer
}

.jstree-default .jstree-clicked,
.jstree-hovered {
    background: 0 0 !important;
    border-radius: 0 !important
}

.firstBlackDot {
    left: 5px
}

.sort-img {
    height: 10px;
    display: none;
    cursor: pointer
}

.sort {
    cursor: pointer;
    display: -webkit-inline-box !important
}

.sort>div {
    margin-top: 3px
}

.imgActive {
    display: block;
    height: 12px !important
}

.edit-date-icon {
    width: 16px
}

.flowbreakdown>p:after {
    content: "";
    display: inline-block;
    height: .5em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: 1px solid #000
}

.fbd-tree-content {
    width: 100%;
    height: calc(100% - 150px);
    overflow: auto
}

.fbd-tree-content>div {
    width: fit-content;
    width: -moz-max-content
}

.jstree .jstree-open>.jstree-children {
    position: relative;
    left: 50px
}

.jstree-hovered {
    box-shadow: 0
}

.jstree-default .jstree-node {
    min-height: 35px !important;
    line-height: 30px !important
}

.jstree-default .jstree-clicked {
    box-shadow: none !important
}

.jstree-anchor {
    cursor: default;
    height: 50px !important
}

.activeOrderTabs>a,
.on-order-btn {
    height: 30px;
    padding: 5px 30px;
    font-size: 14px;
    color: #363636;
    border-radius: 4px;
    background: 0 0;
    font-weight: 500;
    cursor: pointer
}

.activeOrderTabs {
    margin-left: 15px
}

.icon-tabs,
.profilePerc {
    font-size: 20px;
    font-weight: 500
}

.CommercialWrapper {
    background: #f2f2f2;
    padding-bottom: 25px;
    font-family: Roboto, sans-serif !important;
    height: 100vh
}

.CommercialWrapper .container {
    max-width: 1200px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.CommercialtopWrap h1 {
    font-size: 16px;
    color: rgba(0, 0, 0, .87);
    font-weight: 400
}

.CommercialWrapper .CommercialtopWrap .topLeft {
    display: inline-block;
    width: 79%
}

.CommercialWrapper .CommercialtopWrap .topRight {
    display: inline-block;
    width: 19%
}

.CommercialWrapper .CommercialtopWrap .topMenu li {
    list-style: none;
    display: inline-block
}

.CommercialWrapper .CommercialtopWrap .topMenu li a {
    display: block;
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    margin-right: 40px;
    padding: 5px
}

.CommercialWrapper .CommercialtopWrap .topMenu li a.active {
    border-bottom: 2px solid #d9191e
}

.CommercialWrapper .topRightBtn .btn {
    display: inline-block;
    width: auto;
    text-transform: uppercase;
    font-size: 14px
}

.CommercialWrapper .bottomContainer {
    background: #fff;
    box-shadow: 0 1px 2px #00000017;
    border-radius: 3px;
    padding: 50px 20px
}

.CommercialWrapper .custom-select,
.CommercialWrapper ul.form-control,
.CommercialWrapper.updateMSn .topForm .form-control.custom-select {
    background: url("../images/commercialImages/down.svg") right .75rem center/12px 12px no-repeat #fff
}

.CommercialWrapper .bottomContainer form {
    max-width: 800px;
    margin: 0 auto
}

.CommercialWrapper .btn.redBtn,
.commercialModal .btn.redBtn {
    background: #d9191e;
    color: #fff;
    border-radius: 3px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%
}

.CommercialWrapper .custom-select:focus,
.CommercialWrapper ul.form-control.focus,
.CommercialWrapper.updateMSn .topForm .form-control.custom-select:focus {
    background: url("../images/commercialImages/up.svg") right .75rem center/12px 12px no-repeat #fff
}

.CommercialWrapper .bottomContainer .redBtn,
.brandsFilterLists .lftListCategory .categoryTxt,
.cptTable {
    width: 80%
}

.CommercialWrapper select:required:invalid {
    opacity: 1
}

.CommercialWrapper .form-control {
    font-size: 12px;
    text-transform: capitalize;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    border-radius: 0;
    color: #000;
    height: 40px;
    width: 90%;
    opacity: 1
}

.CommercialWrapper .form-control:disabled {
    opacity: .4
}

.CommercialWrapper .form-control:focus {
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    box-shadow: none;
    color: #000
}

.CommercialWrapper .bottomContainer .form-row label {
    font-size: 12px;
    color: #3f51b5
}

.CommercialWrapper .has-float-label input.form-control:placeholder-shown:not(:focus)+* {
    font-size: 100% !important;
    top: 1em !important;
    opacity: 1
}

.CommercialWrapper .has-float-label input[disabled].form-control:placeholder-shown:not(:focus)+* {
    opacity: .4
}

.marBottom80 {
    margin-bottom: 80px
}

.EditCatWrap {
    margin-top: 20px;
    width: 95%
}

.EditCatWrap .CheckIcon,
.EditCatWrap .editIcon {
    position: absolute;
    top: 10px;
    right: 3%;
    cursor: pointer
}

.EditCatWrap .DeleteIcon {
    position: absolute;
    top: 10px;
    right: -3%;
    cursor: pointer
}

.CommercialWrapper p {
    margin-right: 0 !important
}

.CommercialWrapper .EditCatWrap .form-control {
    border: none;
    background: #fff;
    box-shadow: none;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    padding-right: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.CommercialWrapper .EditCatWrap .form-control[readonly] {
    border: 1px solid #e3e2e2;
    background: #f8f9ff;
    box-shadow: 0 1px 2px #00000021;
    width: 100%
}

.CommercialWrapper .EditCatWrap .msnNumber {
    position: absolute;
    top: 10px;
    right: 7%
}

#CommercialConfirmDeleteModal .grayBtn {
    background: #f1f1f1;
    color: #727272;
    border-radius: 3px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%
}

#ComCatDeletAlert {
    position: absolute;
    top: 10%;
    left: 25%;
    z-index: 1111;
    display: none
}

.commercialModal.modal {
    z-index: 6
}

.commercialModal .modal-dialog {
    max-width: 380px !important
}

.commercialModal .modal-content {
    border: none !important;
    border-top: 7px solid #d9232d !important;
    border-radius: 3px !important;
    box-shadow: 0 3px 6px #0000004f;
    width: 100%
}

.commercialModal .modal-body p {
    font-size: 14px !important;
    text-align: center
}

.commercialModal .modal-footer {
    border: none !important;
    padding: 0 !important;
    justify-content: center !important
}

.downloadImg {
    display: inline-block;
    margin-right: 10;
    padding-right: 5px
}

.fileUploadWrap {
    box-shadow: 0 3px 6px #00000029;
    border: 2px solid #f5f5f5;
    padding: 10px 30px;
    margin-top: 15px
}

.fileUploadWrap .user-uploadFile {
    height: auto
}

#drop-area {
    border: 2px dashed #908d8d;
    border-radius: 0;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center
}

#drop-area>img {
    opacity: .2;
    margin: 0 auto
}

#drop-area .ortxt,
#drop-area p {
    font-size: 16px;
    margin: 15px 0;
    font-weight: 400
}

#drop-area p {
    color: #bfbfbf
}

.acceptAllBtn {
    width: 100%;
    padding: 5px;
    display: none;
    margin-top: 20px;
    margin-right: 10px
}

#drop-area .ortxt {
    color: #000;
    display: block
}

#drop-area input[type=file][disabled]+.redBtn {
    opacity: .65
}

#drop-area input[type=file]+.redBtn {
    max-width: 350px;
    color: #fff;
    opacity: 1
}

#drop-area.highlight {
    border-color: purple
}

.uploadtxt img,
.uploadtxt span,
.usr-hist-icn,
.usr-switch {
    display: inline-block;
    margin-right: 10px
}

#gallery img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px
}

.CommercialWrapper .bottomContainer .clonetxt {
    margin-bottom: 15px;
    line-height: 100%;
    color: "#000";
    font-size: 12px
}

.martop {
    margin-top: 28px
}

.CommercialWrapper ul.dropdown-menu {
    width: 100% !important;
    box-shadow: 0 3px 6px #00000033;
    border-radius: 3px;
    border-color: #fff !important;
    transform: translate3d(0, 0, 0) !important;
    margin-top: 50px;
    height: 150px !important;
    overflow-y: scroll
}

.CommercialWrapper ul.form-control {
    width: 96% !important
}

.CommercialWrapper ul.form-control.focus {
    border-bottom: 1px solid rgba(0, 0, 0, .4) !important;
    box-shadow: none !important
}

.CommercialWrapper .dashboardcode-bsmultiselect .custom-control-label::before {
    width: 14px !important;
    height: 14px !important;
    border: 1px solid #707070 !important;
    top: 0 !important;
    left: 0 !important
}

.CommercialWrapper .dashboardcode-bsmultiselect .custom-control-label {
    top: 0 !important;
    left: 0 !important;
    padding-left: 20px !important
}

.CommercialWrapper .dashboardcode-bsmultiselect .custom-checkbox .custom-control-label::before {
    border-radius: 0 !important
}

.CommercialWrapper .dashboardcode-bsmultiselect .custom-control-input:checked~.custom-control-label::before {
    border-color: #000 !important;
    background: #000 !important
}

.fixed-row1>div,
.fixed-row>div,
.tableContent div>div {
    border-right: 1px solid #bfbfbf
}

.fixed-row,
.fixed-row1,
.tableContent div>div {
    border-bottom: 1px solid #bfbfbf
}

.CommercialWrapper .badge {
    border: 1px solid #e3e2e2;
    padding: 5px !important;
    background: #f8f9ff;
    color: #3a3a3a;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px
}

.CommercialWrapper .close {
    width: 11px;
    height: 11px;
    font-size: 12px !important;
    color: #3a3a3a !important;
    border: 1px solid #3a3a3a !important;
    border-radius: 100%;
    font-weight: 400 !important;
    text-align: center;
    margin-left: 4px
}

.msnpricetableWrap {
    border: 1px solid #bfbfbf;
    font-size: 12px;
    text-align: center
}

.msnpricetableWrap ul {
    margin-bottom: 0 !important;
    padding-left: 0
}

.msnpricetableWrap h6 {
    font-size: 12px;
    line-height: 100%;
    color: #000;
    font-weight: 600;
    padding: 15px 0;
    margin: 0
}

.fixed-row {
    background: #e3e2e2
}

.fixed-row1 {
    background: #ececec;
    color: #464646;
    font-weight: 300
}

.dropship-tbl>div>ul:first-child,
.fixed-row1>div,
.fixed-row>div {
    height: 45px
}

#countdown,
.inner i,
svg {
    width: 40px;
    height: 40px
}

.msnpricetableWrap ul li {
    list-style: none;
    display: inline-block;
    vertical-align: TOP;
    padding: 14px 0
}

ul.BP li:first-child,
ul.BP li:nth-child(2),
ul.RP li:first-child,
ul.RP li:nth-child(2) {
    width: 48%
}

ul.SD li:nth-child(2),
ul.SD li:nth-child(3) {
    width: 30%
}

.flowContentData>p {
    padding-bottom: 5px;
    color: #da191e
}

ul.SD li:nth-child(4) {
    width: 21%
}

ul.SD li:nth-child(4) .whitebtn {
    border: 1px solid #d9191e;
    color: #d9191e;
    border-radius: 3px;
    padding: 0;
    height: 25px;
    line-height: 25px;
    width: 25px;
    text-align: center
}

.fixed-row1 .cattext {
    padding: 14px 0;
    display: block
}

.tableContent .cattext {
    padding: 14px 0;
    display: block;
    color: #3a3a3a;
    font-weight: 700
}

.tableContent .form-control {
    border: 1px solid #bfbfbf;
    height: 20px;
    width: 96%;
    padding: 5px;
    font-size: 12px;
    color: #3a3a3a;
    border-radius: 3px
}

.tableContent .form-control:focus {
    border: 1px solid #bfbfbf
}

.CommercialWrapper.updateMSn .CommercialtopWrap {
    border-bottom: 1px solid rgba(112, 112, 112, .3)
}

.CommercialWrapper.updateMSn .topForm .form-control {
    background: no-repeat padding-box #fff;
    box-shadow: 0 2px 2px #0000003d;
    border-radius: 2px;
    border: none;
    width: 100%
}

.CommercialWrapper .resetbtn {
    border: 1px solid #95989a;
    margin-right: 5px
}

.CommercialWrapper .mrpLabelWrap>span {
    display: inline-block;
    font-size: 10px;
    margin-right: 5px;
    vertical-align: top
}

#bankApprovalTable.no-footer,
.CommercialWrapper .mrpLabelWrap .custom-control-label::before {
    top: 0
}

.CommercialWrapper .mrpLabelWrap .custom-switch .custom-control-label::after {
    top: 2px
}

.CommercialWrapper .mrpLabelWrap>div {
    display: inline-block;
    border-bottom: none !important
}

.CommercialWrapper input[type=date].form-control {
    text-transform: lowercase
}

.CommercialWrapper input[type=date]::placeholder {
    color: #00f;
    opacity: 1
}

.CommercialWrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none
}

.CommercialWrapper .msnpricetableWrap span.infoIcon {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #d9191e;
    border-radius: 100%;
    color: #fff;
    right: 10px;
    top: 3px;
    font-size: 8px;
    display: none
}

.bold-600,
.cr-disp-left-inner>div>p:first-child,
.create-pck-box-po,
.disp-ship-left>div>p:first-child,
.disp-ship-right>div>p:first-child,
.fdw-600,
.fn-wei-600,
.jstree-children>li>a>div>p:first-child,
.y-axis {
    font-weight: 600
}

.CommercialWrapper .msnpricetableWrap .inputWrap span.error {
    width: 90%;
    border: 1px solid #d9191e;
    background: #f7cfce;
    padding: 5px;
    box-sizing: border-box;
    display: block;
    top: 21px;
    left: 0;
    color: #d9191e;
    font-size: 10px;
    border-radius: 4px;
    opacity: 0;
    z-index: 3
}

.CommercialWrapper .msnpricetableWrap .inputWrap .inputerror+span.error {
    opacity: 1
}

.CommercialWrapper .msnpricetableWrap .inputerror {
    border: 1px solid #d9191e !important
}

.selectedElementWrap ul li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    margin-right: 10px;
    border: 1px solid #ccc;
    position: relative
}

.p-wh-apply-btn,
.wh-downloadFile {
    border-radius: 2px;
    color: #ffff;
    cursor: pointer
}

.invoiceHistory,
.selectedElementWrap ul li i {
    margin-left: 15px;
    cursor: pointer
}

.remove-file {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: -4px
}

.CommercialWrapper .mapping-upload {
    margin-left: 37px;
    color: #3f51b5
}

.CommercialWrapper .mapping-uploadCross {
    max-width: 13px
}

.CommercialWrapper .mapping-drop-area {
    margin-top: 5px !important
}

.inner .bottom,
.inner .top {
    margin-top: -20px
}

@media (min-width:1400px) {
    .CommercialtopWrap h1 {
        font-size: 20px
    }

    #CommercialConfirmDeleteModal .grayBtn,
    .CommercialWrapper .CommercialtopWrap .topMenu li a,
    .CommercialWrapper .topRightBtn .btn {
        font-size: 18px
    }

    .CommercialWrapper .btn.redBtn,
    .commercialModal .btn.redBtn {
        font-size: 18px;
        padding: 12px 10px
    }

    .CommercialWrapper .badge,
    .CommercialWrapper .bottomContainer .clonetxt,
    .CommercialWrapper .bottomContainer .form-row label,
    .CommercialWrapper .form-control,
    .msnpricetableWrap,
    .msnpricetableWrap h6,
    .tableContent .form-control {
        font-size: 15px
    }

    .commercialModal .modal-body p {
        font-size: 18px !important
    }

    #drop-area .ortxt,
    #drop-area p {
        font-size: 16px
    }

    .CommercialWrapper .close {
        font-size: 15px !important
    }

    .CommercialWrapper .mrpLabelWrap>div label,
    .CommercialWrapper .mrpLabelWrap>span,
    .CommercialWrapper .msnpricetableWrap .inputWrap span.error,
    .CommercialWrapper .msnpricetableWrap span.infoIcon {
        font-size: 12px
    }
}

.catalogSticky {
    position: fixed;
    top: 50px;
    width: calc(100% - 203px);
    z-index: 1
}

.p-wh-right-sec {
    position: relative;
    z-index: 0;
    width: 100%;
    background: #f2f2f2;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    padding: 0 0 0 1px;
    overflow-x: hidden
}

.p-wh-btn-sec {
    float: right;
    padding: 10px
}

.wh-downloadFile {
    background-color: #757575;
    font-size: 12px;
    height: 30px;
    padding: 0 10px;
    margin-left: 5px
}

.wh-downloadImg {
    display: inline-block;
    padding-right: 5px
}

.p-wh-apply-btn {
    height: 34px;
    width: 70px;
    font-size: 12px;
    font-weight: 700;
    background: #da191e;
    opacity: 1;
    border: 1px solid #da191e;
    margin-right: 5px
}

.p-wh-select,
.whSearch {
    background-position: calc(100% - 5px);
    background-repeat: no-repeat
}

.wh-filter-btn-sec {
    margin-top: 21px;
    padding-left: 10px
}

.wh-reset {
    background-color: #ffff;
    color: #da191e
}

.p-wh-top {
    display: flex;
    width: 100%;
    padding: 10px 0;
    background-color: #fff
}

.p-wh-top-right,
.wh-upload-file-sec {
    display: inline-block;
    padding-right: 10px
}

.p-wh-search>h6 {
    padding-bottom: 5px;
    padding-left: 2px
}

.whSearch {
    width: 300px;
    background-image: url("/images/search.png");
    background-size: 20px
}

.p-wh-select {
    width: 160px;
    height: 35px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 5px;
    background-image: url("/images/drop-down-arrow.png");
    background-size: 10px;
    background-color: #ffff;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none
}

.p-debit-select,
.p-payment-select {
    -moz-appearance: none;
    appearance: none
}

#wrapper li {
    list-style: none;
    position: relative;
    min-height: 60px;
    border-left: 1px solid #d9d9d9
}

#wrapper ul {
    padding-left: 0;
    position: relative;
    margin-left: 250px
}

#wrapper ul:before {
    content: "";
    border-top: 2px solid #eee9dc;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 0px
}

.wh-upload-label input[type=file]::-webkit-file-upload-button {
    cursor: pointer
}

.wh-upload-label input[type=file]::-moz-file-upload-button {
    cursor: pointer
}

.wh-upload-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: .5px solid #cfd2e2;
    width: 250px;
    height: 35px;
    border-radius: 4px;
    background-color: #fff
}

.user-bulkupload-label,
.wh-upload-label {
    font-size: 14px;
    color: #e9e9e9;
    width: 180px;
    display: flex;
    justify-content: space-between;
    padding-left: 5px
}

.wh-submit {
    margin-top: 21px;
    margin-right: 0
}

.p-wh-bottom {
    display: flex;
    background-color: #ffff;
    width: 100%
}

.p-wh-table-row {
    background: #fff;
    display: flex;
    font-size: 11px;
    color: #3a3a3a
}

.wh-contactEmail,
.wh-doc-status,
.wh-entityName {
    display: block;
    padding-top: 5px
}

.p-penality-table-row>div>div,
.p-wh-table-row>div>div {
    padding: 0 5px;
    font-size: 12px
}

.wh-contactEmail {
    color: #00f
}

.wh-warehouseNum {
    color: #da191e;
    font-weight: 500
}

.scrollUpImg {
    position: fixed;
    right: 8px;
    bottom: 50px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 30px;
    border: 1px solid grey;
    padding: 0 15px;
    border-radius: 0 5px 5px 0;
    color: #ffff;
    background-color: #000;
    cursor: pointer;
    z-index: 99
}

.whcancelIcon {
    display: inline-block;
    padding-right: 2px
}

.p-payment-search {
    margin-left: 15px;
    margin-bottom: 10px;
    position: relative
}

.filterIcon {
    display: inline-block;
    position: relative;
    top: 8px;
    left: 10px;
    padding: 2px;
    background: #fff;
    cursor: pointer;
    border-radius: 4px
}

.bulkuploadModal,
.filtermodal {
    padding-top: 0;
    z-index: 10;
    overflow: hidden
}

.filtermodalcontent {
    position: relative;
    height: 100%;
    width: 385px;
    margin: 0 0 0 auto;
    border-radius: 20px 0 0 20px;
    padding: 0 !important
}

.addEdit>.p-form-row>.p-form-unit>.p-form-control,
.payment-datepicker {
    height: 45px !important
}

.p-payment-date {
    padding: 10px 30px 0;
    margin-left: auto
}

.p-online-filter-sec>h6,
.p-online-invoice-sec>h6,
.p-payment-date>h6,
.p-supplier-filter-mdl>h6,
.p-tran-modal-date>h6,
.p-weight-edit-pop>h6 {
    font-size: 16px;
    padding-bottom: 10px
}

.p-debit-table-scroll,
.p-online-filter-sec>div,
.p-payment-date>div {
    padding-top: 20px
}

.payment-datepicker {
    border: 1px solid #363636;
    padding: 0 15px !important;
    background-position: calc(100% - 10px) !important;
    background-image: url(/images/calendar.png);
    width: 100%;
    border-radius: 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 12px !important
}

.payment-datepicker::-webkit-input-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.payment-datepicker::-moz-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.payment-datepicker:-ms-input-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.payment-datepicker:-moz-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.payment-filter-header {
    padding: 0 5px;
    font-size: 10px;
    color: #a2a2a2;
    position: relative;
    margin-top: -8px;
    margin-left: 10px;
    background: #ffff;
    top: 10px;
    width: fit-content;
    width: -moz-fit-content
}

.p-payment-select {
    width: 100%;
    height: 45px;
    border-radius: 2px;
    border: 1px solid #363636;
    padding: 0 15px;
    background-image: url(/images/keyboard-down-arrow-button.svg);
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 10px;
    cursor: pointer;
    appearance: none;
    font-size: 12px
}

.p-payment-table-head {
    display: flex;
    color: #363636;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    margin: 2px 15px
}

.p-order-online-table-head>div,
.p-payment-table-head>div,
.p-penality-table-head>div {
    padding: 10px 0 0;
    display: flex;
    align-items: center
}

.p-online-table-row,
.p-payment-table-row {
    background: #fff;
    display: flex;
    font-size: 12px;
    color: #3a3a3a;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    text-align: left;
    opacity: 1;
    margin: 10px 15px
}

.p-payment-table-row>div {
    display: flex;
    padding: 5px 0;
    margin: 5px 0;
    border-right: .5px solid #dedede;
    font-weight: 500
}

.p-notice-row>div:last-child,
.p-online-table-row>div:last-child,
.p-payment-table-row>div:last-child,
.p-penality-table-row>div:last-child,
.score-pop-table>tbody>tr>td:last-child {
    border-right: 0px
}

.p-payment-table-row>div>div {
    padding: 2px 15px;
    align-items: center
}

.invoiceSec {
    display: flex;
    padding-left: 5px;
    color: #d9232d;
    background: url("/images/arrow-down-s-line.svg") no-repeat #ffebeb;
    border-radius: 4px;
    padding-top: 2px !important;
    cursor: pointer;
    width: 150px;
    background-position: calc(100% - 10px);
    text-align: left;
    font-weight: 500
}

.invoiceSec.btnTextIndent {
    background-position: calc(100% - 3px)
}

.invoiceSec.btnTextIndent .lftBtnText {
    width: 85%;
    padding: 3px 0;
    line-height: 12px
}

.invoiceSec>img {
    position: relative;
    top: -1px;
    left: 10px
}

.p-payment-btn-sec {
    position: absolute;
    display: flex;
    bottom: 0;
    border: .5px solid #f5f5f5;
    box-shadow: #0000001a 0 -5px 30px;
    border-radius: 0 0 0 20px;
    width: 30%;
    height: 70px
}

.payment-line,
.payment-table-top {
    border-bottom: .5px solid #cfd2e2
}

.bulkCancel,
.bulkSubmit,
.onlineaccept,
.onlinereject,
.paymentaccept,
.paymentreject {
    height: 45px;
    font-size: 16px;
    cursor: pointer;
    margin: 10px 5px;
    opacity: 1;
    text-transform: uppercase
}

.bulkSubmit,
.onlineaccept,
.paymentaccept {
    border-radius: 8px;
    width: 200px;
    font-weight: 500;
    background: #d9232d !important;
    box-shadow: #00000029 0 2px 10px;
    color: #fff
}

.bulkCancel,
.onlinereject,
.paymentreject {
    width: 140px;
    background: #fff
}

.robotoclass {
    font-family: roboto, sans-serif;
    padding-top: 2px
}

.debitModal {
    padding-top: 150px !important;
    padding-bottom: 0 !important;
    z-index: 10 !important
}

.debitSearch {
    background-image: url("/images/search-2-line.svg");
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 8px;
    width: 215px;
    height: 35px;
    background-color: #fff;
    border: .5px solid #cfd2e2;
    margin-top: 10px;
    margin-right: 20px
}

.debit-datepicker,
.p-debit-select {
    width: 190px;
    background-repeat: no-repeat;
    cursor: pointer
}

.debitSearch::-webkit-input-placeholder {
    font-size: 12px;
    color: #cecece
}

.debitSearch::-moz-placeholder {
    font-size: 12px;
    color: #cecece
}

.debitSearch:-ms-input-placeholder {
    font-size: 12px;
    color: #cecece
}

.debitSearch:-moz-placeholder {
    font-size: 12px;
    color: #cecece
}

.p-payment-head {
    display: block;
    padding: 0 15px 15px;
    font-size: 24px;
    font-weight: 700
}

.paymentLogout {
    margin-right: 20px;
    margin-top: 20px;
    color: #363636
}

.payment-line {
    margin: 19px 15px 0
}

.p-online-order-count,
.p-payment-count {
    font-size: 12px;
    padding: 2px 10px;
    border: .5px solid #cfd2e2;
    border-radius: 8px 0 0 8px;
    border-right: 0px;
    background-color: #fff;
    margin-right: -4px
}

.p-online-order-total-count,
.p-payment-total-count {
    font-size: 12px;
    padding: 2px 10px;
    border: .5px solid #cfd2e2;
    border-radius: 0 8px 8px 0;
    background-color: #fff
}

.payment-table-top {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 10px
}

.debit-datepicker {
    border: 1px solid #363636 !important;
    height: 35px !important;
    padding: 10px !important;
    background-position: calc(100% - 5px) !important;
    background-image: url(/images/calendar.png);
    border-radius: 2px;
    font-size: 12px !important
}

.debit-datepicker::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.debit-datepicker::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.debit-datepicker:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.debit-datepicker:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-debit-select {
    height: 35px;
    border-radius: 2px;
    border: 1px solid #363636;
    padding: 0 10px;
    background-image: url(/images/keyboard-down-arrow-button.svg);
    background-position: calc(100% - 10px);
    background-size: 10px;
    appearance: none;
    font-size: 12px
}

.payment-btn-sec {
    margin-top: 8px
}

.payment-table-pagination {
    display: flex;
    justify-content: space-between;
    margin-top: auto
}

.p-invoice-table-row {
    background: #fff;
    display: flex;
    font-size: 12px;
    color: #3a3a3a;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    text-align: left;
    opacity: 1;
    margin: 10px 0
}

.p-invoice-table-row>div {
    display: flex;
    padding: 5px 0;
    margin: 5px 0;
    font-weight: 400
}

.invoiceId {
    padding: 4px 10px;
    margin-left: 20px;
    background: #ffebeb;
    border-radius: 4px;
    color: #d9232d;
    font-size: 12px;
    font-weight: 500 !important
}

.resetPayment {
    width: 22px;
    margin-bottom: 7px;
    cursor: pointer;
    padding: 2px;
    background: #f7f7f7;
    border-radius: 4px
}

.p-fd-search,
.p-payment-search>.searchInput {
    width: 380px;
    background: url("/images/search-2-line.svg") no-repeat #fff;
    height: 35px
}

.p-invoice-table-head>div {
    padding: 2px 15px;
    display: flex;
    align-items: center
}

.p-payment-search>.searchInput {
    border-radius: 8px;
    border: .5px solid #cfd2e2;
    background-position: calc(100% - 15px)
}

.p-fd-top-header {
    font-size: 24px;
    font-weight: 700
}

.p-fd-right-sec {
    padding: 0 15px 15px;
    padding-top: 10px;
}

.p-fd-search {
    border-radius: 8px;
    border: .5px solid #cfd2e2;
    background-position: calc(100% - 15px);
    padding: 10px;
    margin-top: 10px
}

.p-ticket-ID,
.p-ticket-status {
    width: 65px;
    text-align: center;
    font-size: 12px;
    font-weight: 500
}

.p-fd-search::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-fd-search::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-fd-search:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.p-fd-search:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.fd-line {
    border-bottom: .5px solid #cfd2e2;
    margin: 10px 0
}

.p-fd-bottomsec {
    background: #fff;
    border: .5px solid #cfd2e2;
    border-radius: 8px;
    display: flex;
    padding-top: 10px
}

.p-ticket-status {
    background-color: #fff;
    height: 45px;
    padding: 15px 5px;
    border-radius: 6px 6px 0 0;
    color: #363636;
    border: .5px solid #d9232d;
    text-transform: uppercase
}

.item-close+.p-ticket-right,
.item-close>.inner,
.item-close>.inner i,
.item-close>.inner>.p-ticket-main>.p-ticket-left>.p-ticket-status,
.item-close>.inner>.p-ticket-main>.p-ticket-right {
    border: .5px solid #cfd2e2
}

.p-ticket-ID {
    background-color: #d9232d;
    height: 25px;
    padding: 3px 5px;
    color: #fff;
    border-radius: 0 0 6px 6px
}

.p-ticket-right {
    width: 190px;
    padding: 0 5px;
    margin: 0 0 0 10px;
    border-radius: 8px;
    background: #fff
}

.ticOuter {
    overflow: hidden;
    margin: 10px;
    background-color: #fff7f7;
    cursor: pointer
}

.ticket-is-active,
.ticket-is-active>.ticOuter>.inner i {
    background-color: #f0f0f0
}

.inner i {
    border-radius: 50%;
    background-color: #fff
}

.inner .bottom {
    margin-bottom: -22px
}

.inner .left {
    float: left;
    margin-left: -20px
}

.inner .right {
    float: right;
    margin-right: -20px
}

.content {
    min-height: 80px
}

.p-dotted-line {
    border: 1px dashed #d9232d
}

.item-close>.inner>.p-ticket-main>.p-ticket-left>.p-ticket-ID {
    background-color: #363636;
    color: #fff
}

.item-close.ticOuter {
    background-color: #cecece
}

.item-close>.inner>.p-ticket-main>.p-dotted-line {
    border: 1px dashed #363636
}

.ticket-is-active {
    border-radius: 4px;
    padding: 1px
}

.p-faq-bottomsec {
    display: flex;
    justify-content: space-between;
    height: calc(100vh - 180px)
}

.p-faq-left-sec-data {
    width: 30%;
    background-color: #fff;
    border-radius: 8px
}

.p-faq-right-sec-data {
    width: 69%;
    background-color: #fff;
    border-radius: 8px
}

.coffeeCup {
    width: 24px;
    margin: 0 4px
}

.redDot {
    height: 10px;
    width: 10px;
    background-color: #d9232d;
    border-radius: 50%;
    margin-bottom: 11px;
    margin-left: 1px
}

.tooltip .filterTooltipText {
    visibility: hidden;
    width: 95px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    bottom: 125%;
    left: 50%;
    margin-left: -40px;
    transition: opacity .3s;
    font-size: 12px;
    font-weight: 500
}

.p-header-profile,
.p-ticket-header-profile {
    display: block;
    padding: 2px;
    background: #a2a2a2;
    height: 30px;
    width: 30px;
    border-radius: 4px;
    cursor: pointer
}

.headerTooltip {
    display: inline-block;
    margin: 15px 15px 0 0
}

.headerTooltip .headerTooltiptext {
    visibility: hidden;
    background-color: #000;
    color: #fff;
    border-radius: 8px;
    padding: 5px;
    position: absolute;
    top: -9px;
    right: 110%;
    margin-left: -60px;
    transition: opacity .3s;
    font-size: 10px;
    box-shadow: #00000029 0 1px 1px;
    opacity: .7
}

.mr-0,
.p-drop-table-head,
.ticketHeaderTooltip {
    margin: 0 !important
}

.profileLogout>a>i {
    background-color: #000;
    color: #fff;
    border-radius: 4px
}

.p-profile-right-sec {
    padding: 10px;
    border: 0
}

.p-profile-header-top {
    background: #fff;
    padding: 15px;
    border-radius: 8px
}

.dashboard-prev-btn.active,
.dashboard-prev-btn_adm.active,
.p-profile-per-bar>span.active,
.profile-next-btn {
    background-color: #d9232d
}

.profile-name {
    font-size: 24px;
    color: #3a3a3a;
    font-weight: 700
}

.videoGuide {
    align-items: center;
    display: flex
}

.videoGuide .right-btn-sec {
    justify-content: flex-end;
    display: flex;
    margin: 10px 0 0
}

.profileDetails {
    display: flex;
    border-bottom: 1px solid #cfd2e2;
    padding-bottom: 10px;
    padding-top: 10px
}

.profileDetails>img {
    width: 65px;
    height: 65px;
    padding: 10px 10px 0;
    background: #a2a2a2;
    border-radius: 8px
}

.profileLeft {
    border-right: 1px solid #cfd2e2
}

.p-profile-per-bar>span {
    display: inline-block;
    width: 70px;
    height: 10px;
    background-color: #fff7f7;
    border: .5px solid #d9232d;
    margin: -1px
}

.p-profile-per-bar>span:last-child {
    border-radius: 0 8px 8px 0
}

.p-profile-header-txt {
    font-size: 10px;
    width: 150px;
    padding-bottom: 5px;
    font-weight: 600;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px
}

.profile-activate-btn,
.profile-next-btn,
.profile-rej-btn {
    height: 35px;
    width: 100px;
    border-radius: 8px;
    margin-left: 20px;
    cursor: pointer
}

.profile-next-btn {
    padding: 5px 15px;
    color: #fff;
    background-image: url("/images/arrow-down-line.svg");
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    text-align: start;
    font-weight: 500
}

.profile-rej-btn {
    background-color: #fff;
    color: #363636;
    text-align: center;
    font-weight: 500
}

.profile-activate-btn {
    background-color: #e5ffde;
    color: #078400;
    text-align: center;
    font-weight: 500
}

.info-tab,
.p-busi-txt-wrap>button,
.profile-sideBtn,
.sideBtn {
    text-align: start;
    cursor: pointer
}

.right-btn-sec {
    margin-top: auto;
    margin-left: auto;
    display: flex;
    padding-bottom: 6px
}

.btn-side-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -5px 0 -5px 5px
}

.p-profile-detail-sec,
.penality-btn-sec {
    margin-top: 15px;
    display: flex
}

.info-tab>i,
.p-profile-data,
.p-profile-detail-sec>button>img {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px
}

.info-tab {
    display: flex;
    height: 40px;
    width: calc(23% - 20px);
    border: .5px solid #cfd2e2;
    background-color: #fff;
    border-radius: 8px;
    margin-right: 20px
}

.info-tab.active {
    border: .5px solid #d9232d !important;
    background-color: #ffebeb !important
}

.p-profile-detail-sec>button>img {
    padding: 5px;
    border-radius: 8px;
    display: inline-block
}

.p-profile-status {
    font-size: 10px;
    color: #d9232d
}

.profile-sideBtn,
.sideBtn {
    font-size: 14px;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 15px
}

.tab-content {
    margin-top: 15px;
    min-height: calc(100vh - 290px);
    border: 0;
    border-radius: 0;
    display: flex;
    justify-content: center
}

.tab-content>section>form>.p-form-row>.p-form-unit>.p-form-control,
.tab-content>section>form>.p-form-row>.p-form-unit>.p-multiselect>.ms-choice {
    width: 100%;
    height: 45px;
    border: .5px solid #363636;
    border-radius: 2px;
    padding-right: 40px
}

.p-buis-btm>.p-form-row>.p-form-unit>.p-form-txt {
    z-index: 10
}

.p-buis-btm>.p-form-row>.p-form-unit {
    margin-right: 25px;
    width: calc(23% - 10px) !important
}

.p-buis-btm>.p-form-row {
    width: 50%;
    padding: 25px 0 0 15px;
    border: .5px solid #cfd2e2;
    border-radius: 6px
}

.p-buis-side,
.p-profile-buis-side {
    width: 25%;
    margin-right: 20px
}

.profile-sideBtn {
    width: 230px
}

.addractive,
.docActive {
    border: .5px solid #d9232d;
    background: url("/images/red-arrow-down-line.svg") no-repeat #ffebeb;
    background-position: calc(100% - 10px);
    border-radius: 8px
}

.p-bal-sec {
    display: block;
    width: 100%;
    padding-top: 10px !important
}

.p-add-info-side-sec,
.p-add-side-sec {
    width: 150px;
    padding-right: 20px;
    border-right: .5px solid #cfd2e2
}

.p-address-form>.p-form-unit>.p-form-control {
    width: 260px;
    border: .5px solid #363636;
    height: 45px;
    border-radius: 2px
}

.p-addr-side-heading {
    padding: 5px 10px;
    background: #fff7f7;
    color: #d9232d;
    border-radius: 20px;
    font-size: 12px;
    width: 65px;
    margin-bottom: 20px
}

.progress-bar,
.progress-bar div {
    height: 100px;
    width: 100px
}

.resBtn {
    background: 0 0;
    color: #363636
}

.resend-btn,
.saveBtn {
    background-color: #fff7f7
}

.saveBtn {
    border: .5px solid #d9232d;
    border-radius: 8px;
    color: #da191e
}

.progress-bar div {
    position: absolute;
    border-radius: 50%
}

.progress-bar div span {
    position: absolute;
    font-size: 25px;
    line-height: 75px;
    height: 75px;
    width: 75px;
    left: 12.5px;
    top: 12.5px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff
}

.progress-bar .background {
    background-color: #b3cef6
}

.progress-bar .rotate {
    clip: rect(0 50px 100px 0);
    background-color: #4b86db
}

.progress-bar .left {
    clip: rect(0 50px 100px 0);
    opacity: 1;
    background-color: #b3cef6
}

.progress-bar .right {
    clip: rect(0 50px 100px 0);
    transform: rotate(180deg);
    opacity: 0;
    background-color: #4b86db
}

@keyframes toggle {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.verf-sec {
    width: 380px;
    display: flex;
    border: .5px solid #cfd2e2;
    border-radius: 8px
}

.resend-btn {
    width: 70px;
    border-radius: 4px;
    color: #d9232d;
    font-size: 10px;
    font-weight: 500;
    height: 30px;
    margin: auto 10px auto auto;
    cursor: pointer
}

.email-ver {
    width: 300px;
    line-height: 14px;
    font-size: 10px;
    padding: 10px;
    margin-top: auto;
    margin-bottom: auto
}

.noti-badge,
.p-clause-radio-txt {
    line-height: 21px
}

.c100>span {
    color: #363636 !important;
    font-weight: 500
}

.c100:after {
    background-color: #fff !important
}

.p-busi-txt-wrap>button {
    width: 110px;
    height: 30px;
    border: .5px solid #cfd2e2;
    background-color: #f7f7f7;
    border-radius: 6px;
    font-size: 12px;
    background-image: url("/images/add-fill.svg");
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 35px
}

.p-note-val {
    font-size: 12px;
    display: list-item;
    margin-left: 20px
}

.add-modal-content {
    width: 60% !important;
    height: 87% !important
}

.add-modal {
    padding-top: 60px !important
}

.full-add {
    width: 700px !important
}

.phone-txt {
    left: 85px !important
}

.profile-save-btn {
    width: 100px;
    border-radius: 8px
}

.kysTextChange,
.textChange {
    display: none;
    color: #da191e;
    font-size: 12px
}

.inv-debit-note-col,
.inv-utr-col,
.textChange:hover {
    color: #d9191e
}

.loginOTP,
.loginPassword {
    display: none;
    margin-top: 15px
}

.clock,
.resendKysOtp,
.resendOtp {
    position: relative;
    margin-top: 10px;
    font-size: 12px;
    color: #da191e
}

.emailText.active>.loginEmail,
.loginEmailText.active>.loginEmail {
    padding: 0;
    border: 0;
    background-color: #fff;
    width: 80%
}

.emailText.active>.textChange,
.kys-main-input.active>.kysTextChange,
.loginEmailText.active>.textChange {
    display: block;
    padding-top: 10px;
    width: 20%;
    margin-left: 11px
}

.resendKysOtp,
.resendOtp {
    display: none;
    margin-left: -75px
}

.clock {
    margin-left: -35px;
    display: block
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input:-moz-autofill,
input:-moz-autofill:active,
input:-moz-autofill:focus,
input:-moz-autofill:hover {
    -moz-box-shadow: 0 0 0 30px #fff inset !important
}

input::-moz-inner-spin-button,
input::-moz-outer-spin-button {
    -moz-appearance: none;
    margin: 0
}

.login-header-wrap>.p-pop-head {
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield
}

.profileModal {
    padding-top: 0 !important;
    padding-bottom: 50px;
    overflow: hidden;
    z-index: 1
}

.clearWeightFile,
.close-profile-modal,
.closeCircle,
.crs-pnt,
.dash-image-upload>label>img,
.hopscotch-bubble-close.hopscotch-close,
.moreInfoPacked,
.p-notification-icon,
.performa_div,
.showvideo,
.tcktCtaBottom button,
.tcktFilterModal .head img,
.viewImg,
.viewProduct {
    cursor: pointer
}

.profile-header-sec {
    background: #f2f2f2 !important;
    box-shadow: none !important;
    transition: none !important;
    width: 100% !important;
    padding: 10px 15px 0;
    position: static;
    display: flex;
    justify-content: flex-end;
    height: 50px
}

.addCancelBtn,
.addSaveBtn {
    width: 110px;
    font-size: 14px;
    height: 35px;
    cursor: pointer
}

.addSaveBtn {
    background: #fff7f7;
    color: #da191e;
    border: .5px solid #d9232d;
    border-radius: 8px
}

.editAddFull {
    width: 560px !important
}

.p-pop-box.p-fixed-box {
    width: 600px !important
}

.p-adj-cell>.p-form-txt {
    left: 115px !important
}

.p-admin-buis {
    padding: 0 !important;
    border: none !important
}

.addEdit {
    width: 100%;
    padding: 25px 0 25px 25px
}

.p-doc-busi-label {
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
    margin-top: 5px;
    margin-bottom: 0
}

.emailText>.p-form-txt {
    top: 85px !important;
    left: 30px !important
}

.reasonTxt {
    top: 69px;
    left: 30px
}

.inv-reasonTxt {
    top: 246px;
    left: 492px
}

.activateReject,
.pack-order-sum-header,
.po-invoice-ttl {
    font-size: 16px;
    font-weight: 600
}

.cnt-text,
.forgot-password-sec>.p-pop-head,
.p-msme-sec {
    margin-top: 15px
}

.globalSearchCnt,
.no-data-found-img>img,
.no-search-img,
.p-global-search-inp,
.tab-img {
    margin-left: auto;
    margin-right: auto
}

.bulkUpload {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #363636 !important;
    border: 1px solid #363636;
    margin-right: 10px;
    border-radius: 6px
}

.bulkuploadmodalcontent {
    height: 100%;
    width: 385px;
    margin: 0 0 0 auto;
    border-radius: 20px 0 0 20px;
    padding: 0 !important
}

.upload-header {
    display: flex;
    justify-content: space-between;
    margin: 25px 30px
}

.p-bulk-btn-sec {
    position: absolute;
    display: flex;
    bottom: 0;
    border: .5px solid #f5f5f5;
    box-shadow: #0000001a 0 -5px 30px;
    border-radius: 0 0 0 20px;
    width: 30%
}

.p-bulk-btn-sec .active {
    color: #D9232D;
}

.clauseModalContent,
.tcModalContent {
    box-shadow: #00000029 0 1px 10px;
    border-radius: 8px
}

.templateDownload {
    font-size: 12px;
    color: #363636;
    margin-right: 30px;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto
}

.custom-file-input {
    width: 100%;
    height: 35px;
    margin-top: 15px
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden
}

.custom-file-input::-moz-file-upload-button {
    visibility: hidden
}

.custom-file-input::before {
    content: "Select some files";
    display: inline-block;
    background: #fff !important;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10px;
    width: 310px;
    margin-left: 25px
}

.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9)
}

.user-bulkupload-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #363636;
    width: 325px;
    height: 45px;
    border-radius: 2px;
    background-color: #fff;
    top: 30px;
    left: 20px;
    background-image: url("/images/file-upload-line.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px)
}

.customFileUpload::-webkit-file-upload-button {
    visibility: hidden
}

.user-upload-label {
    font-size: 14px;
    color: #363636;
    width: 180px;
    padding-left: 15px;
    padding-top: 5px
}

.p-sub-menu>.active>.p-sidebar-tile>i {
    content: "";
    color: #fff !important;
    background-color: #d9191e;
    width: 7px;
    height: 7px;
    margin-top: -7px
}

.inv-reset-btn {
    border-radius: 2px;
    height: 30px;
    width: 70px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background: #363636 !important;
    cursor: pointer;
    opacity: 1;
    color: #fff
}

.p-sidebar.active>ul>li>.p-sub-menu>li>a>i,
.p-sidebar.active>ul>li>.p-sub-menu>li>a>span,
.p-sidebar:hover>ul>li>.p-sub-menu>li>a>i,
.p-sidebar:hover>ul>li>.p-sub-menu>li>a>span {
    margin-left: 25px
}

.uploadTicketTxt {
    border: none;
    width: 200px
}

.profileDatePicker {
    background-position: calc(100% - 15px) !important;
    background-image: url(/images/calendar.png);
    background-repeat: no-repeat;
    cursor: pointer
}

.pay-reset-btn {
    height: 35px
}

.attach-text {
    margin-left: 30px;
    color: #a2a2a2;
    font-size: 10px;
    margin-bottom: 5px;
    width: 340px
}

.p-dropdown-val {
    width: 100px;
    padding: 5px 10px;
    background-color: #fff;
    border: .5px solid #c6c6c6;
    border-radius: 2px;
    position: relative;
    margin-left: -65px;
    top: 30px;
    z-index: 2;
    display: none;
    color: #363636
}

.footer-sec>img {
    padding-right: 5px;
    margin-right: 5px;
    border-right: .5px solid #cfd2e2
}

.order-header {
    background-color: #f2f2f2;
    padding-left: 20px;
    font-weight: 600;
    color: #363636;
    z-index: 2;
    font-size: 24px
}

.p-count-pad {
    padding-bottom: 10px
}

.verfic-text {
    margin-left: auto;
    margin-right: auto;
    width: 600px
}

.order-action {
    margin-left: auto;
    margin-right: 118px
}

.brandList {
    height: 200px;
    overflow: auto
}

.p-main-sec.active+.profileModal {
    padding-left: 130px
}

.notificationModal {
    padding-top: 0;
    z-index: 10
}

.notificationModalContent {
    height: 100%;
    width: 390px;
    margin: 0 0 0 auto;
    border-radius: 20px 0 0 20px;
    padding: 0 !important;
    overflow: hidden !important
}

.noti-body-header>img,
.noti-icon {
    height: 20px;
    width: 20px
}

.jewellery-search-sec,
.mdl-search-cnt,
.noti-body-header,
.noti-time-sec,
.profile_videoThumb,
.tcktFilterModal {
    justify-content: space-between;
    display: flex
}

.infoHeader>span,
.noti-header>span {
    font-size: 16px;
    font-weight: 700
}

.noti-content {
    margin: 0 0 0 20px
}

.noti-content>li {
    padding: 10px;
    border: .5px solid #d9232d;
    border-radius: 10px;
    background-color: #fff7f7;
    margin-top: 10px;
    margin-right: 20px
}

.noti-content>li.mark-read {
    border: .5px solid #cfd2e2;
    background: #fff
}

.noti-content>li.mark-read>.noti-list-content>i {
    background-color: #f2f2f2;
    color: #a2a2a2
}

.noti-body-content {
    font-size: 12px;
    margin-top: 5px
}

.noti-list-content>i {
    margin-top: 5px;
    margin-bottom: auto;
    margin-right: 10px;
    padding: 5px;
    background-color: #ffe5e5;
    border-radius: 50%;
    color: #d9232d
}

.noti-icon {
    margin-bottom: auto;
    cursor: pointer
}

.noti-time-sec {
    margin-left: 32px;
    padding: 5px
}

.noti-time {
    font-size: 12px;
    color: #a2a2a2
}

.noti-status {
    font-size: 12px;
    color: #d9232d;
    cursor: pointer
}

.noti-badge,
.tooltip .notiTooltipText {
    color: #fff;
    position: absolute;
    text-align: center;
    font-weight: 500
}

.noti-mark {
    padding: 0 30px;
    display: flex
}

.tooltip .notiTooltipText {
    visibility: hidden;
    width: 350px;
    background-color: #000;
    border-radius: 6px;
    padding: 10px;
    bottom: inherit;
    top: 100%;
    left: 15px;
    transition: opacity .3s;
    font-size: 12px;
    z-index: 2;
    margin-bottom: 20px
}

.header-right-part {
    display: flex;
    width: 100%;
    float: right;
    justify-content: flex-end;
    align-items: center
}

.noti-badge {
    font-size: 10px;
    background: #d9191e;
    height: 21px;
    width: 21px;
    border-radius: 50%;
    top: -12px;
    left: 7px;
    cursor: pointer
}

@media (max-width:1024px) {
    .p-scroll-area {
        padding-left: 0 !important
    }

    .hideSidebar.mousover,
    .p-sidebar,
    .p-sidebar:hover {
        width: 50px
    }

    .p-sidebar.mousover.active+.p-scroll-area {
        padding-left: 50px !important
    }

    .p-sidebar.mousover,
    .p-sidebar.mousover.active {
        width: 180px;
        z-index: 1
    }

    .p-sidebar:hover .p-drop {
        display: none
    }

    .p-sidebar:hover.active .p-drop {
        display: block
    }

    .p-profile-data,
    .p-profile-status,
    .profileLeft>h4 {
        font-size: 10px
    }

    .profile-left>p {
        font-size: 8px
    }

    .info-tab {
        width: calc(25% - 15px);
        margin-right: 15px
    }

    .p-profile-buiss-detail {
        padding: 5px
    }

    .tab-content>section>form>.p-form-row>.p-form-unit>.p-form-control {
        width: 100% !important
    }

    .p-form-row.p-wrap-unit {
        width: 100%;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .p-form-control,
    .p-form-row.p-wrap-unit .p-multiselect,
    .p-multiselect .ms-choice,
    .tab-content>section>form>.p-form-row>.p-form-unit>.p-multiselect>.ms-choice {
        width: 220px
    }

    .verf-sec {
        width: 250px
    }

    .p-pagination>ul {
        justify-content: flex-end
    }

    .p-shift-right {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .inv-datepicker {
        width: 150px;
        font-size: 10px
    }

    .inv-table-pagination {
        margin-top: auto
    }

    .catalog-count {
        margin-right: 5px
    }

    .p-inv-filter-sec>div {
        padding-right: 5px
    }

    .p-supply-details>.dataLabel {
        position: relative
    }

    .filtermodalcontent {
        width: 50%
    }

    .p-ticket-sidebar {
        width: 39% !important
    }

    .p-ticket-right-sec {
        width: 60%;
        margin-left: 40%
    }

    .p-chat-confirm,
    .p-chat-send-btn>button,
    .p-ticket-bottom-right>.custom-file-upload {
        height: 45px
    }

    .p-ticket-chat-top {
        height: calc(100vh - 340px)
    }
}

.noti-content>li:last-child {
    margin-bottom: 15px
}

.ticketClearSearch {
    display: none;
    position: absolute;
    top: 70px;
    left: 360px;
    cursor: pointer
}

.no-number {
    top: calc(100vh - 220px) !important
}

.no-noti-img {
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px
}

.no-noti-txt {
    text-align: center;
    margin-right: 20px
}

.infoHeader {
    padding: 30px 30px 5px;
    display: flex
}

.help-main-sec,
.infoDetails,
.scoreDetails {
    padding: 0 30px
}

.infoDetails>p {
    font-size: 12px;
    line-height: 18px
}

.oosFlagText {
    display: block;
    padding-top: 5px;
    width: calc(100% - 5px);
    height: 30px;
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    background-image: url("../images/drop-down-arrow.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 5px);
    background-size: 10px;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 15px;
    font-size: 12px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.oosTooltip {
    width: calc(100% - 5px) !important
}

.radioBtnGroup {
    position: absolute;
    width: 205px;
    margin-left: -75px;
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    display: block;
    background: #fff;
    z-index: 10;
    margin-bottom: 50px
}

.infoText,
.radioBtnGroup>label {
    position: relative;
    font-size: 10px
}

.oosCancel,
.oosSubmit {
    width: 80px;
    height: 24px;
    margin-bottom: 10px
}

.radioBtnGroup>label {
    padding-left: 25px;
    cursor: pointer;
    display: block;
    margin: 10px;
    padding-bottom: 10px;
    border-bottom: .5px solid #cfd2e2
}

.catagory-radio-wrap>div>label>input:checked+.p-radio-check:after,
.radioBtnGroup>label>input:checked+.p-oos-radio-check:after {
    border-color: #d9232d
}

.p-oos-radio-check:before {
    content: "";
    display: none;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #d9232d
}

.oosCancel {
    background: #fff;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer
}

.oosSubmit {
    background: #ffebeb;
    border: .5px solid #d9232d;
    border-radius: 4px;
    color: #d9232d;
    cursor: pointer
}

.infoImg,
.infoText {
    height: 20px;
    cursor: pointer;
    margin-top: 10px
}

.infoText {
    float: right;
    margin-right: 5px;
    color: #d9232d;
    display: flex
}

.infoImg {
    margin-bottom: 60px;
    width: 20px
}

.p-table-row:last-child {
    margin-bottom: 20px !important
}

.p-table-row:last-child>.radio-btn-sec>.radioBtnGroup {
    height: 260px !important;
    margin-bottom: 0 !important
}

.oosTooltipTxt {
    background-color: #363636 !important;
    font-weight: 500
}

.has-float-label label,
.has-float-label>span {
    z-index: 0 !important
}

.fixed-notification {
    position: fixed;
    width: 375px;
    height: 110px;
    background-color: #ffff;
    z-index: 1;
    border-radius: 20px 0 0
}

.noti-fixed-bottom {
    height: calc(100% - 110px);
    overflow: auto;
    margin-top: 110px
}

.articleWeightRow,
.country-select-div,
.dropship-tbl>div,
.mini-scroll,
.notice-table-v-scroll,
.pack-box-cnt-sec,
.phone-inr-list {
    scrollbar-color: #e6e6e6 grey 2px 3px 6px;
    scrollbar-width: thin
}

.noti-fixed-bottom::-webkit-scrollbar {
    width: 10px
}

.noti-fixed-bottom::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.noti-fixed-bottom::-webkit-scrollbar-thumb {
    background: #949393;
    border-radius: 10px
}

.noti-fixed-bottom::-webkit-scrollbar-thumb:hover {
    background: #949393
}

.noti-content>li:last-child>.noti-list-content>div>.tooltip>.notiTooltipText {
    bottom: 100%;
    top: inherit;
    margin-bottom: 0
}

.noti-content>li:last-child>.noti-list-content>div>.tooltip>.notiTooltipText:after {
    transform: rotate(0);
    top: 100%;
    bottom: initial
}

.tooltip .notiTooltipText::after {
    top: initial;
    bottom: 100%;
    transform: rotate(180deg)
}

.noti-content>li:first-child>.noti-list-content>div>.tooltip>.notiTooltipText {
    bottom: initial !important;
    top: 100% !important
}

.noti-content>li:first-child>.noti-list-content>div>.tooltip>.notiTooltipText:after {
    transform: rotate(180deg) !important;
    bottom: 100% !important;
    top: initial !important
}

.upload_prev {
    margin: 0 10px 10px 30px;
    border: 1px solid #363636;
    min-height: 45px;
    max-height: 95px;
    border-radius: 2px;
    overflow: auto;
    padding: 10px 0;
    width: 340px
}

.damage-claim-sec.active>.addAttachSec>.asn_upload_prev,
.damage-claim-sec.active>.addAttachSec>.upload_prev {
    margin: 0 10px 10px;
    width: calc(100% - 20px)
}

.additionalAttach {
    position: absolute;
    top: 30px;
    right: 45px;
    cursor: pointer
}

.damage-claim-sec.active>.addAttachSec>.additionalAttach {
    right: 33px !important
}

.damageFileName {
    display: flex;
    justify-content: space-between;
    padding-left: 15px;
    font-size: 12px;
    color: #299e22;
    padding-top: 5px;
    width: 305px
}

.damageText,
.p-style-numb {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.damage-claim-sec.active>.addAttachSec>.upload_prev>.damageFileName {
    width: 275px
}

.upload_prev>img {
    float: right;
    margin-right: 15px;
    cursor: pointer
}

.damage-wrapper {
    width: calc(100% - 10px);
    left: 0;
    top: 0
}

.damageTemplate {
    float: right;
    padding-right: 15px;
    margin-top: 20px;
    color: #d9232d;
    font-size: 10px
}

.removeFile {
    padding: 0 10px;
    color: #363636;
    cursor: pointer;
    font-weight: 600;
    height: 18px
}

.damage-moal-content {
    left: 10px;
    top: 30px;
    z-index: 2;
    display: flex
}

.damage-moal-content>span>img {
    height: 16px;
    padding-left: 5px
}

.damage-claim-sec.active {
    border: .5px solid #363636;
    margin: 5px 30px;
    border-radius: 2px
}

.raise-check {
    padding: 5px 30px
}

.damage-content-head {
    top: 2px;
    display: none
}

.additional-modal-content {
    margin-left: 40px
}

.raiseTicketTop {
    height: calc(100% - 70px);
    overflow: auto
}

.cate-brand-submit,
.clause-cancel,
.clause-submit {
    width: 110px;
    height: 35px;
    border-radius: 8px;
    cursor: pointer
}

.p-clause-radio-wrap {
    display: block;
    position: relative
}

.p-clause-radio-wrap>label {
    display: block;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: .5px solid #cfd2e2;
    margin-right: 0
}

.clauseModal {
    padding-top: 30px;
    padding-bottom: 70px
}

.tcModal {
    padding-top: 162px;
    padding-bottom: 70px;
    z-index: 10
}

.clause-cancel {
    background-color: #fff;
    color: #363636
}

.cate-brand-submit,
.clause-submit,
.drop-btn-sec button:last-child {
    background-color: #d9232d;
    color: #fff
}

.clauseModalContent {
    height: 100%;
    width: 45%
}

.tcModalContent {
    height: auto;
    width: 30%
}

.clause-btn-sec {
    float: right;
    margin-top: 15px
}

.ld-clause-heading {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px
}

.ld-clause-select {
    cursor: pointer;
    background-image: url("/images/arrow-down-s-line (1).svg");
    background-position-x: 95%;
    background-position-y: center;
    background-size: 20px;
    background-repeat: no-repeat;
    text-overflow: ellipsis
}

.p-credit-txt>span:first-child {
    display: inline-block;
    width: 160px;
    font-weight: 600
}

.p-credit-txt>span:last-child {
    display: inline-block;
    width: calc(100% - 165px);
    padding-bottom: 10px
}

.ldTooltipTxt {
    background-color: #363636 !important;
    font-weight: 500;
    width: 300px !important;
    z-index: 2;
    font-size: 12px;
    padding: 10px !important;
    text-align: justify !important
}

.damage-claim-sec.active>.attach-text {
    margin-left: 15px;
    width: calc(100% - 20px)
}

form.search-example button {
    height: 43px;
    padding: 10px !important
}

form.search-example input[type=text] {
    padding: 10px 0 10px 35px !important
}

.wd-200 {
    width: 200px !important;
    left: -125% !important
}

@media (max-width:1200px) and (min-width:1024px) {

    .p-form-control,
    .p-multiselect .ms-choice,
    .p-phone select.p-form-control+.p-form-control {
        width: 100%
    }

    .p-multiselect {
        width: 100% !important
    }

    .p-phone select.p-form-control {
        width: 70px
    }

    .p-adj-cell>.p-form-txt {
        left: 100px !important
    }

    .p-form-control.p-otp {
        width: 125px !important;
        background-size: 20px 1px;
        background-position: 23px
    }

    .p-app-wrap>div {
        width: calc(50% - 15px);
        min-height: calc(100vh - 130px)
    }
}

@media (max-width:1024px) {
    .p-form-unit {
        width: calc(50% - 20px);
        margin-right: 20px
    }

    .p-form-control,
    .profile-sideBtn {
        width: 100%
    }

    .p-multiselect,
    .p-multiselect .ms-choice {
        width: 100% !important
    }

    .p-adj-cell>.p-form-txt {
        left: 81px !important
    }

    .p-phone select.p-form-control {
        width: 65px
    }

    .p-app-wrap>div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .p-add-info-side-sec {
        width: 210px
    }

    .p-profile-buis-side {
        width: 150px
    }
}

@media (max-width:767px) {

    .p-top-txt p,
    .p-top-txt p img {
        display: inline-block;
        vertical-align: middle
    }

    .daksh-dropdown {
        display: none;
        position: relative !important;
        border: 0 !important;
        background-color: initial !important
    }

    .p-logo {
        position: relative;
        top: 0;
        left: 0
    }

    .p-new-wrap,
    .second-col-benefits.mobile-show {
        display: block
    }

    .p-new-banner {
        margin-top: 20px
    }

    .p-file-up,
    .p-new-img {
        width: 100%
    }

    .p-top-txt p img {
        width: 8px
    }

    .p-top-txt p {
        margin-left: 9px;
        -webkit-align-items: center;
        align-items: center
    }

    .p-top-txt {
        padding: 8px 0
    }

    .sc-main-row h3 {
        font-size: 22px;
        padding: 20px 10px;
        display: block
    }

    .first-col-benefits h4,
    .second-col-benefits h4 {
        font-size: 16px;
        padding-left: 0;
        display: block
    }

    .first-col-benefits {
        width: 100%;
        margin-bottom: 25px
    }

    .second-col-benefits {
        width: 100%;
        padding: 0;
        margin: 0
    }

    img.sc-benefits-moglix-secnd {
        display: block;
        margin-top: 0;
        width: 100%;
        margin-bottom: 15px
    }

    .second-col-benefits-mobile-show p {
        padding-bottom: 20px;
        padding-right: 10px
    }

    .col-md-3.navigation-bar,
    .first-col-benefits p {
        padding: 0
    }

    .second-col-benefits p {
        padding: 0 10px 15px 0;
        display: block
    }

    .second-col-benefits.mobile-hide {
        display: none
    }

    .second-col-benefits.mobile-show p {
        padding-bottom: 25px
    }

    .p-border.bg-grey {
        margin-top: 10px;
        display: block
    }

    p.p-scale-head {
        padding-top: 12px
    }

    section.p-scale-sec {
        padding-bottom: 30px
    }

    .p-btn {
        min-width: 70px;
        font-size: 10px;
        padding: 7px 10px
    }

    .p-top-logo {
        width: 70px;
        display: inline-flex
    }

    .p-bar-btn {
        display: inline-flex;
        padding-left: 0
    }

    a.p-btn.p-btn-new {
        line-height: 12px
    }

    a.p-btn.new-red {
        width: 130px
    }

    .sc_top-navigation.col-md-9 {
        float: none;
        background-color: #000 !important
    }

    a.navbar-brand {
        padding: 20px 0 0 14px;
        width: 145px !important;
        display: block
    }

    button.navbar-toggle {
        margin: 15px 10px 0 0;
        padding: 0
    }

    ul.nav.navbar-nav {
        margin: 0 -15px;
        padding-bottom: 10px;
        padding-top: 6px
    }

    ul.nav.navbar-nav li a {
        font-size: 16px !important;
        padding: 8px 0;
        text-align: center !important;
        color: #fff
    }

    li.active a {
        font-size: 13px !important
    }

    ul.nav.navbar-nav li.sc_login>a {
        font-size: 14px !important;
        display: block;
        text-align: center !important;
        padding: 5px 0 !important;
        margin: 10px 10px 0;
        border: 1px solid #d9232d
    }

    ul.nav.navbar-nav li.sc_login a {
        font-size: 16px !important;
        border: 1px solid #fff;
        margin: 15px auto 0 !important;
        width: 60%;
        padding: 10px 0 !important
    }

    ul.nav.navbar-nav li.sc_get-started a {
        color: #fff !important;
        font-weight: 500 !important;
        background: #d9232d;
        padding: 10px 0 !important;
        text-align: center !important;
        width: 60%;
        margin: 15px auto 0
    }

    .navbar-header {
        padding: 0 0 6px
    }

    header.blackHeader .navbar.navbar-default ul {
        margin-top: 0
    }

    .p-pop-box.p-fixed-box {
        width: 100% !important
    }

    .p-adj-cell>.p-form-txt {
        left: 80px !important
    }

    .p-phone select.p-form-control+.p-form-control {
        width: calc(100% - 65px)
    }

    .profile-sideBtn {
        width: 100px;
        font-size: 10px
    }

    .p-add-info-side-sec {
        width: 300px
    }

    .p-sidebar,
    .p-sidebar:hover {
        width: 50px
    }

    .p-sidebar:hover>ul>li>.p-sub-menu>li>a>i {
        margin-left: 0
    }

    .p-sidebar.active>ul>li>.p-sub-menu>li>a>i {
        margin-left: 25px
    }
}

@media (max-width:850px) {

    .scorecard-2-1,
    .scorecard-2-2 {
        width: 100% !important
    }

    .scorecard-1-1,
    .scorecard-2 {
        flex-direction: column
    }

    .scorecard-1-2 {
        padding: 15px 0 0 !important
    }

    .scorecard-2-2 {
        margin: 15px 0 0 !important
    }

    .scorecard-2-1 div div {
        width: 50% !important;
        margin-right: 0 !important
    }

    .scorecard-3 {
        overflow-x: auto
    }

    .sticky {
        position: static !important;
        width: auto !important
    }

    .rowTop,
    .tab-content {
        margin-top: 0
    }

    .info-tab {
        width: calc(50% - 20px);
        margin-bottom: 15px
    }

    .p-credit-txt:last-child>span:last-child {
        width: 100%
    }

    .p-profile-header-txt,
    .verf-sec {
        width: 200px;
        font-size: 10px
    }

    .profileDetails {
        flex-wrap: wrap
    }

    .profile-per-div {
        margin-top: 10px;
        padding: 0
    }

    .p-busi-label {
        width: 120px
    }

    .p-busi-type-wrap>.p-busi-label:first-child>.p-checkbox {
        width: 35px !important
    }

    .p-busi-type-wrap>.p-busi-label:last-child>.p-checkbox {
        width: 50px !important
    }

    .p-pop-btn-grp {
        padding-bottom: 10px
    }

    .p-sidebar {
        height: calc(100vh - 50px)
    }
}

@media (max-width:485px) {

    .info-tab,
    .verf-sec {
        margin-bottom: 10px
    }

    .info-tab,
    .p-form-unit {
        margin-right: 0;
        width: 100%
    }

    .p-file-name,
    .profile-sideBtn,
    footer {
        font-size: 10px
    }

    .responsive-side {
        width: 180px !important;
        z-index: 1
    }

    .p-file-name,
    .p-profile-header-txt {
        width: 100%
    }

    .noti-body-content,
    .noti-body-header {
        width: 170px
    }

    .fixed-notification,
    .notificationModalContent {
        width: 300px
    }

    .tooltip .notiTooltipText {
        width: 250px
    }

    .profileLeft {
        width: calc(100% - 75px);
        border-right: 0px
    }

    .profileDetails {
        flex-wrap: wrap
    }

    .profile-per-div {
        padding: 0 !important;
        margin-top: 10px;
        width: 100%
    }

    .addEdit,
    .p-buis-btm>.p-form-row {
        padding-left: 0;
        width: 100%
    }

    .p-addr-sec,
    .p-buis-btm {
        display: block
    }

    .p-add-info-side-sec {
        display: flex;
        border-right: 0px
    }

    .p-address {
        margin-left: 0
    }

    .addractive {
        width: 100px !important
    }

    .sideBtn {
        width: 100px;
        border: .5px solid #cfd2e2;
        margin-right: 10px;
        border-radius: 8px
    }

    .sideBtn.addractive {
        border: 0 !important
    }

    .p-buis-btm>.p-form-row {
        border-left: 0
    }

    .p-profile-buis-side {
        display: flex;
        width: 100%
    }

    .editAddFull {
        width: 100% !important
    }

    .profile-sideBtn {
        width: 50%;
        border: .5px solid #cfd2e2;
        margin-right: 10px;
        border-radius: 8px
    }

    .p-profile-buis-side>.profile-sideBtn>p,
    .sideBtn>p {
        width: calc(100% - 5px)
    }

    .profile-sideBtn.docActive {
        border: 0
    }

    .p-profile-buis-side>.sideBtn {
        width: 50% !important;
        font-size: 10px
    }

    .verf-sec {
        width: calc(100% + 80px);
        margin-top: 25px;
        margin-left: -85px
    }

    .profile-per-div>div:last-child {
        display: block !important;
        margin-top: 40px;
        margin-left: 15px;
        width: calc(100% - 95px)
    }

    .right-btn-sec {
        position: absolute;
        bottom: 40px;
        width: calc(100% - 30px)
    }

    .right-btn-sec.active {
        position: relative;
        bottom: 0;
        width: 100%
    }

    .profile-next-btn,
    .profile-save-btn {
        width: calc(100% - 25px);
        margin-left: 0
    }

    .tab-content {
        padding-bottom: 40px
    }

    .p-admin-up-btn,
    .p-up-btn {
        margin-left: 10px
    }

    .p-credit-txt>span:first-child {
        width: 125px
    }

    .p-credit-txt>span:last-child {
        width: calc(100% - 125px)
    }
}

@media (max-width:385px) {
    .profileLeft {
        width: 150px
    }
}

@media (max-width:550px) {
    .no-number {
        left: 110px !important
    }

    .c100 {
        margin: 0 !important
    }

    .p-add-info-side-sec,
    .p-add-txt {
        width: 100%
    }

    .p-address {
        min-width: calc(100% - 20px)
    }

    .signup-md {
        width: 100% !important
    }

    .successModal {
        width: 80% !important
    }

    .p-chat-send,
    .p-ticket-bottom-right {
        flex-wrap: wrap
    }
}

@media (max-width:650px) {

    .add-info-frm>.p-form-unit,
    .bank-info-frm>.p-form-unit,
    .busi-in-form>.p-form-unit,
    .business-type-div,
    .sign-blk,
    .verfic-text {
        width: 100% !important
    }

    .p-form-unit {
        width: 100%
    }

    .p-form-txt {
        display: inline-block;
        width: initial
    }

    .msme-input-title {
        width: calc(100% - 50px) !important
    }

    .msme-disc-percent-title {
        width: calc(100% - 60px) !important
    }

    .msme-doc-input-title {
        width: calc(100% - 28px) !important
    }
}

.p-online-right-sec {
    font-family: poppins, sans-serif;
    min-height: calc(100vh - 95px)
}

.p-order-online-table-head {
    display: flex;
    color: #363636;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    margin: 5px 15px
}

.p-online-table-row>div {
    display: flex;
    padding: 5px 0;
    margin: 5px 0;
    font-weight: 500
}

.p-online-table-row>div>div {
    padding: 2px 15px;
    margin-top: auto;
    margin-bottom: auto
}

.online-active-head {
    padding: 0 15px 15px;
    font-size: 24px
}

.online-search-sec {
    margin: 0 15px;
    padding: 15px 0 20px;
    border-bottom: .5px solid #e2e2e2;
    position: relative
}

.online-order-msn {
    display: inline;
    font-size: 12px;
    color: #d9232d;
    font-weight: 500
}

.online-order-tax {
    display: inline;
    margin-left: 10px;
    padding: 2px 5px;
    background: #ffebeb;
    border-radius: 4px
}

.online-pickup-date,
.online-split {
    height: 30px;
    cursor: pointer;
    padding-left: 27px;
    padding-right: 5px;
    font-size: 10px
}

.online-split {
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    background: url("/images/git-merge-line.svg") 5px no-repeat;
    margin-right: 10px
}

.online-pickup-date {
    border: .5px solid #d9232d;
    border-radius: 4px;
    background: url("/images/calendar-2-fill.svg") 5px no-repeat #fff7f7;
    color: #d9232d
}

.p-online-filter-sec {
    padding: 10px 15px 0;
    margin-left: auto;
    height: calc(100% - 65px);
    overflow: auto
}

.order-filter-sub-header {
    padding: 0 5px;
    font-size: 10px;
    color: #a2a2a2;
    position: relative;
    margin-top: -8px;
    margin-left: 10px;
    background: #ffff;
    top: 10px;
    width: max-content;
    z-index: 1
}

.p-history-select,
.p-online-select {
    padding: 0 15px;
    text-overflow: "";
    cursor: pointer
}

.p-online-select {
    width: 100%;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #363636;
    background-image: url(/images/keyboard-down-arrow-button.svg);
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 10px;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    font-size: 12px
}

.p-filt-text-bx,
.p-history-select {
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px
}

.invoiceDownload {
    margin-left: 20px;
    cursor: pointer;
    width: 30px
}

table.dataTable thead td,
table.dataTable thead th {
    padding: 0 10px !important;
    text-align: start !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #363636 !important;
    border: none !important;
    background: #fff !important
}

.dataTables_wrapper .ui-toolbar {
    background: #ffff !important;
    border: 1px solid #ffff !important;
    display: flex
}

.table.dataTable thead th div.DataTables_sort_wrapper {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    top: 5px
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: -60px !important;
    height: 35px;
    border: .5px solid #cfd2e2;
    border-radius: 8px
}

.utrTableData.dataTable tbody td,
.utrTableData.dataTable tbody th {
    font-size: 14px !important;
    border-bottom: .5px solid #cfd2e2;
    border-top: .5px solid #cfd2e2
}

table.dataTable tbody td:first-child {
    border-left: .5px solid #cfd2e2;
    border-radius: 10px 0 0 10px
}

table.dataTable tbody td:last-child {
    border-right: .5px solid #cfd2e2;
    border-radius: 0 10px 10px 0
}

.dataTables_filter {
    position: absolute;
    display: none
}

table.dataTable {
    border-collapse: separate !important;
    border-spacing: 0px 10px !important
}

table.dataTable.no-footer {
    border-bottom: 0 !important;
    position: relative;
    top: -30px
}

.p-history-select {
    width: 185px;
    height: 35px;
    border-radius: 2px;
    border: 1px solid #363636;
    background-image: url(/images/keyboard-down-arrow-button.svg);
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 10px;
    appearance: none;
    font-size: 12px
}

.p-online-filter-btn-sec {
    display: flex;
    bottom: 0;
    border: .5px solid #f5f5f5;
    box-shadow: #0000001a 0 -5px 30px;
    border-radius: 0 0 0 20px;
    width: 100%
}

.p-cat-img-mdl>img,
.pic-modal-img {
    box-shadow: #00000029 1px 1px 10px
}

.online-filter-datepicker {
    border: 1px solid #363636 !important;
    height: 45px !important;
    padding: 0 15px !important;
    background-position: calc(100% - 10px) !important;
    background-image: url(/images/calendar.png);
    width: 100%;
    border-radius: 4px;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 12px !important
}

.online-filter-datepicker::-webkit-input-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.online-filter-datepicker::-moz-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.online-filter-datepicker:-ms-input-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.online-filter-datepicker:-moz-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.acceptModal,
.splitModal {
    padding-top: 0 !important;
    z-index: 10 !important;
    overflow: hidden !important
}

.pic-modal-img {
    width: 50px;
    height: 50px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
    border-radius: 5px
}

.onl-order-confirmation,
.onl-order-sugg,
.pickup-change {
    margin-left: 15px;
    margin-right: 15px
}

.modal-brand {
    display: flex;
    padding: 20px 10px 10px;
    border: .5px solid #cfd2e2;
    border-radius: 10px;
    box-shadow: #0000001a 0 1px 4px
}

.modal-brand-head {
    font-size: 10px;
    position: relative;
    top: 12px;
    left: 25px;
    width: max-content;
    padding: 2px 10px;
    border: .5px solid #cfd2e2;
    color: #d9232d;
    border-radius: 10px;
    background-color: #fff7f7
}

.font-10 {
    font-size: 11px
}

.onl-order-confirmation {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px
}

.onl-order-sugg {
    font-size: 10px;
    color: #868686;
    margin-top: 5px
}

.pickup-date-submit {
    background-color: #d9232d;
    box-shadow: #00000029 0 2px 10px;
    border-radius: 8px;
    width: 100%;
    color: #fff;
    margin: 15px 30px 15px 20px
}

.buiss-unit-change {
    border: .5px solid #707070;
    border-radius: 25px;
    width: auto;
    height: 35px;
    background: url("/images/keyboard-down-arrow-button.svg") no-repeat #fff;
    background-position: calc(100% - 10px);
    cursor: pointer;
    padding: 5px 30px 2px 15px;
    margin: 0 20px
}

.buiss-on-change {
    position: relative;
    padding-top: 20px
}

.splitModalContent {
    height: 100%;
    width: 385px;
    margin: 0 0 0 auto;
    border-radius: 20px 0 0 20px;
    padding: 20px !important
}

.splitPart,
.splitPartTop {
    height: 45px;
    padding: 10px 15px
}

.splitPart {
    border: .5px solid #363636;
    border-radius: 6px;
    width: calc(100% - 20px);
    margin: 5px 10px
}

.splitData,
.splitPartTop {
    border: .5px solid #363636
}

.splitPartTop {
    border-radius: 6px;
    width: 100%
}

.splitData {
    min-height: 35px;
    max-height: 210px;
    overflow: auto;
    border-radius: 6px;
    padding: 10px 0
}

.buis-enpr-change {
    position: absolute;
    left: 5px;
    border: .5px solid #363636;
    margin-top: 2px;
    padding: 2px 5px;
    border-radius: 8px;
    background: #ffff;
    cursor: pointer
}

.order-filter-split-header {
    padding: 0 5px;
    font-size: 10px;
    color: #a2a2a2;
    position: relative;
    margin-top: -8px;
    margin-left: 10px;
    background: #ffff;
    top: 15px;
    left: 10px;
    width: max-content
}

.orderTooltip {
    width: calc(100% - 30px)
}

.onl-brand-qty {
    display: flex;
    justify-content: flex-end;
    font-weight: 600;
    padding-top: 10px
}

.onl-invoice-dld,
.online-raise-tkt {
    font-weight: 500;
    margin-right: 10px;
    cursor: pointer
}

.online-raise-tkt {
    border: .5px solid #cfd2e2;
    height: 30px;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    background-color: #fff
}

.online-debit {
    background-color: #fff7f7;
    color: #d9232d
}

.online-btn-icn {
    font-size: 16px;
    position: relative;
    color: #d9232d;
    cursor: pointer
}

.onl-invoice-dld {
    background: url("/images/file-text-line.svg") 5px/18px no-repeat #fff7f7;
    border: .5px solid #d9232d;
    color: #d9232d;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px 10px 5px 30px
}

.invoicePickupdate {
    border: .5px solid #d9232d;
    height: 30px;
    border-radius: 4px;
    cursor: pointer;
    background: url("/images/file-list-2-line.svg") 5px/18px no-repeat #fff7f7;
    padding-left: 27px;
    padding-right: 5px;
    font-size: 10px;
    color: #d9232d
}

.online-invoice-txt {
    height: 40px;
    border: .5px solid #363636;
    border-radius: 4px;
    width: 100%;
    padding: 10px 15px
}

.online-invoice-txt::-webkit-input-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.online-invoice-txt::-moz-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.online-invoice-txt:-ms-input-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.online-invoice-txt:-moz-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.he-40 {
    height: 40px !important
}

.p-online-invoice-sec {
    padding: 10px 15px 0;
    margin-left: auto;
    height: calc(100vh - 70px);
    overflow: auto
}

.online-invoice-wrapper,
.weightCont {
    height: 40px;
    background-position: calc(100% - 10px)
}

.online-invoice-wrapper {
    width: 100%;
    top: 10px;
    left: 0;
    border-radius: 4px !important
}

.invoice-search-head {
    width: 100%;
    padding: 0
}

.inoice-ttl-sec {
    margin-left: 20px;
    margin-top: 15px;
    width: 30%
}

.weightCont {
    position: absolute;
    top: 18px;
    right: 0;
    border: 0;
    cursor: pointer;
    width: 110px;
    padding: 5px 10px;
    border-left: .5px solid #363636;
    background-image: url("../images/drop-down-arrow.png");
    background-size: 10px;
    background-repeat: no-repeat
}

.new-collapsible,
.onli-created-date,
.onli-pick-date {
    display: flex;
    cursor: pointer
}

.onli-created-date>img,
.onli-pick-date>img {
    height: 12px;
    width: 12px;
    margin-top: 2px
}

.abfrlCheckbox,
.manifestCheckbox,
.onlineCheckbox {
    margin-left: 5px
}

.mr-15 {
    margin-left: -5px;
    margin-top: 0 !important
}

.tooltip .onlinetooltiptext {
    visibility: hidden;
    width: 240px;
    background-color: #fff;
    color: #363636;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    top: -25px;
    left: 110%;
    transition: opacity .3s;
    border: .5px solid #cfd2e2;
    z-index: 1
}

.tooltip .onlinetooltiptext::after {
    content: "";
    position: absolute;
    top: 39%;
    right: 100%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent;
    transform: rotate(90deg)
}

.summary-tooltiptext.active,
.tooltip:hover .downloadmanifestTooltip,
.tooltip:hover .onlinetooltiptext {
    visibility: visible
}

.disp-ship-left>div,
.disp-ship-right>div,
.onlinetooltiptext>div {
    display: flex;
    padding: 5px 0
}

.onlinetooltiptext>div>span {
    width: 50%;
    font-size: 10px
}

.manifestBtn {
    width: 175px;
    height: 35px;
    border: .5px solid #cfd2e2;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    display: none
}

.packedAction>div {
    margin: 0 5px
}

.packedTooltipTxt {
    top: -50px !important;
    left: 100% !important
}

.invTooltipTxt {
    background-color: #363636 !important;
    text-align: center !important
}

.downloadManifest {
    width: 160px;
    border-radius: 8px;
    border: .5px solid #cfd2e2;
    background-color: #fff;
    margin-right: 15px;
    margin-bottom: 5px
}

.markShipped {
    width: 110px;
    border-radius: 8px;
    border: .5px solid #d9232d;
    background-color: #fff7f7;
    color: #d9232d
}

.shipModalHeader {
    margin: 25px 15px 10px;
    display: flex;
    justify-content: space-between
}

.shipModalHeader>span {
    padding-top: 5px;
    color: #d9232d
}

.shipment-brand-sec {
    margin: 10px 15px
}

.ship-pic-qty {
    display: flex;
    justify-content: space-between;
    margin-top: 5px
}

.dropshipInvoice {
    background: url("/images/file-text-line.svg") 10px/18px no-repeat #fff7f7;
    border: .5px solid #d9232d;
    color: #d9232d;
    border-radius: 8px;
    padding-right: 10px;
    margin-right: 10px;
    padding-left: 35px
}

.downloadmanifestTooltip,
.tooltip .downloadInvTooltip {
    background-color: #000;
    border-radius: 6px;
    visibility: hidden;
    text-align: center
}

.onlineOrderID {
    color: #d9232d;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 5px
}

.hsn-gr,
.progressbar li.active {
    color: #299e22
}

.packedAction>.tooltip>img {
    height: 18px;
    width: 18px
}

.dwnldShipInvoice {
    position: absolute;
    transform: rotate(180deg);
    color: #da191e;
    margin-left: -25px;
    margin-right: 15px;
    cursor: pointer
}

.box-creation-btn-sec,
.ship-pic-invoice-qty {
    display: flex;
    margin-top: 5px
}

.tooltip .downloadInvTooltip {
    width: 95px;
    color: #fff;
    padding: 5px 0;
    position: absolute;
    bottom: 125%;
    left: 50%;
    margin-left: -67px;
    transition: opacity .3s;
    cursor: pointer
}

.p-order-online-table-head.sticky {
    background-color: #f2f2f2;
    position: fixed;
    top: 0;
    width: calc(100% - 83px);
    z-index: 1;
    margin-top: 0;
    padding: 0 0 5px
}

.p-sidebar.active+.p-scroll-area>.p-online-right-sec>.p-online-table-wrap>.p-edit-table-v-scroll>ul>.p-order-online-table-head.sticky,
.p-sidebar.mousover+.p-scroll-area>.p-online-right-sec>.p-online-table-wrap>.p-edit-table-v-scroll>ul>.p-order-online-table-head.sticky {
    top: 0;
    width: calc(100% - 214px)
}

.pack-help-txt {
    color: #868686;
    font-size: 11px
}

.manifestdwnld {
    display: inline-block;
    position: relative;
    top: 5px;
    left: 5px;
    cursor: pointer
}

.shipp-cont {
    font-size: 12px;
    margin-left: 15px
}

.downloadmanifestTooltip {
    width: 120px;
    color: #fff;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 130%
}

.downloadmanifestTooltip::after,
.summary-tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #000 transparent transparent
}

.singleCreateManifest {
    color: #d9232d;
    padding: 5px 10px;
    border: .5px solid #d9232d;
    background-color: #fff7f7;
    border-radius: 4px;
    margin-right: 10px
}

.invshipimg {
    top: 5px
}

.raise-debit-icn {
    margin-right: 15px
}

.invpoimg {
    top: 4px;
    padding-left: 5px
}

.po-icn-dwnld {
    height: 16px;
    width: 16px
}

.sidebar-logo {
    margin-left: 5px;
    margin-right: 12px
}

.shipmodaltopcontent {
    height: calc(100vh - 75px);
    overflow: auto
}

.manifestBulk {
    height: 35px;
    border: .5px solid #cfd2e2;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    display: none;
    padding: 0 10px
}

.manf-15 {
    margin-left: -5px
}

.p-order-table-head.sticky {
    background-color: #f2f2f2
}

.tooltip .orderfilterTooltipText {
    visibility: hidden;
    width: 95px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    top: 5px;
    left: 165%;
    transition: opacity .3s;
    font-size: 12px;
    font-weight: 500
}

.tooltip .orderfilterTooltipText::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent;
    transform: rotate(90deg)
}

.global-search {
    margin: 0 15px 0 0;
    cursor: pointer
}

.global-modal-content {
    width: 100%;
    height: 100%;
    border: none
}

.globalSearchCnt {
    margin-top: 110px;
    height: 100px
}

.p-global-search-inp {
    background: url("/images/search-2-line.svg") no-repeat #fff;
    width: 420px;
    height: 40px;
    border-radius: 8px;
    border: .5px solid #cfd2e2;
    padding: 0 15px;
    font-size: 12px;
    background-position: calc(100% - 15px);
    display: flex;
    margin-top: 20px
}

.global-tooltip {
    left: initial !important;
    bottom: 0 !important;
    font-size: 12px;
    right: 120%
}

.su-slider,
.usr-slider {
    right: 0;
    bottom: 0;
    cursor: pointer
}

.global-tooltip::after {
    top: 40% !important;
    right: -8%;
    left: initial !important;
    transform: rotate(-90deg)
}

.no-search-img {
    margin-top: 80px
}

.global-search-txt {
    color: #d9232d;
    cursor: pointer;
    margin-top: 5px
}

.invoiceBulkBtn {
    width: 175px;
    height: 35px;
    border: .5px solid #cfd2e2;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    float: right;
    margin-right: 15px;
    display: none
}

.p-user-listing-table,
.p-user-lst-table-row {
    display: flex;
    font-size: 12px;
    text-align: left
}

.p-com-order-count {
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 8px 0 0 8px;
    border: .5px solid #cfd2e2
}

.p-user-listing-table {
    margin: 5px 5px 0;
    color: #fff;
    background-color: #da191e;
    font-weight: 700;
    padding: 5px 0
}

.p-user-lst-table-row {
    margin: 0 5px;
    background: #fff;
    color: #3a3a3a;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    opacity: 1
}

.usr-hist-icn {
    cursor: pointer;
    font-size: 18px;
    color: #da191e;
    font-weight: 500 !important
}

.usercloseBtn {
    font-size: 24px;
    font-weight: 500;
    cursor: pointer;
    margin-top: -3px
}

.usr-hist-modal-content {
    width: 65%;
    height: min-content;
    max-height: 90%
}

.usr-switch {
    position: relative;
    width: 22px;
    height: 12px;
    top: 2px
}

.usr-slider {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e2e2e2;
    -webkit-transition: .4s;
    transition: .4s
}

.usr-slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: -5px;
    bottom: -1px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border: .5px solid #e6e6e6
}

input:focus+.usr-slider {
    box-shadow: 0 0 1px #ffebeb
}

.lst-filter-sec {
    display: flex;
    padding: 10px 0;
    margin-top: 5px;
    margin-right: 15px;
    margin-left: 15px;
    border-bottom: .5px solid #e2e2e2
}

.user-tp-header {
    font-size: 12px;
    font-weight: 700
}

.usr-datepicker {
    background-image: url("/images/calendar.png");
    width: 120px;
    height: 20px;
    border-radius: 2px 0 0 2px;
    border: 0 solid #ccc;
    padding: 0;
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 12px
}

.usr-datepicker::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.usr-datepicker::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.usr-datepicker:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.usr-datepicker:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.usr-filter-indv-sec {
    padding-left: 10px;
    border-left: .5px solid #a2a2a2;
    padding-right: 10px
}

.brdr-none,
.tds-expansion:last-child {
    border: 0
}

.adminFilterSec .p-usr-search-inp::placeholder {
    color: #797979;
    opacity: 1
}

.adminFilterSec .wd-datepicker {
    width: 165px !important;
    font-size: 12px
}

.adminFilterSec .p-financial-select {
    width: 90px;
    font-size: 12px
}

.adminFilterSec .p-usr-sear-sec>.clearSearch {
    left: 430px !important
}

.p-usr-search-inp {
    background-image: url("/images/search-2-line.svg");
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    padding: 10px 30px 10px 10px;
    border-radius: 8px;
    width: 330px;
    height: 35px;
    background-color: #fff;
    border: .5px solid #cfd2e2;
    margin-top: 5px
}

.p-usr-search-inp::-webkit-input-placeholder {
    font-size: 10px;
    color: #cecece
}

.p-usr-search-inp::-moz-placeholder {
    font-size: 10px;
    color: #cecece
}

.p-usr-search-inp:-ms-input-placeholder {
    font-size: 10px;
    color: #cecece
}

.p-usr-search-inp:-moz-placeholder {
    font-size: 10px;
    color: #cecece
}

.p-usr-sear-sec {
    padding-right: 15px;
    position: relative
}

.usr-listing-btn-sec {
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto
}

.usr-listing-rst {
    background: 0 0;
    padding: 5px;
    cursor: pointer;
    font-size: 12px;
    display: block;
    margin-left: auto
}

.usr-listing-apply {
    background-color: #d9232d;
    color: #fff;
    padding: 5px 15px;
    cursor: pointer;
    font-size: 14px;
    display: block;
    border-radius: 4px
}

.usr-reason {
    width: 100%;
    margin-top: 15px;
    border-radius: 4px;
    padding: 10px;
    height: 100px;
    border: 1px solid #363636
}

.disable-modal-content {
    width: 35% !important;
    height: 255px
}

.reason-head {
    position: absolute;
    font-size: 12px;
    top: 7px;
    left: 7px;
    padding: 0 5px;
    background: #fff
}

.list-main-header {
    padding-top: 15px;
    padding-left: 15px
}

.actionBtn,
.all-brands-sec,
.scorecard-2-1 div,
.scorecard-online-2-1 div {
    display: flex;
    flex-wrap: wrap
}

.abfrlAccept,
.abfrlPo,
.usr-supp-id {
    color: #d9232d;
    cursor: pointer
}

.usr-email-id {
    color: #299e22;
    word-wrap: break-word
}

.tooltip .scoreCard-tooltip,
.wd-datepicker {
    width: 200px !important
}

.modal-sbmt {
    margin-left: auto;
    margin-top: 10px
}

.his-tooltipcont,
.hstry-tooltip {
    margin-left: -53px !important
}

.su-switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 24px
}

.su-slider {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ce541d;
    -webkit-transition: .4s;
    transition: .4s
}

.su-slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 5px;
    bottom: 5px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.su-slider {
    background-color: #67a039
}

input:checked+.su-slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px)
}

.su-slider:after {
    content: "NO";
    color: #fff;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 13px;
    left: 29px;
    font-size: 10px
}

.ui-state-default.next,
.ui-state-default.previous {
    background-color: #ffff !important;
    color: #363636 !important
}

input:checked+.su-slider:after {
    content: "YES";
    top: 13px;
    left: 12px
}

.cptTable>tbody>tr>td {
    border: none;
    padding: 5px;
    width: 75%
}

.cpt-modal {
    padding-top: 75px !important;
    z-index: 99
}

.cpt-modal-content {
    width: 30%;
    height: 525px
}

.dummy-modal-content {
    width: 30%;
    height: 337px
}

#acceptModal {
    padding-top: 100px !important;
    z-index: 99
}

.cpt-btn-sec {
    display: flex;
    margin-top: 15px;
    float: right
}

.p-cpt-label {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 5px 5px 5px 0;
    margin-right: 10px;
    border-bottom: .5px solid #cfd2e2
}

.usr-hist-email {
    width: 100%;
    word-wrap: break-word
}

.hstry-modal-tooltip {
    margin-left: -70px;
    width: max-content !important;
    padding: 5px !important
}

.usr-sbmt-btn-sec {
    float: right;
    margin-top: 10px
}

.usr-enable-modal-head {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px
}

.emailverifiedIcn {
    height: 17px;
    padding-left: 5px
}

.p-order-admin-count {
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 8px 0 0 8px;
    border: .5px solid #cfd2e2;
    background: #fff
}

.p-com-total-count,
.p-order-admin-totalcount {
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 0 8px 8px 0;
    border: .5px solid #cfd2e2;
    background-color: #fff
}

.supp-view-hist {
    background: url(/images/24px.svg) no-repeat #fff7f7;
    padding: 5px 30px 5px 10px;
    background-position: calc(100% - 5px);
    border: .5px solid #d9232d;
    color: #d9232d;
    border-radius: 8px;
    cursor: pointer
}

.history-data-header {
    display: flex;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: .5px solid #cfd2e2;
    height: 55px
}

.dataTables_wrapper .dataTables_paginate {
    position: relative;
    top: -55px;
    font-size: 12px
}

.no-payment-history-img {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto
}

.dataTables_wrapper .dataTables_paginate .fg-button {
    padding: 2px 10px !important;
    border: .5px solid #cfd2e2 !important
}

.ui-state-disabled {
    color: #ffff !important;
    background-color: #a2a2a2 !important;
    opacity: 1 !important;
    cursor: text !important
}

.disabledBtn {
    border: none !important;
    cursor: not-allowed !important
}

.ui-state-default.previous {
    border-radius: 8px 0 0 8px !important
}

.ui-state-default {
    font-weight: 500 !important
}

.abfrlAccept,
.abfrlReject {
    width: 85px;
    text-align: center;
    height: 30px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500
}

.ui-state-default.next {
    border-radius: 0 8px 8px 0 !important
}

.utrContent>.dataTables_wrapper>table.dataTable.no-footer {
    top: 0 !important
}

.abfrlReject {
    background-color: #f2f2f2;
    color: #363636;
    margin-right: 10px;
    cursor: pointer
}

.abfrlAccept {
    background-color: #fff7f7;
    border: .5px solid #d9232d
}

.asn-bottom-sec {
    height: calc(100% - 210px)
}

.asn-no-data>img {
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px
}

.asn-po-header {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 15px 0
}

.fin-text {
    border: .5px solid #9a9a9a;
    border-radius: 4px;
    width: 100%;
    height: 25px;
    padding: 10px;
    font-size: 12px
}

.createAsnBtn {
    border-radius: 8px;
    height: 35px;
    width: 115px;
    color: #fff;
    background-color: #d9232d;
    margin: 10px 15px;
    cursor: pointer
}

.asn-po-detail-top {
    background: #fff;
    margin: 15px;
    padding-bottom: 10px;
    border-radius: 8px
}

.asn-search-sec {
    margin: 0 15px
}

.transportBtn {
    border: 0;
    color: #d9232d;
    background-color: #fff;
    margin: 10px 15px;
    cursor: pointer;
    background-image: url("/images/red-arrow-down-line.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 40px
}

.asn-no-data,
.packbox-bottom-sec {
    background: #fff;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px
}

.transporterDetails {
    font-size: 12px;
    text-align: end;
    width: 100%;
    font-weight: 500
}

.asn-tran-text {
    border: 1px solid #363636 !important;
    min-height: 45px !important;
    padding: 15px !important;
    width: 100%;
    border-radius: 4px;
    font-size: 12px !important
}

.create-pck-box-po,
.exp-pack-lst,
.pck-box-po {
    cursor: pointer;
    font-size: 14px;
    color: #d9232d
}

.asn-tran-text::-webkit-input-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.asn-tran-text::-moz-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.asn-tran-text:-ms-input-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.asn-tran-text:-moz-placeholder {
    font-size: 12px;
    color: #a2a2a2
}

.p-transport-detail-mdl {
    height: calc(100vh - 70px);
    overflow: auto;
    padding-bottom: 15px
}

.asn-no-data {
    height: calc(100% - 215px);
    border-radius: 8px
}

.asn-no-data>p {
    text-align: center;
    padding-bottom: 30px
}

button:disabled,
button[disabled] {
    background-color: #f2f2f2 !important;
    color: #363636 !important;
    cursor: not-allowed !important;
    border: 0
}

.packbox-bottom-sec {
    min-height: calc(100vh - 215px);
    border-radius: 8px
}

.exp-pack-lst {
    background-color: #fff4f4;
    padding: 5px 15px;
    border-radius: 8px;
    font-weight: 500;
    height: 35px
}

.packbox-bottom-sec>span:first-child {
    font-weight: 600;
    font-size: 12px
}

.pck-box-po {
    font-weight: 600;
    margin-top: 4px;
    margin-left: 10px
}

.po-shipment,
.purchase-shipment {
    font-weight: 500;
    padding-top: 10px
}

.createTab {
    display: flex;
    flex-wrap: wrap;
    padding: 5px
}

.pack-box-cnt-sec {
    background-color: #fff;
    padding: 15px;
    margin: 10px;
    border-radius: 8px;
    border: .5px solid #cfd2e2;
    overflow: auto
}

.createDispatchBtn,
.lspBtn {
    background-color: #d9232d;
    color: #fff;
    height: 35px;
    cursor: pointer
}

.pack-box-cnt-sec::-webkit-scrollbar {
    width: 10px
}

.pack-box-cnt-sec::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.pack-box-cnt-sec::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.pack-box-cnt-sec::-webkit-scrollbar-thumb:hover {
    background: grey
}

.pack-box-cnt-sec::-moz-scrollbar {
    width: 10px
}

.pack-box-cnt-sec::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.pack-box-cnt-sec::-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.pack-box-cnt-sec::-moz-scrollbar-thumb:hover {
    background: grey
}

.pack-box-cnt-sec:-moz-scrollbar {
    width: 10px
}

.pack-box-cnt-sec:-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.pack-box-cnt-sec:-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.pack-box-cnt-sec:-moz-scrollbar-thumb:hover {
    background: grey
}

.createDispatchBtn {
    border-radius: 8px;
    padding: 5px 10px;
    margin-top: 15px;
    font-size: 13px
}

.lspBtn {
    display: inline-block;
    text-align: center;
    margin: 15px auto auto;
    border-radius: 8px;
    padding: 5px 15px
}

.createShipment-sec {
    margin: 15px;
    border-radius: 8px;
    display: flex
}

.create-dis-top {
    display: flex;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 8px
}

.po-shipment {
    font-size: 14px;
    color: #d9232d;
    cursor: pointer;
    margin-left: 10px
}

.eway-bulkupload-wrapper,
.ship-bulkupload-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: .5px solid #d9232d;
    background-color: #fff;
    background-image: url("/images/upload-2-line.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
    height: 35px;
    left: -15px;
    border-radius: 8px
}

.p-pono-sec,
.pack-cnt-text {
    border-radius: 4px
}

.po-asn-top-head {
    display: none;
    padding: 0 25px
}

.p-pono-sec {
    font-size: 12px;
    color: #d9232d;
    padding: 5px 10px;
    background-color: #ffefef;
    margin-left: 5px;
    cursor: pointer;
    font-weight: 500
}

.pack-bottom-sum-sec {
    display: flex;
    padding-bottom: 5px
}

.pack-bottom-sum-sec>span:first-child {
    font-size: 12px;
    font-weight: 600;
    width: 50%
}

.pack-table-row {
    margin: 5px 15px
}

.packpickcnt {
    border-radius: 8px;
    height: max-content;
    width: 30%;
    box-shadow: #00000029 0 1px 10px;
    max-height: 350px
}

.packpicmodal {
    padding-top: 135px;
    padding-bottom: 70px
}

.pack-bulkupload-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: .5px solid #363636;
    background-color: #fff;
    height: 50px;
    left: -10px;
    border-radius: 8px;
    top: 10px;
    width: 450px;
    background-image: url("/images/file-line.svg");
    background-position: 10px
}

.downloadPackExcel {
    color: #d9232d;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px
}

.dwnl-excell-frmt {
    display: inline-block;
    position: relative;
    top: 5px;
    left: 10px
}

.pack-edit-box-sec {
    padding: 10px;
    min-height: 230px;
    border: .5px solid #cfd2e2;
    border-radius: 8px;
    margin-top: 10px
}

.pack-edit-top-head {
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px
}

.pack-edit-bottom-head {
    font-size: 14px;
    margin-top: 5px
}

.editArticleWeight {
    color: #d9232d;
    font-size: 14px;
    margin-left: auto;
    margin-right: 10px;
    cursor: pointer;
    margin-top: 20px;
    font-weight: 500
}

.carton-lbl-btn,
.pack-create-bx,
.submit-pack-create-bx {
    background-color: #d9232d;
    padding: 5px 15px;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500
}

.dis-shipm-invoice,
.mass-up-btn {
    text-align: center;
    color: #d9232d;
    cursor: pointer
}

.creationEditIcn {
    font-size: 28px;
    margin-left: auto;
    cursor: pointer
}

.sep-seach-bar {
    padding-bottom: 0 !important;
    border-bottom: 0 !important
}

.mass-up-btn {
    border: 1px solid #d9232d;
    background-color: #fff4f4;
    border-radius: 8px;
    height: 35px;
    width: 125px;
    position: absolute;
    margin-top: 17px;
    margin-left: 315px
}

.abfrlTooltipText {
    background-color: #363636 !important;
    font-weight: 500;
    width: 300px !important;
    z-index: 2;
    font-size: 12px;
    padding: 10px !important;
    left: -20% !important
}

.abfrl-desc-ellip {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.close-eway-invoice,
.close-upload-invoice {
    z-index: 10;
    margin-right: 8px;
    cursor: pointer;
    display: none
}

.abfrl-other-reason {
    width: 100%;
    height: 70px;
    border-radius: 4px;
    line-height: 14px;
    padding: 10px;
    border: 1px solid #363636
}

.p-weight-edit-pop {
    padding: 10px 20px 0;
    margin-left: auto;
    height: calc(100% - 65px);
    overflow: auto
}

.p-weight-edit-pop>div {
    padding-top: 10px;
    margin-bottom: 0
}

.weightArticleEdit {
    width: 330px !important
}

.weight-up-btn {
    margin-left: 210px !important;
    width: 110px !important
}

.articleWeightRow {
    height: 260px;
    border: .5px solid #363636;
    border-radius: 8px;
    padding: 10px 15px;
    overflow: auto
}

.create-dis-left,
.create-dis-right {
    border-radius: 8px;
    min-height: calc(100vh - 235px)
}

.articleWeightRow::-webkit-scrollbar {
    width: 5px
}

.articleWeightRow::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.articleWeightRow::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.articleWeightRow::-webkit-scrollbar-thumb:hover {
    background: grey
}

.articleWeightRow::-moz-scrollbar {
    width: 5px
}

.articleWeightRow::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.articleWeightRow::-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.articleWeightRow::-moz-scrollbar-thumb:hover {
    background: grey
}

.articleWeightRow:-moz-scrollbar {
    width: 5px
}

.articleWeightRow:-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.articleWeightRow:-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.articleWeightRow:-moz-scrollbar-thumb:hover {
    background: grey
}

.articleWeightTable>li {
    display: flex;
    font-size: 12px;
    font-weight: 600
}

.articleWeightRow>li {
    display: flex;
    font-size: 12px
}

.articleWeightRow>li>div>div {
    height: 25px;
    display: flex;
    margin-right: 10px;
    margin-bottom: 5px;
    background-color: #f2f2f2;
    border-radius: 4px
}

.articleWeightRow>li>div>div>span {
    margin: auto
}

.create-dis-left {
    background-color: #fff;
    margin-right: 20px
}

.create-dis-right {
    background-color: #fff;
    padding-bottom: 15px
}

.cr-disp-left-head {
    padding: 15px;
    font-size: 16px;
    font-weight: 600
}

.cr-disp-left-inner {
    margin: 15px;
    padding: 10px;
    border: .5px solid #cfd2e2;
    border-radius: 8px
}

.cr-disp-left-inner>div {
    width: 100%;
    display: flex;
    margin-bottom: 10px
}

.cr-disp-left-inner>div>p,
.disp-ship-left>div>p,
.disp-ship-right>div>p {
    width: 50%;
    font-size: 12px
}

.fin-date {
    border: .5px solid #9a9a9a;
    border-radius: 4px;
    width: 100%;
    height: 25px;
    padding: 10px 5px 10px 10px;
    background-image: url(/images/calendar.png);
    background-position: calc(100% - 5px);
    cursor: pointer;
    font-size: 12px !important
}

.dispShipment-sec {
    background-color: #fff;
    margin: 15px;
    border-radius: 8px;
    padding: 15px;
    min-height: calc(100vh - 235px)
}

.disp-det-header {
    display: flex;
    justify-content: space-between;
    padding: 15px 15px 10px
}

.dis-shipm-invoice {
    border: .5px solid #d9232d;
    border-radius: 6px;
    background-color: #fff4f4;
    width: 215px;
    height: 35px;
    background-image: url("/images/file-list-2-line.svg");
    background-position: 15px;
    font-size: 15px;
    font-weight: 500;
    padding-left: 35px
}

.dispDetailHea {
    font-size: 16px;
    font-weight: 600;
    padding: 10px
}

.dispShipment-sec-btm {
    display: flex;
    height: calc(100% - 85px)
}

.dispShipment-sec-btm>div {
    margin: 0 15px;
    padding: 10px;
    border: .5px solid #cfd2e2;
    border-radius: 8px;
    width: 30%
}

.pack-summ-table {
    align-items: flex-end
}

.pc-sum-hu-num {
    color: #007ad3;
    cursor: pointer
}

.p-tran-modal-date {
    padding: 10px 30px 15px;
    margin-left: auto
}

.lbh-first {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 75px;
    height: 25px;
    border: 0;
    padding: 5px 10px;
    background-color: #f2f2f2;
    border-radius: 4px;
    background-image: url(/images/keyboard-down-arrow-button.svg);
    background-position: calc(100% - 10px);
    background-size: 10px;
    cursor: pointer
}

.lbh-second {
    left: 110px
}

.lbh-third {
    left: 205px
}

.penality-disc-sec {
    font-size: 12px;
    margin-top: 5px;
    padding-bottom: 30px
}

.penality-shor-desc {
    margin-top: 25px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px
}

.p-penality-table-head {
    display: flex;
    color: #363636;
    font-size: 12px;
    font-weight: 700;
    text-align: left
}

.p-penality-table-head>div>span {
    padding: 0 0 2px 10px;
    border-right: none
}

.p-penality-table-row {
    background: #fff;
    display: flex;
    font-size: 11px;
    color: #3a3a3a;
    border: .5px solid #707070;
    border-bottom: 0
}

.clearFile,
.clearFilter,
.clearWeightFile {
    display: none;
    position: relative;
    top: -1px;
    vertical-align: middle
}

.p-penality-table-row:first-child {
    border-radius: 4px 4px 0 0;
    margin-top: 0 !important
}

.p-penality-table-row:last-child {
    border-bottom: .5px solid #707070;
    border-radius: 0 0 4px 4px
}

.penality-btn-sec>.agree-btn,
.penality-btn-sec>.disagree-btn {
    width: 115px;
    height: 35px;
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.p-penality-table-row>div {
    display: flex;
    padding: 5px 0 5px 5px;
    border-right: .5px solid #707070
}

.penality-btn-sec>.disagree-btn {
    background-color: #f2f2f2;
    color: #363636;
    margin-left: auto
}

.penality-btn-sec>.agree-btn {
    background-color: #d9232d;
    color: #fff;
    margin-left: 20px
}

.penality-modal-cnt {
    border-radius: 10px;
    height: max-content !important;
    max-height: calc(100% - 25px) !important
}

.p-other-rsn-txt {
    border: .5px solid #363636;
    height: 45px;
    width: 100%;
    padding: 15px;
    font-size: 12px;
    border-radius: 4px
}

.styleNoTooltipTxt {
    background-color: #363636 !important;
    font-weight: 500;
    width: 250px !important;
    z-index: 2;
    font-size: 12px;
    padding: 10px !important;
    left: -25% !important
}

.clearFile,
.clearFilter {
    left: -35px;
    cursor: pointer
}

.modal-content.asnSuccessModalContent {
    padding: 25px 15px;
    width: 25%;
    height: 170px;
    border-radius: 10px
}

.create-succ-modal-content {
    font-size: 14px;
    padding: 10px
}

.asn-succ-modal-buttons {
    padding: 10px;
    text-align: center
}

.iframewrap,
.iframewrappdf {
    padding-bottom: 56.25%;
    padding-top: 25px
}

.asn-cancel-btn {
    width: 110px;
    height: 35px;
    border-radius: 8px;
    background-color: #f2f2f2;
    color: #363636;
    cursor: pointer;
    margin-right: 15px
}

.kys-email-popup {
    width: 25%;
    height: max-content
}

.kys-input-sec {
    margin-top: 15px;
    margin-right: 0
}

.kys-email-update-img,
.kys-phone-update-img,
.kys-tan-update-img {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer
}

.clock-cnt,
.resend-cnt {
    height: 100%;
    margin-top: auto;
    margin-bottom: auto
}

.kys-main-input.active>.upd-email-cnt {
    padding: 0;
    border: 0;
    background-color: #fff;
    width: 80% !important;
    height: auto
}

.online-serial {
    position: relative;
    top: 7px;
    height: 24px
}

.splitPart::-webkit-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.splitPart::-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.splitPart:-ms-input-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.splitPart:-moz-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .4
}

.view-online-serial {
    width: 20px;
    position: relative;
    top: 6px
}

.stc-text {
    margin: 22px 20px 15px 5px;
    font-size: 12px;
    display: inline
}

.credlix-icn {
    width: 16px;
    height: 14px;
    margin-left: -31px;
    position: absolute;
    top: 14px;
    margin-right: 16px
}

.bank-info-frm>.p-form-unit,
.p-buise-sec>.p-form-unit,
.p-milti-unit>.p-form-unit,
.sign-blk {
    width: calc(50% - 20px)
}

.busi-in-form>.p-form-unit {
    width: calc(20% - 20px);
    margin-right: 20px !important
}

.add-info-frm>.p-form-unit {
    width: calc(50% - 30px);
    margin-right: 30px
}

.msme-frm-cnt {
    width: 20%
}

.en-bx-txt>.p-form-row>.p-form-unit {
    width: calc(100% - 5px)
}

.dr-del-icn {
    width: 20px;
    position: relative;
    top: -1px;
    cursor: pointer
}

.p-txt-rsn {
    border: .5px solid #363636;
    border-radius: 4px;
    height: 45px
}

.p-rms-txt {
    border: .5px solid #363636;
    border-radius: 4px
}

.dwnlcnt,
.dwnlpod {
    transform: rotate(180deg);
    color: #da191e;
    font-size: 18px
}

.podTooltip {
    width: 135px !important;
    left: 30% !important;
    bottom: 135% !important
}

.podDnlTooltip {
    left: 20% !important;
    bottom: 102% !important
}

.iframewrappdf {
    height: 90%;
    position: relative
}

.iframewrap iframe,
.iframewrappdf iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dnldModal>.modal-content {
    width: 70% !important;
    height: 100% !important
}

.overlayback,
.overlaybackpdf {
    background: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 798;
    display: none
}

.popvideo,
.popvideopdf {
    position: fixed;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
    background: #000;
    right: 0
}

.popvideo {
    width: 600px;
    height: auto;
    top: 50%
}

.popvideopdf {
    width: 70%;
    height: 95%;
    top: 50%
}

.p-notice-row,
.switch-lng {
    background: #fff;
    display: flex
}

.iframewrap {
    height: 0;
    position: relative
}

.popvideo .close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border: 0;
    font-size: 25px;
    width: 25px;
    color: #3c3c3c
}

.sw-main-sec {
    display: flex;
    width: 70%
}

.switch-lng {
    border-radius: 30px;
    padding: 2px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px
}

.sw-lng {
    width: 85px;
    font-size: 12px;
    height: 24px;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.switch-lng>.sw-lng.active {
    background: #363636;
    color: #fff;
    border-radius: 30px;
    transition: .4s
}

.vd-sec {
    position: relative;
    width: 70%
}

.sc_first-testimonial-img {
    width: 400px;
    border: 1px solid #e1e1e1;
    border-radius: 10px
}

.showvideo>span {
    position: absolute;
    top: 50%;
    left: 50%
}

.notice-modal {
    padding-top: 50px !important
}

.notice-modal>.modal-content {
    padding: 20px;
    height: 90% !important;
    width: 60% !important;
    border-radius: 16px !important;
    overflow: hidden !important
}

.notice-head {
    display: flex;
    margin-bottom: 25px
}

.notice-head>span {
    font-size: 16px;
    font-weight: 600;
    margin-left: auto
}

.notice-txt {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500
}

.notice-table-head>div,
.p-doc-table>div {
    padding: 0 5px !important
}

.p-notice-row {
    font-size: 11px;
    color: #3a3a3a;
    border: 1px solid #707070;
    border-bottom: 0
}

.p-notice-row:first-child {
    border-radius: 8px 8px 0 0;
    margin-top: 0
}

.p-notice-row:last-child {
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid #707070
}

.p-notice-row>div {
    display: block;
    border-right: 1px solid #a2a2a2;
    padding: 10px 0 10px 15px
}

.hp-supp-lnk {
    color: #1f5bff
}

.txt-bx-content>div {
    border-bottom: 1px solid #a2a2a2;
    padding: 5px 0 5px 15px
}

.catagory-radio-wrap>.tooltip,
.daksh-dropdown>li:last-child,
.demo-modal-content>a:last-child,
.tds-div>div:last-child>.new-itr-cnt,
.tds-div>div:last-child>.new-itr-txt,
.txt-bx-content>div:last-child {
    border-bottom: 0
}

.notice-table-v-scroll {
    height: calc(100% - 100px);
    overflow: auto
}

.notice-table-v-scroll::-webkit-scrollbar {
    width: 5px
}

.notice-table-v-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.notice-table-v-scroll::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.notice-table-v-scroll::-webkit-scrollbar-thumb:hover {
    background: grey
}

.notice-table-v-scroll::-moz-scrollbar {
    width: 5px
}

.notice-table-v-scroll::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.notice-table-v-scroll::-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.notice-table-v-scroll::-moz-scrollbar-thumb:hover {
    background: grey
}

.notice-table-v-scroll:-moz-scrollbar {
    width: 5px
}

.notice-table-v-scroll:-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.notice-table-v-scroll:-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.notice-table-v-scroll:-moz-scrollbar-thumb:hover {
    background: grey
}

.header-animateText {
    margin: 0 15px 0 0;
    position: relative;
    padding: 2px 5px
}

.wtc-vdo {
    display: flex;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    height: max-content;
    color: #398bea;
    cursor: pointer
}

.wtc-vdo>img {
    margin-left: 2px
}

.notice-hd-icn {
    height: 25px;
    width: 27px;
    cursor: pointer;
    margin: 0 15px 0 0
}

.p-usr-sear-sec>.clearSearch {
    top: 14px !important;
    left: 300px !important
}

.catalogNewField {
    margin: 20px 0 0
}

.catalogNewField .innerBlk .p-search-wrap,
.profile_videoThumb .bottom .video_txt {
    margin: 0 10px 0 0
}

.catalogNewField .srchTopLbl {
    font-size: 12px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between
}

.catalogNewField .srchTopLbl .rht,
.catalogNewField .topLblTxt .addNew {
    color: #007fff;
    font-weight: 500;
    cursor: pointer
}

.catalogNewField .customSelect {
    width: 140px;
    flex-direction: column;
    display: flex;
    font-size: 12px;
    margin: 0 10px 0 0;
    position: relative
}

.catalogNewField .customSelect.smlSelect {
    width: 130px
}

.catalogNewField .customSelect .topLblTxt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px
}

.catalogNewField .customSelect .selectField {
    border: .5px solid #cfd2e2;
    border-radius: 6px;
    height: 34px;
    padding: 5px 10px;
    background-image: url(/images/keyboard-down-arrow-button.svg);
    background-position: calc(100% - 5px);
    background-repeat: no-repeat;
    background-size: 10px;
    cursor: pointer;
    background-color: #fff
}

.catalogNewField .customSelect .selectOption.sml {
    width: 165px;
    padding: 0 5px
}

.catalogNewField .selectOption li {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    border-bottom: 1px solid #dbdbdb;
    color: #363636;
    padding: 10px
}

.catalogNewField .customSelect .selectOption {
    box-shadow: 0 3px 6px #00000029;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    background-color: #fff;
    width: 270px;
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 99
}

.p-search-wrap>.clearSearch {
    top: 10px !important
}

.p-payment-search>.clearSearch {
    top: 11px !important
}

.tab-content .newBusinessSec {
    padding: 30px 0 0;
    width: 65%
}

.tab-content .promotorsidSec {
    width: 35%;
    display: flex;
    flex-direction: column;
    padding: 0 0 0 20px;
    margin: 15px 0 0;
    border-left: 1px solid #ccc
}

.promotorsidSec .saveAndSubmitCta {
    background: #db232e;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px 20px;
    width: auto;
    align-self: flex-end;
    color: #fff;
    cursor: pointer
}

.promotorsidSec .dynamicFieldsBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 0
}

.cat-brand-modal-header>span,
.hid-txt,
.promotorsidSec .dynamicFieldsBtn .lft,
.reach-txt {
    font-size: 14px;
    font-weight: 600
}

.promotorsidSec .dynamicFieldsBtn .rht {
    font-size: 12px;
    font-weight: 600;
    color: #d9232d;
    cursor: pointer
}

.newBusinessSec .p-form-row {
    padding: 0;
    border-radius: 0;
    border: none
}

.promotorsidSec .fieldsTStructure {
    padding: 20px 0 0
}

.promotorsidSec .tHeadRow {
    display: flex;
    background: no-repeat padding-box #f0f0f0;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    color: #3a3a3a;
    padding: 7px 10px;
    font-weight: 500
}

.promotorsidSec .tBodyRow {
    border: 1px solid #e0e0e0;
    border-radius: 0 0 4px 4px;
    margin: 2px 0 0;
    padding: 0
}

.promotorsidSec .innerRowCell {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px;
    font-size: 14px;
    color: #3a3a3a;
    align-items: center
}

.promotorsidSec .col_85 {
    width: 85%;
    align-items: center;
    display: flex
}

.innerRowCell .fileInputField {
    background: no-repeat padding-box #fff;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    width: 160px;
    height: auto
}

.innerRowCell .fileInputField .fileName {
    color: #3a3a3a;
    font-size: 14px;
    white-space: nowrap;
    width: 85px;
    text-overflow: ellipsis;
    overflow: hidden
}

.innerRowCell .fileInputField .downloadIcon {
    margin: 0;
    cursor: pointer
}

.innerRowCell .fileInputField .file-up-btn,
.profile_videoThumb .txtPart .bottom span {
    margin: 0 0 0 5px;
    cursor: pointer
}

.innerRowCell .addDoc {
    color: #ccc;
    font-size: 25px;
    margin: 0 10px
}

.innerRowCell .removeDocRow {
    margin: 0 0 0 10px;
    cursor: pointer
}

.docAuthorizationModal .modal-content {
    width: 555px
}

.docHeaderContent .topTxt {
    font-size: 14px;
    color: #363636;
    display: flex;
    line-height: 23px
}

.docHeaderContent .topTxt strong {
    padding: 0 10px 0 0;
    color: #d9232d;
    font-size: 14px
}

.docAuthorizationModal .p-sign-wrap {
    margin: 20px 0 0 45px;
    width: 85%
}

.docAuthorizationModal .imgDocCta {
    margin: 40px 0 0;
    display: flex;
    justify-content: flex-end
}

.docAuthorizationModal .imgDocCta button {
    font-size: 12px;
    color: #363636;
    background-color: transparent;
    padding: 8px 15px;
    cursor: pointer
}

.docAuthorizationModal .imgDocCta .submit {
    background-color: #d9232d;
    border-radius: 4px;
    color: #fff
}

.docUploadCatelogPage {
    background-color: #f2f2f2;
    padding: 80px 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 105px)
}

.docUploadCpageInner .lft h3 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin: 0
}

.docUploadCpageInner .lft .pReviewImg {
    margin: 15px 0 0;
    width: 60%
}

.docUploadCatelogPage .docUploadCpageInner {
    padding: 0 30px;
    width: 742px;
    background: no-repeat padding-box #fff;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.docUploadCpageInner .lft {
    padding: 20px;
    background: no-repeat padding-box #fff;
    border-radius: 4px;
    width: 55%
}

.docUploadCpageInner .innerPart h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    color: #3c3c3c;
    padding: 37px 0 8px
}

.docUploadCpageInner .innerPart button,
.leftinner button {
    color: #fff;
    width: 100%;
    background: no-repeat padding-box #d9232d;
    border-radius: 4px
}

.docUploadCpageInner .innerPart .headLbl {
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 500
}

.docUploadCpageInner .innerPart img {
    padding: 30px 0 0
}

.docUploadCpageInner .innerPart button {
    height: 50px;
    font-size: 14px;
    margin: 20px 0 0;
    font-weight: 500
}

.docUploadCatelogPage .docUploadCpageInner .rht {
    width: 45%;
    margin: 10px 0 0
}

.docUploadCpageInner .rht h5 {
    font-size: 16px;
    color: #000
}

.docUploadCpageInner .uploadPart p {
    font-size: 12px;
    color: #8d8d8d
}

.rht .seprateSec {
    padding: 10px 0;
    display: flex;
    align-items: center
}

.seprateSec .rhtinner {
    padding: 10px;
    background: no-repeat padding-box #ffead5;
    border-radius: 4px;
    width: 285px
}

.rhtinner .ownCatelog {
    padding: 30px 0 25px 20px;
    display: inline-block;
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 500
}

.leftinner button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    height: 40px;
    padding: 2px 10px;
    cursor: pointer
}

.docUploadCpageInner .block {
    background: no-repeat padding-box #f5f5f5;
    border: 1px dashed #707070;
    border-radius: 4px;
    padding: 15px;
    margin: 10px 0
}

.docUploadCpageInner .addFileName {
    display: flex;
    color: #264fff;
    font-size: 14px
}

.docUploadCpageInner .addFileName img {
    width: 18px;
    margin: 0 0 0 5px;
    cursor: pointer
}

.docUploadCpageInner .uploadLastSec {
    margin: 30px 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.docUploadCpageInner .uploadLastSec .uploadFileIcon {
    width: 35%;
    margin: 0 0 20px
}

.uploadLastSec button {
    border-radius: 4px;
    font-size: 14px;
    padding: 10px;
    width: 85%
}

.uploadLastSec .selectFile {
    background: no-repeat padding-box #3c3c3c;
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 7px 25px
}

.uploadLastSec .selectFile img {
    padding: 0 10px 0 0;
    width: 15px
}

.uploadLastSec .uploadNow {
    background: no-repeat padding-box #d9232d;
    color: #fff;
    margin: 15px 0 0;
    cursor: pointer
}

.recievedCatalogWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px 40px;
    height: calc(100vh - 120px)
}

.recievedCatalogWrap h3 {
    text-align: center;
    font-size: 24px;
    color: #363636;
    font-weight: 500
}

.recievedCatalogWrap img {
    width: 50%;
    padding: 50px 0 0
}

.contractDetailsWrap {
    border: 1px solid #cfd2e2;
    border-radius: 8px
}

.contractDetailsWrap .p-detail-top {
    margin-bottom: 12px
}

.contractDetailsWrap .p-busi-txt {
    font-size: 18px;
    font-weight: 500
}

.orderNotFound {
    flex-direction: column
}

.contractDetailsWrap .profile-save-btn {
    width: 90px;
    min-width: 90px
}

.contractDetailsWrap .p-form-unit {
    position: relative;
    margin-bottom: 0
}

.contractDetailsWrap .p-form-unit .p-form-control {
    border: 1px solid #363636;
    border-radius: 4px !important;
    height: 43px !important
}

.contractDetailsWrap .p-form-unit .editBtn {
    position: absolute;
    right: 8px;
    width: 18px;
    top: 11px;
    cursor: pointer
}

.contractDetailsWrap .p-form-unit .verifyBtn {
    font-size: 12px;
    color: #215fd5;
    background-color: transparent;
    font-weight: 500
}

.contractDetailsWrap .p-form-unit .p-adj-center {
    margin: 10px 0 0;
    text-align: right
}

.sepratorStrip {
    background: no-repeat padding-box #fffaea;
    border: 1px solid #cfd2e2;
    padding: 8px 15px;
    margin: 10px -15px;
    font-size: 12px;
    color: #363636;
    border-right: none;
    border-left: none
}

.threeSectionDetails {
    display: flex;
    margin: 5px 0 15px 6px
}

.threeSectionDetails .lft {
    background: no-repeat padding-box #fff;
    box-shadow: 0 0 2px #00000029;
    border-radius: 24px;
    padding: 2px;
    height: 35px;
    margin: 5px 15px 0 0;
    align-items: center;
    display: flex
}

.threeSectionDetails .lft li {
    padding: 3px 10px;
    font-size: 12px;
    align-items: center;
    color: #000;
    font-weight: 500;
    height: 100%;
    cursor: pointer;
    display: flex
}

.threeSectionDetails .lft li.active {
    padding: 3px 10px;
    background: no-repeat padding-box #fff2f2;
    border-radius: 0 14px 14px 0;
    color: #d9232d
}

.threeSectionDetails .rht {
    margin: 10px 0 0;
    cursor: pointer;
    width: 35px
}

.stateWidgets {
    align-items: center;
    font-size: 9px;
    margin: 7px 0 0
}

.stateWidgets .mogb_switch {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 12px;
    line-height: 12px
}

.stateWidgets input:checked+.mogb_switch_slider {
    background-color: #54c22c
}

.stateWidgets .mogb_switch_slider.round {
    border-radius: 34px
}

.stateWidgets .mogb_switch_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

.stateWidgets .mogb_switch_slider:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s
}

.stateWidgets input:checked+.mogb_switch_slider:before {
    transform: translateX(8px)
}

.stateWidgets label {
    margin-bottom: 0;
    color: #666;
    font-weight: 400;
    font-size: 9px;
    margin-left: 2px
}

.pkup_time {
    font-size: 12px;
    text-align: left;
    padding: 5px
}

.updated_txt {
    font-size: 12px;
    color: #db232e;
    cursor: pointer
}

.threeSectionDetails .busi-in-form>.p-form-unit {
    width: 15.5%;
    margin-right: 10px !important
}

.addNewFormElement {
    background: no-repeat padding-box #f7f7f7;
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    padding: 4px 15px;
    font-size: 12px;
    cursor: pointer
}

.newAddCheck {
    margin-left: 0;
    color: #a2a2a2
}

.contact-details-div {
    max-height: 40vh;
    overflow-y: auto;
    min-height: 40vh;
}

.error-shadow {
    border-color: #d9232d;
    box-shadow: 0 0 4px 3px #d9232d !important
}

@media (min-width:700px) and (max-width:1370px) {
    .notice-txt {
        font-size: 12px
    }

    .notice-table-v-scroll>ul {
        width: 100%
    }

    .notice-modal>.modal-content {
        width: 70%
    }

    .hp-supp-lnk {
        word-break: break-word
    }
}

@media (max-width:700px) {
    .notice-txt {
        font-size: 10px
    }
}

.toolbarPop {
    padding: 10px;
    background-color: #fff;
    border-radius: 4px 4px 0 0
}

.pdfText {
    color: #363636;
    margin-left: 10px;
    font-weight: 500
}

.viewPod {
    transform: rotate(180deg);
    width: 18px;
    position: relative;
    left: 5px;
    top: -3px;
    cursor: pointer
}

.dwnlpodicn {
    position: relative;
    top: 2px
}

.p-supplier-filter-mdl {
    padding: 10px 30px;
    margin-left: auto;
    height: calc(100vh - 70px);
    overflow: auto
}

.adm-txt-cnt {
    color: #a2a2a2;
    font-weight: 500
}

.p-filt-text-bx {
    width: 100%;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #363636;
    padding: 0 15px;
    -webkit-appearance: none;
    appearance: none;
    text-overflow: "";
    font-size: 12px
}

.abfrlAcceptAll,
.abfrlRejectAll,
.abfrlpoZip {
    height: 30px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

.abfrlAcceptAll,
.abfrlRejectAll {
    width: 85px;
    border-radius: 4px;
    margin-right: 10px
}

.p-filt-text-bx::-webkit-input-placeholder {
    color: #c4c4c4;
    font-size: 12px
}

.p-filt-text-bx::-moz-placeholder {
    color: #c4c4c4;
    font-size: 12px
}

.p-filt-text-bx:-ms-input-placeholder {
    color: #c4c4c4;
    font-size: 12px
}

.p-filt-text-bx:-moz-placeholder {
    color: #c4c4c4;
    font-size: 12px
}

.abfrlRejectAll {
    background-color: #f2f2f2;
    color: #363636;
    border: .5px solid
}

.abfrlAcceptAll,
.abfrlpoZip {
    background-color: #fff7f7;
    color: #d9232d
}

.abfrlpoZip {
    width: 110px;
    border-radius: 4px;
    border: .5px solid #d9232d
}

.abfrl-all-btn {
    float: right;
    margin-top: 5px
}

.jewellery-search-sec {
    margin: 0 15px;
    padding: 15px 0;
    border-bottom: .5px solid #e2e2e2;
    position: relative
}

.viewJewModal {
    padding-top: 70px !important;
    z-index: 99
}

.viewjewmodalcnt {
    width: 65% !important;
    padding: 0 0 15px !important;
    height: max-content !important;
    max-height: 80% !important;
    border-radius: 8px !important
}

.jew-view-header {
    padding: 15px 30px
}

.disabled-container-check {
    cursor: not-allowed;
    opacity: .4;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    margin-left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400
}

.po-icn-dwnld-csv {
    height: 21px;
    width: 21px
}

.holdFlag {
    background-color: #dcdcdc
}

.holdTooltipText {
    left: -50% !important
}

.holdImg,
.packBoxInfo {
    position: relative;
    top: 5px;
    cursor: pointer
}

.highlight-text {
    color: #15c !important;
    font-weight: 500 !important
}

#histModal {
    padding-top: 80px !important;
    z-index: 99
}

.hist-modal-cnt-pop {
    margin-bottom: 10px;
    position: fixed;
    width: calc(90% - 45px)
}

.history-pop-table-cnt {
    margin-top: 65px
}

.history-table-data-cnt {
    overflow: auto;
    height: min-content;
    max-height: calc(90vh - 200px)
}

.pick-up-tran-text {
    border: 1px solid #363636 !important;
    min-height: 45px !important;
    padding: 15px !important;
    width: 100%;
    border-radius: 4px;
    font-size: 12px !important;
    background-image: url(../images/drop-down-arrow.png);
    background-position-x: 95%;
    background-position-y: center;
    background-size: 10px;
    background-repeat: no-repeat;
    cursor: pointer
}

.c100.small {
    font-size: 65px !important
}

.p-msme-sec>.p-form-unit {
    width: calc(20% - 30px);
    margin-right: 10px
}

.geeks::after,
.geeks::before {
    left: -2px;
    width: 0;
    height: 0;
    background: 0 0;
    top: -2px;
    content: ""
}

.add-right-sec {
    display: flex;
    width: 100%
}

#billingAddress>.p-add-sec {
    height: 100%;
    border: .5px solid #cfd2e2;
    border-radius: 6px
}

#pickupAddress>.p-add-sec {
    height: 100%;
    border: .5px solid #cfd2e2;
    border-radius: 6px;
    margin-left: 20px
}

.brandModalContent {
    border-radius: 20px 20px 0 0;
    height: 100%;
    width: 100%;
    padding: 0 30px 30px !important;
    overflow: hidden !important
}

.brand-cat-fix-hdr {
    position: fixed;
    height: 110px;
    width: calc(100% - 60px);
    background: #fff !important;
    padding-top: 30px
}

.add-main-hd,
.busines-header-cnt,
.demo-modal,
.demo-modal-content,
.geeks::after,
.geeks::before,
.selected-hd-txt,
.vmi_strip,
svg {
    position: absolute
}

.brand-category-select {
    display: flex;
    flex-wrap: wrap;
    margin-top: 150px;
    overflow: auto;
    max-height: calc(100% - 110px)
}

.brand-category-select>label {
    width: 30% !important;
    margin-right: 3%
}

.brand-category-select>label>img {
    height: 24px;
    width: 24px;
    margin-right: 10px
}

.brandModalSelect {
    padding-top: 205px !important
}

.mdl-search-cnt {
    margin: 20px 0 !important
}

.brand-select-check>label {
    width: 13% !important;
    margin-right: 3% !important
}

.complete-check-icn {
    color: #299e22;
    margin-left: auto !important;
    margin-right: 15px;
    font-size: 18px
}

.info-tab.active>.main-dashboard-icn {
    padding: 2px;
    color: #fff;
    background-color: #d9232d;
    border-radius: 4px
}

.dashboard-prev-btn,
.dashboard-prev-btn_adm {
    display: flex;
    height: 40px;
    width: calc(6% - 20px);
    border: .5px solid #cfd2e2;
    background-color: #ededed;
    border-radius: 8px;
    margin-right: 20px;
    text-align: start;
    cursor: pointer
}

.dashboard-prev-btn>i,
.dashboard-prev-btn_adm>i {
    font-size: 30px;
    margin: auto;
    transform: rotate(90deg)
}

.dashboard-prev-btn.nxt-btn-dashboard>i,
.dashboard-prev-btn_adm.nxt-btn-dashboard>i {
    transform: rotate(-90deg)
}

.select-modal-box {
    cursor: pointer;
    background-image: url("/images/arrow-down-s-line (1).svg");
    background-position-x: 95%;
    background-position-y: center;
    background-size: 20px;
    background-repeat: no-repeat
}

.doc-main-cnt>div>div {
    padding: 30px 5px 30px 15px;
    border: .5px solid #cfd2e2;
    border-radius: 6px;
    height: 100%
}

.docum-main-div:first-child {
    padding-right: 5px;
    border-left: 0 !important
}

.docum-main-div:last-child {
    padding-left: 5px
}

.p-address-wrap>span,
.p-bal-sec>span,
.p-buise-sec>span {
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    top: -11px;
    background: #fff;
    padding: 0 5px
}

#dashboard-prev-btn,
#dashboard-prev-btn_adm {
    margin-right: 10px;
    margin-left: auto
}

.addressBtn,
.addressBtn-adm {
    width: 110px;
    height: 30px;
    border-radius: 6px;
    text-align: start;
    font-size: 12px;
    background: url("/images/add-fill.svg") 10px no-repeat;
    padding-left: 35px;
    cursor: pointer;
    display: block;
    margin-left: auto;
    border: .5px solid #d9232d !important;
    background-color: #ffebeb !important
}

.margin-line-div {
    border-left: .5px solid #cfd2e2;
    margin-left: 20px;
    margin-right: 20px
}

.add-main-hd {
    font-size: 14px;
    font-weight: 600;
    top: -20px;
    padding: 10px 5px;
    background: #fff;
    left: 15px
}

.helpAndSupport {
    height: 35px;
    padding: 5px 15px;
    border-radius: 6px;
    color: #2680eb;
    margin-left: 20px;
    text-align: start;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
    border: .5px solid #cfd2e2;
    background-color: #fff
}

.demo-modal-content {
    left: -45px;
    display: block;
    border: .5px solid #cfd2e2;
    width: 265px;
    top: 25px;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 4px;
    margin-top: 6px;
    z-index: 1
}

.demo-modal-content>a {
    display: flex;
    padding-bottom: 5px;
    justify-content: space-between;
    border-bottom: .5px solid #cfd2e2;
    color: #398bea;
    padding-top: 5px
}

.geeks::before {
    border: 2px solid transparent;
    animation: 6s linear animate;
    border-radius: 4px
}

@keyframes animate {
    0% {
        width: 0;
        height: 0;
        border-color: #d9232d transparent transparent
    }

    50% {
        width: 100%;
        height: 0;
        border-color: #d9232d #d9232d transparent transparent
    }

    100% {
        width: 100%;
        height: 100%;
        border-color: #d9232d #d9232d transparent transparent
    }
}

.geeks::after {
    border: 2px solid transparent;
    animation: 6s linear animates;
    border-radius: 4px
}

@keyframes animates {
    0% {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #d9232d
    }

    50% {
        width: 0;
        height: 100%;
        border-color: transparent transparent #d9232d #d9232d
    }

    100% {
        width: 100%;
        height: 100%;
        border-color: transparent transparent #d9232d #d9232d
    }
}

.helpAndSupport>i {
    font-size: 14px;
    padding-right: 5px;
    top: 3px;
    position: relative
}

.help-supp-sub {
    padding: 10px 20px 10px 0;
    font-size: 14px;
    width: 100%;
    background-image: url("/images/keyboard-down-arrow-button.svg");
    background-repeat: no-repeat;
    background-position: right;
    font-weight: 600;
    cursor: pointer
}

.help-supp-main-txt {
    font-size: 12px;
    display: none
}

#toast-container>.toast-success {
    background-color: #f0ffef !important;
    border: 1px solid #299e22 !important;
    border-radius: 5px !important;
    color: #066e00 !important;
    padding: 10px 15px;
    font-size: 12px !important
}

#toast-container>.toast-error {
    background-color: #fff7f7 !important;
    border: 1px solid #d9232d !important;
    border-radius: 5px !important;
    color: #d9232d !important;
    padding: 10px 15px;
    font-size: 12px !important
}

#toast-container>div {
    text-align: center;
    background-image: none !important
}

.busines-header-cnt {
    top: -15px;
    font-size: 14px;
    font-weight: 600;
    padding: 5px;
    background: #fff
}

.resourceActive {
    color: #363636 !important
}

.selected-pick-txt {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
    border: 1px solid #cfd2e2;
    border-radius: 4px;
    margin-top: 10px;
    padding: 15px 10px 10px 15px
}

.selected-hd-txt {
    top: -7px;
    left: 10px;
    font-size: 10px;
    font-weight: 500;
    background: #fff7f7;
    padding: 2px 5px;
    border: .5px solid #cfd2e2;
    color: #d9232d;
    border-radius: 10px
}

.dakshEvent,
.p-fy-year {
    background-position-x: 95%
}

.p-txt-pick-btn {
    background-color: #fff;
    text-align: start;
    width: 100%
}

.jewleeryPo {
    font-size: 12px;
    position: relative;
    top: 2px
}

.packTooltipText {
    left: -50%;
    font-size: 12px
}

#closeNotifyInfoModal {
    cursor: pointer;
    position: relative;
    top: -5px
}

.transport-text {
    margin-left: 10px;
    border: .5px solid #9a9a9a;
    border-radius: 4px;
    width: 165px;
    height: 35px;
    padding: 10px;
    font-size: 12px
}

.p-transport-select {
    width: 115px;
    height: 35px;
    border-radius: 4px;
    border: .5px solid #363636;
    padding: 0 15px;
    background-image: url(/images/keyboard-down-arrow-button.svg);
    background-position: calc(100% - 10px);
    background-size: 10px;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    font-size: 12px
}

.cat-main-txt,
.dash-uploaded-file>span,
.p-brand-name,
.poDropDown .selectCta {
    text-overflow: ellipsis;
    white-space: nowrap
}

.invoiceRejectText {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 8px;
    border: .5px solid #9a9a9a
}

.shipment-card {
    border: .5px solid #cfd2e2;
    border-radius: 8px;
    width: 350px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto
}

.bankAppTable {
    font-size: 12px;
    text-align: left
}

.approvalTbody>tr>td {
    font-size: 12px !important;
    vertical-align: top
}

#bankApprovalTable_paginate {
    position: relative !important;
    top: -3px !important;
    display: block !important
}

.crsin {
    cursor: initial !important
}

.bank-datepicker {
    border: .5px solid #cfd2e2;
    height: 36px !important;
    padding: 0 15px !important;
    background-color: #fff;
    background-position: calc(100% - 10px) !important;
    background-image: url(/images/calendar.png);
    width: 100%;
    cursor: pointer;
    font-size: 12px !important;
    border-radius: 8px;
    margin-left: 10px;
}

.bank-datepicker::-webkit-input-placeholder,
.bank-datepicker::-moz-placeholder,
.bank-datepicker:-ms-input-placeholder,
.bank-datepicker:-moz-placeholder {
    font-size: 10px;
    color: #cecece;
}

.bank-appr-btn {
    margin-left: 20px;
    margin-top: 20px;
}

.catagory-radio-wrap>label {
    margin-right: 20px !important;
}

.catagory-radio-wrap>div>label {
    position: relative;
    padding-left: 25px;
    margin-right: 20px !important;
    cursor: pointer;
}

.dakshEvent {
    cursor: pointer;
    background-image: url("../images/drop-down-arrow.png");
    background-position-y: center;
    background-size: 10px;
    padding-right: 20px !important;
    margin-right: 5px;
}

.daksh-dropdown {
    display: none;
    position: absolute;
    width: 120px;
    border: .5px solid #a2a2a2;
    background-color: #fff;
    border-radius: 4px;
    right: 0;
}

.daksh-dropdown>li {
    border-bottom: .5px solid #a2a2a2;
    color: #c5000b !important;
    cursor: pointer;
    font-size: 14px;
}

.daksh-dropdown>li>a {
    color: #c5000b;
    width: 100%;
    display: block;
    height: 100%;
    padding: 5px 10px;
}

.constantCurreny::before {
    content: "$ ";
}

.currencySymbol_INR::before,
.currency_110::before,
.currencyiso_356::before {
    content: "\20B9 " !important;
}

.currencySymbol_AED::before,
.currency_217::before,
.currencyiso_784::before {
    content: "AED " !important;
}

.glb-search-help-txt {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
}

.online-notice-modal-sec {
    border-collapse: collapse;
    margin: 5px auto;
}

.online-notice-modal-sec>tbody>tr>td,
.online-notice-modal-sec>tbody>tr>th {
    border: 1px solid #363636;
    padding: 4px;
}

.faq-header {
    display: flex;
    margin-left: 47%;
    margin-top: 2%
}

.faq-content-div {
    display: flex;
    padding: 10px;
    font-size: 82%
}

.faq-question-div {
    padding: 10px;
    font-size: 82%;
    margin-top: -15px
}

.faq-question-div>ol {
    margin-left: 6%;
    margin-top: 1%
}

.brand-span,
.sub-hist>span:first-child {
    color: #a2a2a2;
    margin-right: 5px;
    margin-bottom: 5px
}

.approval-pending-txt,
.scorecard-rating img,
.sub-hist>img {
    margin-bottom: 5px
}

.mdl-txt,
.rst-main-page-box {
    margin-bottom: auto;
    margin-top: auto
}

.rst-main-page-box {
    height: max-content;
    padding-bottom: 25px
}

.tds-div {
    margin: 20px 0 15px;
    width: 100%;
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    position: relative
}

.tds-div>div>.new-itr-txt {
    font-size: 12px;
    width: 70%;
    border: .5px solid #cfd2e2;
    padding: 10px;
    border-top: 0;
    border-left: 0
}

.tds-div>div>.new-itr-cnt {
    display: block;
    text-align: center;
    font-size: 12px;
    width: 30%;
    border: .5px solid #cfd2e2;
    padding: 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0px
}

.tax-top-sec {
    margin-top: 10px;
    display: flex;
    justify-content: space-between
}

.p-fy-year {
    cursor: pointer;
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    color: #363636;
    border-radius: 10px;
    background-image: url("/images/arrow-down-s-line (1).svg");
    background-position-y: 8px;
    background-size: 20px;
    padding: 10px 0
}

.addnew_tds_div {
    display: none;
    padding: 10px 0 0;
    width: 100%;
    position: relative;
    border-bottom: .5px solid #cfd2e2
}

.tds-update-div>div>.p-form-unit {
    display: flex;
    margin-right: 0 !important;
    margin-bottom: 0
}

.tds-update-div>div>.p-form-unit>.p-bot-txt {
    width: 70%;
    border: 1px solid #bfbfbf;
    margin-bottom: 0;
    padding: 10px;
    border-bottom: 0;
    border-left: 0
}

.tds-update-div>div>.p-form-unit>div {
    width: 40%;
    border: 1px solid #bfbfbf;
    padding: 10px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0px
}

.bank-tds-expan-div {
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    margin-top: 10px
}

.itr-div-first>div,
.itr-div-first>p {
    border-top: 0 !important
}

.p-itr-edit-icons {
    display: block !important;
    position: absolute;
    top: -25px;
    text-align: center;
    width: 30%;
    margin-left: 70%
}

.p-itr-edit-icons>i>span {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    top: -2px;
    left: 2px
}

.itr-edit-icon {
    cursor: pointer;
    font-size: 20px;
    font-weight: 500 !important;
    color: #d9232d
}

.add-new-list.active>.tds-div {
    width: 50% !important
}

.brand-list {
    padding: 5px 8px
}

.brand-list-div {
    max-height: 250px;
    overflow: auto
}

.brand-div {
    border: 1px solid #aaa
}

.brandcheckmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 14px;
    width: 14px;
    border: 0;
    border-radius: 0;
    background-color: #db232e
}

.clearBrandSearch {
    display: none;
    position: absolute;
    top: 9px;
    right: 10px;
    cursor: pointer;
    vertical-align: middle
}

.p-asn-shift-right {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 15px;
    margin-bottom: 10px
}

.p-inv-count {
    justify-content: space-between;
    margin-bottom: 0 !important
}

p-inv-table-row {
    background: #fff;
    display: flex;
    font-size: 11px;
    color: #3a3a3a;
    margin-bottom: 2px;
    border: 1px solid #e6e6e6;
    border-radius: 8px
}

.drop-btn-sec button,
.mapNowBtn {
    text-align: center;
    border-radius: 4px;
    cursor: pointer
}

.mapNowBtn {
    height: 25px;
    background-color: #cedfff;
    background-image: url(/images/git-merge-line.svg);
    background-position: calc(100% - 10px);
    padding-left: 15px;
    padding-right: 35px;
    font-size: 10px;
    margin-right: 10px
}

.dropshipModal {
    padding-top: 125px !important;
    padding-bottom: 0 !important;
    z-index: 10 !important
}

.dropshipModal .p-form-control::placeholder {
    color: #797979;
    opacity: 1
}

.dropshipContent {
    width: 100% !important;
    height: 100% !important;
    border-radius: 30px 30px 0 0 !important;
    padding: 30px !important;
    overflow: hidden !important
}

.drop-header-cnt {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px
}

.drop-header-cnt .drop-main-cnt span {
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px
}

.drop-btn-sec button {
    background-color: #f2f2f2;
    width: 75px;
    height: 30px;
    font-size: 12px;
    margin-left: 10px
}

.p-drop-table-row {
    margin: 0 0 10px !important
}

.dropship-tbl {
    display: flex;
    height: calc(100vh - 225px)
}

.dropship-tbl>div {
    overflow: auto
}

.dropship-tbl>div::-webkit-scrollbar {
    width: 5px
}

.dropship-tbl>div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.dropship-tbl>div::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.dropship-tbl>div::-webkit-scrollbar-thumb:hover {
    background: grey
}

.dropship-tbl>div::-moz-scrollbar {
    width: 5px
}

.dropship-tbl>div::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.dropship-tbl>div::-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.dropship-tbl>div::-moz-scrollbar-thumb:hover {
    background: grey
}

.dropship-tbl>div:-moz-scrollbar {
    width: 5px
}

.dropship-tbl>div:-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.dropship-tbl>div:-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.dropship-tbl>div:-moz-scrollbar-thumb:hover {
    background: grey
}

.dropship-inv-div {
    width: calc(40% - 10px);
    margin-left: 10px
}

.drop-in-form>.p-form-unit {
    width: calc(50% - 10px);
    margin-bottom: 15px
}

.upl-btn-img {
    background-image: url("/images/file-upload-line (2).svg");
    background-position: 100%;
    display: block !important;
    border: 0;
    width: 100%
}

.dropship-inv-details {
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 8px
}

.p-order-inv-table-head {
    display: flex;
    color: #363636;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    margin: 10px 0 5px
}

.drpInvInput,
.drpSelect {
    font-size: 11px !important;
    width: 100%
}

.inv-inside-sec {
    border-bottom: 1px solid #e6e6e6;
    margin-top: 25px;
    position: relative;
    padding-bottom: 10px
}

.inv-inside-sec:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.drpInvInput {
    border: 1px solid #cfd2e2;
    border-radius: 4px;
    padding: 2px 5px;
    font-weight: 500
}

.drpSelect {
    border: 1px solid #cfd2e2;
    border-radius: 4px;
    padding: 2px 10px;
    font-weight: 500;
    cursor: pointer;
    background-image: url("../images/drop-down-arrow.png");
    background-position-x: 90%;
    background-position-y: center;
    background-size: 10px
}

.upl-btn-img::-webkit-input-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.upl-btn-img::-moz-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.upl-btn-img:-ms-input-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.upl-btn-img:-moz-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.drop-inv-header>li {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    width: 100%;
    height: 100%
}

.p-header-row {
    background-color: #ddd;
    margin-bottom: 10px
}

.drop-inv-header>li>span {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 20px
}

.disapproved {
    background-color: #f8c2c2;
    font-weight: 500;
    width: 105px;
    position: relative;
    text-align: start;
    padding-left: 12px;
    height: 40px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 11px;
    margin-right: 5px
}

.disapprove-tooltip {
    width: 100%;
    position: absolute
}

.catalog-tooltiptext,
.tooltip .doc-tooltip {
    width: 120px;
    text-align: center;
    padding: 5px;
    margin-left: -60px;
    transition: opacity .3s;
    visibility: hidden
}

.disapproved img {
    position: absolute;
    width: 18px;
    height: 20px;
    right: 40px;
    top: -1px;
    left: 66px
}

.catalog-tooltiptext {
    z-index: 10;
    background-color: #fff;
    color: #363636;
    border-radius: 6px;
    position: absolute;
    top: 25px;
    left: 40%;
    border: 1px solid #cfd2e2;
    box-shadow: #00000029 0 2px 4px
}

.document-add-new,
.pro-brand-add-new {
    margin-right: 10px;
    margin-bottom: 15px;
    margin-left: auto
}

.document-save,
.pro-document-save {
    padding: 6px 20px;
    color: #fff;
    background: #db232e;
    border: 0;
    outline: 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    min-width: 120px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    height: 30px;
    width: 110px;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 8px
}

.document-table-header {
    background-color: #f0f0f0;
    border-radius: 4px 4px 0 0
}

.document-v-scroll {
    margin-right: 10px;
    margin-top: 15px;
    position: relative
}

#upload-brand {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.p-doc-table-row,
.profile-doc-table-row {
    background: #fff;
    display: flex;
    font-size: 12px;
    color: #3a3a3a
}

.doc-datepicker,
.doc-select-box,
.doc-upload-box,
.pro-doc-datepicker,
.pro-doc-select-box {
    width: 100%;
    background-position-x: 100%;
    background-position-y: center;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer
}

.doc-select-box,
.doc-upload-box,
.pro-doc-select-box {
    font-size: 11px
}

.p-doc-table-row>div,
.profile-doc-table-row>div {
    border: .5px solid #f0f0f0;
    padding: 5px 10px;
    position: relative
}

.doc-select-box,
.pro-doc-select-box {
    background-image: url("../images/drop-down-arrow.png");
    background-size: 10px;
    padding-right: 10px
}

.doc-upload-box {
    display: block;
    background-image: url("/images/file-upload-line (2).svg");
    background-size: 16px;
    padding-right: 15px
}

.doc-datepicker,
.pro-doc-datepicker {
    display: block;
    background-image: url(/images/calendar.png);
    font-size: 11px !important
}

.deleteImg {
    height: 17px;
    width: 17px;
    cursor: pointer
}

.doc-table-data {
    padding-bottom: 10px;
    max-height: 130px;
    overflow: auto
}

.doc-action-sec {
    display: flex;
    justify-content: space-around
}

.tooltip .doc-tooltip {
    background-color: #000;
    color: #fff;
    border-radius: 6px;
    position: absolute;
    top: -5px;
    right: 110%
}

.tooltip .catalog-tooltiptext::after {
    content: "";
    position: absolute;
    left: 78%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent;
    transform: rotate(180deg);
    bottom: 100%
}

.dropship-brand {
    padding: 2px 5px;
    background-color: #ededed;
    font-size: 10px;
    border-radius: 4px
}

.pending-icon {
    height: 19px;
    width: 19px
}

.doc-add-btn,
.new-btn-sec>.new-nxt-btn {
    height: 35px;
    cursor: pointer;
    text-align: center
}

.approval-sta {
    font-size: 12px;
    margin-right: 5px
}

@media (max-width:1024px) {
    .drop-table-res {
        width: 150%;
        overflow: auto
    }

    .drop-in-form>.p-form-unit {
        width: 100%;
        overflow: auto;
        margin-right: 0 !important
    }
}

.length-field,
.req-field,
.verify-field {
    border: 1px solid #ca0b00 !important
}

.p-inv-name {
    border: none !important;
    display: block !important;
    font-size: 12px;
    width: calc(100% - 25px)
}

.p-inv-name::-webkit-input-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3
}

.p-inv-name::-moz-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3
}

.p-inv-name:-ms-input-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3
}

.p-inv-name:-moz-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3
}

.inv-file-inp-txt {
    z-index: 1
}

.file-placeholder {
    font-size: 12px;
    color: #363636;
    opacity: .3
}

.drpInvInput:disabled {
    opacity: .7
}

.disableFile,
.inv-file-up .fileInput:disabled,
.p-form-control:disabled {
    opacity: .4
}

.freight-head {
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    top: -35px;
    left: 5px;
    color: #363636;
    background: #fff
}

.autoBrands,
.proAutoBrands {
    width: 100%;
    border: 0;
    font-size: 11px !important
}

.p-brand-up {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
    color: #373737;
    background: #fff
}

.p-brand-name {
    font-size: 12px;
    color: #373737;
    width: 90%;
    overflow: hidden
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: 50% top repeat-x #fff !important;
    color: #333;
    border-radius: 4px;
    z-index: 100 !important
}

.ui-state-focus {
    color: #d9232d !important;
    border: 0 !important;
    background: #fff !important
}

.score-datepicker,
.scorecard-select {
    background-position-x: calc(100% - 10px);
    background-position-y: center;
    background-repeat: no-repeat
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px
}

.doc-add-btn {
    width: 100%;
    border: 2px dotted #cfd2e2;
    background-color: #fff;
    border-radius: 6px;
    font-size: 12px;
    display: block;
    margin-top: 10px
}

.doc-error {
    border: .5px solid #d9232d !important
}

.docum-main-div>.p-buise-sec>.p-form-unit {
    width: calc(23% - 10px) !important;
    margin-right: 25px !important
}

#doc-confirmation,
#pro-doc-confirmation,
#show_all_brands {
    z-index: 15
}

.analytics-sec {
    padding: 25px
}

.scorecard-1-1>.scorecard-rating {
    display: flex;
    padding: 15px 30px;
    background-color: #363636;
    border-radius: 8px
}

.scorecard-rating>.sc-rating {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-left: 15px;
    margin-top: auto;
    margin-bottom: auto
}

.sc-avg-rating {
    display: flex;
    flex-direction: column;
    margin-left: 15px
}

.sc-avg-rating>span {
    color: #fff;
    font-size: 16px
}

.scorecard-1-2 span {
    font-size: 24px;
    font-weight: 600
}

.scorecard-1-2 p {
    font-size: 14px;
    color: #a2a2a2
}

.scorecard-2 {
    margin-top: 20px;
    display: flex
}

.scorecard-2-1 {
    padding: 15px;
    background-color: #fff;
    width: 65%;
    border-radius: 8px
}

.scorecard-2-1 div div,
.scorecard-online-2-1 div div {
    width: calc(33% - 20px);
    margin-right: 20px;
    display: block;
    padding: 10px 15px
}

.tc-txt {
    font-size: 10px;
    padding: 2px 5px;
    background-color: #f2f2f2;
    border-radius: 2px
}

.scorecard-sub-div h4 {
    font-size: 14px;
    display: flex;
    margin-top: 5px
}

.total-num-div {
    margin-top: 10px;
    margin-bottom: 5px
}

.num-txt {
    font-size: 32px;
    font-weight: 500
}

img.star-sub-img {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin: 0 0 1px 5px
}

.scorecard-2-2 {
    margin-left: 15px;
    width: calc(35% - 15px)
}

.scorecard-small {
    height: 55%;
    background-color: #fff;
    padding: 15px;
    border-radius: 8px
}

.scorecard-select {
    display: flex;
    margin-left: auto;
    width: 75px;
    padding: 5px 10px;
    background-image: url(/images/drop-down-arrow.png);
    background-size: 10px;
    background-color: #f2f2f2;
    border-radius: 4px;
    border: 0;
    font-size: 12px
}

.scorecard-3,
.scorecard-xs {
    margin-top: 15px;
    padding: 15px;
    border-radius: 8px;
    background-color: #fff
}

.scorecard-xs {
    height: calc(45% - 15px)
}

.scoreDetails>p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px
}

.scoremodalcontent {
    height: 100%;
    width: 55%;
    margin: 0 0 0 auto;
    border-radius: 20px 0 0 20px;
    padding: 0 !important
}

.bar-section {
    background-image: linear-gradient(180deg, #d9232d, #006d95) !important;
    background-color: transparent !important
}

.polycab-header {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 20px
}

.score-datepicker {
    display: flex;
    margin-left: auto;
    width: 230px;
    padding: 5px 10px;
    background-image: url(/images/calendar.png);
    background-size: 16px;
    background-color: #f2f2f2;
    border-radius: 4px;
    border: 0;
    font-size: 12px
}

.container-check input:checked~.routingcheck,
.routingcheck {
    border: 1px solid #fff !important;
    background-color: #fff !important
}

.score-pop-table>tbody>tr>td {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2
}

.score-pop-table>tbody>tr:first-child>td {
    background-color: #f0f0f0;
    font-weight: 600
}

.rating {
    margin: -18px 0 0 100px
}

.plus-sign {
    float: right;
    cursor: pointer
}

.temp-csv {
    position: absolute;
    margin-top: 18%
}

.brand-csv {
    position: absolute;
    margin-top: 27%
}

.container-check .routingcheck:after {
    left: 3px;
    width: 4px;
    height: 9px;
    border: solid #da191e;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.approveSingle {
    height: 24px
}

.routingUpload {
    margin-left: 225px !important;
    width: 110px !important;
    height: 30px
}

.routingEdit {
    width: 345px !important;
    border-radius: 4px;
    height: 45px
}

.tc-txt-span {
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 2px
}

.bar-section>.value {
    position: relative;
    top: -30px;
    color: #363636 !important
}

.manufacture-date {
    top: 4px
}

.manufacure-date-sec {
    height: 40px;
    cursor: pointer
}

.p-transport-hard {
    margin-top: auto;
    margin-bottom: 0
}

.p-inb-shift-right {
    padding: 0 15px;
    margin-top: 0;
    margin-bottom: 15px
}

.asn_upload_prev {
    margin: 0 10px 10px 30px;
    border: 1px solid #363636;
    min-height: 45px;
    max-height: 95px;
    border-radius: 2px;
    overflow: auto;
    padding: 10px 20px 0 0;
    display: flex;
    min-width: 250px
}

.additionalAttachAsn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.asndamageFileName {
    padding-left: 15px;
    font-size: 12px;
    color: #299e22;
    padding-top: 5px;
    width: 155px
}





@media (max-width:568px) {

    .docum-main-div>.p-buise-sec>.p-form-unit,
    .p-buis-btm>.p-form-row>.p-form-unit {
        width: 100% !important
    }
}

.manufacturing-text {
    font-size: 14px;
    margin-left: 10px;
    color: #d9232d
}

.manufacture-header {
    top: 0;
    margin-left: 0;
    margin-bottom: 5px;
    color: #000000b5;
    margin-top: 30px
}

.sign-in-btn {
    background-color: #363636;
    color: #fff !important;
    border-radius: 8px;
    font-size: 14px
}

.signup-main {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    width: 70%
}

.stepper {
    width: 100%;
    text-align: center
}

.progressbar {
    counter-reset: step;
    width: 75%;
    display: inline-block
}

.progressbar li {
    list-style-type: none;
    float: left;
    width: 50%;
    position: relative;
    text-align: center;
    font-weight: 600
}

.progressbar li:before {
    font-size: 12px;
    content: counter(step);
    counter-increment: step;
    height: 30px;
    width: 30px;
    line-height: 26px;
    border: 2px solid #ddd;
    display: block;
    text-align: center;
    margin: 0 auto 15px;
    border-radius: 50%;
    background-color: #fff;
    font-weight: 400
}

.progressbar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #ddd;
    top: 15px;
    left: -50%;
    z-index: -1
}

.progressbar li:first-child:after {
    content: none
}

.progressbar li.active:before {
    border-color: #e1f5d6;
    background-color: #e1f5d6
}

.progressbar li.active+li.active:after {
    background-color: #299e22
}

.initial li.active+li:after {
    background: linear-gradient(to right, #ddd 0, #ddd 50%, #299e22 50%, #299e22 100%)
}

.new-signup-sub {
    display: flex;
    min-height: calc(100vh - 130px)
}

.new-signup {
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 20px;
    width: 100%
}

.new-signup>div:first-child {
    width: 55%;
    padding-right: 95px
}

.new-signup>div:last-child {
    width: 45%
}

.new-form-row {
    margin-left: 14%;
    margin-right: 14%
}

.p-new-form-unit {
    position: relative;
    margin-bottom: 25px
}

.p-new-form-control {
    width: 100%;
    height: 45px;
    font-size: 14px;
    padding: 0 15px;
    color: #373737;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d3d3d3
}

.p-new-form-control::-webkit-input-placeholder,
.p-new-select-control::-webkit-input-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.p-new-form-control::-moz-placeholder,
.p-new-select-control::-moz-placeholde {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.p-new-form-control:-ms-input-placeholder,
.p-new-select-control:-ms-input-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.p-new-form-control:-moz-placeholder,
.p-new-select-control:-ms-input-placeholder {
    color: #373737;
    font-size: 12px;
    opacity: .3;
    font-family: Roboto, sans-serif
}

.new-btn-sec>.new-nxt-btn {
    border-radius: 3px;
    width: 100px;
    font-size: 12px;
    background-color: #d9232d;
    color: #fff
}

.step-header {
    font-size: 18px;
    margin-bottom: 25px;
    width: auto;
    font-weight: 500;
    display: inline-block
}

.signup-header-img {
    margin: 20px 0 30px;
    width: 140px;
    cursor: pointer
}

.new-signup>div>p {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.inr-text {
    position: absolute;
    top: 13px;
    width: 85px;
    border: 0;
    font-size: 12px;
    margin-right: 10px
}

.phone-new-form>.p-new-form-control {
    padding-left: 90px;
    padding-top: 4px
}

.p-new-select-control {
    width: 100%;
    height: 45px;
    font-size: 14px;
    padding: 0 25px 0 15px;
    color: #373737;
    background: url("/images/keyboard-down-arrow-button.svg") 0 0/10px no-repeat #fff;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    cursor: pointer;
    background-position-x: 95%;
    background-position-y: center
}

.new-back-btn {
    background-color: #fff;
    margin-right: 20px;
    font-size: 12px;
    cursor: pointer
}

.newCategoryModal {
    padding: 70px 100px
}

.newCategoryModal>.brandModalContent {
    padding: 10%;
    border-radius: 8px
}

.newCategoryModal>.brandModalContent>.brand-cat-fix-hdr {
    position: relative;
    width: 100%
}

.newCategoryModal>.brandModalContent>.brand-category-select {
    margin-top: 20px !important
}

.newCategoryModal>.brandModalContent>.brand-category-select>label>.p-checkbox {
    margin-left: 0;
    margin-top: 5px
}

.categorySelected,
.p-categorySelected {
    cursor: initial !important;
    background-image: none;
    background-position-x: 95%;
    background-position-y: center;
    background-size: 10px;
    background-repeat: no-repeat;
    padding-right: 50px !important
}

.new-send-otp {
    position: absolute;
    top: 14px;
    right: 8px;
    font-size: 12px;
    cursor: pointer
}

.new-verified-icn {
    position: absolute;
    top: 13px;
    right: 10px
}

.p-login-pop {
    width: 90%
}

.loginModal {
    display: block;
    padding: 5% 15%;
    z-index: 15
}

.loginmodalcnt {
    width: 800px;
    height: 510px;
    display: flex;
    justify-content: space-between;
    padding: 0;
    border-radius: 8px;
    position: relative;
}

.signinPopupNew .loginmodalcnt {
    height: 440px;
    width: 740px;
}

.signinPopupNew .login-right {
    padding: 50px 45px;
}

.signinPopupNew .login-right .closetItem {
    position: absolute;
    right: 15px;
    top: 10px;
}


.login-left {
    width: 55%;
    background-color: #363636;
    display: flex;
    flex-direction: column
}

.systmUnderMainteWrap .login-left {
    background-color: #fff;
    padding: 40px;
}

.systmUnderMainteWrap .login-left h3 {
    margin: 0 0 20px 0;
    display: flex;
    line-height: 30px;
    font-weight: 600;
    flex-direction: column;
}

.systmUnderMainteWrap .loginmodalcnt {
    height: auto;
    align-items: center;
}

.systmUnderMainteWrap .login-right .new-close-login {
    top: 0 !important;
}

.systmUnderMainteWrap .login-right {
    padding: 0 25px 10px 5px !important;
    position: static;
}

.systmUnderMainteWrap .login-right img {
    width: 420px;
    height: auto;
}

.systmUnderMainteWrap .login-right .closetItem {
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}


.systmUnderMainteWrap h3 span {}

.systmUnderMainteWrap .login-left .systmUnderMaintTextInfo {}

.systmUnderMainteWrap .systmUnderMaintTextInfo p {
    font-size: 14px;
    color: #707070;
}

.systmUnderMainteWrap .systmUnderMaintTextInfo p.redTxt {
    color: #D9232D;
    margin: 20px 0;
    font-weight: 600;
}

.systmUnderMaintTextInfo p.spaceBottom {
    margin: 0 0 10px 0;
}

.systmUnderMaintTextInfo p.nospaceBottom {
    margin: 0 0 0 0;
}


.login-left>div {
    padding: 50px 45px
}

.login-left>div>span {
    color: #fff;
    margin-bottom: 10px;
    display: block;
    font-weight: 600
}

.login-left>div>span:last-child {
    font-size: 18px;
    font-weight: 800
}

.login-left>img {
    margin: auto auto 10px
}

.login-right {
    width: 45%;
    padding: 50px;
    position: relative
}

.phone-inr-div {
    display: flex;
    border-right: 1px solid #d3d3d3;
    cursor: pointer
}

.phone-inr-div>img {
    margin-left: 15px;
    width: 18px
}

.phone-inr-div>span,
.phone-inr-list>li>span {
    margin-left: 10px;
    margin-top: 3px
}

.phone-inr-list {
    display: none;
    z-index: 10;
    border: 1px solid #d3d3d3;
    position: absolute;
    top: 32px;
    width: 110%;
    background: #fff;
    max-height: 100px;
    overflow: auto
}

.cat-main-txt,
.dash-uploaded-file>span {
    overflow: hidden
}

.phone-inr-list::-webkit-scrollbar {
    width: 5px
}

.phone-inr-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.phone-inr-list::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.phone-inr-list::-webkit-scrollbar-thumb:hover {
    background: grey
}

.phone-inr-list::-moz-scrollbar {
    width: 5px
}

.phone-inr-list::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.phone-inr-list::-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.phone-inr-list::-moz-scrollbar-thumb:hover {
    background: grey
}

.phone-inr-list:-moz-scrollbar {
    width: 5px
}

.phone-inr-list:-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.phone-inr-list:-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.phone-inr-list:-moz-scrollbar-thumb:hover {
    background: grey
}

.phone-inr-list>li {
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid #d3d3d3
}

.phone-inr-list>li:hover {
    background-color: #d3d3d3
}

.phone-inr-list>li>img {
    margin-left: 10px;
    width: 18px;
    height: 25px
}

.new-close-login {
    margin-left: auto;
    width: 24px !important;
    cursor: pointer;
    margin-top: 10px;
    position: absolute;
    top: 5px;
    right: 15px
}

.signup-btm-img {
    height: 250px;
    margin: 20px 0 30px
}

.new-bold {
    position: relative;
    z-index: 1;
    font-weight: 600 !important;
    font-size: 16px
}

.new-bold:before {
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 140px;
    height: 10px;
    content: "";
    background-color: #cbe3ff;
    top: 10px;
    left: -3px
}

.new-profile-sec-1 {
    padding: 10px 20px;
    margin: 5px 20px 10px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #cfd2e2
}

.new-profile-top-head>img {
    width: 30px;
    height: 30px;
    margin: auto 15px auto 0;
    background: #a2a2a2;
    border-radius: 4px;
    padding: 2px
}

.dashboard-head>h3 {
    font-size: 16px;
    position: relative;
    top: 5px
}

.view-profile-txt {
    font-size: 10px;
    color: #2680eb;
    cursor: pointer;
    font-weight: 600
}

.new-profile-top-head>span {
    margin: auto 0 0 auto;
    font-size: 12px
}

.category-card-part {
    padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    border-radius: 8px;
    height: calc(100% - 10px)
}

.owl-item:nth-child(n)>.category-card-part {
    background-color: #ffeee0
}

.owl-item:nth-child(2n)>.category-card-part {
    background-color: #dcbafa
}

.owl-item:nth-child(3n)>.category-card-part {
    background-color: #fababa
}

.category-card-part>span {
    color: #363636;
    font-weight: 600
}

.category-card-part>div {
    display: flex;
    position: relative;
    height: 90px
}

.category-card-part>div>img {
    width: 85px !important;
    height: 85px !important
}

.category-card-part>div>div {
    width: 60%;
    margin-top: 15px
}

.category-card-part>div>div>span {
    display: block;
    color: #363636;
    font-size: 12px
}

.category-num {
    font-size: 20px !important;
    font-weight: 600;
    display: block
}

.new-profile-sec-2 {
    display: flex;
    margin: 10px 20px
}

.desc-card-part {
    padding: 15px 20px;
    width: calc(50% - 10px);
    border-radius: 8px;
    font-weight: 500
}

.desc-card-part:first-child {
    background-color: #b5b5ff;
    color: #363636
}

.desc-card-part:last-child {
    background-color: #e0ffe1;
    margin-left: 20px
}

.desc-card-part:first-child>span,
.desc-card-part:last-child>span {
    color: #363636;
    font-size: 14px;
    font-weight: 600
}

.desc-card-part>span {
    display: block;
    color: #fff
}

.registrationCnt {
    width: 550px;
    height: 400px;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    padding: 20px;
    position: relative
}

.registrationCnt>div {
    margin-left: auto;
    margin-right: auto;
    z-index: 2
}

.registrationCnt>div>h3 {
    font-size: 30px;
    font-weight: 800
}

.registrationCnt>div>p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px
}

.registrationCnt>img {
    position: absolute;
    bottom: 20px;
    width: 225px
}

.create-pwd-div {
    position: relative;
    width: 235px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px
}

.create-pwd-div>span {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    cursor: pointer
}

.inr-input {
    width: 60%;
    padding: 2px 10px;
    border: 0;
    cursor: pointer
}

.eye-icon {
    position: absolute;
    right: 15px;
    top: 12px;
    cursor: pointer;
    height: 21px
}

.trueFalseCta .trueBtn {
    background: #d9232d;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 10px 35px;
    border-radius: 4px
}

.trueFalseCta .falseBtn {
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    border: none;
    padding: 0 30px
}

.registration-modal>.registrationCnt {
    height: 430px
}

.new-create-now {
    background-color: #fff;
    color: #363636;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    margin-top: 5px;
    padding: 8px 25px;
    cursor: pointer;
    position: relative;
    top: 15px
}

.new-create-now:hover {
    text-decoration: none;
    color: #363636
}

.new-login-header-pop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: -15px
}

.signup-header {
    display: flex;
    justify-content: flex-end;
    margin-right: 50px;
    margin-bottom: 20px
}

.signup-header>span {
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 15px
}

.signup-header>button {
    border: 1px solid #d9232d;
    color: #fff;
    background: #d9232d;
    padding: 5px 10px;
    font-weight: 400 !important;
    transition: .5s ease-in-out;
    border-radius: 4px;
    font-size: 14px
}

.signup-header>button:hover {
    background-color: #fff;
    color: #d9232d
}

.growFasterSidebar {
    background-color: #363636;
    border-radius: 10px 0 0 10px;
    width: 300px
}

.growFasterSidebar>ul>li {
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
    cursor: pointer
}

.growFasterSidebar>ul>li:first-child {
    color: #efa518;
    cursor: initial;
    font-size: 18px;
    font-weight: 500
}

.growFasterSidebar>ul>li.active {
    border-radius: 40px;
    background-color: #fff;
    color: #363636;
    cursor: pointer
}

.growFastergif {
    width: calc(100% - 500px);
    background-color: #eff2f7;
    display: none;
    border-radius: 0 20px 20px 0
}

.growFastergif>h3 {
    display: block;
    text-align: center;
    margin: 30px 0;
    font-size: 30px;
    font-weight: 800
}

.growFastergif>img {
    width: 450px;
    margin: 0 auto 30px;
    height: 300px;
    border-radius: 10px
}

.new-bank-sec>div:first-child {
    border-right: .5px solid #cfd2e2
}

.tds-expansion {
    border-bottom: .5px solid #cfd2e2;
    padding-bottom: 15px 0
}

.tds-expansion.active>.p-fy-year {
    background-image: url("/images/arrow-up.svg")
}

.new-bank-btn-sec {
    display: block;
    width: 100%
}

.new-bank-btn-sec>.profile-save-btn {
    height: 35px;
    border-radius: 6px;
    padding: 0
}

.address-delete {
    margin-left: 10px;
    cursor: pointer
}

.needHelpTxt {
    position: absolute;
    display: block;
    bottom: 20px;
    color: #d9232d;
    font-size: 12px;
    cursor: pointer;
    left: 50%;
    right: 50%;
    width: max-content
}

.waterMark {
    border: 5px solid #cbe3ff;
    position: absolute
}

.pwd-hlp-txt {
    font-size: 12px;
    color: #db232e;
    margin-left: 0;
    display: block
}

.new-approval-bank {
    width: 450px;
    border: .5px solid #bfbfbf;
    border-radius: 4px;
    margin-top: 20px
}

.new-approval-bank>span {
    padding: 10px 15px;
    background-color: #f0f0f0;
    color: #363636;
    font-weight: 500;
    display: block;
    font-size: 14px
}

.new-approval-bank>div {
    display: flex;
    padding: 2px 15px
}

.new-approval-bank>div>span {
    display: block;
    width: 40%;
    font-size: 14px
}

.tms-cnd {
    color: #da191e !important;
    cursor: pointer
}

.new-tds-btn-sec {
    margin-top: 15px;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end !important
}

.raise-new-brand {
    display: none;
    position: absolute;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    top: -5px;
    left: 130px;
    width: 200px;
    z-index: 2
}

.raise-new-brand>button {
    border: 0;
    cursor: pointer;
    background-color: transparent;
    color: #d9232d;
    position: relative;
    font-size: 12px !important;
    font-weight: 500;
    left: 35px
}

.brandNameDiv>.ui-widget {
    position: absolute !important
}

.doc-nob-sec {
    border-radius: 2px
}

.doc-nob-sec>select {
    border: .5px solid #363636 !important
}

.brand-letter-txt {
    font-size: 12px;
    color: #2680eb;
    display: inline-block;
    margin-top: 4px
}

.asterisk-mark:after {
    content: " *";
    color: #d9232d
}

.new-brand-modal {
    z-index: 20
}

.new-category-add {
    position: absolute;
    right: 15px;
    background-color: #fff7f7;
    border-radius: 6px;
    color: #d9232d;
    cursor: pointer;
    top: 9px;
    padding: 2px 5px;
    font-size: 14px;
    font-weight: 500
}

.category-txt {
    width: 100%;
    height: 45px;
    border: .5px solid #363636;
    border-radius: 2px;
    padding-right: 55px;
    padding-top: 10px;
    padding-left: 15px;
    display: flex
}

.cat-main-txt {
    font-size: 14px;
    max-width: calc(100% - 35px)
}

.cat-sub-txt {
    font-size: 14px;
    color: #d9232d;
    font-weight: 500;
    margin-left: 10px;
    margin-top: 1px
}

.categ-count {
    font-size: 13px;
    font-weight: 500;
    margin-left: 5px;
    color: #d9232d
}

.signup-category {
    background-image: url("/images/arrow-down-s-line (1).svg");
    background-size: 20px
}

.new-dashboard-owl.owl-carousel .owl-dots {
    text-align: center;
    position: relative;
    z-index: 111
}

.new-dashboard-owl.owl-carousel .owl-dots button.owl-dot {
    height: 10px;
    margin-right: 4px
}

.new-dashboard-owl.owl-carousel .owl-dots button.owl-dot.active span {
    width: 15px;
    height: 8px;
    background: #ffaaaf;
    display: block;
    border-radius: 10px
}

.new-dashboard-owl.owl-carousel .owl-dots button.owl-dot span {
    width: 8px;
    height: 8px;
    background: #e2dddc;
    display: block;
    border-radius: 10px
}

.dashboard-right-1 {
    border: 1px solid #cfd2e2;
    border-radius: 8px;
    background-color: #fff;
    padding: 15px;
    margin: 5px 20px 0 0
}

.verifiedChk {
    position: relative;
    margin-right: 10px;
    color: #299e22;
    font-size: 16px;
    margin-top: 3px
}

.dashboard-right-txt>span {
    font-size: 12px;
    margin-right: auto
}

.dashboard-right-txt {
    display: flex;
    margin-bottom: 5px
}

.dash-image-upload {
    width: 20px;
    margin: 2px 5px
}

.dash-uploaded-file {
    display: flex;
    margin-left: auto;
    width: 30%;
    padding: 2px;
    background-color: #f4f4f4;
    border-radius: 2px 5px
}

.nd-btn-sec,
.nd-sub-categories {
    background-color: #fff;
    cursor: pointer
}

.dash-uploaded-file>span {
    width: 80%;
    font-size: 10px;
    padding-left: 2px
}

.dash-uploaded-file>img {
    width: 18px;
    position: relative;
    cursor: pointer
}

.signup-category-txt {
    width: 100%;
    height: 45px;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding-right: 55px;
    padding-top: 12px;
    padding-left: 15px;
    display: flex;
    cursor: pointer;
    background-image: url(/images/keyboard-down-arrow-button.svg);
    background-position-x: 95%;
    background-position-y: center;
    background-size: 10px;
    background-repeat: no-repeat;
    font-size: 12px
}

.signup-category-txt.placeholder {
    color: #d3d3d3;
    font-size: 12px
}

.dashboard-new-header {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 0 0 20px
}

.new-dashboard-right-sec {
    font-size: 12px;
    width: 33%
}

.nd-right-sub-header {
    font-size: 12px;
    margin: 10px 0
}

.nd-btn-sec {
    font-size: 14px;
    border: 1px solid #707070;
    border-radius: 4px;
    width: 150px;
    height: 35px;
    text-align: center;
    padding: 6px 30px
}

.nd-knowmore-sec>div {
    width: 50%;
    margin-top: 10px
}

.nd-knowmore-sec>img {
    width: 50%;
    height: 115px
}

.nd-2-txt {
    font-size: 10px;
    font-weight: 400;
    margin: 5px 0 10px
}

.nd-2-span {
    font-size: 12px;
    font-weight: 500;
    display: block;
    margin: 10px 0
}

.new-profile-sec-3 {
    padding: 10px 20px;
    margin: 10px 20px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #cfd2e2
}

.anchor {
    display: block;
    height: 55px;
    margin-top: -55px;
    visibility: hidden
}

.not-verified {
    position: relative;
    margin-right: 10px;
    color: #ffa500c4;
    font-size: 16px;
    margin-top: 3px
}

.new-collapsible>span:first-child {
    margin-right: 10px;
    font-weight: 500
}

.new-toggle-sign {
    margin-left: auto;
    font-size: 14px;
    font-weight: 500
}

.nd-sub-categories-sec {
    border-bottom: 1px solid #cfd2e2;
    margin-top: 10px
}

.nd-sub-categories-sec>.owl-stage-outer>.owl-stage>.owl-item {
    width: max-content !important
}

.nd-sub-categories {
    border: 0;
    margin: 0 10px 0 0;
    padding: 0;
    font-size: 14px
}

.nd-sub-categories.active {
    border-bottom: 2px solid #363636
}

.sub-category-card {
    padding: 20px;
    border: 1px solid #cfd2e2;
    border-radius: 8px;
    margin-top: 15px;
    height: calc(100% - 30px)
}

.sub-category-card>p {
    font-size: 14px;
    font-weight: 500
}

.sub-category-card>img {
    width: 180px !important;
    height: 180px !important;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto
}

.requestBrandsTag {
    width: 25%;
    display: flex;
    justify-content: space-between
}

.requestBrandsTag .cate-brand-req {
    width: auto;
    background-color: transparent !important;
    padding: 5px 15px !important;
    border: 1px solid #363636;
    color: #363636 !important;
    display: flex;
    align-items: center;
    height: auto
}

.requestBrandsTag .cate-brand-req #req-brand-count {
    color: #d9232d;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 0 8px
}

.alphabet-pagination-sec>.doc-alphabet-pagination {
    border: 1px solid #d6d6d6;
    background-color: #f2f2f2;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 10px;
    cursor: pointer
}

.brandsImpSectionWrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.brandsImpSectionWrap .lft {
    width: 67%;
    padding: 0 15px 0 0;
    border-right: 1px solid #eaeaea
}

.brandsImpSectionWrap .alphabet-pagination-sec {
    background: no-repeat padding-box #f2f2f2;
    border-radius: 4px 4px 0 0;
    padding: 10px 15px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.brandsImpSectionWrap .pagination-content-div {
    overflow-y: auto;
    display: inline-block;
    max-height: 245px;
    margin-top: 0 !important;
    width: 100%
}

.brandsImpSectionWrap .alphabet-pagination-sec .doc-pagination-reset-btn {
    background-color: transparent;
    display: flex;
    font-size: 16px;
    color: #3c3c3c
}

.brandsImpSectionWrap .doc-alphabet-pagination {
    border: 1px solid #d6d6d6;
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 0;
    cursor: pointer;
    margin: 0 15px 10px 0;
    width: 30px;
    text-align: center
}

.brandsImpSectionWrap .rht {
    width: 33%;
    padding: 0 0 0 10px
}

.brandsImpSectionWrap .rht h3 {
    font-size: 16px;
    color: #363636;
    margin: 15px 0
}

.brandsFilterLists .lftListCategory .headStrip {
    background-color: #f2f2f2;
    font-size: 14px;
    padding: 6px 10px;
    margin: 0 0 5px
}

.lftListCategory .autoSearchHeader {
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    margin: 0 0 0 5px
}

.lftListCategory .autoSearchHeader input {
    margin: 10px;
    height: 30px;
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    width: 88%;
    background-size: 14px;
    background-position: calc(100% - 2px);
    padding: 0 15px 0 5px
}

.brandsFilterLists .lftListCategory ul {
    border: 1px solid #d9d9d9;
    border-radius: 4px 0 0 4px;
    height: 290px;
    margin: 5px 0 0;
    overflow: auto
}

.lftListCategory .autoSearchHeader ul {
    border: none;
    height: 233px
}

.brandsFilterLists .lftListCategory li {
    display: flex;
    justify-content: flex-start;
    padding: 10px;
    font-size: 14px;
    align-items: center
}

.lftListCategory .autoSearchHeader li {
    width: 100%;
    padding: 5px 10px
}

.brandsFilterLists .lftListCategory li.active {
    background-color: #ffebeb;
    color: #d9232d
}

.brandsFilterLists .lftListCategory .smallThumbnail {
    width: 35px;
    height: 35px;
    box-shadow: 1px 1px 1px #00000029;
    background-color: #fff;
    border-radius: 8px;
    margin: 0 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.brandsFilterLists .smallThumbnail .viewImg {
    width: 35px;
    height: 35px;
    display: inline-block
}

.brandsFilterLists .strip {
    background-color: #f2f2f2;
    padding: 10px;
    font-size: 14px;
    color: #363636;
    font-weight: 500;
    border-radius: 4px
}

.doc-alphabet-pagination.active {
    background-color: #da191e;
    color: #fff
}

.doc-pagination-reset-btn {
    border: 0;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500
}

.all-brand-header {
    color: #d9232d;
    font-size: 14px;
    margin-top: 5px
}

.doc-all-brand-txt {
    display: block;
    width: calc(20% - 20px);
    margin-right: 20px;
    font-size: 14px;
    margin-top: 5px
}

.doc-brand-fix-hdr {
    position: fixed;
    height: 165px;
    width: calc(100% - 60px);
    background: #fff !important;
    padding-top: 15px
}

.pagination-content-div {
    margin-top: 165px;
    height: calc(100% - 175px);
    overflow: auto;
    overflow-y: scroll;
    display: inline-block;
    max-height: 254px
}

.show-all-btn {
    border: 0;
    background-color: #fff;
    color: #d9232d;
    cursor: pointer;
    margin-right: 15px;
    font-size: 14px;
    margin-top: 15px
}

.verify-email-btn {
    color: #d9232d;
    background: #fff;
    font-size: 12px;
    width: 60px;
    cursor: pointer;
    font-weight: 600
}

.sub-category-lastmonth-div {
    display: flex;
    font-size: 12px;
    width: 100%;
    margin-top: 13px
}

.sub-category-lastmonth-right {
    margin-left: auto;
    margin-right: 0;
    width: 20%;
    text-align: center;
    background-color: #8cd5d873;
    border-radius: 2px;
    margin-bottom: 10px
}

.sc_new-footer_sec>div {
    display: flex;
    font-size: 12px;
    color: #363636
}

.sc_new-footer_sec>div>p {
    margin: auto 0 auto 10px;
    padding-left: 10px;
    border-left: .5px solid #cfd2e2
}

.sc_new-footer_sec>div>a {
    font-size: 12px;
    margin-left: 15px;
    color: #363636
}

.p-pop-btn-dashboard {
    text-align: center;
    margin-top: 2px
}

.dashboard-progress {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}

.cate-brand-req {
    width: 110px;
    height: 35px;
    border-radius: 8px;
    background-color: #d9232d;
    color: #fff;
    font-size: 12px;
    margin-left: 10px
}

.passwordToolTip>img {
    position: relative;
    top: 3px;
    left: 5px
}

.passwordTooltiptxt {
    background-color: #363636 !important;
    font-weight: 500;
    width: 300px !important;
    z-index: 2;
    font-size: 12px;
    padding: 10px !important;
    text-align: justify !important;
    left: -75px !important
}

.password-register {
    padding-right: 40px
}

.dashboard-need-help {
    color: #2680eb;
    font-size: 12px
}

.dashboard-faq {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    margin-top: 15px
}

.helpandsupportTxt {
    position: absolute;
    width: 220px;
    padding: 4px 5px;
    border-radius: 8px;
    border: .5px solid #cfd2e2;
    bottom: 115%;
    right: -25px;
    background-color: #363636;
    color: #fff
}

.helpandsupportTxt>span>.profile-help-support {
    color: #fff;
    font-weight: 600;
    display: block;
    padding-bottom: 10px
}

.new-dashboard-prev-next>span {
    padding: 2px 15px;
    background-color: #d9232d;
    color: #fff;
    font-size: 25px;
    border-radius: 6px;
    margin-right: 10px;
    height: 40px;
    font-weight: 500;
    margin-top: auto;
    cursor: pointer
}

.btn-carousel,
.d-flex {
    display: flex !important
}

.btn-carousel>.owl-nav {
    width: 15%;
    display: flex;
    margin-bottom: 5px
}

.btn-carousel>.owl-nav>button {
    padding: 2px 15px !important;
    background-color: #d9232d !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    color: #fff !important;
    height: 30px;
    width: 30px;
    text-align: center
}

.btn-carousel>.owl-nav>.owl-prev {
    margin-left: auto;
    margin-right: 10px
}

.btn-carousel>.owl-nav>.owl-next.disabled,
.btn-carousel>.owl-nav>.owl-prev.disabled {
    background-color: #ededed !important;
    color: #363636 !important
}

.category-card-sec>.owl-nav {
    position: absolute;
    top: calc(50% - 15px);
    display: flex;
    width: calc(100% + 20px);
    right: -10px
}

.category-card-sec>.owl-nav>button>span {
    padding: 15px 5px;
    font-size: 20px;
    background-color: #ededed;
    border-radius: 4px
}

.adm-categorySelected {
    cursor: initial !important;
    background-image: none;
    background-position-x: 95%;
    background-position-y: center;
    background-size: 10px;
    background-repeat: no-repeat
}

.passwordToolTip>.passwordTooltiptxt {
    text-align: center !important
}

.newDesign-menu .navbar-toggle {
    float: left;
    margin: 15px 0 0
}

.newDesign-menu .signupRht {
    float: right;
    color: #fff;
    background: #d9232d;
    margin: 15px 2px 0 5px;
    padding: 5px 10px;
    font-weight: 400 !important;
    border-radius: 4px;
    font-size: 14px
}

.newDesign-menu .signupRht a {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize
}

.largeImg img {
    width: 460px;
    height: 280px
}

.viewImgMdl .modal-content {
    width: 500px;
    height: 350px;
    border-radius: 12px
}

.closeImgModal {
    display: flex;
    margin-left: auto;
    cursor: pointer
}

.viewProductMdl .modal-content {
    width: 500px;
    height: auto;
    border-radius: 12px
}

.p-cat-img-mdl {
    position: relative;
    width: 160px;
    flex-shrink: 0;
    margin-right: 10px
}

.p-cat-img-mdl>img {
    border-radius: 8px;
    padding: 5px;
    width: 150px;
    height: calc(100% - 15px);
    margin-top: 12px
}

.p-cat-msn-mdl>p {
    display: inline;
    word-wrap: break-word;
    font-size: 14px;
    font-weight: 700
}

.p-cat-mrp-mdl {
    color: #3a3a3a;
    font-size: 14px;
    margin-right: 15px;
    font-weight: 500
}

.p-cat-brandMsn-mdl {
    display: inline-block;
    color: #363636;
    font-weight: 500;
    margin-right: 20px;
    font-size: 13px
}

.p-cat-tax-mdl {
    font-size: 12px;
    color: #299e22;
    font-weight: 500
}

.doc-error-text {
    text-align: end;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px !important;
    margin-top: -10px !important
}

.brandListingUrl {
    padding: 0 15px;
    font-size: 12px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    height: 25px;
    width: 100%
}

.newUtrTableData .p-payment-table-head {
    background-color: #d5d5d5;
    padding: 10px 0;
    margin: 0
}

.newUtrTableData .p-payment-table-head>div {
    justify-content: flex-start;
    padding: 0
}

.newUtrTableData .utrdtl {
    margin: 0;
    border: none;
    border-bottom: 1px solid #cdcdcd;
    border-radius: 0
}

.newUtrTableData .utrdtl>div {
    justify-content: flex-start
}

.p-payment-table-row .paymentUtrAction .viewUtr_dtl {
    border-radius: 4px;
    background: no-repeat padding-box #fff;
    border: 1px solid #707070;
    padding: 0 20px;
    margin: 0;
    height: 30px;
    width: 100%;
    color: #363636;
    font-weight: 500;
    cursor: pointer;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-payment-table-row .utrNoTwoCol .utrNoLbl {
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    padding: 4px 15px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    margin: 15px 7px 0 0;
    background-color: #f3ebff;
    color: #6923d9
}

.supplierBrndListWrap .loginmodalcnt {
    width: 650px;
    height: auto;
}

.supplierBrndListWrap .supplierBrndListInner {
    width: 650px;
    height: 450px;
}

.supplierBrndListInner table {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 10px 0 0 0;
    border: 1px solid #707070;
    border-collapse: collapse;
}

.supplierBrndListInner table th {
    font-size: 12px;
    line-height: 17px;
    background-color: #363636;
    color: #fff;
    padding: 8px 10px;
    font-weight: 500;
    border: 1px solid #707070;
}

.supplierBrndListInner table td {
    color: #3C3C3C;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #D0D0D0;
}

.supplierBrndListWrap .fstBrandLblBlk {
    background-color: #f8f8f8;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
    box-shadow: 0px 19px 6px rgba(0, 0, 0, 0.16);
    font-weight: 600;
    color: #3A3A3A;
    border-bottom: 2px solid #bbbaba;
}

.supplierBrndListWrap .secBrandLblList {
    background-color: #fff;
    padding: 15px 10px;
    height: calc(100% - 100px);
    overflow-y: auto;


}

.supplierBrndListWrap .secBrandLblList img {
    width: 100%;
}

.supplierBrndListWrap .thrdCtaBlk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #aaaaaacc;
    padding: 8px 10px 0;

}

.supplierBrndListWrap .thrdCtaBlk p {
    font-size: 10px;
    font-weight: 600;
    margin: 0;
}



.supplierBrndListWrap .thrdCtaBlk .interesCta {
    background: #d9232d 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #fff;
    padding: 6px 20px;
    font-size: 12px;
    border: none;
    font-weight: 600;
}

.supplierBrndListWrap .thrdCtaBlk .notInteresCta {
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #3c3c3c;
    padding: 6px 20px;
    font-size: 12px;
    border: 1px solid #707070;
    font-weight: 600;
}


@media (max-width:1250px) {

    .p-active-order-search,
    .p-order-date,
    .p-rst-btn {
        margin-left: 5px;
        padding: 0
    }

    .acceptAllBtn,
    .p-rst-btn>div {
        margin-top: 5px
    }

    .p-edit-table-v-scroll>ul {
        width: 1500px
    }

    .activeOrderTabs>a {
        padding-left: 10px;
        height: 70px
    }

    .po-datepicker {
        font-size: 10px
    }

    .activeSearch {
        width: 350px
    }

    .p-active-order-search,
    .p-rst-btn>div {
        margin-bottom: 5px
    }

    .p-filter-rightsec {
        flex-wrap: wrap
    }

    .modal-content.flowModalContent {
        width: 90%
    }

    .scrollUpImg {
        bottom: 70px
    }

    .active-criteria-sec {
        margin-top: 5px !important
    }

    .navbar-default .navbar-nav>li>a {
        margin: 15px 5px
    }

    .p-busi-wrapper {
        flex-direction: column
    }

    .p-busi-wrapper>div:first-child {
        width: 100%
    }

    .p-busi-wrapper>div {
        width: 100% !important
    }
}

@media (max-width:768px) {
    .responsive-login-btn>.signupRht:first-child {
        background: #363636;
        margin-left: auto;
        padding: 5px 13px
    }

    .blackHeader .newDesign-menu .signupRht {
        display: none
    }

    .blackHeader .navbar-toggle {
        float: right
    }

    .loginModal {
        padding: 40px;
        display: flex
    }

    .loginmodalcnt {
        width: 100%;
        margin-top: auto;
        margin-bottom: auto
    }

    .login-right {
        padding: 25px
    }

    .signup-main {
        width: 95%
    }

    .new-signup>div:first-child {
        padding-right: 20px
    }

    .add-right-sec,
    .dashboard-main-sec,
    .new-bank-sec {
        display: block
    }

    .bank-tds-expan-div>.p-form-unit,
    .kys-input-sec,
    .new-bank-sec>div,
    .new-dashboard-left-sec {
        width: 100%
    }

    .new-dashboard-right-sec {
        width: calc(100% - 20px);
        margin-left: 20px
    }

    .dashboard-prev-btn_adm {
        width: 40px;
        margin-bottom: 10px
    }

    .busi-in-form>.p-form-unit {
        width: calc(50% - 20px)
    }

    .brand-category-select>label {
        width: 47% !important
    }

    .kys-email-popup {
        width: 300px
    }

    .add-right-sec>div {
        width: 100%;
        padding-left: 0 !important;
        border-left: 0 !important;
        padding-right: 0 !important
    }

    .p-add-txt {
        min-height: initial
    }

    .modal-content.asnSuccessModalContent,
    .modal-content.successModalContent {
        width: 350px
    }

    .alphabet-pagination-sec {
        justify-content: initial;
        flex-wrap: wrap
    }

    .pagination-content-div {
        margin-top: 190px;
        height: calc(100% - 170px);
        overflow: auto
    }

    .credlixLoanWrap {}

    .credlixLoanWrap .deskTopCredlixloan {
        display: none;
    }

    .credlixLoanWrap .mobCredlixloan {
        display: block;
        margin: 25px 0 0 0;
    }




}

@media (max-width:540px) {
    .systmUnderMainteWrap .loginmodalcnt {
        flex-direction: column;
    }

    .systmUnderMainteWrap .login-left {
        flex-direction: column !important;
    }


    .brand-category-select>label,
    .catalog-reset-btn .inv-reset-btn,
    .dropship-tbl .mobFullWidth,
    .mobileSignNew#forgot-popup .loginBtn,
    .scorecard-2-1 div div,
    .topContent .inputField input {
        width: 100% !important
    }

    .activeOrderTabs>a {
        padding: 5px;
        display: inline-block;
        height: auto
    }

    .mobileViewTicketModal .attach-text,
    .upload_prev {
        width: 290px
    }

    .mobileViewTicketModal {
        width: 350px;
        position: relative
    }

    .login-right,
    .mobileViewTicketModal .p-payment-btn-sec,
    .new-dashboard-left-sec,
    .new-signup>div:first-child,
    .new-signup>div:last-child,
    .p-faq-left-sec-data,
    .p-global-search-inp,
    .p-search-inp,
    .p-search-wrap,
    .sbmt-filter-btn,
    .sbmt-filter-btn button {
        width: 100%
    }

    .mobileViewTicketModal .paymentreject {
        width: 120px
    }

    .mobileViewTicketModal .paymentaccept {
        width: 150px
    }

    .p-sidebar {
        height: calc(100vh - 62px)
    }

    .p-shift-right {
        width: 570px
    }

    .p-shift-right .catalog-count,
    .p-shift-right .online-order-count,
    .p-shift-right .p-totalcount,
    .p-shift-right .payment-count {
        width: 30%
    }

    .p-shift-right .catalog-count+div,
    .p-shift-right .online-order-count+div,
    .p-shift-right .p-totalcount+div,
    .p-shift-right .payment-count+div {
        width: 70%;
        display: flex
    }

    .outputMsg,
    .p-edit-table-v-scroll>ul {
        width: 1200px
    }

    .glb-search-help-txt,
    .mobileSignNew .googleBtnTxt,
    .mobileSignNew .mobHide,
    .registrationCnt>img,
    .signup-btm-img,
    .stepper {
        display: none
    }

    .g-login .googleBtnTxt {
        margin: 0 0 0 10px;
        display: inline-block;

    }

    .header-animateText {
        margin: 0 5px 0 0;
        padding: 4px 2px
    }

    .p-online-filter-btn-sec {
        position: static;
        justify-content: space-between;
        padding: 0 15px 0 0
    }

    .p-online-filter-btn-sec .onlineaccept,
    .p-online-filter-btn-sec .onlinereject {
        width: 100px
    }

    footer {
        padding: 1px 15px 0;
        z-index: 9
    }

    .sc_new-footer_sec {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin: 15px 0 0
    }

    .dashboard-main-sec,
    .mdl-search-cnt,
    .new-profile-sec-2,
    .new-profile-top-head,
    .new-signup,
    .stepper-res {
        display: block
    }

    .sc_new-footer_sec>div {
        width: 100%;
        justify-content: space-between
    }

    .sc_new-footer_sec>div>a {
        margin: 10px 0 0
    }

    .loginmodalcnt {
        height: 425px
    }

    .stepper-res {
        margin-left: -35px
    }

    .new-form-row {
        margin-right: 20px;
        margin-left: 0
    }

    .new-btn-sec>.new-nxt-btn {
        width: 100%;
        margin-bottom: 25px
    }

    .new-signup>div>a {
        position: absolute;
        top: -25px
    }

    .new-back-btn {
        width: 30%;
        height: 35px
    }

    .needHelpTxt {
        left: 40%
    }

    .newCategoryModal {
        padding: 100px 20px
    }

    .brand-cat-fix-hdr {
        height: 170px
    }

    .brand-category-select {
        height: calc(100% - 170px);
        margin-top: 170px
    }

    .sc-bannertextwrap {
        padding: 30px 10px !important
    }

    .mdl-search-cnt>div:last-child {
        margin-top: 10px;
        display: flex;
        justify-content: flex-end
    }

    .new-dashboard-right-sec {
        width: calc(100% - 20px);
        margin-left: 20px
    }

    .desc-card-part {
        width: 100%;
        margin: 0 0 10px;
        margin-left: 0 !important
    }

    .nd-btn-sec,
    .on-order-btn {
        padding: 5px 10px
    }

    .busi-in-form>.p-form-unit {
        margin-right: 0 !important
    }

    .doc-all-brand-txt {
        width: calc(50% - 20px)
    }

    .registration-modal>.registrationCnt {
        width: 90%;
        overflow-x: hidden !important;
        height: 360px
    }

    .passwordTooltiptxt {
        width: 230px !important;
        text-align: center
    }

    .registrationCnt>div>h3 {
        text-align: center
    }

    .profile-per-div>div:last-child {
        margin-top: -5px !important
    }

    .right-btn-sec.active {
        margin-top: 10px
    }

    .p-address-wrap {
        padding: 10px 0 0
    }

    .add-info-frm>.p-form-unit {
        margin-right: 0
    }

    .new-bank-sec>div:first-child {
        border-right: 0px
    }

    .signup-header {
        display: flex;
        align-items: center;
        margin-right: 15px
    }

    .signup-header>span {
        width: 100%;
        text-align: end;
        margin-bottom: 5px
    }

    .signup-header-img {
        margin-top: 20px;
        /* width: 100% */
    }

    .signup-header>button {
        display: flex;
        margin-left: auto;
        width: 86px
    }

    .navbar-default .navbar-nav>li>a {
        margin: 25px 5px
    }

    ul.nav.navbar-nav li.sc_login a {
        margin: 50px auto 0 !important
    }

    ul.nav.navbar-nav li.sc_get-started a {
        margin: 30px auto 0
    }

    .mobileSignNew {
        padding: 0;
        align-items: flex-end;
        display: flex
    }

    .mobileSignNew,
    .supplierBrndListWrap {
        align-items: center;
    }

    .interesCtaWrap {
        display: flex;
    }

    .supplierBrndListWrap .thrdCtaBlk .notInteresCta {
        white-space: pre;
    }



    .mobileSignNew .loginmodalcnt {
        margin-top: 0;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        width: 352px;
        max-width: 352px;
    }

    .mobileSignNew .loginmodalcnt .login-left {
        width: 97%;
        padding: 15px 10px 10px;
        flex-direction: row;
        justify-content: space-between;
        position: relative;
        border-radius: 20px 20px 0 0;
        margin: 5px 0 0 6px
    }

    .mobileSignNew .login-left>div,
    .profileDetails .right-btn-sec {
        padding: 0
    }

    .mobileSignNew .login-left>img {
        margin: 40px 0 0;
        width: 130px
    }

    .mobileSignNew .p-forgot-action {
        margin: 0 0 15px;
        float: right
    }

    .mobileSignNew .p-pop-btn {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-direction: column;
    }

    .or-div:before {
        width: 100%;
    }

    .mobileSignNew .loginBtn {
        width: 100% !important;
        font-size: 16px
    }

    .mobileSignNew .btn-g-login {
        width: 55px;
        min-width: auto;
        text-decoration: none;
        box-shadow: 0 0 4px #e2e2e2;
        border: .20000000298023224px solid #e2e2e2;
        border-radius: 10px;
        padding: 10px 12px
    }

    .mobileSignNew .btn-g-login img {
        width: 24px;
        height: 24px;
        margin: 0
    }

    .noti-badge {
        top: -11px;
        left: 10px;
        font-size: 9px;
        line-height: 20px;
        width: 21px;
        position: absolute
    }

    .global-search,
    .notice-hd-icn,
    .order-header,
    .wtc-vdo {
        position: static
    }

    .p-cat-top {
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 25px 10px 15px;
        align-items: center
    }

    .p-cat-top .p-search-wrap {
        margin: 0 0 15px
    }

    .p-cat-top .p-download-wrap {
        width: 100%;
        justify-content: space-between;
        display: flex
    }

    .p-cat-top .p-download-wrap .bulkUpload {
        width: 40%;
        font-size: 10px
    }

    .p-cat-top .p-download-wrap .p-btn.p-btn-adjust {
        width: 55%;
        line-height: 32px
    }

    .downloadCatalog {
        width: 17px
    }

    .animatedHeader-Txt {
        margin: 0 15px 0 0;
        width: 30%
    }

    .wtc-vdo {
        font-size: 10px;
        margin: 0;
        line-height: 11px
    }

    #notify-clk-icn {
        margin: 0 10px 0 0
    }

    .notice-hd-icn {
        height: 20px;
        width: 20px
    }

    .p-faq-bottomsec {
        flex-direction: column;
        height: auto
    }

    .p-faq-right-sec-data,
    .p-fd-bottomsec .p-ticket-right-sec {
        width: 100%;
        margin: 15px 0 0
    }

    .searchInput {
        width: 100%;
        padding: 10px 45px 10px 10px
    }

    .on-order-btn-sec {
        justify-content: space-between;
        flex-wrap: wrap;
        display: flex
    }

    .p-fd-bottomsec,
    .p-ticket-filter {
        flex-direction: column
    }

    .p-fd-bottomsec .p-ticket-sidebar {
        position: static;
        width: 100% !important;
        margin: 0 !important
    }

    .filtermodalcontent {
        width: 80%
    }

    .online-search-sec {
        width: 85% !important;
        display: flex
    }

    .online-search-sec .searchInput::placeholder {
        font-size: 8px
    }

    .tooltip .orderfilterTooltipText::after {
        right: 93%
    }

    .tooltip .orderfilterTooltipText {
        width: 70px;
        right: 0;
        top: -15px;
        left: auto;
        font-size: 10px
    }

    #notificationOpen {
        display: flex;
        position: relative
    }

    .p-notification-icon {
        max-width: none
    }

    .profile-header-sec {
        top: 60px !important;
        right: 0 !important;
        height: 55px
    }

    .profile-header-sec .header-right-part {
        width: 100%;
        align-items: center
    }

    .p-catalog-head {
        display: block;
        margin: 0 0 10px 15px;
        font-weight: 700
    }

    .newCatalogWrap #placeCatalog h2 {
        padding: 20px 0 !important;
        font-size: 14px !important
    }

    .newCatalogWrap #placeCatalog img {
        width: 186px
    }

    .newCatalogWrap .categoryFunction {
        padding: 0 0 40px
    }

    .newCatalogWrap .categoryFunction .categoryFunction-inner {
        flex-direction: column;
        width: 90% !important
    }

    .categoryFunction .categoryFunction-inner .download {
        width: 88%;
        justify-content: center;
        margin-left: 0 !important;
        margin-top: 13px !important
    }

    .categoryFunction .categoryFunction-inner #search_catalog {
        margin: 40px 0 0
    }

    .newCatalogWrap #placeCatalog {
        height: 35vh !important
    }

    .p-radio-check:after {
        top: 5px;
        width: 8px;
        height: 8px
    }

    .p-radio-wrap {
        align-items: center;
        justify-content: flex-start;
        flex-direction: column
    }

    .p-radio-wrap>label {
        margin: 5px 0 0;
        display: flex
    }

    .p-radio-txt {
        font-size: 14px;
        width: 35px
    }

    .p-radio-check:before {
        top: 10px;
        left: 5px;
        width: 4px;
        height: 4px
    }

    .profileDetails .right-btn-sec .helpAndSupport {
        margin: 0
    }

    .helpandsupportTxt {
        right: -82px
    }

    .p-ticket-filter>div {
        display: flex;
        align-items: center
    }

    .p-fd-search {
        width: 230px
    }

    .buiss-unit-change {
        width: auto;
        height: 30px;
        padding-left: 10px;
        margin: 0 auto 0 0 !important
    }

    .topContent .inputContent {
        width: 100% !important;
        flex-direction: column;
        flex-wrap: nowrap;
        padding-right: 10px
    }

    .topContent .inputContent .inputField {
        width: 100%;
        margin: 0 15px 15px 0
    }

    .topContent .selectFieldParent-brand,
    .topContent .selectFieldParent-category {
        width: 100% !important;
        margin: 0 15px 15px 0
    }

    .catalog-reset-btn {
        width: 100%;
        margin: 0 0 15px
    }

    .pagination-content-div {
        margin-top: 240px
    }

    .alphabet-pagination-sec>.doc-alphabet-pagination {
        padding: 2px 4px
    }

    .doc-pagination-reset-btn {
        margin: 0 0 0 10px
    }

    .order-header {
        padding: 0 0 15px 15px;
        background-color: #f2f2f2;
        margin-left: 0
    }

    .active-right-sec {
        padding-top: 0;
        overflow-x: auto
    }

    .p-active-order-search {
        display: flex
    }

    .dropshipModal {
        padding-top: 20px !important
    }

    .dropship-tbl {
        flex-direction: column;
        height: calc(100vh - 180px)
    }

    .dropship-tbl .dropship-inv-div {
        width: 100%;
        margin: 15px 0 0;
        height: 42vh
    }

    .dropshipModal .dropship-tbl .drop-table-res {
        width: 1500px
    }

    .dropshipModal .drop-in-form>.p-form-unit {
        overflow: visible
    }

    .viewProductMdl .modal-content {
        width: calc(100% - 30px);
        height: auto;
        border-radius: 12px
    }

    .viewImgMdl .modal-content {
        width: calc(100% - 30px);
        height: 350px;
        border-radius: 12px
    }
}

@media (max-width:400px) {
    .modal-content.successModalContent {
        width: 270px
    }
}

@media (max-width:350px) {
    .responsive-login-btn {
        display: block
    }

    .responsive-login-btn>.signupRht {
        margin-top: 2px
    }

    .mobileViewTicketModal {
        width: 340px
    }

    .upload_prev {
        width: 280px
    }
}

.sc-out-stock-txt {
    font-size: 10px;
    padding: 2px 5px;
    background-color: #ff5800;
    opacity: 85%;
    color: #fff;
    position: absolute;
    top: 75px;
    left: 0;
    width: 80px;
    text-align: center
}

.low-on-stock {
    background-color: #ffba00
}

.summary-tooltiptext {
    visibility: hidden;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 5px;
    position: absolute;
    z-index: 2;
    top: -7px;
    left: 116%;
    font-size: 14px;
    width: 180px
}

.category-span {
    color: #363636;
    font-size: 12px;
    position: absolute;
    bottom: -5px;
    width: 100%
}

.table.dataTable tbody td {
    border: .5px solid #cfd2e2;
    border-left: 0
}

.signup-error {
    font-size: 10px;
    color: #d9232d;
    padding-left: 5px;
    display: block;
    margin-top: 5px;
    text-align: left
}

@media (max-width:340px) {

    .sc_new-footer_sec>div>a,
    .sc_new-footer_sec>div>p {
        font-size: 10px
    }
}

.brand-error-txt {
    margin-right: 20px;
    margin-top: 18px;
    margin-bottom: auto;
    font-size: 12px
}

.msme-input-title {
    font-size: 10px;
    line-height: 14px;
    width: 80%;
    top: -6px
}

.msme-disc-percent-title {
    width: calc(100% - 30px);
    line-height: 13px;
    top: -12px
}

.msme-doc-input-title {
    line-height: 14px;
    width: calc(100% - 40px);
    top: -7px
}

.country-select-screen {
    background-color: #f2f2f2;
    display: block;
    height: calc(100vh - 50px)
}

.country-select-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 330px;
    min-height: 325px;
    max-height: 415px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: #00000029 0 3px 6px;
    padding: 30px;
    overflow: auto
}

.admin-country-div,
.country-name-sec {
    box-shadow: #005eaf14 0 4px 10px;
    display: flex
}

.country-select-div::-webkit-scrollbar {
    width: 5px
}

.country-select-div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.country-select-div::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.country-select-div::-webkit-scrollbar-thumb:hover {
    background: grey
}

.country-select-div::-moz-scrollbar {
    width: 5px
}

.country-select-div::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.country-select-div::-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.country-select-div::-moz-scrollbar-thumb:hover {
    background: grey
}

.country-select-div:-moz-scrollbar {
    width: 5px
}

.country-select-div:-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.country-select-div:-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.country-select-div:-moz-scrollbar-thumb:hover {
    background: grey
}

.country-header {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 30px
}

.country-name-sec {
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    padding: 10px 15px;
    cursor: pointer;
    margin-bottom: 20px
}

.country-listing-flag {
    width: 24px;
    height: 24px
}

.country-name-sec>span {
    font-size: 14px;
    margin-left: 15px;
    margin-top: 2px
}

.admin-country-div {
    border: .5px solid #cfd2e2;
    border-radius: 4px;
    background: #fff;
    width: max-content
}

.admin-country-list-sec {
    margin-right: 5px;
    position: relative
}

.admin-country-list-sec>ul {
    width: 192px;
    margin-top: 3px;
    right: 0
}

.admin-country-list-sec>.admin-country-div>.inr-input {
    height: 30px;
    font-size: 12px;
    width: 84%;
    padding-top: 5px
}

.admin-country-list-sec>.admin-country-div>img {
    margin-left: 10px;
    width: 25px
}

.tooltip.remember-me {
    opacity: 1;
    display: flex;
    z-index: 1
}

.tooltip.remember-me .tooltiptext {
    margin-left: -90px
}

.rm-details {
    color: #da191e !important;
    margin-left: 5px
}

.brand-filter {
    margin-left: 26px;
    margin-top: 3px
}

.brand_letter_view_icon {
    cursor: pointer;
    margin-left: 10px
}

.mini-scroll::-webkit-scrollbar {
    width: 5px
}

.mini-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.mini-scroll::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.mini-scroll::-webkit-scrollbar-thumb:hover {
    background: grey
}

.mini-scroll::-moz-scrollbar {
    width: 5px
}

.mini-scroll::-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.mini-scroll::-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.mini-scroll::-moz-scrollbar-thumb:hover {
    background: grey
}

.mini-scroll:-moz-scrollbar {
    width: 5px
}

.mini-scroll:-moz-scrollbar-track {
    box-shadow: inset 0 0 5px #e6e6e6;
    border-radius: 10px
}

.mini-scroll:-moz-scrollbar-thumb {
    background: grey;
    border-radius: 10px
}

.datepicker-next-btn:hover,
.datepicker-prev-btn:hover {
    background-position: calc(100% - 8px) !important;
    background-repeat: no-repeat !important;
    background-size: 6px !important
}

.mini-scroll:-moz-scrollbar-thumb:hover {
    background: grey
}

.new-delete-modal-cnt {
    height: 175px !important
}

.vmi_strip {
    transform: rotate(328deg) translate(50%, -85px);
    color: #fff !important;
    font-size: 12px !important;
    opacity: .75;
    height: 6px;
    background-color: transparent;
    border-bottom: 15px solid #0058ff;
    border-left: 9px solid transparent;
    border-right: 24px solid transparent;
    font-weight: 700 !important;
    top: 113px;
    padding-bottom: 2px
}

.notice-tab-click {
    font-size: 14px;
    width: 50px;
    cursor: pointer;
    margin-right: 10px
}

.notice-tab-click.active {
    border-bottom: 4px solid #363636
}

.notice-tab-system {
    margin-bottom: 10px;
    border-bottom: 1px solid #363636;
    padding-bottom: 2px
}

.approval-pending-txt>span {
    display: initial !important;
    font-size: 12px !important;
    margin-right: 5px
}

.newOrderImg {
    top: 5px;
    left: 10px
}

.tooltip .newOrderTooltipTxt {
    width: 150px !important
}

.newOrderTooltipTxt {
    color: #fff !important;
    left: 85% !important;
    bottom: 110% !important
}

.p-payment-table-row.holdFlag>div {
    border-right: .5px solid #bababa
}

.scorecard-online-2-1 {
    padding: 15px;
    background-color: #fff;
    width: 100%;
    border-radius: 8px
}

.scorecard-online-2-1 div .scorecard-no-data {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.scorecard-no-data>img {
    margin: 10px auto
}

.graph {
    width: auto;
    margin-left: 20px
}

.ticks {
    margin-right: -21px;
    margin-left: 17px
}

.scoreCard-tooltip {
    margin-left: -117px !important;
    font-size: 13px !important
}

.scorecard-tooltip-div {
    padding: 0 !important;
    margin: 5px 0 0 10px !important
}

.info-div {
    width: 100% !important;
    display: flex !important;
    padding: 0 !important
}

.tooltip .scoreCard-tooltip::after {
    left: 24%
}

.selectOption {
    min-height: auto;
    max-height: 175px;
    overflow: auto
}

.activeCatalogTabs {
    margin-left: 15px;
    padding: 5px 30px;
    font-size: 14px;
    color: #363636;
    border-radius: 4px;
    background: 0 0;
    font-weight: 500;
    cursor: pointer
}

.activeCatalogTabs .catalogTab.active {
    border-bottom: 3px solid #d9232d
}

.info-tab.disabled {
    background-color: #f2f2f2 !important;
    color: #363636 !important;
    cursor: default !important;
    border: 0 !important
}

.notFound-div {
    width: 100%;
    background-color: #fff
}

.alertnew-danger {
    color: #000;
    background-color: #fff
}

.alert {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #0000;
    border-radius: .25rem;
    width: 300px
}

.landscape-alert {
    display: none;
    position: fixed;
    z-index: 1005;
    margin: auto;
    left: 0;
    right: auto;
    height: 100%;
    width: 100vw;
    top: 0;
    align-items: center;
    justify-content: center;
    background-color: #000000de
}

.browse_label,
.ticktAttachCta #attachAdditional {
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    cursor: pointer
}

#countdown {
    margin: 10px auto auto
}

#countdown-number {
    color: #000;
    display: inline-block;
    line-height: 40px
}

svg {
    top: 0;
    right: 0;
    transform: rotateY(-180deg) rotateZ(-90deg)
}

svg circle {
    stroke-dasharray: 113px;
    stroke-dashoffset: 0px;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke: black;
    fill: none;
    animation: 10s linear infinite forwards countdown
}

@keyframes countdown {
    from {
        stroke-dashoffset: 0px
    }

    to {
        stroke-dashoffset: 113px
    }
}

.tooltip .decimalTooltipText {
    width: max-content !important;
    color: #fff !important
}

.browse_label {
    background: no-repeat padding-box #3c3c3c;
    border-radius: 4px;
    padding: 10px 20px;
    color: #fff;
    display: flex;
    margin: 0;
    width: 233px
}

.tc_err {
    text-align: left;
    padding-top: 10px;
    margin-left: 20px
}

.box_err {
    border: 1px solid #d9232d;
    box-shadow: 1px 1px #d9232d;
    margin-top: 2px
}

.newBusinessSec .p-buise-sec .p-form-unit {
    width: calc(31% - 10px) !important
}

.disabled-div {
    opacity: .4;
    pointer-events: none
}

.verify-email-strip-div {
    padding: 8px;
    text-align: center;
    background: #ffead5;
    position: fixed;
    z-index: 8;
    width: 100%;
    top: 60px
}

.verify-email-strip-div .span1 {
    font-weight: 500;
    font-size: 14px
}

.verify-email-strip-div a {
    background-color: #d9232d;
    color: #fff;
    padding: 3px 8px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600
}

.verify-email-strip-div .span2 {
    color: gray;
    font-size: 13px
}

.profile_videoThumb {
    align-items: center;
    padding: 10px;
    background: no-repeat padding-box #f0f0f0;
    border-radius: 4px;
    margin-bottom: 10px
}

.profile_videoThumb .txtPart {
    display: flex;
    flex-direction: column;
    width: 60%;
    color: #000
}

.profile_videoThumb .txtPart .bottom {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 10px 0 0
}

.admin_panel_div .txt:hover,
.profile_videoThumb .Hindi_txt {
    color: #488eff
}

.profile_hindi_txt {
    color: #488eff !important
}

.datepicker--nav-action path {
    stroke: none !important
}

.datepicker-prev-btn {
    background-image: url(/images/keyboard-left-arrow-button.svg)
}

.datepicker-prev-btn:hover {
    background-image: url(/images/keyboard-left-arrow-button.svg) !important;
    width: 25px !important
}

.datepicker-next-btn {
    background-image: url(/images/keyboard-right-arrow-button.svg)
}

.datepicker-next-btn:hover {
    background-image: url(/images/keyboard-right-arrow-button.svg) !important;
    width: 25px !important
}

.background-position {
    background-position: calc(100% - 8px);
    background-repeat: no-repeat;
    background-size: 6px;
    width: 25px !important
}

.admin_panel_div {
    cursor: pointer;
    display: flex;
    width: 25%;
    margin-right: 0;
    margin-left: auto
}

.admin_panel_div .txt {
    font-size: 16px;
    color: #363636;
    margin: 15px 0 0;
    font-weight: 500
}

.admin_panel_div .arrow {
    animation: 2s infinite bounceRight;
    margin-top: 5px;
    padding-left: 32px;
    width: 57px
}

@-webkit-keyframes bounceRight {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    60% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

@-moz-keyframes bounceRight {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateX(0)
    }

    40% {
        transform: translateX(-30px)
    }

    60% {
        transform: translateX(-15px)
    }
}

@keyframes bounceRight {

    0%,
    100%,
    20%,
    50%,
    80% {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    60% {
        -ms-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

.viewUtr_dtl {
    padding: 2px 10px;
    border-radius: 4px;
    color: #d9232d;
    background: #ffebeb;
    margin-left: 40px;
    cursor: pointer
}

.utrdtl>div {
    justify-content: center;
    font-size: 12px
}

.paymentUtrWrapAction {
    flex-direction: column;
    align-items: flex-start
}

.inv-div {
    width: 150px;
    max-height: 165px;
    min-height: 120px;
    background: no-repeat padding-box #fff;
    box-shadow: 0 2px 8px #00000029;
    border: 1px solid #cfd2e2;
    opacity: 1;
    border-radius: 5px
}

.inner-inv-div {
    padding: 5px;
    border-bottom: 1px solid #8080803d;
    display: flex
}

.doc-span {
    color: #b91314;
    margin-top: 2px
}

.tip .decimalTooltipText {
    left: 50px
}

.nudge {
    background-color: #488eff;
    color: #fff;
    padding: 1px 4px;
    border-radius: 5px;
    margin-left: 6px;
    font-size: 12px
}

.tcktFilterModal {
    background-color: rgb(35 35 35 / 70%);
    padding-top: 0;
    align-items: center
}

.tcktFilterModal .modal-content {
    width: 385px !important;
    background: no-repeat padding-box #fff;
    border-radius: 8px;
    border: none;
    height: auto;
    overflow: unset;
    padding: 0
}
.tcktFilterModal .modal-content form{
    width: 100%;
}


.tcktFilterModal .head {
    position: relative;
    justify-content: space-between;
    align-items: center;
    display: flex;
    padding: 15px
}

.tcktFilterModal .head h3 {
    font-size: 14px;
    color: #363636;
    font-weight: 500
}

.tcktFilterModal .prodContent {
    display: flex;
    height: 35vh
}

.tcktCtaBottom {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-top: 1px solid #f1f1f1;
    padding: 12px 0
}

.tcktCtaBottom .reset {
    background-color: transparent
}

.tcktCtaBottom .split {
    background: no-repeat padding-box #d9232d;
    box-shadow: 0 2px 10px #00000029;
    border-radius: 4px;
    color: #fff;
    padding: 8px 50px
}

.poDropDown label {
    color: #363636;
    font-size: 10px;
    margin: 0 0 3px;
    display: inline-block
}

.poDropDown .selectCta {
    height: 40px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 2px 15px 0 10px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    background-image: url(/images/keyboard-down-arrow-button.svg);
    background-position: calc(100% - 8px);
    background-repeat: no-repeat;
    background-size: 10px;
    margin: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    border: 1px solid #363636;
    border-radius: 4px
}

.tcktFilterModal .prodContent .splitQtyLeft {
    width: 30%;
    background: no-repeat padding-box #fff;
    border-right: 1px solid #f1f1f1;
    padding: 0;
    flex-direction: column;
    display: flex
}

.tcktFilterModal .splitQtyLeft .p-cat-img-mdl {
    width: 100%;
    display: flex;
    justify-content: center
}

.tcktFilterModal .splitTextDetails .p-cat-msn-mdl {
    padding: 15px 0 4px
}

.tcktFilterModal .formFields {
    flex-direction: column;
    height: auto;
    padding: 0 20px 20px
}

.tcktFilterModal .formFields .poDropDown {
    display: flex;
    flex-direction: column;
    margin: 0 0 15px;
    width: 100%;
    padding: 0
}

.tcktFilterModal .poDropDown textarea {
    border: 1px solid #363636;
    border-radius: 4px;
    height: 100px;
    padding: 15px
}

.tcktFilterModal .ticktAttachCta {
    margin: 10px 0 20px
}

.ticktAttachCta #attachAdditional {
    border: 1px dashed #d9232d;
    border-radius: 4px;
    padding: 8px 0;
    color: #d9232d;
    display: flex;
    justify-content: center
}

.tcktFilterModal .ticktAttachCta button {
    border: 1px dashed #d9232d;
    border-radius: 4px;
    font-size: 14px;
    color: #d9232d;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    background: #fff;
    padding: 10px
}

.reachOutPopup .reachCta .continue,
.reachOutPopup .reachCta .rateNow {
    background: no-repeat padding-box #d9232d;
    border-radius: 4px;
    padding: 10px 35px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    font-weight: 500
}

.ticktAttachCta div img {
    width: 20px;
    margin: 0 0 0 5px
}

.ticktAttachCta .attachDisc {
    font-size: 10px;
    display: flex;
    color: #a2a2a2;
    justify-content: flex-end
}

.feedbackPopup .modal-content .feedBackImg {
    position: absolute;
    top: -10px;
    left: 50%
}

.feedbackPopup .modal-content {
    border-radius: 16px;
    width: 570px;
    overflow: unset !important;
    padding: 30px 50px
}

.feedbackPopup .modal-content .starFace {
    position: absolute;
    top: -93px;
    z-index: 99999 !important;
    left: 135px;
    width: 200px
}

.feedbackPopup .head h3 {
    font-size: 26px;
    font-weight: 600;
    color: #363636;
    padding: 25px 0 0
}

.feedbackPopup .popupContent {
    text-align: center;
    margin: 40px 0 10px
}

.reachOutPopup .modal-content {
    background: no-repeat padding-box #fff
}

.reachOutPopup .notifyMsg {
    font-size: 16px;
    color: #363636
}

.reachOutPopup .reachCta {
    width: 100%;
    text-align: center;
    padding: 30px 0 0
}

.itemIssuesPopup .modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mapInvoiceModal .modal-content {
    border: none;
    height: auto
}

.trn_info {
    width: 12px;
    margin-left: 5px
}

.trn_tooltip {
    display: none;
    background: no-repeat padding-box #363636;
    box-shadow: 0 1px 4px #00000029;
    position: absolute;
    line-height: 20px;
    top: -37px;
    left: -36px;
    font-size: 11px;
    padding: 7px;
    width: 325px;
    color: #fff;
    border-radius: 6px;
    z-index: 999
}

.sVideoWidget,
.sVideoWidgetActive {
    position: fixed;
    right: 0;
    background-color: #fff;
    z-index: 9;
    display: flex;
    cursor: pointer
}

.trn_tooltip::before {
    content: "";
    margin-top: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #363636
}

.sVideoWidget {
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-end;
    box-shadow: 0 0 5px #333;
    padding: 8px 5px;
    height: 120px;
    top: 75px !important;
    border-radius: 6px 0 0 6px
}

.sVideoWidget .top img {
    width: 18px;
    height: 18px
}

.sVideoWidget .bottom .lftItem {
    transform: rotate(180deg);
    position: relative
}

.sVideoWidget .bottom .rhtItem,
.sVideoWidgetActive .bottomContent .hideLbl {
    writing-mode: tb-rl;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    color: #d9232d;
    overflow: visible;
    transform: rotate(180deg);
    transform-origin: 50% 45%
}

.sVideoWidgetActive {
    width: 425px;
    flex-direction: column;
    padding: 8px 10px;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 8px 0 0 8px;
    z-index: 999;
}

.sVideoWidgetActive .topContent {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    font-size: 12px;
    color: #488efb
}

.sVideoWidgetActive .bottomContent .rht {
    width: 100%;
    padding: 10px 0 0
}

.supplierNewTabbing .rht {
    display: flex;
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    width: 24%
}

.digi-div {
    display: flex;
    font-size: 14px;
    cursor: pointer
}

.digi-div span:first-child {
    color: #488eff;
    margin-right: 5px
}

.file-div {
    display: flex;
}

.file-div .downloadIcon {
    margin-right: 10px;
}

.podMainWrap {
    display: none;
}

.mr-10 {
    margin-right: 10px !important;
}

.chooseFilePopup {
    display: none;
}

.ui-widget.ui-widget-content {
    display: none;
}