/*common fonts startsfont-family:*/
@font-face {
    font-family: 'RobotoRegular';
    src: url('../Fonts/RobotoRegular.eot') format('embedded-opentype');
    src: url('../Fonts/RobotoRegular.ttf') format('ttf'), url('../Fonts/RobotoRegular.woff') format('woff'), url('../Fonts/RobotoRegular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../Fonts/RobotoMedium.eot') format('embedded-opentype');
    src: url('../Fonts/RobotoMedium.ttf') format('ttf'), url('../Fonts/RobotoMedium.woff') format('woff'), url('../Fonts/RobotoMedium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto-Bold';
    src: url('../Fonts/Roboto-Bold.eot') format('embedded-opentype');
    src: url('../Fonts/Roboto-Bold.ttf') format('ttf'), url('../Fonts/Roboto-Bold.woff') format('woff'), url('../Fonts/Roboto-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoLight';
    src: url('../Fonts/RobotoLight.eot') format('embedded-opentype');
    src: url('../Fonts/RobotoLight.ttf') format('ttf'), url('../Fonts/RobotoLight.woff') format('woff'), url('../Fonts/RobotoLight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoThin';
    src: url('../Fonts/Roboto-Thin.eot') format('embedded-opentype');
    src: url('../Fonts/Roboto-Thin.ttf') format('ttf'), url('../Fonts/Roboto-Thin.woff') format('woff'), url('../Fonts/Roboto-Thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*common fonts end*/
html {
    position: relative;
    min-height: 100vh;
}

.modal-body .fullscreen .image-gallery-image {
    max-height: calc(80vh - 100px) !important;
}

.thumbnails-swipe-horizontal .image-gallery-thumbnail-inner {
    height: fit-content;
    width: 16px;
    margin: auto;
}

.thumbnails-swipe-horizontal .image-gallery-thumbnail {
    background: #fff;
}

.vendorPopup {
    margin-left: 42%;
}

.OrderStatus-SrchBar {
    background: #fcb913 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.Suppliersugg {
    margin-top: 10px;
}
/*reusable properties starts*/
.item-box, .total-order, .primary-btn, .custom_breadcrumb a, .custom_breadcrumb, .alert-text, .ZEUS_Grid tbody td, .custom-pagination .page-link,
.custom-btn-approve, .grid-btn-approve, .grid-btn-decline, .charge-code-group .input-group-text, .indicate-alert, .price-payment-label, .clear-btn,
.more-details, .shopping-order, .item-count, .quick-value, .search-category-field .item-details-value, .catalog-details-confirm {
    font-family: 'RobotoRegular';
}

.catalog-label, .priority-alert, .ZEUS_Grid thead th, .total-records, .loading-heading, .price-payment-value, .payment-label-title, .payment-label,
.item-count-bold, .custom-popup .modal-title, .cc-help-info, .quick-label, .login-btn, .self-reg, .back-to-login-btn, .custom-menu-nav a,
.headingl2, .table-head th, .table-body td, .catalog-label, .qty-count, .catalog-search-result, .catalog-id, .catalog-tabs .nav-item .nav-link.active,
.last-row-total tbody tr:last-child td, .confirm-label, .extended-label, .not-agree {
    font-family: 'RobotoMedium' !important;
}

.price-rate, .item-details-title, .fav-item-title, .bold-font, .price-payment-heading, .price-order-total, .attachment-remove-icon, .banner-heading .font-bold,
.accordion-title, .page-title, .search-rate, .catalog-title-id, .catalog-title-cost, .catalog-details-unit-price, .filter-title {
    font-family: 'Roboto-Bold' !important;
}

.banner-heading, .item-details-value, .loading-description, .payment-info, .cc-help-text, .password-info, .category-search-id,
.Catalog-Items .catalog-value, .hamburger-header, .footer-contacts {
    font-family: 'RobotoLight';
}

.font-thin {
    font-family: 'RobotoThin';
}

.primary-btn, .item-details-title, .priority-alert, .secondary-btn, .custom-pagination .page-link, .custom-btn-approve, .bold-font, .OSPD-prices,
.price-payment-label, .clear-btn, .payment-info, .payment-label, .more-details, .custom-popup .modal-title, .quick-label, .quick-value, .footer-links,
.navbar-brand-business-unit, .sdi-primary-nav > li > a, .popover-item-id-label, .popover-item-id-label, .popover-item-id-value, .popover-item-description,
.card-product-description, .card-product-quantity, .card-product-qty-label, .catalog-label, .catalog-value, .catalog-tabs .nav-item .nav-link, .accordion-headingl1 h5, .accordion-headingl2 h5,
.inner-list-item, .inner-list-item, .form-control, .bold, .page-result-detail, .order-details-footer-buttons, .price-text, .back-to-login-btn, .catalog-item-details-font-size,
.reg-cancel-btn, .txt-primary, .NC-helptext, .custom-file-label, .punchout-helptext, .cookie-info, .list-count, .qty-count, .profile-update-checkbox,
.optWrapper label, .tree-view-header, .extended-content, .filter-clear-btn, .hamburger-navigation .list-group-item-action {
    font-size: 14px !important;
}

.custom_breadcrumb a, .custom_breadcrumb, .alert-text, .dropdown-targetsearch .dropdown-toggle, .grid-btn-approve, .grid-btn-decline,
.cc-help-text, .copyright, .password-info, .helptext, .cart-count, .err-msg, .smaller-font, .catalog-shopping-result-responsive-font-size,
.pagination-responsive-property, .responsive-add-multiple-item-button, .catalog-search-result, .footer-contacts {
    font-size: 12px;
}

.dropdown-targetsearch .dropdown-item, .item-details-value, .update-fav, .prices label, .prices .price-calc, .prices .price-rate, .charge-code-group .input-group-text,
.indicate-alert, .fav-dropdown .dropdown-item, .attachment-file-name, .login-control, .forgot-pw, .supplier-self-reg, .footer-info, .ZEUS_Grid thead th,
.ZEUS_Grid thead th, .ZEUS_Grid tbody td, .ZEUS_approval_btn, .hiddenRow, .remove-order, .attachment-remove-icon, .txt-secondary,
.catalog-details-cart-button, .accordion-radio-font-size, .table-head th, .table-body td, .custom-menu-nav a, .accordion-container .inner-list-item,
.accordion-header, .category-search-id, .filter-checkbox, .last-row-total tbody tr:last-child td, .not-agree, .footer-copyrights-content {
    font-size: 13px !important;
}

.total-records, .fav-item-title, span.popover-totalcost-value, .large-font-size, .search-category, .search-rate,
.confirm-label {
    font-size: 18px;
}

.price-payment-heading, .price-payment-value, .payment-label-title, .price-order-total, .shopping-ext, .item-count, .close-btn, .cc-help-info,
.login-btn, .sdi-logged-user, .custom-welcome-dropdown-header, .order-approval-product-name, .headingl2, .bold-prop, .accordion-title,
.carousel-title, .confirm-content, .extended-label, .hamburger-header {
    font-size: 16px;
}

.image-gallery-index {
    background: #00000087;
    border-radius: 18px;
    font-size: 11px;
    padding: 6px !important;
    right: 7px !important;
    top: 4px !important;
}


.image-gallery-svg {
    height: 40px !important
}

.custom-fullscreen .fullscreen {
    width: 80% !important;
    height: 80% !important;
    margin-top: 5% !important;
    margin-bottom: 5% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
    max-height: calc(85vh - 100px) !important;
}

.sort-up-equ {
    position: absolute;
    /* top: 0px; */
    cursor: pointer;
    /* margin-bottom: 80px; */
    margin-top: -5px;
}

.sort-down-equ {
    position: absolute;
    /* bottom: 0px; */
    cursor: pointer;
    margin-left: 5px;
    margin-top: 8px;
}

.SerialNum {
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    width: 72px;
}

span#notes {
    margin-left: 16px;
    margin-top: 31px;
    /* margin-left: 294px; */
    font-style: italic;
    font-weight: bold;
    /*border-bottom: 1px solid #e4e3e3;*/
    /* border-top: 1px solid #e4e3e3; */
    padding-bottom: 15px;
}

.drop-shadow {
    box-shadow: 7px 7px 20px 0px rgb(0 0 0 / 30%), -1px 1px 10px -40px rgb(0 0 0 / 80%) inset;
    width: 587px;
    /* float: left; */
    margin-right: 250px;
    height: 264px;
    /* width: 601px; */
    /* float: left; */
    margin-right: 307px;
    margin-top: 29px;
}

.banner-heading {
    font-size: 21px;
}

.shopping-order, .font-thin, .catalog-details-unit-price {
    font-size: 23px;
}

.banner-heading .font-bold, .catalog-title-cost {
    font-size: 28px;
}

.loading-heading {
    font-size: 34px
}

.catalog-title-id {
    font-size: 36px
}

.navbar-brand {
    padding-bottom: 12px;
    padding-top: 0px;
}

.filters-search .accordion-header {
    font-size: 14px !important;
}

.custom-file-upload {
    border: 1px solid #fcb913;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background: #fcb913;
    font-weight: bold;
}

.custom_breadcrumb a, .custom_breadcrumb, .item-custom-control .custom-control-label::after, .FOM-grid .hiddenRow, .clear-btn, .clear-btn:hover,
.filter-clear-btn {
    background-color: #fff !important;
}

    .custom_breadcrumb .breadcrumb-item.active {
        color: #636363;
    }

.banner-heading, .alert-text, .primary-btn, .custom-pagination .page-item.active .page-link, .loading-heading, .charge-code-group .input-group-text, .fav-dropdown .dropdown-item,
.copyright, .login-btn, .custom-menu-nav a, .accordion-title, .headingl2, .cookie-info, .search-rate, .filters-search .accordion-header,
.Catalog-Items .catalog-value.catalog-id, .catalog-tabs .nav-item .nav-link, .catalog-details-unit-price, .profile-update-tab .nav-item .nav-link.active,
.optWrapper label, .not-agree, .footer-copyrights-content {
    color: #151723;
}

.profile-update-tab .nav-item .nav-link {
    display: inline-block;
    color: #8a8b91;
}

.update-fav, .forgot-pw, .forgot-pw:hover, .self-reg, .self-reg:hover, .footer-info, .footer-info:hover, .back-to-login-btn, .footer-links:hover {
    color: #a07819;
}

.dropdown-targetsearch .dropdown-toggle, .fav-item-title {
    color: #3b3b3b;
}

.alert-text {
    padding: 12px;
}

.alert-text-title {
    color: #f23030;
}

.footer-contacts, .clear-btn {
    color: #fdb913;
}

.order-id, .more-details, .attachment-file-name, .helptext-link, .custom_breadcrumb .breadcrumb-item + .breadcrumb-item::before, .category-search-id {
    color: #4995f2;
}

.login-control:focus, .cancel-btn, .cancel-btn:hover, .navbar-brand-business-unit, .custom-btn-secondary, .custom-btn-dark, .hamburger-header,
.ZEUS_approval_btn, .ZEUS_approve:hover, .ZEUS_decline:hover, .custom-btn-approve, .grid-btn-approve, .custom-btn-decline, .grid-btn-decline,
.custom-save-btn, .footer-links {
    color: #fff;
}

.add-new-icon, .shopping-bag, .archive-icon, .download-icon, .warning-icon, .history-icon, .right-pagination-arrow, .left-pagination-arrow, .credit-card-icon,
.shopping-search-icon, .edit-favs-icon, .fav-icon, .fav-right-arrow, .calendar-icon, .more-details:after, .edit-icon, .info-icon, .filter-info-icon, .copy-icon
.item-cart, .question-mark-icon, .filter-close-icon, .menu-arrow::after {
    display: inline-block;
    vertical-align: middle;
}

.list-count {
    color: #424242;
}

.qty-count {
    color: #696969;
}

.btn-primary {
    box-shadow: none !important;
}

.card-section {
    margin: 0px 49px;
    float: left;
}

.confirm-label, .confirm-content, .catalog-search-result, .hamburger-navigation .list-group-item-action {
    color: #222222;
}

.item-title {
    color: #3e3e3e;
    font-size: 14px !important;
    font-family: 'Roboto-Bold' !important;
}

.content-section {
    margin-top: 144px;
    padding-bottom: 90px;
}

.content-section-nobreadcrumb {
    margin-top: 120px;
    padding-bottom: 90px;
}

.favimg {
    position: relative;
    text-align: center;
}

    .favimg:hover {
        opacity: 0.6;
        color: gray;
        margin: -10% -10%;
    }

        .favimg:hover .favimgtext {
            display: block;
        }

.Image-ShoppingCart:hover {
    opacity: 0.6;
    color: gray;
}

.favimgtext {
    position: absolute;
    display: none;
    color: black;
    top: 37.5%;
    left: 37.5%;
    font-weight: 600;
    font-size: 1.2rem;
}

.footer {
    position: absolute;
    bottom: 0;
    right: 0px;
}

.card-item {
    padding: 0px 10px;
    margin-bottom: 20px;
}

@media only screen and (min-width:320px) and (max-width:1024px) {
    .image-gallery-content .image-gallery-slide .image-gallery-image {
        object-fit: none !important;
    }
}

@media only screen and (min-width:320px) and (max-width:1024px) {
    .card-item {
        padding: 0px 10px !important;
        width: 150px;
        margin-bottom: 36px;
    }

    .card-section {
        margin: 0px;
    }

    .content-section {
        margin-top: 10px !important;
    }

    .custom-scroll {
        overflow: auto;
        width: 100% !important;
    }
}
/* [12/15/22], PC_WW-552_FE_28, Dhevanesam R*/
@media (max-width:1024px) {
    .marginForms {
        margin-top: 150px !important;
    }
}

.marginFormCheckBox {
    margin-left: 1.5rem !important;
}

.marginFormRadioBtn {
    margin-left: 0.2rem !important;
}

button:focus {
    outline: none;
}

html {
    position: relative;
}
/*reusable properties end*/
/*Login page styles starts*/
.login-margin {
    margin-top: 10%;
}

body {
    font-family: 'RobotoRegular';
}

.forgot-pw {
    text-align: right;
    margin: 10px 0
}

.reg-cancel-btn {
    border: 2px solid #767676;
    color: #b7b7b9;
}

    .reg-cancel-btn:hover {
        border: 2px solid #5c5c5f;
        color: #5c5c5f;
    }

.logo {
    width: 230px;
    height: 55px;
}

.login-bg {
    background: url(../images/log-in-left.png) no-repeat;
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-size: 100% 100%;
}

.banner-content {
    bottom: 15px;
}

.login-shape-1 {
    background: url(../images/shape-1.png)no-repeat;
    background-position: 40px 5px;
    height: 489px;
    width: 264px;
}

.Login-form {
    background-color: #151723;
    position: relative;
    min-height: 100vh
}

.login-form-align {
    top: 100px;
}

.login-control {
    border: 0px solid #ccc;
    border-bottom: 1px solid #5c5c5f;
    background-color: transparent;
    color: #6a6a6a;
    border-radius: 0px;
    padding: 7px 22px;
}

.form-control:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid #ced4da;
}

.text-grey, .supplier-self-reg {
    color: #85858a;
}

.password-info {
    color: #989898;
}
/* .footer-seperator {
    position: relative;
} */
/* .footer-seperator:after {
    content: '';
    width: 1px;
    height: 10px;
    background-color: #ba8124;
    position: absolute;
    top: 2px;
} */
.footer-logo {
    position: absolute;
    bottom: 0;
}

.custom-margin {
    margin-bottom: 40px;
}

.swal-button {
    background-color: #fcb913;
    color: #333;
    border-color: #fcb913 !important;
    box-shadow: none !important;
    padding: 4px 20px !important;
}

.swal-footer {
    text-align: center !important;
    margin-top: 20px;
}

.swal-button:not([disabled]):hover {
    background-color: #fcb913;
}

.swal-text:first-child {
    margin-top: 45px !important;
    margin-bottom: -25px !important;
}

.swal-modal {
    width: 400px;
}

.swal-text {
    color: black;
    text-align: center !important;
    font-size: 16px;
}



.user-id::before {
    content: '';
    background: url(../images/user-profile.png)no-repeat;
    width: 14px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 10px;
}

.Password::before {
    content: '';
    background: url(../images/lock.png)no-repeat;
    width: 14px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 10px;
}

.Email::before {
    content: '';
    background: url(../images/email.png)no-repeat;
    width: 17px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 14px;
}

.company-name::before {
    content: '';
    background: url(../images/company.png)no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 10px;
}

.phone::before {
    content: '';
    background: url(../images/phone.png)no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 10px;
}

.cancel-btn {
    background-color: transparent;
    border: 1px solid #7f7f8a;
    padding: 6px 68px;
}

    .cancel-btn:hover {
        background-color: #474747;
    }

.sumbit-btn {
    padding: 6px 68px;
}

.footer-links {
    font-style: italic;
}

.slash {
    color: #fdb813;
}

.core-links {
    vertical-align: bottom;
}


/*footer starts*/
.footer {
    /* position: absolute;
    bottom: 0;
    left: 0; */
    float: left;
    width: 100%;
    background-color: #151723;
    padding: 10px 15px;
    /* z-index: 1; */
}

a.footer-contacts:hover {
    color: #ae8000;
}

.footer-slash {
    color: #7a7b80;
}

.footer-copyrights {
    position: absolute;
    bottom: -10px;
    left: -15px;
    height: 0;
    width: 0;
    border-right: 56px solid transparent;
    border-top: 54px solid #fdb913;
}

.footer-copyrights-content {
    position: absolute;
    left: 0;
    top: 0;
}

.content-margin {
    margin-bottom: 80px;
}

@media (max-width: 640px) {
    .footer-copyrights {
        border-left: 310px solid #fdb913;
        border-top: 40px solid #fdb913;
        top: -54px;
        bottom: auto;
    }

    .footer-content-wrap {
        word-break: break-word;
        width: 338px;
    }

    .content-margin {
        margin-bottom: 140px;
    }

    .custom-scroll {
        overflow: auto;
        width: 100% !important;
    }
}

@media (min-width: 641px) {
    .footer-copyrights {
        border-left: 331px solid #fdb913;
    }
}

@media (min-width: 1152px) {
    .footer-copyrights {
        border-left: 505px solid #fdb913;
    }
}

@media (min-width: 375px) and (max-width: 670px) {
    #CharacterCounterDiv {
        margin-left: 335px !important;
    }

    .request-count {
        right: 147px;
    }
}

@media (min-width: 920px) {
    #CharacterCounterDiv {
        margin-left: 487px !important;
    }
}

@media (min-width: 375) {
    .swal-modal {
        width: 400px;
    }
}

.footer-info {
    border-right: 1px solid #a07819;
}

    .footer-info:last-child {
        border-right: 0;
    }
/*footer end*/


/* .primary-btn {
    background-color: #e4a715;
    border: 1px solid #e4a715;
    color: #151723;
} */
.info::after {
    content: '';
    background: url(../images/login-info-icon.png)no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    left: auto;
    top: 14px;
    right: 0;
    bottom: auto;
}
/* #Registration .login-bg {
    height: 750px;
} */
/* Responsive Design styles */
@media (max-width: 1920px) and (min-width: 1367px) {
    .sumbit-btn, .cancel-btn {
        padding: 7px 75px;
    }
}

@media (max-width: 667px) and (min-width: 375px) {
    .swal-modal {
        width: 350px;
    }
}

@media (max-width: 767px) {
    .login-form-align {
        top: 45px;
    }

    .mob-inv-respnsive-dropdown {
        margin-bottom: 140px !important;
    }

    .custom-scroll {
        overflow: auto;
        width: 100% !important;
    }

    .errorspan1 {
        text-align: start !important;
        margin-left: 24px !important;
    }

    .errorspan1StockIsuue {
        text-align: start !important;
    }
}

@media (max-width: 420px) {

    .login-form-align {
        top: 20px;
    }

    .mob-w-100 {
        width: 90%;
    }

    .footer-info {
        font-size: 12px !important;
        margin-bottom: 10px;
    }

    .footer-content {
        font-size: 10px !important;
    }

    .sumbit-btn, .cancel-btn {
        padding: 7px 27px;
    }

    .font-24 {
        font-size: 19px;
    }

    .nowrap {
        white-space: nowrap;
    }

    .custom-scroll {
        overflow: auto;
        width: 100% !important;
    }
}

@media (min-width: 421px) and (max-width: 1023px) {
    .mob-w-100 {
        width: 92%;
    }

    .custom-scroll {
        overflow: auto;
        width: 100% !important;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {

    .search-content, .OSPD-prices, .moredetail-content {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .login-shape-1 {
        background-position: 20px 5px;
    }

    .mob-w-100 {
        width: 80%;
    }

    .custom-scroll {
        overflow: auto;
        width: 100% !important;
    }
}

.Scan-Icon {
    margin-bottom: 2px
}

span > #EmpDDid > div {
    min-height: 36px !important;
}

@media (max-width: 320px) {
    .sumbit-btn, .cancel-btn {
        padding: 7px 21px !important;
    }

    #Registration .login-shape-1 {
        height: 800px;
    }

    .custom-scroll {
        overflow: auto;
        width: 100% !important;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .catalog-inline-qty {
        width: 36px;
    }
    /*********NEW*(4/16/2021)*****************/
    .catalog-inline-qty-req {
        width: 22px;
    }
    /**********END**************/
    .waiting-inline-qty-req {
        width: 22px;
    }

    .prices {
        font-size: 12px !important;
    }

    .WelcomeArrow {
        left: auto !important;
    }

    .CHargeTextbox {
        width: 98% !important;
    }

    .ChargeCOdeDIvItem {
        max-width: 49% !important;
        flex: 40% !important;
    }

    .ChargeCOdeDIv {
        width: 83% !important;
    }

    .ChargeCodeBtn {
        width: 10% !important;
    }

    .Margin-top-CS {
        margin-top: 3px;
    }

    .Delivery-date {
        flex: 0 0 33.333333% !important;
        max-width: 30.333333% !important;
    }

    .EmployeCC {
        width: 218px !important;
    }

    button#ReqBtn {
        margin-bottom: 20px;
    }

    input#BUdLimitData {
        width: 75% !important;
    }
    /* [12/15/22], PC_WW-552_FE_28, Dhevanesam R*/
    .marginFormPageAlign {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 83.333333% !important;
        max-width: 83.333333% !important;
    }

    .Ipad-UI {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .Ipad-OSE {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ShoppingCart-Top-Button {
        margin-bottom: 5px !important;
    }

    button#ContinueShop1 {
        /*margin-top: 11px;*/
    }

    .Shopping-Cart-itemdiv {
        flex: 0 0 91.666667% !important;
        max-width: 83.666667% !important;
    }

    /*.Shopping-Cart-Quantity {
        flex: 0 0 14.333333% !important;
        max-width: 18.333333% !important;
    }*/

    .card-section {
        margin: 20px 64px !important;
    }

    /*.content-section {
        margin-top: 242px !important;
    }*/

    .jq-toast-wrap {
        left: 238px !important;
        top: 154px !important;
    }
    /*.jq-toast-wrap {
        left: 298px !important;
        top: 201px !important;
    }*/

    .Top-margin {
        margin-top: 231px !important;
    }

    .custom-iphone-padding {
        padding: 10px !important;
    }

    .container-fluid.req-margin {
        margin-top: 227px !important;
    }

    .alert-text {
        white-space: break-spaces;
        /*width: 50%;*/
    }
    /*.content-section {
        margin-top: 145px !important;
    }*/

    .Approval-mainDiv {
        max-width: 100%;
    }

    .profile-update-tab .nav-item {
        -ms-flex: 0 0 11.11%;
        flex: 0 0 25.11% !important;
        max-width: 47.11% !important;
    }

    .profile-update-tab {
        flex-wrap: unset !important;
        overflow: scroll !important;
    }

    .custom-search-content {
        max-width: 100%;
        flex: 100%;
    }

    .info-position {
        left: -166px !important;
        top: auto;
    }

    .infoleft {
        /*right: -231px !important;*/
        left: 20px;
    }

    .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        white-space: nowrap;
    }
    /* .login-shape-1 {
        right: 0;
        width: 125%;
    } */
}

@media (max-width: 1024px) and (min-width: 980px) {
    .footer-copyrights {
        border-left: 300px solid #fdb913;
    }
}

.sdi-pointer {
    cursor: pointer;
}

@media (max-width: 980px) {
    .footer-copyrights {
        border-left: 310px solid #fdb913;
        border-top: 40px solid #fdb913;
        top: -54px;
        bottom: auto;
    }

    .footer-copyrights-content {
        top: -42px;
    }

    .footer {
        padding: 30px 15px 15px;
    }

    .sdi-footer-text-break {
        word-break: break-all;
    }
}

@media (min-width: 980px) {
    .footer-float-right {
        float: right;
    }
}

@media (max-width: 600px) {
    .desktop-search, .custom-display {
        display: none;
    }
}

@media (max-width: 1200px) {
    .sdi-footer-text-break {
        word-break: break-all;
    }
}

.sdi-description-breakword {
    word-break: break-word;
    width: 200px;
}

.sdi-font-12 {
    font-size: 12px !important;
}

@media (max-width: 1023px) and (min-width: 600px) {
    .desktop-search {
        display: none;
    }
}

.self-reg, .back-to-login-btn, .order-id, .category-search-id, .helptext-link {
    text-decoration: underline;
}
/*Login page styles ends*/
.custom-menu-nav {
    text-align: center;
    list-style: none;
}
    /**.custom-menu-nav:first-child, .custom-menu-nav:last-child {
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%;
}**/
    .custom-menu-nav a {
        padding: 8px 10px;
        display: inline-block;
        text-transform: uppercase;
        font-family: 'Roboto-Bold' !important;
    }

.submenu-dropdown-arrow:hover {
    text-decoration: none;
}

.ord_img_img {
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
}

    .ord_img_img:hover {
        opacity: 0.6;
        position: relative;
    }

.ord_img_icon {
    display: none;
}

.ord_img_img:hover .ord_img_icon {
    display: block;
    position: absolute;
    top: 45%;
    left: 45%;
}

.custom-dropdown-toggle::after, .user-dropdown-toggle::after, .submenu-dropdown-arrow::after {
    background: url(../images/home-menu-arrow.png) no-repeat;
    width: 9px;
    height: 5px;
    border: 0;
    vertical-align: middle;
}

.user-dropdown-toggle::after {
    background: url(../images/user-down-arrow.png) no-repeat;
    width: 15px;
    height: 9px;
}

.submenu-dropdown-arrow::after {
    background: url(../images/submenu-down-arrow.png) no-repeat;
    width: 9px;
    height: 6px;
}

.bg-dark-sdi-nav {
    background-color: #151723 !important;
    border-bottom: 1px solid #474a53;
    padding: 0 15px;
}

.navbar-brand-business-unit {
    padding: 5px;
}

.sdi-primary-nav > li > a {
    color: #efae14 !important;
    padding: 7px 15px !important;
}

.navbar-toggler {
    background: #fdb913;
    display: block;
    padding: 5px 10px;
}

.sdi-logo {
    width: 180px;
    height: 44px;
}

.sdi-logged-user {
    color: #838287 !important;
}

#hamburger-menu-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    z-index: 100000;
}

    #hamburger-menu-container #hamburger-menu-container-background {
        position: absolute;
        will-change: opacity;
        height: 100%;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
    }

        #hamburger-menu-container #hamburger-menu-container-background.hmenu-dark-bkg-color {
            background-color: rgba(31, 18, 18, 0.5);
        }

        #hamburger-menu-container #hamburger-menu-container-background.hmenu-transparent {
            opacity: 0;
        }

        #hamburger-menu-container #hamburger-menu-container-background .hmenu-close-icon {
            background-position: -190px -288px;
            left: 380px;
            top: 20px;
            cursor: pointer;
            position: fixed;
            width: 20px;
            height: 20px;
        }

        #hamburger-menu-container #hamburger-menu-container-background.hmenu-opaque {
            opacity: 1;
        }

.nav-sprite {
    background-image: url(https://images-na.ssl-images-amazon.com/images/G/31/gno/sprites/nav-sprite-global_bluebeacon-V3-1x_optimized._CB468962293_.png);
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 10px;
    top: 20px;
    cursor: pointer
}

.hmenu-close-icon {
    background-image: url(../images/close.svg);
    background-repeat: no-repeat;
    background-size: 15px 24px;
    cursor: pointer;
}

#hamburger-menu-container #hamburger-canvas {
    width: 320px;
}

#hamburger-menu-container #hamburger-canvas {
    position: fixed;
    background-color: #fff;
    flex-direction: column;
    height: 100%;
    box-shadow: 4px 0 10px 0 rgba(0,0,0,.4);
    /*overflow: auto;*/
}

#hamburgermenu {
    background: transparent;
}

.showvisible {
    visibility: visible !important
}

.hamburger-navigation {
    height: 442px !important; /*NEW1***REMOVED(2/3/2021)*/
    /*height: 61% !important;*/ /*NEW1*/
    /*padding-bottom: 100px;*/
    overflow: auto;
}
/*14/08/2023, 3966 - css for pagination dropdown - Divis Kumar R K*/
.margin {
    margin-top: 15px;
}

div#hamburger-canvas > .hamburger-navigation {
    /*overflow: auto;*/
}

div#non-catalog a.list-group-item.list-group-item-action.border-0:last-child {
    margin-bottom: 120px;
}

.logoutbtn {
    width: 50%;
    /*NEW1***ADDED*/
    /*margin: 10px auto 48px auto;**NEW1**REMOVED*/
    padding: 10px;
    border: 1px solid #ccc;
}

.h-line {
    border-bottom: 1px solid #ccc;
}

.dropdown-triangle {
    right: -5px !important;
}



.dropdown-width {
    width: 339px !important;
}

.disablecart {
    opacity: 0.5; /* Adjust the opacity to your desired level */
    pointer-events: none; /* Disable pointer events to prevent interactions */
    filter: grayscale(100%);
}


.custom-welcome-dropdown {
    right: 0;
    width: 390px;
    left: auto;
    position: absolute !important;
    box-shadow: 0px 4px 11.76px 0.24px rgba(0, 0, 0, 0.09);
    border: 0;
    cursor: pointer;
}

.custom-welcome-dropdown-header {
    font-family: 'Roboto-Bold';
}

.custom-list-group .list-group-item:hover {
    color: #ffb715;
    text-decoration: underline;
}

.custom-list-group .list-group-item {
    background: transparent;
}

.custom-list-group {
    font-size: 14px;
    max-height: 373px;
    overflow-y: auto;
    overflow-x: hidden;
}

.custom-fav-icon {
    width: 12px;
    margin: 0 5px 0 0;
}

.custom-nav-link {
    display: inline;
    position: relative;
}

.position-badge {
    position: relative;
    display: inline-block;
}


.cart-count {
    position: absolute;
    background: #fff;
    top: -6.8px; /*NEW1**CHANGED***/ /*top: 0;*/
    border-radius: 50%;
    /* padding: 1px 4px;*/ /*NEW1*/
    padding: 3px 6px;
    right: 10px;
    text-align: center;
}

.image-parent {
    width: 20%;
    float: left;
    max-height: 60px;
    overflow: hidden;
}

.popover-cart-leftpane {
    float: left;
    padding-left: 10px;
    line-height: normal;
    width: 80%;
}

.popover-item-id-label {
    font-weight: bold;
}

.popover-item-cost {
    font-weight: bold;
}

.popover-shopping-background:hover {
    background: #fef5e3;
}

.popover-shopping-totalcost {
    float: left;
}

.popover-shopping-addcart {
    float: right;
}

.addtocart {
    width: 14px;
}

.expedite-panel-item-details-container .custom-btn-primary {
    background: #fcb913 !important;
    color: #333 !important;
    /* font-weight: bold; */
    border-color: #fcb913 !important;
    font-size: 14px !important;
}

.custom-createNew-primary {
    background: #fcb913 !important;
    color: #333 !important;
    /* font-weight: bold; */
    border-color: #fcb913 !important;
    font-size: 12px !important;
}

.custom-btn-primary:hover, .clear-btn:hover, .custom-btn-primary:not(:disabled):not(.disabled):active, .custom-btn-primary:focus,
.show > .custom-btn-primary.dropdown-toggle {
    background: #ae8000;
    border-color: #ae8000;
    color: #333;
    font-family: 'RobotoMedium' !important;
    font-size: 14px;
}

.custom-btn-secondary {
    background: #7b7b7b;
    font-weight: bold;
}

.footer-content {
    font-style: italic;
    font-size: 14px;
    color: #fff;
}

.custom-btn-secondary:hover {
    background: #656565;
}

.custom-btn-dark {
    background: #151723;
    font-weight: bold;
}

    .custom-btn-dark:hover {
        background: #2b335f;
    }

span.popover-totalcost-value {
    font-weight: bold;
}

.info-content-section {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
    padding: 10px;
    min-width: 200px;
    left: 302px;
    top: -4px;
    display: none;
}


.info:hover .info-content-section {
    display: block;
}

.info::after {
    content: '';
    background: url(../images/login-info-icon.png)no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    left: auto;
    top: 14px;
    right: 0;
    bottom: auto;
    cursor: pointer;
}

/********************/
.fav-order-dropdown:hover > .dropdown-menu {
    display: block;
    top: 97%;
}

.fav-order-dropdown li:hover > .dropdown-menu {
    display: block;
}

.fav-order-dropdown .dropdown-submenu {
    position: relative;
}

    .fav-order-dropdown .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }


#hamburgermenu .navbar-toggler-icon {
    background: url(../Images/hamburger.svg) no-repeat !important;
    background-position: 3px 6px !important;
}

#hamburgermenu {
    background: transparent;
    padding: 5px 7px;
}

    #hamburgermenu:hover {
        background: #fdb913;
    }

.hamburger-header {
    background: #151723 !important;
    padding: 20px 10px;
    height: 62px /*height:10%;*/ /*NEW1**ADDED*/
}

.card-image-container {
    height: 160px;
    overflow: hidden;
    width: 100%;
}


.card-product-add-qty {
    width: 60px;
    display: inline;
    height: 30px;
}

.card-product-id {
    margin-bottom: 0px !important;
}

.card-product-description {
    color: #767676;
}

.card-product-add-cart-panel {
    margin-top: 2px;
}

.product-card-btn {
    border-radius: 50%;
    border: none;
    padding: 3px 15px;
    background-color: #6eb126;
    background-image: url(../Images/cart.svg);
    background-repeat: no-repeat;
    background-position: 7px 8px;
    background-size: 16px 14px;
}

.card-product-rate.float-left {
    font-weight: bold;
}

.card-product-qty-label {
    margin-bottom: 0;
}

.card-favorite-panel {
    position: absolute;
    right: 0;
}

/*************************/


/****************/
.catalog-img-border {
    border: 1px solid #ededed;
}
/****************/


/*************/
.catalog-tabs {
    border: 1px solid #dee2e6;
}

    .catalog-tabs .nav-item {
        margin: 0 10px;
    }

.catalog-tab-content {
    border: 1px solid #dee2e6;
    border-top: none;
}

.catalog-tabs .nav-item .nav-link {
    border-bottom: 3px solid #fff !important;
    border: none;
    padding: 12px 0px;
    margin: 0px 15px;
}

    .catalog-tabs .nav-item .nav-link.active {
        border-bottom-color: #fcb912 !important;
    }

.catalog-details-qty {
    width: 100px;
    float: left;
    margin-right: 15px;
}

.catalog-details-confirm {
    color: #32ae5e;
}

.ZEUS_Grid thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
    background: #eeeeee;
}

.ZEUS_Grid thead th, .ZEUS_Grid tbody td {
    vertical-align: middle;
    /** white-space: nowrap;**/
}

.ZEUS_approval_btn {
    padding: 3px 10px;
}

.ZEUS_approve {
    background: #129626;
    border-color: #129626;
}

    .ZEUS_approve:hover {
        background: #0c731c;
    }

.ZEUS_decline {
    background: #cf2f2f;
    border-color: #cf2f2f;
}

    .ZEUS_decline:hover {
        background: #ad1d1d;
    }
/************/

.heart-svg {
    cursor: pointer;
    overflow: visible;
    width: 40px;
    height: 40px;
}

svg .heart {
    -webkit-transform-origin: center;
    -moz-transform-origin: centere;
    -ms-transform-origin: center;
    -o-transform-origin: centere;
    transform-origin: center;
    transform-origin: center;
    animation: animateHeartOut 0.3s linear forwards;
}

.heart {
    stroke: #9c9c9c;
    stroke-width: 3px;
}

svg .main-circ {
    -webkit-transform-origin: 29.5px 29.5px;
    -moz-transform-origin: 29.5px 29.5px;
    -ms-transform-origin: 29.5px 29.5px;
    -o-transform-origin: 29.5px 29.5px;
    transform-origin: 29.5px 29.5px;
}

.checknow {
    display: none;
}

    .checknow:checked + label svg .heart {
        -webkit-transform: scale(0.2);
        -moz-transform: scale(0.2);
        -ms-transform: scale(0.2);
        -o-transform: scale(0.2);
        transform: scale(0.2);
        fill: #fcb912;
        stroke: #fcb912;
        -webkit-animation: animateHeart 0.3s linear forwards 0.25s;
        -moz-animation: animateHeart 0.3s linear forwards 0.25s;
        -ms-animation: animateHeart 0.3s linear forwards 0.25s;
        -o-animation: animateHeart 0.3s linear forwards 0.25s;
        -animation: animateHeart 0.3s linear forwards 0.25s;
    }

    .checknow:checked + label svg .main-circ {
        -webkit-transition: all 2s;
        -moz-transition: all 2s;
        -ms-transition: all 2s;
        -o-transition: all 2s;
        transition: all 2s;
        -webkit-animation: animateCircle 0.3s linear forwards;
        -moz-animation: animateCircle 0.3s linear forwards;
        -ms-animation: animateCircle 0.3s linear forwards;
        -o-animation: animateCircle 0.3s linear forwards;
        animation: animateCircle 0.3s linear forwards;
        opacity: 1;
    }

    .checknow:checked + label svg .grp1 {
        opacity: 1;
        -webkit-transition: 0.1s all 0.3s;
        -moz-transition: 0.1s all 0.3s;
        -ms-transition: 0.1s all 0.3s;
        -o-transition: 0.1s all 0.3s;
        transition: 0.1s all 0.3s;
    }

        .checknow:checked + label svg .grp1 .oval1 {
            -webkit-transform: scale(0) translate(0, -30px);
            -moz-transform: scale(0) translate(0, -30px);
            -ms-transform: scale(0) translate(0, -30px);
            -o-transform: scale(0) translate(0, -30px);
            transform: scale(0) translate(0, -30px);
            -webkit-transform-origin: 0 0 0;
            -moz-transform-origin: 0 0 0;
            -ms-transform-origin: 0 0 0;
            -o-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
            -webkit-transition: 0.5s transform 0.3s;
            -moz-transition: 0.5s transform 0.3s;
            -ms-transition: 0.5s transform 0.3s;
            -o-transition: 0.5s transform 0.3s;
            transition: 0.5s transform 0.3s;
        }

        .checknow:checked + label svg .grp1 .oval2 {
            -webkit-transform: scale(0) translate(10px, -50px);
            -moz-transform: scale(0) translate(10px, -50px);
            -ms-transform: scale(0) translate(10px, -50px);
            -o-transform: scale(0) translate(10px, -50px);
            transform: scale(0) translate(10px, -50px);
            -webkit-transform-origin: 0 0 0;
            -moz-transform-origin: 0 0 0;
            -ms-transform-origin: 0 0 0;
            -o-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
            -webkit-transition: 1.5s transform 0.3s;
            -moz-transition: 1.5s transform 0.3s;
            -ms-transition: 1.5s transform 0.3s;
            -o-transition: 1.5s transform 0.3s;
            transition: 1.5s transform 0.3s;
        }

    .checknow:checked + label svg .grp2 {
        opacity: 1;
        transition: 0.1s all 0.3s;
    }

        .checknow:checked + label svg .grp2 .oval1 {
            transform: scale(0) translate(30px, -15px);
            transform-origin: 0 0 0;
            transition: 0.5s transform 0.3s;
        }

        .checknow:checked + label svg .grp2 .oval2 {
            transform: scale(0) translate(60px, -15px);
            transform-origin: 0 0 0;
            transition: 1.5s transform 0.3s;
        }

    .checknow:checked + label svg .grp3 {
        opacity: 1;
        transition: 0.1s all 0.3s;
    }

        .checknow:checked + label svg .grp3 .oval1 {
            transform: scale(0) translate(30px, 0px);
            transform-origin: 0 0 0;
            transition: 0.5s transform 0.3s;
        }

        .checknow:checked + label svg .grp3 .oval2 {
            transform: scale(0) translate(60px, 10px);
            transform-origin: 0 0 0;
            transition: 1.5s transform 0.3s;
        }

    .checknow:checked + label svg .grp4 {
        opacity: 1;
        transition: 0.1s all 0.3s;
    }

        .checknow:checked + label svg .grp4 .oval1 {
            transform: scale(0) translate(30px, 15px);
            transform-origin: 0 0 0;
            transition: 0.5s transform 0.3s;
        }

        .checknow:checked + label svg .grp4 .oval2 {
            transform: scale(0) translate(40px, 50px);
            transform-origin: 0 0 0;
            transition: 1.5s transform 0.3s;
        }

    .checknow:checked + label svg .grp5 {
        opacity: 1;
        transition: 0.1s all 0.3s;
    }

        .checknow:checked + label svg .grp5 .oval1 {
            transform: scale(0) translate(-10px, 20px);
            transform-origin: 0 0 0;
            transition: 0.5s transform 0.3s;
        }

        .checknow:checked + label svg .grp5 .oval2 {
            transform: scale(0) translate(-60px, 30px);
            transform-origin: 0 0 0;
            transition: 1.5s transform 0.3s;
        }

    .checknow:checked + label svg .grp6 {
        opacity: 1;
        transition: 0.1s all 0.3s;
    }

        .checknow:checked + label svg .grp6 .oval1 {
            transform: scale(0) translate(-30px, 0px);
            transform-origin: 0 0 0;
            transition: 0.5s transform 0.3s;
        }

        .checknow:checked + label svg .grp6 .oval2 {
            transform: scale(0) translate(-60px, -5px);
            transform-origin: 0 0 0;
            transition: 1.5s transform 0.3s;
        }

    .checknow:checked + label svg .grp7 {
        opacity: 1;
        transition: 0.1s all 0.3s;
    }

        .checknow:checked + label svg .grp7 .oval1 {
            transform: scale(0) translate(-30px, -15px);
            transform-origin: 0 0 0;
            transition: 0.5s transform 0.3s;
        }

        .checknow:checked + label svg .grp7 .oval2 {
            transform: scale(0) translate(-55px, -30px);
            transform-origin: 0 0 0;
            transition: 1.5s transform 0.3s;
        }

    .checknow:checked + label svg .grp2 {
        opacity: 1;
        transition: 0.1s opacity 0.3s;
    }

    .checknow:checked + label svg .grp3 {
        opacity: 1;
        transition: 0.1s opacity 0.3s;
    }

    .checknow:checked + label svg .grp4 {
        opacity: 1;
        transition: 0.1s opacity 0.3s;
    }

    .checknow:checked + label svg .grp5 {
        opacity: 1;
        transition: 0.1s opacity 0.3s;
    }

    .checknow:checked + label svg .grp6 {
        opacity: 1;
        transition: 0.1s opacity 0.3s;
    }

    .checknow:checked + label svg .grp7 {
        opacity: 1;
        transition: 0.1s opacity 0.3s;
    }

@keyframes animateCircle {
    40% {
        transform: scale(10);
        opacity: 1;
        fill: #dd4688;
    }

    55% {
        transform: scale(11);
        opacity: 1;
        fill: #d46abf;
    }

    65% {
        transform: scale(12);
        opacity: 1;
        fill: #cc8ef5;
    }

    75% {
        transform: scale(13);
        opacity: 1;
        fill: transparent;
        stroke: #cc8ef5;
        stroke-width: 0.5;
    }

    85% {
        transform: scale(17);
        opacity: 1;
        fill: transparent;
        stroke: #cc8ef5;
        stroke-width: 0.2;
    }

    95% {
        transform: scale(18);
        opacity: 1;
        fill: transparent;
        stroke: #cc8ef5;
        stroke-width: 0.1;
    }

    100% {
        transform: scale(19);
        opacity: 1;
        fill: transparent;
        stroke: #cc8ef5;
        stroke-width: 0;
    }
}

@keyframes animateHeart {
    0% {
        transform: scale(0.2);
    }

    40% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes animateHeartOut {
    0% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
}







/*************/

.hiddenRow {
    padding: 0 4px !important;
    background-color: #f8f8f8;
}

.accordion-toggle .accordion-arrow {
    background-image: url(../Images/chevron-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: block;
}

.Waitreq-accordion-toggle {
    background-image: url(../Images/chevron-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: none;
    margin-top: 48px;
    border-bottom: none !important;
}

.thBG {
    background: #eeeeee !important;
}

.waitReqApproveBtn-Margin {
    margin-right: 5px;
}

.accordion-toggle .accordion-arrow1 {
    background-image: url(../Images/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: block;
}

.accordion-arrow-change {
    background-image: url(../Images/chevron-down.svg) !important;
    background-position: center;
}

.accordion-arrow-change1 {
    background-image: url(../Images/chevron-down.svg) !important;
    background-position: center;
}

.order-approval-product-name {
    font-weight: bold;
}

.catalog-inline-qty {
    width: 34px;
    height: 34px;
    padding: 0 5px;
}
/*********NEW*(4/16/2021)*****************/
.catalog-inline-qty-req {
    width: 22px;
    height: 20px;
    padding: 0 5px;
}
/**********END**************/
.waiting-inline-qty-req {
    width: 22px;
    height: 20px;
    padding-right: 60px;
}

.price-rate {
    margin: 0 5px;
}

.price-calc {
    margin: 0 8px 0 0;
}

.remove-order, .attachment-remove-icon {
    color: #f84e4e;
}

.removeorder-icon {
    width: 15px;
}

.charge-code-group {
    width: auto;
}

.cc-label {
    float: right;
}
/* input.form-control:after {
    background-image: url(../Images/filter-search.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: right;
    padding: 10px 60px;
    content: "";
    position: relative;
    z-index: 100;
    width: 20px;
    height: 20px;
} */

/*Home Page Styles starts*/

/*Accordion Styles starts*/
.accordion-container {
    box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.07);
    border: 2px solid #f2f2f2
}

    .accordion-container .card-header {
        /* border:none; */
        box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.07);
        /** z-index: 1;**/
    }

.accordion-title {
    font-weight: bold;
    padding: 12px;
    background-color: #fdb813;
}

.accordion-header {
    padding: 15px 23px;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #fdb813;
}

.accordion-container .inner-list-item, .accordion-header, .filter-checkbox {
    color: #515255;
}

.card.border-0 {
    margin-bottom: -2px;
}

.collapse .card.border-0 {
    margin-bottom: -1px;
}

.accordion-heading:after {
    content: "";
    background-image: url(../images/accordion-arrowright.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 6.5px 5.5px;
    background-color: #f6f5f4;
    width: 24px;
    height: 24px;
    border: 1px solid #fdb813;
    border-radius: 50%;
    right: 10px;
    position: absolute;
    top: 19px;
    cursor: pointer;
}

.accordion-headingl1:after {
    width: 20px;
    height: 20px;
    background-size: 9px;
    background-position: 5.5px 5px;
    right: 12px;
}

.accordion-headingl2:after {
    width: 20px;
    height: 20px;
    background-size: 9px;
    background-position: 5.5px 5px;
    right: 12px;
}

.accordion-heading[aria-expanded="true"]:after, .accordion-heading1[aria-expanded="true"]:after {
    background-image: url(../images/accordion-arrowdown.svg);
    background-position: 5.0px 5.7px;
}

.accordion-heading1[aria-expanded="true"]:after, .accordion-heading2[aria-expanded="true"]:after {
    background-image: url(../images/accordion-arrowdown.svg);
    background-position: 4.9px 5.7px;
}

.CatalogLookUp {
    height: 350px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.accordion-headerl1 {
    background-color: #f8f8f8;
    border: none;
    border-bottom: 1px solid #eaeaea;
}

.accordion-headerl2 {
    background-color: #f8f8f8;
    border: none;
    border-bottom: 1px solid #eaeaea;
}

.accordion-headerl1 h5 {
    color: #76767b;
}

.accordion-headerl2 h5 {
    color: #76767b;
}

.inner-list-item {
    border: 0;
    padding: 10px;
}

.card .collapse {
    z-index: 0;
}
/*Accordion Styles ends*/

/*slick carousel starts*/
.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0;
    /* border-bottom: 1px solid #d6d6d6; */
}

    .slick-track:after, .slick-track:before {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}
/*.slick-slide img {
	display:block
}*/
.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}
/*# sourceMappingURL=slick.min.css.map */
/*slick carousel dots starts*/
.slick-dots {
    position: absolute;
    top: 5px;
    padding: 0;
    margin: 0;
    list-style: none;
    right: 10px;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 5px;
    }

        .slick-dots li button {
            font-size: 0;
            padding: 5px;
            cursor: pointer;
            outline: none;
            border-radius: 100%;
            width: 10px;
            height: 10px;
            border: 1px solid #8d8d8d;
            background-color: #fff;
            display: block;
        }

li.slick-active button {
    background-color: #702076;
    width: 15px;
    height: 15px;
}

.cosmic-slick-carousel.shadow {
    box-shadow: 0px 3px 18.62px 0.38px rgba(0, 0, 0, 0.09) !important;
}
/*slick carousel dots end*/
/*slick carousel end*/
.title-txt {
    font-family: 'Roboto-Bold';
}

.page-title {
    padding: 10px 0;
    border-bottom: 1px solid #e4e3e3;
}

.center-panel {
    margin: 12px auto;
}

/******Added following classes stop avoid scroll input login page, empty searc result & stop avoid space btw title command breadcrumb*************/

.login-shape-2 {
    background: url(../images/shape-1.png)no-repeat;
    background-position: center;
    height: 462px;
    width: 132px;
}

.sdi-top-margin-width {
    width: 94px;
    margin: 0px 8px;
}

.sdi-custom-automargin {
    align-items: center;
    height: 90vh;
}

.MuiIconButton-root {
    padding: 0px;
}

.content-section-title {
    margin-top: 9%;
    padding-bottom: 90px;
}

.Top-margin-title {
    margin-top: 11%;
}

.center-panel-1 {
    margin: 0% auto 0%;
}

/***********************************************/
.search-lg {
    width: 100%;
    border-radius: 30px;
    outline: none;
    padding: 15px 105px 15px 25px;
    border: 1px solid #dfab2b;
    box-shadow: 1px 0px 8px 5px #f8f3f3;
    height: 56px;
}

.ordernum-combobox {
    margin-left: 136px;
    /* margin-top: 51px; */
}

.search-ordernum {
    width: 100%;
    border-radius: 3px;
    outline: none;
    padding: 15px;
    border: 1px solid #dfab2b;
    box-shadow: 1px 0px 8px 5px #f8f3f3;
    height: 56px;
}

.sdi-shadow-bg {
    background: white;
    box-shadow: 1px 0px 8px 5px #f8f3f3;
    padding: 15px;
    border-radius: 3px;
}

.sdi-zindex-reprint {
    z-index: 9999;
}

.search-icon {
    width: 16px;
}

.search-icon-bg {
    position: absolute;
    right: 0;
    padding: 16px;
    border-radius: 0 25px 25px 0;
    background-color: #fcb913;
    cursor: pointer;
}

.navicon-container {
    display: block;
    padding: 20px;
    text-align: center;
    box-shadow: 0px 3px 18.62px 0.38px rgba(0, 0, 0, 0.09);
    margin-bottom: 10px;
}

    .navicon-container img {
        width: 50px;
    }

    .navicon-container:hover {
        box-shadow: 0 0 8px #f8e0bf;
    }

.nav-txt {
    display: block;
    color: #444;
    margin: 10px 0 0;
    font-size: 13px;
}

.txt-primary {
    color: #7a7a7a;
}

.txt-secondary {
    color: #5a5a5a;
}

.home-arrow-right {
    width: 13px !important;
    display: block;
    margin: 10px 0 0 auto;
    text-align: right;
}

.carousel-title {
    text-align: center;
    color: #515151;
}

.suggested-txt {
    color: #2a86e1;
    font-style: italic;
}

/*Home Page Styles ends*/

/*Form styles - Noncatalog entry*/
.form-container .btn {
    padding: 4px 20px
}

.err-msg {
    margin-top: 5px;
    color: #f31d1d !important;
}

.searchicon-black {
    background-image: url(../images/search-black.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    background-color: #fdb813;
    background-position: 9px 9px;
    padding: 15px 17px;
    cursor: pointer;
}

    .searchicon-black:hover {
        background-color: #e9a607;
    }

.mandatory:after {
    content: " *";
    color: #dc3545;
}

.mandatory-after:after {
    content: " *";
    color: #dc3545;
}

.form-label {
    margin-top: 8px;
}

.custom-textarea {
    resize: none;
}

input[type=file] {
    padding: 3px;
}
/*Form styles - Noncatalog entry*/

/*Punchout page styles*/
.alert-panel {
    background-color: #fdb913;
    position: fixed;
    bottom: 0;
    padding: 20px 33px;
    left: 0;
    z-index: 9999;
}

.vendorlogo-container {
    box-shadow: 0px 3px 18.62px 0.38px rgba(0, 0, 0, 0.09);
    margin-top: 15px;
    text-align: center;
    height: 100px;
    line-height: 100px;
}

    .vendorlogo-container:hover {
        box-shadow: 0px 0px 8px #ffecc1;
    }

.cookie-info {
    padding-top: 8px;
}

.corereturn {
    overflow: initial !important
}

.jq-toast-single {
    text-align: left;
    left: 48px;
}

.returncore {
    background: #1F2743 !important;
    color: #fff !important;
    /* font-weight: bold; */
    border-color: #1F2743 !important;
    font-size: 14px !important;
}
/*Punchout page styles*/
/*Search page styles starts here - need check*/
.carousel-image {
    margin: 20px auto;
    max-width: 140px;
    max-height: 50px;
}

.notification-icon-arrow::after {
    visibility: hidden;
}
/*
.caraousel-tagline
{
    text-align: center;
}

.accordion-border-shadow
{
    box-shadow: 0px 0px 10px 2px #d4d4d4;
    border:1px solid orange;
}
.catalog-lookup-title
{
    font-weight: bold;
    padding: 12px;
    background-color: orange;
}
.inner-menu-prop
{
    font-size: 14px;
    color: black;
}

.inner-menu-color
{
    font-size: 14px;
    background-color: #f7f7f7;
    color: #505050;
}
.accordion-filter-inner-menu
{
    padding: 3px;
    cursor: pointer;
}
.accordion-menu-background-color
{
    background-color:white;
}
.border-bottom-custom-color
{
    border-bottom: 1px solid orange;
}

.border-inner-bottom
{
    border-bottom: 1px solid #a9a6a6;
}
.inner-color
{
    color: #5d5b5b;
}
.catalog-lookup-accordion-menu
{
    padding: 16px 0px 16px 12px;
    cursor: pointer;
    list-style-type: none;
}
.dropdown-icon-accordion-menu
{
    margin-top: 5px;
    margin-right: 10px;
    cursor: pointer;
    padding: 2px;

    background-color: white;
    border: 1px solid orange;
    border-radius: 10px;
    height: 20px;
}
.accordion-inner-menu-dop-down-border
{

    cursor: pointer;
    padding: 2px;
    border-radius: 10px;
    height: 20px;
    border: 1px solid#989898 !important;
} */
.check-box {
    margin-top: 3px;
    margin-right: 3%;
}

.product-image {
    width: 97%;
    margin-left: 3%;
    border: 1px solid #e4e3e3;
}

.field-label {
    width: 20%;
    float: left;
}

.catalog-item-details-bold-text {
    font-weight: bold;
}

.field-value {
    width: 80%;
    float: left;
}
/* .desc-link
{
    float: right;
}
.margin-top-nav
{
    margin-top: 7px;
}
.bg-color
{
    background-color: #000027 !important;
}
.font-color
{
    color: #ffc800 !important;
    font-weight: 450;
}
.active-link-color
{
    background-color: #ffc800;
    color: black !important;
    font-weight: 500;
}
.bold-text
{
font-weight: bold;
font-size: 28px;
}
.catalog-item-detail-price-condition
{
    color: #00d48f;
    font-weight: normal;
    font-size: 13px;
}
.catalo-item-detail-qty-text-box
{
    width: 6%;
    padding: 1px 0px 3px 0px;
} */
.catalog-details-cart-button {
    border-radius: 4px;
    border: none;
    padding: 6px 12px 6px 12px;
    background-color: #ffc800;
}

.cart-image {
    height: 20px;
    margin-right: 5%;
}
/* .searchbox-border-none
{
 border: none;
} */
.accordion-searchbox {
    border-bottom: 1px solid #ffa500;
    padding: 6px;
    position: relative;
    margin-bottom: 14px;
}

.radio-button {
    margin-top: 3px;
}

.search-bar {
    top: 7px;
    right: 6px;
    position: absolute;
}

.catalog-search-result-accordion-search-textbox {
    border: 1px solid orange;
}

.catalog-accordion-search-dropdown {
    background-color: orange;
    color: black;
    border: none;
}

.border-bottom-search-result-last-line {
    padding-bottom: 20px;
    border-bottom: 1px solid #dad7d7;
}


.search-results-product-image {
    width: 100%;
}

.float-right1 {
    width: 80%;
    margin-top: 3px;
    float: left;
}

.switch {
    width: 20%;
}

.search-result-pagination-right-content {
    width: 22%;
}

.text-and-icon-area {
    width: 87%;
}

.catalog-image {
    width: 11%;
}

.text-content {
    width: 64%;
}

.accordion-menu-inner-heading {
    background-color: #f9ddca;
    padding-top: 7px;
    padding-bottom: 7px;
}

.catalog-details-title {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
    float: left;
    margin-bottom: 0px;
}

.bold-prop {
    font-weight: bold;
}

.light-gray-text {
    color: gray !important;
}

.price-quantity-content {
    width: 25%;
    margin-top: 10px;
}

.price-text {
    font-weight: bold;
    font-size: 17px;
    text-align: right;
}

.shopping-results-qty-box {
    width: 22%;
    margin-right: 5%;
    margin-left: 1%;
    border-radius: 3px;
    padding: 3px 2px 1px 0px;
    border: 1px solid #b1aeae;
    background-color: #eaeaf5;
}

.search-results-cart-button {
    background-color: #6eb126;
    border-radius: 3px;
    padding: 7px 12px;
}

@media only screen and (max-width: 520px) {



    .qty-alignment {
        display: flex;
        justify-content: left;
    }
}

@media only screen and (min-width: 520px) {



    .qty-alignment {
        display: flex;
        justify-content: right;
    }
}

.gridlayout-container .search-results-cart-button {
    border-radius: 50%;
    padding: 3px 7px;
    margin-top: 2px;
}

.page-result-detail {
    float: left;
}

.i-icon {
    height: 24px;
    width: 17px;
    color: orange;
    border: 1px solid;
    background-color: white;
    border-radius: 15px;
}

.page-title-button-class {
    width: 68%;
    float: left;
    padding-bottom: 4px;
    padding-top: 5px;
}

.shopping-cart-item-name {
    float: left;
}

.search-icon-header {
    width: 18px;
    height: 19px;
}

.fav-button {
    width: 16%;
    float: left;
    margin-left: 2%;
}

.continue-shopping {
    width: 24%;
    float: left;
    margin-left: 2%;
}

.heart-icon {
    height: 14px;
}

.border-left-button {
    border-left: 0.5px solid#e49100 !important;
}

.main {
    width: 21%;
    float: left;
}

.color-button {
    background-color: orange;
    color: black;
    font-weight: 500;
    border: none;
}

.page-title-contents {
    width: 100%;
    float: left;
    border-bottom: 1px solid #bbb9b9;
}

.shopping-cart-details {
    width: 100%;
    float: left;
    background-color: #f1f1f1;
}

.shopping-cart-image {
    width: 9%;
    padding: 8px;
    float: left;
}

.shopping-cart-textarea {
    width: 90%;
    float: left;
    padding: 8px 0px 8px 0px;
}

.qty-box-shopping-cart {
    width: 12%;
    float: right;
}

.shopping-result-i-icon {
    height: 21px;
}

.catalog-search-result-black-i-icon {
    height: 17px;
    color: black;
}

.order-details-footer-buttons {
    margin-right: 16px;
    border-radius: 4px;
    border: none;
    padding: 6px 12px 6px 12px;
    background-color: #fbda15;
}

.order-details-save-order-button {
    background-color: #000042;
    color: white;
}

.order-details-cancel-order-button {
    background-color: #9e9e9e;
    color: white;
}

.pagination-margin-padding-prop {
    margin-left: 7%;
    margin-right: 7%;
    padding-right: 16px;
}

.active-page-pagination {
    color: black !important;
    background-color: #ffa500 !important;
    border-color: #ffa500 !important;
}

.pagination-gray-color {
    color: #797878 !important;
    background-color: #e2e2e2 !important;
}

.catalog-search-result-add-multiple-item-button {
    background-color: #ffa500;
    border: none;
    border-radius: 3px;
    padding: 5px 11px 5px 11px;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    .sdi-btn-position {
        justify-content: flex-start !important;
    }
}

@media only screen and (min-width: 360px) and (max-width: 1024px) {
    .catalog-section /*Media Query For Catalog Search Page*/ {
        width: 42%;
        margin: 0 2%;
        float: left;
    }

    .mar-left {
        margin-left: 4%;
    }

    .catalog-section-icon {
        padding: 20px 0px 20px 6px;
    }
    /*Media Query Ends For Catalog Search Page*/



    .full-width /*Media Query Starts for products result page*/ {
        width: 100%;
    }

    .disp-none {
        display: none;
    }

    .catalog-image {
        width: 30%;
        margin-right: 2%;
    }

    .heart-icon {
        height: 11px;
        margin-bottom: 3px;
    }

    .search-results-product-image {
        margin-top: 4px;
        height: 89px;
        width: 100%;
        border-radius: 3px;
    }

    .text-content {
        width: 68%;
        font-size: 10px;
    }

    .disp-hide {
        display: block;
    }
    /* .bold
{
    font-size: 10px;
} */
    .full-occupying-width {
        width: 80%;
    }

    .price-area-responsive {
        float: left;
        width: 48%;
    }

    .icon-area-responsive {
        width: 51%;
    }

    .qty-box {
        width: 40px;
        margin: 1px 7px 0px 4px;
        padding: 0.5px 0px 3px 0px;
    }

    .large-font-size-16px {
        font-size: 19px;
    }

    .margin-top-bottom-zero {
        margin-bottom: 0px;
        margin-top: 0px !important;
    }

    .pagination-responsive-property {
        padding: 3px;
        margin: 0px 2px 0px 2px;
    }

    .active-page-pagination {
        color: black !important;
        background-color: #ffa500 !important;
        border-color: #ffa500 !important;
    }

    .pagination-gray-color {
        color: #797878 !important;
        background-color: #e2e2e2 !important;
    }

    .pagination-left-area {
        width: 40%;
    }

    .pagination-right-area {
        width: 60%;
    }

    .responsive-add-multiple-item-button {
        background-color: #ffa500;
        color: black;
        border: none;
        padding: 3px 7px 3px 7px;
        border-radius: 3px;
    }

    .catalog-search-result-sr-button {
        font-size: 9px;
        margin-left: 2%;
        padding: 0px 7px 0px 7px;
    }

    .catalog-search-result-sm-button {
        font-size: 9px;
        margin-left: 2%;
        padding: 0px 7px 0px 7px;
    }

    .shopping-result-i-icon {
        height: 15px;
    }
}
/*Media Query Ends for products result page*/

.field-label /*Media Query Starts for catalog item details page*/ {
    width: 30%;
    float: left;
}

.field-value {
    width: 70%;
    float: right;
}

.bold-text {
    font-size: 17px;
}

.catalog-item-detail-price-condition {
    width: 70%;
    margin-left: 30%;
    font-size: 10px;
}

.catalo-item-detail-qty-text-box {
    width: 20%;
}

.product-image {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}


/* Styles for Table accordion starts here */
table.table-expandable > tbody > tr:nth-child(odd) {
    cursor: pointer;
}

table.table-expandable.table-hover > tbody > tr:nth-child(even):hover td {
    background-color: white;
}

table.table-expandable > tbody > tr div.table-expandable-arrow {
    background: transparent url(../images/arrows.png) no-repeat scroll 0px -16px;
    width: 16px;
    height: 16px;
    display: block;
}

    table.table-expandable > tbody > tr div.table-expandable-arrow.up {
        background-position: 0px 0px;
    }

.table-head th {
    background-color: #e2e2e2;
}

.table-body td {
    background-color: #fdfdfd;
}

.text-align-right {
    text-align: right;
}

.table-approve-button {
    background-color: green;
    color: white;
    border: none;
    margin-right: 5%;
    border-radius: 2px;
}

.table-decline-button {
    background-color: #de0404;
    color: white;
    border: none;
    border-radius: 2px;
}

.table-font-bold {
    font-weight: bold;
}

.table-quantity-box {
    width: 40px;
    border-radius: 3px;
    margin-left: 2%;
    margin-right: 2%;
    border: 1px solid gray;
}

.table-accordion-charge-code-width {
    width: 20%;
}

.table-accordion-approver-button {
    border: none;
    background-color: #fdfdfd;
    color: #129725;
}

.table-accordion-decline-button {
    border: none;
    background-color: #fdfdfd;
    color: #cf2f2f;
}

.table-accordion-border-bottom {
    border-bottom: 1px solid #dee2e6;
}

.table-accordion-left-content-width {
    width: 80%;
}

.table-accordion-right-content-width {
    width: 20%;
}
/* search page styles ends here */


/*Favorite Order Maintenance css starts*/
.accordian-body .item-custom-control, .item-box .item-custom-control {
    margin: 25px 10px;
}

.login-control:focus {
    background-color: transparent !important;
    border-color: transparent;
    border-bottom: 1px solid #5c5c5f;
    border-radius: 0 !important;
    box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}

label.item-details-value {
    white-space: normal;
    float: left;
}

.content-section-margin {
    margin-top: 53px;
    padding-bottom: 90px;
}

.breadcrumb-section {
    width: 100%;
    /**   display:flex;**/
    box-shadow: 0px 3px 15.68px 0.32px rgba(0, 0, 0, 0.08);
    justify-content: space-between;
    float: left;
}

.custom_breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

.dropdown-targetsearch {
    width: 287px; /*Changed from 230 to auto*/
}

    .dropdown-targetsearch .dropdown-toggle {
        padding: 4px 10px;
        background: #fcb913 !important;
        border-color: #fcb913 !important;
        height: 39px;
    }

    .dropdown-targetsearch .form-control {
        border-color: #fdb813;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        height: 39px !important;
        padding-right: 25px; /*14/08/2023, 3819 - changed to 25px to handle overlapping issue in fav search bars, Divis Kumar R K */
    }



.custom-file-attach-icon {
    background: url(../images/capture_icon_black.svg)no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 38px;
    top: 10px;
    background-size: 17px;
    z-index: 3; /***NEW**(1/2/2021)**CHANGED***(z-index: 12)*/
}

.dropdown-search-icon {
    background: url(../images/search-icon.svg)no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-size: 17px;
    z-index: 3; /***NEW**(1/2/2021)**CHANGED***(z-index: 12)*/
}

.dropdown-search-icon-man {
    background: url(../images/search-icon.svg)no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 3; /***NEW**(1/2/2021)**CHANGED***(z-index: 12)*/
    background-size: 17px;
}

.order-maintenance-filter {
    min-width: 30rem !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    top: 35px !important;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.2);
    border: 0;
}
/***********FILTER*************/
.order-maintenance-filter-added {
    min-width: 30rem !important;
    /*right: 0 !important;*/
    /*left: auto !important;*/
    transform: none !important;
    top: 35px !important;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.2);
    border: 0;
}

.SearchByDate-filter-added {
    min-width: 30rem !important;
    /*right: 0 !important;*/
    left: 15% !important;
    transform: none !important;
    top: 20% !important;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.2);
    border: 0;
}
/***********FILTER END*******************/

.order-maintenance-filter::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    right: 11px;
    top: -8px;
}

.FOM-grid th {
    border: 0 !important;
}

.FOM-grid td {
    border-top: 0px !important;
    border-bottom: 1px solid #e7e7e9;
}

.tr-border td {
    border-bottom: 0px;
}
/* .FOM-grid tbody tr:nth-child(even) td {
    border-bottom: 1px solid #e7e7e9;
} */
.priority-alert {
    color: #e53535 !important;
}

.item-details-title {
    color: #3e3e3e;
    text-transform: uppercase;
}

.item-details-title-fmt {
    color: #3e3e3e;
}

.item-details-value, .total-records, .search-description, .helptext, .table, .indicate-alert, .NC-helptext, .punchout-helptext, .Catalog-Items .catalog-value,
.profile-update-checkbox, .tree-view-header {
    color: #434343;
}

.custom-color.item-custom-control.disabled-cbox .custom-control-label::after, .item-custom-control .custom-control-label::before {
    background-color: #e9e9e9 !important;
    border-color: #b4b4b4;
    /* color: green; */
}

.item-box {
    background-color: #f4f6f7;
}

.item-custom-control .custom-control-label::after, .item-custom-control .custom-control-label::before {
    width: 20px;
    height: 20px;
    border: 1px solid #c2c2c2;
    border-radius: 0 !important;
    top: 1px;
}

.custom-checkbox.item-custom-control .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 8 8'%3e%3cpath fill='%234995f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.total-order {
    font-size: 20px;
}

.bill-to-store-padding {
    padding-left: 40px;
}

@media (min-width: 820px) {
    .bill-to-store-padding {
        padding-left: 32px;
    }
}

@media screen and (max-width:767px) {
    .rcv-res-lable {
        width: 100%;
        margin-bottom: 10px !important;
    }

    .sdi-manual-stk {
        padding: 10px 5px !important
    }
}

@media screen and (min-width:768px) {
    .rcv-res-d-flex {
        display: flex;
        align-items: center;
        white-space: nowrap;
    }
}

@media screen and (min-width:767px) and (max-width:1080px) {
    .input-group-append {
        margin-bottom: 15px;
        height: 34px; /*CPW-95 Vishwa S*/
    }
}

.primary-btn, .secondary-btn, .ZEUS_Grid thead th {
    font-weight: normal;
}

.custom-pagination .page-link {
    background-color: #f2f2f2;
    color: #878787;
    border: 0px;
    border-radius: 3px;
}

.css-1cdfi2l {
    left: 44% !important;
}

.css-1pahdxg-control {
    width: 100% !important;
}

.custom-pagination .page-item {
    margin: 0px 3px;
}

    .custom-pagination .page-item.active .page-link {
        background-color: #fdb913;
        z-index: 0;
    }

.right-pagination-arrow, .left-pagination-arrow {
    width: 6px;
    height: 10px;
}

.right-pagination-arrow {
    background: url(../images/right-pagination-arrow.png) no-repeat;
}

.left-pagination-arrow {
    background: url(../images/left-pagination-arrow.png) no-repeat;
}

.custom-pagination .page-item.disabled .page-link {
    background-color: #f2f2f2;
    opacity: .8;
}
/*Aug 11*/
.itemqty-section {
    float: right
}

@media (max-width: 767px) and (min-width: 320px) {
    .item-box {
        padding: 10px;
    }

    .PunchoutTitle {
        font-size: 16px !important;
    }

    .itemqty-section {
        float: left;
        margin-left: 36%;
    }

    .item-custom-control {
        float: left;
        margin: 10px;
    }

    .custom-checkbox.item-custom-control {
        margin: 10px 0
    }
    /* [12/15/22], PC_WW-552_FE_28, Dhevanesam R*/
    .marginFormCheckBox {
        margin-left: 2.5rem !important;
    }

    .marginFormRadioBtn {
        margin-left: 1rem !important;
    }

    .marginFormPageAlign {
        margin-left: -13px;
    }
}

.rushPadding {
    padding-top: 4px;
}

.rushMargning {
    margin-top: 5px;
    margin-left: 4px;
}
/*Favorite Order Maintenance css end*/
/*Favorite item Maintenance css starts*/
.page-heading {
    border-bottom: 1px solid #e4e3e3;
}

    .page-heading .page-title {
        border-bottom: none;
        margin-bottom: 0px;
        float: left;
    }

.shopping-bag {
    background: url(../images/shopping-bag.png) no-repeat;
    width: 11px;
    height: 12px;
}

.btn-label {
    position: relative;
    top: 0px;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid #e09f02;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}

.add-new-icon {
    background: url(../images/add-new-icon.png) no-repeat;
    width: 16px;
    height: 15px;
}

.update-icon {
    width: 12px;
}

.footer-float-right {
    text-align: center;
}

@media (min-width: 768px) {
    .custom-fav-image {
        -ms-flex: 10%;
        flex: 10%;
        max-width: 10%;
    }

    .custom-fav-container {
        -ms-flex: 90%;
        flex: 90%;
        max-width: 90%;
    }

    .fav-item-label {
        -ms-flex: 20%;
        flex: 20%;
        max-width: 20%;
    }

    .fav-item-value {
        -ms-flex: 80%;
        flex: 80%;
        max-width: 80%;
    }

    .notes-label {
        -ms-flex: 21%;
        flex: 21%;
        max-width: 21%;
    }

    .left-field, .right-field, .middle-field {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .left-field, .middle-field {
        margin-right: 6.6%;
    }

    .edit-desc-field {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        margin: 0 15%;
    }

    .profile-update-tab .nav-item {
        -ms-flex: 0 0 11.11%;
        flex: 0 0 11.11%;
        max-width: 11.11%;
    }
}

.custom-fav-image img {
    max-width: 100% !important;
    max-height: 150px;
    left: 0px !important;
}

.fav-item-maintenance-icon {
    float: left;
    display: inline-block;
}
/*Favorite item Maintenance css end*/

/*loading css starts*/
.loading-description {
    color: #363636;
    font-size: 28px;
}

.custom-progress {
    height: 8px;
}
/*loading css end*/

/*notification css starts*/
.archive-icon {
    background: url(../images/archive-icon.png) no-repeat;
    width: 20px;
    height: 20px;
}

.download-icon {
    background: url(../images/download-icon.png) no-repeat;
    width: 16px;
    height: 16px;
}
/*notification css end*/

/*Waiting Request Approval css starts*/
.warning-icon {
    background: url(../images/warning-icon.png) no-repeat;
    width: 20px;
    height: 16px;
}
/*Waiting Request Approval css end*/

/*Requestor Approval css starts*/
.custom-btn-approve, .grid-btn-approve {
    background: #19a223;
    border-color: #19a223;
}

    .custom-btn-approve:hover, .grid-btn-approve:hover {
        background-color: #108818;
        border-color: #108818;
    }

.custom-btn-decline, .grid-btn-decline {
    background: #e52525;
    border-color: #e52525;
}

    .custom-btn-decline:hover, .grid-btn-decline:hover {
        background-color: #cc0a0a;
        border-color: #cc0a0a;
    }

.pricesec .prices {
    float: right;
}
/*Requestor Approval css end*/

/*Waiting Order Approval css starts*/

.action-icon {
    margin-right: 5px;
    display: none;
}

    .action-icon img {
        padding: 6px 5px;
        border-radius: 3px;
    }

.approve-icon {
    border: 2px solid #388B29;
    width: 30px;
}

.reject-icon {
    border: 2px solid #D54141;
    width: 29px;
}

.align-icon {
    display: inline-block;
}
/*WW-1229 Home tiles - Nandhini L*/
.request-count {
    position: absolute;
    top: -10px;
    right: 43px;
    background-color: #34B841;
    color: white;
}

.relative-a {
    position: relative;
}

.relative-a {
    position: relative;
}

.collapsed .accordion-arrow.accordion-arrow-change {
    background-image: url(../Images/chevron-right.svg) !important;
}

/* .collapsed .accordion-arrow1.accordion-arrow-change1 {
        background-image: url(../Images/chevron-right.svg) !important;
    }*/

.grid-btn-approve, .grid-btn-decline {
    padding: 6px 10px;
    font-size: 14px;
}

.Orderdetails-titlestyle {
    font-size: 20px;
}

.WOA-grid .hiddenRow, .WOA-grid .tr-border, .WOA-grid .item-box {
    background-color: #f8f8f8;
}

.WOA-grid .item-box {
    border-bottom: 1px solid #e1e1e2;
}

    .WOA-grid .item-box:last-child {
        border-bottom: none;
    }

.charge-code-group .input-group-text {
    background-color: #fdb813;
    height: 35px;
}
/*Waiting Order Approval css end*/

/*Check Order Status css starts*/
.indicate-alert:before {
    content: '*';
    color: #ed3535;
}

.indicate-imp:after {
    content: ' *';
    color: #ed3535;
}

.table thead th, .custom-popup .modal-title, .price-rate, .search-category, .last-row-total tbody tr:last-child td {
    color: #000;
}

.round-slider-container {
    width: 62px;
    height: 26px;
    background: blue;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

.round-slider {
    width: 25px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    position: absolute;
}
/*#toggle-checkbox : checked + .round-slider-container .round-slider {
    transform: translatex(32px)
}*/
.history-icon {
    background: url(../images/history.png) no-repeat;
    width: 20px;
    height: 18px;
}
/*Check Order Status css end*/

/*Order Summary & Payment Details css starts*/
.order-summary-image img {
    width: 100%;
}

.price-payment-container {
    border: 1px solid #c4c4c4;
}

.price-payment-header {
    background-color: #feeab8;
    border-bottom: 1px solid #c4c4c4;
}

.price-payment-heading, .payment-label-title, .payment-label {
    color: #231f20;
}

.price-payment-label, .price-order-total, .catalog-label, .shopping-order {
    color: #3e3e3e;
}

    .price-payment-value, .shopping-order .price-rate, .search-category-field .catalog-label, .search-category-field .item-details-value,
    .catalog-title-id, .catalog-title-cost {
        color: #252525;
    }

.price-payment-footer {
    background-color: #f7f7f7;
    border-top: 1px solid #c4c4c4;
}

.clear-btn {
    border: 2px solid #fdb913;
}

    .clear-btn:hover, .back-to-login-btn:hover {
        color: #ae8000;
    }

.wallet-btn {
    border: 2px solid #fcb913;
}

.payment-info {
    color: #747474;
}

.payment-control {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #bcbcbc;
}

.credit-card-icon {
    background: url(../images/credit-card.png) no-repeat;
    width: 32px;
    height: 22px;
    position: absolute;
    right: 15px;
    bottom: 10px;
}
/*Order Summary & Payment Details css end*/

/*Shopping Cart css starts*/
.shopping-search-icon {
    background: url(../images/shopping-search-icon.png) no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer; /*Added this style from Non catalog page*/
}

.edit-favs-icon {
    background: url(../images/edit-favs-icon.png) no-repeat;
    width: 13px;
    height: 15px;
}

.fav-icon {
    background: url(../images/fav-icon.png) no-repeat;
    width: 14px;
    height: 12px;
}

.fav-dropdown .dropdown-menu {
    box-shadow: 0px 4px 11.76px 0.24px rgba(0, 0, 0, 0.09);
    border: 0;
    padding: 0;
}

.fav-dropdown .dropdown-item {
    padding: 10px 15px;
    margin-bottom: 0px;
}

.fav-right-arrow {
    background: url(../images/fav-right-arrow.png) no-repeat;
    width: 5px;
    height: 9px;
    margin-top: 6px;
}

.fav-dropdown .dropdown-item:hover {
    background-color: #fdb913;
}

.fav-dropdown .dropdown-submenu > .dropdown-menu {
    margin-top: 0px;
    width: auto;
}

/*open po calendar issue     K. Surya 12/5/2024 */
.open-po-calendar {
    top: 35px !important;
    right: 10px !important;
}

.display-long-word {
    width: 100px; /* Specified width */
    white-space: nowrap; /* Prevent wrapping */
    overflow: hidden; /* Hide overflowing content */
    text-overflow: ellipsis; /* Display ellipsis (...) for overflow */
}

.calendar-icon-expedite-po {
    right: 8px !important;
    background: url(../images/calendar-icon.png) no-repeat;
    width: 35px;
    height: 17px;
    position: absolute;
    top: 35px;
    right: 24px;
    float: left !important;
}

.calendar-icon {
    background: url(../images/calendar-icon.png) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 38px;
    right: 24px;
}

.calendar-icon-Line {
    background: url(../images/calendar-icon.png) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 9px;
    right: 27px;
}

.datepicker {
    padding: .375rem .75rem;
}

.more-details {
    padding: 6px 15px;
}

.modal-add-question {
    max-width: 895px !important;
}

.btn-preview {
    border-radius: 5px;
    color: #fcb913;
    background-color: #F8F8F8;
    border: 1px dashed #9E9E9E;
}

.reduce-input {
    max-width: 100px;
}

.more-details:after {
    background: url(../images/more-details-arrow.png) no-repeat;
    width: 8px;
    height: 5px;
    content: '';
    margin-left: 5px;
}

.attachment-btn {
    position: relative;
    overflow: hidden;
    margin-left: 11px;
}

.upload-btn {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
}

.attachment-remove-icon {
    cursor: pointer;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}


.edit-icon {
    background: url(../images/edit-releasenotes-icon.svg) no-repeat;
    width: 25px;
    height: 26px;
    background-size: 18px;
    background-position: 3px 4px;
    cursor: pointer;
}

.copy-icon {
    background: url(../images/blue-copy-icon.png) no-repeat;
    width: 25px;
    height: 26px;
    background-size: 18px;
    background-position: 3px 4px;
    cursor: pointer;
}

.item-count {
    padding-top: 12px;
}

.priority-checkbox::before, .priority-checkbox::after {
    top: 0px;
}

.custom-save-btn {
    background: #151723;
    border-color: #151723;
}

    .custom-save-btn:hover, .custom-save-btn:active, .custom-save-btn:focus, .btn-primary.custom-save-btn:not(:disabled):not(.disabled):active:focus, .btn-primary.custom-save-btn:not(:disabled):not(.disabled):active {
        background-color: #3c3d46;
        border-color: #3c3d46;
    }

.cc-disabled:disabled, .mobile-search .input-group-text, .desktop-search .input-group-text {
    background-color: #fff;
}

.custom-popup .modal-header {
    background-color: #f2b72b;
    padding: 10px 15px;
}

.close-btn {
    background-color: #d79f18;
    color: #946e12;
    border-radius: 0;
    padding: 0px 8px;
}

.custom-popup .modal-footer {
    border-top: 0px;
}

.catalog-label {
    float: left;
    /*width:100%;*/
}

.cc-help-info, .extended-label {
    color: #464647;
}

.cc-help-text, .quick-value, .extended-content {
    color: #61605e;
}

.quick-label {
    color: #363636;
}

.question-mark-icon {
    background: url(../images/confirm-question-mark.png)no-repeat;
    width: 86px;
    height: 86px;
}
/*Shopping Cart css end*/

/*Non catalog search result starts*/
.filter-icon-toggle {
    display: none;
}

.cart-icon {
    background-image: url('../Images/cart.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    width: 15px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

.category-search-id {
    margin-top: 12px !important;
}

.catalog-search-result {
    border-radius: 10px;
    padding: 2px 10px;
}

.catalog-search-result-sr {
    border: 1px solid #fdb913;
    background-color: #fada8a;
}

.catalog-search-result-sm {
    background-color: #e2e2e2;
    border: 1px solid #929292;
}
/*10/01/2020*/
.category-search-image {
    border: 1px solid #e4e4e4;
    overflow: hidden;
}

.gridlayout-container .category-search-image {
    border: 1px solid #e4e4e4;
    height: 220px;
    overflow: hidden;
}

.info-icon {
    background: url(../images/info-icon.png)no-repeat;
    width: 19px;
    height: 19px;
    cursor: pointer;
    position: relative;
}

.info-content {
    position: absolute;
    width: 200px;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
    padding: 10px;
    left: 20px;
    top: -9px;
    display: none;
    max-height: 200px;
    z-index: 1;
}

.info-icon:hover .info-content {
    display: block;
}


.customer-logo {
    width: 50px;
    margin-left: 5px;
}

input[type="checkbox"]:focus, .btn:focus {
    outline: none;
    box-shadow: none;
}

.wo-btn-margin {
    margin-left: 5px;
    !important
}


.css-yk16xz-control {
    width: 100%
}
/* The custom-radiobtn starts */
.custom-radiobtn {
    position: relative;
    padding-left: 25px;
    padding-right: 10px !important;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #515255;
}

    /* Hide the browser's default radio button */
    .custom-radiobtn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 3px;
    left: 3px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #dddddd;
}
/* Create a custom radio button */
.checkmark-Shipment {
    position: absolute;
    top: 2px;
    left: 2px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #dddddd;
}

/* On mouse-over, add a grey background color */
.custom-radiobtn:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.custom-radiobtn input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radiobtn input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custom-radiobtn .checkmark:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4a95f1;
}

.browse-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.browsefile-btn {
    background: #e9e9e9;
    border: none;
    position: relative;
    padding: 8px 29px;
    border-radius: 40px;
    color: #000000;
}

.browse-btn input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 42px;
    width: 160px;
}
/* The custom-radiobtn end */

.custom-card-reset {
    box-shadow: none !important;
    background: #fff;
    border-bottom: 1px solid #efd187;
}

.item-custom-control .filter-checkbox::after, .item-custom-control .filter-checkbox::before {
    border: 1px solid #efd187;
    /** border-radius: 4px !important;**/
}

.filter-info-icon {
    background: url('../images/filter-info.png')no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
    margin-top: -6px;
}

.filter-card-bg > .accordion-header {
    background: #ffefcb;
}
/*Non catalog search result end*/

/*catalog item details starts*/
.item-cart {
    background: url('../images/item_cart.png') no-repeat;
    width: 17px;
    height: 17px;
}

.usage-grid thead th, .table.usage-grid td {
    border: 0;
}

.last-row-total tbody tr:last-child td {
    background: #f1f0f0;
}

/*catalog item details end*/

/*Profile update starts*/
.profile-update-tab .nav-item {
    margin: 0;
    text-align: center;
}

.SumoSelect {
    width: 75%;
    float: left;
}

    .SumoSelect.open > .optWrapper {
        top: 0px;
    }

.optWrapper label {
    margin-top: 6px;
}

.SumoSelect .select-all {
    height: auto;
}

.SumoSelect > .CaptionCont > span.placeholder {
    font-style: normal;
}

.tree-view-heading {
    width: 20px;
    height: 20px;
    border-color: #8a8a8a;
    background-color: #bfbfbf;
}

.tree-view-icon:after {
    content: "+";
    color: #fff;
    padding: 0px 6px;
}

.program-tree-view .card-header {
    box-shadow: none;
    background: 0;
    border: 0;
    padding: 12px 0px !important;
}

.tree-view-header {
    margin-top: 3px;
}

.program-tree-view .tree-view-line {
    border-left: 1px solid #cccccc;
    padding-left: 17px;
    margin-left: 10px;
}

.top-tree-title {
    padding-left: 43px;
    position: relative;
}

    .top-tree-title::before {
        content: "";
        width: 15px;
        height: 1px;
        background: #c9c9c9;
        position: absolute;
        left: 0;
        top: 9px;
    }

.null-checkbox {
    padding-left: 26px;
    color: #bbbbbb;
}

.program-tree-view .tree-view-line::after {
    content: "";
    width: 1px;
    height: 25px;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 10px;
    bottom: 0;
}

.treeview-btn {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.delete-checkbox .form-control {
    float: left;
    margin-right: 15px;
}

.delete-confirm-icon {
    background: url('../images/delete-confirm-icon.png') no-repeat;
}

.success-alert-icon {
    background: url('../images/success-alert.png') no-repeat;
}

.warning-alert-icon {
    background: url('../images/warning-icon.png') no-repeat;
}

.input-group .show > .btn-outline-secondary.dropdown-toggle {
    background-color: #fdb813;
    border-color: #fdb813;
}

.dropdown-targetsearch .dropdown-menu {
    width: 100%;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09);
    border: 0;
    border-radius: 0;
    background: #f9f9f9;
    padding: 0;
}
.postfilter-search .dropdown-targetsearch .dropdown-menu {
    width: 90% !important;
}
    .dropdown-targetsearch .dropdown-item {
    padding: 10px 12px;
}

    .dropdown-targetsearch .dropdown-item:hover {
        background: #fdb813;
    }

.search-filter-index-reset {
    z-index: unset !important;
}

.notification-icon {
    background: url('../images/notification-icon.png') no-repeat;
}

#extended-client .modal-body {
    min-height: 350px;
}

.agree-terms {
    background-color: #fdb813;
    position: absolute;
    bottom: 0;
    left: 0;
}

.terms-scroll {
    max-height: 580px;
    overflow-y: auto;
}

.filter-title {
    text-transform: uppercase;
}

.filter-calendar-icon-shoppingcart {
    right: 22px;
    top: 6px;
}

.filter-calendar-icon {
    right: 21px;
    top: 6px;
}

.OA-filter-calendar-icon {
    right: 26px;
    top: 30px;
}

.UN-filter-calendar-icon {
    right: 26px;
    top: 29px;
}

.filter-clear-btn, .filter-clear-btn:hover, .filter-clear-btn:focus, .filter-clear-btn:active {
    color: #231f20 !important;
    border: 2px solid #b8b8b8;
    border-color: #b8b8b8;
}

.filter-close-icon {
    background: url('../images/file-close-icon.svg') no-repeat;
    width: 16px;
    height: 16px;
}

.filter-close {
    opacity: 1;
}

.menu-arrow::after {
    content: "";
    background: url('../images/left-pagination-arrow.png') no-repeat;
    width: 6px;
    height: 10px;
    float: right;
    margin-top: 5px;
}
/*Profile update end*/

/*responsive design starts*/
.vendor-container {
    padding: 0px 8px;
}

.navbar-expand-lg.main-menu {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.main-menu > .collapse {
    display: block;
}

@media (max-width: 320px) {
    .vendorlogo-container img {
        width: 120px;
    }
}



@media (max-width: 480px) {
    .css-1cdfi2l {
        left: 37% !important;
    }

    .breadcrumb-section, .main-menu > .navbar-collapse > .navbar-nav > li.nav-item.dropdown:first-child {
        display: none;
    }

    .info-content-section {
        left: 112px;
        top: -2px;
    }

    .mobile-font-txt {
        font-size: 16px;
    }

    .sdi-logo {
        width: 115px;
        height: auto;
    }

    .mobile-pagination {
        display: none;
    }

    .mobile-filter {
        position: absolute;
        top: 82px;
        z-index: 1;
        left: 0;
        display: none;
    }

    .info-icon-searchpage {
        top: 5px !important;
    }

    .mobile-chk-box {
        width: auto;
    }

    .mobile-alert-txt {
        width: 100%;
        box-shadow: 0px 10px 15.68px 0.32px rgba(0, 0, 0, 0.08);
        display: block !important;
    }

    .mobile-filter-show {
        display: block;
        left: 10px;
        top: 165px;
    }

    .mobile-filter-hide {
        display: none;
        left: 10px;
        top: 165px;
    }
}

.mobile-alert-txt {
    display: none !important;
}

.title-margin {
    margin-top: -3%;
}

.Ord-title {
    margin-top: -1%;
}

.navbar-expand-lg.main-menu .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-expand-lg.main-menu .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

    .navbar-expand-lg.main-menu .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }

@media (max-width: 720px) {
    .indicate-alert {
        margin-bottom: 5px;
    }

    .non-catalog-req-form .catalog-label, .non-catalog-req-form .charge-code-group {
        padding: 0;
    }

    .non-catalog-req-form .charge-code-group {
        margin-right: 0 !important;
    }

    .non-catalog-mobile-btn {
        width: 46%;
        /*float: left !important;*/
        margin: 2% !important;
        padding: 15px !important;
    }

    .mobile-catalog-btns {
        float: none !important;
    }
}

@media (max-width: 768px) {
    .non-catalog-req-form .charge-code-group {
        padding: 0;
    }
}

@media (max-width: 960px) {
    .mobile-menu {
        display: none;
    }

    .bg-dark-sdi-nav {
        padding: 15px;
    }
}

@media (max-width: 960px) {
    .manage-sort-down {
        bottom: 646px !important
    }
}

@media (max-width: 400px) {
    .manage-sort-down {
        bottom: 671px !important
    }
}

.mobile-search .form-control.charge-code-control, .desktop-search .form-control.charge-code-control {
    border-right: 0;
    padding-right: 50px; /*14/08/2023, 3819 - changed to 50px to hadle overlapping issue in global item search, Divis Kumar R K*/
}

.mobile-search .form-control:focus {
    background-color: transparent;
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
    border: 1px solid #ced4da;
}

@media (min-width: 1024px) {
    .mobile-search {
        display: none;
    }
    /* [12/15/22], PC_WW-552_FE_28, Dhevanesam R*/
    .marginFormPageAlign {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
}

}
/*responsive design end*/

/*Mar 27*/
.mobile-fieldscontainer { /*Jul 28*/
    display: none;
}

.mobileacc-arrow {
    display: none;
}

@media (max-width: 767px) and (min-width: 320px) {
    /**styles for PO Order start**/
    .Item-Tab2-label {
        width: 43% !important;
    }

    .Item-Tab2-Value {
        width: 57% !important;
    }

    .orderstatus-popup .info-label, .custom-popup-attachment .indicate-alert.info-label {
        width: 100%;
    }

    .or-label {
        margin: 0px 16px !important;
        padding-top: 10px !important;
        padding-bottom: 10px;
    }

    .or-custom-style {
        width: 100% !important;
    }

    .mobile-width-style {
        width: 100%;
    }

    .info-label {
        width: 34%;
    }

    .info-value {
        width: 65%;
    }

    .mobile-alignment {
        margin-left: 75px !important;
    }

    .page-title {
        font-size: 18px;
    }

    .mobile-checkboxalign {
        float: left !important;
        margin-top: 10px;
    }

    .attachment-field {
        margin-bottom: 10px;
    }

    .attachfield {
        margin-bottom: 10px;
    }

    #MultiSelectDD .dropdown-container {
        position: absolute;
        top: 76px;
        width: 68% !important;
    }

    label.custom-control-label.priority-checkbox.filter-checkbox {
        width: max-content;
    }
    /**styles for PO Order end**/

    /*Table layout mobile styles starts*/
    table.mobileflex-grid {
        border: 0;
    }

        table.mobileflex-grid thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table.mobileflex-grid tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        table.mobileflex-grid td {
            border-bottom: 1px solid #ddd;
            display: block;
            padding-left: 40% !important;
            text-align: left;
        }

            table.mobileflex-grid td::before {
                content: attr(data-label);
                float: left;
                display: table-cell;
                left: 15px;
                margin: auto;
                position: absolute;
                vertical-align: middle;
                white-space: nowrap;
                width: 33%;
            }

            table.mobileflex-grid td:last-child {
                border-bottom: 0;
            }
    /*Table layout mobile styles ends*/
    .desktop-action, .shipment-tblborderless, .shipment-table {
        display: none;
    }

        .shipment-table .mobile-fields .catalog-label, .shipment-tblborderless .mobile-fields .catalog-label {
            font-size: 15px !important;
        }

    .mobileacc-arrow {
        margin-top: 12px;
        margin-right: 10px;
        display: inline;
    }

    .mobile-btnstyle {
        width: 45%;
    }

        .mobile-btnstyle:nth-child(even) {
            margin-right: 0;
        }

    .mobile-fieldscontainer { /*Jul 28*/
        display: block;
    }

    .mobile-fields { /*Jul 28*/
        float: left;
    }

    .chk-ordertbl .catalog-label {
        width: 40%;
    }

    .mobile-fields .catalog-label {
        width: 42% !important;
    }

    .mobile-fields .item-details-value {
        width: 58%;
    }

    .chk-ordertbl td {
        padding: 5px 5px;
    }

    .desktop-action {
        display: none;
    }

    .mobile-block {
        display: block !important;
    }

    .waitReqDeclineBtn {
        margin-top: 5px;
        padding-left: 12px;
        padding-right: 13px;
        float: left;
    }

    .action-icon {
        display: inline;
    }

    /*.catalog-label {
            width: 40%;
            float: left;
        }*/

    .Item-Tab2-label {
        width: 42% !important;
    }

    .Item-Tab2-Value {
        width: 57% !important;
    }

    #preferences-link .catalog-label {
        width: 100%;
    }

    .attachment-btn {
        margin: 25px 0;
    }

    .mobile-btns {
        width: 100%;
    }

        .mobile-btns button {
            width: 48%;
            border-radius: 0;
            padding: 12px 0;
        }

    .order-maintenance-filter {
        min-width: 270px !important;
    }
    /*******FILTER***************/
    .order-maintenance-filter-added {
        min-width: 270px !important;
    }
    /********FILTER END************/

    .cc-label {
        float: left;
    }

    .charge-code-group {
        width: 100%;
    }

    .filter-icon-toggle {
        display: block;
    }

    .login-bg {
        display: none;
    }

    .login-shape-1 {
        background-size: 72%;
        background-position: 68px 24px;
        height: 638px;
    }

    .forgot-pw {
        text-align: center;
    }

    .footer-links {
        font-size: 12px !important;
    }

    .footer-logo img {
        width: 50px
    }

    .supplier-self-reg {
        padding: 0 70px;
        text-align: center;
    }

    .self-reg {
        font-size: 16px;
    }

    #Log-in .login-shape-1 {
        height: 604px;
    }

    #Registration .login-shape-1 {
        height: 740px;
    }

    .custom-welcome-dropdown {
        width: 240px;
        position: absolute !important;
    }

    .pricesec .prices {
        float: left;
        margin-left: 15px;
    }
}

.mobile-block {
    display: none;
}

@media (max-height: 700px) { /*For Landscape*/
    .footer-logo {
        position: relative;
    }
}

@media (max-width: 1000px) and (min-width: 500px) {
    .container-responsive {
        max-width: 500px;
    }
}

@media (max-width: 480px) and (min-width: 320px) {
    .supplier-self-reg {
        padding: 0
    }
}

/*Megamenu styles starts*/
.nav-megamenu-dropdown {
    position: relative;
}

.megamenu-container {
    /*transform: translate(0%, 0%);*/
    padding: 20px 10px;
    width: 100% !important; /* 651px;*/
    min-width: 54rem !important;
    left: 0px;
    position: absolute !important;
}

    .megamenu-container li a {
        text-transform: capitalize;
        font-size: 13px;
        color: #838383
    }

.home-page-menu:hover {
    border-bottom: 2px solid #fdb913;
}

.cntalign {
    top: 11.5px;
}

.nav-megamenu-dropdown:hover > .dropdown-menu {
    display: block;
    top: 97%;
}
/*Search page styles starts*/
.null-count {
    /*padding: 1px 7px;*/ /*NEW1*/
    padding: 1px 6px !important;
}

.threedigit-count {
    padding: 3px 3px;
    right: 13px;
}

.threedigit-countnew {
    padding: 3px 3px;
}

.layout-icons {
    width: 20px;
    float: left;
}

    .layout-icons img {
        width: 100%;
    }

.category-search-image {
    position: relative;
}

.gridfav-icon {
    position: absolute;
    right: 0;
    top: 0;
}

.gridlayout-widget {
    background-color: #fafafa;
    border: 1px solid #f5f5f5;
    padding-bottom: 10px;
    height: 100%;
}

.browse-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .browse-btn input[type=file] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        height: 42px;
        width: 160px;
    }

input[type=file] {
    padding: 3px;
}

.product-section {
    margin-bottom: 25px;
}

.gridlayout-widget .category-search-image {
    padding: 0;
}

.gridlayout-widget .item-details-value {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 90%;
}

.gridlayout-widget .category-search-id {
    /*text-decoration: none;
    color: #444*/
    font-weight: bold;
    font-size: 15px !important;
}
/*Custom file upload style starts*/
.file {
    position: relative;
}

    .file input {
        width: 100%;
        margin: 0;
        opacity: 0;
    }

.file-custom {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding: 6px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
}

    .file-custom:after {
        content: "Choose file...";
    }

    .file-custom:before {
        position: absolute;
        top: -.075rem;
        right: -.075rem;
        bottom: -.075rem;
        z-index: 6;
        display: block;
        content: "Select";
        padding: 6px 13px;
        line-height: 1.5;
        color: #555;
        background-color: #eee;
        border: 1px solid #ddd;
        border-radius: 0 3px 3px 0;
    }
/*Wallet popup styles starts*/
.delete-icon {
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    margin-top: 2px;
    float: right;
    margin-left: 6px;
}

.delete-icon-position {
    background-position: 7px;
}

.wallet-icon {
    background: url(../images/wallet-icon.png) no-repeat;
    background-size: 100%;
}
/*Wallet popup styles ends*/
/*Shipment BOL Popup starts*/
.shipment-content {
    display: flex;
    justify-content: space-between;
}

.shipment-table {
    border: 1px solid #eee;
}

    .shipment-table th {
        background-color: #99ccff;
    }

    .shipment-table tr td p {
        margin-bottom: 0;
    }

textarea {
    resize: none;
}

.shipment-tblborderless th, .shipment-tblborderless td {
    padding: 10px 6px;
}

@media (max-width: 767px) and (min-width: 320px) {
    .shipment-table th {
        white-space: nowrap;
    }

    .left-field, .middle-field, .right-field {
        padding-right: 15px !important;
    }

    .custom-popup .custom-btn-primary, .fav-order-dropdown .custom-btn-primary, .custom-btn-primary.filter-btn {
        margin-bottom: 0;
    }

    .shipment-content {
        flex-direction: column;
    }

    option:hover {
        background: rgba(0, 0, 0, 1) !important;
    }

    .custom-checkbox.item-custom-control {
        margin: 10px 0;
    }
}
/*Shipment BOL Popup ends*/

/*Waiting order approval styles starts*/
.action-btns {
    float: right;
    text-align: right;
    font-size: 13px;
    margin-left: 20px;
}

    .action-btns:before {
        content: "";
        width: 18px;
        height: 18px;
        display: inline-block;
        background-size: 100%;
        vertical-align: middle;
        margin-right: 3px;
    }

.approve-btn:before {
    background-image: url(../images/tick.png);
}

.approve-btn {
    color: #27b632;
}

.reject-btn:before {
    background-image: url(../images/close.png);
}

.reject-btn {
    color: #e52525;
}

/*New Punchin styles starts*/
.header-title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
}

.punchin-form-container {
    width: 53%;
    margin: 75px auto;
}

.punchin-form-set {
    border: 1px solid #eee;
    padding: 40px 10px;
}

@media (max-width: 767px) and (min-width: 320px) {
    .punchin-form-container {
        width: 96%;
        margin: 45px auto;
        margin-bottom: 120px;
    }

    .punchin-form-set {
        padding: 10px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .Replen-word-break {
        white-space: break-spaces;
    }

    .punchin-form-container {
        width: 80%;
    }
    /**styles for PO Order start**/
    .or-label {
        margin: 0px 14px !important;
    }
    /**styles for PO Order end**/
    /*[10/28/22], PC_WW-529, Dhevanesam R*/
    .col-8-Pickup {
        -ms-flex: 0 0 66.666667% !important;
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }

    .col-6-Pickup {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .col-4-Pickup {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    .col-2-Pickup {
        -ms-flex: 0 0 16.666667% !important;
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }

    .PickAssignToBtn {
        margin-left: 10px;
    }
}
/*New Punchin styles ends*/

/*Under construction page styles*/
.primaryinfo {
    font-family: 'RobotoThin';
    font-size: 30px;
    margin-bottom: 10px;
}

.secondaryinfo {
    font-family: 'Roboto-Bold';
    font-size: 18px;
}

@media (max-width: 1023px) and (min-width: 768px) {
    .content-section-margin {
        margin-top: 86px;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    .primaryinfo {
        font-size: 26px;
    }

    .img-section {
        width: 80%;
        margin: auto;
    }

        .img-section img {
            width: 100%;
        }

    .site-undercontruction {
        margin-top: 40px;
    }

    .Mobile-Item-btn {
        margin-top: 18px;
    }
}

.custombtn-disabled {
    opacity: 0.5;
    pointer-events: none;
}

@media (max-width: 2500px) and (min-width: 2000px) {
    .jq-toast-wrap {
        left: 869px !important;
    }
}

.custom-tdwidth {
    width: 100px;
}
/**styles for PO Order status and RFQ status Start**/
.field-adjustment {
    margin: 0px;
}

.or-label {
    padding-top: 36px;
    font-size: 14px;
    margin: 0px 33px;
}

.header-status-label {
    font-size: 13px !important;
}

.label-underline {
    text-decoration: underline;
}

.position-sort-icon {
    position: relative;
}

.quantity {
    display: inline-block;
}

.image-gallery-bullets .image-gallery-bullet {
    appearance: none;
    background-color: transparent;
    border: 1px solid #cac7c7 !important;
    border-radius: 50%;
    box-shadow: 0 1px 1px #1a1a1a9e !important;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    outline: none;
    padding: 5px;
    transition: all .2s ease-out;
}

    .image-gallery-bullets .image-gallery-bullet.active {
        transform: scale(1.2);
        border: 1px solid #fff;
        /* background: #fff; */
        background: #fdb913 !important;
    }

.modal-body .image-gallery-image {
    max-height: calc(65vh - 100px) !important
}

.modal-body .image-gallery-fullscreen-button {
    right: 18px !important;
    left: auto !important;
}

.Edit-icon-style {
    /* justify-content: center; */
    /* background-color: #fdb913; */
    color: white;
    text-align: center;
    height: 44px;
    position: absolute;
    /* top: 0; */
    right: 16px;
    bottom: 16px;
    /* top: 40px; */
    /* font-size: 16px; */
    /* padding: 10px; */
    /* display: flex; */
    /* align-items: center; */
    /* vertical-align: middle; */
    width: 31px;
    cursor: pointer;
    /* border-radius: 40px; */
}

.Edit-icon-size {
    width: 14px !important;
    margin-right: 4px;
}

    .Edit-icon-size img {
        width: 14px !important;
        margin-right: 4px;
    }


.quantity .input-text.qty {
    width: 35px;
    height: 39px;
    padding: 0 5px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #efefef;
}

.quantity.buttons_added {
    text-align: left;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
}

    .quantity.buttons_added input {
        display: inline-block;
        margin: 0;
        vertical-align: top;
        box-shadow: none;
    }

    .quantity.buttons_added .minus,
    .quantity.buttons_added .plus {
        padding: 7px 9px 8px;
        height: 37px;
        background-color: #ffffff;
        border: 1px solid #efefef;
        cursor: pointer;
    }

    .quantity.buttons_added .minus {
        border-right: 0;
    }

    .quantity.buttons_added .plus {
        border-left: 0;
    }

        .quantity.buttons_added .minus:hover,
        .quantity.buttons_added .plus:hover {
            background: #eeeeee;
        }

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

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
    outline: none;
}

.wrap-class {
    white-space: pre-wrap;
}

@media (max-width: 1024px) and (min-width: 768px) {
    #replenDesc {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        float: left;
        width: 43%;
    }
}
/*.verticalline {
        border-left: 2px solid #EEEEEE;
        min-height: 200px;
    }*/
/*@media only screen and (max-width: 767px) and (min-width: 350px) {
        .verticalline {
            border-top: 2px solid #EEEEEE;
            margin-top: 8px;
            border-left: none;
            padding: 15px;
        }
    }*/
@media (min-width: 767px) {
    .verticalline {
        border-left: 2px solid #EEEEEE;
        min-height: 200px;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    .edit-label {
        width: 100% !important;
    }
}

.horline {
    border-left: 2px solid #EEEEEE;
    height: 800px;
    position: absolute;
    left: 50%;
    margin-top: 15px;
    margin-top: 15px;
    transform: rotate(90deg)
}


/*[12/6/21, PC_FO_01, Bug - 1839, Dhevanesam R]*/
.sort-up {
    position: absolute;
    top: 6px;
    cursor: pointer;
}

.sort-up1 {
    position: absolute;
    top: 6px;
    cursor: pointer;
    margin-left: 5px;
}

.sdi-sort-size {
    width: 12px;
}
/*[12/6/21, PC_FO_01, Bug - 1839, Dhevanesam R]*/
.sort-down {
    position: absolute;
    bottom: 4px;
    cursor: pointer;
    margin-left: 5px;
}

.sort-downi {
    position: absolute;
    bottom: 4px;
    cursor: pointer;
}

.sort-down1 {
    position: absolute;
    bottom: 495px;
    cursor: pointer;
}

.sort-downt {
    position: relative;
    bottom: -7px;
    cursor: pointer;
    margin-left: 5px;
}

.help-info {
    color: #A3A3A5;
    font-size: 14px;
}

/**styles for PO Order status and RFQ status end**/
/**styles for attachment popup start **/
.attachment-field {
    background-image: linear-gradient(#FEFEFE, #EEEEEE);
    padding: 10px;
    border: 1px solid #F0F0F0;
}

.attachment-link {
    color: #292929;
    font-size: 14px;
}

.custom-popup-attachment {
    max-width: 629px;
}
/**styles for attachment popup end **/
/**Styles for vendor-info popup start**/
.vendor-info {
    padding: 10px;
    border: 1px solid #F0F0F0;
    background-color: #EDEDED;
    margin: 0% 5%;
    width: 90%;
}

.vendor-details {
    margin: 0% 5%;
    width: 90%;
}

.info-label {
    color: #484848;
    font-weight: 800;
    font-size: 14px;
}

.info-value {
    color: #7F7F7F;
    font-size: 14px;
}

.popup-underline {
    border-bottom: 1px solid #EEEEEE;
}

.cc-help-info {
    font-size: 14px;
}
/**Styles for vendor-info popup end**/
/**Styles for waiting order approval start**/
.waiting-order-dropdown {
    margin: 13px 0px;
    height: 27px;
    /*width: 220px; Changed from 97 to 220*/
    float: left;
    border: unset;
    background-color: transparent;
}

.waiting-order-label {
    font-family: 'Roboto-Bold' !important;
    margin: 14px 7px;
}
/**Styles for waiting order approval end**/
/**Styles for home page start**/
.custom-btn-showall {
    background-color: #DDDDDD !important;
    border: 1px solid #DDDDDD !important;
    border-radius: unset;
}

    .custom-btn-showall:hover {
        background-color: #cacaca;
        border: 1px solid #cacaca;
        color: black;
    }

    .custom-btn-showall:active {
        background-color: #cacaca !important;
        border: 1px solid #cacaca !important;
        color: black;
    }

    .custom-btn-showall:focus {
        background-color: #cacaca;
        border: 1px solid #cacaca;
        color: black;
    }

.border-style {
    border-bottom: 1px solid #DDDDDD;
}

.custom-btn-primary {
    font-weight: bold !important;
}

.custom-dropdown::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    right: 25px;
    top: -8px;
}

.custom-dropdown {
    min-width: 11rem !important;
    box-shadow: 0px 4px 11.76px 0.24px rgba(0, 0, 0, 0.09);
    border: 0;
}

.font-style {
    font-size: 15px;
}

.cc-help-info-saveproduct {
    color: #9E9FA3;
    font-size: 15px;
}

.dropdown-style-show::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    right: 12px;
    top: -8px;
}

.custom-dropdown-style::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    right: 28px;
    top: -6px;
}

.right-triangle-dropdownstyle::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 11px solid white;
    border-bottom: 8px solid transparent;
    position: absolute;
    left: -10px;
    top: 15px;
}
/**Styles for home page end**/
/**styles for check order status popup start**/
.header-bg {
    background-color: black;
    color: white;
    font-family: 'Roboto-Bold';
    border-bottom: 4px solid #525659;
}

.custom-popup-border {
    border: 4px solid #525659;
    padding: 20px;
}

.sdi-title {
    font-weight: bold !important;
}

.info-font {
    font-size: 14px;
}

.title-border {
    border-bottom: 2px solid black;
}

.table-popup-border {
    border: 2px solid black;
    overflow: scroll;
}

.border {
    border: none;
}

.border-set {
    border-top: none !important;
    border-bottom: 2px solid black;
}

.total-label {
    font-weight: bold;
}

.info-value-border {
    border-bottom: 1px solid black;
}

.printer-img {
    height: 17px;
    cursor: pointer;
}
/**styles for check order status popup end**/
/**header styles start**/
.custom-radiobtn .checkmark-org:after {
    background: #fdb813 !important;
}

.checkmark-org {
    border: 1px solid #fdb813;
}

.title-font {
    font-weight: bold;
}

.priority-checkbox-position::before, .priority-checkbox-position::after {
    top: 0px;
    left: 16rem;
}

.custom-color.item-custom-control .custom-control-label::after, .item-custom-control .custom-control-label::before {
    width: 20px;
    height: 20px;
    border: 1px solid #fcb913;
    border-radius: 0 !important;
}

.header-align {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767px) and (min-width: 320px) {
    .cart-dropdown {
        position: inherit;
    }

    .dropdown-menu-cart {
        width: 100%;
    }

    .custom-dropdown-style::before {
        right: 87px;
    }

    .ssd .info-position {
        left: 25px !important;
    }

    .priority-checkbox-position::before, .priority-checkbox-position::after {
        top: 0px;
        left: 12rem;
    }

    .dropdown-mobile {
        width: 100%;
        transform: translate3d(-5px, 42px, 0px) !important;
        overflow: visible;
        left: 89px !important;
    }

    .filter-info-icon {
        margin-top: 10px;
    }

    .card-custom-padding {
        padding: 0px;
    }

    /**styles for catalog search result start**/
    .mobile-catalog {
        padding-left: 18px !important;
    }

    .content-width {
        width: 100%;
    }
    /**styles for catalog search result end**/
    /**styles for catalog details start**/
    .nav-item {
        white-space: nowrap;
    }

    .catalog-tabs-mobile {
        flex-wrap: unset;
        overflow: scroll;
    }
    /**styles for catalog details end**/
    /**styles for fav item maintenance start**/
    .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        vertical-align: middle;
        white-space: nowrap;
    }
    /**styles for fav item maintenance end**/
    /**styles for check order status start**/
    .responsive-scroll, .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        vertical-align: middle;
        white-space: unset;
    }
    /**styles for check order status end**/
    /**waiting order approval starts**/
    .btn-column {
        white-space: nowrap !important;
    }
    /**waiting order approval ends**/
}

.navbar-nav .dropdown-menu {
    position: absolute;
}
/**header styles end**/
/**My fav item dropdown- Hamburder icon start**/
@media (max-width: 1024px) and (min-width: 768px) {
    .dropdown-mobile {
        width: 100%;
        transform: translate3d(-5px, 45px, 0px) !important;
        overflow: visible;
        left: 89px !important;
    }

    .priority-checkbox-position::before, .priority-checkbox-position::after {
        top: 0px;
        left: 12rem;
    }
}

@media (max-width: 823px) and (min-width: 411px) {
    .card-custom-padding {
        padding: 14px -1px;
    }
}

.card-custom-padding {
    padding: 14px 14px;
}

.dropdown-mobile {
    transform: translate3d(-92px, 39px, 0px) !important;
}
/**My fav item dropdown- Hamburder icon end**/
.heart-icon {
    height: 31px;
}

.category-id {
    margin-top: 5px !important;
}

.content-spacing {
    margin-bottom: 1px;
}

.info-content {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
    padding: 10px;
    min-width: 225px;
    left: 13px;
    top: -11px;
    display: none;
}

.info-container:hover .info-content {
    display: block;
}

.sdi-fedextool-tip:hover .info-content {
    display: block;
}

.info-container:hover .Grid-info-icon {
    display: block;
}

.Grid-info-icon {
    width: 90px;
    font-size: 11px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
    padding: 10px;
    /* min-width: 225px; */
    right: 12px;
    z-index: 1;
    /*left: -25px !important;*/
    top: 21px !important;
    display: none;
    /*width: 90px;
    font-size: 11px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
    padding: 10px;
    /* min-width: 225px;
    left: 13px;
    z-index: 1;
    left: -25px !important;
    top: 21px !important;*/
}

.info-icon-searchpage {
    width: 14px;
    position: relative;
    top: -3px;
}

.info-container {
    cursor: pointer;
    margin-left: 2px;
    /* position: relative;*/
}

.info-searchpage {
    width: 17px;
    position: relative;
    top: -1px;
}

.info-position {
    left: 18px !important;
}

.form-control:focus {
    border-radius: .25rem;
    background-color: white;
}

.image-background {
    background-color: white;
}

thead {
    white-space: nowrap;
}

/******newly updated styles*******/
.btn-column {
    white-space: nowrap;
}

.form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
}

.clear-btn:focus {
    color: #fdb913;
    border: 2px solid #fdb913;
}

.catalog-search-result-sm {
    border: 1px solid #8c8c8c;
    background-color: #d8d8d8;
}

.category-search-result {
    color: #4995f2;
}

.charge-code-control-search {
    min-width: 188px !important;
}

#hamburger-menu-container #non-catalog {
    position: fixed;
    background-color: #fff;
    flex-direction: column;
    height: 100%;
    box-shadow: 4px 0 10px 0 rgba(0,0,0,.4);
    /*overflow: auto;*/
}

#hamburger-menu-container #non-catalog {
    width: 320px;
}

.hamburger-hidden-title {
    font-size: 14px;
    color: #b7b7b7;
    padding: 13px 20px;
}

.back-icon {
    cursor: pointer;
}

.home-page-menu[ aria-expanded="true"] {
    border-bottom: 2px solid #fdb913;
}

.vendor-logo-img {
    /*width: 44px;
    height: 19px;*/
    width: 93px;
    height: 25px;
}

/*Aug 4*/
.custom-datepicker {
    right: 8px !important;
}
/**new**/
/*RTV UI Change - Deepthi N H */
.custom-datepicker1 {
    right: 125px !important;
}

.custom-datepicker2 {
    right: 105px !important;
}

.heart-icon-view {
    cursor: unset;
}

@media screen and (min-width:0\0) /**only for IE**/
{
    .accordion-heading[aria-expanded="true"]:after, .accordion-heading1[aria-expanded="true"]:after, .accordion-heading2[aria-expanded="true"]:after {
        background-position: 4.9px 5.9px;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .accordion-icon-position[aria-expanded="true"]:after, .accordion-heading1[aria-expanded="true"]:after, .accordion-heading2[aria-expanded="true"]:after {
        background-position: 5px 6.9px;
    }
}

.table-customstyle-whitespace {
    white-space: nowrap;
}

@supports (-ms-ime-align:auto) {
    .accordion-heading[aria-expanded="true"]:after, .accordion-heading1[aria-expanded="true"]:after {
        background-position: 5.5px 6px;
    }

    .accordion-icon-position[aria-expanded="true"]:after, .accordion-heading1[aria-expanded="true"]:after {
        background-position: 6px 6.5px;
    }
}

.custom-tab-style {
    white-space: nowrap;
}

.desktop-search {
    width: 368px;
}

.custom-style-nav {
    display: flex;
}

@media (max-width: 480px) {

    .react-checkbox-tree {
        width: 100% !important;
    }

    .fav-maintence .catalog-label, .fav-maintence .item-details-value {
        float: left !important;
    }

    .custom-width-table {
        width: unset !important;
    }

    .loader-img {
        left: 37% !important;
    }

    .custom-scroll {
        overflow: auto;
        width: 100% !important;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .desktop-search {
        display: none;
    }

    .info-content-section {
        left: 126px;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .fav-maintence .catalog-label, .fav-maintence .item-details-value {
        float: left !important;
    }
}

.accordion-font {
    font-size: 14px !important;
}

.accordion-custom-padding {
    padding: 11px 10px;
}

.popover-shopping-background {
    padding: 7px 15px;
}

.chk-box-list {
    padding: 14px 12px;
    float: left;
    width: 100%;
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .info-content-section {
        left: 234px;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .fav-maintence .catalog-label, .fav-maintence .item-details-value {
        float: left !important;
    }
}

@media (max-width: 1200px) and (min-width: 1080px) {

    .shopping-order, .font-thin, .catalog-details-unit-price {
        font-size: 19px;
    }

    .border > div {
        width: 150px !important;
        margin: unset !important;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    #MultiSelectDD .dropdown-container {
        position: absolute;
        top: 76px;
        width: 100% !important;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    .col-md-12.col-lg-10.catalog-value {
        width: 59% !important;
    }
}

@media (min-width: 2000px) {
    .info-content-section {
        left: 451px;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .fav-maintence .catalog-label, .fav-maintence .item-details-value {
        float: none !important;
    }
}

.delete-icon-custom {
    background-image: url(../Images/delete.svg);
    background-repeat: no-repeat;
    width: 23px;
    height: 15px;
    margin-top: 2px;
    margin-left: 6px;
}

.item-detail-suppleir {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.custom-dropdown-chk.custom-color.item-custom-control .custom-control-label::after, .custom-dropdown-chk.item-custom-control .custom-control-label::before {
    left: 342px;
}

.custom-width-table {
    width: 109px;
}


.error-mg-txt {
    color: red;
    font-Weight: bold;
}

.error-txt-msg {
    color: black;
    font-Weight: bold;
}

.pounchout-logo {
    width: 100%;
    height: 82px;
    line-height: 100px;
}

.fav-maintence .catalog-label, .fav-maintence .item-details-value {
    float: unset;
}

.searchresult-label .item-details-value {
    margin-top: 2px !important;
}

/*WW-1231 Vishwa S*/
.loader-position {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*transform: translate(-50%, -50%);*/
}

.loader-img {
    position: relative;
    top: 41%;
    left: 50%;
}

.content-section-margin-style {
    margin-top: 99px;
    padding-bottom: 90px;
}
/*Added Cursor Pointer Style*/
.cursor-pointer {
    cursor: pointer;
}
/*Added hide Style*/
.hide {
    display: none;
}
/*Added autocomplete Style*/
.hide {
    display: none;
}

.menu-search-group-man {
    position: absolute;
    right: 79px;
    top: 1px;
    border: none;
    width: auto !important;
}
/*// WW-1336 - Relevant Type Ahead Suggestions - [3/14/2025] - K Surya */
.menu-search-group {
    position: absolute;
    right: 0;
    top: 1px;
    border: none;
    width: auto !important;
    z-index: 5
}

    .menu-search-group span {
        border: none;
        padding: 8px;
    }

.Top-margin {
    margin-top: 190px;
}

.stockitem-inventory-topmargin {
    margin-top: 154px;
}

.DropDown-Font-Size {
    font-size: 12px;
}

.menu-mobilesearch-group {
    position: absolute;
    right: 16px;
    top: 2px;
    border: none;
    width: auto !important;
}

.go2646822163.dropdown-container {
    height: 37px;
    white-space: nowrap;
}

.go3425554998.dropdown-content > div {
    height: 150px !important;
}

.dropdown-content > div {
    height: 150px !important;
}

.go2642161244.dropdown-heading {
    height: 35px;
}

.input-group.desktop-search.search-autocomplete > div > div {
    background: none !important;
    z-index: 9999;
}

    .input-group.desktop-search.search-autocomplete > div > div div {
        padding: 0px;
    }
/* WW-1336 - Relevant Type Ahead Suggestions - [3/14/2025] - K Surya */
.home-search.search-autocomplete > div > div {
    background: none;
}

.search-autocomplete .css-yk16xz-control {
    width: 108%;
}

.input-group.mobile-search.search-autocomplete > div > div div {
    padding: 4px;
}

.search-autocomplete > div:first-child {
    width: 100%;
}
/**new**/
.search-result-content {
    font-family: 'RobotoRegular';
    font-size: 18px;
}

.dropdown-close-icon {
    background: url(../images/search-close.svg)no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 10px;
    top: 13px;
    z-index: 12;
}

.priority-dropdown {
    position: relative;
    top: 2px;
    left: 9px;
}

.undelete-btn:before {
    background-image: url(../images/undo-arrow.svg);
    width: 18px;
    height: 21px
}

.undelete-btn {
    color: #6E6E6E;
}

.search-color {
    border-color: #ced4da !important;
}

@media (max-width: 767px) and (min-width: 320px) {
    .mobile-tab-table .table.mobileflex-grid tr {
        margin-bottom: unset;
    }

    .non-catalog-req-form .catalog-label {
        width: 100% !important;
    }

    .mobile-header-label {
        margin-top: 114px !important;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .mobile-check-box {
        display: flex !important;
        padding: 0px !important;
    }

    .mobile-nodetails {
        height: 41px;
        display: flex;
    }

    .mobile-tab-table table.mobileflex-grid td::before {
        left: 25px;
    }

    .mobile-tab-table .ZEUS_Grid tbody td {
        padding-left: 50% !important;
    }
}

.mobile-search-icon {
    padding: 8px 14px;
    border: unset;
}

.rct-node {
    list-style: none !important;
}




button.rct-collapse.rct-collapse-btn {
    width: 21px;
    height: 21px;
    border: 1px solid #bfbfbf;
    background-color: #bfbfbf;
    margin-right: 10px;
}

button.rct-option.rct-option-expand-all:before {
    content: "+";
    color: #fff;
    padding: 0px 0px;
    position: relative;
    top: -1px;
}

button.rct-option.rct-option-expand-all {
    width: 29px;
    height: 25px;
    border: 0.5px solid #fcb913;
    background-color: #fcb913;
    border-radius: 3px;
    float: right;
}

button.rct-option.rct-option-collapse-all:before {
    content: "-";
    color: #fff;
    padding: 0px 0px;
    position: relative;
    top: -1px;
}

button.rct-option.rct-option-collapse-all {
    width: 29px;
    height: 25px;
    border: 0.5px solid #fcb913;
    background-color: #fcb913;
    border-radius: 3px;
    float: right;
    margin-right: 9px;
}

.rct-options {
    position: relative;
    top: -95px;
}

.rct-title {
    font-size: 14px;
    padding-left: 5px;
}

.rct-disabled .rct-title {
    color: #bbbbbb;
}

.rct-node-expanded .rct-collapse-btn:before {
    content: "-";
    color: #fff;
    padding: 0px 0px;
    position: relative;
    top: -3px;
}

.rct-node-collapsed .rct-collapse-btn:before {
    content: "+";
    color: #fff;
    padding: 0px 0px;
    position: relative;
    top: -3px;
}

.rct-node.rct-node-parent ol {
    border-left: 1px solid #ccc;
    margin-left: 10px;
}

.errorspan {
    text-align: center;
    width: 100%;
    /*padding-left: 400px;*/
    color: red;
    font-size: 15px;
}

.errorspan1 {
    text-align: end;
    width: 100%;
    color: red;
    font-size: 15px;
    float: right;
}

.errorspan2 {
    text-align: end;
    width: 100%;
    color: red;
    font-size: 15px;
}


.errorspan1StockIsuue {
    text-align: end;
    width: 100%;
    color: red;
    font-size: 15px;
    float: right;
}

.errorspan12 {
    text-align: end;
    width: 100%;
    color: red;
    font-size: 15px;
}

.errorSpanWidth {
    width: 75%;
}
/**new**/
.position-mega-menu {
    transform: unset; /*translate(-87%, 0%) !important;*/
    left: unset;
}

.submenu-dropdown-arrow:hover::after {
    transform: rotate(181deg);
}

.home-page-menu {
    border-bottom: 2px solid transparent;
}

.errorcolour {
    color: red !important;
}

.datepickerShopCart {
    width: 220px;
}

.itemPerPage {
    width: 70px;
    height: 30px;
    padding: 0 5px;
    margin: 10px;
}

.catagoryFilterBtn {
    background-color: orange;
    font-size: 13px;
    height: 30px;
    margin: 10px;
}

.Hideoverflow {
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 90%;
}
/**new 10/01/2020**/
.catalog-label-title {
    font-family: 'Roboto-Bold';
    font-size: 17px;
}

.category-search-image {
    position: relative;
    overflow: hidden;
}

.order-summary-image img {
    width: 76%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.manufacturer-width {
    width: 416px;
}

.UOM-width {
    width: 103px;
}

.RFQ-width {
    width: 115px;
}

.custom-height > div {
    height: 36px !important;
}

.mc-Margin {
    margin-bottom: 2rem !important
}

.Machinnum-margin {
    /*margin-left:140px;*/
    font-size: 13px;
}
/*Added style for previous & next month in datepicker*/
.react-datepicker__day--outside-month {
    color: #ccc !important;
    pointer-events: none;
}
/**new**/
.center-menu {
    left: -349px !important;
}

.megamenu-container .dropdown-item {
    font-family: 'RobotoRegular' !important;
    color: gray;
}

    .megamenu-container .dropdown-item:hover {
        color: black;
    }

.dropdown-item:active {
    background-color: unset;
}
/**new**/
.pdf-preview {
    height: 700px;
    width: 100%;
}

.btn-disabled {
    background: #fcb913;
    color: #333;
    border-color: #fcb913;
}
/**13/10/20*/
.react-datepicker-wrapper {
    display: block !important;
}

.datepicker {
    width: 100% !important;
}

.waitReq-datepicker {
    width: 100% !important;
    margin-top: 4%
}

.datepickerShopCart {
    width: 100%;
}

.react-datepicker-popper {
    left: -23px !important;
}

.category-search-image {
    height: 136px;
}

.category-search-image-height {
    height: auto;
}

@media (max-width: 1200px) and (min-width: 1080px) {
    .megamenu-container {
        min-width: 46rem !important;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .jq-toast-wrap {
        top: 8% !important;
        left: 42% !important;
        width: 180px !important;
    }

    .responsive-scroll, .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        text-align: left !important;
    }

    .manage-form-grid manageform-grid-action {
        text-align: center !important;
    }
     
    .manufacturer-width {
        width: 286px;
    }

    .custom-radiobtn {
        padding-right: 7px !important;
    }

    .card-section {
        margin: 20px 55px !important;
    }
}

@media (max-width: 2048px) and (min-width: 2100px) {

    .jq-toast-wrap {
        top: 12% !important;
        left: 47% !important;
        width: 177px !important;
    }

    .responsive-scroll, .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        text-align: left !important;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .order-summary-image img {
        width: 51%;
    }
}

.custom-actioncol-width {
    width: 63px;
}

@media (max-width: 767px) and (min-width: 320px) {
    .descrip {
        flex: 0 0 22.666667%;
        max-width: 33.666667%;
    }

    .grid-padding-section .catalog-label {
        width: 33% !important;
    }

    .jq-toast-wrap {
        top: 26% !important;
        left: 48% !important;
        width: 165px !important;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .custom-mb .catalog-label {
        max-width: 60% !important;
    }

    .custom-radiobtn {
        /* width: 100% !important;*/
    }

    .react-checkbox-tree ol {
        padding: 0px;
    }

    .rct-node-collapsed .rct-collapse-btn:before {
        top: -3px;
    }

    .react-checkbox-tree {
        overflow: unset;
        height: unset;
        width: unset;
    }

    .RFQ-width {
        width: 100%;
        padding: 0px 15px;
    }

    .manufacturer-width {
        padding: 0px 15px !important;
    }

    .catalog-label {
        font-size: 13px;
    }

    .UOM-width {
        width: 100% !important;
        padding: 0px 15px;
    }

    .popup-mobile-width {
        width: 100px;
    }

    .Top-margin {
        margin-top: 213px;
    }

    .page-title {
        margin-top: 4px;
    }

    #advanced-filter .catalog-label {
    }

    .custom-mobile-filtermargin {
        margin-left: 54px !important;
    }
}

.custom-tab-style {
    justify-content: space-between;
}
/* WW-1229 Home tiles -Nandhini L*/
.react-checkbox-tree {
    overflow: auto;
    height: 330px;
    width: 100%;
}

.react-checkbox-tree {
    overflow: auto;
    height: 546px;
    width: 105%;
}

.rct-node-leaf {
    margin-left: 32px;
}

.rct-disabled {
    margin-bottom: 8px;
}

.search-cancel {
    background: url(../images/search-clear.svg)no-repeat;
    width: 18px;
    background-size: 13px;
    height: 16px;
    position: absolute;
    right: 55px;
    top: 23px;
    z-index: 12;
    cursor: pointer;
}

.Img-txt {
    color: #2a86e1;
    font-size: 14px;
}

.search-cancel-home {
    background: url(../images/search-clear.svg)no-repeat;
    width: 18px;
    background-size: 13px;
    height: 16px;
    position: absolute;
    right: 60px;
    top: 13px;
    z-index: 12;
    cursor: pointer;
}

.image-Search {
    border-bottom: 1px solid #eaeaea;
}


.search-cancel-mobile {
    background: url(../images/search-clear.svg)no-repeat;
    /* width: 13px; */
    /* height: 13px; */
    width: 18px;
    background-size: 12px;
    height: 16px;
    position: absolute;
    right: 58px;
    top: 15px;
    z-index: 12;
    cursor: pointer;
}

span.icon-height {
    height: 21px;
    float: left;
}

.megamenu-container li {
    padding: 0px 4px;
}

.custom img {
    position: sticky !important;
}

.collapse .react-checkbox-tree {
    overflow: auto;
    height: 100%;
    width: 100%;
}

.collapse ol {
    padding: 0px;
}

.collapse .rct-node-leaf {
    margin-left: 0px;
}

@media (max-width:1000px) and (min-width: 828px) {
    .custom-iphone-padding {
        padding: 7px !important;
    }

    .category-search-image {
        height: 164px;
    }

    .nav-link {
        font-size: 12px !important;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .descrip {
        flex: 0 0 22.666667%;
        max-width: 33.666667%;
    }

    .grid-padding-section .catalog-label {
        width: 33% !important;
    }

    .jq-toast-wrap {
        top: 11% !important;
        left: 40% !important;
        width: 192px !important;
    }

    .custom-fav-image > div {
        width: 100% !important;
    }

        .custom-fav-image > div img {
            max-width: 100% !important;
        }

    .custom-iphone-width .catalog-label {
        width: unset !important;
    }

    .responsive-scroll, .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        text-align: left !important;
    }

    td.mobile-check-box.text-center.mobile-chkbox-align {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #order-status-link .catalog-label {
        font-size: 13px !important;
        /* width: 205px!important; */
        flex: 0 0 80.666667%;
        max-width: 81.666667%;
    }

    #order-status-link .item-custom-control {
        flex: 0 0 17.666667%;
        max-width: 17.666667%;
    }

    .Top-margin {
        margin-top: 196px;
    }

    .indicate-alert.float-left {
        margin-bottom: 13px;
    }

    .search-content .fav-maintence {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-section {
        margin: 20px 93px;
    }

    table.mobileflex-grid td {
        border-bottom: 1px solid #ddd;
        display: block;
        padding-left: 40% !important;
        text-align: left;
    }

        table.mobileflex-grid td::before {
            content: attr(data-label);
            float: left;
            display: table-cell;
            left: 57px;
            margin: auto;
            position: absolute;
            vertical-align: middle;
            white-space: nowrap;
            width: 33%;
        }

    .custom-width-table {
        width: 100% !important;
    }

    table.mobileflex-grid {
        border: 0;
    }

    .responsive-scroll, .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        vertical-align: middle;
        white-space: unset;
    }

    table.mobileflex-grid thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.mobileflex-grid tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    .grid-padding-section {
        padding-left: 115px !important;
    }

    .item-details-title {
        text-decoration: underline;
    }

    .catalog-label {
        font-size: 11px;
    }

    .left-field, .right-field, .middle-field {
        max-width: 33%;
        flex: 0 0 33%;
        margin: 0px;
    }

    .custom-iphone-width {
        width: 177px !important;
        max-width: unset;
        flex: unset;
    }

    .d-none.d-sm-none.d-md-table-cell {
        display: none !important;
    }

    .mobile-fieldscontainer {
        display: block;
    }

    .mobile-fields {
        float: left;
    }

        .mobile-fields .item-details-value {
            width: 58% !important;
        }

        .mobile-fields .catalog-label {
            width: 19% !important;
        }

    .responsive-iphone-grid {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.gridlayout-widget {
    background-color: unset !important;
    border: 1px solid #e0e0e0 !important;
}

.capture-icn-home {
    position: absolute;
    right: 63px;
    top: 22px;
}

.search-cancel-header {
    background: url(../images/search-clear.svg)no-repeat;
    width: 18px;
    background-size: 11px;
    height: 16px;
    position: absolute;
    right: 29px;
    top: 12px;
    z-index: 12;
    cursor: pointer;
}

.search-cancel-header-openpo {
    background: url(../images/search-clear.svg)no-repeat;
    width: 18px;
    background-size: 11px;
    height: 16px;
    position: absolute;
    right: 10px;
    margin-top: 12px;
    z-index: 12;
    cursor: pointer;
}

.search-cancel-header-image {
    background: url(../images/search-clear.svg)no-repeat;
    width: 18px;
    background-size: 11px;
    height: 16px;
    position: absolute;
    right: 56px;
    top: 14px;
    z-index: 12;
    cursor: pointer;
}

.disabled-child {
    /*height: 30px;*/
    color: #bbbbbb;
    margin-left: 32px;
    margin-bottom: 8px;
}

.GreenColour {
    color: limegreen;
}

#Manufilter .rct-node-leaf {
    padding-left: 0px;
    margin-left: 0px;
}

#Manufilter ol {
    padding-left: 0px;
}

#Manufilter .react-checkbox-tree {
    /* margin-left: 0px; */
    width: 100%;
    height: unset;
}

#AttriFilter .rct-node-leaf {
    padding-left: 0px;
    margin-left: 0px;
}

#AttriFilter ol {
    padding-left: 0px;
}

#AttriFilter .react-checkbox-tree {
    width: 100%;
    height: unset;
}

#SupplierFilter .rct-node-leaf {
    padding-left: 0px;
    margin-left: 0px;
}

#SupplierFilter ol {
    padding-left: 0px;
}

#SupplierFilter .react-checkbox-tree {
    width: 100%;
    height: unset;
}

.order-summary-image img {
    top: 0px !important;
    left: 0px !important;
    max-width: 100% !important;
}
/*.border > div {
    width: 150px !important;
    margin: unset !important;
}*/
@media (max-width: 1200px) and (min-width: 828px) {

    .responsive-iphone-grid .item-details-value {
        width: 62% !important;
    }

    .responsive-iphone-grid .catalog-label {
        width: 38% !important;
    }

    .mobile-fields .catalog-label {
        width: 40% !important;
    }

    .mobile-fields .item-details-value {
        width: 57% !important;
    }
}

@media (max-width:500px) and (min-width:375px) {
    .descrip {
        flex: 0 0 22.666667%;
        max-width: 33.666667%;
    }

    .multi {
        width: 381px;
    }

    .grid-padding-section .catalog-label {
        width: 33% !important;
    }

    .responsive-scroll, .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        text-align: left !important;
    }

    td.mobile-check-box.text-center.mobile-chkbox-align {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .jq-toast-wrap {
        top: 32% !important;
        left: 48% !important;
        width: 165px !important;
    }

    td.mobile-check-box.text-center.mobile-chkbox-align {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .order-summary-image .border > div {
        width: 327px !important;
    }

    .catalog-img-border > div img {
        max-width: 100% !important;
        left: 0px !important;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .catalog-img-border > div {
        width: 100% !important;
    }

    .catalog-value {
        width: 60%;
    }
}

@media (max-width: 700px) and (min-width: 375px) {
    .jq-toast-wrap {
        top: 17% !important;
        left: 24% !important;
        width: 165px !important;
    }

    .multi {
        width: 346px !important;
    }
}

@media (max-width: 400px) and (min-width: 320px) {
    #BudLimitDiv .catalog-label {
        width: 220px !important;
    }

    .multi {
        width: 345px !important;
    }

    .multiDDWidth {
        width: 330px;
    }

    #BUdLimitData {
        width: 150px !important;
    }

    #ConfPassDiv .catalog-label {
        width: 135px !important;
        max-width: 60% !important;
    }

    #ApprLabel {
        width: 260px !important;
    }

    .Mobile-Attasho {
        margin-top: 31px;
    }

    .Mobile-OSE {
        width: 75% !important;
    }

    .Mobile-descrip {
        width: 100% !important;
    }

    .responsive-scroll, .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        text-align: left !important;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }

    .jq-toast-wrap {
        top: 17% !important;
        left: 26% !important;
        width: 165px !important;
    }
    /*.jq-toast-wrap {
        top: 32% !important;
        left: 48% !important;
        width: 165px !important;
    }*/

    .responsive-scroll, .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        text-align: left !important;
    }

    td.mobile-check-box.text-center.mobile-chkbox-align {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    table.mobileflex-grid td::before {
        text-align: left;
    }

    constructed stylesheet table.mobileflex-grid td::before {
        left: 31px !important;
        text-align: left;
    }

    .catalog-img-border > div img {
        width: 100% !important;
        left: 0px !important;
    }

    .catalog-img-border > div {
        width: 100% !important;
    }
}

.disable-radio-label {
    color: #9a9a9a;
}

.disable-radio {
    border: 1px solid #b9b8b8 !important;
}

.custom-radiobtn .disable-radio:after {
    background-color: #c7c7c7 !important;
}

.gridlayout-widget .category-search-image {
    padding: 0;
}

button.border {
    background-color: transparent;
    border: unset !important;
}

.fav-item-details {
    color: #252525 !important;
    font-family: 'RobotoLight' !important;
}

.action-custom-width {
    width: 65px !important;
}

.place {
    font-size: 13px !important;
}

.fav-dropdown .dropdown-item {
    white-space: break-spaces !important;
}

.fav-dropdown .dropdown-item {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    white-space: break-spaces !important;
}

@media (max-width: 1250px) and (min-width: 1200px) {
    .jq-toast-wrap {
        top: 15%;
        left: 37%;
        width: 250px;
    }

    .react-checkbox-tree {
        width: 100% !important;
    }
}

.accordian-close::after {
    background-image: url(../images/accordion-arrowdown.svg);
    background-position: 5.1px 5.7px;
    content: "";
    background-repeat: no-repeat;
    background-size: 12px;
    background-color: #f6f5f4;
    width: 24px;
    height: 24px;
    border: 1px solid #fdb813;
    border-radius: 50%;
    right: 10px;
    position: absolute;
    top: 19px;
    cursor: pointer;
}

@media (max-width: 1200px) and (min-width: 1080px) {

    .profile-update-tab .nav-item {
        -ms-flex: 0 0 11.11%;
        flex: 0 0 16.11%;
        max-width: 15.11%;
    }

    .profile-update-tab {
        flex-wrap: unset;
        overflow: scroll;
    }
}

@media (max-width: 1200px) and (min-width: 828px) {
    #order-status-link .catalog-label {
        font-size: 12px !important;
        flex: 0 0 78.666667% !important;
        max-width: 76.666667% !important;
    }
}

.modal.modal-static .modal-dialog {
    -webkit-transform: none !important;
    transform: none !important;
}

.Attachment-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    width: 243px !important;
    cursor: pointer;
}

.Addionalinfo-attach {
    width: 500px !important;
}

.image-attach-label {
    font-size: 18px;
    font-weight: 700;
}

.image-attach-para {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

.modal-attach-style {
    max-width: 814px !important;
    margin: auto;
}

.view-more {
    font-weight: lighter;
    font-size: 12px;
    color: grey;
    font-family: 'RobotoRegular';
}
/*.modal {
    pointer-events: none;
}*/
.fav-page-width {
    width: 447px;
}

@media (max-width: 767px) and (min-width: 320px) {
    .section-content-padding {
        padding: 0px !important;
    }

    .react-datepicker-wrapper {
        display: block !important;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    .mobile-filter-ch {
        margin-left: 55px !important;
    }
    /********FILTER*******/
    .mobile-filter-ch-new {
        margin-left: 1px !important;
    }
    /*******END*******/
}

.place {
    font-size: 12px !important;
}

.ssd .react-datepicker-popper {
    transform: translate3d(25px, 61px, 0px) !important;
}


@media (max-width: 1024px) and (min-width: 768px) {
    .left-field, .right-field, .middle-field {
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }

    .left-field, .right-field, .middle-field {
        margin-right: 0% !important;
    }

    table.mobileflex-grid td::before {
        content: attr(data-label);
        float: left;
        display: table-cell;
        left: 16px;
        margin: auto;
        position: absolute;
        vertical-align: middle;
        white-space: nowrap;
        width: 33%;
    }

    table.mobileflex-grid {
        border: 0;
    }

        table.mobileflex-grid thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table.mobileflex-grid tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        table.mobileflex-grid td {
            border-bottom: 1px solid #ddd;
            display: block;
            padding-left: 40% !important;
            text-align: left;
        }

    .responsive-scroll, .ZEUS_Grid thead th, .ZEUS_Grid tbody td {
        text-align: left !important;
    }

    table.mobileflex-grid td:last-child {
        border-bottom: 0;
    }

    td.mobile-check-box.text-center.mobile-chkbox-align {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .d-none.d-sm-none.d-md-table-cell {
        display: none !important;
    }

    .mobile-fieldscontainer {
        display: block;
    }

    .responsive-iphone-grid .catalog-label {
        float: left;
        width: 31%;
    }

    .responsive-iphone-grid {
        max-width: 100% !important;
        flex: 100%;
    }
}

.itemIdfav {
    width: 130px;
}

.catagoryFilterBtnSS {
    background-color: orange;
    font-size: 13px;
    height: 30px;
    margin: 2px;
}

.textwrapfrsearch {
    word-wrap: break-word
}

.textbreakwrap {
    word-break: break-all
}

.releasenotestop {
    margin-top: 40px;
}

@media (max-width: 1200px) and (min-width: 828px) {
    .profile-update-tab .nav-item {
        flex: 0 0 20.11%;
        max-width: 19.11%;
    }

    .profile-update-tab {
        flex-wrap: unset;
        overflow: scroll;
    }
}

@media (max-width: 1280px) and (min-width: 1200px) {
    .jq-toast-wrap {
        left: 848px !important;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    #MultiDiv .go2642161244.dropdown-heading {
        height: 25px;
    }
}

#AttriFilter .react-checkbox-tree {
    width: 100%;
    height: unset;
    overflow: unset;
}

#AttriFilter ol {
    padding-left: 0px;
}

#AttriFilter li.rct-node.rct-node-parent {
    /* height: 79px; */
    margin-top: 15px;
}

#AttriFilter button.rct-collapse.rct-collapse-btn {
    /* background-color: red!important; */
    content: "";
    /* height: 20px; */
    /* display: inline-block; */
    /* width: 20px; */
    /* content: ""; 
    background-image: url(../images/accordion-arrowright.svg);
    background-repeat: no-repeat;*/
    background-size: 12px;
    /*/background-position: 6.5px 5.5px;*/
    background-color: #f6f5f4;
    width: 24px;
    height: 24px;
    border: 1px solid #fdb813;
    border-radius: 50%;
    right: 11px;
    float: right;
    margin-right: 0px !important;
    /* margin-top: 8px; */
    position: absolute;
    /* top: 13px; */
    /* cursor: pointer;*/
}

#AttriFilter .rct-node.rct-node-parent ol {
    border-left: unset;
}

#AttriFilter .rct-node-collapsed .rct-collapse-btn:before {
    content: "";
    background-image: url(../images/accordion-arrowright.svg);
    background-repeat: no-repeat;
    color: gray;
    padding: 0px 0px;
    position: relative;
    background-size: 12px;
    display: block;
    background-position: 1px 6px;
    top: -2px;
    height: 20px;
    width: 20px;
}

#AttriFilter .rct-node-expanded .rct-collapse-btn:before {
    content: "";
    background-image: url(../images/accordion-arrowdown.svg);
    background-repeat: no-repeat;
    color: gray;
    padding: 0px 0px;
    position: relative;
    height: 20px;
    width: 20px;
    font-size: 19px;
    background-size: 12px;
    display: block;
    background-position: -1px 9px;
    top: -4px;
}
/*#AttriFilter li.rct-node.rct-node-parent.rct-node-collapsed {
    box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.07);
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    border: 1px solid #fdb813;
    padding: 15px 10px;
}*/

button.css-1r4vtzz {
    width: 100% !important;
    border: 1px solid #ced4da;
    box-shadow: unset;
    border-radius: 5px;
    height: 35px;
}

@media(max-width:812px) and (min-width:375px) {
    .SDIannouncement-content > div table {
        width: 199pt !important;
    }

    .ssd.section-content-padding.info-content {
        left: 23px !important;
    }
}

@media(max-width:767px) and (min-width:320px) {
    .SDIannouncement-content > div table {
        width: 192pt !important;
    }

    .ssd.section-content-padding.info-content {
        left: 23px !important;
    }

    .ssd .info-position {
        left: 25px !important;
    }
}

list-group hamburger-navigation
.OLDatepicker .react-datepicker-popper {
    transform: translate3d(24px, 35px, 0px) !important;
}

::-webkit-scrollbar {
    width: 5px !important;
}

.ham-section {
    /*padding: 15px 15px 10px 15px;****NEW1***/
    /*width: min-content;*/
    width: inherit;
    background-color: white;
    padding: 0px 15px 10px 15px;
    height: 27%;
}

#centerham {
}

.hamburger-navigation {
    margin-bottom: 2%;
}

.ham-label {
    font-size: 14px;
    color: black;
    width: 33%;
}

.ham-link {
    font-size: 14px;
    color: #4995f2;
    /*text-decoration: underline;*/
    width: 63%;
}

.ham-title {
    color: black;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
}

.ham-label-mobile {
    font-size: 14px;
    color: black;
    width: 67%;
}

@media (max-width: 767px) and (min-width: 320px) {

    .section-hide {
        display: none !important;
    }

    div#QuickItemDIv {
        width: 100%;
    }

    .section-mobile {
        display: block !important;
    }

    .ssd .info-position {
        left: 25px !important;
    }
}

@media (max-width: 2050px) and (min-width: 2000px) {

    .section-hide {
        display: none !important;
    }

    .section-mobile {
        display: block !important;
    }
}

@media (max-width: 1000px) and (min-width: 828px) {
    .catalog-img-border > div img {
        width: 300px !important;
        left: 0px !important;
    }

    .section-hide {
        display: none !important;
    }

    .section-mobile {
        display: block !important;
    }

    .section-mobile {
        display: block !important;
    }
}

@media (max-width: 1200px) and (min-width: 1080px) {
    .catalog-img-border > div img {
        width: 430px !important;
        left: 0px !important;
    }

    .section-hide {
        display: none !important;
    }

    .section-mobile {
        display: block !important;
    }
}

@media (max-width: 708px) and (min-width: 414px) {
    .dropdown.filter-float {
        float: right !important;
    }

    div#QuickItemDIv {
        width: 100%;
    }

    .section-hide {
        display: none !important;
    }

    .section-mobile {
        display: block !important;
    }

    table.mobileflex-grid td.search-padding-none {
        padding-left: 0px !important;
    }

    .multi {
        width: 346px !important;
    }
}

.item-image-size {
    width: 100% !important;
    position: sticky;
    top: 150px;
    border: 1px solid #0000000f;
}

.image-gallery-fullscreen-button {
    left: 0 !important;
    right: auto !important;
}

.item-image-size img {
    width: 100% !important;
}

@media (max-width: 1000px) and (min-width: 768px) {
    .SDIannouncement-content > div table {
        width: 301pt !important;
    }

    .dropdown.filter-float {
        float: right !important;
    }

    .catalog-img-border > div img {
        width: 310px;
        left: 0px !important;
    }

    table.mobileflex-grid td.search-padding-none {
        padding-left: 0px !important;
    }

    .section-hide {
        display: none;
    }

    .Image-ShoppingCart > div {
        width: 69px !important;
    }

    .section-mobile {
        display: block !important;
    }
}

@media (max-width: 767px) and (min-width: 360px) {
    .cust-resp-width {
        width: 100%
    }
}

@media (max-width: 400px) and (min-width: 360px) {
    .go2646822163.dropdown-container {
        height: 31px;
        white-space: nowrap;
    }

    div#QuickItemDIv {
        width: 100%;
    }

    #MultiSelectDD {
        position: relative !important;
        top: -40px;
        /*width: 408px !important;*/
        height: 3px;
    }

    .ssd .info-position {
        left: 25px !important;
    }

    .border > div {
        width: 310px;
    }

    button.btn.btn-primary.custom-btn-primary.primary-btn.px-4.Mobile-Item-btn {
        padding: 11px 17px !important;
    }

    table.mobileflex-grid td.search-padding-none {
        padding-left: 0px !important;
    }

    .dropdown.filter-float {
        float: right !important;
    }

    table.mobileflex-grid td.search-padding-none {
        padding-left: 0px !important;
    }

    .item-box {
        margin-bottom: 11px;
    }
}

@media (max-width: 1300px) and (min-width: 1024px) {
    .catalog-img-border > div img {
        width: 407px !important;
        left: 0px !important;
    }

    .Image-ShoppingCart > div {
        width: 90px !important;
    }

    .UOM-width {
        width: 103px;
        margin-left: 16px;
    }

    .section-hide {
        display: none !important;
    }

    .border > div {
        width: 150px !important;
    }

    .gridlayout-widget .category-search-id {
        font-weight: bold;
        font-size: 13px !important;
    }

    .section-mobile {
        display: block !important;
    }

    .Search-Manufac-label {
        /*overflow: hidden;
        text-overflow: ellipsis;*/
        white-space: nowrap !important;
        /*width: 270px !important;*/
        float: left !important;
        margin-top: 1px !important;
    }

    .Search-ManuPart-label {
        /*overflow: hidden;
        text-overflow: ellipsis;*/
        white-space: nowrap !important;
        /*width: 150px !important;*/
        float: left !important;
        margin-top: 2px !important;
    }
}

@media (max-width: 2000px) and (min-width: 1920px) {
}


.section-hide {
    display: block;
}

.section-mobile {
    display: none;
}

.Search-Manufac-label {
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    white-space: nowrap !important;
    /*width: 450px !important;*/
    /*float: left !important;*/
    margin-top: 2px !important;
}

.Search-ManuPart-label {
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    white-space: nowrap !important;
    /*width: 450px !important;*/
    float: left !important;
    margin-top: 2px !important;
}

.btn-outline-secondary {
    z-index: unset !important;
}

button.css-48ayfv {
    border-radius: 5px;
    width: 100%;
    border: 1px solid #ced4da;
    height: 35px;
    box-shadow: unset;
}

.multi {
    height: 344px;
    background-color: white;
    overflow: hidden;
    border: 1px solid #ddd2d2;
}
/*Iphone 11*/
/*NEW1***414->400*/
@media (max-width: 700px) and (min-width: 414px) and (-webkit-device-pixel-ratio : 2) {
    /*NEW(added)*/
    .noitemdisplay {
        width: 100%;
        color: red;
        font-size: 10px;
        float: left;
    }

    .hamburger-navigation {
        height: 685px !important;
        /*padding-bottom: 100px;*/
        overflow: auto !important;
    }

    div#QuickItemDIv {
        width: 100%;
    }

    .Item-Tab2-label {
        width: 45%;
    }

    .Item-Tab2-Value {
        width: 55%;
    }

    .CatalohLookupHTag {
        width: 200px !important;
    }

    .CatalohLookupHTag2 {
        width: 190px !important;
    }

    .CatalohLookupHTag3 {
        width: 180px !important;
    }

    .CardDiv {
        width: 90% !important;
    }

    .multi {
        width: 381px !important;
    }

    .PunchoutTitle {
        font-size: 16px !important;
    }

    .item-count {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .CerditCarddiv {
        margin-right: 15px !important;
        margin-left: 13px !important;
    }

    .ExpirydateDiv {
        width: 50% !important;
    }

    .CardImageDiv {
        width: 10% !important;
    }

    .SDIannouncement-content > div table {
        width: 218pt !important;
    }

    .popover-item-id-label {
        font-size: 13px;
    }
    /*a#BackSearchpage {
        position: relative;
        top: -38px;
        left: 164px;
    }*/

    .req-search-width {
        width: 318px;
    }

    /*.btn-continue {
        position: relative;
        left: -127px;
    }*/

    .SDIannouncement-content {
        overflow: auto;
        width: 100% !important;
    }

    .form-control {
        width: 100% !important;
    }

    .info-position {
        left: -231px !important;
    }

    .infoleft {
        /*right: -231px !important;*/
        left: 20px;
    }

    label.item-details-value.ml-2.card-product-add-cart-panel.mr-2 {
        width: 46% !important;
    }

    .info-position {
        left: -231px !important;
    }

    .ssd .info-position {
        left: 25px !important;
    }

    .item-box {
        margin-bottom: 11px;
    }

    button.btn.btn-primary.custom-btn-primary.primary-btn.px-4.Mobile-Item-btn {
        padding: 11px 17px !important;
    }

    .jq-toast-wrap {
        top: 15% !important;
        left: 30% !important;
        width: 165px !important;
    }

    .jq-toast-wrap {
        top: 16% !important;
        left: 30% !important;
        width: 165px !important;
    }

    table.mobileflex-grid td.search-padding-none {
        padding-left: 0px !important;
    }

    .prices.fav-maintence label {
        width: 32%;
    }

    .prices.fav-maintence label {
        width: 32%;
    }

    .prices.fav-maintence {
        width: 100%;
    }

    .dropdown.filter-float {
        float: right !important;
    }

    .custom-dropdown-style::before {
        right: 86px;
    }

    .DropDown-Font-Size {
        position: relative;
        box-sizing: border-box;
        width: 100% !important;
    }

    .catalog-inline-qty {
        width: 34px !important;
        height: 34px;
        padding: 0 5px;
    }
    /*********NEW*(4/16/2021)*****************/
    .catalog-inline-qty-req {
        width: 22px !important;
        height: 20px;
        padding: 0 5px;
    }
    /**********END**************/
    .waiting-inline-qty-req {
        width: 22px !important;
        height: 20px;
        padding-right: 60px;
    }

    .go2646822163.dropdown-container {
        height: 31px;
        white-space: nowrap;
    }

    #MultiSelectDD .dropdown-container {
        position: absolute;
        top: 48px;
        width: 72% !important;
    }

    #MultiSelectDD {
        position: relative !important;
        top: -40px;
        /*width: 408px;*/
        height: 3px;
    }

    .g {
        width: 96% !important;
    }

    .SDIannouncement-wrapper {
        float: left;
        margin: 2% 4%;
        width: unset !important;
        overflow: auto !important;
    }

    .marginleft-0 {
        margin-left: 0px !important;
    }
}

@media (max-width: 823px) and (min-width: 414px) {
    .CardDiv {
        width: 90% !important;
    }

    .Item-Tab2-label {
        width: 45%;
    }

    .Item-Tab2-Value {
        width: 55%;
    }

    .CatalohLookupHTag {
        width: 200px !important;
    }

    .CatalohLookupHTag2 {
        width: 190px !important;
    }

    .CatalohLookupHTag3 {
        width: 180px !important;
    }

    .PunchoutTitle {
        font-size: 16px !important;
    }

    .item-count {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .CerditCarddiv {
        margin-right: 15px !important;
        margin-left: 13px !important;
    }

    .ExpirydateDiv {
        width: 50% !important;
    }

    .CardImageDiv {
        width: 10% !important;
    }

    .popover-item-id-label {
        font-size: 13px;
    }

    .g {
        width: 96% !important;
    }

    .SDIannouncement-wrapper {
        float: left;
        margin: 2% 4%;
        width: unset !important;
        overflow: auto !important;
    }

    .marginleft-0 {
        margin-left: 0px !important;
    }
    /*.btn-continue {
        position: relative;
        left: -127px;
    }*/
    .go2646822163.dropdown-container {
        height: 31px;
        white-space: nowrap;
    }

    #MultiSelectDD {
        position: relative !important;
        top: -40px;
        /*width: 408px;*/
        height: 3px;
    }

    .SDIannouncement-content {
        overflow: auto;
        width: 100% !important;
    }
    /*[10/28/22], PC_WW-529, Dhevanesam R*/
    .form-control {
        width: 100%;
    }

    .info-position {
        left: -231px !important;
    }

    .infoleft {
        /*right: -231px !important;*/
        left: 20px;
    }

    .DropDown-Font-Size {
        position: relative;
        box-sizing: border-box;
        width: 100% !important;
    }

    .info-position {
        left: -231px !important;
    }

    .ssd .info-position {
        left: 25px !important;
    }

    button.btn.btn-primary.custom-btn-primary.primary-btn.px-4.Mobile-Item-btn {
        padding: 11px 17px !important;
    }

    .dropdown.filter-float {
        float: right !important;
    }

    table.mobileflex-grid td.search-padding-none {
        padding-left: 0px !important;
    }

    .item-box {
        margin-bottom: 11px;
    }

    .custom-dropdown-style::before {
        right: 89px;
    }

    label.item-details-value.ml-2.card-product-add-cart-panel.mr-2 {
        width: 46% !important;
    }

    .css-2b097c-container {
        position: relative;
        box-sizing: border-box;
        width: 100% !important;
    }

    .catalog-inline-qty {
        width: 34px !important;
        height: 34px;
        padding: 0 5px;
    }
    /*********NEW*(4/16/2021)*****************/
    .catalog-inline-qty-req {
        width: 22px !important;
        height: 20px;
        padding: 0 5px;
    }
    /**********END**************/
    .waiting-inline-qty-req {
        width: 22px !important;
        height: 20px;
        padding-right: 60px;
    }
}
/*Pixel 3*/
@media only screen and (min-width: 411px) and (max-width: 767px) {
    /*NEW(added)*/
    .hamburger-navigation {
        height: 580px !important;
        /*padding-bottom: 100px;*/
        overflow: auto !important;
    }

    .ham-section {
        padding: 15px 15px 10px 15px;
        /*width: min-content;*/
        width: inherit;
        background-color: white;
        /** height: 27%; NEW1**ADDED*/
    }

    div#QuickItemDIv {
        width: 100%;
    }

    .CatalohLookupHTag {
        width: 200px !important;
    }

    .Item-Tab2-label {
        width: 43% !important;
    }

    .Item-Tab2-Value {
        width: 57%;
    }

    .CatalohLookupHTag2 {
        width: 190px !important;
    }

    .CatalohLookupHTag3 {
        width: 180px !important;
    }

    .crossSite {
        width: 100%;
        height: 32px;
        border-radius: 4px;
        padding: 0px;
        font-size: 7px;
    }

    .PunchoutTitle {
        font-size: 16px !important;
    }

    .item-count {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .multi {
        width: 381px !important;
    }

    .CardDiv {
        width: 90% !important;
    }

    .ExpirydateDiv {
        width: 50% !important;
    }

    .CerditCarddiv {
        margin-right: 15px !important;
        margin-left: 13px !important;
    }

    .CardImageDiv {
        width: 10% !important;
    }
    /*.btn-continue {
        position: relative;
        left: -143px!important;
    }*/
    .SDIannouncement-content > div table {
        width: 245pt !important;
    }

    .popover-item-id-label {
        font-size: 13px;
    }

    .g {
        width: 96% !important;
    }

    .SDIannouncement-wrapper {
        float: left;
        margin: 2% 4%;
        width: unset !important;
        overflow: auto !important;
    }

    .marginleft-0 {
        margin-left: 0px !important;
    }
    /*a#BackSearchpage {
        position: relative;
        top: -38px;
        left: 164px;
    }*/
    #MultiSelectDD .dropdown-container {
        position: absolute;
        top: 76px;
        width: 100% !important;
    }

    .req-search-width {
        width: 318px;
    }

    /* .btn-continue {
        position: relative;
        left: -127px;
    }
    */

    .catalog-inline-qty {
        width: 34px !important;
        height: 34px;
        padding: 0 5px;
    }

    /*********NEW*(4/16/2021)*****************/
    .catalog-inline-qty-req {
        width: 22px !important;
        height: 20px;
        padding: 0 5px;
    }
    /**********END**************/
    .waiting-inline-qty-req {
        width: 22px !important;
        height: 20px;
        padding-right: 60px;
    }

    .SDIannouncement-content {
        overflow: auto;
        width: 100% !important;
    }

    .form-control {
        width: 100% !important;
    }

    .DropDown-Font-Size {
        position: relative;
        box-sizing: border-box;
        width: 100% !important;
    }

    label.item-details-value.ml-2.card-product-add-cart-panel.mr-2 {
        width: 46% !important;
    }

    .card-section {
        padding: 0px 40px;
    }

    .info-position {
        left: -231px !important;
    }

    .infoleft {
        /*right: -231px !important;*/
        left: 20px;
    }

    .ssd .info-position {
        left: 25px !important;
    }

    .custom-dropdown-style::before {
        right: 86px;
    }

    button.btn.btn-primary.custom-btn-primary.primary-btn.px-4.Mobile-Item-btn {
        padding: 11px 17px !important;
    }

    table.mobileflex-grid td.search-padding-none {
        padding-left: 0px !important;
    }

    .jq-toast-wrap {
        top: 16% !important;
        left: 30% !important;
        width: 165px !important;
    }

    .item-box {
        margin-bottom: 11px;
    }

    .info-position {
        left: -231px !important;
    }

    .css-2b097c-container {
        position: relative;
        box-sizing: border-box;
        width: 100% !important;
    }

    .go2646822163.dropdown-container {
        height: 31px;
        white-space: nowrap;
    }

    #MultiSelectDD {
        position: relative !important;
        top: -40px;
        /*width: 408px;*/
        height: 3px;
    }
}
/*ipad*/
@media (max-width: 1024px) and (min-width: 768px) {
    /*NEW(added)*/
    .hamburger-navigation {
        height: 720px !important;
        /*padding-bottom: 100px;*/
        overflow: auto;
    }

    .nav-item {
        white-space: nowrap;
    }

    .CatalohLookupHTag {
        width: 200px !important;
    }

    .CatalohLookupHTag2 {
        width: 190px !important;
    }

    .CatalohLookupHTag3 {
        width: 180px !important;
    }

    .item-count {
        width: auto !important;
        /* margin-left: 10px !important;*/
    }

    .catalog-tabs-mobile {
        flex-wrap: unset;
        overflow: scroll;
    }

    a#BackSearchpage {
        /*margin-top: 12px;*/
    }

    .custom-welcome-dropdown {
        left: -270px;
    }

    .Catalog-Items .catalog-value {
        flex: 0 0 50%;
        max-width: 50% !important;
    }

    .Catalog-Items .catalog-label {
        max-width: 50% !important;
        flex: 0 0 50%;
    }
    

    .g {
        width: 96% !important;
    }

    .SDIannouncement-wrapper {
        float: left;
        margin: 2% 4%;
        width: unset !important;
        overflow: auto !important;
    }

    .marginleft-0 {
        margin-left: 0px !important;
    }

    .home-page-margin {
        margin-top: 105px !important;
    }

    #MultiSelectDD {
        position: relative !important;
        top: -2px;
        width: 441px;
        height: 3px;
        margin-bottom: 18px;
        float: left;
    }

    /*.order-filter-width {
        width: 300px !important;
    }*/

    .noncat-Attachment-overflow {
        width: 176px !important;
    }

    /*.btn-continue {
        position: relative;
        left: -374px;
    }
*/
    .SDIannouncement-content {
        overflow: auto;
        width: 100% !important;
    }

    .ssd .info-position {
        left: 25px !important;
    }

    .col-12.mobile-fields .catalog-label {
        width: 32%;
    }

    .col-12.mobile-fields {
        width: 100% !important;
        float: left;
    }

    .place {
        font-size: 11px !important;
    }

    .info-position {
        left: -228px !important;
        top: 2px;
    }

    .infoleft {
        /*right: -231px !important;*/
        left: -230px;
    }

    .primary-btn {
        font-size: 13px !important;
    }

    .left-field .multi {
        height: 220px;
        background-color: white;
        overflow: hidden;
        border: 1px solid #ddd2d2;
        width: 236px;
    }

    .left-field .css-1jllj6i-control {
        min-width: 215px !important;
    }

    .left-field .css-6y1x9t-control {
        min-width: 215px !important;
    }

    .mobile-fields .catalog-label {
        width: 24%;
    }

    .float-custom {
        position: relative;
        left: 213px;
    }

    .col-lg-3.col-md-4.pricesec {
        float: right;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .requestor-panel .fav-maintence {
        max-width: 100% !important;
        flex: 0 0 100%;
    }

        .requestor-panel .fav-maintence .catalog-label {
            width: 31%;
        }
}

.SDIannouncement-header {
    width: 100% !important;
}

.SDIannouncement-content {
    width: 100% !important;
}

@media (max-width:500px) and (min-width: 360px) {
    .CardDiv {
        width: 90% !important;
    }

    .Item-Tab2-label {
        width: 43.5% !important;
    }

    .Item-Tab2-Value {
        width: 56.5% !important;
    }

    .CatalohLookupHTag {
        width: 200px !important;
    }

    .CatalohLookupHTag2 {
        width: 190px !important;
    }

    .CatalohLookupHTag3 {
        width: 180px !important;
    }

    .PunchoutTitle {
        font-size: 16px !important;
    }

    .item-count {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .ExpirydateDiv {
        width: 50% !important;
    }

    .CerditCarddiv {
        margin-right: 15px !important;
        margin-left: 13px !important;
    }

    .CardImageDiv {
        width: 10% !important;
    }

    #ConfPassDiv label {
        width: 100%;
    }

    .popover-item-id-value {
        font-size: 12px;
    }

    .popover-item-description {
        font-size: 12px !important;
    }

    .popover-item-id-label {
        font-size: 13px;
    }

    .g {
        width: 96% !important;
    }

    .SDIannouncement-wrapper {
        float: left;
        margin: 2% 4%;
        width: unset !important;
        overflow: auto !important;
    }

    .marginleft-0 {
        margin-left: 0px !important;
    }
    /* .btn-continue {
        position: relative;
        left: -127px;
    }*/

    .SDIannouncement-content {
        overflow: auto;
        width: 100% !important;
    }

    .DropDown-Font-Size {
        position: relative;
        box-sizing: border-box;
        width: 100% !important;
    }

    .css-2b097c-container {
        position: relative;
        box-sizing: border-box;
        width: 100% !important;
    }
    /*[10/28/22], PC_WW-529, Dhevanesam R*/
    .form-control {
        width: 100%
    }

    .PickAssignToDrop {
        width: 100% !important;
    }

    .PickAssignToTable {
        width: 300% !important;
    }

    .PickAssignToBtn {
        margin-left: 10px;
    }
    /*.primary-btn {
        font-size: 11px !important;
    }*/

    label.item-details-value.ml-2.card-product-add-cart-panel.mr-2 {
        width: 46% !important;
    }

    .info-position {
        left: -231px !important;
    }

    .infoleft {
        /*right: -231px !important;*/
        left: 20px;
    }

    .pricesec .prices {
        width: 100% !important;
    }

    .prices.fav-maintence label {
        width: 32%;
    }

    #zeus-link .custom-control {
        width: 20% !important;
        margin-top: 0px;
    }

    .catalog-inline-qty {
        width: 34px !important;
        height: 34px;
        padding: 0 5px;
    }
    /*********NEW*(4/16/2021)*****************/
    .catalog-inline-qty-req {
        width: 22px !important;
        height: 20px;
        padding: 0 5px;
    }
    /**********END**************/
    .waiting-inline-qty-req {
        width: 22px !important;
        height: 20px;
        padding-right: 60px;
    }
}

.custom-item-desc {
    width: 100% !important;
}

.charge-code-control > div {
    z-index: 99999;
}

.noncat-Attachment-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 285px;
    cursor: pointer;
}
/*.btn-continue{
    position:relative;
    left:-127px;
}*/
@-moz-document url-prefix() {
    .SDIannouncement-wrapper {
        float: left;
        margin: 2% 4%;
        width: unset !important;
        overflow: auto !important;
    }

    .marginleft-0 {
        margin-left: 0px !important;
    }

    .g {
        width: 96% !important;
    }

    #AttriFilter .rct-node-collapsed .rct-collapse-btn::before {
        left: -2px;
    }

    #AttriFilter .rct-node-expanded .rct-collapse-btn::before {
        left: -2px;
    }

    .rct-node-collapsed .rct-collapse-btn::before {
        left: -3px;
    }
}

.mobile-index {
    z-index: 999999;
}

.dropdown-menu {
    z-index: 499;
}

.Zeus-Tab-Btn {
    font-size: 14px !important;
}
/**29/10**/
/**new**/
.dropdown-order-fav {
    left: -390px !important;
    right: 0;
    width: 390px;
    position: absolute !important;
    box-shadow: 0px 4px 11.76px 0.24px rgba(0, 0, 0, 0.09);
    border: 0;
    cursor: pointer;
}

    .dropdown-order-fav::before {
        content: "";
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-left: 11px solid white;
        border-bottom: 8px solid transparent;
        position: absolute;
        left: 389px !important;
        top: 15px;
    }
/**update**/
/*.fav-right-arrow {
    background: url(../images/fav-right-arrow.svg) no-repeat;
}*/
.favmenu-right-arrow {
    background: url(../images/fav-right-arrow.svg) no-repeat;
    width: 5px;
    height: 9px;
    margin-top: 6px;
}

@media (max-width: 600px) and (min-width: 375px) and (-webkit-device-pixel-ratio : 3) {
    .popover-item-id-label {
        font-size: 13px;
    }

    .g {
        width: 96% !important;
    }

    .SDIannouncement-wrapper {
        float: left;
        margin: 2% 4%;
        width: unset !important;
        overflow: auto !important;
    }

    .marginleft-0 {
        margin-left: 0px !important;
    }

    .go2646822163.dropdown-container {
        height: 31px;
        white-space: nowrap;
    }

    #MultiSelectDD {
        position: relative !important;
        top: -40px;
        /*width: 408px;*/
        height: 3px;
    }
}

.multi {
    width: 255px;
}

.primary-btn {
    height: 35px !important;
}

.menu-align {
    left: -35px;
}

#AttriFilter .rct-text label {
    overflow-wrap: break-word;
    width: 97%;
}

.item-per-page {
    width: 65px !important;
}

#EMP_ID {
    font-size: 12px !important;
}

.multi {
    height: 280px;
    background-color: white;
    overflow: hidden;
    border: 1px solid #ddd2d2;
}

.multi {
    height: 280px !important;
    background-color: white;
    overflow: hidden;
    border: 1px solid #ddd2d2;
}

.modal-body {
    overflow: auto
}

.rotate-loading svg {
    position: relative;
    top: -17px;
    right: 6px;
}
/*.jbpUSl {
        position: relative;
        top: -14px;
        right: 9px;
    }*/

@media (max-width: 823px) and (min-width: 414px) {
    .Mobile-Item-btn {
        margin-top: 18px !important;
    }
}

.pri-btn {
    height: 34px;
}

.Fav-last-Item {
    top: -201px !important;
}

.Fav-last-Item-4 {
    top: -156px !important;
}

.tr-border {
    border-bottom: 1px solid;
    border-bottom-color: #ced4da;
}

.css-19e2im8 {
    width: 100% !important;
}

.mfg {
    width: 130px;
}

.Font-14 {
    font-size: 14px !important;
}

.CardExpiryDate {
    width: 50px !important;
}

.Font-22 {
    font-size: 22px !important
}

.fontGreen {
    color: forestgreen !important;
}

.PDF-btn {
    border: thin;
    background-color: #f2b72b;
    color: black;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-right: 12px;
    margin-bottom: 10px;
    font-size: 14px;
}

.pipostimage {
    width: 200px;
}

.itemScroll {
    max-height: 733px;
    /* position: fixed; */
    overflow: auto;
}

.iframediv {
    width: 237px !important;
    height: 44px !important;
}

.itemdetailPrice {
    font-family: 'Roboto-Bold' !important;
    font-weight: 400 !important;
}

.itemPrice {
    font-size: 18px !important;
}

.iframediv > input#data {
    width: 93% !important;
    height: 28px !important;
    font-size: 14px !important;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #bcbcbc;
}

.Didyoumean {
    margin-top: 2px !important;
}

.Font-weight5 {
    font-weight: 600 !important;
}

.Font-weight1 {
    font-weight: 100 !important;
}

.TextAlignLast {
    text-align-last: end;
}

.Font-Size16 {
    font-size: 16px !important
}

.MArgin-65 {
    margin-top: 65px !important;
}
/*.dropdown-content > div > div {
    width: fit-content !important;
}*/
.PunchoutBtn {
    height: 37px !important;
}

.non-catalog-mobile-btn {
    height: auto !important;
}

.SDIannouncement-footer {
    background: #faab12 none repeat scroll 0 0;
    float: left;
    height: 6px;
    width: 96% !important;
}

.SDIannouncement-content {
    background: #ececec none repeat scroll 0 0;
    float: left;
    min-height: 260px;
    padding: 2%;
    width: 96% !important;
}

.SDIannouncement-header {
    background: #151723 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding: 1% 2%;
    width: 96% !important;
}

.g {
    width: 96% !important;
}

.SDIannouncement-wrapper {
    float: left;
    margin: 2% 4%;
    width: 92% !important;
}

.Top-Border {
    border-bottom: 1px solid #efd187;
}

.FavMenuWidth {
    left: -420px !important;
    width: 420px !important;
}

.FavMenuWidth-ul {
    max-height: 300px !important;
    overflow: auto;
}

.FavItemWidth-ul {
    max-height: 400px !important;
    overflow: auto;
}

.FavItemMenuWidth {
    width: 420px !important;
}

.Font13 {
    font-size: 13px !important;
}

.CatalohLookupDiv {
    background-color: #fff;
    border: 1px solid #fdb813;
}

.CatalohLookupHTag {
    width: 220px;
    background-color: none !important;
    border: none !important;
}

.CatalohLookupHTag2 {
    width: 210px;
}

.CatalohLookupHTag3 {
    width: 200px;
}

.OrderApproverMultiSite {
    max-width: 300px !important;
}

.statusapproval {
    width: 108px;
}

.crossSite {
    width: 100%;
    height: 32px;
    border-radius: 4px;
    padding: 0px;
    font-size: 12px;
}

.cataccord {
    padding-right: 37px;
}

/*.item-count {
    width: auto !important;
    margin-left: 10px !important
}*/

@media (min-width: 1366px) {
    .item-count {
        width: auto !important;
        /* margin-left: 10px !important*/
    }
}

.catborder {
    border: 1px solid #eaeaea;
    border-top: none;
    border-left: none;
    border-right: none;
}


.css-11unzgr {
    max-height: 230px !important;
    /* overflow-y: auto; */
    padding-bottom: 4px;
    padding-top: 4px;
    position: relative;
    box-sizing: border-box;
    max-height: 230px;
    overflow-x: hidden;
}

.css-ojjplh {
    max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
}

.i-circlegridYellow {
    width: 17px;
    position: relative;
    top: -1px;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    background-color: green;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    margin-left: 4px;
}

@media (max-width: 400px) and (min-width: 320px) {
    .multiDDWidth {
        width: 330px !important;
    }
}

@media (max-width: 700px) and (min-width: 375px) {
    .multiDDWidth {
        width: 345px !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 411px) {
    .multi {
        width: 381px !important;
    }
}
/*android*/
@media (max-width: 767px) and (min-width: 350px) {
    /*NEW(added)*/
    .hamburger-navigation {
        height: 376px !important;
        /*padding-bottom: 100px;*/
        overflow: auto;
    }

    .menucrosssite {
        width: 49%;
        float: left;
        padding: 0% 1%;
    }

    .crossSite {
        width: 100% !important;
    }
}

/*NEW1*/
@media (max-width: 700px) and (min-width: 414px) and (-webkit-device-pixel-ratio : 2) {
    /*NEW(added)*/
    .hamburger-navigation {
        height: 580px !important;
        /*padding-bottom: 100px;*/
        overflow: auto !important;
    }
}

.subham {
    height: 400px;
    /* height: 61% !important; */
    /* padding-bottom: 100px; */
    overflow: auto;
}

.newsearch {
    background-color: white;
    border: 1.5px solid #fdb813; /* right: '-6px', */
    border-left: unset; /* position: 'absolute', */
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    height: 34px !important;
}
/****NEW***ADDED***(2/12/2021)*/
.newsearchdiv {
    background-color: white;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.newsearchborderright {
    border-right: none !important;
    border-radius: 0 !important;
}

.dropdown-targetsearch .newsearchborderright {
    border-color: #fdb813;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: 34px !important;
    padding-right: 27px;
}

.iconchange {
    right: 10px;
    /*z-index: 12;**NEW1(2/3/2021)*/ z-index: 0;
}
/*************END***************************/
/*********NEW****(3/24/2021)*/
.noitemdisplay {
    width: 100%;
    color: red;
    float: left;
}
/*********NEW*(4/16/2021)*****************/
.catalog-inline-qty-req {
    width: 22px;
    height: 20px;
    padding: 0 5px;
}

.waiting-inline-qty-req {
    width: 22px !important;
    height: 20px;
    padding-right: 60px;
}

.mar-right-req {
    margin-right: 3px;
}
/**********END**************/



/*Home page updated styles starts*/
.cust-navicon {
    width: 50px;
}

.cust-navcontainer {
    display: block;
    text-align: center;
}

    .cust-navcontainer .nav-txt {
        font-size: 14px;
        font-weight: bold;
    }

.cust-homelink {
    height: 100px;
    margin-bottom: 15px
}

    .cust-homelink:hover {
        text-decoration: none;
    }

        .cust-homelink:hover .nav-txt {
            color: #d59600;
        }

.custcheck .custom-control-label::after {
    border: 1px solid #ccc;
    left: -27px;
    border-radius: 3px !important;
}

.custcheck .custom-control-label::before {
    background-color: transparent !important;
    left: -27px;
    border: none !important;
}

.catalogfilter-container {
    max-height: 272px;
    overflow-y: auto;
}

.loading-container {
    padding-left: 140px;
}

.catalogfilter-container .custcheck {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
}

    .catalogfilter-container .custcheck:last-child {
        border-bottom: none;
    }

    .catalogfilter-container .custcheck .custom-control-label::before, .catalogfilter-container .custcheck .custom-control-label::after {
        left: 7px;
    }

    .catalogfilter-container .custcheck .custom-control-label {
        padding-left: 35px;
    }

.filteracc-body {
    background-color: #F8F8F8;
}

    .filteracc-body .search-container {
        padding: 10px;
        display: block;
    }

.filterlink {
    font-size: 13px;
    padding: 10px;
    color: #3B9AFF;
}

    .filterlink:hover {
        color: #3B9AFF;
    }

.filtercnt {
    background-color: #FCB913;
    color: #fff;
    position: absolute;
    padding: 4px 4px;
    width: 22px;
    font-size: 12px;
    text-align: center;
    height: 22px;
    border-radius: 50%;
    right: 50px;
}

.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.search-closeicon {
    position: absolute;
    right: 31px;
    top: 4px;
    color: #aaa;
    cursor: pointer;
    z-index: 20;
}

.filteraccheading.open {
    background-color: #FFEFCB;
}
/*Home page updated styles ends*/
/*check order status styles starts*/
.status-img {
    width: 265px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.btn-approve {
    background-color: #4DB913;
    color: #fff;
    padding: 4px 22px;
    border-radius: 50px;
    margin-left: 15px;
    font-size: 15px;
}

    .btn-approve:hover {
        background-color: #3b960a;
        color: #fff;
    }
/*check order status styles ends*/
/**********END**************/
.btn-red {
    background-color: #ec0b0b;
    color: white;
    border-color: #ec0b0b;
    padding: 4px 22px;
    border-radius: 50px;
    margin-left: 15px;
    font-size: 15px;
}

.btn-yellow {
    background-color: yellow;
    color: dimgrey;
    border-color: yellow;
    padding: 4px 22px;
    border-radius: 50px;
    margin-left: 15px;
    font-size: 15px;
}

.btn-green {
    background-color: forestgreen;
    color: white;
    border-color: forestgreen;
    padding: 4px 22px;
    border-radius: 50px;
    margin-left: 15px;
    font-size: 15px;
}

.btn-gray {
    background-color: darkgray;
    color: white;
    border-color: darkgray;
    padding: 4px 22px;
    border-radius: 50px;
    margin-left: 15px;
    font-size: 15px;
}

.rig {
    right: 37px;
}

.mrg {
    padding-left: 49px !important;
}

.disap {
    color: gainsboro;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.zindex {
    z-index: -1;
}

.z1index {
    z-index: 1;
}

.mrg-rgh {
    margin-right: 10px;
    font-size: 14px;
    min-width: 71px;
}

.mrg-btm {
    margin-top: auto !important
}

.item-details-value {
    font-size: 14px !important;
}

.menu-align-favcat {
    left: -43px;
}

.notes-black {
    color: black !important;
}

.modB {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.hei {
    min-height: 425px;
    overflow-y: auto !important;
}
/********FILTER***********/
.advancealign {
    right: auto !important;
}

    .advancealign::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        position: absolute;
        left: 11px;
        top: -8px;
    }

/***********FILTER END*******************/

/*****product replen***********/




/** updated on 17/09/21**/



.wrap-text {
    display: inline-block;
    padding: 0;
}


.rmaclass .react-datepicker-popper {
    transform: translate3d(150px, 70px, 0px) !important;
}
/**10/25/2021 updates**/
.ponumber-helptext {
    font-size: 12px;
}

.info-icon {
    width: 20px;
    margin-bottom: 7px;
}

.invoice-num-helptext {
    width: 368px;
}

.wrap-words {
    white-space: normal !important;
}

.vendor-name-field {
    width: 100%;
}

.search-responsive {
    width: 368px;
}

.btn-browse {
    padding: 0px 42px 0px 42px;
}

.body-text {
    font-size: 14px;
}

.column-bg {
    background-color: #f2f2f2;
    padding-top: 10px !important;
}

.label-margin {
    margin-top: 7px;
}
/**10/25/2021 updates**/
/*[2/17/22, WW-316, Dhevanesm R]*/

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
        /* fix firefox animation glitch */
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }
    /*[09/29/22, WAL-780_PC_IDSC_04, Dhevanesam R]*/
    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(18px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        background: #fdb913;
        color: #151723;
        border: none;
        padding: 10px 20px !important;
        font: inherit;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 400ms ease;
    }

        .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
            max-height: 0;
        }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d;
    }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }
    /*[09/29/22, WAL-780_PC_IDSC_04, Dhevanesam R]*/
    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(18,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: #fdb913;
        ;
        color: #151723;
        border: none;
        padding: 10px 15px !important;
        font: inherit;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/*[09/29/22, WAL-780_PC_IDSC_04, Dhevanesam R]*/
.img-width-height {
    height: 235px;
}

@media only screen and (max-width: 600px) {
    body {
        margin-bottom: 20px;
    }
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none;
        }

    .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791;
        }

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

    .owl-theme .owl-nav [class*=owl-] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #4DC7A0;
            color: #FFF;
            text-decoration: none;
        }

    .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #4DC7A0;
        }

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

    .owl-theme .owl-nav [class*=owl-] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #4DC7A0;
            color: #FFF;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #4DC7A0
    }

.owl-stageFour {
    /*margin-left: 128px !important;*/
}

.owl-stageThree {
    /* margin-left: 248px !important;*/
}

.owl-stageTwo {
    /*margin-left: 380px !important;*/
}

.owl-stageOne {
    /*margin-left: 520px !important;*/
}
/**WAL-541 -Aparna*/
.favordbox {
    width: 92%;
    margin: 17px auto;
}

/**WAL-*/
.Shareicon-custom {
    background-image: url(../Images/share.jpg);
    background-repeat: no-repeat;
    width: 33px;
    height: 29px;
    background-position: 1px 0px;
    background-size: contain;
}

.UserCSS {
    float: right;
    width: 75%;
}
/**WW-419_PC_20*/
.pointercursor {
    cursor: pointer;
}

.sdi-leftnav-search {
    width: 246px !important;
}

.sdi-initial {
    display: initial;
}

.sdi-notes {
    word-wrap: break-word;
    display: inline;
}

.stock-issue-calendar {
    top: 38px !important;
    right: 26px !important;
}

.QR-Scanner-custom {
    /*background-image: url(../Images/QR_Scanner.png);*/
    background-image: url(../Images/qr-code.svg); /*CPW-145_PC_03*/
    background-repeat: no-repeat;
    width: 33px;
    height: 29px;
    background-position: 1px 0px;
    background-size: contain;
}
/*[09/29/22, WAL-780_PC_IDSC_04, Dhevanesam R]*/
.bBfHpH {
    border: 2px solid #fdb813;
}

.commentscount {
    font-weight: normal;
    font-size: 12px;
    float: right;
    margin-right: 10px;
}

.count {
    font-weight: normal;
    font-size: 12px;
    float: right;
    margin-right: 18px;
    margin-top: -27px;
}

@media (min-width: 375px) and (max-width: 667px) {
    .count {
        margin-top: 0px;
        margin-right: 31px;
    }
}

.dZkckO {
    border: 2px solid #fdb813;
}

.CursorAlias {
    cursor: default !important;
}
/*[11/15/22], PC_WW_469_04, Dhevanesam R*/
@media (max-width: 1024px) and (min-width: 768px) {
    .CarouselIpadMiniView {
        margin-bottom: 140px;
    }

    .SearchResultpx-4 {
        padding-left: 4.5rem !important;
    }
    /* [12/15/22], PC_WW-552_FE_28, Dhevanesam R*/
    .marginForms {
        margin-top: 150px !important;
    }
}

@media (min-width: 1024px) {
    .SearcResultCol5 {
        position: relative;
    }
}

@media (min-width: 1366px) {
    .SearchResultpx-1 {
        padding-left: 7.25rem !important;
    }
}

#pickupstore_DD > div + div > div {
    position: initial !important
}

#translation_DD > div + div > div {
    position: initial !important
}


.sdi-fedexdropdown {
    width: 100%;
    margin-bottom: 0px;
}

.sdi-fede-tooltip {
    min-width: 200px;
    right: 34px;
}

.sdi-fede-tooltippickup {
    min-width: 200px;
    right: -66px !important;
}

/*SubCategory*/
/* CSS Styles - 11/10/2022 */
.sdi-title-fav-width {
    width: 21px;
    height: 18px;
}

.sdi-fav-category-container {
    box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.07);
}

.sdi-container-padding {
    background: #F6F6F6;
    padding: 10px 12px;
}

.sdi-category-header {
    padding: 15px 10px;
    font-family: 'RobotoMedium';
    font-size: 14px;
    background-color: #fff;
    border-bottom: none;
    border-radius: 3px !important;
}

.sdi-category-header-active {
    font-family: 'Roboto-Bold';
    background-color: #FFF8E7;
    border: #FDB813 1px solid;
}

.sdi-checkbox {
    width: 18px;
    height: 18px;
    border: #A8A8A8 1px solid;
    border-radius: 0px;
}

.sdi-category-image {
    width: 100%;
    background-color: #F6F6F6;
}

.sdi-category-title {
    font-family: 'Roboto-Bold';
}

.font-20 {
    font-size: 20px !important;
}

.sdi-category-icon-width {
    width: 30px;
}

.sdi-edit-bg {
    background-color: #707070;
    color: white;
    width: 80%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    border-radius: 3px;
}

.sdi-edit-label {
    font-size: 15px;
    font-family: 'RobotoMedium';
    padding: 4px;
}

.sdi-edit-icon-width {
    width: 12px;
}

.sdi-FOM-grid th {
    border-bottom: #E4E7EA 1px solid !important;
}

.sdi-FOM-grid td {
    border-top: 0px !important;
    border-bottom: 1px solid #e7e7e9;
}

.sdi-category-grid {
    border-top: #E4E7EA 1px solid !important;
}

.sdi-outerframe-style {
    border: #E4E7EA 1px solid !important;
    border-radius: 5px;
    box-shadow: -0.5px 0.5px 0.5px 0.5px rgb(0 0 0 / 6%);
    padding: 6px;
}

.sdi-width-30px {
    width: 30px;
    cursor: pointer;
}

.sdi-width-20px {
    width: 20px;
}

.sdi-category-dropdown {
    border: #E4E7EA 1px solid !important;
    height: 40px;
}

.AG-category-scroll {
    max-height: 600px;
    overflow-y: auto;
}

.sdi-plus-style {
    width: 24px;
    border-right: #cf990f 1px solid;
    padding-right: 10px;
    margin-right: 12px;
}
/*[10/28/22], PC_WW-529, Dhevanesam R*/
.PickAssignToDrop {
    width: 70%;
}

.FavOrderrorspan1 {
    text-align: end;
    width: 100%;
    color: red;
    font-size: 15px;
    /*float: right;*/
}

.sdi-items:first-child {
    display: none;
}

.sdi-operational-modal {
    width: 336px;
}

.model-overflow {
    overflow: visible;
}

.sdi-fede-tooltiphal {
    right: 12px;
    min-width: 200px;
}
/*12/12/2022 new styles */

.close:focus {
    outline: none !important;
}

.search-icon:focus {
    outline: none;
}

.noborderbin {
    outline: none;
}

.audit-title-txt {
    font-size: 23px;
    font-family: 'proximanova-semibold';
    color: #3B3B3B;
}

@media only screen and (min-width: 992px) {
    .grid-pl {
        padding-left: 12rem !important;
    }

    .grid-pr {
        padding-right: 8rem !important;
    }
}
/**styles for radio**/
.radio-label {
    font-family: 'proximanova-regular';
    font-size: 16px;
    color: #3B3B3B;
}

.custom-radio {
    display: inline-block;
    position: relative;
    margin: 10px 0 0;
}

    .custom-radio input[type='radio'] {
        display: none;
    }

    .custom-radio label:before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 4px;
        margin: 0 20px 0 0;
        width: 18px;
        height: 18px;
        border-radius: 11px;
        border: 1px solid #767676;
        background-color: transparent;
        cursor: pointer;
    }
/* [12/15/22], PC_WW-552_FE_28, Dhevanesam R*/
.info-formposition {
    left: 10px;
    top: -35px !important;
    font-size: 11px;
    overflow-wrap: break-word;
}

    .info-formposition .info-content {
        display: block;
    }

.custom-Formcontrol {
    position: relative;
    display: block;
    min-height: 1.5rem;
}

.custom-radio input[type=radio]:checked + label:after {
    border-radius: 11px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 9px;
    left: 5px;
    content: " ";
    display: block;
    background: #767676;
    border: 1px solid #767676;
}

.sa-formlabbel {
    font-family: 'RobotoMedium';
    font-size: 14px;
    color: #444444;
}

.color-grey {
    color: #919191;
}

.font-bold {
    font-family: 'Roboto-Bold';
}

.font-regular {
    font-family: 'RobotoRegular';
}

.font-medium {
    font-family: 'RobotoMedium';
}

.font-20 {
    font-size: 20px;
}

.font-14 {
    font-size: 14px;
}

.required-red {
    color: #FF0000;
}

.custom-form {
    border-radius: 0 !important;
    background-color: #F9F9F9 !important;
}

.questions-custom-check {
    width: 18px;
    height: 18px;
}

.custom-secondary-btn {
    background-color: #EEEEEE;
    color: #000;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    padding: 6px 27px;
}

    .custom-secondary-btn:hover {
        background-color: #d0d0d0;
    }
/* custom check switch starts */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 19px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

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

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #FDB813;
}

input:focus + .slider {
    box-shadow: 0 0 1px #FDB813;
}

input:checked + .slider:before {
    -webkit-transform: translateX(9px);
    -ms-transform: translateX(9px);
    transform: translateX(9px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 15px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/* custom check switch ends */
.info-bg {
    background-color: #FFF8E7;
}

.info-question:hover Grid-info-icon {
    display: block !important;
}

.inf-dis {
    width: -2px;
    font-size: 14px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
    padding: 10px;
    /* margin: 19px; */
    /* min-width: 225px; */
    /* right: 12px; */
    z-index: 1;
    left: 112px !important;
    /* top: 21px !important; */
    display: none;
    bottom: 41px;
}

.hover-theme {
    color: #000;
}

    .hover-theme:hover {
        color: #FDB813;
        text-decoration: none;
    }

.modal-footer {
    border-top: 0;
}

.filterpopup {
    cursor: pointer;
    padding: 9px
}

.modal-dialog-addques {
    max-width: 400px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #044693;
    background-color: #044693;
}

.btn-continue {
    background-color: #FDB813;
    color: #000;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    padding: 6px 27px;
}

.home-wo-input {
    max-width: 415px !important;
}

.Home-WO {
    padding-right: 0px !important;
}

@media (max-width: 767px) and (min-width: 320px) {
    .custom-style-card {
        padding: 0;
    }

    .custom-style-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .responsive-style-margin {
        margin-bottom: 30px;
    }
}



.status-wigard:first-child {
    padding-left: 0 !important;
}

@media (max-width: 767px) and (min-width: 320px) {
    .modal-slider {
        width: 100% !important;
    }

    .btn-group {
        padding: 10px 5px !important;
    }
}

.modal-slider {
    margin: 0;
    position: absolute;
    height: 100%;
    right: 0;
}

.btn-group {
    border-radius: 0;
    background-color: white;
    color: #686868;
    font-size: 14px;
    padding: 10px 20px;
}

    .btn-group:hover, .btn-group:active, .btn-group:focus {
        background-color: #FFFAEC;
    }

.add-option {
    font-size: 13px;
    font-family: 'proximanova-regular';
    color: #363B41;
}

.modal-custom-height {
    height: 100vh !important;
    max-height: 100vh !important;
    border: 1px solid #F2F3F4;
}

.formCount {
    font-weight: normal;
    font-size: 12px;
    float: right;
    margin-right: 5px;
}

.question-container {
    box-shadow: 0px 0px 5px 0px #e3e3e3;
    border-radius: 4px;
    border-left: 5px solid #E0E0E0;
}

.btn-group-styles {
    border-radius: 50%;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 0px 7px 0px #eaeaea;
    background-color: white;
    padding: 5px 12px 8px 12px;
}

    .btn-group-styles:hover {
        background-color: #E6EDFF;
    }


@media (max-width: 767px) and (min-width: 320px) {
    .btn-group-styles {
        margin-top: 10px;
    }
}

@media (max-width: 990px) and (min-width: 320px) {
    .edit-icon {
        width: 25px;
        height: 30px;
        background-size: 18px;
        background-position: 3px 0px;
        cursor: pointer;
    }
}

@media (max-width: 990px) and (min-width: 320px) {
    .copy-icon {
        background: url(../images/blue-copy-icon.png) no-repeat;
        width: 25px;
        height: 30px;
        background-size: 18px;
        background-position: 3px 0px;
        cursor: pointer;
    }
}

.yellow-bg-switch:checked ~ .custom-control-label::before {
    border-color: #FDB813 !important;
    background-color: #FDB813 !important;
}

.para-content {
    font-size: 16px;
}

.info-container-form {
    position: relative !important;
}

.Refrigerent-styles {
    color: #007bff;
    font-family: RobotoMedium;
}

.txtBox-Border {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}
/* CSS Styles - 23/01/2022 - ASN Tracking Details */
.font-12 {
    font-size: 12px !important;
}

.sdi-bg-th-color {
    background-color: #fff;
}

.sdi-tracking-color {
    color: #2F53C6 !important;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 990px) and (min-width: 320px) {
    .sdi-tracking-color {
        font-size: 0px !important;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .sdi-tracking-color {
        font-size: 0px !important;
    }
}


/*06-03-2023*/

.nav-link.active img:first-child {
    display: none;
}

.nav-link.active img:last-child {
    display: inline;
}

.nav-link img:last-child {
    display: none;
}
/*WW-644*/
.PickupOrder-confirm-icon {
    background: url('../images/Pickup-Yellow-box.svg') no-repeat;
    min-width: 100%;
    height: 100px;
    background-position-x: 50%;
    background-position-y: 50%;
}
/*//ww-643- search pikup [3/13/2023]-PAVITHRA R */
.modal-shipment-method {
    margin-left: 50px;
    padding-right: 16px;
}

.modal-shippingmethod-header {
    background: none;
    border-bottom: none;
}

.shipmehtod-title {
    font-size: 16px !important;
}

.background-ship {
    background: none;
}

.shipment-font {
    font-size: 13px !important
}
/* Label Printing CSS - Starts here */

.sdi-wid-20 {
    width: 20%;
}

.sdi-border-line {
    border-bottom: #E4E7EA 1px solid;
}

.sdi-label-box {
    width: 60px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    margin-right: 10px;
    height: 36px;
    padding: 8px;
}

.sdi-display {
    display: flex;
}

.equparts {
    text-decoration: underline;
    background-color: transparent;
    font-size: 13px;
    margin-top: 2px !important;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .sdi-display {
        display: block;
    }

    .sdi-wid-20 {
        width: 100%;
    }

    .sdi-margin {
        margin: 0px 12px;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .sdi-display {
        display: flex;
        flex-wrap: wrap;
    }

    .sdi-label-box {
        width: 36px;
    }

    .sdi-wid-20 {
        width: 33.3%;
    }
}

/* Forms - Starts here */


.font-18 {
    font-size: 18px;
}

.font-16 {
    font-size: 16px;
}

.font-regular {
    font-family: 'RobotoRegular';
}

/* Label Printing CSS - Ends here */

/* Sherin Styles - Starts here */
.q-box {
    width: 100px;
}

    .q-box .btn {
        background-color: #fff;
    }

    .q-box input, .q-box input:focus {
        height: unset;
        border: none;
    }

.remove-icon-text, .remove-icon-text:hover {
    color: #F84E4E;
    text-decoration: none;
}

.sp-delv-header {
    padding: 10px 20px;
    background-color: #FDB813;
}

    .sp-delv-header .modal-title {
        font-weight: bold;
        font-size: 16px;
    }

.modal-inner-heading {
    font-weight: bold;
    font-size: 20px;
    color: #2C2C2C;
}

.modal-inner-label {
    font-weight: bold;
    font-size: 14px;
    color: #000000;
}

.font-14 {
    font-size: 14px;
}

.bg-indigo {
    background-color: #702ED3;
    border-radius: 16px;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    padding: 2px 6px;
}

.bg-danger-status {
    background-color: #E15241;
    border-radius: 16px;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    padding: 2px 4px;
}

.split-delv-table thead th {
    background-color: #EEEEEE;
    border: none;
    font-size: 14px !important;
}

.split-delv-table tbody td {
    vertical-align: middle;
    font-size: 14px !important;
}

.table-product-img {
    width: 40px;
    height: 40px;
}

.split-delv-table-resp {
    overflow-y: scroll;
    height: 365px;
}

    .split-delv-table-resp::-webkit-scrollbar {
        height: 5px;
        width: 5px;
    }

    .split-delv-table-resp::-webkit-scrollbar-thumb {
        background: #dedede;
        border-radius: 10px;
    }

.req-star {
    color: #FF0000;
}

.validation-miles {
    color: #B58900;
    font-size: 12px;
}

.pl-22 {
    padding-left: 22px;
}
/* Sherin Styles - Ends here */
.item-card {
    border: 1px solid #E4E4E4;
}

.item-card-img {
    height: 126px;
}

.image-check {
    top: 8px;
    left: 8px;
}

.right-arrow-slick {
    border: 1px solid #E4E4E4;
    background-color: #c6bebe;
}

    .right-arrow-slick:hover {
        background-color: #f7f7f7;
        border: 1px solid #a8a8a8;
    }

.transform-180 {
    transform: rotate(180deg);
}

.detail-popup-img-container {
    width: 100%;
    height: 550px;
    border: 1px solid #e7e7e7;
}

.detail-popup-img {
    width: 100%;
    height: 550px;
    object-fit: contain;
}

.pop-cart-btn {
    padding: 11px !important;
}

.mobile-scroll-img-card {
    overflow-x: scroll;
    flex-wrap: nowrap;
}

input[type="checkbox"] {
    accent-color: #fcb913;
}
    /*WW-1229 Home tiles - Nandhini L*/
    input[type="checkbox"]:disabled {
        accent-color: #dad8d2;
    }

.carousel-scroll::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

.carousel-scroll::-webkit-scrollbar-track {
    background: #fff;
}

.carousel-scroll::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 10px;
}

.carousel-scroll {
    scrollbar-width: thin;
    height: 720px;
    overflow-y: scroll;
}

.altparts {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* float: left; */
    width: 100%;
}

.order-card {
    box-shadow: 0px 3px 6px #DDDDDD;
    border-radius: 4px;
}

.custom-img-style {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.font-medium {
    font-family: 'RobotoMedium';
}

.font-regular {
    font-family: 'RobotoRegular';
}

.font-15 {
    font-size: 15;
}

.custom-parts-spec-color {
    color: #434343;
}

.custom-parts-spec-value-color {
    color: #808080;
}
/**WAL-1034*/
.orderitem-slim-scroll {
    scrollbar-width: thin;
    overflow-y: scroll;
    height: 677px;
}

    .orderitem-slim-scroll::-webkit-scrollbar-track {
        background: #ffff;
        border: 1px solid #CBCBCB;
        border-radius: 10px;
    }

    .orderitem-slim-scroll::-webkit-scrollbar-thumb {
        background: #969696;
        border-radius: 10px;
    }

    .orderitem-slim-scroll::-webkit-scrollbar {
        width: 6px !important;
        height: 6px !important;
    }

@media (min-width: 360px) and (max-width: 760px) {
    .font-14 {
        font-size: 12px;
    }
}

.WO-history-icon {
    background: url(../images/history_icon.svg) no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer; /*Added this style from Non catalog page*/
}

.caution-alignment {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.fav-popover-alert-img {
    margin-right: 8px;
    width: 17px;
}

.alert-info-style {
    font-size: 12px;
    color: #212529;
    margin-bottom: 0px;
}

.alpart-label {
    font-size: 12px;
    color: #707070;
}

.height-set {
    height: 30px !important;
}

/* Release Notes Styles - Starts here */
.sdi-version-label {
    font-size: 14px;
    color: #8B8B8B;
}

.sdi-release-font-bold {
    font-family: 'roboto-bold'
}

.sdi-release-caption {
    font-size: 12px;
    color: #646464;
}

.sdi-new-feature {
    width: 100%;
    border-bottom: 1px solid #000;
    line-height: 0.1em;
    font-size: 16px;
    color: #212D72;
    font-weight: bold;
    margin: 26px 0px;
    position: relative;
}

    .sdi-new-feature span {
        background: #fff;
        padding: 0 10px 10px 0px;
    }

.sdi-release-history {
    float: right;
    padding-left: 10px !important;
    position: absolute;
    right: 0;
    top: -18px;
}

.sdi-view-history {
    width: 36px;
    background-color: #FDB913 !important;
    border-radius: 50px;
    padding: 6px;
    &:hover

{
    background-color: #ffcc4e !important;
}

}

.sdi-line-gap {
    display: grid;
    gap: 16px;
    padding-left: 18px;
}

    .sdi-line-gap li {
        font-size: 13px;
        color: #646464;
        &::marker

{
    color: #212D72;
    font-size: 18px;
}

}

.sdi-release-modal {
    max-width: 633px;
}


/* Page - starts here */
.sdi-calendar-img {
    width: 20px;
    margin-bottom: 6px;
}

.sdi-version-label {
    color: #868686;
    width: 100%;
    padding-bottom: 10px;
}

.sdi-new-release {
    color: #FDB913;
    background: #161929;
    padding: 13px;
    font-weight: 700;
}

.sdi-release-notes-gap {
    display: grid;
    gap: 14px;
    padding-left: 20px;
}

    .sdi-release-notes-gap li {
        font-size: 15px;
        color: #525252;
        &::marker

{
    color: #161929;
    font-size: 24px;
}

}

.sdi-back-icon, .sdi-launch-icon {
    width: 22px;
    margin-bottom: 4px;
}

.sdi-release-label {
    font-size: 18px;
    font-family: 'Roboto-bold';
}

.sdi-release-nav a {
    color: #161929 !important;
    font-weight: 600;
}

.sdi-release-nav .nav-pills .nav-link.active {
    background-color: #F5F7FF !important;
    color: #161929;
    font-weight: 600;
}

.sdi-page-nav {
    color: #6B6B6B;
    font-size: 14px;
}

.sdi-font-bold {
    font-family: 'roboto-bold';
}

@media only screen and (min-width:320px) and (max-width:1024px) {
    .sdi-release-font-bold {
        font-size: 30px;
    }

    .sdi-new-release {
        font-size: 20px;
    }
}

.sdi-overflow {
    overflow-y: auto;
    height: 400px;
}

.sdi-release-modal-body {
    overflow-y: scroll;
    height: 430px;
    margin-right: 2px;
}

    .sdi-release-modal-body::-webkit-scrollbar, .sdi-overflow::-webkit-scrollbar {
        height: 5px;
        width: 5px;
    }

    .sdi-release-modal-body::-webkit-scrollbar-thumb, .sdi-overflow::-webkit-scrollbar-thumb {
        background: #B6B6B6;
        border-radius: 10px;
    }
/** Tarun 7/11/2023 Styles starts here**/
.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

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

.font-16 {
    font-size: 16px;
}

.font-regular {
    font-family: 'RobotoRegular';
}

.font-medium {
    font-family: 'RobotoMedium';
}

.font-bold {
    font-family: 'Roboto-Bold';
}

.text-black {
    color: #000;
}


.count-width {
    width: auto;
}

.btn-close {
    background: transparent;
    border: none;
}

.custom-border-radius {
    border-radius: 8px !important;
    border: none !important;
}

.shipping-detail-custom-width {
    max-width: 900px;
}

.custom-grey {
    background-color: #F6F6F6;
    border: 1px solid #E6E6E6;
}

.custom-form-style {
    border: 1px solid #E6E6E6;
    color: #1F1F1F;
}

.btn-custom-secondary {
    background-color: #EEEEEE;
    color: #333333;
    border-radius: 5px;
}

    .btn-custom-secondary:hover {
        background-color: #cecece;
    }

.btn-custom-primary {
    background-color: #FDB813;
    color: #333333;
    border-radius: 5px;
}

    .btn-custom-primary:hover {
        background-color: #e4a40f;
    }

.custom-success-width {
    max-width: 398px !important;
}

.color-light-black {
    color: #595959;
}

.custom-bg-toggle {
    background-color: #F6F6F6;
}
/** Tarun 7/11/2023 Styles ends here**/

/*[15/08/23, 3967 - Created CSS for ItemID and WIcon alignment in Search Result page, Vishwa S]*/
.GridView-ItemID-WIcon-style {
    font-weight: bold;
    margin-top: 12px !important;
    margin-bottom: 0.5rem !important;
}

.GridView-ItemID-style {
    font-size: 15px !important;
    font-family: Robotolight;
    text-decoration: underline;
    color: #4995f2;
    margin-top: 2px;
}
/** Vishwa S 15/08/23 Styles ends here**/

/**Tarun 8/31/2023 Styles starts here**/
.custom-delete-width {
    max-width: 568px;
}

.custom-delete-width2 {
    max-width: 400px;
}


.release-notes-custom-delete-width {
    max-width: 398px;
}

.custom-color1.active {
    color: #000 !important;
}

.custom-color1 {
    color: #A6A6A6 !important;
}

.anchor-tag-color {
    color: #007bff !important;
}

@media screen and (max-width:976px) {
    .dragAndDropWidth {
        min-width: 610px !important;
        max-width: 610px !important;
        width: auto;
    }

    .tbl-wrap-res {
        text-wrap: nowrap;
    }

    .tbl-res-search {
        min-width: 280px;
        width: auto;
        max-width: 600px;
    }

    .text-res-center {
        text-align: center;
    }
}

.dragAndDropWidth {
    width: auto;
    min-width: 750px;
    max-width: 750px;
    word-wrap: break-word;
}

.action-icon-res {
    text-wrap: nowrap;
}

.typeRDO {
    width: 30%;
}

.textStyle {
    width: 57%;
}

.cancel_Task_Style {
    height: 24px;
    margin-left: 9px;
}

.view_list_style {
    max-width: 580px;
    word-wrap: break-word;
}

.center {
    text-align: center; /*used to allign contents of div in center*/
}

.error_message {
    color: red;
    font-weight: bolder; /*used to display the error message*/
}

.notextwrap {
    text-wrap: nowrap;
}

.marginleft {
    margin-left: 25px;
}
/**Tarun 8/31/2023 Styles ends here**/

/*18/10/23, PC_WW_850_07 - To expand and collapse the Description, Vishwa S]*/
.expand-collapse-style {
    font-family: RobotoLight;
    cursor: pointer;
    color: #4995f2;
    font-size: x-small
}
/**18/10/23, PC_WW_850_07, Vishwa S]*/
.dollar-input {
    position: relative;
}

    .dollar-input::before {
        content: "$";
        position: absolute;
        left: 8px; /* Adjust the left position as needed */
        top: 73%;
        transform: translateY(-50%);
        color: #000; /* Optional: Set the color of the dollar sign */
    }

    .dollar-input input {
        padding-left: 20px; /* Adjust the padding to make space for the dollar sign */
    }

/* Brindha 17/10/2023 styles starts here */

.release-notes-color {
    color: #303030;
}

.release-notes-search {
    width: 310px;
}

.release-notes-checkbox {
    border: 0.5px solid #e2e2e2;
    width: 16px;
    height: 16px;
}

.release-notes-checkmark {
    left: 1px;
}

.custom-radiobtn .release-notes-checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FDB913;
    border-color: #FDB913;
}

.radio-button-section {
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    margin: 16px 0;
    padding: 15px;
}

    .radio-button-section.active {
        border: 1px solid #FDB913;
    }

.radio-button-section-heading {
    font-size: 14px;
    color: #161929;
    font-weight: 600;
}

.radio-button-section-value {
    font-size: 14px;
    color: #606060;
    font-weight: normal;
}

.selected-information-section {
    border-radius: 5px;
    border: 0.75px solid #F4F4F4;
    background: #F4F4F4;
    padding: 15px;
}

.release-notes-popup-header {
    background-color: #FDB913;
}

.adjust-popup-close {
    opacity: 1;
}

.adjust-popup-heading {
    font-weight: 600;
    font-size: 18px;
    color: #000
}

.button-gap {
    column-gap: 16px;
}

.searchWidth {
    max-width: 75%;
}

.man-mobile-search {
    padding: 5px !important;
}

.spanRight {
    margin-right: 28%;
}

.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track {
    background-color: #fdb813 !important;
}

.MuiSwitch-colorPrimary.Mui-checked {
    color: #fdb813 !important;
}
/* aswin 26/10/23 Mobile Inventory Management System css starts */
.label-value {
    font-size: 14px;
    font-family: 'RobotoRegular';
    color: #3e3e3e;
}

.w-40 {
    width: 40%;
}

.mob-tbl-header {
    font-size: 14px;
    font-family: 'RobotoMedium';
    color: #000;
}

.info-question:hover Grid-info-icon {
    display: block !important;
}

.Grid-info-icon {
    width: 200px;
    font-size: 11px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
    padding: 10px;
    right: 12px;
    z-index: 1;
    top: 21px !important;
    display: none;
}

.info-container:hover .Grid-info-icon {
    display: block;
}

.mob-inv-Image-size {
    width: 100%;
}




/* aswin 26/10/23 Mobile Inventory Management System css ends */
@media only screen and (min-width: 768px) and (max-width:1200px) {
    .mob-inv-tab-responsive-col1 .row, .mob-inv-tab-responsive-col3 .row {
        flex-direction: column;
    }

    .mob-inv-tab-responsive-col2 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .mob-inv-tab-responsive-col3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    .mob-inv-Image-size {
        width: 100% !important;
        height: 200px;
        display: flex;
        align-items: center;
    }
}

.tabel-scroll-mob-inv {
    height: 200px;
}

.mob-inv-Image-size {
    width: 200px;
}

.fixedWidth {
    width: 52px !important;
}

/*CPW-113, Vishwa S*/
.DropDown-Font-Size > div {
    width: 100% !important;
}

.Login-DropDown-Font-Size > div {
    width: 100% !important;
}

    .Login-DropDown-Font-Size > div:hover {
        border-color: #FDB813 !important; /* Change border color to yellow */
        outline: none; /* Remove default outline */
    }

/*CPW-149, Divis*/
.hideColumn {
    display: none !important;
}


.info-container:hover .Grid-info-icon3 {
    display: block;
}

.Grid-info-icon3 {
    width: 90px;
    font-size: 12px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
    padding: 10px;
    left: 13px;
    z-index: 1;
    top: 34px !important;
    display: none;
}

.man-err-msg {
    margin-left: 0px !important;
}
/*Tarun 12/18/23 styles starts here*/
.walmart-icon-style {
    width: 14px;
}

.bg-line-style {
    top: 10px;
    width: 100%;
    left: 0;
    border-bottom: 1px solid #5C5C5F;
}

.or-style {
    background-color: #151723;
    color: #FFF;
}

.sdi-logo-style {
    width: 30px;
}

.materialSearch_btn {
    padding: 8px 10px;
}

.btn-transparent {
    background: transparent;
    border: 1px solid #5C5C5F !important;
}
/*Tarun 12/18/23 styles ends here*/
/*Tarun 1/2/2024 styles starts here*/
.batch-style {
    background-color: #FFEFD3;
    color: #DC991F;
    border: 1px solid #FFD486;
    border-radius: 20px;
}

.complete-form-style {
    color: #5993EB !important;
    cursor: pointer;
}
/*Tarun 1/2/2024 styles ends here*/

.impx_modal {
    top: 84px !important;
}

.custom-spacing-style {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/*Tarun 3/25/2024 Styles starts here*/
.custom-path-preview {
    background-color: #EDEDED;
    border-radius: 30px;
    display: inline-block;
}

.custom-soucring-batch {
    background-color: #FDEFC3;
    border-radius: 12px;
}

.custom-img-width {
    width: 100%;
    height: 164px;
}

.item-img-width {
    width: 100%;
    height: 164px;
}

.btn-dark-grey {
    background-color: #656565;
    border-radius: 4px;
    color: #fff;
}

    .btn-dark-grey:hover {
        background-color: #8b8989;
        color: #fff;
    }

.capture-icon {
    position: absolute;
    top: 8px;
    right: 31px;
    z-index: 5
}

.btn-light-grey {
    background-color: #9C9790;
    color: #fff;
}

    .btn-light-grey:hover {
        background-color: #656565;
        color: #fff;
    }

.cursor-pointer {
    cursor: pointer;
}

.grid-resp-style {
    gap: 12px;
    display: grid;
}

.color-validation {
    color: #ED4040 !important;
}

.color-manditory {
    color: #DC3545;
}

@media (max-width: 767px) and (min-width: 320px) {
    .resp-marginright-0 {
        margin-right: 0px !important;
    }
}
/*Tarun 3/25/2024 Styles ends here*/

.block-container > div {
    display: block !important
}

.info-container {
    cursor: pointer;
    margin-left: 2px;
    position: relative;
}

#srcFileInput::-webkit-file-upload-button {
    visibility: hidden;
}

#srcFileInput::before {
    content: 'Select File';
    display: inline-block;
    background: #007bff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

#srcFileInput:hover::before {
    background: #0056b3;
}

category-searchedimage {
    height: 108px;
}

    category-searchedimage img {
        width: 136px;
    }

.image-size-search {
    object-fit: contain;
    height: 100px;
}

.font-10 {
    font-size: 10px !important;
}

.font-13 {
    font-size: 13px !important;
}

.custom-approver-card-style {
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    width: 230px;
}

.card-after {
    position: relative;
    margin-bottom: 56px;
}

    .card-after:after {
        content: '';
        position: absolute;
        border-left: 1px dotted #B6B6B6;
        top: -48px;
        height: 38px;
    }

.next-approver-card-after:after {
    content: '';
    position: absolute;
    border-left: 1px dotted #B6B6B6;
    bottom: -67px;
    height: 58px;
    width: calc(50% - 0.5px);
    left: 75%;
    transform: translateX(-50%);
}

.next-approver-card-after {
    position: relative;
    margin-bottom: 74px;
}

.color-grey {
    color: #7A7A7A;
}

.btn-close {
    background: transparent;
    border: none;
}

.text-black {
    color: #000;
}

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

.sp-delv-header .modal-title {
    font-weight: bold;
    font-size: 16px;
}

.w-55 {
    width: 55%;
}

.current-user-style {
    border: 1px solid #FDB913;
}

.final-approver-style {
    border: 1px solid #3CD33C;
}

.card-after-list {
    position: relative;
    margin-bottom: 40px;
}

    .card-after-list:after {
        content: '';
        position: absolute;
        border-left: 1px dotted #B6B6B6;
        bottom: -40px;
        height: 38px;
    }

.approver-custom-width {
    max-width: 908px;
}

.custom-alternate-approver-card-style {
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    width: 200px;
}

.custom-height {
    height: 78px;
}

.core-5 {
    height: 40px;
    width: 105px;
}

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

.btn-custom-primary {
    background-color: #FDB813;
    color: #333333;
    border-radius: 5px;
}

    .btn-custom-primary:hover {
        background-color: #e4a40f;
    }

.custom-approver-card-style.collapsed.active {
    border: 1px solid #E1E1E1 !important;
    background-color: #FFFFFF !important;
    margin-bottom: 56px;
}

.custom-approver-card-style.active {
    background-color: #FFFAF3 !important;
    border: 1px solid #FDB913 !important;
    margin-bottom: 22px;
}

.custom-approver-card-style.final-approver-style.collapsed.active {
    border: 1px solid #3CD33C !important;
    background-color: #FFFFFF !important;
    margin-bottom: 56px;
}

.custom-approver-card-style.final-approver-style.active {
    background-color: #F5FFF0 !important;
    border: 1px solid #3CD33C !important;
    margin-bottom: 22px;
}

.btn-custom-secondary {
    background-color: #EEEEEE;
    color: #333333;
    border-radius: 5px;
}

    .btn-custom-secondary:hover {
        background-color: #cecece;
    }

.custom-mb {
    margin-bottom: 56px;
}

@media (max-width: 768px) and (min-width: 360px) {
    .custom-responsive {
        display: flex !important;
        justify-content: center !important;
    }
}

.order-status-search.form-control:focus {
    z-index: 0;
}

.parent-order-status .search-cancel-header {
    z-index: 0;
}

.parent-order-status .dropdown-search-icon {
    z-index: 0;
}

.order-status-workorder {
    word-break: break-word;
    word-wrap: break-word;
}

.shopping-validate-icon {
    background: url(../images/shopping-validate-icon.svg) no-repeat;
    z-index: 12;
    cursor: pointer;
    width: 33px;
    height: 24px;
    position: absolute;
    right: -9px;
    top: 8px;
}

.color-sec-black {
    color: #090909;
}

.view-more {
    color: #4995F2;
    background-color: #fff;
    border: none;
}

.sp-delv-header {
    padding: 10px 20px;
    background-color: #FDB813;
}

.custom-work-order-width {
    max-width: 520px !important;
    border-radius: 10px !important;
}

.custom-alert-section-bg {
    background-color: #F9F9F9;
}


.font-medium {
    font-family: 'RobotoMedium';
}

.font-regular {
    font-family: 'RobotoRegular';
}

.font-bold {
    font-family: 'Roboto-Bold';
}

.font-18 {
    font-size: 18px;
}

.custom-dropdown-order-status {
    right: 39px !important;
}

.oro-item {
    position: relative;
    top: -1px;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    background-color: #1E90FF;
    color: white;
    border-radius: 50%;
    padding: 3px 6px;
    font-size: 12px;
    margin-left: 4px;
}

.vmi-item {
    background-color: #FAA915 !important;
}

.sdi-package.search-autocomplete > div > div {
    position: absolute !important;
    left: 0 !important;
    top: 34px !important;
    /*font-size:12px !important;*/
    z-index: 1 !important;
    max-height: 250px !important;
    min-width: unset !important;
}

.autocomplete-package-search.search-autocomplete > div > div {
    font-size: 12px !important;
}

.UserCSS {
    float: right;
    width: 75%;
}

.go2139093995 {
    --rmsc-main: #4285f4;
    --rmsc-hover: #f1f3f5;
    --rmsc-selected: #e2e6ea;
    --rmsc-border: #ccc;
    --rmsc-gray: #aaa;
    --rmsc-bg: #fff;
    --rmsc-p: 10px;
    --rmsc-radius: 4px;
    --rmsc-h: 38px;
}

    .go2139093995 * {
        box-sizing: border-box;
        transition: all 0.2s ease;
    }


.go2646822163.dropdown-container {
    height: 37px;
    white-space: nowrap;
    margin-top: 30px;
}


.go2646822163 {
    position: relative;
    outline: 0;
    background-color: var(--rmsc-bg);
    border: 1px solid var(--rmsc-border);
    border-radius: var(--rmsc-radius);
}


.go2642161244.dropdown-heading {
    height: 35px;
}

.go2642161244 {
    position: relative;
    padding: 0 var(--rmsc-p);
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--rmsc-h);
    cursor: default;
    outline: 0;
}

    .go2642161244 + div {
        background: #fff
    }

.filtercnt {
    background-color: #FCB913;
    color: #fff;
    position: absolute;
    padding: 4px 4px;
    width: 22px;
    font-size: 12px;
    text-align: center;
    height: 22px;
    border-radius: 50%;
    right: 50px;
}

.cntalign {
    top: 11.5px;
}

.filterlink {
    font-size: 13px;
    padding: 10px;
    color: #3B9AFF;
}

    .filterlink:hover {
        color: #3B9AFF;
    }

@media (min-width: 1366px) {
    .SearchResultpx-1 {
        padding-left: 7.25rem !important;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .SearchResultpx-4 {
        padding-left: 4.5rem !important;
    }
}

.accordion-line {
       border-top: 1px solid #ccc;
       margin: 10px 0;
}
/** Tarun 8/22/2023 Styles starts here**/
.current-user-style {
    border: 1px solid #FDB913;
}

.final-approver-style {
    border: 1px solid #3CD33C;
}

.my-orders:before {
    content: '';
    background: url("../images/my-request.svg");
    position: absolute;
    top: 36px;
    left: 16px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
}

.my-orders.active:before {
    content: '';
    background: url("../images/my-request-filled-icon.svg");
    position: absolute;
    top: 36px;
    left: 16px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
}

.below-chain:before {
    content: '';
    background: url("../images/link-icon.svg");
    position: absolute;
    top: 36px;
    left: 148px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
}

.below-chain.active:before {
    content: '';
    background: url("../images/link-filled.svg");
    position: absolute;
    top: 36px;
    left: 148px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
}

.page-title-orderapproval {
    font-family: 'Roboto-Bold' !important;
    border-bottom: none;
    margin-bottom: 0px;
    border-bottom: none;
    margin-bottom: 0px;
    font-size: 18px;
    margin-top: 4px;
}
/** Tarun 8/22/2023 Styles ends here**/
/** Tarun 8/22/2023 Styles ends here**/
.custom-delete-width {
    max-width: 568px;
}

.del-icon-disable {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
}

.btn-custom-secondary-altbudg {
    background-color: #EEEEEE;
    color: #333333;
    border-radius: 5px;
}

    .btn-custom-secondary-altbudg:hover {
        background-color: #cecece;
    }

.btn-custom-primary-altbudg {
    background-color: #FDB813;
    color: #333333;
    border-radius: 5px;
}

    .btn-custom-primary-altbudg:hover {
        background-color: #e4a40f;
    }

.split-delv-table thead th {
    background-color: #EEEEEE;
    border: none;
    font-size: 14px !important;
}

.split-delv-table tbody td {
    vertical-align: middle;
    font-size: 14px !important;
}

.UserCSS-alt-budg {
    width: 78%;
}


/*.custom-display {
    display: none;
}*/

@media (max-width: 760px) and (min-width: 320px) {
    .custom-display {
        display: block !important;
    }

    .sm-none {
        display: none !important;
    }

    .custom-success-width {
        max-width: 500px !important;
    }
}

.btn-dark-grey {
    background-color: #656565;
    border-radius: 4px;
    color: #fff;
}

    .btn-dark-grey:hover {
        background-color: #8b8989;
        color: #fff;
    }

.text-label-color {
    color: #232323;
}
/*Stock issue*/
.popup-grid-scroll-style {
    overflow-y: scroll;
    height: 160px;
}

    .popup-grid-scroll-style::-webkit-scrollbar {
        height: 5px;
        width: 5px;
    }

    .popup-grid-scroll-style::-webkit-scrollbar-thumb {
        background: #dedede;
        border-radius: 10px;
    }

.custom-add-new-item-width {
    max-width: 904px !important;
}

.color-dark-black {
    color: #090909;
}

.custom-bin-location-width {
    max-width: 658px !important;
}

.stock-issue-item-qty-box {
    width: 54px;
    height: 30px;
    padding: 0 5px;
    border-radius: 2px;
}

@media (max-width: 1103px) and (min-width: 992px) {
    .custom-padding-none {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/*.custom-display {
    display: none;
}*/

@media (max-width: 760px) and (min-width: 320px) {
    .custom-display {
        display: block !important;
    }

    .sm-none {
        display: none !important;
    }

    .custom-success-width {
        max-width: 500px !important;
    }
}

.btn-dark-grey {
    background-color: #656565;
    border-radius: 4px;
    color: #fff;
}

    .btn-dark-grey:hover {
        background-color: #8b8989;
        color: #fff;
    }

.text-label-color {
    color: #232323;
}

/* Deen 06/13/2024 starts here */
.color-grey {
    color: #777777;
}

.tooltip-inner {
    font-size: 10px;
    color: #F8F8F8;
}

.desc-width {
    max-width: 450px;
}

.item-detail-inner-table {
    td


{
    border-bottom: 0;
    font-size: 12px !important;
    &:first-child

{
    color: #3E3E3E;
}

&:last-child {
    color: #434343;
}

}
}

.w-20 {
    width: 20%;
}

.anchor-btn {
    color: #3682F5;
}

.forecast-details-modal {
    .modal-dialog

{
    max-width: 750px;
}

}

.z-1035 {
    z-index: 1035;
}

.split-delv-table {
    tbody

{
    tr

{
    &:last-child

{
    border-bottom: 1px solid #dee2e6;
}

}
}
}

.more-details-width {
    max-width: 460px;
}

.fontregular {
    font-family: RobotoRegular !important;
}
/* Deen 06/14/2024 ends here */

.custom-color.active {
    color: #000 !important;
}

.selected-tab.active:after {
    content: "";
    position: absolute;
    height: 4px;
    left: 0;
    margin: auto;
    right: 0;
    border-radius: 3px 3px 0px 0px;
    background-color: #FDB813;
    bottom: -4px;
}

.custom-color {
    color: #A6A6A6 !important;
}

/*Tarun 05/30/2024 Styles starts here*/
.custom-height {
    height: 90px;
}


.pdf-icon-width {
    width: 24px;
}

.custom-border {
    border: 1px solid #E6E6E6;
    border-radius: 4px;
}

.content-section-top {
    margin-top: 150px !important;
}
/*Tarun 05/30/2024 Styles ends here*/

/*Tarun 5/27/2024 Starts here*/
.table-scroll-style {
    overflow-y: scroll;
    height: 450px;
}

    .table-scroll-style::-webkit-scrollbar {
        height: 5px;
        width: 5px;
    }

    .table-scroll-style::-webkit-scrollbar-thumb {
        background: #dedede;
        border-radius: 10px;
    }

@media (max-width: 767px) and (min-width: 320px) {
    .custom-grid-dropdown {
        width: 230px;
    }
}

.custom-overlay {
    z-index: 1 !important;
}
/*Tarun 5/27/2024 Ends here*/

/*CPW-261*/
@media (max-width: 767px) and (min-width: 320px) {
    .responsive-spacing-style {
        margin-top: 20px;
        margin-bottom: 0px !important;
    }

    .custom-fav-image {
        padding-right: 12px !important;
    }

    .image-resp-width {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .resp-md-none {
        margin-bottom: 0px !important;
    }

    .cart-product-img-style {
        height: 200px !important;
    }
}


.cart-product-img-style {
    width: 100%;
    height: 130px;
}

.image-resp-width {
    margin-right: 24px;
    width: 15%;
}

.item-id-color {
    color: #595959;
}

@media (max-width: 767px) and (min-width: 320px) {
    .dropdown-width-style {
        width: 300px !important;
        max-width: 300px !important;
    }
}

@media (max-width: 986px) and (min-width: 768px) {
    .responsive-spacing-style {
        margin-top: 15px;
        margin-bottom: 0px !important;
    }
}

.dropdown-width-style {
    width: 350px;
    max-width: 350px
}

.react-select__menu-list {
    white-space: normal;
}

.react-select__option {
    white-space: normal;
    word-wrap: break-word;
}

.react-select__control {
    max-width: 100%;
}

.dropdown-overlay {
    overflow: visible !important
}
/*CPW-261*/
.disabled-link {
    pointer-events: none;
    opacity: 0.5;
}

.advance_filter_approval {
    top: 55px;
    right: 30px !important;
    width: 600px;
    width: 600px;
    left: unset;
}

.form-control.custom-form-control {
    width: 300px !important;
}

/*WW-1163 -Vishwa S*/
.Interactive-Noncat-Confirmation-modal {
    .modal-dialog

{
    max-width: 580px;
    margin-top: 260px;
}

}
/*WW-1163 -Vishwa S*/

/*WW-1231 Vishwa S*/
.loader-message {
    text-align: center;
    margin-top: 20px;
    color: #E99A05;
    font-weight: bold;
    text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff,
}
/*WW-1231 Vishwa S*/
.custom-form-control.override-width {
    width: 208px !important;
}

.charge-code-group .input-group-text {
    height: 35px !important;
}

.mobile-search .form-control.charge-code-control {
    border: 0.5px solid #bdbdbd8c !important;
}

@media (max-width:767px) {
    .mobile-search.search-autocomplete {
        background: rgb(21 23 35) !important;        
    }
}

@media (max-width: 768px) {
    .navbar-nav li.nav-item.dropdown.custom-display, .navbar-nav li.sdi-top-margin-width {
        display: none !important;
    }
}
/*Bug 5324 Nandhini L - 09/23/24*/
.font-color-black {
    color: black !important;
}
/*Equipments - Styles Starts here - 29-10-2024 S.Sanjay */

.equipments-page .input-search-icon {
    border-color: #fdb813;
    cursor: pointer;
}

.equipments-page .shopping-search-icon {
    background: url(../images/search-icon-black.svg) no-repeat;
    width: 16px;
    height: 16px;
}

.equipments-page .search-field {
    padding-right: 30px;
}

.equipments-page label.form-label {
    font-size: 14px;
    font-family: 'RobotoMedium';
}

.equipments-page {
    width: 100%;
    padding: 33px 16px;
}

.parent-section {
    width: 100%;
    padding: 0 16px 33px;
}

.equipments-page .filter-btn-section {
    display: flex;
    align-items: end;
    gap: 24px;
}

.equipments-page .no-record-found-section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 70vh;
}

    .equipments-page .no-record-found-section p,
    .equipments-page .no-record-found-section h5 {
        font-size: 16px;
        font-family: 'RobotoMedium';
        margin-top: 16px;
        margin-bottom: 0;
    }

    .equipments-page .no-record-found-section .custom-select-records {
        font-size: 12px;
        color: #898989;
        font-family: 'RobotoRegular';
        margin-top: 8px;
    }

.equipments-page .history-clock-icon {
    margin-right: 4.5px;
}

.equipments-page .select-field {
    width: 198px;
}

.equipments-page .search-width-full {
    width: 300px;
}

.equipments-page .custom-toast {
    position: fixed;
    transform: translateX(-50%) !important;
    left: 50%;
    top: 5%;
}

    .equipments-page .custom-toast p {
        font-size: 14px;
        font-family: 'RobotoMedium';
        margin-bottom: 0px;
    }

.equipments-page .toast-body {
    border-radius: 5px;
    box-shadow: 0px 0px 7px 3px #e5e5e5;
    padding: 0px 18px;
    border: 0.35px solid #98DBA7;
    background: #DCFFE4;
    height: 63px;
    min-width: 285px;
    position: relative;
    gap: 16px;
}

    .equipments-page .toast-body:after {
        content: "";
        position: absolute;
        background: #1F9C3A;
        width: 5px;
        height: 63px;
        left: -1px;
        border-radius: 5px 0px 0px 5px;
    }

.equipments-page .product-list-parent .product-list {
    padding: 26px 0px 32px 0px;
    border-top: 1px solid #e4e3e3;
}


.equipments-page .product-list-parent .custom-product-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .equipments-page .product-list-parent .custom-product-image img {
        width: 115px !important;
        height: 140px !important;
        object-fit: contain;
    }


.equipments-page .product-list-parent .custom-product-specification {
    padding: 25px 0px;
}

    .equipments-page .product-list-parent .custom-product-specification .custom-product-title {
        font-size: 16px;
        font-family: 'Roboto-Bold';
        color: #3E3E3E;
    }

    .equipments-page .product-list-parent .custom-product-specification .custom-product-description {
        font-size: 12px;
        font-family: 'RobotoRegular';
        color: #595959;
        margin-top: 10px;
    }


.equipments-page .product-list-parent .custom-product-details h4 {
    color: #3E3E3E;
    font-size: 14px;
    font-family: 'RobotoMedium';
    display: inline-block;
    margin-right: 8px;
}

.equipments-page .product-list-parent .custom-product-details span {
    color: #595959;
    font-size: 14px;
    font-family: 'RobotoRegular';
}


.equipments-page .product-list-parent .custom-product-add-cart {
    padding: 25px 24px;
    justify-content: end;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

    .equipments-page .product-list-parent .custom-product-add-cart form#myform {
        border: 1px solid #F2F2F2;
        border-radius: 4px;
        overflow: hidden;
    }

    .equipments-page .product-list-parent .custom-product-add-cart #myform input.qty {
        width: 50px;
        background: #fff;
        padding: 0;
        padding-left: 4px;
    }

    .equipments-page .product-list-parent .custom-product-add-cart #myform input {
        border: 0;
    }

        .equipments-page .product-list-parent .custom-product-add-cart #myform input.qty {
            width: 50px;
            background: #fff;
            padding: 0;
            padding-left: 4px;
        }

        .equipments-page .product-list-parent .custom-product-add-cart #myform input.qtyminus.minus,
        .equipments-page .product-list-parent .custom-product-add-cart #myform input.qtyplus.plus {
            background: #FAFAFA;
            width: 29px;
            height: 32px;
        }

.equipments-page .product-list-parent .custom-pagination .page-link:hover {
    background: #cccaca;
}

.equipments-page .border-bottom {
    border-bottom: 1px solid #e4e3e3;
}

.w-space-no-wrap {
    white-space: nowrap;
}

.qty-box {
    width: 65px;
    border-color: #00000029;
}

.qty-box-border {
    border-color: #00000029;
    background-color: none;
}

.white-background-no-border {
    background-color: white;
    border: none;
}

.custom-toast {
    position: fixed;
    transform: translateX(-50%) !important;
    left: 50%;
    top: 5%;
}

.margin-top {
    margin-top: 110px;
}

.custom-toast p {
    font-size: 14px;
    font-family: 'RobotoMedium';
    margin-bottom: 0px;
}

.toast-body {
    border-radius: 5px;
    box-shadow: 0px 0px 7px 3px #e5e5e5;
    padding: 0px 18px;
    border: 0.35px solid #98DBA7;
    background: #DCFFE4;
    height: 63px;
    min-width: 285px;
    position: relative;
    gap: 16px;
}

.equipment_buttons_added {
    text-align: right;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    border: none;
}

.quantity.buttons_added.alignment-end {
    text-align: right;
}

.toast-body:after {
    content: "";
    position: absolute;
    background: #6cc575;
    width: 5px;
    height: 63px;
    left: -1px;
    border-radius: 5px 0px 0px 5px;
}

@media (min-width:767px) and (max-width:1081px) {
    .equipments-page .filter-btn-section {
        align-items: end;
        flex-wrap: wrap;
        align-items: baseline;
    }

    .custom-tab-button .custom-btn-primary {
        margin-top: 70px;
    }
}

@media (min-width:767px) and (max-width:1024px) {

    .equipments-page .no-record-found-section {
        height: 45vh;
    }

    .equipments-page .product-list-parent .custom-product-add-cart {
        flex-direction: column;
        align-items: end;
        justify-content: unset;
    }
}

@media(max-width:767px) {
    .equipments-page .filter-btn-section {
        flex-wrap: wrap;
    }

    .equipments-page .no-record-found-section {
        height: 40vh;
    }

    .equipments-page .product-list-parent .custom-product-add-cart {
        padding: 5px 0px;
        justify-content: left;
    }

    .equipments-page ul.custom-pagination {
        padding: 0;
        margin-top: 15px;
    }

    .page-title-equipment {
        padding: 75px 0;
        border-bottom: 1px solid #e4e3e3;
    }

    .equipments-page .custom-m-100 {
        width: 100%;
    }

        .equipments-page .custom-m-100 .select-field {
            width: 100%;
        }
}

.custom-toast {
    position: fixed;
    transform: translateX(-50%) !important;
    left: 50%;
    top: 20%;
    z-index: 1;
}

    .custom-toast p {
        font-size: 14px;
        font-family: 'RobotoMedium';
        margin-bottom: 0px;
    }

.toast-body {
    border-radius: 5px;
    box-shadow: 0px 0px 7px 3px #e5e5e5;
    padding: 0px 18px;
    border: 0.35px solid #98DBA7;
    background: #DCFFE4;
    height: 63px;
    min-width: 285px;
    position: relative;
    gap: 16px;
}

    .toast-body:after {
        content: "";
        position: absolute;
        background: #2aa136;
        width: 5px;
        height: 63px;
        left: -1px;
        border-radius: 5px 0px 0px 5px;
    }
/*Equipments - Styles Ends here - 29-10-2024 */
/* WW-1229 Home tiles css- Start -Nandhini L*/
.profile-update .custom-border-bottom {
    border-bottom: 1px solid #E4E3E3;
    padding-bottom: 12px !important;
}

.profile-update .custom-program-list {
    margin-top: 10px;
}

input[type="checkbox"]:disabled {
    accent-color: #dad8d2;
}

.profile-update .custom-program-title p {
    color: #595959;
    font-size: 13px;
    font-family: 'RobotoRegular';
    display: flex;
    align-items: center;
    margin-top: 12px !important;
}

.profile-update .custom-program-list .custom-list-item {
    margin-left: 58px;
    margin-bottom: 5px;
}

    .profile-update .custom-program-list .custom-list-item .form-check-label {
        color: #000000;
        font-size: 14px;
        font-family: 'RobotoRegular';
    }

.profile-update .custom-program-right {
    padding-top: 9px !important;
    padding-left: 57px !important;
    border-left: 1px solid #ECE9E9;
}

.profile-update .custom-program-left {
    padding-right: 57px !important;
}

.profile-update .program-home-tile .custom-program-list .custom-list-item {
    margin-left: 3px;
    margin-bottom: 5px;
}

.profile-update .custom-dt-mr-2 {
    margin-right: 8px;
}

.profile-update .custom-list-item.disabled {
    opacity: 0.5;
}

.profile-update .custom-radio-btn {
    display: flex;
}

.profile-update .program-home-tile.custom-program-list-scroll {
    height: 320px;
    overflow-y: scroll;
}

.custom-btn-secondary:disabled custom-btn-primary:disabled {
    cursor: not-allowed; /* Cursor for disabled buttons */
}

.custom-btn-secondary:hover {
    background: #7b7b7b !important;
    color: #fff !important;
}

.custom-btn-primary:hover {
    background: #ffcf56 !important;
    border-color: #ffcf56 !important;
    font-size: 14px;
}

/* Toast */
.custom-toast {
    position: fixed;
    transform: translateX(-50%) !important;
    left: 50%;
    top: 20%;
    z-index: 1000;
}

    .custom-toast p {
        font-size: 14px;
        font-family: 'RobotoMedium';
        margin-bottom: 0px;
    }

.toast-body {
    border-radius: 5px;
    box-shadow: 0px 0px 7px 3px #e5e5e5;
    padding: 0px 18px;
    border: 0.35px solid #98DBA7;
    background: #DCFFE4;
    height: 63px;
    min-width: 285px;
    position: relative;
    gap: 16px;
}

    .toast-body:after {
        content: "";
        position: absolute;
        background: #2aa136;
        width: 5px;
        height: 63px;
        left: -1px;
        border-radius: 5px 0px 0px 5px;
    }

.custom-image-btn {
    display: flex;
    align-items: center;
    gap: 7px;
}

.custom-category-parent {
    width: 620px;
    margin: 50px auto;
}

.custom-category-section {
    text-align: center;
    margin-bottom: 45px;
    width: 25%;
}

.custom-category-title {
    margin-top: 20px;
    font-size: 13px;
    font-family: 'RobotoMedium';
    color: #444444;
}

img.custom-category-img {
    height: 46px;
    object-fit: contain;
}

a.custom-category-section {
    text-decoration: none !important;
    cursor: pointer;
}

.custom-category-section:hover .custom-category-title {
    color: #fdb813;
}

@media(max-width:767px) {
    .profile-update .custom-program-right {
        padding-top: 18px !important;
        padding-left: 0px !important;
        border: none;
    }

    .profile-update .custom-program-left {
        padding-right: 0px !important;
    }

    .profile-update .custom-mob-mt {
        margin-top: 0px !important;
    }

    .profile-update .custom-dt-mr-2 {
        margin-right: 0px;
    }

    .profile-update .program-home-tile.custom-program-list-scroll {
        height: 300px;
        overflow: scroll;
    }

    .custom-category-section {
        width: 33%;
    }
}

.home-width {
    width: 50%;
}

.custom-program-list .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(../Images/accept.svg);
    background-color: #fcb913;
    border-radius: 3px;
    border-color: #fcb913;
}

.custom-program-list .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 100% 55%;
}

.scroll-hometile {
    overflow-y: scroll;
    height: 330px;
}

@media (max-width: 767px) {
    .custom-category-section {
        width: 100%;
    }

    .custom-category-parent {
        width: 100%;
        margin: 50px auto;
    }

    .mob-table-spacing-none {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .profile-btn-space {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

        .profile-btn-space .btn-primary {
            width: 100%;
        }

    .request-count {
        right: 176px;
    }
}

@media (min-width: 375px) and (max-width: 670px) {
    .request-count {
        right: 141px;
    }
}

@media (max-width: 390px) {
    .request-count {
        right: 120px;
    }
}

::-webkit-scrollbar {
    width: 8px;
    height: 4px;
    background-color: none;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background: none;
    border-radius: 10px;
}

.custom-requestor-img {
    position: relative;
}

.modal-body.reason-popup {
    overflow: initial !important;
}
/* WW-1229 Home tiles css- End -Nandhini L*/

/*WW-1221 -Vishwa S*/
.modal-dialog.mixedcart-confirmation-modal {
    max-width: 580px;
}
/*WW-1221 -Vishwa S*/

.table-sort {
    cursor: pointer;
    margin-left: 6px;
}
/**WW-1321 Shopping cart Expand all button UI fixing - css start - Nandhini L*/
.col-line-cart {
    max-width: 50%;
}

@media (max-width: 586px) {
    .col-line-cart {
        max-width: 100% !important;
    }
}

/* css under undermaintenance start here */
/* login page css start here */
.custom-under-maintenance .alert-container {
    border: 1px solid #ED4040CC;
    background: #ff000008;
    padding: 16px 11px;
    border-radius: 4px;
}

.custom-under-maintenance .alert-icon {
    margin-right: 8px;
    width: 18px;
    height: 19px;
}

.custom-under-maintenance .alert-container p,
.custom-under-maintenance .inner-alert-container p {
    font-size: 13px;
}

/* inner page css start here */
.custom-under-maintenance .inner-alert-container {
    border: 1px solid #ED4040CC;
    background: #FFEEEE52;
    padding: 11px 16px;
    border-radius: 5px;
}

.custom-under-maintenance .bolded-content {
    color: #E31818;
    font-family: 'RobotoMedium';
}
/* loader css start here */
.custom-under-maintenance .title-item {
    font-size: 30px;
    font-family: 'Roboto-Bold';
    margin-bottom: 16px;
}

.custom-under-maintenance .content-item {
    font-size: 15px;
    margin-bottom: 48px;
    color: #474747;
    line-height: 30px;
}

.custom-under-maintenance .loader-image-container {
    width: 436px;
    height: 275px;
    margin-bottom: 32px;
}

@media(max-width:767px) {
    .custom-under-maintenance .loader-image-container {
        width: 75%;
        height: unset;
        margin: 50px 0px;
    }
}
/* css under undermaintenance end here */

/*WW-1330 User Also Bought*/
.owl-stage {
    display: flex;
    flex-wrap: wrap;
}
/*WW-1330 User Also Bought*/
.ordernotes-custom-width {
    max-width: 740px;
}

.border-red {
    border: 1px solid #ED4040;
}

.border-color-red {
    border-color: red !important;
}
/**WW-1321 Shopping cart Expand all button UI fixing - css end - Nandhini L*/

/*WW-1325 -Vishwa S*/
/*2/28/25 Non Catalog Cart notification starts*/
.non-catalog-cart {
    padding: 10px 0px 10px 20px;
    width: 325px;
}

    .non-catalog-cart .notif-cart-item {
        border: 0;
        border-bottom: 1px solid #E0E0E0;
        padding: 10px 0;
        border-radius: 0;
    }

        .non-catalog-cart .notif-cart-item:last-child {
            border-bottom: 0;
        }

    .non-catalog-cart .popover-shopping-addcart {
        margin: 20px 0 10px
    }

/*tour popover*/
.cart-tour-info {
    padding: 15px;
    box-shadow: 0 2px 8px #ccc;
    width: 400px;
    border-radius: 4px;
    position: absolute;
    right: -24px;
    top: 40px;
    max-width: 400px;
    background-color: #fff;
}
/*2/28/25 Non Catalog Cart notification ends*/
.notif-section img {
    width: 20px
}

.cart-section img {
    width: 26px
}

.notif-section:after, .cart-section:after {
    display: none;
}

.notif-section {
    margin-left: 5px
}

.cart-section {
    margin-left: 2px
}

.noncat-cart-highlight {
    margin-left: 20px
}

.notif-section .cart-count {
    right: -9px
}

.noncat-cart-highlight .cart-count {
    right: 6px
}

.cart-section .cart-count {
    right: -6px;
}

.notif-section .cart-count, .cart-section .cart-count, .noncat-cart-highlight .cart-count {
    font-size: 10px;
    top: 0;
    font-weight: bold;
}

.cart-section + .custom-welcome-dropdown {
    right: -20px
}
/*WW-1325 -Vishwa S*/



/*WW-1325 -Vishwa S*/
.page-container {
    position: relative;
}

.tour-active .nav-item.dropdown:not(.cart-dropdown) span,
.tour-active .nav-item.dropdown:not(.cart-dropdown) span *,
.tour-active .nav-item.dropdown:not(.cart-dropdown) ul,
.tour-active .nav-item.dropdown:not(.cart-dropdown) ul * {
    pointer-events: none !important;
    filter: blur(5px);
    user-select: none;
}

.tour-active .content,
.tour-active .content * {
    pointer-events: none !important;
    filter: blur(5px);
    user-select: none;
}

/* Targeting only Chrome browsers */
body.is-chrome .react-joyride__overlay {
    mix-blend-mode: darken !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Targeting only Safari browsers */
body.is-safari .react-joyride__overlay {
    mix-blend-mode: darken !important;
    background-color: rgba(0, 0, 0, 0.65) !important;
}

.react-joyride__overlay .react-joyride__spotlight {
    height: 38px !important;
    width: 38px !important;
    background-color: #cb8d15fc !important;
    border-radius: 50% !important;
    margin-top: 3px;
    margin-left: 1px;
}


.react-joyride__tooltip button {
    display: none;
}

.react-joyride__tooltip {
    padding: 0 !important
}

#NSTKCartIconAlertModal nav img {
    width: 12px;
    margin-right: 8px;
}

/*WW-1325 -Vishwa S*/

.display-long-word {
    width: 150px; /* Specified width */
    white-space: nowrap; /* Prevent wrapping */
    overflow: hidden; /* Hide overflowing content */
    text-overflow: ellipsis; /* Display ellipsis (...) for overflow */
    width: 160px !important;
}

/*12-03-2025 expedite-panel-item-details css start here */
.expedite-panel-item-details-container {
    background-color: #F6F6F6;
}

    .expedite-panel-item-details-container .form-input-section, .unit-price-input {
        border: 1px solid #E6E6E6;
        padding: 6px 8px;
        height: 34px;
        font-size: 14px;
        box-sizing: border-box;
        border-radius: 4px;
        color: #000000 !important;
    }

.form-lable-section {
    color: #3E3E3E;
    font-size: 12px;
    font-weight: 500;
}

.expedite-panel-item-details-container .row table tr td {
    padding: 4px 0px;
}

.expedite-panel-item-details-container .item-details-sub-value {
    color: #595959;
    font-size: 12px;
    font-weight: 400;
}

.expedite-panel-item-details-container .custom-product-add-cart {
    margin: 0px !important;
}

    .expedite-panel-item-details-container .custom-product-add-cart form#myform {
        border: 1px solid #E6E6E6;
    }

.expedite-panel-item-details-container .unit-price-input {
    padding: 3px;
    height: 30px;
}

.expedite-panel-item-details-container .item-details-container-title {
    color: #3E3E3E;
    font-size: 12px;
    font-weight: 700;
}

.expedite-panel-item-details-container .dropdown-button .action-container {
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    background-color: #FDB913;
    border: 1px solid #FDB913;
}

.expedite-panel-item-details-container .dropdown-button .icon-container {
    width: 30px;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border: 1px solid #FDB913;
    background-color: #FDB913;
    border-left: 1px solid white !important;
}

.expedite-panel-item-details-container .icon-container:active, .expedite-panel-item-details-container .action-container:active {
    background: #ffcf56 !important;
}

.expedite-panel-item-details-container .icon-container:focus, .expedite-panel-item-details-container .action-container:focus {
    background: #ffcf56 !important;
}

.expedite-panel-item-details-container .dropdown-menu {
    transform: translate3d(0px, 40px, 0px) !important;
    min-width: 100px !important;
    overflow: hidden;
}

.expedite-panel-item-details-container .dropdown-item-border {
    border-bottom: 1px solid #E2E2E2;
}

@media (min-width: 767px) {
    .expedite-panel-item-details-container .form-calendar-icon {
        bottom: 50px !important;
    }
}

@media (min-width: 1024px) {
    .expedite-panel-item-details-container .item-details-section {
        border-right: 1px solid #C3C3C3;
    }
}

.expedite-panel-item-details-container .quantity {
    height: 30px;
}

.expedite-panel-item-details-container textarea {
    height: 70px !important;
}

.expedite-panel-item-details-container .dropdown-item img {
    width: 13px;
}

.expedite-panel-item-details-container .dropdown-menu .disabled {
    opacity: 0.5;
    pointer-events: none;
}

.custom-btn-primary {
    background: #fcb913 !important;
    color: #333;
    border-color: #fcb913 !important;
    font-size: 14px !important;
}

.important-section-input {
    color: #DC3545;
}

@media(max-width:1025px) {
    .expedite-panel-item-details-container table tr td:first-child {
        width: 168px;
    }
}

.expedite-panel-item-details-container .dropdown-button .action-container {
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    background-color: #FDB913;
    border: 1px solid #FDB913;
}

.expedite-panel-item-details-container .dropdown-button .icon-container {
    width: 30px;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border: 1px solid #FDB913;
    background-color: #FDB913;
    border-left: 1px solid white !important;
}

.expedite-panel-item-details-container .icon-container:active, .expedite-panel-item-details-container .action-container:active {
    background: #ffcf56 !important;
}

.expedite-panel-item-details-container .icon-container:focus, .expedite-panel-item-details-container .action-container:focus {
    background: #ffcf56 !important;
}

.expedite-panel-item-details-container .dropdown-menu {
    transform: translate3d(0px, 40px, 0px) !important;
    min-width: 100px !important;
    overflow: hidden;
}

.expedite-panel-item-details-container .dropdown-item-border {
    border-bottom: 1px solid #E2E2E2;
}

.expedite-panel-input .custom-product-add-cart {
    margin-top: 0px !important;
}

/*12-03-2025 expedite-panel-item-details css end here */
/*WW-1336 - Relevant Type Ahead Suggestions - [3/14/2025] - K Surya */
/*12-03-2025 1336 Search results css start here */
.search-suggestion-menu-container {
    width: 100%;
    max-height: 340px;
    height: max-content;
    position: absolute;
    background-color: #fff !important;
    border-radius: 8px;
    border: 0.91px solid #CED4DA;
    box-shadow: 0px 4px 12px 4px #A0A0A040;
    overflow-y: auto;
    z-index: 9;
    top: 40px;
    bottom: 0;
    left: 0;
    display: inline-block
}

    .search-suggestion-menu-container .search-suggestion-title {
        color: #000000;
        font-size: 16px;
        font-weight: 600;
        padding: 12px 20px 7px 20px
    }

    .search-suggestion-menu-container .search-suggestion-menu-items {
        list-style: none;
        padding: 0px;
    }

        .search-suggestion-menu-container .search-suggestion-menu-items li button {
            width: 100%;
            text-align: start;
            font-size: 14px;
            font-weight: 400;
            color: #595959;
            border-radius: 0px;
            padding: 6px 20px
        }

            .search-suggestion-menu-container .search-suggestion-menu-items li button:hover {
                background-color: #E2E6EA;
            }

    .search-suggestion-menu-container .search-suggestion-divider-section {
        border-top: 1px solid #DEDEDE;
        width: 92%;
        margin: auto;
    }

.menusearch {
    top: 40px;
}

.wrapped-dropdown {
    /* Your CSS to adjust the dropdown size and wrapping */
    max-height: 100px; /* Adjust this height based on your preference */
    overflow-y: auto;
}
/*12-03-2025 1336 Search results css end here */

.__floater__open {
    transition: none !important;
}

/* 24-03-25 - form-info-box - Starts here */
.del-btn {
    font-weight: normal;
    background-color: #E52525;
    border: 1px solid #ED4040;
    color: #ffffff;
    font-size: 14px;
}

    .del-btn:hover {
        color: #fff;
        background-color: #f63131 !important;
    }

.prev-btn {
    font-weight: normal;
    background-color: transparent;
    border: 1px solid #FDB913;
    color: #000000;
    font-size: 14px;
}

    .prev-btn:hover {
        color: #000000;
        background-color: #f4f4f4 !important;
    }

.black-color-text {
    color: #000000;
}

.nowrap {
    white-space: nowrap;
}

.form-info-box {
    background-color: #FFF3D5;
    width: 100%;
    padding: 11px 13px;
    border-radius: 4px;
}

    .form-info-box p {
        color: #595959;
    }

.gap-3 {
    gap: 16px;
}

.form-quantity-filled-section {
    margin-top: 40px;
}

    .form-quantity-filled-section .form-quantity-parent {
        border-radius: 62px;
        border: 2px solid #FDB813;
        padding: 10px 14px;
        background-color: #FFF3D5;
        display: flex;
        align-items: center;
    }

.form-quantity-bar {
    background: #E4E3E3;
    height: 1px;
    width: 100%;
    margin: 0px 12px;
}

@media(max-width:768px) {
    .sm-flex-column {
        flex-direction: column;
    }

    .sm-btn-full {
        width: 100%;
        margin-left: 0px !important;
    }
}
/* 24-03-25 - form-info-box - Ends here */

.attachments-popup .doc-parent {
    border: 1px solid #dcd9d9;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    gap: 10px;
}

    .attachments-popup .doc-parent img {
        width: 30px;
    }


    .attachments-popup .doc-parent .doc-content {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }

.attachments-icon {
    /*background: url(../images/Attachments.svg) no-repeat;*/
    width: 22px;
    height: 22px;
}


/* 1331 Zeus MM App Enhancements-13-03-2025 css start here */

/*Bin to Bin Transfer css start here */

.bin-transfer-table-title {
    font-size: 16px;
    font-weight: 700;
}

.bin-transfer-table-container {
    overflow-x: auto;
    white-space: nowrap;
}

    .bin-transfer-table-container .text-end {
        text-align: end;
    }

.bin-transfer-container .custom-item-details-section {
    background-color: #F6F6F6;
    padding: 20px;
    border-radius: 5px;
}

.bin-transfer-container .bin-transfer-item-detail-btn {
    background-color: white !important;
}

    .bin-transfer-container .bin-transfer-item-detail-btn:hover {
        background: rgb(255, 207, 86) !important;
        border-color: rgb(255, 207, 86) !important;
    }

@media (max-width: 1325px) and (min-width: 767px) {
    .bin-transfer-container .custom-product-add-cart {
        margin-top: 0px !important;
    }
}

.custom-product-add-cart {
    padding: 25px 24px;
    justify-content: end;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

    .custom-product-add-cart form#myform {
        border: 1px solid #F2F2F2;
        border-radius: 4px;
        overflow: hidden;
        background-color: white;
    }

    .custom-product-add-cart #myform input {
        border: 0;
    }

        .custom-product-add-cart #myform input.qty {
            width: 30px;
            text-align: center;
            padding: 0;
        }

        .custom-product-add-cart #myform input.qtyplus.plus {
            width: 29px;
            height: 32px;
            background: white;
        }

    .custom-product-add-cart #myform input {
        width: 29px;
        height: 32px;
        background: white;
    }

/* Bin to Bin Transfer css end here */

/* Accept Transfer css start here */
.accept-transfer-container .custom-btn-decline {
    background-color: #ED4040;
    border-color: #ED4040;
}

.accept-transfer-container .custom-btn-approve {
    background-color: #008001;
    border-color: #008001;
}

    .accept-transfer-container .custom-btn-approve:active,
    .accept-transfer-container .custom-btn-approve:hover {
        background-color: #65BC66 !important;
        border-color: #65BC66 !important;
    }

.accept-transfer-container .custom-btn-decline:active,
.accept-transfer-container .custom-btn-decline:hover {
    background-color: #FF8080 !important;
    border-color: #FF8080 !important;
}

.accept-transfer-container .btn-container .disabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.accept-transfer-container .accept-transfer-employee-section .col-xl-3 {
    background-color: #FFF5EF;
    border-radius: 5px;
}

.accept-transfer-container .app-enhancements-main-content,
.bin-transfer-container .app-enhancements-main-content,
.manual-stock-adjustment-container .app-enhancements-main-content,
.field-inventory-workbench-container .app-enhancements-main-content,
.stock-issue-container .app-enhancements-main-content {
    color: #606060;
}

.accept-transfer-container .app-enhancements-sub-content,
.bin-transfer-container .app-enhancements-sub-content,
.manual-stock-adjustment-container .app-enhancements-sub-content,
.field-inventory-workbench-container .app-enhancements-sub-content,
.stock-issue-container .app-enhancements-sub-content {
    color: #161929;
}

@media(max-width:991px) {
    .transform-employee-info {
        transform: rotate(90deg);
        margin: 30px 0px;
    }
}
/* Accept Transfer css end here */

/* new pagination section */
.custom-pagination-section .page-link {
    width: 32px;
    height: 32px;
    background: none;
    border: 1px solid #C7C7C7;
}

.custom-pagination-section .inactive {
    opacity: 0.5 !important;
    pointer-events: none !important;
}
/* new pagination section */

/* No records found start here */
.accept-transfer-container .no-record-found-section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 70vh;
}

.accept-transfer-container .no-record-found {
    width: 205px;
    height: 164px;
}
/* No records found end here */

/* Field Inventory Workbench css start here */
.field-inventory-workbench-container .product-img {
    overflow: hidden;
    padding: 20px;
    background-color: white !important;
    width: 167px;
    height: 147px;
    float: left;
    border-radius: 5px;
    border: 1px solid #F6F6F6;
}

.field-inventory-workbench-container .form-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.field-inventory-workbench-container .form-input-container {
    flex: 1 1 calc(20% - 10px);
    min-width: 150px;
}

.field-inventory-workbench-container .product-details-container {
    border: 1px solid #E2E2E2;
    border-radius: 5px;
}

.field-inventory-workbench-container .view-details-item {
    color: #3090FF !important;
    text-decoration: none;
}

.field-inventory-workbench-container .dropdown-toggle::after {
    display: none;
}

.field-inventory-workbench-container .dropdown-item {
    padding: 5px;
}

.field-inventory-workbench-container .dropdown-menu {
    min-width: 50px;
    box-shadow: 0px 4px 4px 0px #4D4D4D2E;
    border: 1px solid #F9F9F9;
    top: 5px;
}

.field-inventory-workbench-container .no-record-found-section {
    height: 50vh;
}

.field-inventory-workbench-container .dropdown {
    margin-left: 100%; /* Adjust this value to move the dropdown to the left */
}

@media (max-width: 1199px) and (min-width: 768px) {
    .dropdown {
        display: flex;
        justify-content: end;
    }
}

@media (max-width: 767px) {
    .field-inventory-workbench-container .col-xl-2,
    .field-inventory-workbench-container .col-lg-3,
    .field-inventory-workbench-container .col-md-4 {
        display: flex;
        justify-content: center;
    }
}




/* Field Inventory Workbench css end here */

/* Stock Issue css start here */
.stock-issue-container .search-input {
    border: 1px solid #CED4DA;
}

.stock-issue-container .product-img {
    width: 140px;
}

.stock-issue-logo-container {
    padding: 5px 18px;
    border: 1px solid #F6F6F6;
    width: 118px;
    height: 86px;
    border-radius: 5px;
}

.stock-issue-container .add-item-btn {
    width: 155px;
}

.stock-issue-container .stock-qty-input {
    width: 50px !important;
    height: 26px !important;
    border: 1px solid #CED4DA !important;
    border-radius: 3px !important;
}

    .stock-issue-container .stock-qty-input:focus-visible {
        border-color: silver !important;
        outline: none;
    }

.qr-code-img {
    width: 35px;
    height: 35px;
}

.asc {
    transform: none;
    cursor: pointer;
}

.desc {
    transform: rotate(180deg);
    cursor: pointer;
}

.sort-icon-up {
    position: absolute;
    top: 7px;
    cursor: pointer;
}

.sort-icon-down {
    position: absolute;
    bottom: 6px;
    cursor: pointer;
}

    .sort-icon-up img, .sort-icon-down img {
        width: 12px;
    }

.field-inventory-workbench-container .view-details-item:hover {
    text-decoration: underline;
    color: #3090FF;
    cursor: pointer
}
/* Stock Issue css end here */
/* 1331 Zeus MM App Enhancements-13-03-2025 css end here */

.accept-transfer-container ul.custom-pagination {
    list-style: none;
    display: flex;
}

    .accept-transfer-container ul.custom-pagination .page-link {
        width: 24px;
        height: 24px;
        border: 1px solid #DFE3E8 !important;
        position: relative;
    }

.accept-transfer-container .right-pagination-arrow, .accept-transfer-container .left-pagination-arrow {
    width: 13px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: unset !important;
}

.bin-transfer-table-container .position-unset {
    position: unset !important;
}

@media(max-width:767px) {
    .sm-stkissueqty {
        flex-direction: column;
        align-items: baseline !important;
    }

        .sm-stkissueqty .custom-product-add-cart {
            padding-left: 0px;
        }
}

.field-inventory-workbench-container .dropdown-item.active,
.field-inventory-workbench-container .dropdown-item {
    color: #000000 !important;
}

.equivalent-highlight {
    font-weight: bold !important;
    color: #ff8c00 !important;
}

.font-Change {
    font-family: RobotoMedium;
    font-size: 14px;
}

/* WW-1167 po-work-bench css starts here */
.expedite-panel-item-details-container {
    background-color: #F6F6F6;
}

    .expedite-panel-item-details-container .form-input-section, .unit-price-input {
        border: 1px solid #E6E6E6;
        padding: 6px 8px;
        height: 34px;
        font-size: 14px;
        box-sizing: border-box;
        border-radius: 4px;
        color: #000000 !important;
    }

.form-lable-section {
    color: #3E3E3E;
    font-size: 12px;
    font-weight: 500;
}

.expedite-panel-item-details-container .row table tr td {
    padding: 4px 0px;
}

.expedite-panel-item-details-container .item-details-sub-value {
    color: #595959;
    font-size: 12px;
    font-weight: 400;
}

.expedite-panel-item-details-container .custom-product-add-cart {
    margin: 0px !important;
}

    .expedite-panel-item-details-container .custom-product-add-cart form#myform {
        border: 1px solid #E6E6E6;
    }

.expedite-panel-item-details-container .unit-price-input {
    padding: 3px;
    height: 30px;
}

.expedite-panel-item-details-container .item-details-container-title {
    color: #3E3E3E;
    font-size: 12px;
    font-weight: 700;
}

.expedite-panel-item-details-container .dropdown-button .action-container {
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    background-color: #FDB913;
    border: 1px solid #FDB913;
}

.expedite-panel-item-details-container .dropdown-button .icon-container {
    width: 30px;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border: 1px solid #FDB913;
    background-color: #FDB913;
    border-left: 1px solid white !important;
}

.accept-transfer-container .app-enhancements-main-content,
.bin-transfer-container .app-enhancements-main-content,
.manual-stock-adjustment-container .app-enhancements-main-content,
.field-inventory-workbench-container .app-enhancements-main-content,
.stock-issue-container .app-enhancements-main-content {
    color: #606060;
}

.accept-transfer-container .app-enhancements-sub-content,
.bin-transfer-container .app-enhancements-sub-content,
.manual-stock-adjustment-container .app-enhancements-sub-content,
.field-inventory-workbench-container .app-enhancements-sub-content,
.stock-issue-container .app-enhancements-sub-content {
    color: #161929;
}

.expedite-panel-item-details-container .dropdown-menu {
    transform: translate3d(0px, 40px, 0px) !important;
    min-width: 100px !important;
    overflow: hidden;
}

.expedite-panel-item-details-container .dropdown-item-border {
    border-bottom: 1px solid #E2E2E2;
}

@media (min-width: 767px) {
    .expedite-panel-item-details-container .form-calendar-icon {
        bottom: 50px !important;
    }
}

@media (min-width: 1024px) {
    .expedite-panel-item-details-container .item-details-section {
        border-right: 1px solid #C3C3C3;
    }
}

.expedite-panel-item-details-container .quantity {
    height: 30px;
}

.expedite-panel-item-details-container textarea {
    height: 70px !important;
}

.expedite-panel-item-details-container .dropdown-item img {
    width: 13px;
}

.expedite-panel-item-details-container .dropdown-menu .disabled {
    opacity: 0.5;
    pointer-events: none;
}

.custom-btn-primary {
    background: #fcb913 !important;
    color: #333;
    border-color: #fcb913 !important;
    font-size: 14px !important;
}

.important-section-input {
    color: #DC3545;
}

.expedite-panel-po-work-container .custom-container {
    overflow: hidden;
}

.vendor-detail-popup-container .custom-popup {
    width: 700px;
}

@media(max-width:1025px) {
    .expedite-panel-item-details-container table tr td:first-child {
        width: 168px;
    }
}

.file-input-wrapper {
    display: flex;
    justify-content: flex-end;
}

.expedite-panel-item-details-container .cancel-file-section {
    color: #3090FF;
    font-size: 14px;
}

.expedite-panel-item-details-container .upload-field {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 35px;
    padding: .375rem .75rem;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    border-radius: .25rem;
    text-align: center;
}

    .expedite-panel-item-details-container .upload-field input {
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 35px;
        cursor: pointer;
    }

.expedite-panel-item-details-container .after-upload-field {
    justify-content: space-between;
    border: 1px solid #FFE5A5;
    background-color: #FFFEFA;
}

.expedite-panel-container .form-calendar-icon {
    bottom: 7px !important;
}

.Expedite-PO .mobileresponsive-grid td.position-relative .form-calendar-icon {
    top: 8.5px !important;
}

.Expedite-PO ul.custom-pagination {
    list-style: none;
    display: flex;
}

.Expedite-PO.page-link {
    width: 24px;
    height: 24px;
    border: 1px solid #DFE3E8 !important;
}

/*.choose-file-section {
    width: 46px;
    height: 20px;
}*/

/*.input-group-append .input-group-text {
    background-color: #EEEEEE;
}

.input-group-text {
    border-radius: .25rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.file-choose-form {
    opacity: 0;
}

.file-choose-form-section {
    top: 0;
    position: absolute;
}
*/
/*.collapsed .accordion-arrow.accordion-arrow-change {
    transform: rotate(-90deg);
}*/

/*.accordion-toggle .accordion-arrow {
    transform: rotate(0deg);
}*/

.expedite-panel-item-details-container.po-work-unit-price {
    width: 100px;
}

.expedite-panel-item-details-container .custom-btn-secondary-inc, .expedite-panel-po-work-container .custom-btn-secondary {
    background: #161929;
    /*font-weight: bold;*/
    color: white !important;
}

.custom-btn-secondary-Cancel {
    color: white !important;
    background: #7b7b7b;
}


.custom-btn-secondary-Cancel {
    color: white !important;
    background: #7b7b7b;
}

.expedite-panel-item-details-container .custome-btn-secondary, .custom-action-button-form .custom-btn-secondary {
    background: #7b7b7b;
}

    .custom-action-button-form .custom-btn-secondary:hover {
        color: white !important;
    }


.calender-style-POWork {
    top: 44px !important;
    bottom: auto !important;
}

.page-link-POWork {
    width: 24px;
    height: 24px;
    border: 1px solid #DFE3E8 !important;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-POWorkbench {
    width: 105px;
}



.catalog-label-secondary {
    font-size: 13px;
    font-family: 'RobotoMedium' !important;
}


.targetbutton {
    display: inline-block;
    z-index: 999 !important;
    background-color: #fdb913;
}

.targetinput {
    position: absolute !important;
    padding-left: 70px;
    height: 37px;
}

.targetdiv {
    height: 37px;
    border-radius: 5px;
}

    .targetdiv .dropdown-menu.targetdrop,
    .input-group.desktop-search.targetdiv .dropdown-menu.targetdrop {
        width: 100%;
        background: #ffffff !important;
        background-color: #ffffff !important;
    }

    .targetdiv .dropdown-menu .dropdown-item:focus, .targetdiv .dropdown-menu .dropdown-item:hover {
        background-color: #fcb913 !important;
    }

/* WW-1167 po-work-bench css starts here */
.expedite-panel-item-details-container .po-work-unit-price {
    width: 100px;
}

.expedite-panel-item-details-container {
    background-color: #F6F6F6;
}

    .expedite-panel-item-details-container .form-input-section, .unit-price-input {
        border: 1px solid #E6E6E6;
        padding: 6px 8px;
        height: 34px;
        font-size: 14px;
        box-sizing: border-box;
        border-radius: 4px;
        color: #000000 !important;
    }

.form-lable-section {
    color: #3E3E3E;
    font-size: 12px;
    font-weight: 500;
}

.expedite-panel-item-details-container .row table tr td {
    padding: 4px 0px;
}

.expedite-panel-item-details-container .item-details-sub-value {
    color: #595959;
    font-size: 12px;
    font-weight: 400;
}

.expedite-panel-item-details-container .custom-product-add-cart {
    margin: 0px !important;
}

    .expedite-panel-item-details-container .custom-product-add-cart form#myform {
        border: 1px solid #E6E6E6;
    }

.expedite-panel-item-details-container .unit-price-input {
    padding: 3px;
    height: 30px;
}

.expedite-panel-item-details-container .item-details-container-title {
    color: #3E3E3E;
    font-size: 12px;
    font-weight: 700;
}

.expedite-panel-item-details-container .dropdown-button .action-container {
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    background-color: #FDB913;
    border: 1px solid #FDB913;
}

.expedite-panel-item-details-container .dropdown-button .icon-container {
    width: 30px;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border: 1px solid #FDB913;
    background-color: #FDB913;
    border-left: 1px solid white !important;
}

.accept-transfer-container .app-enhancements-main-content,
.bin-transfer-container .app-enhancements-main-content,
.manual-stock-adjustment-container .app-enhancements-main-content,
.field-inventory-workbench-container .app-enhancements-main-content,
.stock-issue-container .app-enhancements-main-content {
    color: #606060;
}

.accept-transfer-container .app-enhancements-sub-content,
.bin-transfer-container .app-enhancements-sub-content,
.manual-stock-adjustment-container .app-enhancements-sub-content,
.field-inventory-workbench-container .app-enhancements-sub-content,
.stock-issue-container .app-enhancements-sub-content {
    color: #161929;
}

.expedite-panel-item-details-container .dropdown-menu {
    transform: translate3d(0px, 40px, 0px) !important;
    min-width: 100px !important;
    overflow: hidden;
}

.expedite-panel-item-details-container .dropdown-item-border {
    border-bottom: 1px solid #E2E2E2;
}

@media (min-width: 767px) {
    .expedite-panel-item-details-container .form-calendar-icon {
        bottom: 50px !important;
    }
}

.expedite-panel-item-details-container .item-details-section {
    border-right: 1px solid #C3C3C3;
}

.custom-poworkbench-table a.table-vendorname {
    display: inline-block;
    width: 180px;
}

.expedite-panel-item-details-container .quantity {
    height: 30px;
}

.expedite-panel-item-details-container textarea {
    height: 70px !important;
}

.expedite-panel-item-details-container .dropdown-item img {
    width: 13px;
}

.expedite-panel-item-details-container .dropdown-menu .disabled {
    opacity: 0.5;
    pointer-events: none;
}

.custom-btn-primary {
    background: #fcb913;
    color: #333;
    border-color: #fcb913;
    font-size: 14px;
}

.important-section-input {
    color: #DC3545;
}

.expedite-panel-po-work-container .custom-container {
    overflow: hidden;
}

.vendor-detail-popup-container .custom-popup {
    width: 700px;
}

@media(max-width:1025px) {
    .expedite-panel-item-details-container table tr td:first-child {
        width: 168px;
    }
}

.file-input-wrapper {
    display: flex;
    justify-content: flex-end;
}

.expedite-panel-item-details-container .cancel-file-section {
    color: #3090FF;
    font-size: 14px;
}

.expedite-panel-item-details-container .upload-field {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 35px;
    padding: .375rem .75rem;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    border-radius: .25rem;
    text-align: center;
}

    .expedite-panel-item-details-container .upload-field input {
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 35px;
        cursor: pointer;
    }

.expedite-panel-item-details-container .after-upload-field {
    justify-content: space-between;
    border: 1px solid #FFE5A5;
    background-color: #FFFEFA;
}

.expedite-panel-container .form-calendar-icon {
    bottom: 7px !important;
}

.Expedite-PO .mobileresponsive-grid td.position-relative .form-calendar-icon {
    top: 8.5px !important;
}

.Expedite-PO ul.custom-pagination {
    list-style: none;
    display: flex;
}

.Expedite-PO.page-link {
    width: 24px;
    height: 24px;
    border: 1px solid #DFE3E8 !important;
}

/*.choose-file-section {
    width: 46px;
    height: 20px;
}*/

/*.input-group-append .input-group-text {
    background-color: #EEEEEE;
}

.input-group-text {
    border-radius: .25rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.file-choose-form {
    opacity: 0;
}

.file-choose-form-section {
    top: 0;
    position: absolute;
}
*/
/*.collapsed .accordion-arrow.accordion-arrow-change {
    transform: rotate(-90deg);
}*/

/*.accordion-toggle .accordion-arrow {
    transform: rotate(0deg);
}*/

.expedite-panel-item-details-container.po-work-unit-price {
    width: 100px;
}

.expedite-panel-item-details-container .custom-btn-secondary-inc, .expedite-panel-po-work-container .custom-btn-secondary {
    background: #161929;
    /*font-weight: bold;*/
    color: white !important;
}

.custom-btn-secondary-Cancel {
    color: white !important;
    background: #7b7b7b;
}


.custom-btn-secondary-Cancel {
    color: white !important;
    background: #7b7b7b;
}

.expedite-panel-item-details-container .custome-btn-secondary, .custom-action-button-form .custom-btn-secondary {
    background: #7b7b7b;
}

    .custom-action-button-form .custom-btn-secondary:hover {
        color: white !important;
    }


.calender-style-POWork {
    top: 44px !important;
    bottom: auto !important;
}

.page-link-POWork {
    width: 24px;
    height: 24px;
    border: 1px solid #DFE3E8 !important;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-POWorkbench {
    width: 105px;
}



.catalog-label-secondary {
    font-size: 13px;
    font-family: 'RobotoMedium' !important;
}


.comments-POWork {
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.vendor-popup-POWork {
    font-family: 'RobotoMedium' !important;
    font-size: 14px !important;
}

.table-border-POWork {
    border-bottom: 1px solid #dee2e6;
}

.border-top-POWOrk {
    border-top: none !important;
}



.Expedite-PO .table-responsive {
    overflow: visible;
}


textarea.comments-POWork:focus-visible {
    outline: none !important;
}

.PO-Work-DropDown-Font-Size {
    font-size: 12px;
}

input.unit-price-input.po-work-unit-price {
    outline: transparent;
}

.common-disabled {
    background-color: #f2f2f2 !important;
    cursor: not-allowed;
    border: 1px solid #E6E6E6 !important;
}

.Itemdetails-Top-margin {
    margin-top: 155px;
}

.expedite-input-info-tooltip {
    display: inline-block;
}

    .expedite-input-info-tooltip .expedite-input-info-tooltiptext {
        visibility: hidden;
        width: max-content;
        background-color: #333;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        padding: 5px 12px;
        position: absolute;
        z-index: 1;
        top: -25px;
        left: 16px;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 13px;
        pointer-events: none;
    }

    .expedite-input-info-tooltip:hover .expedite-input-info-tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.PC-MultiSelect .dropdown-container {
    margin-top: 0px !important;
}

.calendar-icon {
    background: url(../images/calendar-icon.svg) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 29px;
    right: 21px;
    cursor: pointer;
}

.calendar-icon-shoppingcart {
    background: url(../images/calendar-icon.svg) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 6px;
    right: 21px;
    cursor: pointer;
}

.calendar-icon-shoppingcart {
    background: url(../images/calendar-icon.svg) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 6px;
    right: 21px;
    cursor: pointer;
}

.filter-calendar-icon {
    top: auto;
    left: auto;
    bottom: 9px;
    right: 27px;
}

@media (max-width: 1025px) {
    .powork-datepicker .react-datepicker__input-container {
        min-width: 140px !important;
    }
}

/* WW-1167 po-work-bench css end here */

.targetmenumx {
    display: flex;
    align-items: center;
}

.home-search.targetmenumx .custom-header-search-input {
    width: auto !important;
    margin: 0 !important;
}

.search-autocomplete.home-search .dropdown-targetsearch input {
    padding-right: 100px;
}

.home-search.targetmenumx .targetmenuinput {
    margin-left: -9px;
    border: 1px solid #fdb913;
    width: 430px !important;
    padding-right: 90px !important;
}

.home-search.search-autocomplete div.input-group-prepend,
.home-search.search-autocomplete .target-drop-home {
    z-index: unset !important;
}

.header-search-dropdown-menuwidth {
    width: 388px !important;
}

.home-search.targetmenumx .custom-file-attach-icon, .home-search.targetmenumx .dropdown-search-icon {
    top: 10px !important;
}

.center-panel .dropdown-toggle, .custom-header-search-input .dropdown-toggle {
    font-weight: bold;
}

.custom-header-search-input .dropdown-toggle {
    height: 35px !important;
}



.input-group.desktop-search.targetdiv.search-autocomplete .search-suggestion-menu-container {
    background: #fff !important;
}










.req-line .accordian-inner-details {
    background-color: #F8F8F8;
}

    .req-line .accordian-inner-details .accordian-item-title {
        font-family: 'RobotoMedium';
        margin-bottom: 0px;
    }

.approve-btn,
.approve-btn:hover,
.approve-btn:focus {
    color: #27B632;
}

.decline-btn,
.decline-btn:hover,
.decline-btn:focus {
    color: #E52525;
}

.catalog-tab-content .multi-select .dropdown-container {
    margin-top: 0px !important
}

.targetmenumobile .dropdown-search-icon {
    right: 22px !important;
    top: 16px !important;
}

.targetmenumobile .targetmenumx .targetmenuinput {
    width: 100% !important;
}

/* WW-1374 css start here */

.form-check-home {
    position: relative;
    display: block;
    padding-left: 0rem
}

.search-histroy-page {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .search-histroy-page .custom-search-histroy-container {
        gap: 20px;
    }

    .search-histroy-page .search-filed-section input.form-control {
        border: 1px solid #CED4DA;
        border-radius: 5px 0px 0px 5px;
        width: 200px;
    }

    .search-histroy-page .search-filed-section .search-histroy-field-cancel-btn {
        position: absolute;
        width: 15px;
        top: 10px;
        right: 15px;
        cursor: pointer;
    }

    .search-histroy-page .search-histroy-field-btn {
        background: #FCB913;
        border: 1px solid #CED4DA;
        border-radius: 0px 0px 0px 0px;
        width: 44px;
        height: 35px;
        margin-left: -1px;
    }

        .search-histroy-page .search-histroy-field-btn img {
            width: 15px;
            margin: auto;
            margin-bottom: 4px !important;
            vertical-align: middle;
        }

    .search-histroy-page .history-btn {
        white-space: nowrap;
    }

        .search-histroy-page .history-btn .history-btn-icon {
            width: 16px;
            margin-right: 5px;
        }

    .search-histroy-page .work-order-switcher span {
        font-size: 14px;
        font-family: 'RobotoMedium';
        color: #000;
    }

.custom-problem-code-section p {
    padding-top: 15px;
    font-size: 16px;
    color: #595959;
    line-height: 28px;
}

.custom-problem-code-section .title {
    font-family: 'RobotoMedium';
    color: #000;
}

.custom-problem-code-section pa {
    color: #3090FF;
}

.custom-work-order-store-trade {
    width: 100%;
    display: flex;
    padding-top: 15px;
}

    .custom-work-order-store-trade .search-result-logo-container {
        padding: 12px 18px;
        border: 1px solid #F6F6F6;
        width: 118px;
        height: 68px;
        border-radius: 9px;
    }

    .custom-work-order-store-trade .search-result-details {
        display: flex;
        gap: 40px;
        margin-left: 30px;
        align-items: center;
    }

    .custom-work-order-store-trade label {
        font-family: 'RobotoMedium';
        color: #000;
    }

    .custom-work-order-store-trade .sub-content {
        color: #434343;
    }

.custom-pagination-search-result {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

    .custom-pagination-search-result .page-link.cust-pagination-arrow.inactive {
        background-color: #f2f2f2;
    }

    .custom-pagination-search-result .pagination-search-result-details {
        font-size: 14px;
        color: #595959;
    }

    .custom-pagination-search-result nav {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .custom-pagination-search-result .custom-pagination .page-link {
        padding: 9px 15px;
    }

.search-histroy-error-section {
    width: 100%;
    text-align: center;
}

    .search-histroy-error-section .search-histroy-error-image {
        width: 230px;
    }

    .search-histroy-error-section p {
        margin: 20px 0px 0px 0px !important;
        color: #232323;
        font-size: 14px;
        width: 400px;
    }


.search-histroy-parent .left-pagination-arrow,
.search-histroy-parent .right-pagination-arrow {
    top: 33% !important;
}

@media(min-width:990px) and (max-width:1100px) {
    .search-histroy-page {
        flex-direction: column;
        align-items: baseline;
        gap: 20px;
    }

        .search-histroy-page .custom-search-histroy-container {
            flex-direction: column;
            width: 100%;
        }

    .search-filed-section {
        width: 93%;
    }

    .search-histroy-page .search-filed-section input.form-control {
        width: 100%;
    }
}

@media(max-width:767px) {
    .search-histroy-page {
        flex-direction: column;
        align-items: baseline;
        gap: 20px;
    }

        .search-histroy-page .custom-search-histroy-container {
            flex-direction: column;
            width: 100%;
        }

    .search-filed-section {
        width: 87.5%;
    }

    .search-histroy-page .search-filed-section input.form-control {
        width: 100%;
    }

    .custom-work-order-store-trade {
        padding-top: 40px;
        padding-bottom: 25px;
        flex-direction: column;
        gap: 16px;
    }

        .custom-work-order-store-trade .search-result-details {
            margin-left: unset;
        }

    .custom-problem-code-section p {
        font-size: 15px;
        line-height: 26px;
    }

    .custom-pagination-search-result {
        flex-direction: column;
        gap: 20px;
    }

        .custom-pagination-search-result nav {
            flex-direction: column;
            gap: 14px;
        }

            .custom-pagination-search-result nav .custom-pagination {
                padding-left: 0px !important;
            }

    .search-histroy-error-section .search-histroy-error-image {
        margin-top: 60px;
        width: 190px;
    }

    .search-histroy-error-section p {
        line-height: 25px;
        width: 310px;
    }
}

.custom-problem-code-section .view-details-item {
    color: #3090FF;
    text-decoration: none;
}

.shiment-info {
    display: flex;
    align-items: baseline;
}

.home-search-icon {
    background: url(../Images/black-search-icon.svg) no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 403px) {
    .search-filed-section {
        width: 80% !important;
    }
}

@media (min-width: 768px) {
    .custom-layout-change {
        margin-right: auto;
    }
}

.responsive-div {
    display: none;
}


@media (max-width: 768px) {
    .responsive-div {
        display: block;
    }
}
/* WW-1374 css end here */

/*WW-1409 - Container Packing -Vishwa S*/
.popup-grid-scroll-style-cnt {
    overflow-y: scroll;
    height: 300px;
}

    .popup-grid-scroll-style-cnt::-webkit-scrollbar {
        height: 5px;
        width: 5px;
    }

    .popup-grid-scroll-style-cnt::-webkit-scrollbar-thumb {
        background: #dedede;
        border-radius: 10px;
    }

.splitContainerBottom {
    margin-bottom: 180px !important;
}

.field-inventory-workbench-container .view-details-item:hover {
    text-decoration: underline;
    color: #3090FF;
    cursor: pointer;
}

/*WW-1415 Supplier unavailable popup css start - Nandhini L*/
.qty-popup-width {
    max-width: 596px !important
}

.modal-content .shoppingcart-popup-title {
    font-size: 16px !important
}
/*WW-1415 Supplier unavailable popup css end - Nandhini L*/

.packing-quantity-pagination {
    background-color: #F8F8F8;
    padding: 4px 8px;
    border-radius: 6px;
}

.packing-slip-count {
    padding: 2px !important;
    height: 28px;
    width: 56px;
    text-align: center;
}

.font-18 {
    font-size: 18px;
}

.Rcv-img .image-gallery-content.bottom.fullscreen button.image-gallery-icon.image-gallery-fullscreen-button {
    bottom: 550px !important;
    right: 15% !important;
    left: unset !important;
    padding: 0px !important;
    cursor: pointer !important;
}

.Rcv-img .image-gallery-content.bottom button.image-gallery-icon.image-gallery-fullscreen-button {
    bottom: 200px !important;
    right: 4px !important;
    left: unset !important;
    padding: 0px !important;
    transition: none !important;
    cursor: pointer !important;
}

.Rcv-img .image-gallery-content.bottom.fullscreen {
    top: 15%;
    transform: translate(0%, 0%);
}
/* New update 1331-Stock transfer-16-06-2025 start here */

/* Add styles for the footer */
.footer-buttons {
    position: fixed;
    bottom: 45px;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    z-index: 900;
}

    .footer-buttons .btn {
        margin-right: 10px;
    }

.rounded-2 {
    border-radius: 5px;
}

@media(max-width:1199px) and (min-width:768px) {
    .custom-item-details-section .bin-transfer-alignments {
        width: 50% !important;
    }
}

@media(max-width:767px) {
    .custom-item-details-section .bin-transfer-alignments {
        width: 100% !important;
    }

    .quantity-cancel-btn {
        justify-content: left !important;
    }
}

.custom-item-details-section .custom-item-details-container {
    max-height: 500px;
    overflow-y: auto;
}

.bin-transfer-alignments .noborderbin {
    border: none;
    width: 29px;
    height: 32px;
    background: white;
}

.fieldimageleft {
    padding-Left: 15px !important;
}

.bin-transfer-alignments .required {
    border: 1px solid #ED4040 !important;
}

.fixed-bottom {
    position: fixed;
    z-index: 1000 !important;
}

@media(max-width:1024px) {
    .field-inventory-workbench-container .form-input-container {
        flex: 1 1 calc(50% - 10px);
        min-width: 150px;
    }
}
/* New update 1331-Stock transfer-16-06-2025 end here */


.shop-detail-item-price-bold {
    color: #000000;
    font-family: 'RobotoMedium' !important;
}

/*2Q2025 Regression bug css starts here*/
.calendar-icon-rti {
    top: 44px;
}

.catalog-inline-qty-recon {
    width: 57px;
}

.carousel-arrow {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

    .carousel-arrow.left {
        position: absolute;
        left: 10px;
        top: 40%;
        z-index: 2;
    }

    .carousel-arrow.right {
        position: absolute;
        right: 10px;
        top: 40%;
        z-index: 2;
    }

.rtv-calendar-icon {
    left: 185px;
}
/*2Q2025 Regression bugs css ends here*/

/* ✅ Checked and Enabled */
.order-status-mail .custom-checkbox .custom-control-input:checked:not(:disabled) ~ .custom-control-label::after {
    background-image: url(../Images/accept.svg) !important;
    background-color: #fcb913 !important;
    border-color: #fcb913 !important;
}

/* ✅ Checked and Disabled */
.order-status-mail .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
    background-color: #E3E3E3 !important;
    border-color: #E3E3E3 !important;
}

/* ✅ Unchecked and Disabled (optional) */
.order-status-mail .custom-checkbox .custom-control-input:not(:checked):disabled ~ .custom-control-label::after {
    background-color: #E3E3E3 !important;
    border-color: #E3E3E3 !important;
}
/*WW-1431*/
.canelFailure-custom-width {
    max-width: 420px !important;
}
/* bin label media query */
@media only screen and (max-width: 767px) {
    .row .bin-labelbutton {
        text-align: left !important;
        width: 100% !important;
    }

        .row .bin-labelbutton button {
            margin-bottom: 12px;
            width: 100% !important;
        }
    /*.modal-content .btn {
        width: 100% !important;
    }*/
    .modal .bin-labelfont {
        font-size: 14px !important;
    }
}

.table-responsive .chk-ordertbl th, .table-responsive .chk-ordertbl td {
    padding: 10px !important;
}

.bin-label .mandatory-after:after {
    content: " *";
    color: #dc3545;
    padding-right: 3px;
}
/*2Q2025 Regression bugs css ends here*/

/* WW-1442-/10-11-2025/css start here */

input.form-check-input {
    width: 16px;
    height: 16px;
    accent-color: #fcb913;
    position: unset;
    vertical-align: middle;
}

.input-info-tooltip .input-info-tooltiptext {
    visibility: hidden;
    width: max-content;
    background-color: #333;
    color: #fff;
    border-radius: 5px;
    padding: 5px 12px;
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 130px;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 10px;
    font-weight: 300;
    pointer-events: none;
    box-shadow: 0px 0px 6px 2px #f0f0f0;
}

.input-info-tooltip:hover .input-info-tooltiptext {
    visibility: visible;
    opacity: 1;
}

.input-info-tooltiptext .active {
    width: 6px;
    height: 6px;
    background-color: #19A223;
    border-radius: 40px;
    display: inline-block;
}

.input-info-tooltiptext .inactive {
    background-color: #ED4040;
}

.edit-location.custom-success-width {
    max-width: 590px !important;
}

/* .edit-location-container .custom-popup,.edit-location-container .custom-container{
    min-height: 379px !important;
    max-width: 597px !important;
} */
.edit-location-container .custom-popup {
    max-width: 694px !important;
}

.rma-popup {
    max-width: 610px !important;
}

.edit-location-container .custom-height-container {
    max-height: 653px !important;
}

.edit-detail-scroll {
    max-height: 200px;
    overflow-y: auto;
}

.detail-header-section {
    position: sticky;
    top: 0;
}
/*Custom scrollbar styles starts*/
::-webkit-scrollbar {
    width: 3px;
    height: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.085);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.123);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.286);
}

.FieldInventory.go2646822163.dropdown-container {
    height: 37px;
    white-space: nowrap;
    bottom: 3px
}

.tech-select-section .go2646822163.dropdown-container {
    margin-top: 38px !important;
}

@media (max-width: 1024px) {
    .btn-md-device-view.custom-btn-primary:hover {
        background: #fcb913 !important;
        border-color: #fcb913 !important;
        font-family: 'RobotoRegular' !important;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .area-bin-lg-custom {
        max-width: 80% !important;
        flex: 0 0 80% !important;
    }
}

.tooltiptext-loaction-section {
    top: 10px !important;
    left: 60px !important;
}

.not-bold {
    font-weight: normal !important;
}
/*Custom scrollbar styles ends*/

/* WW-1442-/10-11-2025/css end here */


/* Email Revamp UI issues*/
.orderNotes:hover {
    text-decoration: none;
}

.stkLabel .form-label {
    width: 100% !important;
}

.Stk-select {
    display: inline-block;
    width: 345px;
    margin-bottom: 20px;
}

.Stkrow {
    display: flex;
    flex-wrap: wrap;
    margin-right: -226px;
}

.stkerror {
    word-wrap: break-word !important;
    display: block;
    font-size: 15px;
    max-width: 100%;
    color: red;
    margin-top: 0.5rem !important;
    width: 360px;
}
/* WW-1429 css start here */
.search-result-catalog-cantainer .catalog-filter-container {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0 6px 10px 0 rgba(135, 135, 135, 0.25);
}

.search-result-catalog-cantainer .Catalog-filter-header {
    border-radius: 6px 6px 0 0;
}

.search-result-catalog-cantainer .filter-accodion-cantainer {
    border-radius: 8px;
    border: 1px solid #E4E3E3;
}

.search-result-catalog-cantainer .accodion-header-container {
    border-radius: 7px !important;
    border: none;
    background: none;
}

.search-result-catalog-cantainer .accodion-active-header {
    background: rgba(254, 246, 226, 0.80);
    border-radius: 8px 8px 0 0 !important;
    border-bottom: 1px solid #E4E3E3;
}

.search-result-catalog-cantainer .toggle-notification {
    padding: 4px 3px;
    width: 27px;
    height: 25px;
    border-radius: 62%;
    display: inline-block;
    background-color: #FDB813;
    border-radius: 40px;
    font-size: 12px;
    text-align: center;
}

.search-result-catalog-cantainer .attribute-sub-container {
    border-bottom: 1px solid #EBEBEB !important;
    margin: 0px !important;
    margin-left: 35px !important;
}

@media (min-width: 1325px) {
    .search-result-catalog-cantainer .catalog-container {
        max-width: 370px !important;
    }
}

.search-result-catalog-cantainer .Catalog-filter-item-container {
    overflow: auto;
    height: 470px;
}

.search-result-top {
    margin-top: 9rem !important;
}

.selected-input-container {
    height: 149px;
    overflow-y: auto;
}

/* Media query for screens less than 760px */
@media (max-width: 760px) {
    .selected-input-container {
        height: 149px;
        overflow-y: auto;
        float: left;
    }
}

/* WW-1429 css end here */
/* 14-08-25 */

.custom-expedite-panel-workorder-popup .associated-pos-box {
    background-color: #EEEEEE;
    border-radius: 4px;
    padding: 6.5px 12px;
}

    .custom-expedite-panel-workorder-popup .associated-pos-box .associated-pos-box-records {
        color: #434343;
    }

.custom-btn-secondary:hover {
    background: #656565;
    color: #FFF;
}

@media (min-width: 576px) {
    .modal-sm.expedite-po-max-width {
        max-width: 400px !important;
    }
}
/* 14-08-25 */
.disabled-switch input:checked + .slider {
    background-color: #c6c0c0;
}

.disabled-switch .slider.round:before {
    background-color: #ebe6e6;
}

@media (min-width: 760px) {
    .RMA-succeess-popup {
        max-width: 415px !important;
    }
}

@media (max-width: 760px) {
    .RMA-succeess-popup {
        max-width: 350px !important;
    }

    .mobile-pop-up-center.show {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .rma-popup {
        max-width: 350px !important;
    }
}

@media (max-width: 1024px) {
    .ok-button {
        width: 100% !important;
    }
}

.custom-popup .pop-up-text {
    font-size: 16px !important;
}

.mobile-pop-up-center {
    display: none;
}


.order-status-clear {
    background-color: #9C9790 !important;
}

.order-status-clear-highlight {
    background-color: #656565 !important;
}

.Binlabeldisablecheck.custom-control-label::after {
    background-color: #ede8e8 !important;
}

@media (max-width: 1024px) {
    .FIW-Action-allign {
        display: flex !important;
        justify-content: end !important;
    }
}

/* Release Notes maintanance - 30/09-2025 */
.release-notes-edit-button-section {
    position: absolute;
    right: 0;
    top: 10px;
}

.release-notes-add-new-feature {
    border: 1px solid #FDB913;
    border-radius: 4px;
    background-color: white;
    font-size: 14px;
    padding: 6px 12px;
}

.release-notes-footer-buttons-release {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.release-notes-edit-section {
    border-radius: 8px;
}

.release-notes-filter-accodion-cantainer {
    border-radius: 8px !important;
}

.release-notes-accodion-header-container .accordion-toggle[aria-expanded="false"] span {
    transform: rotate(270deg) !important;
}

.release-notes-accodion-header-container .accordion-toggle[aria-expanded="true"] span {
    transform: rotate(0deg) !important;
}

.release-notes-description-container {
    overflow: auto;
    height: 260px;
}

@media (min-width:1000px) and (max-width:1025px) {
    .desktop-version, .mobile-version {
        max-width: 50% !important;
        flex: 0 0 50%;
    }

    .choose-version {
        max-width: 100% !important;
        flex: 0 0 100%;
    }
}

.release-notes-feature-title {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

button.release-notes-add-new-feature:disabled {
    border: 1px solid #F9E68C;
    cursor: not-allowed !important;
}

    button.release-notes-add-new-feature:disabled img {
        opacity: 0.3;
        filter: grayscale(100%) brightness(0.3); /* Make the image grayscale and darken it */
    }

.release-notes-gap .release-notes-feature-title {
    list-style-type: none; /* Remove bullet points for feature titles */
    font-weight: bold; /* Optional: make feature titles bold */
    color: black;
}

.release-notes-gap {
    display: grid;
    gap: 10px;
    padding-left: 18px;
}

    .release-notes-gap li {
        font-size: 13px;
        color: #646464;
        &::marker

{
    color: #212D72;
    font-size: 18px;
}

}

.input-three-quarters {
    width: 75%;
}

@media (max-width: 768px) {
    .input-three-quarters {
        width: 100%;
    }
}

/* Release Notes maintanance - 30/09-2025 */

.bin-label-container .bin-label-btn {
    background-color: white !important;
}

.bin-label-btn:disabled, .bin-labelbutton-2:disabled {
    cursor: not-allowed !important;
}

.bin-label-container .bin-label-btn.btn-hover {
    background: rgb(255, 207, 86) !important;
    border-color: rgb(255, 207, 86) !important;
}


@media (max-width: 767px) {
    /* Disable background and modify styles for disabled buttons */
    .bin-label-container .bin-label-btn:disabled {
        background: white !important;
        cursor: not-allowed !important;
        border-color: rgb(255, 207, 86) !important;
    }

    /* Align buttons to the left on mobile */
    .bin-label-container {
        display: flex;
        align-items: flex-start; /* Align buttons to the left */
    }

        .bin-label-container .bin-label-btn {
            width: 100%; /* Make buttons take full width on mobile */
            margin-bottom: 10px; /* Space between the buttons */
        }
}

input.form-check-input[disabled] {
    filter: contrast(0.5) !important;
}

.disabled-tooltiptext-loaction-section {
    top: -17px !important;
    left: 110px !important;
}

.tooltiptext-loaction-techname-section {
    top: -23px !important;
    left: 105px !important;
    width: 220px !important;
}

.align-language-dd {
    position: absolute;
    right: 50px;
    top: 40px;
    width: 700px;
}

@media (max-width: 760px) {
    .align-language-dd {
        position: absolute;
        right: 15px;
        top: 40px;
        width: 700px;
    }
}

.login-sign-in-border {
    border-color: white !important;
}

button .bin-label-btn[disabled] {
    filter: contrast(2) brightness(1.2) !important; /* Increase contrast and brightness */
    cursor: not-allowed !important;
}

@media (max-width: 1024px) {
    .bin-label-container .bin-label-btn:disabled {
        background-color: white !important;
        border-color: rgb(255, 207, 86) !important;
        cursor: not-allowed !important;
    }
}

.version-focus {
    border: 1px solid #ED4040 !important;
}

.close-release-notes {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000 !important;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.edit-section > div {
    width: 100% !important;
}

.ImageCarousel .modal-header {
    background-color: #ffc107;
    color: #000;
    padding: 8px 15px;
    border-bottom: none;
}

.ImageCarousel .modal-title {
    font-size: 14px;
    font-weight: 600;
}

.ImageCarousel .modal-body {
    padding: 0;
    background-color: #fff;
    position: relative;
}

.ImageCarousel .main-image-container {
    text-align: center;
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border: none;
    cursor: zoom-in;
}

    .ImageCarousel .main-image-container .zoomed {
        transform: scale(1);
    }

.product-img {
    width: 100% !important;
    height: auto;
    max-height: 213px;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
    border: 0px !important;
}

.ImageCarousel .thumbnail-container {
    width: 25% !important;
    border-left: 1px solid #E8E8E8;
}

.ImageCarousel .thumbnail {
    height: 60px;
    /* Adjusted height for better visibility */
    cursor: pointer;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    object-fit: cover;
    transition: all 0.2s;
    padding: 0px !important;
    margin-right: 8px;
    margin-bottom: 10px;
    border-radius: 10px;
    width: 60px;
}



    .ImageCarousel .thumbnail.active {
        border: 1px solid #ffc107;
    }

.ImageCarousel .cust-modal-width {
    max-width: 917px;
    /* Custom modal width */
}
/* cy */
.cycle-counting-container.product-card {
    border-radius: 4px;
    margin-bottom: 20px;
}

.cycle-counting-container .product-main {
    display: flex;
    align-items: flex-start;
}

.cycle-counting-container .product-img {
    height: 105px;
}

.cycle-counting-container .product-details {
    flex: 1;
}

.cycle-counting-container .product-code {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
}

.cycle-counting-container .product-category {
    font-size: 11px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.cycle-counting-container .product-description {
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 1.4;
}

.cycle-counting-container .product-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 11px;
    color: #666;
}

.cycle-counting-container .meta-item {
    display: flex;
    gap: 5px;
}

.cycle-counting-container .meta-label {
    font-weight: 600;
    color: #333;
}

.cycle-counting-container .meta-value {
    color: #666;
}

.cycle-counting-container .btn-update {
    background-color: #ffc107;
    color: #000;
    border: none;
    padding: 8px 30px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-left: auto;
}

    .cycle-counting-container .btn-update:hover {
        background-color: #ffb300;
    }

.cycle-counting-container .product-footer {
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .cycle-counting-container .product-main {
        flex-direction: column;
    }

    .cycle-counting-container .product-meta {
        flex-direction: column;
        gap: 8px;
    }

    .cycle-counting-container .product-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .cycle-counting-container .btn-update {
        margin-left: 0;
        width: 100%;
    }
}

.cycle-counting-container .next-dot-prod {
    width: 4px;
    display: inline-block;
    background: #eaeaea;
    height: 4px;
    border-radius: 26px;
    cursor: pointer;
    line-height: 0.1;
    margin: 0.5px;
}

    .cycle-counting-container .next-dot-prod.active {
        background-color: #007bff;
    }

.cycle-counting-container .next-img-container {
    top: 10px;
    left: 5px;
    display: flex;
    /* Use flexbox for alignment */
    justify-content: center;
    /* Center the dots */
    align-items: center;
    /* Align dots vertically */
}

.cycle-counting-container .form-check-input {
    width: 28px;
    height: 28px;
    border: 1px solid #CED4DA !important;
}



@media (max-width: 991px) {
    .ImageCarousel .thumbnail-container {
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
    }
}

.product-img-container {
    position: relative;
    width: 197px;
    height: 183px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
    overflow: hidden;
    padding: 35px !important;
}

.receive-product-img-container {
    position: relative;
    width: 170px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
    overflow: hidden;
    padding: 35px !important;
}

.product-img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    transition: opacity 0.3s ease;
}

.next-img-container {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 8px;
    max-width: 50px; /* Adjust max-width to control number of visible dots */
    overflow-x: hidden; /* Hide horizontal overflow */
    padding: 2px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .next-img-container::-webkit-scrollbar {
        display: none;
    }

.next-dot-prod {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #d0d0d0;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

    .next-dot-prod.active {
        background-color: #2563eb;
        width: 5px;
        height: 5px;
    }

.next-dot-prod {
    width: 6px;
    height: 6px;
    margin-right: 4px;
}

    .next-dot-prod:hover {
        background-color: #9ca3af;
    }

.product-code {
    font-size: 24px;
    font-weight: bold;
    color: #1f2937;
    margin-bottom: 5px;
}

.product-type {
    font-size: 14px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fade-out {
    opacity: 0;
}

.fade-in {
    opacity: 1;
}

.cycle-counting-container .next-img-container {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 8px;
    max-width: 50px; /* You can adjust this to control how many dots are visible */
    overflow-x: auto; /* Allows scrolling if there are more dots than the container can show */
    padding: 2px;
    -ms-overflow-style: auto;
    white-space: nowrap; /* Prevents wrapping */
    justify-content: flex-start; /* Aligns dots from the left */
}

    .cycle-counting-container .next-img-container::-webkit-scrollbar {
        display: none; /* Hide scrollbar for a cleaner look */
    }

.cycle-counting-container .next-dot-prod.active {
    background-color: #2563eb; /* Highlight color */
    width: 8px; /* Make the active dot larger to stand out */
    height: 8px;
}

.h-600 {
    height: 600px;
}

.release-notes-edit-section > div {
    width: 100% !important;
}

.form-name-width {
    width: 90%;
    word-break: break-all;
}

/*WW-1473 CSS start*/
.shopping-edit-btn {
    background-color: unset !important;
}

.shopping-approval-btn {
    background-color: unset !important;
    border-color: #7b7b7b !important;
}

.shopping-edit-btn:hover {
    background-color: unset !important;
}

.shopping-approval-btn:hover {
    background-color: unset !important;
    border-color: #7b7b7b !important;
}
/*WW-1473 CSS end*/

.edit-section > div {
    width: 100% !important;
}
/*WW-1448 css starts here*/
.i-warehouse {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border: 1px solid #e5b8bb;
    border-radius: 12px;
    background-color: #ca775b21;
    color: #FF3F00;
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
    gap: 3px;
}

    .i-warehouse img {
        width: 19px;
        height: 17px;
    }


.i-central-warehouse {
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 12px;
    border: 1px solid #d0d3e1;
    background-color: #f1f2f6; /* Blue background */
    color: #214497; /* White text */
    font-size: 14px;
    font-weight: 600;
    gap: 3px;
}

    .i-central-warehouse img {
        width: 21px;
        height: 20px;
    }

.i-truck-stock {
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border: 1px solid #61cf7a;
    border-radius: 12px;
    background-color: #d7f9d7; /* Green background */
    color: #008000; /* White text */
    font-size: 14px;
    font-weight: 600;
    gap: 3px;
}

    .i-truck-stock img {
        width: 26px;
        height: 24px;
    }

.search-width {
    width: unset !important;
}

.searchSupplierwidth {
    font-size: 13px;
    font-weight: 600;
}

.search-rate {
    font-size: 18px !important;
}
/*WW-1448 css starts here*/

/*Attachments-popup - Styles Starts here - 25-10-2025*/
.attachments-popup .doc-parent {
    border: 1px solid #E4E4E4;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    gap: 10px;
}

    .attachments-popup .doc-parent .doc-content {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }

.attachments-popup .custom-container {
    border: none;
}

    .attachments-popup .custom-container .documents-section {
        padding: 0px 10px;
    }

        .attachments-popup .custom-container .documents-section .col-md-6 {
            padding: 0px 5px;
        }

.attachments-popup .carousel {
    position: relative;
    margin: auto;
    overflow: hidden;
}

.announcement-attachments-popup .carousel {
    position: relative;
    margin: auto;
    overflow: hidden;
}

.attachments-popup .carousel-images {
    display: flex;
    transition: transform 0.5s ease;
}

    .attachments-popup .carousel-images img {
        width: 100%;
        flex: 0 0 100%; /* Ensures only one image is shown */
        height: 228px;
    }

.attachments-popup .carousel-controls {
    position: absolute;
    top: 45%;
    width: 95%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 1000;
}

.attachments-popup button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
}

.attachments-popup .carousel-indicator {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

.attachments-popup .doc-scroll {
    height: 200px;
    overflow-y: scroll;
}

.attachments-popup .zoom-icon-position {
    position: absolute;
    right: 6px;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

    .attachments-popup .zoom-icon-position:hover {
        opacity: 0.75;
    }

.attachments-popup .arrow-background {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #ffffff;
    border: 1px solid #d8d7d7;
    cursor: pointer;
}

    .attachments-popup .arrow-background:hover {
        background-color: #f7f7f7;
        border: 1px solid #f2b72b;
    }

    .attachments-popup .arrow-background.disabled {
        background-color: #dcd9d9;
        cursor: not-allowed;
        border-color: #dcd9d9;
    }

.attachments-popup .icon-width {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar {
    width: 3px;
    height: 4px;
    background-color: none;
}

::-webkit-scrollbar-thumb {
    background: #e6e4e4;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background: none;
    border-radius: 10px;
}

@media(max-width:767px) {
    .attachments-popup.carousel {
        max-width: 185px !important;
    }

    .attachments-popup.carousel-images img {
        height: 150px !important;
    }
}

.src-attachment-container .down-load-pdf-btn {
    border: 1px solid #FDB813 !important;
    border-radius: 40px;
}

.src-error-message {
    width: 47%;
    display: flex;
    justify-content: flex-end;
}

/* Mobile screen sizes (max-width 768px) */
@media (max-width: 768px) {
    .src-error-message {
        width: 100%;
        justify-content: flex-start; /* Optional, align it to the left on mobile */
    }
}
/*Attachments-popup - Styles Ends here - 01-10-2024*/
.fiwb-item-details-container .rounded-4 {
    border-radius: 8px !important;
}

.fiwb-item-details-container .buttom-0 {
    bottom: 0;
}

.fiwb-item-details-container .top-0 {
    top: 0;
}

.fiwb-item-details-container .left-0 {
    left: 0;
}

.fiwb-item-details-container .catalog-product-img-container {
    height: 320px;
    overflow-y: auto;
    width: 100px;
}

    .fiwb-item-details-container .catalog-product-img-container::-webkit-scrollbar {
        display: none;
    }

.fiwb-item-details-container .main-image-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 40px;
    border: '2px solid blue';
    opacity: 0.4;
}



    .fiwb-item-details-container .main-image-container:hover::after {
        opacity: 1;
    }

.fiwb-item-details-container .image-viewer {
    background-color: #fff;
    height: 100%;
    position: relative;
    display: flex;
    border: 1px solid #E4E4E4;
}

.fiwb-item-details-container .catalog-product-container {
    width: 100px;
    border: 1px solid #E4E4E4;
    display: flex;
    flex-direction: column;
    margin: 10px;
    border-radius: 4px;
    padding: 4px;
}

.fiwb-item-details-container .product-img-container {
    border: 1px solid #E4E4E4;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: border-color 0.3s;
}

.main-image-container .image-cursor {
    cursor: none;
}

.fiwb-item-details-container .product-img-container.active {
    border: 1px solid #FAA814;
}

.fiwb-item-details-container .product-img-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.fiwb-item-details-container .thumbnail-nav {
    padding: 0px;
    border: 1px solid #E4E4E4;
    box-shadow: 0 -1.6px 9.4px 0 rgba(177, 177, 177, 25%);
    z-index: 99;
    position: absolute !important;
    border-radius: px;
}

    .fiwb-item-details-container .thumbnail-nav:hover {
        color: #495057;
    }

.fiwb-item-details-container .main-image-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 40px;
}

.fiwb-item-details-container .main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fiwb-item-details-container .edit-button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 38px;
    height: 38px;
    background-color: #FAA814;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .fiwb-item-details-container .edit-button i {
        color: #333;
        font-size: 14px;
    }

.fiwb-item-details-container .zoom-view-container {
    position: absolute;
    z-index: 1000;
    right: 0px;
    height: 450px;
    display: none;
    transition: scale(1.9) !important;
}

.fiwb-item-details-container .main-image:hover ~ .zoom-view-container {
    display: block;
}

/* fiwb-item-details - start here  */
.fiwb-item-details-container .main-image-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    opacity: 1;
}



    .fiwb-item-details-container .main-image-container:hover::after {
        opacity: 1;
    }

.fiwb-item-details-container .zoom-view-container {
    position: absolute;
    z-index: 10000;
    top: 0%;
    right: -99%;
    height: 100%;
    max-width: 100%;
    transition: scale(1.9) !important;
}

    .fiwb-item-details-container .zoom-view-container img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

/* Custom cursor with a '+' symbol and blue square */
.cursor-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 20%;
    background-color: rgba(191, 222, 255, 0.4);
    border-radius: 4px;
    pointer-events: none;
    z-index: 10;
    transform: translate(-50%, -50%);
}

    .cursor-overlay.active {
        display: block; /* Display the cursor box when active */
    }

    .cursor-overlay .cursor-plus {
        font-size: 40px;
        color: black;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); /* Center the '+' symbol inside the cursor */
    }


.fiwb-item-details-container .product-img-container {
    width: 100px !important;
    height: 100px !important;
    padding: 16px !important;
}

.fiwb-item-details-container .image-viewer {
    position: sticky;
    top: 150px;
}

.fiwb-item-details-container .Edit-icon-size img {
    width: 35px !important;
    margin-right: 4px;
}

.fiwb-item-details-container .Edit-icon-style {
    right: 7px;
    bottom: -6px;
}

.item-box .Edit-icon-style {
    right: unset !important;
    left: 50%;
    bottom: -36px !important;
    color: #000;
    transform: translate(-125%, 0%);
}

.cycle-Edit .Edit-icon-size img {
    width: 16px !important;
    margin-right: 4px;
}

.fiwb-item-details-container .thumbnail-nav[disabled] {
    cursor: not-allowed;
    filter: opacity(0.5);
}

.got-it {
    border-radius: 5px;
}

@media (max-width: 820px) {
    .ImageCarousel .main-image-container {
        height: 450px; /* Adjust height for mobile devices */
    }
}

.edit-img .width-adj {
    max-width: 400px;
}

@media (min-width: 576px) {
    .edit-img .width-adj {
        max-width: 400px;
        margin: 1.75rem auto;
    }
}

.itemclose-btn {
    padding: 0px 8px;
    background-color: #f2b72b;
    border: 0
}

.item-bold {
    font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
    .ImageCarousel .cust-modal-width {
        max-width: 700px;
    }
}

.menu-scroll::-webkit-scrollbar {
    width: 3px !important
}

button.carouselitemclose-btn {
    padding: 0px 8px;
    background-color: #ffc107;
    border: 0;
}

.disable-cursor {
    cursor: not-allowed !important;
}

.down-load-media-pdf-btn {
    border: 1px solid #FDB813 !important;
    border-radius: 40px;
    width: 27px;
    display: block;
}

.carousel-images .order-product-img {
    cursor: zoom-in;
}

.btn-send-quote-disabled {
    background-color: #E0E0E0 !important;
    color: #838287 !important;
    cursor: not-allowed !important;
    opacity: 0.7;
    pointer-events: none; /* Prevents click even if JS fails */
}

    .btn-send-quote-disabled:hover,
    .btn-send-quote-disabled:focus,
    .btn-send-quote-disabled:active,
    .btn-send-quote-disabled:focus-visible {
        background-color: #E0E0E0 !important;
        color: #838287 !important;
        border-color: #cccccc !important;
        box-shadow: none !important;
    }

.top-position-negative {
    position: absolute;
    top: -126px !important
}

.word-break-all {
    word-break: break-all;
}

@media (min-width: 576px) {
    .fedex-attachment-popup.modal-dialog {
        max-width: 530px;
        margin: 1.75rem auto;
    }
}

.adding-display-flex {
    display: flex;
}


/* MMW-20 Tool tip management - 29-12-2025 */
.tooltip-container .custome-decline-btn, 
.tooltip-container .custome-decline-btn:hover, 
.tooltip-container .custome-decline-btn:focus {
    background-color: #E52525 !important;
    color: white !important;
    border: 1px solid #E52525 !important;
}
 
.tooltip-container .custome-approve-btn, 
.tooltip-container .custome-approve-btn:hover, 
.tooltip-container .custome-approve-btn:focus {
    background-color: #27B632 !important;
    color: white !important;
    border: 1px solid #27B632 !important;
}
 
.tooltip-container .status-approval-btn {
    background-color: #EBF5EB !important;
    color: #008000 !important;
    border: 1px solid #CAE5CA !important;
    font-size: 12px !important;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 8px !important;
}
 
.tooltip-container .status-pending-btn {
    background-color: #F2F4F9 !important;
    color: #214497 !important;
    border: 1px solid #D5DBEB !important;
}
 
.tooltip-container .status-inactive-btn {
    background-color: #F9F2F2 !important;
    color: #FF3A3D !important;
    border: 1px solid #EBD5D5 !important;
}
 
.tooltip-container .edit-table-field {
    height: 77px !important;
}
 
.tooltip-container .custom-pagination .page-item.active .page-link {
    background-color: #fdb913;
    z-index: 0;
}
 
.tooltip-container .custom-pagination .page-link {
    background-color: #f2f2f2;
    color: #878787;
}
 
.tooltip-container .tooltip-maintenance-container {
    padding: 20px;
    background-color: #f8f9fa;
    min-height: 100vh;
}
 
.tooltip-container .page-header {
    background-color: white;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}
 
.tooltip-container .table-responsive {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    overflow: hidden;
}
 
.tooltip-container .table {
    margin-bottom: 0;
}
 
.tooltip-container .table th {
    border-top: none !important;
    font-weight: 600 !important;
    user-select: none;
    white-space: nowrap;
}
 
.tooltip-container .table th:hover {
    background-color: #e9ecef !important;
}
 
.tooltip-container .table td {
    vertical-align: middle !important;
    border-color: #dee2e6 !important;
}
 
.tooltip-container .table tbody tr:hover {
    background-color: #f8f9fa !important;
}
 
.tooltip-container .table-sort {
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
}
 
.tooltip-container .sort-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    transition: transform 0.2s ease;
}
 
.tooltip-container .sort-icon.asc {
    transform: rotate(0deg);
}
 
.tooltip-container .sort-icon.desc {
    transform: rotate(180deg);
}
.tooltip-container .status-active {
    padding: 6px 18px;
}
/* MMW-20 Tool tip management - 29-12-2025 */
/* WW-1466 - Order Approvals */
 
.custome-decline-btn, .custome-decline-btn:hover, .custome-decline-btn:focus {
    background-color: #E52525 !important;
    color: white !important;
    border: 1px solid #E52525 !important;
}
 
.custome-approve-btn, .custome-approve-btn:hover, .custome-approve-btn:focus {
    background-color: #27B632 !important;
    color: white !important;
    border: 1px solid #27B632 !important;
}
 
.status-approval-btn {
    background-color: #EBF5EB !important;
    color: #008000 !important;
    border: 1px solid #CAE5CA !important;
    font-size: 12px !important;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 8px !important;
}
 
.status-approval-btn {
    background-color: #EBF5EB !important;
    color: #008000 !important;
    border: 1px solid #CAE5CA !important;
    font-size: 12px !important;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 8px !important;
}
 
.status-pending-btn {
    background-color: #F2F4F9 !important;
    color: #214497 !important;
    border: 1px solid #D5DBEB !important;
}
 
.custom-product-logo {      
    width: 40px;
    height: 40px;
}
 
.approval-main-container .search-cancel-header {
    top: 14px;
}
.approval-main-container .dropdown-targetsearch .form-control{
    padding-right: 48px;
}
.approval-main-container .dropdown-targetsearch {
    width:fit-content;
}
.approval-main-container .border-bottom {
    border-bottom: 1px solid #dee2e6;
}
.approval-main-container .rotate-height{
    height: 70px!important
}
.accordian-inner-items .accordian-inner-details {
    background-color: #F8F8F8;
}
.custome-modal-popup{
    max-width: 380px;
    margin: 1.75rem auto;
}
.accordian-inner-items .text-center {
    text-align: center !important;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .custom-approvals-title {
        margin-top: 160px;
    }
}
@media (max-width: 767px){
    .custom-approvals-title {
        margin-top: 100px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .approval-main-container .order-maintenance-filter {
        right: -261px !important;
        min-width: 30rem !important;
        left: auto !important;
        transform: none !important;
        top: 35px !important;
        box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.2);
        border: 0;
    }


        .approval-main-container .order-maintenance-filter::before {
            right: unset;
            left: 195px;
            content: "";
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #fff;
            position: absolute;
            top: -8px;
        }
}
.accordian-inner-items .catalog-tabs-mobile {
    overflow: unset;
}
.custom-checkmark:after {
    left: 2.8px !important;
}
    /* WW-1466 - Order Approvals */
.pointer-cursor {
    cursor: pointer
}
/* Styles added for 466 User Load Configuration */

.user-announcement-panel .rounded-icon {
    width: 35px;
    height: 35px;
    border: 1px solid #e4a40f;
}

.user-announcement-panel .divider-files {
    border-bottom: 0.5px solid #E2E2E2;
    margin: 10px 0px;
}

.user-announcement-panel .upload-badge {
    background-color: #EDEDED;
    width: fit-content;
    padding: 8px 20px !important;
}

.user-announcement-panel .preview-pane-yellow {
    border-radius: 16px !important;
}

.user-announcement-panel .preview-pane {
    background-color: #FFF7E5;
    border-radius: 10px 10px 0px 0px;
    padding: 24px;
    box-shadow: 2px 2px 4px 0px rgba(223, 223, 223, 0.25);
}

/*@media (max-width: 767px) and (min-width: 320px) {
    .user-announcement-panel .preview-pane {
        height: 200px !important;
    }
}*/

.user-announcement-panel .partition:after {
    content: "";
    position: absolute;
    width: 0.5px;
    height: 85%;
    border-radius: 4px;
    display: inline-block;
    background-color: #E6E6E6;
    top: 52px;
    left: 0;
}

.user-announcement-panel .upload-button {
    border-color: #FDB913;
    background-color: #fff !important;
}

    .user-announcement-panel .upload-button:hover {
        background-color: #FFF7E5 !important;
    }

.user-announcement-panel .sectioning {
    padding: 0px 40px;
}

@media (max-width: 767px) and (min-width: 320px) {

/*    .user-announcement-panel .preview-pane,
    .preview-pane-yellow {
        min-height: fit-content !important;
    }*/

    .user-announcement-panel .sectioning {
        padding: 0px 16px !important;
    }

    .user-announcement-panel .partition:after {
        content: "";
        position: absolute;
        width: 0.5px;
        height: 25vh !important;
        border-radius: 4px;
        display: inline-block;
        background-color: #E6E6E6;
        top: 52px;
        left: 0;
    }
}

/* 31-12-2025 */


/* toggle css starts here */

/* The switch container */
/*.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    margin: 0;
}*/

    /* Hide default HTML checkbox */
    /*.switch input.cust-toggle {
        opacity: 0;
        width: 0;
        height: 0;
    }*/

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

    .slider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 3px;
        bottom: 3px;
        background-color: white !important;
        -webkit-transition: .4s;
        transition: .4s;
    }

input.cust-toggle:checked + .slider {
    background-color: #FDCB55;
}

input.cust-toggle:focus + .slider {
    box-shadow: 0 0 1px #FDCB55;
}

input.cust-toggle:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(15px);
}*/

/* Rounded sliders */
.user-announcement-panel .slider.round {
    border-radius: 34px;
}

    .user-announcement-panel .slider.round:before {
        border-radius: 50%;
    }


/* toggle css ends here */


.user-announcement-panel .work-order-switcher input.cust-toggle:checked + .slider {
    background-color: #FFECBD;
}

.user-announcement-panel .work-order-switcher .slider:before {
    background-color: #fdb913;
}

.user-announcement-panel .work-order-switcher .slider {
    background-color: #FFECBD;
}

.user-announcement-panel .cancel-file-section {
    color: #3090FF;
    font-size: 14px;
}

/*.page-link {
    width: 24px;
    height: 24px;
    border: 1px solid #DFE3E8 !important;
}*/

.user-announcement-panel .choose-file-section {
    width: 46px;
    height: 20px;
}

.user-announcement-panel .input-group-append .input-group-text {
    background-color: #EEEEEE;
}

.user-announcement-panel .input-group-text {
    border-radius: .25rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.user-announcement-panel .file-choose-form {
    opacity: 0;
}

.user-announcement-panel .file-choose-form-section {
    top: 0;
    position: absolute;
}

.user-announcement-panel .announcement-main-contaniner {
    max-height: 400px;
    overflow-y: auto;
}

.user-announcement-panel .add-new-feature {
    border: 1px solid #FDB913;
    border-radius: 4px;
    background-color: white;
    font-size: 14px;
    padding: 6px 12px;
}

.user-announcement-panel .status-approval-btn {
    background-color: #EBF5EB !important;
    color: #008000 !important;
    border: 1px solid #CAE5CA !important;
    font-size: 12px !important;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 8px !important;
    min-width: 75px;
    text-align: center;
    display: inline-block;
}
.user-announcement-panel .status-inactive-btn {
    background-color: #F9F2F2 !important;
    color: #FF3A3D !important;
    border: 1px solid #EBD5D5 !important;
    min-width: 75px;
    text-align: center;
    display: inline-block;
}

.user-announcement-panel .overall-content-view {
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 4px 0px 3px 0px;
    text-align: center;
    border-radius: 16px;
    background: #EEE;
    color: #000;
    font-size: 9px;
    font-weight: 400;
}

.user-announcement-panel .upload-file-view-section {
    border: 1px solid #F2B72B;
    border-radius: 5px;
    padding: 6px;
}

.user-announcement-panel .multiselect-wrapper {
    position: relative;
}

.user-announcement-panel .multiselect-input {
    cursor: pointer;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.5rem;
}

.user-announcement-panel .multiselect-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    max-height: 250px;
    overflow-y: auto;
    margin-top: 2px;
}

.user-announcement-panel .multiselect-option {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .user-announcement-panel .multiselect-option:hover {
        background-color: #f8f9fa;
    }

    .user-announcement-panel .multiselect-option label {
        cursor: pointer;
        margin-bottom: 0;
        flex: 1;
    }

.user-announcement-panel .position-unset {
    position: unset !important;
}

@media (max-width: 990px) and (min-width: 450px) {
    .user-announcement-panel .announcement-attachments-popup .carousel {
        max-width: 230px !important;
    }

    .user-announcement-panel .announcement-attachments-popup .arrow-background {
        width: 30px !important;
        height: 30px !important;
    }

    .user-announcement-panel .announcement-attachments-popup .carousel-images img {
        height: 128px !important;
    }
}

@media (max-width: 450px) and (min-width: 320px) {
    .user-announcement-panel .announcement-attachments-popup .carousel {
        max-width: 150px !important;
    }

    .user-announcement-panel .announcement-attachments-popup .arrow-background {
        width: 30px !important;
        height: 30px !important;
    }

    .user-announcement-panel .announcement-attachments-popup .carousel-images img {
        height: 128px !important;
    }
}

/* 31-12-2025 */

/* MultiSelect disabled background styling */
.user-announcement-panel .multiselect-disabled-bg .dropdown-container {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

.user-announcement-panel .user-announcement-multiselect .go2642161244.dropdown-heading {
    height: 25px;
}

.user-announcement-panel .user-announcement-border-editor {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    height: 206px;
    padding: 10px;
}

.user-announcement-panel .attachment-cancel-btn {
    background-color: #7b7b7b !important;
}

.user-announcement-panel .user-announcement-calendar-icon {
    background: url(../images/calendar-icon.svg) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 46px;
    right: 29px;
    cursor: pointer;
}

.user-announcement-panel .user-announcement-dropdown-search {
    width: fit-content;
}

    .user-announcement-panel .user-announcement-dropdown-search .dropdown-toggle {
        padding: 4px 10px;
        background: #fdb813;
        border: 1px solid #fdb813;
    }
    .user-announcement-panel .user-announcement-dropdown-search .form-control {
        border-color: #fdb813;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        padding-right: 50px;
    }

.user-announcement-panel .user-announcement-dropdown-item:focus, .user-announcement-dropdown-item:hover {
    background-color: #fdb813;
}

.user-announcement-panel .attachment-error-message {
    font-size: 14px !important;
}

@media (min-width: 576px) {
    .user-announcement-panel .common-attachment-pop-up {
        max-width: 500px !important;
        margin: 1.75rem auto;
    }
}

.user-announcement-panel .announcement-arrow-background {
    height: 40px !important;
    width: 40px !important;
}

.user-announcement-panel .announcement-icon-width {
    height: 13px !important;
}

.user-announcement-panel .announcement-disabled:hover {
    opacity: 0.4 !important;
    cursor: not-allowed;
    border-color: #dcd9d9;
}

.user-announcement-panel .announcement-disabled {
    opacity: 0.4 !important; 
    cursor: not-allowed;
    border-color: #dcd9d9;
}

.user-announcement-panel .announcement-carousel-controls {
    top: 52% !important;
    width: 100% !important;
}

.user-announcement-panel .user-announcement-single-value .dropdown-content > div {
    height: 100px !important;
}



.user-announcement-panel .toggle-switch {
    position: relative;
    display: inline-block;
    width: 29px;
    height: 17px;
}

    .user-announcement-panel .toggle-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.user-announcement-panel .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #D9D9D9;
    border: 1px solid #D9D9D9;
    border-radius: 9.5px;
    transition: .3s;
}

    .user-announcement-panel .slider:before {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        left: 1px;
        bottom: 1px;
        background: #FFF;
        border-radius: 38.5px;
        transition: .3s;
    }

.user-announcement-panel input:checked + .slider {
    background: #FDCB55;
    border: 1px solid #D9D9D9;
}

.user-announcement-panel input:checked + .slider:before {
    transform: translateX(12px);
}

.user-announcement-datepicker-popper {
    z-index: 9999 !important;
}

.disableEditor {
    background-color: #e9ecef !important;
}

.disableEditor .rdw-editor-toolbar{
    background-color: #e9ecef !important;
}

.disableEditor .rdw-option-wrapper{
    background-color: #e9ecef !important;
}

.disableEditor .rdw-dropdown-wrapper{
    background-color: #e9ecef !important;
}

.user-announcement-panel .search-cancel-header-image {
    background: url(../images/search-clear.svg)no-repeat;
    width: 18px;
    background-size: 11px;
    height: 16px;
    position: absolute;
    right: 25px;
    top: 12px;
    z-index: 12;
    cursor: pointer;
}

.notranslate.public-DraftEditor-content {
    height: 110px;
}

@media (max-width: 1024px) {
    .notranslate.public-DraftEditor-content {
        height: 90px !important;
    }
}

.preview-height {
    height: 510px;
}

@media (max-width: 767px) and (min-width: 320px) {
    .preview-height {
        height: 200px;
    }
}

.search-result-searchicon{
    right: 29px !important;
    background: url(../images/search-icon.svg)no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    background-size: 17px;
    z-index: 3; /***NEW**(1/2/2021)**CHANGED***(z-index: 12)*/
}

.align-search-input{
    padding-right: 0px !important;
    width: 100% !important;
    margin-left: -9px;
    border: 1px solid #fdb913;
    padding-right: 54px !important;
}
.align-search-man-input {
    padding-right: 0px !important;
    width: 100% !important;
    margin-left: -9px;
    border: 1px solid #fdb913;
    padding-right: 35px !important;
}
.search-filter-dropdown-width {
    width: 340px !important;
}

.search-filter-attrib-noresult {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 183px;
    font-weight: bold;
}

.search-filter-noresult {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 133px;
    font-weight: bold;
}

.border-top-postfilter {
    border-top: 1px solid #f7b413 !important;
}

@media (max-width: 667px) and (min-width: 375px) {
    .search-histroy-error-section {
        top: -94px !important;
        left: -10px !important;
    }
}

.user-announcement-dropdown-item.dropdown-item {
    padding: .25rem 0.60rem !important;
}

.DraftEditor-root {
    height: 110px !important;
}

.disableEditor .rdw-editor-toolbar {
    pointer-events: none;
}
@media (max-width: 768px) {
    .page-heading {
        margin-top: 118px !important;
    }
    .search-result-top {
        margin-top: 0px !important;
    }

    .home-search.targetmenumx .custom-file-attach-icon, .home-search.targetmenumx .dropdown-search-icon {
        top: 17px !important;
    }

    .search-cancel-header-image {
        top: 20px !important;
        right: 39px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .page-heading {
        margin-top: 180px !important;
    }
    .search-result-top, .Top-margin {
        margin-top: 0px !important;
    }
    .container-fluid .accepttransfer-header {
        margin-top: 0px !important;
    }
    .home-search.targetmenumx .custom-file-attach-icon, .home-search.targetmenumx .dropdown-search-icon {
        top: 17px !important;
    }

    .search-cancel-header-image {
        top: 20px !important;
        right: 39px;
    }

    .fiwb-item-details-container .item-cart-btn {
        margin-left: 2.25rem !important;
    }
}

.custom-mb .dollarissue {
    max-width: 100% !important;
}
@media only screen and (min-width:992px) {
    .search-histroy-page {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media only screen and (min-width:768px) and (max-width:990px) {
    .search-histroy-page {
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
}
@media screen and (min-width: 767px) and (max-width: 1080px) {
    .i-pad-height {
        height: 40px !important;
    }
    .mobile-search.search-autocomplete {
        background: rgb(21 23 35) !important;
    }
    .Catalog-Items .wrap-single {
        width: 100% !important;
    }
}

@media (max-width:768px){
    .shopping-cart-edit{
        max-height: 530px !important;
    }
}
.share-user-fav-order .go2646822163 {
    margin-top:0px !important;
}
@media (min-width: 991px) and (max-width: 1188px) {
    .custom-Action-fiwb {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
}
@media (max-width: 990px) {
    .custom-Action-fiwb {
        justify-content:start!important;
    }
}
.mobile-input-back-color {
    background-color: #FFF;
}
@media (max-width: 980px) {
    .custom-footer-buttons {
        bottom: 94px !important;
    }
}
.mobile-input-back-color:focus {
    background-color: #FFF !important;
}
.container-fluid .accepttransfer-header {
    margin-top: 115px !important;
}
.container-fluid .profile-margin {
    margin-top: 126px !important;
}
@media (max-width: 1024px) {
    .container-fluid .accepttransfer-header {
        margin-top: 0px !important;
    }
    .container-fluid .profile-margin {
        margin-top: 0px !important;
    }
}
.success-tracking-id .custom-success-width {
    max-width: 442px !important;
}


.radio-center:after {
    top: 3.5px !important;
    left: 3.5px !important;
}


@media (max-width: 1025px) {
    .mobile-application .page-heading {
        margin-top: 20px !important;
    }
}

.daiso-logo {
    width: 70px;
    height: 26px;
    margin-top: 7px;
}