* {
    margin: 0;
    padding: 0;
}
/*Added for footer adjustment*/
html, body {
    height: 100%;
    margin: 0;
}
/*Added for footer adjustment*/

@font-face {
    font-family: "Gotham-Medium";
    src: url("./fonts/Gotham-Medium.eot"); /* IE9 Compat Modes */
    src: url("./fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/Gotham-Medium.otf") format("opentype"), /* Open Type Font */ url("./fonts/Gotham-Medium.svg") format("svg"), /* Legacy iOS */ url("./fonts/Gotham-Medium.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/Gotham-Medium.woff") format("woff"), /* Modern Browsers */ url("./fonts/Gotham-Medium.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham-Bold";
    src: url("./fonts/Gotham-Bold.eot"); /* IE9 Compat Modes */
    src: url("./fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/Gotham-Bold.otf") format("opentype"), /* Open Type Font */ url("./fonts/Gotham-Bold.svg") format("svg"), /* Legacy iOS */ url("./fonts/Gotham-Bold.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/Gotham-Bold.woff") format("woff"), /* Modern Browsers */ url("./fonts/Gotham-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham-Black";
    src: url("./fonts/Gotham-Black.eot"); /* IE9 Compat Modes */
    src: url("./fonts/Gotham-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Gotham-Black.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Gotham-Black.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Gotham-Black.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Gotham-Black.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Gotham-Black.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham-Light";
    src: url("./fonts/Gotham-Light.eot"); /* IE9 Compat Modes */
    src: url("./fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Gotham-Light.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Gotham-Light.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Gotham-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Gotham-Light.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Gotham-Light.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Gotham-Medium";
    font-size: 12px;
    color: #4e4e4e;
    padding-top: 68px;
    display: flex; /*Added for footer adjustment*/
    flex-direction: column; /*Added for footer adjustment*/
    min-height: 100vh; /*Added for footer adjustment*/
}

.mainWrapper.formControls {
    flex: 1;
}

body.loginPage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background-color: #f5f5f5;
    flex-direction: row;
}

.bgVideo {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: .5s;
    background: linear-gradient(90deg, rgba(40, 51, 110, 1) 1%, rgba(100, 64, 112, 1) 49%, rgba(126, 70, 113, 1) 69%, rgba(185, 83, 116, 1) 93%);
}

    .bgVideo video {
        width: 100%;
        height: auto;
    }

.loginLogo {
    max-width: 280px;
    /*    margin: auto;*/
}

    .loginLogo img {
        width: 100%;
        height: auto;
    }

.loginForm {
    width: 100%;
    max-width: 400px;
    padding: 2rem 3rem;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .1);
    margin-right: 5rem;
}

a.forgotBtn, a.refreshCaptcha {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
    color: #007bff;
    align-items: center;
    font-size: 11px;
}

a.refreshCaptcha {
    max-width: 15px;
    opacity: .7;
}

    a.refreshCaptcha img {
        width: 100%;
    }

.loginIcon, .comIcon {
    opacity: .3;
    height: 25px;
    width: 25px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 8px;
}

.userIcon {
    background: #fff url(../images/username.png) no-repeat right 50%;
    background-size: 20px;
}

.passwordIcon {
    background: #fff url(../images/passwordIcon.png) no-repeat right 50%;
    background-size: 20px;
}

.emailIcon {
    background: #fff url(../images/emailIcon.png) no-repeat right 50%;
    background-size: 20px;
}

.changePassword span.loginIcon {
    top: 5px;
}

.loginForm .btn, .loginForm .btn:focus, .loginForm .btn:active {
    outline: none;
    box-shadow: none;
    border: none;
    background-color: transparent;
}

.btn, .gradientBtn {
    background: rgb(40, 51, 110);
    font-size: 16px;
    border: none !important;
    padding: .8rem;
    background: linear-gradient(90deg, rgba(40, 51, 110, 1) 1%, rgba(100, 64, 112, 1) 49%, rgba(126, 70, 113, 1) 69%, rgba(185, 83, 116, 1) 93%);
}

.defaultBtn {
    font-size: 12px;
    text-decoration: none !important;
    padding: .5rem .8rem;
    color: #4e4e4e !important;
    border: 1px solid #4e4e4e;
    border-radius: 2px;
    opacity: .8;
    transition: .2s;
}

    .defaultBtn:hover {
        opacity: 1;
    }

.gradientBtn.defaultBtn {
    opacity: 1;
}

.btnTransparent {
    font-size: 12px;
    text-decoration: none !important;
    padding: .8rem;
    color: #acacac !important;
}

.arrowIcon {
    background: url(../images/backIcon.png) no-repeat center;
    height: 25px;
    opacity: .5;
    width: 25px;
    background-size: 100%;
    margin-right: 15px;
}

a.backBtn {
    display: flex;
    justify-content: flex-end;
    padding: 18px 3px 0 5px;
    text-decoration: none;
    color: #adaaaa;
    align-items: center;
}

.captcha {
    padding: 10px 0;
}

    .captcha img {
        height: 35px;
    }

    .captcha span {
        display: inline-block;
        margin-left: -11px;
    }

span.captchaInputfield input {
    width: 80px;
    border-radius: 3px;
    outline: none;
    border: 1px solid #ddd;
    vertical-align: middle;
    text-align: center;
    background: #eee;
    padding: 5px;
}

@media (max-width: 1050px) {
    .bgVideo {
        /*display: none;*/
    }
}

.container-fluid {
    max-width: 96%;
}
/*Manager attributes*/
.navbar-brand {
    max-width: 150px;
}

.navbar-expand-md .navbar-nav li.nav-item {
    padding: 0 15px;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    display: inline;
    position: relative;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #dd472a;
}

.navbar-light .navbar-nav .nav-link {
    color: #4e4e4e;
    /*  padding: 1rem 1rem 0;*/
}

.logoutDiv a {
    max-width: 35px;
    padding: 0px !important;
}

.adBtn {
    padding: .5rem 1rem;
    border: 1px solid #9261c4;
    color: #9261c4 !important;
    position: relative;
}

.br30 {
    border-radius: 30px;
}

.gradientBtn {
    color: #fff !important;
    font-size: 12px;
}

.adBtnDiv, .adAttDiv {
    width: 150px;
    text-align: center;
}

.adAttDiv {
    text-align: right;
}

.adUOMDiv {
    width: 100px;
    text-align: right;
}

.table {
    color: #4e4e4e;
}

    .table thead th {
        text-transform: uppercase;
        border-width: 1px;
        border-top: 0;
        font-size: 11px;
        vertical-align: top;
    }

.manageAttable .table thead th, .manageAttable .table tbody td {
    padding-left: 0;
    border-color: #c1c1c1;
    vertical-align: top;
}

.attributeName {
    font-size: 16px;
}

.aBtn {
    color: #00a8c1 !important;
    padding: .2rem .5rem .2rem .3rem;
    border: 1px solid #00a8c1;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none !important;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
}

.orangeBtn {
    border: 1px solid #f3690c;
    color: #f3690c !important;
}

    .orangeBtn:hover {
        background: rgba(243, 105, 12, 0.09);
    }

.aBtn span {
    display: inline-block;
}

span.plusIcon {
    border: 1px solid #00a8c1;
    margin-right: 2px;
    margin-top: -1px;
    height: 13px;
    width: 13px;
    vertical-align: middle;
    line-height: 11px;
    text-align: center;
    border-radius: 50px;
    font-size: 14px;
}

span.editIcon, span.saveIcon {
    background: url(../images/editIcon.svg) no-repeat;
    height: 16px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
}

span.saveIcon {
    background: url("../images/tickIcon.svg") no-repeat center;
    background-size: 75%;
}

span.cancelIcon {
    background: url("../images/cancelIcon.svg") no-repeat center;
    height: 16px !important;
    width: 15px !important;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
}

.blueBg {
    color: #fff !important;
    background: #00a8c1;
}

.orangeBg {
    color: #fff !important;
    background: #f3690c;
    border: 1px solid #f3690c;
}

.CreatedByorangeBg {
    color: #fff !important;
    background: #dd472a;
    border: 1px solid #dd472a;
}

.blueBg span.plusIcon {
    border: 1px solid #fff;
    background: #fff;
    color: #00a8c1;
}

.addedControl {
    position: relative;
    display: table;
}

    .addedControl .aBtn {
        position: absolute;
        right: 0;
        top: 3px;
    }

.addLOV {
    display: none;
}

.addlovName {
    margin-right: .1rem;
}

.addedControl .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #dedede;
    box-shadow: none;
    outline: none;
    padding: 0;
}

.purpleBg {
    color: #fff !important;
    background: #9261c4;
    border-color: #9261c4;
    padding: .2rem .5rem;
}

.closeDiv {
    text-align: center;
}

a.closeICon {
    display: inline-block;
    width: 20px;
    text-align: center;
    border: 1px solid #f3690c;
    color: #f3690c;
    text-decoration: none;
    border-radius: 50px;
    height: 20px;
}

.hideOthers {
    width: auto !important;
    display: inline-block;
    vertical-align: middle;
}

    .hideOthers input.tt-input {
        display: none;
    }

    .hideOthers .bootstrap-tagsinput {
        display: flex;
        width: 100%;
    }

.hide {
    display: none !important;
}

span.addedBorder {
    border-bottom: 1px solid #c1c1c1 !important;
    outline: none;
}

.advancedSearchTab .form-group {
    margin: 1rem 0;
}

    .advancedSearchTab .form-group.btnGroup {
        margin: 1rem 0 !important;
    }


.selectArrowIcon {
    position: relative;
}

    .selectArrowIcon:after {
        content: '';
        /*        background: url(../images/arrow-down.svg) no-repeat;*/
        position: absolute;
        right: 2px;
        height: 11px;
        width: 11px;
        display: inline-block;
        background-size: 100%;
        /*top: 6px;*/
        top: 0px;
        bottom: 0;
        margin: auto;
        opacity: .3;
    }

    .selectArrowIcon span {
        padding-right: 25px;
    }

.supForm span {
    padding-right: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    /*    background-position: 98% center;  */
    outline: none;
}

.adBtnDiv .adBtn:before {
    /*
    content: "Close Search";
    position: absolute;
    z-index: 1;
    background: #9261c4;
    left: 0;
    right: 0;
    border-radius: 30px;
    max-width: 95%;
    */
}
/*
.adBtnDiv .adBtn:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #9261c4;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
}
*/

.adBtn .filterIcon {
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/filterIcon.png) no-repeat;
    overflow: hidden;
    transition: .2s;
    transform: scale(.7);
    background-position: 0 -26px;
}

.adBtn.collapsed .filterIcon {
    background-position: 0 0px;
}

.adBtn.collapsed {
    background-color: transparent;
    color: #dd472a !important;
}

.adBtn {
    background: #dd472a;
    color: #fff !important;
}

.adBtnDiv .collapsed:after, .adBtnDiv .collapsed:before {
    display: none;
}

.customModal .modal-body {
    /*    padding: 1rem 2rem;    */
}

.BigModal .modal-body {
    padding: 0;
}

.BigModal.p-4 {
    padding-top: 1rem !important;
}

.customModal .close {
    color: #f3690c;
    border: 1px solid #f3690c;
    padding: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-weight: 100;
    border-radius: 50px;
    font-size: 20px;
    outline: none;
    opacity: 1 !important;
    margin-right: 0;
}

    .customModal .close:hover {
        background: #f3690c;
        color: #fff;
    }

.customModal .modal-header {
    /*	padding: 1rem 2rem;*/
    align-items: center;
}

.customModal .form-group.input-material {
    margin-top: 30px;
    margin-bottom: 40px;
}

.customModal .form-group .form-control {
    resize: none;
}

.customModal .modal-title, .mainHeading {
    color: #35408f;
    font-family: "Gotham-Bold";
    font-size: 16px;
    text-transform: uppercase;
    line-height: normal;
}

.customModal .historyBlock .modal-title {
    font-family: "Gotham-Black";
}

.customModal {
    padding: 0 !important;
    background: #fff;
}
    /*
.customModal .modal-dialog {
    max-width: 100%;
    min-height: inherit;
    height: 100%;
    padding: 0;
    margin: 0;
}
.customModal .modal-dialog .modal-content {
    border-radius: 0;
    height: 100%; border: none;
}
*/
    .customModal .modal-dialog {
        max-width: 100%;
        min-height: inherit;
        height: 100%;
        padding: 0;
        margin: 0;
        display: table;
        width: 100%;
        border: none;
        vertical-align: top;
    }

        .customModal .modal-dialog .modal-content {
            border-radius: 0;
            height: 100%;
            border: none;
            display: table-cell;
            vertical-align: middle;
        }

.centerModal {
    max-width: 520px;
    margin: auto;
    width: 100%;
}
/*-- Radio with Images Style --*/
/*.radiotitle, label {font-size: 0.75rem; padding: 0.5rem 0 0.5rem 0; text-transform: uppercase; font-weight: 600;}*/
.radioicotxt {
    padding-top: 0.5rem;
    line-height: normal;
}

.imgRadioWrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 320px;
}

    .imgRadioWrapper > div {
        -webkit-flex-basis: 0 !important;
        -ms-flex-preferred-size: 0 !important;
        flex-basis: 0 !important;
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
        max-width: 100% !important;
    }

    .imgRadioWrapper input[type="checkbox"] {
        display: none;
    }

    .imgRadioWrapper .input-group {
        height: 100%;
    }

    .imgRadioWrapper input[type="checkbox"]:not(:disabled) ~ label {
        cursor: pointer;
    }

    .imgRadioWrapper input[type="checkbox"]:disabled ~ label {
        color: hsla(150, 5%, 75%, 1);
        border-color: hsla(150, 5%, 75%, 1);
        box-shadow: none;
        cursor: not-allowed;
    }

    .imgRadioWrapper label { /*eight: 100%;*/
        width: 90px;
        display: block;
        background: white;
        border: 1px solid #bbbbbb;
        border-radius: 0.3rem;
        padding: 1rem 0.5rem .7rem;
        margin-bottom: 0.8rem;
        text-align: center;
        position: relative;
        transition: .2s;
    }

    .imgRadioWrapper input[type="checkbox"]:checked + label {
        border: 1px solid #9261c4;
        box-shadow: 0 2px 16px rgba(0,0,0,.2) !important;
    }

        .imgRadioWrapper input[type="checkbox"]:checked + label::after {
            /*	color: #fff; font-family: FontAwesome; content: "\f00c"; font-size: 0.9rem; position: absolute; top: -0.6rem; right: -1.5rem; transform: translateX(-50%); height: 25px; width: 25px; line-height: 26px; text-align: center; border-radius: 50%; background: #9261c4; box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);*/
            content: "";
            position: absolute;
            height: 25px;
            width: 25px;
            text-align: center;
            border-radius: 50%;
            background: #9261c4 url(../images/radioCheckIcon.png) no-repeat center;
            display: inline-block;
            background-size: 58%;
            top: -12px;
            right: -12px;
        }

    .imgRadioWrapper .input-group-prepend {
        margin: 0;
    }
        /*.imgRadioWrapper .input-group-prepend em{display: inline-block; height: 44px; width: 100%;}*/

        .imgRadioWrapper .input-group-prepend em {
            margin: auto;
            height: 44px;
            width: 44px;
            display: inline-block;
        }

        .imgRadioWrapper .input-group-prepend .facetableIcon {
            background: url(../images/facetableIcon.png) no-repeat center;
            background-size: 100%;
        }

        .imgRadioWrapper .input-group-prepend .siteSearchableIcon {
            background: url( ../images/siteSearchableIcon.png) no-repeat center;
            background-size: 100%;
        }

        .imgRadioWrapper .input-group-prepend .multipleSelectionIcon {
            background: url( ../images/multipleSelectionIcon.png) no-repeat center;
            background-size: 100%;
        }

    /*.imgRadioWrapper div:hover .facetableIcon,.imgRadioWrapper input[type="radio"]:checked + label div .facetableIcon {background-position: 15px -42px; opacity: 1;}*/
    .imgRadioWrapper div:hover .scanIcon2, .imgRadioWrapper input[type="radio"]:checked + label div .scanIcon2 {
        background-position: 17px -44px;
        opacity: 1;
    }



.stepWiseControl {
    padding: .1rem 2rem 1rem;
}

span.stepHeight {
    width: 13px;
    height: 13px;
    border: 2px solid #00a8c1;
    display: inline-block;
    border-radius: 50px;
    position: absolute;
    left: -32px;
    top: -18px;
    background: #fff;
    transition: .2s;
}

    span.stepHeight:before {
        content: '';
        position: absolute;
        height: 0;
        opacity: 0;
        width: 2px;
        background-color: transparent;
        left: 4px;
        top: 9px;
        transition: .2s;
    }

.doneStep span.stepHeight {
    background-color: #00a8c1;
}

    .doneStep span.stepHeight:before {
        background-color: #00a8c1 !important;
        height: 10vh;
        opacity: 1;
        transition: .2s;
    }

.stepWiseControl .form-group:last-child span.stepHeight:before {
    display: none;
}

th .viewAll {
    /*    float: right;*/
    padding: .2rem 1rem;
    font-weight: 200;
    border-radius: 30px;
    position: relative;
    top: -2px;
    right: -5px;
}

.switchViewIcon {
    /* Safari 6.0 - 9.0 */
    /*
   -webkit-filter: grayscale(100%); 
  filter: grayscale(100%);
*/
    opacity: .5;
    display: inline-block;
    height: 25px;
    margin: 0 .5rem;
    width: 25px;
    transition: .2s;
}

    .switchViewIcon li:last-child a {
        margin-right: 0;
    }

    .switchViewIcon:hover, .switchViewIcon.active {
        filter: none;
        opacity: 1;
    }

.switchView {
    align-self: flex-end;
}

.chartIcon {
    background: url(../images/chartIcon.png) no-repeat center;
    background-size: 100%;
}

.listIcon {
    background: url(../images/listIcon.png) no-repeat center;
    background-size: 100%;
}

.rightWrapper {
    transition: .2s;
}

    .rightWrapper .text-uppercase {
        line-height: normal;
    }

.stickyTop {
    position: sticky;
    top: 80px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px !important;
}


.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 16px;
}

.font75 {
    font-size: 75px;
}
/*asds*/

.customTabStyle .nav-tabs .nav-link {
    border: none;
    color: #4e4e4e;
    border-bottom: 2px solid transparent;
    margin-bottom: -7px;
    transition: .2s;
}

.customTabStyle .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #f3690c;
    border: none;
}

.customTabStyle .nav-tabs .nav-link.active {
    border-bottom: 2px solid #F36905;
}

.hrBorder {
    border-color: #d8d8d8;
}

/*dasdsd*/

.clearSearch {
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    margin: auto;
    height: 25px;
    width: 25px;
    background: url(../images/close.svg) no-repeat;
    background-size: 100%;
    cursor: pointer;
    text-decoration: none;
    opacity: .5;
    z-index: 1;
}

.clearSearchFltr {
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    margin: auto;
    height: 25px;
    width: 25px;
    background: url(../images/close.svg) no-repeat;
    background-size: 100%;
    cursor: pointer;
    text-decoration: none;
    opacity: .5;
    z-index: 1;
}

.advancedSearchTab {
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2) !important;
    position: absolute;
    z-index: 92;
    right: 0;
    left: 0;
    margin: 0 15px;
}

    .advancedSearchTab:after {
        content: '';
        position: fixed;
        background: rgba(0,0,0,.2);
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        opacity: 0;
    }

    .advancedSearchTab.show:after {
        opacity: 1;
    }

.text-danger {
    color: #f30c38 !important;
}

.text-success {
    color: #00c109 !important;
}

.successBg {
    background: #00c109;
    color: #fff;
}

.text-pink {
    color: #db415d !important;
}

.pinkBg {
    background: #db415d;
    color: #fff;
}

.text-wheat {
    color: #ffb66f;
}

.wheatBg {
    background: #ffb66f;
    color: #fff;
}

.text-aqua {
    color: #00c0c5 !important;
    text-decoration: none !important;
    transition: .2s;
}

.text-aqua-hover:hover {
    color: #fff !important;
    background: #00a8c1 !important;
}

.aquakBg {
    background: #00c0c5;
    color: #fff;
}

.text-aquadark {
    color: #0092ab !important;
    text-decoration: none !important;
}

.aquadarkrkBg {
    background: #0092ab;
    color: #fff !important;
}

.stepWiseControl .aquadarkrkBg {
    background: #0092ab;
    color: #fff !important;
}

.load_more {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    opacity: 1;
    display: inline-block;
}
/*
#filterTable tbody tr  {  display: table-row!important;    transform: scale(1, 0);  transition: all .2s ease-in-out; transform-origin: top; position: absolute; }
#filterTable tbody tr.active {transform: scale(1, 1); position: relative;}
*/
/*

#filterTable tbody tr.readyTr { display: table-row!important;
 opacity: 0;
  visibility: hidden;
  transform-origin: top; 
  transform: scale(1, 0); position: absolute;
  transition: all .2s ease-in-out;
}
#filterTable tbody tr.readyTr.active { 
  transform: scale(1, 1);
  opacity: 1;
  visibility: visible; position: relative; 
}
*/
/*.tableLoader { background: #fff; }*/
.dynamicloader {
    background-color: #fff;
    background: url(../images/loading.gif) no-repeat center;
    height: 100px;
    width: 100px;
    display: none;
    margin: auto;
    background-size: 100%;
}

.bs-searchbox {
    position: relative;
}

    .bs-searchbox.loaderadded:after {
        content: '';
        position: absolute;
        top: -8px;
        right: -7px;
        background-color: #fff;
        background: url(../images/loading.gif) no-repeat center;
        height: 45px;
        width: 45px;
        display: block;
        margin: auto;
        background-size: 100%;
    }

.blueGradient {
    background: #00A6DB;
    background: -webkit-linear-gradient(top left, #00A6DB, #253C76);
    background: -moz-linear-gradient(top left, #00A6DB, #253C76);
    background: linear-gradient(to bottom right, #00A6DB, #253C76);
}


.purpleGradient {
    background: #9262C5;
    background: -webkit-linear-gradient(top left, #9262C5, #29346E);
    background: -moz-linear-gradient(top left, #9262C5, #29346E);
    background: linear-gradient(to bottom right, #9262C5, #29346E);
}


.orangeGradient {
    background: #F7B34C;
    background: -webkit-linear-gradient(top left, #F7B34C, #F3690D);
    background: -moz-linear-gradient(top left, #F7B34C, #F3690D);
    background: linear-gradient(to bottom right, #F7B34C, #F3690D);
}

.cardLeft .cardTitle {
    font-family: "Gotham-Bold";
    line-height: normal;
    display: inline-block;
}

.cardLeft h2 {
    font-family: "Gotham-Black";
}

.statusText {
    padding: 4px 8px;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 11px;
}

hr {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
/*

tbody:hover td {
	color: transparent;
	text-shadow: 0 0 3px #aaa;
}

tbody:hover tr:hover td {
	color: #444;
	text-shadow: 0 1px 0 #fff;
}*/
span.exportIcon, span.complienceCheckIcon, span.uploadIcon {
    height: 20px;
    width: 20px;
    background: url(../images/exportIcon.png) no-repeat;
    display: inline-block;
    background-size: 100%;
    margin-right: 10px;
}

.exportBtn, .complienceCheckBtn, .tactionBtn {
    display: inline-flex;
    vertical-align: middle;
    line-height: normal;
    line-height: 13px;
    opacity: 1;
    border-color: #00a8c1;
    color: #00a8c1 !important;
    font-size: 11px;
    padding: .4rem .8rem .4rem .8rem;
    position: relative;
    align-items: center;
    z-index: 93;
}

.tactionBtn {
    margin: 2px;
}

.complienceCheckBtn {
    color: #fff !important;
    border-color: #9261c4 !important;
    background: #9261c4 !important;
}

span.complienceCheckIcon {
    background: url("../images/complienceCheckIcon.png") no-repeat;
    background-size: contain;
}

.innerFile {
    border: 2px dashed #d7d7d7;
    padding: .8rem;
}

.customFileUplod {
    background: #f0f0f0;
    border: 1px solid #c1c1c1;
    padding: .5rem !important;
    text-align: center;
    position: relative;
}

body.fileFocus .is-active .innerFile {
    border: 2px dashed #000;
}

span.fileIcon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/fileUploadIcon.svg) no-repeat;
    background-size: 100%;
    margin: 5px 0;
    cursor: pointer !important;
}

a.selectBtn {
    background: #00a8c1;
    color: #fff;
    padding: 9px 15px;
    position: relative;
    z-index: 1;
    display: inline-block;
    word-break: break-word;
}

.customFileUplod input.form-control {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    z-index: 1;
}

.afterUpload {
    padding: .5rem;
}

.customFileUplod svg {
    width: 40px;
    display: block;
    margin: 20px auto 0;
}

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

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

    .path.check {
        stroke-dashoffset: -100;
        -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
        animation: dash-check 0.9s 0.35s ease-in-out forwards;
    }

p.success {
    color: #00a8c1;
}


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

    100% {
        stroke-dashoffset: 900;
    }
}


/*
.changeLink {
	    color: #4e4e4e!important;
	display: inline-block; border-radius: 30px; border:1px solid #4e4e4e; padding: 2px 8px; text-decoration: none!important; margin:0 10px;
}
*/

.changeLink {
    color: #4e4e4e !important;
    display: inline-block;
    outline: none;
    border-radius: 30px;
    background: #fbfbfb;
    border: 1px solid #dadada;
    padding: 6px 15px;
    text-decoration: none !important;
    margin: 0 0 0 10px;
    height: 32px;
    min-width: 200px;
    text-align: center;
}

.dataView a {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    width: 47px;
    position: relative;
    margin: 0;
    opacity: 1;
    transition: .2s;
}

    .dataView a span {
        background: url(../images/switchViewIcon.svg) no-repeat;
        width: 47px;
        height: 38px;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        opacity: 1;
        position: relative;
        z-index: 1;
        transition: .2s;
        transform: scale(.6);
    }


    .dataView a.boxView span {
        background-position: 0 0;
    }

    .dataView a.listView span {
        background-position: -55px -1px;
    }

    .dataView a.boxView.active span {
        background-position: 0 -38px;
    }

    .dataView a.listView.active span {
        background-position: -55px -38px;
    }

.threeDots {
    background: url("../images/threeDotsIcon.png") no-repeat;
    width: 15px;
    height: 42px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    opacity: 1;
    position: relative;
    z-index: 1;
    transition: .2s;
    transform: scale(.5);
    cursor: pointer;
}

.customStyleDropdown .dropdown-menu a {
    font-size: 12px;
    padding: 8px 10px;
    border-bottom: 1px solid #e0e0e0;
    color: #4e4e4e;
    position: relative;
}

    .customStyleDropdown .dropdown-menu a.ContextCompleted:after {
        content: '';
        background: #00c109 url(../images/tickIcon.svg) no-repeat center;
        display: inline-block;
        width: 15px;
        height: 15px;
        background-size: 50%;
        position: absolute;
        right: 7px;
        border-radius: 50px;
    }

    .customStyleDropdown .dropdown-menu a:last-child {
        border: none;
    }

.customStyleDropdown .dropdown-item.active, .customStyleDropdown .dropdown-item:active, .customStyleDropdown .dropdown-item:hover {
    background-color: transparent;
    color: #00a8c1;
}

.customStyleDropdown .dropdown-menu.show {
    padding: 0;
    border: 1px solid #00a8c1;
    top: -20px !important;
    left: 25px !important;
    /*    transform: inherit !important;*/
}

td .customStyleDropdown .dropdown-menu.show {
    left: auto !important;
    right: 15px !important;
    max-height: 195px;
    overflow-y: auto;
}

td .customStyleDropdown .arrow_box:after, td .customStyleDropdown .arrow_box:before {
    display: none;
}

.show .threeDots {
    background-position: -16px 0;
}

.dropright .dropdown-toggle.threeDots::after {
    display: none;
}

.equal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .equal hr {
        border-top: 1px solid #d3d3d3 !important;
    }

    .equal > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    .equal .border {
        height: 100%;
        border: 1px solid #c1c1c1 !important;
    }

a.removeIcon {
    color: #ea4f6e;
    border: 1px solid #ea4f6e;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 11px;
    border-radius: 30px;
    text-transform: uppercase;
    line-height: 20px;
    text-decoration: none;
}


.CwBTN {
    background: #00a8c1;
    color: #fff !important;
    text-decoration: none;
    padding: 9px;
    font-size: 12px;
    display: inline-block;
    margin: 10px 0;
    border: 1px solid transparent;
}

    .CwBTN:hover {
        border: 1px solid #00a8c1;
        background-color: transparent;
        color: #00a8c1 !important;
    }

.cardTop .d-table-cell {
    width: 33.33%;
    text-align: center;
}

.actionableDiv .d-table-cell {
    width: 20%;
    text-align: center;
}

.actionBtn {
    color: #4e4e4e !important;
    transition: .2s;
    position: relative;
}

.taskadded:before {
    border-radius: 10px;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 5px;
    width: 75%;
    background: #00c109;
    top: -8px;
    margin: auto;
}

.actionBtn:hover {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: .5;
}

.equal .card-body {
    transition: .2s;
    position: relative;
}

.actionIcons {
    display: block;
    height: 60px;
    width: 60px;
    background: url(../images/actionableI_cons.png) no-repeat;
    transform: scale(.5);
    margin: -11px auto -11px;
}

.uploadIconColor {
    background: url(../images/uploadColorICon.svg) no-repeat center;
    background-size: 100%;
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
}


.text-purple {
    color: #9261c4 !important;
    text-decoration: none !important;
}

.totalMNP h2 {
    font-weight: 900;
    letter-spacing: -1px;
    line-height: inherit;
}

span.labelName {
    line-height: normal;
    display: block;
    padding: 3px 0;
}

.labelhead {
    opacity: .5;
}

.labelheadMandPush {
}

.equal label.labelhead.mb-1 {
    margin: 0 !important;
}

.actionIcons.contentUploadIcon {
    background-position: 0 0;
}

.actionIcons.csupplierFormIcon {
    background-position: -60px 0;
}

.actionIcons.imageUploadIcon {
    background-position: -120px 0;
}

.actionIcons.documentUploadIcon {
    background-position: -180px 0;
}

.actionIcons.familyAssignmentIcon {
    background-position: -240px 0;
}

.equal .card-body:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    border-color: transparent !important;
}




.arrow_box {
    position: relative;
    background: #fff !important;
}

    .arrow_box:after, .arrow_box:before {
        right: 100%;
        /*top: 63%;*/
        /*top: 37%;*/
        top: 26.5%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #ffffff;
        border-width: 8px;
        margin-top: -30px;
    }

    .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-right-color: #00a8c1;
        border-width: 9px;
        margin-top: -31px;
    }

.rightWrapper .font75 {
    margin: 0;
    line-height: 65px;
    vertical-align: text-bottom;
    font-family: "Gotham-Black";
    padding: 0;
    letter-spacing: -2px;
}

.text-orange {
    color: #f3690c;
}

span.circleIcon {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    padding: 0;
    margin-right: 2px;
}

.yellowBg {
    background: #f7b34c;
}

.text-yellow {
    color: #f7b34c;
}

td .pie_progress {
    max-width: 40px;
    margin: 0;
}

td .pie_progress__number {
    font-size: 9px;
}

.pie_progress__number {
    font-size: 9px;
}

.labelGroup label {
    border: 1px solid #7d7d7d;
    border-radius: 3px;
    display: inline-flex;
    height: 23px;
    overflow: hidden;
    margin: 3px 2px;
}

.labelGroup1 .labelGroup label {
    display: flex;
    line-height: normal;
    height: auto;
}

.labelGroup label span {
    padding: 2px 5px;
    font-size: 11px;
    display: inline-block;
}

.labelGroup {
    display: inline-block;
}

.bg-gray {
    background: #c1c1c1;
}

.border-gray {
    border-color: #7d7d7d !important;
}

.progressAlign .d-inline-block {
    vertical-align: middle;
}

.accordion .card {
    border: none;
}

.accordion {
    border-left: 1px solid #c1c1c1;
}

    .accordion .card .card-header {
        background-color: transparent !important;
        padding: 0px 15px !important;
        border: none !important;
        border-left: 3px solid #f3690c !important;
        border-radius: 0;
    }

    .accordion .card-body {
        padding: 0px 0 10px;
    }

    .accordion .card-body {
        padding: 0px 0 10px;
    }

    .accordion .card .card-header.collapsed {
        border-left: 3px solid #4e4e4e !important;
        margin-bottom: -10px;
    }

.historyBlock .accordion {
    border-left: 1px solid #c1c1c1;
    overflow: hidden;
    /*min-height: 189px;*/
    max-height: 190px;
    overflow-y: auto;
    min-height: 110px;
}

/*
.accordion .card-body {
        padding: 10px 15px 0;
	border-left: 3px solid transparent;;	
}
*/


.accordion .card-body {
    padding: 10px 15px 0;
    border-left: 3px solid transparent;
    opacity: 0;
    visibility: hidden;
    transform-origin: top;
    transform: scale(1, 0);
    transition: all .2s ease-in-out;
    display: block;
    height: 0;
}


    /*
.accordion .card-body.show {
 border-left: 3px solid #f3690c;	
}
*/
    .accordion .card-body.show {
        border-left: 3px solid #f3690c;
        transform: scale(1, 1);
        height: auto;
        opacity: 1;
        visibility: visible;
    }

.accordion > .card .card-header:first-child {
    margin-top: 0;
}

.accordion > .card .card-header:last-child {
    margin-bottom: 0;
}

.accordion .hr_border {
    border-top: 1px solid #c1c1c1 !important;
    margin-left: 15px;
}

.historyBlock .mCSB_outside + .mCSB_scrollTools {
    right: -20px;
}

.historyBlock .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    opacity: 0;
}
/*fsdfd Tab*/


.nav-tabs--vertical {
    border-bottom: none;
    display: flex;
    flex-flow: column nowrap;
}

.nav-tabs--left {
    margin: 0 15px;
}

    .nav-tabs--left .nav-item + .nav-item {
        margin-top: .25rem;
    }

    .nav-tabs--left .nav-item:last-child .nav-link span.stepNum:before {
        display: none;
    }

    .nav-tabs--left .nav-link {
        transition: border-color .125s ease-in;
        white-space: nowrap;
        color: #c1c1c1;
        text-align: right;
        display: table;
        width: 100%;
        border: none !important;
    }

        .nav-tabs--left .nav-link span {
            display: table-cell;
            vertical-align: middle;
            padding: 0 10px;
        }

            .nav-tabs--left .nav-link span.stepName {
                width: 80%;
                text-align: right;
            }

            .nav-tabs--left .nav-link span.stepNum {
                width: 30px;
                height: 30px;
                display: inline-block;
                border-radius: 50px;
                border: 1px solid #c1c1c1;
                text-align: center;
                line-height: 30px;
                position: relative;
                background: #fff;
                margin: 0 5px;
            }

        .nav-tabs--left .nav-link:hover {
            /*  background-color: #f7f7f7;*/
            border-color: transparent;
        }

        .nav-tabs--left .nav-link.active {
            border-bottom-color: #ddd;
            border-right-color: #fff;
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
            color: #00a8c1 !important;
        }

            .nav-tabs--left .nav-link.active span.stepNum {
                border: 1px solid #00a8c1;
            }

            .nav-tabs--left .nav-link.active:hover {
                background-color: #fff;
                border-color: #0275d8 #fff #0275d8 #0275d8;
            }

        .nav-tabs--left .nav-link span.stepNum:before {
            content: '';
            position: absolute;
            height: 100%;
            width: 2px;
            background: #c1c1c1;
            top: 100%;
            transition: .5s;
            left: 0;
            right: 0;
            margin: auto;
        }


        .nav-tabs--left .nav-link.active span.stepNum:before {
            background: #00a8c1;
            height: 100%;
        }

        .nav-tabs--left .nav-link.done span.stepNum:after {
            content: '';
            position: absolute;
            height: 31px;
            width: 31px;
            background: #00a8c1 url(../images/tickIcon.svg) no-repeat center;
            transition: .5s;
            left: -1px;
            right: 0;
            border-radius: 50px;
            top: 0;
            bottom: 0;
            margin: auto;
            background-size: 50%;
        }

    .nav-tabs--left .nav-item:last-child .nav-link span.stepNum:before {
        display: none;
    }


td .customStyleDropdown .arrow_box:after,
td .customStyleDropdown .arrow_box:before {
    content: '';
    top: 27% !important;
}

/*.daterangepicker {width: 590px !important;}*/
.calendar-table .table-condensed > tbody > tr > td, .calendar-table .table-condensed > tbody > tr > th, .calendar-table .table-condensed > tfoot > tr > td, .calendar-table .table-condensed > tfoot > tr > th, .calendar-table .table-condensed > thead > tr > td, .calendar-table .table-condensed > thead > tr > th {
    padding: 5px;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    min-width: 25px;
    width: 25px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
}

.daterangepicker .drp-calendar.left {
    margin-right: 25px !important;
}

.daterangepicker .btn-primary {
    background: #00a8c1;
    color: #fff !important;
    text-decoration: none;
    padding: 5px 8px;
    font-size: 12px;
    display: inline-block;
    margin: 10px 0;
}

.daterangepicker .btn-default {
    background: #969696;
    color: #fff !important;
    text-decoration: none;
    padding: 5px 8px;
    font-size: 12px;
    display: inline-block;
    margin: 10px 10px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #5ac7d7 !important;
}

.border-dark {
    border-color: #c1c1c1 !important;
}



.tdClose {
    padding: 5px 8px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    line-height: 2rem;
    height: 40px;
    text-align: center;
}

td .bg-danger, td .bg-danger:focus, td .bg-danger:hover {
    color: #fff !important;
    background: #ff4957 !important;
    text-decoration: none !important
}



.hiddenRow {
    padding: 0 4px !important;
    background-color: #eeeeee;
    font-size: 13px;
    position: relative;
}

.accordian-body span {
    color: #a2a2a2 !important;
}

.VIPBtnClose {
    display: inline-block;
    min-width: 90px;
    /*    vertical-align: text-top;*/
}

    .VIPBtnClose:before, .VIPBtnClose:after {
        content: '';
        width: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #ddd;
        display: inline-block;
        position: absolute;
        bottom: -1rem;
    }

    .VIPBtnClose:after {
        left: -5px;
        right: 0;
        margin: auto;
        border-bottom: 11px solid #fff;
        bottom: -1.1rem;
    }

.urlImg {
    display: inline-block;
    max-width: 50px;
    vertical-align: middle;
    cursor:pointer;
}

.childRow {
    border-color: transparent !important;
    border: none !important;
}

.hiddenTable {
    border: 1px solid #c1c1c1;
    padding: 18px;
    padding-bottom: 0;
    border-radius: 3px;
    margin-bottom: -1px;
    position: relative;
    /*
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
*/
}
/*
.hiddenTable table tbody tr td {
    vertical-align: middle;
}
#parentTable tbody tr td {
    vertical-align: middle;
}
*/
.manageAttable thead tr th {
    /*border: none;*/
    border-bottom: 2px solid #04a8c1 !important;
    font-family: "Gotham-Medium";
    font-weight: 500;
    line-height: normal;
}

.manageAttable tbody tr td {
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #c1c1c1;
    /*font-family: "Gotham-Light";*/
}

.urlText {
    color: #434343 !important;
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

tr.trInvisible {
    opacity: .2;
    pointer-events: none;
}

tr.trVisible {
    opacity: 1;
    pointer-events: auto;
}


.tooltip, .tooltip.show {
    font-size: 11px !important;
    opacity: 1 !important;
    font-weight: 500;
    /*font-family: "Gotham-Medium";*/
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    line-height: normal;
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #e3451e;
    text-align: center;
    background-color: #fff;
    border-radius: .25rem;
    opacity: 1;
    border: 1px solid;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #e3451e;
}

.parentTable tbody tr td {
    vertical-align: middle;
}

a.sku_Count {
    color: #007bff;
    border: 1px solid #007bff;
    padding: 1px 5px;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
}

    a.sku_Count:hover {
        background: #007bff;
        color: #fff;
    }

.text-dark {
    color: #4e4e4e !important;
}

.border-danger {
    border-color: #ff0000 !important;
}

.bg-danger {
    background-color: #ff0000 !important;
}

.productCartDetails .labelhead {
    margin: 0;
    font-family: "Gotham-Black";
    opacity: 1;
    margin-bottom: 2px;
}

.productCartDetails .product-title {
    color: #35408f !important;
    text-transform: inherit;
    font-size: 16px;
    line-height: normal;
}

.docName {
    color: #4e4e4e !important;
    margin: 5px 10px;
}

.pIcon img {
    max-width: 35px;
    margin-right: 2px;
}

.border-purple {
    border: 1px solid #9261c4 !important;
}

.border-info {
    border: 1px solid #00a8c1 !important;
}



.filterWrapper .card-header h5 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    font-family: "Gotham-bold";
}

.filterWrapper .card {
    border-radius: 0;
    margin: 0;
    border: none;
}

.filterWrapper .card-header {
    border: none;
    background-color: transparent;
    padding: .75rem 0rem;
}

.filterWrapper hr {
    margin: .5rem 0rem;
}

.filterWrapper .card .card-header a:after {
    font-family: "Gotham-Light";
    transition: .2s;
    content: "-";
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 20px;
    line-height: 19px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: center;
    font-weight: 600;
}

.filterWrapper .card .card-header a.collapsed:after {
    content: "+";
}

.filterWrapper .custom-control {
    line-height: 25px;
    margin-bottom: 5px;
}

.custom-control-label::before {
    border: #c1c1c1 solid 1px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 2px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #00a8c1;
    background-color: #00a8c1;
}


.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}


.maxHeight {
    max-height: calc(20vh - 0px);
    background: #fff;
    position: relative;
    overflow-y: auto;
}

.maxHeighttd {
    height: auto;
    max-height: calc(20vh - 0px);
    background: #fff;
    position: relative;
    overflow-y: auto;
}

.maxHeight .mCSB_outside + .mCSB_scrollTools {
    right: -20px;
}

.maxHeight .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.maxHeight .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    background: #00a8c1;
}

.maxHeight .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    opacity: 0;
}

.filterWrapper h2 {
    color: #35408f;
    font-family: "Gotham-Bold";
    font-size: 18px;
    text-transform: uppercase;
    line-height: normal;
}

.filterWrapper h2 {
    font-family: "Gotham-Black";
}

.filterdata .selectedValue {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 6px;
    border-radius: 2px;
    padding: .2rem 1.6rem .2rem .3rem;
    float: left;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    height: 24px;
    position: relative;
    z-index: 9;
    border: 1px solid #7d7d7d;
    line-height: 17px;
}

    .filterdata .selectedValue [data-role="remove"] {
        cursor: pointer;
        position: absolute;
        top: 50%;
        right: 5px;
        line-height: 1;
        margin-top: -5.5px;
        opacity: 1;
        filter: alpha(opacity=1);
    }

        .filterdata .selectedValue [data-role="remove"]:after {
            content: 'x';
            display: block;
            font-size: 10px;
            color: #e3451e;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            border: 1px solid #e3451e;
            height: 13px;
            width: 13px;
            text-align: center;
            border-radius: 50px;
            line-height: 11px;
        }

.zIndex {
    z-index: -1 !important;
}

.viewMoreBox {
    border-radius: 3px;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
    position: absolute;
    top: 40px;
    right: 0;
    min-width: 40vw;
    border: 1px solid #eee;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transform-origin: right top;
    transform: scale(0, 0);
    transition: all .2s ease-in-out;
}

    .viewMoreBox.visible {
        opacity: 1;
        visibility: visible;
        transform: scale(1, 1);
    }

.maxWidthBox {
    overflow-x: auto;
    padding: 15px;
    white-space: nowrap;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 180px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.filterWrapper .maxWidthBox .custom-control {
    padding-right: 20px;
}

.searchBox {
    padding: 10px 15px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    align-items: center;
}

    .searchBox input, .searchBox input:focus {
        outline: none;
        box-shadow: none;
    }

.footerBox {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
    text-align: right;
}

    .footerBox a {
        display: inline-block
    }

a.closeViewBox {
    border: 1px solid #c1c1c1;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    text-align: center;
    line-height: 23px;
    font-size: 15px;
    color: #4e4e4e;
    text-decoration: none;
}

.brand_filter {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    justify-content: left;
}

    .brand_filter a:hover {
        border: 1px solid #00a8c1 !important;
        color: #00a8c1;
    }

.modalTabStyle {
}

    .modalTabStyle .nav-tabs .nav-link span {
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        margin: 0;
    }

    .modalTabStyle .nav-tabs .nav-link {
        padding: 0 2rem;
        border: none;
        border: 1px solid transparent;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        border-radius: 0;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        margin: 0;
        position: relative;
    }

        .modalTabStyle .nav-tabs .nav-link span.labelName {
            margin-left: -9px;
        }

        .modalTabStyle .nav-tabs .nav-link span.actionIcons {
            margin-left: -13px !important;
        }

        .modalTabStyle .nav-tabs .nav-link.active {
            border-left: 1px solid #ddd !important;
            border-color: #fff;
            border-right: 1px solid #ddd !important;
            border-top: 2px solid #F36905;
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
            border-top: 2px solid #F36905 !important;
            position: relative;
            top: 2px;
        }

.statusCircle {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    display: inline-block;
    vertical-align: middle;
}

.taskDone:before {
    border-radius: 10px;
    content: '';
    position: absolute;
    right: 8px;
    /*background: #00c109;*/
    background: #28a745 url(../images/tickIcon.svg) no-repeat center center;
    background-size: 50%;
    bottom: 0;
    margin: auto;
    top: 0;
    width: 12px;
    height: 12px;
}

.upload-btn-wrapper {
    position: relative;
    width: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

    .upload-btn-wrapper span.UploadIcon {
        margin: 0;
        width: 20px;
        height: 20px;
        opacity: .7;
        background: url(../images/upload.svg) no-repeat;
        background-size: 100%;
    }

    .upload-btn-wrapper span.downloadIcon {
        margin: 0;
        width: 20px;
        height: 20px;
        opacity: .7;
        background: url("../images/download.svg") no-repeat;
        background-size: 100%;
        cursor: pointer;
    }

span.uploadIcon {
    height: 20px;
    width: 20px;
    background: url("../images/UploadIcon.svg") no-repeat;
    display: inline-block;
    background-size: 100%;
    margin-right: 10px;
}


.upload-btn-wrapper input[type=file], .exportBtn input[type=file] {
    font-size: 0;
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}


a.countNum {
    border: 1px solid #777;
    padding: 0;
    display: inline-flex;
    border-radius: 3px;
    text-decoration: none;
    color: #4e4e4e;
    align-items: center;
}

.hoverCursor tbody tr:hover a.countNum {
    /*cursor: pointer;*/
    /*color: #007bff;*/
    /*border: 1px solid #007bff;*/
    border: 1px solid;
}

a.countNum span {
    padding: 2px 5px;
}

span.totolCount {
    opacity: .6;
}

.custom-control a.countNum {
    display: initial;
    float: right;
    height: 23px;
    line-height: 22px;
    padding: 0 5px;
}

    .custom-control a.countNum span {
        padding: 0;
    }

a.DnU {
    background: #defbff;
}

.collapsed.DnU {
    background-color: transparent;
}

a.DnU:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    border-top: 7px solid #17a2b8;
    bottom: -7px;
    height: 0;
    width: 0;
    background: transparent;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.collapsed.DnU:before {
    display: none;
}

.clickToview {
    border: 1px solid #00a8c1;
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 35px;
    border-radius: 100px;
    text-decoration: none !important;
    transition: .2s;
    color: #00a8c1 !important;
}

    .clickToview:hover {
        background: #00a8c1 !important;
        color: #fff !important;
    }

.hideToView {
    background: #f0091b !important;
    border: 1px solid #f0091b !important;
    color: #fff !important;
    font-size: 16px;
    line-height: normal;
    position: absolute;
    right: 0;
    top: 0;
    margin: 10px;
}

    .hideToView:hover {
        background: #f0091b !important;
        border: 1px solid #f0091b !important;
        color: #fff !important;
    }

.alertBox {
    background: rgba(250,250,250,.8);
    transform: scale(0);
    transition: .2s;
}

    .alertBox.show {
        transform: scale(1);
    }

    .alertBox h5 {
        color: #35408f;
        font-family: "Gotham-Bold";
        font-size: 16px;
        text-transform: uppercase;
        line-height: normal;
    }

    .alertBox .close, .modal-close-button .close,
    .ekko-lightbox .modal-header.hide .close {
        color: #f3690c;
        border: 1px solid #f3690c;
        padding: 0;
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-weight: 100;
        border-radius: 50px;
        font-size: 20px;
        outline: none;
        opacity: 1 !important;
        margin-right: 0;
    }

.alertBtn a {
    margin: 5px;
    padding: .3rem .8rem;
    min-width: 60px;
    text-align: center;
}

.countAtt {
    font-family: "Gotham-Bold";
}

    .countAtt span {
        font-size: 30px;
        margin-right: 5px;
    }


/*.mapping_Attribute {
    background: #ffffff;
    box-shadow: 0 0px 11px rgba(0,0,0,.2);
    position: fixed;
    overflow-y: auto;
    right: 0;
    transition: .3s;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 73%;
    height: 100%;
}*/

.mapping_Attribute {
    background: #ffffff;
    right: 0;
    transition: .3s;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 73%;
    height: 100% !important;
    transform: scale(1,1);
    transform-origin: right;
    overflow-y: auto;
}


    .mapping_Attribute.r100 {
        opacity: 0;
        visibility: hidden;
        transform: scale(0,1);
        transform-origin: right;
    }


/*.mapping_Attribute.r100 {
        opacity: 0;
        visibility: hidden;
        right: -100%;
    }*/

.w-35 {
    width: 35% !important;
}

.w-65 {
    width: 65% !important;
}

.changeView .d-table-cell {
    text-align: left;
}

.changeView .pie_progress {
    margin: 0;
    float: right;
}

    .changeView .pie_progress .pie_progress__number {
        font-size: 9px;
    }


/*sdfsdf*/
.customStepWizard {
    transition: .4s;
}

    .customStepWizard span.stepHeight {
        top: 30px;
        width: 16px;
        height: 16px;
    }

    .customStepWizard .doneStep span.stepHeight {
        background-color: #00a8c1;
        background: #00a8c1 url("../images/stepCheck.png") no-repeat center;
        width: 20px !important;
        background-size: 95%;
        height: 20px !important;
    }

        .customStepWizard .doneStep span.stepHeight:before {
            height: 14vh;
        }

    .customStepWizard span.stepHeight:before {
        left: 6px;
        z-index: -1;
    }


.moreColumn table thead tr th {
    white-space: nowrap;
    padding: 10px;
}

.moreColumn table tbody tr td {
    padding: 10px;
    border-top: 1px solid #c1c1c1;
}

.custom_Dialog .modal-content {
    border-radius: 0;
    border: none;
}

.selected {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    position: relative;
}

    .selected:after {
        content: '';
        position: absolute;
        height: 100%;
        width: 25px;
        left: 96%;
        background: #fff;
        top: 0;
        z-index: 1;
    }



.mapping_Attribute ul {
    flex-flow: nowrap;
    display: block;
    text-align: center;
}

    .mapping_Attribute ul li {
        display: inline-block;
        position: relative;
    }

.mapping_Attribute .nav-tabs--left .nav-link span.stepName {
    display: block;
    width: 100%;
    text-align: center;
}

.mapping_Attribute .nav-tabs--left .nav-link span.stepNum {
    margin: auto;
    display: block;
    padding: 0 !important;
    z-index: 2;
}

    .mapping_Attribute .nav-tabs--left .nav-link span.stepNum:before {
        display: none;
    }

.mapping_Attribute .nav-tabs--left .nav-link span {
    display: block;
    padding: 10px 0;
}

.mapping_Attribute span.stepProgres {
    height: 3px;
    width: 100%;
    background: #c1c1c1;
    position: absolute;
    left: 50%;
    transition: .2s;
    top: 40px;
    bottom: 0;
    padding: 0 !important;
    z-index: 1;
    margin: auto;
}

.mapping_Attribute ul li:last-child span.stepProgres {
    display: none;
}

.mapping_Attribute .nav-tabs--left .nav-link {
    padding: .5rem 2rem;
}

    .mapping_Attribute .nav-tabs--left .nav-link.done {
        color: #00a8c1 !important;
    }

.stepButton a, .stepButton button {
    padding: .8rem 2rem;
    outline: none !important;
    box-shadow: none !important;
    display: inline-block;
}


div#vertical-list {
}

.sortable_list {
    padding: 1rem;
    height: 100%;
    margin: 0;
    max-height: 300px;
    position: relative;
    overflow: hidden;
    /*    overflow-y: auto; */
}

    .sortable_list.ps-container > .ps-scrollbar-y-rail {
        width: 4px;
        right: 5px !important;
        border: none;
    }

        .sortable_list.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
            width: 4px;
        }

    .sortable_list .list-group {
        height: 100%;
    }

    .sortable_list .list-group-item {
        padding: 8px;
        border-radius: 2px;
        margin: .2rem 0;
        border: 1px solid#e1e1e1;
    }

.dragDivIcon, .deleteDivIcon {
    width: 20px;
    text-align: center;
}

a.dragIcon {
    background: url(../images/dragIcon.svg) no-repeat;
    height: 13px;
    width: 13px;
    display: inline-block;
    margin: 0;
    margin-right: 7px;
    background-size: 13px;
    vertical-align: middle;
}

a.selectIcon {
    background: url("../images/checkedIcon.png") no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    margin: 0;
    background-size: 18px;
}

span.selected_attributeName {
    border: 1px solid #9261c4;
    padding: 1px 6px;
    display: inline-block;
    font-size: 11px;
    border-radius: 2px;
    vertical-align: middle;
    color: #9261c4;
    margin: .2rem 0;
}

.sortable_list .selectedAttribute {
    border: 1px solid #17a2b8;
}

.sortable_list .sortable-chosen {
    border: 1px solid #17a2b8;
    box-shadow: 0 -2px 25px rgba(0,0,0,.1);
}

    .selectedAttribute a.selectIcon, .sortable_list .sortable-chosen a.selectIcon {
        background-position: 0 -18px;
    }

a.deleteIcon {
    width: 17px;
    height: 18px;
    background: url(../images/deleteIcon.svg) no-repeat;
    display: inline-block;
    background-size: 100%;
}


.moveAttribute {
    display: flex;
    flex-flow: column;
    height: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
}

    .moveAttribute a {
        border: 1px solid #c1c1c1;
        padding: 8px;
        display: inline-block !important;
        background: #fff;
        width: 35px;
        height: 35px;
        margin: 5px 0;
    }

        .moveAttribute a img {
            width: 100%
        }

span.vertLine {
    height: 100%;
    width: 1px;
    background: #c1c1c1;
    position: absolute;
    z-index: -1;
}

.dependencySelction.disabled, .form-control.disabled {
    pointer-events: none;
}

.custom_Dialog {
    display: flex !important;
    height: auto !important;
    background: #fff !important;
}

.mapping_Attribute button.close {
    /*position: sticky;
    top: 75px;*/
    position: fixed !important;
    top: 35px;
    right: 35px;
    line-height: 30px;
    color: #dd472a;
    width: 30px;
    border-color: #dd472a;
    height: 30px;
}



/*=-====Bootstrapthemes.co btco-hover-menu=====*/

.dropdownMenu {
    position: absolute;
    background: #fff;
    box-shadow: 0 8px 8px rgba(0,0,0,.2);
    top: 100%;
    width: 100%;
    max-width: 200px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transform-origin: top;
    transform: scale(1, 0);
    transition: all .3s ease-in-out;
}

/*=-====log out=====*/


.nav-item.dropdownCustom:hover .dropdownMenu {
    opacity: 1;
    transform: scale(1, 1);
    visibility: visible;
}

.logoutDiv .nav-item.dropdownCustom {
    position: relative;
}

    .logoutDiv .nav-item.dropdownCustom .dropdownMenu {
        min-width: 160px;
        right: 0 !important;
        margin-top: 13px;
    }

        .logoutDiv .nav-item.dropdownCustom .dropdownMenu a {
            max-width: initial;
            text-align: right;
        }
/*=-====log out=====*/


.dropdownMenu a {
    padding: .5rem 1rem !important;
    border-bottom: 1px dotted #e1e1e1;
    background: #fff !important;
    white-space: normal;
}

    .dropdownMenu a.active {
        color: #dd472a;
    }

    .dropdownMenu a:hover {
        color: #dd472a !important;
        background: #fff !important;
    }

    .dropdownMenu a:last-child {
        border: none;
    }

.dropdownCustom .dropdownArrow::after {
    display: inline-block;
    margin-left: .5em;
    vertical-align: .1em;
    content: "";
    border-top: .5em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
    position: absolute;
    top: 12px;
}

.selectedVisible a {
    position: relative;
    transition: .2s;
    background: #eee !important;
    border-color: transparent !important;
}

    .selectedVisible a.visible {
        background: #35408f !important;
        color: #fff !important;
        border: 1px solid #35408f;
        opacity: 1;
        position: relative;
    }

    .selectedVisible a:after {
        content: '';
        background: url(../images/stepCheck.png) no-repeat center;
        display: none;
        height: 0;
        transform: scale(0);
        width: 0;
        vertical-align: middle;
        background-size: 100%;
    }

    .selectedVisible a.visible:after {
        transform: scale(1);
        width: 12px;
        height: 12px;
        margin: -1px 1px 0 4px;
    }

.w65 {
    max-width: 65%;
}

.switch {
    display: inline-block;
    height: 17px;
    position: relative;
    width: 35px;
    margin: 0;
    vertical-align: middle;
}

    .switch input {
        display: none;
    }

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

    .slider:before {
        background-color: #fff;
        bottom: 2.5px;
        content: "";
        height: 12px;
        left: 4px;
        position: absolute;
        transition: .4s;
        width: 12px;
    }

.switch input:checked + .slider {
    background-color: #66bb6a;
}

    .switch input:checked + .slider:before {
        transform: translateX(15px);
    }

.slider.round {
    border-radius: 50px;
}

    .slider.round:before {
        border-radius: 50%;
    }


.mAuto {
    margin: auto;
    display: block !important;
}


.w-30 {
    width: 30%;
}

.w68 {
    max-width: 68%;
}

.catId {
    width: 100px;
}




/*

 general styling 
html, body {
  height: 100%;
  margin: 0;
}

body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f1f2f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.container {
  margin: 0 auto;
}*/
.arrowList {
    display: table;
    text-align: left !important;
}

    .arrowList li {
        /* padding: 0 1rem 0 2rem;
        vertical-align: middle;
        line-height: normal;
        position: relative;
        text-align: left;
        display: table-cell;
        margin: .2rem 0;*/
        padding: 0 0rem 0 0rem;
        vertical-align: middle;
        line-height: normal;
        position: relative;
        text-align: left;
        display: inline-flex;
        margin: .2rem 0;
        list-style: none;
    }



        .arrowList li:after {
            /* background: url(../images/right-arrow.svg) no-repeat right;
            background-size: 100%;
            width: 15px;
            height: 16px;
            position: absolute;
            content: '';
            top: 0;
            bottom: 0;
            margin: auto 15px;*/
            background: url(../images/right-arrow.svg) no-repeat left;
            background-size: 100%;
            width: 15px;
            height: 16px;
            position: relative;
            content: '';
            top: 0;
            bottom: 0;
            margin: auto 10px;
            display: inline-block;
        }


        .arrowList li:first-child {
            padding-left: 0 !important;
        }

        .arrowList li:last-child {
            padding: 0;
            /*padding-left: 20px;*/
            content: none;
        }



    .arrowList.bg-img-none li:after {
        background-image: none;
    }

    .arrowList.lastarrowhide li:last-child::after, .arrowList.lastarrowhide > li.arrow-hide:last-child::after {
        background-image: none;
    }

.attCount {
    min-width: 40px;
}

/*ul li.arrow-hide:last-of-type::before {
    background: red !important;
}*/
        /*ul li.arrow-hide:last-of-type {
    display: none !important;
}
ul li.arrow-hide:last-of-type {
    color: transparent !important;
}*/
        .autoComplete.slideDown.show {
    z-index: 9999
}

.catID {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    display: inline-block !important;
    width: auto !important;
    overflow: hidden !important;
    white-space: normal !important;
    line-height: normal !important;
    vertical-align: middle !important;
    text-overflow: initial !important;
    border-right: 1px solid #ddd;
}

input.catIDInput {
    outline: none;
    border: none;
    box-shadow: none;
    padding-left: .5rem;
    font-size: 2rem;
    font-family: "Gotham-black";
}

.customStepWizard .editableText {
    display: inline-block;
    padding-bottom: 4px;
    outline: none;
    border-bottom: 1px solid transparent;
}

.customStepWizard .addedBorder {
    border-bottom: 1px solid #c1c1c1;
}

ul.chipList {
    display: inline-block;
    list-style: none;
    margin: 0;
}

    ul.chipList li {
        display: inline-block;
        border: 1px solid #666;
        padding: 2px 5px;
        border-radius: 3px;
        margin: 0 5px 1px 0px;
        vertical-align: bottom;
    }

.stepLine:after {
    content: '';
    position: absolute;
    height: 100%;
    opacity: 1;
    width: 2px;
    background-color: transparent;
    left: 7px;
    transition: .2s;
    top: 44px;
    z-index: -1;
}

.stepLine.stepHeight:before {
    display: none;
}

.customStepWizard .stepLine span.stepHeight {
    height: 16px !important;
    width: 16px !important;
    background-size: 90%;
    transition: .2s;
}

    .customStepWizard .stepLine span.stepHeight:before {
        display: none;
    }

.customStepWizard .stepLine.doneStep span.stepHeight, .customStepWizard .stepLine span.stepHeight {
    background: #fff !important;
    left: 0;
}

.stepLine.doneStep:after {
    background-color: #00a8c1 !important;
    opacity: 1;
    transition: .2s;
}

.stepLine:last-child:after {
    display: none;
}

.selectedVisibleAttributes
/*-----------------Multiselect vijay----------------------*/
.form-control button.btn {
    display: block;
    width: 100%;
    padding: .375rem 0;
    font-size: 1rem;
    line-height: 1;
    color: #4e4e4e !important;
    background: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    box-shadow: none !important;
    outline: none !important;
}

.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
    color: #4e4e4e !important;
    box-shadow: none !important;
}

.form-control .filter-option-inner-inner {
    font-size: 12px;
    overflow: inherit !important;
}

.form-control .filter-option {
    top: 2px !important;
    color: #4e4e4e !important;
}

.form-control .bs-searchbox {
    padding: 0;
}

    .form-control .bs-searchbox input.form-control {
        border-radius: 0;
        border: none;
        height: auto;
        border-bottom: 1px solid #ddd !important;
        box-shadow: none;
        padding-left: 15px;
    }

.form-control .dropdown-menu.show {
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: 0px 13px 10px rgba(0, 0, 0, 0.07);
}

.form-control ul li .dropdown-item {
    background-color: #fff;
    padding: 8px 10px;
    font-size: 12px !important;
    outline: none !important;
    box-shadow: none !important;
}

/*.bootstrap-select .dropdown-menu.inner {
    max-height: 200px !important;
    overflow-y: auto;
    margin: 0 !important;
}*/

.bootstrap-select .bs-ok-default:after {
    border-width: 0 0.2em 0.2em 0;
    width: 0.5em;
    height: .8em;
    border-color: #6db81f;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.plr_30 {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}

.zindex1 {
    z-index: 1;
    position: relative;
}

.bootstrap-select .no-results {
    font-size: 12px;
    color: #900;
}

.selectArrowIcon .dropdown-toggle::after {
    content: '';
    background: url(../images/arrow-down.svg) no-repeat;
    position: absolute;
    right: 2px;
    height: 11px;
    width: 11px;
    display: inline-block;
    background-size: 100%;
    top: 6px;
    bottom: 0;
    margin: auto;
    opacity: .3;
    background-color: transparent !important;
    border: none !important;
}

.selectArrowIcon li.selected {
    box-shadow: none !important;
}

    .selectArrowIcon li.selected a:after, .selectArrowIcon li.selected:after {
        display: none;
    }

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    padding-right: 0;
    margin: 0;
}

.selectArrowIcon .dropdown-menu span {
    padding-right: 0;
}

td .labelGroup label, td .labelGroup {
    display: inline-block;
    vertical-align: middle;
}

    td .labelGroup label {
        margin: 1px 2px;
    }
/*-----------------Multiselect----------------------*/
.RuleBTn {
    border-color: transparent !important;
    background: linear-gradient(90deg, rgba(40, 51, 110, 1) 1%, rgba(100, 64, 112, 1) 49%, rgba(126, 70, 113, 1) 69%, rgba(185, 83, 116, 1) 93%);
    color: #fff !important;
}

    .RuleBTn:hover, .gradientBtn:hover {
        background: rgb(45,52,110) !important;
        background: linear-gradient(260deg, rgba(45,52,110,1) 0%, rgba(95,63,112,1) 35%, rgba(185,83,116,1) 100%) !important;
    }

    .RuleBTn .libIcon {
        background: url(../images/list.svg) no-repeat;
        background-size: 100%;
    }

    .RuleBTn .associationIcon {
        background: url(../images/associateIcon.png) no-repeat;
        background-size: 100%;
    }

.taxNomyStep .customStepWizard .doneStep span.stepHeight {
    background-color: #00a8c1;
    width: 16px !important;
    background-size: 95% !important;
    height: 16px !important;
}

/**/
.pageloader {
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    background-size: 150px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.45);
    z-index: 9999;
}

/*added by Dipti for Progress Active Status*/
.customStepWizard .stepLine.doneStep span.setDoneStep, .customStepWizard .stepLine span.setDoneStep {
    background: #00a8c1 !important;
    background-image: url(../images/stepCheck.png) !important;
    width: 20px !important;
    background-size: 95% !important;
    height: 20px !important;
}

.CtName .form-control {
    border: none;
    border-bottom: 1px solid #acacac;
    border-radius: 0px;
    background: transparent;
    padding-left: 0px;
    box-shadow: none;
}


.newBoxControl {
    border: 1px solid #ececec;
    padding: 20px 8px;
    border-radius: 3px;
    background: #f5f5f5;
}

.newHeading {
    font-family: "Gotham-Black";
}

.rsLOgo {
    max-width: 45px;
    position: absolute;
    right: 0;
    margin: 10px;
    top: 0;
}

    .rsLOgo img {
        width: 100%;
    }

i.attached {
    background: #00a8c1 url(../images/tickIcon.svg) no-repeat center;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: 50%;
    position: absolute;
    right: -7px;
    top: -7px;
    border-radius: 50px;
}


.text-blue {
    color: #007bff;
}

.text-red {
    color: #ff0000;
}


.font45 {
    font-size: 45px;
    font-weight: bolder;
    font-family: "Gotham-Black";
}

.lhn {
    line-height: normal;
}

.carousel-indicators {
    margin: 5px 0;
    position: relative;
    display: block;
    text-align: center;
    bottom: 0px;
}

    .carousel-indicators li {
        background: #000;
        width: 10px;
        height: 10px;
        border-radius: 50px;
        display: inline-block;
        border: none;
        z-index: 9999;
    }

.tablePadding td {
    padding-top: 8px;
    padding-bottom: 8px;
}


/*
a.addNew {
    padding: 10px;
    display: block;
    text-transform: uppercase;
    border-radius: 5px;
    text-decoration: none;
    color: #4e4e4e!important;
	position: relative;
}
*/
a.addNew {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 2;
    right: 15px;
    background: #9261c4 !important;
    color: #fff !important;
    text-decoration: none;
    border-radius: 3px;
    border-color: #9261c4;
    text-transform: unset;
    padding: 10px 15px;
}

.addNewPopup {
    background: #fff;
    position: relative;
    z-index: 99;
}

a.closeBtn {
    color: #f3690c;
    border: 1px solid #f3690c;
    padding: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-weight: 100;
    border-radius: 50px;
    font-size: 12px;
    outline: none;
    opacity: 1 !important;
    margin-right: 0;
    position: absolute;
    right: 20px;
    text-decoration: none;
    text-align: center;
    line-height: 18px;
    background: #fff;
}

.tableDesignModal {
    padding: 22px 25px 0;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    background: #fcfcfc;
}

    .tableDesignModal tbody tr:last-child td {
        border: none;
    }

.textOp {
    color: #aeaeae;
}

.font11 {
    font-size: 11px;
}

    .font11 a {
        color: #007bff
    }

.duplicateRecords {
    display: none;
}

.vievExtraFields:hover .duplicateRecords {
    display: block;
}

.vievExtra {
    padding: 0 5px !important;
}

.sdsIcon {
    height: 42px;
    width: 50px;
    background: url("../images/sdsIcon.png") no-repeat;
    display: inline-block;
    overflow: hidden;
    margin: 0 auto;
    background-position: 0 -4px;
}


.mcIcon {
    background-position: -50px -3px;
}

.tdcIcon {
    background-position: -100px -5px;
}

.ccIcon {
    background-position: -150px -4px;
}

.card-body .progress {
    height: 7px;
    background-color: #ebebeb;
}

.skyBlueBg {
    background: #00a7dd;
}

.text-info {
    color: #028ea3 !important;
}

.bg-info {
    background: #028ea3;
}

.skyBlueText {
    color: #00a7dd;
}

.text-warning {
    color: #f7b24b !important;
}

.bg-warning {
    background: #f7b24b !important;
}

.SchneiderLogo {
}

a.sdLogo {
    padding: 0;
    margin: 1px 0;
    vertical-align: bottom;
}

.sdLogo img {
    height: 40px;
}

.SchneiderLogo img {
    height: 35px;
}

.piIcon {
    background-position: -250px -2px;
}

.crIcon {
    background-position: -300px -2px;
}

span.pipe {
    margin: 0 15px;
    line-height: 0;
    font-weight: 100;
    height: 40px;
    width: 1px;
    background: #5f5f5f;
    display: inline-block;
    vertical-align: middle;
}

.newUpDown {
    max-width: 136px;
    justify-content: space-between;
}

    .newUpDown span.fileIcon {
        height: 20px;
        width: 25px;
        background: url("../images/uploadPIcon.png") no-repeat;
        display: inline-block;
        overflow: hidden;
        margin: 0 auto;
        background-position: 0 0;
        transform: scale(.85);
    }

    .newUpDown a {
        color: #4e4e4e;
        text-decoration: none;
    }

    .newUpDown .text {
    }

    .newUpDown span.downloadIconY {
        background: url("../images/downloadY.png") no-repeat;
    }

.suppActionDIv {
    max-width: 70%;
    margin-left: -15px;
}

    .suppActionDIv .actionIcons {
        transform: scale(.4);
        margin: -15px auto -16px;
        height: 55px;
    }

.newUpDown .upload-btn-wrapper {
    width: auto;
}

.font50 {
    font-size: 50px;
}

.font25 {
    font-size: 25px;
}

.cardRight .text-uppercase {
    line-height: normal;
}

.text-muted {
    color: #bbb !important;
}

span.cmntCount {
    font-size: 9px;
    background: #f3690c;
    position: absolute;
    right: -10px;
    top: -15px;
    padding: 2px;
    width: 23px;
    height: 23px;
    border-radius: 30px;
    text-align: center;
    line-height: 20px;
    color: #fff;
}


.tdLoader {
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    background-size: 50px;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: rgb(255, 255, 255);
}

.notactionable {
    pointer-events: none;
    opacity: 0.5;
}

a.clickable {
    text-decoration: none;
    margin: 0 0px 0 10px;
    background: url(../images/comment.svg) no-repeat;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    width: 25px;
    height: 25px;
}

.clickable {
    position: relative;
}

tr.trSelected {
    background: #eee;
}

    tr.trSelected td {
        border: none !important;
    }

        tr.trSelected td:first-child {
            border-left: 3px solid #f3690c !important;
            padding-left: 10px;
        }

i.attached {
    background: #00a8c1 url(../images/tickIcon.svg) no-repeat center;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: 50%;
    position: absolute;
    right: -7px;
    top: -7px;
    border-radius: 50px;
}

.closeTextIcon {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #dc3545;
    border-radius: 30px;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
    transition: .2s;
    color: #dc3545 !important;
    z-index: 2;
    text-decoration: none !important;
}

    .closeTextIcon:hover {
        background: #dc3545;
        color: #fff !important;
    }

ul.commentList {
    margin: 0;
}

    ul.commentList li {
        list-style: none;
        position: relative;
        padding: 1rem 0 .6rem 2rem;
        border-bottom: 1px solid #ddd;
    }

        ul.commentList li:last-child {
            border: none;
        }

        ul.commentList li:before {
            content: '';
            background: url(../images/comment.svg) no-repeat;
            position: absolute;
            left: 0;
            display: inline-block;
            width: 20px;
            height: 20px;
            background-size: contain;
            margin-top: 1px;
            vertical-align: middle;
        }

.clickable {
    position: relative;
}

.commentList .text-muted {
    color: #ababab !important;
    font-size: 10px;
    padding-top: 0;
    text-align: right;
}

/*tr.trSelected td:first-child {
    padding-left: 6px;
    border-left: 5px solid #f3690c;
}*/


.suppActionDIv a {
    position: relative;
    display: table;
    vertical-align: middle;
    opacity: 1 !important;
    width: 100%;
    webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
}

.suppActionDIv i.attached {
    background: #28a745 url(../images/tickIcon.svg) no-repeat center;
    right: 17px !important;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: 50%;
    position: absolute;
    bottom: 19px;
    border-radius: 50px;
    top: auto;
}

tr.trSelected {
    background: #eee;
}

    tr.trSelected td {
        border: none !important;
    }

        tr.trSelected td:first-child {
            border-left: 3px solid #f3690c !important;
            padding-left: 10px;
        }

a.blinkText, .blinkBox {
    display: inline-block;
    line-height: normal;
    font-size: 9px;
    text-transform: uppercase;
    vertical-align: middle;
}

.blink_me, .blinkBox {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.blinkBox {
    background: #db415d;
    color: #fff;
    line-height: 15px;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.PastData {
    color: #aaaaaa;
    /*	opacity: .4;*/
}


.StatusBox ul {
    max-width: 200px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    padding: 0;
}

    .StatusBox ul li {
        list-style: none;
        border-bottom: 1px solid #f3f3f3;
        padding: 5px 11px;
    }

        .StatusBox ul li:last-child {
            border: none;
        }

        .StatusBox ul li span.checkboxStatus {
            width: 12px;
            height: 12px;
            display: inline-block;
            background: #eee;
            vertical-align: middle;
            margin-right: 4px;
            border-radius: 2px;
        }

        .StatusBox ul li span.statusDone {
            background: #18ac37 url("../images/tickIcon.svg") no-repeat;
            background-position: center;
            background-size: 75%;
        }

        .StatusBox ul li span.statusNotDone {
            background: #cc0033 url("../images/tickIcon.svg") no-repeat;
            background-position: center;
            background-size: 75%;
        }

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

.StatusBox {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    bottom: 75%;
    display: block;
    position: absolute;
    opacity: 0;
    transform: scale(1, 0);
    transform-origin: bottom;
}

.actionHover:hover .StatusBox {
    transform: scale(1, 1);
    opacity: 1;
}

.oarIcon {
    background-position: -200px -2px;
}

.oarIcon {
    background-position: -200px -2px;
}

.tdAccordion {
    position: relative;
    padding-right: 0 !important;
}

    .tdAccordion .collapse {
        /*    padding: 15px 0;  */ padding-bottom: 15px;
        /*    border-bottom: 1px solid #c1c1c1;  */
        box-shadow: 0 1rem 1rem rgba(0,0,0,.15) !important;
    }

i.attachedGreen {
    /*background: #28a745 url(../images/tickIcon.svg) no-repeat center;
    right: 17px !important;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: 50%;
    position: absolute;
    bottom: 19px;
    border-radius: 50px;
    top: auto;*/
    background: #28a745 url(../images/tickIcon.svg) no-repeat center;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: 50%;
    position: absolute;
    right: -7px;
    top: -7px;
    border-radius: 50px;
}

i.uncheckedRed {
    background: url(../images/UncheckedIcon.jpg) no-repeat center;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: 50%;
    position: absolute;
    right: -7px;
    top: -7px;
    border-radius: 50px;
}


span.launchText {
    margin-top: -14px;
    display: block;
    text-align: center;
    font-size: 9px;
    text-transform: uppercase;
    padding: 3px 5px;
    color: #999;
    background: #ffffff;
    position: absolute;
    left: 17px;
}

/*.cardheader.text-uppercase {
    max-width: 93px;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
.cardheader.text-uppercase {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 130px;
}

.cardHeaderLeft {
    word-break: break-word;
}


.text-orangeLight {
    color: #f17362;
}

.text-purpleDark {
    color: #4e448d !important;
}

.text-aquadarkd {
    color: #0c74a7;
}

.smwidth {
    min-width: 35px;
    display: inline-block;
    white-space: nowrap;
    margin: 0px 3px 6px 0px;
    text-align: center;
    font-size: 80%;
    vertical-align: middle;
    height: 23px;
}

.line-height-normal {
    line-height: normal;
}

.float-right a.navbar-brand {
    border-right: 1px solid #ddd;
    padding-right: 14px;
    margin-right: 10px;
}

a.navbar-brand.sdLogo.newHeading.text-uppercase {
    vertical-align: middle;
}

.forBox {
    /*width: 80px;*/
    width: 120px;
    display: inline-block;
    white-space: nowrap;
}


.customPagination ul {
    background: #fff;
    /*    box-shadow: 0 1px 3px rgba(0,0,0,.2);*/
    display: inline-flex;
    padding: .5rem;
}

    .customPagination ul li a {
        border: none;
        outline: none;
        box-shadow: none !important;
        border-radius: 3px !important;
        font-size: 11px;
        text-transform: uppercase;
        color: #000;
        margin: 0;
        background: #f9f9f9;
    }

    .customPagination ul li {
        margin: 0 3px;
    }

        .customPagination ul li a:hover, .customPagination ul li .page-link.active {
            background: #17a2b8;
            color: #fff;
        }

        .customPagination ul li a.nextLink, .customPagination ul li a.previousLink {
            background-color: transparent;
        }

            .customPagination ul li a.nextLink:hover,
            .customPagination ul li a.previousLink:hover {
                background: #ddd;
                color: #000;
            }

.previousLink:before, .nextLink:after {
    content: '';
    background: url(../images/backIcon.png) no-repeat;
    display: inline-block;
    background-size: 20px;
    width: 33px;
    height: 14px;
    vertical-align: middle;
}

.nextLink:after {
    transform: rotate(180deg);
}

.roleList {
    padding-left: 20px;
    list-style: decimal;
}

    .roleList .custom-control {
        /*min-height: inherit;*/
        padding-bottom: .7rem;
    }

    .roleList .custom-control-label::before, .roleList .custom-control-label::after {
        top: 0;
    }



/*.roleList .custom-control.rightCheck .custom-control-label::before, .roleList .custom-control.rightCheck .custom-control-label::after {
        right: 0 !important;
        left: auto !important;
        border-radius: 30px;
        width: 24px;
        height: 24px;
        top: -6px;
    }*/

.rightCheck label {
    display: block;
}

.roleList li {
    padding: 1rem;
    /*border-bottom: 1px solid #ddd;
        margin-bottom: 2rem;*/
    /*padding-right: 0;*/
}

.dotgreen {
    height: 10px;
    width: 10px;
    background-color: green;
    border-radius: 50%;
    display: inline-table;
}

.dotred {
    height: 10px;
    width: 10px;
    background-color: red;
    border-radius: 50%;
    display: inline-table;
}

.comIcon {
    opacity: .6;
    width: 28px;
    height: 28px;
    top: 0;
}



.manufactureIcon {
    background: #fff url(../images/manufacturing.svg) no-repeat right;
    background-size: 90%;
}

.supnIcon {
    background: #fff url(../images/userIcon.svg) no-repeat right;
    background-size: 90%;
}

.supemailIcon {
    background: #fff url(../images/emailIcon.svg) no-repeat right;
    background-size: 90%;
}

.suphoneIcon {
    background: #fff url(../images/phone-call.svg) no-repeat right;
    background-size: 90%;
}

.fileUploadIcon {
    background: #fff url(../images/upload.svg) no-repeat right;
    background-size: 75%;
    opacity: .4;
    cursor: pointer;
    z-index: 1;
    pointer-events: auto;
}

.createIcon {
    background: #fff url(../images/create.svg) no-repeat right;
    background-size: 70%;
    opacity: .4;
}

.fileInput span.custom-file-label {
    border: none !important;
    background-color: transparent;
}

.fileInput input:focus, .fileInput .custom-file-input:focus ~ .custom-file-label {
    outline: none;
    box-shadow: none !important;
}

span.custom-file-label.fileadded {
    padding-left: 0;
    overflow: hidden;
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fileInput .border-top {
    border-top: 1px #acacac solid !important;
}

.fileInput span.custom-file-label:after {
    display: none;
}
/*custom checkbox checked*/
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #00a8c1;
    background-color: #00a8c1;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(../images/tickIcon.svg);
}
/*custom checkbox checked*/


/*custom checkbox unchecked*/
.custom-radio .custom-control-label::before {
    border: #c1c1c1 solid 1px;
    width: 20px;
    height: 20px;
    top: -.1rem;
}

.custom-radio .custom-control-label::after {
    width: 20px;
    height: 20px;
    top: -.1rem;
}

.mradio .custom-control-label::before {
    top: .15rem;
}

.mradio .custom-control-label::after {
    top: .15rem;
}


span.boxInfo {
    border-right: 20px solid #d4d4d4;
    border-bottom: 20px solid transparent;
    border-left: 0px solid transparent;
    position: absolute;
    right: -1px;
    top: -1px;
}

/* span.boxInfo.rsProinfo {
        border-left: 0px solid transparent;
        position: absolute;
        right: -1px;
        top: -1px;
        background-color: #dd472a;
        border-right: 5px solid #dd472a;
        color: #fff;
        border-bottom:none;
    }*/

span.rsProinfo {
    border-right: 20px solid #dd472a;
}

.dDSetCusPosition {
    position: relative;
}

    .dDSetCusPosition span.boxInfo {
        /*top: -12px;*/
        top: -7px;
        right: -12px;
    }

a.a2z {
    color: #cacaca;
    font-size: .6rem;
    width: 16px;
    height: 16px;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 5px;
    border: 1px solid #cacaca;
    border-radius: 50px;
    line-height: 16px;
    margin-left: 0;
}

.emptyBox {
    padding: 3rem;
    text-align: center;
    color: #ddd;
    text-transform: uppercase;
    font-family: "Gotham-Black";
}

.noResult {
    background: #fff url(../images/blankData.svg) no-repeat center;
    opacity: .1;
    height: 100px;
    background-size: contain;
    padding: 2.5rem;
}

.listyle li {
    display: inline-block;
    background: #eee;
    padding: .3rem 1rem;
    border-radius: 2px;
    margin: .2rem;
}

ul#ul_Brand, ul#ul_Manufacturer, ul#ul_MPN {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.listyle li {
    display: inline-block;
    background-color: transparent;
    padding: 1rem;
    /*border-radius: 2px;
    margin: .2rem;*/
    border-radius: 0;
    margin: 0;
    width: 100%;
    max-width: 19.7%;
    border: 1px solid #eee;
    vertical-align: middle;
    margin-bottom: -1px;
    margin-right: -1px;
}

    .listyle li:hover {
        background-color: #f9f9f9;
    }

.viewMoreDisable {
    pointer-events: none;
    opacity: .2;
}

a.FilterFirstLetter.a2z.visible {
    border: 1px solid #00a8c1 !important;
    color: #00a8c1;
}

.maxContentHeight {
    display: block;
    width: 100%;
    height: auto !important;
    max-height: calc(63vh - 0px) !important;
    position: relative;
    overflow: hidden;
}

#div_MPNTab .maxContentHeight {
    max-height: calc(65vh - 0px) !important;
}

.listyle li .d-table {
    width: 100%;
}



    .listyle li .d-table span {
        display: table-cell;
        width: 50%;
        white-space: normal;
        line-height: 16px;
        word-break: break-all;
    }

span.RepoText {
    color: #17a2b8;
    padding-left: 7px;
}

.maxContentHeight .mCSB_outside + .mCSB_scrollTools {
    right: 0 !important;
}
/*attribute category mapping*/
body.overflow-x {
    overflow-x: hidden;
}

div#defaultCenter.d-table-cell {
    display: block !important;
    position: relative;
    left: 44%;
    margin-left: -15% !important;
    width: 35%;
    transition: all .3s ease-in;
}

.fixedTopAtt {
    position: fixed;
    width: 25%;
}
/*attribute category mapping*/

.tab-content .hideOthers .tag {
    border: 1px solid #c1c1c1 !important;
    background: #fff !important;
    padding: .4rem;
}

    .tab-content .hideOthers .tag span {
        margin-right: 5px;
        position: relative;
        top: 2px;
        width: 12px;
        height: 12px;
        display: inline-block;
        border: 1px solid #757575;
        border-radius: 2px;
        vertical-align: middle;
    }

.tab-content .selectedVisible a.visible {
    background: #ffffff !important;
    color: #4e4e4e !important;
    border: 1px solid #2b3372 !important;
    opacity: 1;
    position: relative;
}

    .tab-content .selectedVisible a.visible span {
        border: 1px solid #2b3372 !important;
        background: #2b3372 url(../images/tickIcon.svg) no-repeat center;
        background-size: 6px;
    }



td span.text-success {
    background: #d7fad2;
    padding: 4px 10px;
    display: inline-block;
    white-space: nowrap;
    border-radius: 30px;
    font-size: 11px;
}

tbody#tb_ChartHorizontal td span.text-success {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    font-size: 12px;
}


td span.text-danger {
    background: #ffd1d3;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 30px;
    white-space: nowrap;
    font-size: 11px;
}


td span.text-aquadark {
    background: #ebfcff;
    padding: 4px 10px;
    display: inline-block;
    white-space: nowrap;
    border-radius: 30px;
    font-size: 11px;
}

td span.text-warning {
    background: #ffebcc;
    padding: 4px 10px;
    display: inline-block;
    white-space: nowrap;
    border-radius: 30px;
    font-size: 11px;
    color: #f19100 !important;
}

.maxHeightchip {
    max-height: 110px;
    position: relative;
    overflow: hidden;
    /*    overflow-y: auto; */
}

    .maxHeightchip.ps-container > .ps-scrollbar-y-rail {
        width: 4px;
        right: 5px !important;
        border: none;
    }

        .maxHeightchip.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
            width: 4px;
        }

table#linecarddetailtable tbody tr td.tdproddesc {
    white-space: nowrap;
    max-width: 10vw;
    text-overflow: ellipsis;
    overflow: hidden;
}

table#tbl_AVTDataList tbody tr td.tdproddesc {
    white-space: nowrap;
    max-width: 10vw;
    text-overflow: ellipsis;
    overflow: hidden;
}

.loginPage marquee {
    position: fixed;
    top: 0;
    padding: 1rem;
    left: 0;
    right: 0;
    max-width: 80%;
    font-size: 24px;
    color: #fff;
}

.verticalNav a {
    color: #4e4e4e;
    text-decoration: none;
    padding: .5rem 0;
    display: block;
}


    .verticalNav a:hover {
        color: #dd472a;
    }



.page-section {
    padding: 3em 0 1rem;
    /*min-height: calc(50vh - 0px)*/
}

    .page-section h6 {
        color: #0f0f0f;
    }

.para, .myaccordion p {
    font-size: 13px;
    line-height: 23px;
    font-weight: 100;
    font-family: Gotham-Light;
    letter-spacing: .2px;
}

.navigation__link.active {
    color: #dd472a;
}


.text-black {
    color: #000 !important;
}


.rightCheck {
    border-bottom: 1px solid #eee !important;
}

.stickyButton {
    transition: .2s;
}

    .stickyButton.stickToBottom {
        position: fixed;
        transition: .2s;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0,0,0,.2);
        margin: 0 !important;
        padding: 1rem;
    }

#ul_ModuleConfiguration.card-columns {
    column-gap: 2rem;
}

    #ul_ModuleConfiguration.card-columns .card {
        margin-bottom: 2rem;
    }

.pb-6 {
}

.borderBlack {
    border: none;
    border-bottom: 1px solid #0f0f0f !important;
    color: #0f0f0f !important;
    padding-bottom: .2rem;
}

.lockIcondiv {
    margin-right: 5px;
    position: relative;
    top: -3px;
}

span.lockIcondiv img {
    max-width: 15px;
}

.pdfSection a {
    background: #eee;
    margin-right: 15px;
    display: inline-block;
    padding: 1rem 3rem;
    color: #fff;
    text-decoration: none;
    font-family: Gotham-Light;
    font-size: 14px;
}

    .pdfSection a img {
        max-height: 40px;
        margin-right: 15px;
    }

.pdfSection .purpleBg {
    background: #2c356e;
}

.pdfSection .purpleBglight {
    background: #8465c5;
}

.support label {
    margin: 0;
    font-size: 13px;
}

span.sIcon {
    display: inline-block;
    background: #ededed;
    border-radius: 50px;
    height: 61px;
    width: 61px;
    padding: .9rem;
    margin-right: 1rem;
}

    span.sIcon img {
        width: 100%;
    }

.s_value {
    font-family: Gotham-Light;
    font-size: 13px;
    color: #035de5;
}

.myaccordion {
}

    .myaccordion .card,
    .myaccordion .card:last-child .card-header {
        border: none;
    }

        .myaccordion .card .collapse.show {
            border-top: 1px solid #edeff0;
            margin-top: -1px;
        }

    .myaccordion .card-header {
        border-bottom-color: #edeff0;
        cursor: pointer;
        background: transparent;
    }

    .myaccordion .fa-stack {
        font-size: 18px;
    }

    .myaccordion h2 {
        width: 100%;
        font-size: 1rem;
        color: #035de5;
        padding: 0;
    }

    .myaccordion .btn-link:hover,
    .myaccordion .btn-link:focus {
        text-decoration: none;
    }

    .myaccordion h2 strong {
        margin-right: .8rem;
        color: #0f0f0f;
        font-weight: 200;
    }

    .myaccordion li + li {
        margin-top: 10px;
    }

.pt-6 {
    padding-top: 6rem !important;
}


.BlurBatchBody, tr.disabledTR {
    pointer-events: none;
    opacity: 0.4;
    filter: grayscale(100%);
}


.deletedItem span.downloadIcon {
    margin: 0;
    width: 20px;
    height: 20px;
    opacity: .7;
    background: url(../images/download.svg) no-repeat bottom;
    background-size: 71%;
    cursor: pointer;
    position: relative;
    left: 2px;
    animation: MoveUpDown 1s linear infinite;
}

.fa-reminder {
    animation: MoveUpDownr 1s linear infinite;
    position: relative;
}


@keyframes MoveUpDown {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 12px;
    }
}

@keyframes MoveUpDownr {
    0%, 100% {
        /*bottom: 0;*/
        transform: rotate(20deg)
    }

    50% {
        /*bottom: 5px;*/
        transform: rotate(0deg)
    }
}

.extraInfoView {
    width: 480px;
    bottom: 0;
    z-index: 999;
    top: 0;
    left: 50px;
    transform: scale(0, 1);
    transform-origin: left;
    margin: auto !important;
    display: table;
}

    .extraInfoView .row {
        margin: 0;
    }

    .extraInfoView .colHead {
        border-bottom: 1px solid #dddd;
        padding: .4rem 0;
    }
    /*.extraInfoView .colBody { padding: .3rem 0; }*/
    .extraInfoView ul li {
        padding: 0rem;
        border: none;
    }

    .extraInfoView ul {
        max-width: none;
    }

        .extraInfoView ul li .colHead span {
            color: #007bff !important;
        }

        .extraInfoView ul li span {
            padding: .4rem 0;
            font-size: 11px;
            display: block;
            color: #666 !important;
        }

.calibratedBg {
    background: #ffa217;
    color: #fff;
    color: #fff;
}

.priorityBG {
    background: #F7F9A2 !important;
}




.labelGroup1 .labelGroup {
    display: inline-block;
    margin: .1rem;
}

    .labelGroup1 .labelGroup label {
        display: flex;
        line-height: normal;
        height: 100%;
    }

    .labelGroup1 .labelGroup span {
        padding: 4px 5px;
        display: inline-block;
        border: none;
        white-space: nowrap;
        height: 100%;
    }

        .labelGroup1 .labelGroup span.attName {
            font-family: "Gotham-Light";
            font-size: 11px;
            background: #f1fbfd;
            font-weight: bold;
            border-right: 1px solid #41cee2;
        }

.labelGroup1 .border-info {
    border: 1px solid #00c1d3 !important;
}

.labelGroup1 .text-info {
    color: #00c1d3 !important;
}





.advancedSearchTab .custom-control-label::before,
.advancedSearchTab .custom-control-label::after {
    top: 0
}

.advancedSearchTab .custom-control {
    padding-bottom: 1rem;
}

.advancedSearchTab .labelName {
    font-family: "Gotham-Black";
    text-transform: uppercase;
}

/*-----------------Multiselect vijay----------------------*/
.advancedSearchTab .form-control button.btn.dropdown-toggle {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 12px;
    line-height: 27px;
    background-color: #fff !important;
    background: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: none !important;
    box-shadow: none !important;
}

.advancedSearchTab .form-control .filter-option-inner-inner {
}

.advancedSearchTab .form-control .filter-option {
    top: 2px !important;
    overflow: hidden;
}

.advancedSearchTab .form-control .bs-searchbox {
    padding: 0;
}

    .advancedSearchTab .form-control .bs-searchbox input.form-control {
        border-radius: 0;
        border: none;
        height: auto;
        border-bottom: 1px solid #ddd;
        box-shadow: none;
    }

.advancedSearchTab .form-control .dropdown-menu.show {
    margin: 0;
    padding: 0;
}

.advancedSearchTab .form-control ul li .dropdown-item {
    padding: .25rem 1rem;
    font-size: 12px !important;
    outline: none !important;
}

.advancedSearchTab .bootstrap-select .dropdown-menu.inner, {
    max-height: 200px;
}

.advancedSearchTab .bootstrap-select .bs-ok-default:after {
    border-width: 0 0.2em 0.2em 0;
    width: 0.5em;
    height: .8em;
    border-color: #6db81f;
}

.advancedSearchTab .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.advancedSearchTab .plr_30 {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}

.advancedSearchTab .zindex1 {
    z-index: 1;
    position: relative;
}

.advancedSearchTab .bootstrap-select .no-results {
    font-size: 12px;
    color: #900;
}
/*.form-group .selectArrowIcon .dropdown-toggle::after  { display: none; }*/
.advancedSearchTab .floatLabel .selectArrowIcon label {
    top: -20px;
}

.advancedSearchTab .floatLabel .bootstrap-select:not(.input-group-btn), .floatLabel .bootstrap-select[class*="col-"] {
    display: block !important;
}

.advancedSearchTab .floatLabel .selectArrowIcon .dropdown-menu.show {
    top: 5px !important;
    min-width: auto !important;
    max-width: 100%;
}
/*-----------------Multiselect----------------------*/

.orangeBorder {
    border-color: #dd472a !important;
    z-index: 93;
}

.adBtn .filterIcon {
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/filterIcon.png) no-repeat;
    overflow: hidden;
    transition: .2s;
    transform: scale(.7);
    background-position: 0 -26px;
}

.adBtn.collapsed .filterIcon {
    background-position: 0 0px;
}

.adBtn.collapsed {
    background-color: transparent;
    color: #dd472a !important;
}

.adBtn {
    background: #dd472a;
    color: #fff !important;
}


.advancedSearchTab button.close {
    border: 1px solid #dc3545;
    position: absolute;
    right: 0;
    top: 0;
    margin: 10px;
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 17px;
    border-radius: 50px;
    z-index: 2;
    cursor: pointer;
    opacity: 1;
    color: #dc3545;
    background: #ffffff;
    text-shadow: none;
    outline: none;
}


.applyFilter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.66);
    z-index: 9999;
    font-family: "Gotham-Black";
    text-transform: uppercase;
}


    .applyFilter p {
        margin: 0;
        margin-top: -1.5rem;
        font-size: 1rem;
    }

.formField .custom-radio .custom-control-label::before {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    left: 0;
    top: 0;
}


.formField .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #393e41;
    /*background-color: #393e41;*/
}

.formField .custom-control-inline {
    padding: 0;
    min-height: inherit;
    margin: 0;
    margin-right: -5px;
}

.formField .custom-control-label span {
    position: relative;
    z-index: 2;
    padding: 4px 15px;
    display: block;
    font-size: 11px;
    cursor: pointer;
}


.formField .custom-radio .custom-control-input:checked ~ .custom-control-label span {
    color: #fff;
}

.formField .custom-radio .custom-control-label::after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: none !important;
}

.formField .labelhead {
    margin-bottom: .2rem;
    font-size: 11px;
}
/*-----------------Multiselect vijay----------------------*/
.form-control button.btn {
    display: block;
    width: 100%;
    padding: .375rem 0;
    font-size: 1rem;
    line-height: 1;
    color: #4e4e4e !important;
    background: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    box-shadow: none !important;
    outline: none !important;
}

.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
    color: #4e4e4e !important;
    box-shadow: none !important;
}

.form-control .filter-option-inner-inner {
    font-size: 12px;
    overflow: inherit !important;
}

.form-control .filter-option {
    top: 2px !important;
    color: #4e4e4e !important;
}

.form-control .bs-searchbox {
    padding: 0;
}

    .form-control .bs-searchbox input.form-control {
        border-radius: 0;
        border: none;
        height: auto;
        border-bottom: 1px solid #ddd !important;
        box-shadow: none;
        padding-left: 15px;
    }

.form-control .dropdown-menu.show {
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: 0px 13px 10px rgba(0, 0, 0, 0.07);
}

.form-control ul li .dropdown-item {
    background-color: #fff;
    padding: 8px 10px;
    font-size: 12px !important;
    outline: none !important;
    box-shadow: none !important;
}

/*.bootstrap-select .dropdown-menu.inner {
    max-height: 193px !important;
    overflow-y: auto;
}*/

.bootstrap-select .bs-ok-default:after {
    border-width: 0 0.2em 0.2em 0;
    width: 0.5em;
    height: .8em;
    border-color: #6db81f;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.plr_30 {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}

.zindex1 {
    z-index: 1;
    position: relative;
}

.bootstrap-select .no-results {
    font-size: 12px;
    color: #900;
}

.selectArrowIcon .dropdown-toggle::after {
    content: '';
    background: url(../images/arrow-down.svg) no-repeat;
    position: absolute;
    right: 2px;
    height: 11px;
    width: 11px;
    display: inline-block;
    background-size: 100%;
    top: 6px;
    bottom: 0;
    margin: auto;
    opacity: .3;
    background-color: transparent !important;
    border: none !important;
}

.selectArrowIcon li.selected {
    box-shadow: none !important;
}

.selectArrowIcon li.disabled {
    display: none !important;
}

.selectArrowIcon li.selected a:after, .selectArrowIcon li.selected:after {
    display: none;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    padding-right: 0;
    margin: 0;
}

.selectArrowIcon .dropdown-menu span {
    padding-right: 0;
}

td .labelGroup label, td .labelGroup {
    display: inline-block;
    vertical-align: middle;
}

    td .labelGroup label {
        margin: 1px 2px;
    }
/*-----------------Multiselect----------------------*/
/*-----------------Multiselect vijay----------------------*/
.multiselectSearch .form-control button.btn.dropdown-toggle {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 12px;
    line-height: 27px;
    background-color: #fff !important;
    background: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: none !important;
    box-shadow: none !important;
}

.multiselectSearch .form-control .filter-option {
    top: 2px !important;
    overflow: hidden;
}

.multiselectSearch .form-control .bs-searchbox {
    padding: 0;
}

    .multiselectSearch .form-control .bs-searchbox input.form-control {
        border-radius: 0;
        border: none;
        height: auto;
        border-bottom: 1px solid #ddd;
        box-shadow: none;
    }

.multiselectSearch .form-control .dropdown-menu.show {
    margin: 0;
    padding: 0;
}

.multiselectSearch .form-control ul li .dropdown-item {
    padding: .25rem 1rem;
    font-size: 12px !important;
    outline: none !important;
    white-space: normal;
    word-break: break-word;
}

.multiselectSearch .bootstrap-select .dropdown-menu.inner {
    max-height: 200px;
}

.multiselectSearch .bootstrap-select .bs-ok-default:after {
    border-width: 0 0.2em 0.2em 0;
    width: 0.5em;
    height: .8em;
    border-color: #6db81f;
}

.multiselectSearch .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.multiselectSearch .plr_30 {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}

.multiselectSearch .zindex1 {
    z-index: 1;
    position: relative;
}

.multiselectSearch .bootstrap-select .no-results {
    font-size: 12px;
    color: #900;
}
/*.form-group .selectArrowIcon .dropdown-toggle::after  { display: none; }*/
.multiselectSearch .floatLabel .selectArrowIcon label {
    top: -20px;
}

.multiselectSearch .floatLabel .bootstrap-select:not(.input-group-btn), .floatLabel .bootstrap-select[class*="col-"] {
    display: block !important;
}

.multiselectSearch .floatLabel .selectArrowIcon .dropdown-menu.show {
    top: 5px !important;
}

.multiselectSearch .form-control .filter-option-inner-inner {
    max-width: 90%;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
/*-----------------Multiselect----------------------*/



/*.ConfirmationMessageLinecrdDetals {
    background: #fff url(../images/backgroundBg1.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}*/

.ConfirmationMessageLinecrdDetals {
    background: #fff url(../images/backgroundBg3.jpg) no-repeat;
    background-position: right;
    background-size: contain;
}

    .ConfirmationMessageLinecrdDetals .modal-dialog.modal-dialog-centered {
        max-width: 525px;
        margin-left: inherit;
        width: 100%;
        margin: 0 5rem;
        text-transform: uppercase;
    }

    .ConfirmationMessageLinecrdDetals .modal-content {
        border: none;
        background-color: transparent;
    }


    .ConfirmationMessageLinecrdDetals .errorMessageDetails {
        line-height: normal;
        /*color: #dd472a;
    padding: 2rem 0 0;*/
    }

.bgOut {
    background: #eee;
}

.ConfirmationMessageLinecrdDetals .errorMessageDetails .Sto {
    font-size: 4rem;
    padding: 1rem 0 0;
    display: block;
    margin: 0;
    font-family: "Gotham-Black";
}

.ConfirmationMessageLinecrdDetals .errorMessageDetails .reloginText {
    font-weight: normal;
    font-size: 22px;
    /*color: #000;*/
    font-family: "Gotham-Light";
    text-transform: initial;
    margin-left: .5rem;
}

.loginBtn {
    padding: 0 1.5rem;
    display: block;
}

    .loginBtn a {
        /*background: #dd472a;*/
        padding: 1rem 3rem;
        font-size: 15px;
        letter-spacing: 2px;
        display: inline-block;
    }


/*onHoverBtn usermanagement*/
.onHoverVisible {
    max-width: 320px;
    min-width: 230px;
    width: 100%;
    position: absolute;
    display: block;
    right: 0;
    transform-origin: right top;
    transform: scale(0, 0);
    transition: all .3s ease-in-out;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
}

    .onHoverVisible .advancedSearchTab {
        top: 10px;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2) !important;
        z-index: 9;
        display: none;
    }

.onHoverBtn:hover .adBtn {
    background: #dd472a;
    color: #fff !important;
}

    .onHoverBtn:hover .adBtn .filterIcon {
        width: 23px;
        height: 23px;
        display: inline-block;
        vertical-align: middle;
        background: url(../images/filterIcon.png) no-repeat;
        overflow: hidden;
        transition: .2s;
        transform: scale(.7);
        background-position: 0 -26px;
    }

.onHoverBtn:hover .onHoverVisible {
    transform: scale(1, 1);
    opacity: 1;
    z-index: 92;
    visibility: visible;
}

    .onHoverBtn:hover .onHoverVisible .advancedSearchTab {
        display: block;
    }

.onHoverVisible div#UploadnDownload {
    left: auto;
    top: 2px;
    z-index: 92;
}

.onHoverBtn:hover .DnU {
    border-color: #00a8c1;
    color: #00a8c1 !important;
    background: #defbff;
    position: relative;
}


.onHoverBtn .onHoverVisible a.defaultBtn {
    width: 100%;
}

/*onHoverBtn*/


.customTabStyle span.text-success {
    background: #d7fad2;
    padding: 4px 10px;
    display: inline-block;
    white-space: nowrap;
    border-radius: 30px;
    font-size: 11px;
}


.customTabStyle span.text-danger {
    background: #ffd1d3;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 30px;
    white-space: nowrap;
    font-size: 11px;
}

.customTabStyle span.text-aquadark {
    background: #ebfcff;
    padding: 4px 10px;
    display: inline-block;
    white-space: nowrap;
    border-radius: 30px;
    font-size: 11px;
}

.textDark {
    color: #4e4e4e !important;
    border: 1px solid #4e4e4e;
}

    .textDark:hover, a.text-dark:hover {
        background: rgba(0,0,0,.1) !important;
    }

.exportBtn:hover,
.complienceCheckBtn:hover,
.tactionBtn:hover {
    background: #defbff;
}

span.viewIcon {
    margin: 0;
    width: 20px;
    height: 20px;
    opacity: .8;
    background: url(../images/viewFile.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
    margin-right: 5px;
    opacity: .8;
}

span.approvedIcon {
    background: url(../images/approvalIcon.png) no-repeat;
    margin: 0;
    width: 20px;
    height: 20px;
    opacity: .8;
    background-size: contain;
    cursor: pointer;
    margin-right: 5px;
    opacity: .8;
}

.listblock {
    padding-left: .9rem;
}

span.listspanIcon {
    display: inline-block;
    position: absolute;
    /*left: 10px;*/
    left: -10px;
    background-size: 18px !important;
    opacity: .8;
}

span.approvalIcon {
    background: url(../images/approvalIcon.png) no-repeat;
    width: 18px;
    height: 18px;
}

span.uploadFileIcon {
    background: url(../images/uploadFileIcon.png) no-repeat;
    width: 18px;
    height: 18px;
}

span.dataIcon {
    background: url(../images/dataIcon.png) no-repeat;
    width: 18px;
    height: 18px;
}

.disabledfields {
    opacity: .5;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

td .upload-btn-wrapper {
    width: auto;
    /*display: inline-flex;*/
}

    td .upload-btn-wrapper span.downloadIcon, td .upload-btn-wrapper span.UploadIcon {
        margin: auto;
        width: 18px;
        cursor: auto;
        height: 18px;
        opacity: .8;
        background-size: 18px !important;
        margin-right: 5px;
        opacity: .8;
    }

.labelGroup1 .border-info {
    border: 1px solid #00c1d3 !important;
}

.labelGroup1 .text-info {
    color: #00c1d3 !important;
}

.text-info {
    color: #028ea3 !important;
}

td span.text-nodata {
    background: #f3f3f3;
    padding: 4px 10px;
    display: inline-block;
    white-space: nowrap;
    border-radius: 30px;
    font-size: 11px;
    color: #a1a1a1 !important;
}

.text-dangerStatus {
    color: #FFBF00 !important;
}


td span.text-dangerStatus {
    background: #ffe9b8;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 30px;
    white-space: nowrap;
    font-size: 11px;
}



/*...............*/
/*.tableDataWrap table tr td {
    max-width: 10vw;
    word-break: break-word;
}*/

.tableDataWrap table tr td, .tableDataWrap tr th {
    max-width: 9vw;
    word-break: break-word;
    width: 100%;
}

table#tbl_AVTDataList tbody tr td.tdproddesc span {
    display: block;
    white-space: nowrap;
    max-width: 10vw;
    text-overflow: ellipsis;
    overflow: hidden;
}

.changeType h2 {
    font-family: "Gotham-Black" !important;
    padding-bottom: 9px !important;
}

.changeType {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    margin: 1rem 0;
    padding: 1rem;
}

    .changeType.removeStyle {
        background-color: transparent;
        border: none;
        padding: 0rem;
    }




span.refreshIcon {
    background: url(../images/refresh.svg) no-repeat;
    height: 15px;
    width: 20px;
    background-size: contain;
    display: inline-block;
    margin-right: 5px;
}

.not-allowed {
    cursor: not-allowed !important;
}

.d-flex.justify-content-between.listblock {
    position: relative;
    padding-right: 1.5rem;
}

.remarkinfo {
    height: 20px;
    width: 20px;
    border: 1px solid #17a2b8;
    border-radius: 50px;
    text-align: center;
    color: #17a2b8;
    position: absolute;
    right: -6px;
    background: #fff;
    line-height: 20px;
    font-family: monospace;
}

.remarkinfoMPN {
    height: 19px;
    width: 19px;
    border: 1px solid #17a2b8;
    border-radius: 50px;
    text-align: center;
    color: #17a2b8 !important;
    background: #fff;
    line-height: 19px;
    display: block;
}

    .remarkinfoMPN:hover {
        background: #17a2b8;
        color: #fff !important;
    }

.infoSelected .remarkinfoMPN {
    background: #17a2b8;
    color: #fff !important;
}

ul#ul_MPN li {
    display: flex;
    padding-right: .5rem;
}

    ul#ul_MPN li a {
        text-decoration: none;
        display: block;
        width: 20px;
        height: 20px;
        text-align: center;
        margin: 0 0px 0 5px;
    }

.createIconEdit {
    background: url(../images/create.svg) no-repeat center;
    background-size: 75%;
    display: inline-block;
    width: 20px;
    height: 20px;
    opacity: .8;
}

ul#ul_MPN li a:hover .createIconEdit {
    opacity: 1;
}
/*------12 June 2020--------------------------*/
.borderBtn {
    background: transparent;
    color: #644070 !important;
    border: 1px solid #644070 !important;
}

    .borderBtn:hover {
        background: #f8f9fa !important;
    }

.addTemplateModal {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 1rem 0;
}

    .addTemplateModal table tr td {
        padding: 5px;
        vertical-align: middle;
    }

    .addTemplateModal .table thead th, .addTemplateModal .table tbody td {
        padding: 6px 0.4rem;
        word-break: break-word;
        white-space: normal;
    }

    .addTemplateModal .table thead th {
        background: #f9f9f9;
        padding: 1rem 1.2rem;
    }

    .addTemplateModal table tr td select {
        border: none !important;
        width: 150px;
    }

.radioWrapper {
    max-width: 420px;
}

    .radioWrapper input[type="radio"] + label {
        cursor: pointer;
    }

    .radioWrapper input[type="radio"]:checked + label {
        border: 1px solid #9261c4;
        box-shadow: 0 2px 15px rgba(0,0,0,.2) !important;
        cursor: default;
        font-family: "Gotham-Black";
    }

        .radioWrapper input[type="radio"]:checked + label::after {
            content: "";
            position: absolute;
            height: 24px;
            width: 24px;
            text-align: center;
            border-radius: 50%;
            background: #9261c4 url(../images/radioCheckIcon.png) no-repeat center;
            display: inline-block;
            background-size: 58%;
            top: -12px;
            right: -12px;
        }

.fixed_table_container table tbody {
    height: 200px;
    overflow-y: scroll;
}

.radioWrapper input[type=radio] {
    opacity: 0;
    display: none;
}

.radioWrapper .input-group-prepend .uploadDataIcon {
    background: url(../images/uploadData.png) no-repeat center;
    background-size: 100%;
}

.radioWrapper .input-group-prepend .addImageIcon {
    background: url( "../images/imgUpload.png") no-repeat center;
    background-size: 100%;
}

.radioWrapper .input-group-prepend .uploadDataSheetIcon {
    background: url( ../images/uploadDataSheet.png) no-repeat center;
    background-size: 100%;
}

.addTemplateModal .table thead tr th:last-child, .addTemplateModal .table tbody tr td:last-child {
    border-left: 1px solid #eee;
    background: #f9f9f9;
}

span.disabledDownload {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
}

/*.fixed_table_container table tbody tr:hover {
    color: #f3690c;
}
.addTemplateModal .table tbody tr:hover td:last-child select {
    color: #f3690c;
}*/

.highLightMapRow {
    color: #f3690c !important;
}

.highLightMapRowRemove {
    color: #4e4e4e !important;
}

.radioWrapper {
    max-width: 420px;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -1rem;
}

    .radioWrapper label {
        width: 100%;
        padding: 1.8rem 2rem;
        transition: .2s;
        margin: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .radioWrapper > div {
        flex-basis: auto;
        flex-grow: initial;
        flex: auto;
        margin: 1rem;
    }

    .radioWrapper input[type="radio"] + label {
        cursor: pointer;
    }

        .radioWrapper input[type="radio"] + label:hover {
            border: 1px solid #9261c4;
        }

    .radioWrapper input[type="radio"]:checked + label {
        border: 1px solid #9261c4;
        box-shadow: 0 2px 15px rgba(0,0,0,.2) !important;
        cursor: default;
        color: #35408f;
        font-family: "Gotham-Black";
    }

        .radioWrapper input[type="radio"]:checked + label::after {
            content: "";
            position: absolute;
            height: 24px;
            width: 24px;
            text-align: center;
            border-radius: 50%;
            background: #9261c4 url(../images/radioCheckIcon.png) no-repeat center;
            display: inline-block;
            background-size: 58%;
            top: -12px;
            right: -12px;
        }

.fixed_table_container table tbody {
    height: 200px;
    overflow-y: scroll;
}

.radioWrapper input[type=radio] {
    opacity: 0;
    display: none;
}

.radioWrapper .input-group-prepend .uploadDataIcon {
    background: url(../images/uploadData.png) no-repeat center;
    background-size: 100%;
}

.radioWrapper .input-group-prepend .addImageIcon {
    background: url( "../images/imgUpload.png") no-repeat center;
    background-size: 100%;
}

.radioWrapper .input-group-prepend .uploadDataSheetIcon {
    background: url( ../images/uploadDataSheet.png) no-repeat center;
    background-size: 100%;
}

.radioWrapper .input-group-prepend .nativeFileIcon {
    background: url( ../images/nativeFileIcon.png) no-repeat center;
    background-size: 100%;
}

/*-----------15 June Download Data and View UploadFiles---------------------*/
.multiselectSearch .filterdata .selectedValue {
    border: 1px solid #f3690c;
    color: #000000;
}

    .multiselectSearch .filterdata .selectedValue [data-role="remove"]:after {
        border: none;
        font-size: 18px;
        content: "\00d7"; /* This will render the 'X' */
        font-weight: 100;
        color: #f3690c;
    }

.newAccordian .card-header {
    padding: 1rem 1rem 1rem 0;
}

    .newAccordian .card-header:after {
        content: "\002D";
        cursor: pointer;
        float: right;
        font-family: "Gotham-Light";
        line-height: 0;
        font-size: 28px;
        color: #b2b2b2;
    }

    .newAccordian .card-header.collapsed:after { /* symbol for "collapsed" panels */
        content: "\002B";
        color: #000;
    }

    .newAccordian .card-header:before {
        content: "Collapse";
        cursor: pointer;
        float: right;
        position: absolute;
        right: 40px;
        font-size: 12px;
        color: #f3690c;
        margin: 1px;
    }

    .newAccordian .card-header.collapsed:before { /* symbol for "collapsed" panels */
        content: "Expand";
        color: #9b9b9b;
    }

    .newAccordian .card-header.collapsed a {
        color: #000000;
    }

    .newAccordian .card-header a {
        color: #35408f;
        cursor: pointer;
    }

.form-control.searchIcon {
    background: url("../images/searchIcon.png") no-repeat !important;
    background-size: 14px !important;
    background-position: 100% 50% !important;
}

.form-control.loaderAdded {
    background: url("../images/loading.gif") no-repeat !important;
    background-size: 40px !important;
    background-position: 100% 50% !important;
}

.calendar-table select {
    padding-left: .5rem !important;
    background: url(../images/arrow-down.svg) no-repeat;
    background-size: 7px;
    background-position: 90% 50%;
    border-radius: 3px;
    position: relative;
    z-index: 999;
}

.multiselectSearch .bootstrap-select > select {
    left: 0;
}

.multiselectSearch .form-control .dropdown-menu.show {
    /*    text-transform: capitalize;*/
    width: 100% !important;
    min-width: auto !important;
}

label.mandatory:after {
    content: '*';
    display: inline-block !important;
    color: #f00;
    margin-left: .1rem;
}
/*-----------15 June Download Data and View UploadFiles---------------------*/

.manageColumnContainer button.close {
    position: absolute;
    top: 5px;
    right: 7px;
    outline: none;
    color: #F36905 !important;
    opacity: 1;
    border: 1px solid #F36905;
    font-weight: 100;
    width: 25px;
    z-index: 2;
    height: 25px;
    border-radius: 30px;
    font-size: 1.2rem;
    line-height: 24px;
}

.manageColumnContainer h5.mainHeading {
    position: relative;
}

    .manageColumnContainer h5.mainHeading:before {
        content: '';
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background: url(../images/lockIcon.png) no-repeat;
        background-size: 14px;
        width: 20px;
        height: 20px;
        margin-right: .4rem;
    }

body.opacity {
    overflow: hidden;
}

.manageColumnContainer {
    background: #fff;
    max-width: 500px;
    transition: .4s;
    /*   padding: 15px;*/
    position: fixed;
    margin: 0px auto;
    right: -100%;
    height: 100%;
    min-width: 320px;
    top: 0;
    bottom: 0;
    z-index: 99999;
}

.tempHead {
    color: #000 !important;
}

.manageColumnContainer h5.mainHeading.tempHead:before {
    background: url(../images/viewFile.png) no-repeat !important;
    margin: 0 .4rem;
    height: 22px;
    width: 22px;
    background-size: contain !important;
    border-right: 1px solid #bbb;
    padding-right: 1.8rem;
}

.text-black {
    color: #000;
}

#readOnlyTemplateScroll1 {
    overflow-y: auto;
    max-height: calc(100vh - 50px);
}

.manageColumnContainer.show {
    right: 0px;
}

#readOnlyTemplateScroll1 .availableList li:before {
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#readOnlyTemplateScroll1 .availableList .list-group-item {
    padding: .75rem 1.25rem .75rem 2rem;
}

body.opacity:after {
    content: '';
    position: fixed;
    background: rgba(0,0,0,.6);
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    transition: .2s;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    display: flex;
    right: 40px;
    background-color: rgb(40, 51, 110);
    color: #FFF;
    z-index: 2;
    border-radius: 50px;
    text-align: center;
    background: linear-gradient(90deg, rgba(40, 51, 110, 1) 1%, rgba(100, 64, 112, 1) 49%, rgba(126, 70, 113, 1) 69%, rgba(185, 83, 116, 1) 93%);
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 18px rgba(0,0,0,.4);
}

    .float img {
        height: 24px;
    }

span.hoverText {
    position: absolute;
    pointer-events: none;
    right: 75%;
    white-space: nowrap;
    background-color: #28336e;
    padding: .5rem 1rem;
    visibility: hidden;
    opacity: 0;
    border-radius: 4px;
    color: #fff !important;
    margin-right: 1rem;
    /*    background: linear-gradient(90deg, #28336e 1%, rgba(100, 64, 112, 1) 49%, rgba(126, 70, 113, 1) 69%, rgba(185, 83, 116, 1) 93%);*/
    transform-origin: right;
    transform: scale(0, 1);
    transition: .2s;
}

    span.hoverText:after {
        content: '';
        border-left: 10px solid #28336e;
        position: absolute;
        right: -8px;
        z-index: 999;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        width: 0;
        height: 0;
    }

.float:hover span.hoverText {
    transform: scale(1, 1);
    visibility: visible;
    opacity: 1;
    display: block;
    right: 100%;
}

.mapCol .upload-btn-wrapper span.downloadIcon {
    width: 14px;
    height: 14px;
    background-size: contain;
    background-position: center;
    position: relative;
    top: 1px;
}

.mapCol:hover {
    background-color: #f9f9f9 !important;
}



.availableList li:before {
    content: '';
    position: relative;
    background: url("../images/tick.svg") no-repeat center;
    height: 11px;
    width: 11px;
    opacity: .5;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.selectArrowIcon .text-purpleDark {
    color: #4e448d !important;
}

.fa-calendar {
    background: url("../images/calendarIcon.png") no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    float: right;
    opacity: .5;
    position: absolute;
}

.stepWiseControl .dropdown-menu {
    min-width: auto !important;
    width: 100% !important;
}

b.pencilIcon {
    display: block;
    background: #fff;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
}

.AutoScrollTD {
    max-height: 75px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 15px;
    word-break: break-word;
}


.bootstrap-duallistbox-container select {
    max-height: 150px;
}


.addNewPopup.mb-4.stickDownload {
    position: sticky;
    top: 75px;
}

.globalSearch .searchIcon {
    position: absolute;
    z-index: 2;
    display: block;
    background: url(../images/SearchIcon.png) no-repeat left;
    width: 40px;
    height: 23px;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    opacity: .5;
    color: #aaa;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 15px;
}

.globalSearch .form-control {
    padding-left: 25px;
    font-family: "Gotham-Medium" !important;
    font-size: 12px !important;
    font-size: 14px;
}

.globalSearch input, .globalSearchnput:focus {
    background: #ebebeb;
    border: 1px solid #e9e9e9;
    border: none;
    height: 35px;
}

.globalSearch.selectArrowIcon.darkIcon:after {
    content: '';
    background: url(../images/arrowdark.svg) no-repeat;
    background-size: 91%;
    height: 8px;
    width: 13px;
    opacity: 1;
}

.autoComplete {
    position: relative;
}

    .autoComplete ul {
        list-style: none;
        margin: 0;
        position: absolute;
        background: #fff;
        left: 0;
        right: 0;
        box-shadow: 0 12px 17px 0 rgba(0,0,0,0.15);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border: 1px solid #ddd;
        border-top: none;
        /*
    overflow: hidden;
    margin-top: -200%;
    z-index: -2;
    opacity: 0;
*/
        transform: scale(1, 0);
        transform-origin: top;
        z-index: 2;
        max-height: calc(230px - 0px);
        overflow-y: auto;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .autoComplete.slideDown ul {
        transform: scale(1, 1);
    }

    .autoComplete ul li {
        padding: 8px 15px;
        border-bottom: 1px solid #f1f1f1;
        cursor: pointer;
        display: block;
        text-align: left;
    }


.sepFilter {
    height: 33px;
    line-height: 31px;
    padding: 0px 12px;
}


.singleView {
    align-items: baseline;
    border: 1px solid #acacac;
    border-radius: 3px;
}

    .singleView a.adBtn {
        border: 0 !important;
        height: 100% !important;
        /*border-right: 1px solid #acacac !important;*/
        line-height: 36px;
        position: relative;
        border-radius: 0 !important;
    }

        .singleView a.adBtn:before {
            content: '';
            height: 103%;
            width: 102%;
            left: -1px;
            position: absolute;
            border: 1px solid #dd472a;
            top: -1px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

    .singleView .changeLink {
        background-color: transparent;
        border: none !important;
    }

    .singleView .fa-calendar {
        position: relative;
    }

.borderButton {
    font-size: 12px;
    text-decoration: none !important;
    padding: .75rem .8rem;
    color: #4e4e4e !important;
    border: 1px solid #4e4e4e;
    border-radius: 2px;
    opacity: .8;
    transition: .2s;
}

.smBtn {
    padding: .45rem .8rem;
}

.btnInSingle a {
    padding: .5rem !important;
}

/*BypassMVC start*/

.showHiddenBtn {
    position: absolute;
    left: 0;
    margin-left: -50px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    padding: 1rem;
    border-radius: 3px;
    display: flex;
    margin-top: 5px;
    transform: scale(0);
    transition: .2s;
    opacity: 0;
    visibility: hidden;
    transform-origin: top;
    z-index: 2;
}

    .showHiddenBtn:before {
        content: '';
        border-bottom: 8px solid #fff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        top: -8px;
        position: absolute;
        left: 0;
        right: 0;
        width: 0;
        height: 0;
        margin: auto;
    }

a.invertBtn {
    display: inline-block;
    border: 1px solid #9261c4;
    padding: .3rem .8rem;
    border-radius: 30px;
    color: #9261c4;
    text-decoration: none;
    white-space: nowrap;
}


.hiddenBtnTd:hover .showHiddenBtn {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.bypassMVCAfter:hover {
    border: 1px solid #F36905;
    color: #F36905 !important;
    background: #fff !important;
}

.bypassMVCAfter {
    background: #F36905 !important;
    color: #fff !important;
    border: 1px solid #fff;
}
/*BypassMVC end*/



/*29 july 2020*/

.horizantlStep li .form-group.input-material {
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 2.5rem 1.5rem 1.5rem 1.5rem;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    background: #fff;
}

.horizantlStep li:last-child:before {
    display: none;
}

.horizantlStep li:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 0%;
    background: #00a8c1;
    margin: auto;
    top: 0;
    transition: .2s ease in;
    bottom: 0;
    left: 50%;
    z-index: -1;
}

.horizantlStep li.stepSelected .form-group.input-material {
    border: 1px solid #00a8c1;
}

.horizantlStep li.stepSelected:before {
    width: 100%;
}

.horizantlStep li .form-group.input-material label.floatLabel {
    top: 20px;
    left: auto;
}
/*SDR Transfer Data*/

span.sepRatorOr {
    align-self: center;
    position: relative;
    font-size: 12px;
    font-family: "Gotham-Bold";
    color: #000;
    width: 50px;
    text-align: center;
    height: 50px;
    background: #f6f6f6;
    line-height: 50px;
    border-radius: 30px;
}

    span.sepRatorOr:before {
        content: '';
        position: absolute;
        width: 200px;
        height: 1px;
        background: #c1c1c1;
        top: 0;
        right: 0;
        left: -18px;
        margin: auto;
        bottom: 0;
        z-index: -1;
    }

@media (min-width: 1250px) {
    #LineCardDataUpload .col {
        max-width: 28%;
    }

    span.sepRatorOr:before {
        left: -100px;
    }
}

@media (max-width: 962px) {
    div#LineCardDataUpload .row {
        flex-direction: column;
        max-width: 480px;
        margin: auto;
    }

    span.sepRatorOr:before {
        left: 0px;
        width: 1px;
        height: 200px;
    }

    #LineCardDataUpload .addNewPopup {
        margin: 1.5rem 0 !important;
    }
}

.align-3 {
    display: flex !important;
    justify-content: space-between;
}

    .align-3 > div {
        flex: auto;
        margin: 8px 5px;
        text-align: left;
    }


        .align-3 > div:first-child {
            margin-left: 0;
        }


        .align-3 > div:last-child {
            margin-right: 0;
        }


        .align-3 > div .labelhead {
            font-size: 10px;
            white-space: nowrap;
        }

        .align-3 > div .labelName {
            font-size: 11px;
        }


.rangedBy .labelName {
    white-space: nowrap;
    max-width: 4vw;
    overflow: hidden;
    text-overflow: ellipsis;
}

#div_AutoCompleteLine {
    z-index: 100 !important;
    position: relative;
}

#ul_SupplierLineLst {
    z-index: 100 !important;
}

.WrapWord {
    white-space: nowrap !important;
}

.SetMarginBottom {
    margin-bottom: 0rem !important;
}

.addTemplateModal1 table tr td select {
    border: none !important;
    width: 130px;
}


.addTemplateModal1 .table thead tr th:last-child {
    border-left: none;
}

.addTemplateModal1 .table tbody tr td:last-child {
    border-left: none;
    background: none;
}


/*24 Aug 25 Aug*/

.TabAlignMentLeft {
    max-width: 80%;
}

.TabAlignMentRight {
    float: right;
    position: relative;
    top: 6px;
}

.lineCardDetailIcon {
    background: url(../images/SearchTableList.svg) no-repeat center;
    width: 40px;
    height: 60px;
    transform: scale(.9) !important;
    background-size: 35px;
    margin-right: 7px !important;
}

.createViewRangeIcon {
    background: url(../images/AddFile.svg) no-repeat center;
    width: 40px;
    height: 60px;
    transform: scale(.9) !important;
    background-size: 35px;
    margin-right: 7px !important;
}



.TabAlignMentRight ul li a {
    border: none !important;
    display: flex;
    align-items: center;
    color: #a8a8a8;
    padding: 0 1rem;
    height: 36px;
}

    .TabAlignMentRight ul li a .rangeIcon {
        display: inline-block;
        margin-right: 5px;
        transform: scale(.7);
        width: 44px;
        opacity: .5;
        height: 44px;
        background: url(../images/tabIconNew.png) no-repeat;
    }


    .TabAlignMentRight ul li a.active, .TabAlignMentRight ul li a:hover {
        color: #f36b23;
    }

    .TabAlignMentRight ul li a .rangeIcon.newRangeIcon {
        background: url(../images/tabIconNew.png) no-repeat;
    }

    .TabAlignMentRight ul li a.active .rangeIcon.newRangeIcon,
    .TabAlignMentRight ul li a:hover .rangeIcon.newRangeIcon {
        background-position: 0 -44px;
        opacity: 1;
    }

    .TabAlignMentRight ul li a .rangeIcon.newRangeListIcon {
        background-position: -44px 0;
    }

    .TabAlignMentRight ul li a.active .rangeIcon.newRangeListIcon,
    .TabAlignMentRight ul li a:hover .rangeIcon.newRangeListIcon {
        background-position: -44px -44px;
        opacity: 1;
    }

.TabAlignMentLeft .exportBtn {
    margin-top: -35px !important;
}

/*24 Aug 25 Aug*/

/*For Range On hold for 3.5 release*/
.onholdStatusIcon {
    position: absolute;
    right: 0;
    top: 56px;
    z-index: 1;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    display: flex;
    background: rgba(250,250,250,.7);
    justify-content: center;
    align-items: center;
}

    .onholdStatusIcon img {
        height: 35px;
    }

span.stText {
    background: #ffffff8c;
    padding: 10px;
}

.onholddisableaction {
    cursor: not-allowed;
}

tr.holdRow td {
    opacity: .3;
    pointer-events: none;
}

    tr.holdRow td:last-child {
        pointer-events: all;
        opacity: 1;
    }

tr.holdRow .SetHoldOpacity {
    pointer-events: all;
    opacity: 1;
}

    tr.holdRow .SetHoldOpacity span.setDeActivate {
        opacity: .3;
        pointer-events: none;
    }

.onholddisableaction a {
    pointer-events: none;
}

.onholdStatusIconGrid {
    position: absolute;
    right: 5px;
    top: 11px;
    z-index: 1;
}

    .onholdStatusIconGrid img {
        height: 16px;
    }
/*End For Range On hold for 3.5 release*/







/*1st  Dashboard Start Here*/
.font10 {
    font-size: 10px;
    letter-spacing: .5px;
}

.font35 {
    font-size: 35px;
}

.font30 {
    font-size: 30px;
}

.rangeList {
    list-style: none;
    line-height: normal;
}

    .rangeList li {
        border-right: 1px solid #c1c1c1;
        padding: 0 1.5rem;
        width: 25%;
    }

        .rangeList li:last-child {
            border: none;
        }

.tileYellowBg {
    background-color: #ecb13b;
}

.tilePurpleBg {
    background: #986ed2;
    color: #fff;
    border-left: 10px solid #8855cf;
}

.tileOrangeBg {
    background: #e4742c;
    color: #fff;
    border-left: 10px solid #e26302;
}

.tileInfoBg {
    background: #61b1c8;
    color: #fff;
    border-left: 10px solid #4fa9c3;
}

.dashSelect {
    min-width: 150px;
}

    .dashSelect select {
        border: 1px solid #c1c1c1 !important;
        border-radius: 30px;
        box-shadow: none !important;
    }

    .dashSelect:after {
        right: 12px;
        top: 1px;
    }

.purpleDarkBg {
    background-color: #2b3372;
}

.bg-light-white {
    background: #fbfbfb;
}

.rangeListCollection {
    list-style: none;
}

    .rangeListCollection li {
        padding: 6px 0;
    }

.rotateText i {
    font-style: normal;
    transform: rotate(-90deg) translate(-12px, 0px);
    display: block;
    -webkit-font-smoothing: antialiased;
}

.rangeListCollection .card-body .progress {
    background-color: #e1e1e1;
}

    .rangeListCollection .card-body .progress .progress-bar {
        border-radius: 30px;
    }

@media (min-width: 767px) and (max-width: 992px) {
    .rangeBox > .col-9 {
        padding-left: 0 !important;
    }

    .mbltop {
        margin-top: 2rem !important;
    }

    h2.font35 {
        font-size: 25px;
    }

    .rangeList li {
        padding: 0 1rem;
    }
}

@media (max-width:767px) {
    .mbltop {
        margin-top: 2rem !important;
    }

    .rangeList {
        flex-direction: column;
    }

        .rangeList li {
            border-right: none !important;
            border-bottom: 1px solid #c1c1c1;
            padding: 1rem 0 !important;
            width: 100% !important;
        }

    .font35, .multiselectSearch h3 {
        font-size: 25px;
    }

    .rangeBox > .col-3 {
        max-width: 40%;
        flex: 0 0 40%;
    }

    .rangeBox > .col-9 {
        max-width: 60%;
        flex: 0 0 60%;
    }

    .rangeBox > .col-3 .d-flex {
        flex-direction: column;
        display: block !important;
    }

        .rangeBox > .col-3 .d-flex h2, .rangeBox > .col-3 .d-flex span {
            margin-top: 1rem !important;
            display: block;
        }
}

@media (max-width: 420px) {
    .rangeListCollection li > div {
        width: 100% !important;
        display: table !important;
    }

        .rangeListCollection li > div > div {
            display: table-cell;
            width: 44% !important;
        }

    .multiselectSearch img {
        height: 25px;
    }

    .font35, .multiselectSearch h3 {
        font-size: 25px;
    }

    .rangeList li {
        padding: .6rem 0 !important;
    }
}



.roundedSelect .selectArrowIcon .dropdown {
    border: none !important;
}

.roundedSelect .darkIcon .form-control {
    font-family: "Gotham-Medium";
    min-width: 160px;
    font-weight: 100;
    border: 1px solid #b9b9b9 !important;
    border-radius: 30px !important;
    background: #fff !important;
}

.roundedSelect .selectArrowIcon.darkIcon:after,
.roundedSelect .selectArrowIcon.darkIcon:before {
    display: none;
}

.roundedSelect .selectArrowIcon .dropdown button.btn {
    background-color: transparent !important;
    font-size: 12px;
}

.roundedSelect .bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-left: 15px;
}

.roundedSelect .selectArrowIcon .dropdown-toggle::after {
    right: 10px !important;
}

.multiselectSearch .roundedSelect .form-control ul li .dropdown-item {
    font-family: "Gotham-Medium";
}

.multiselectSearch .roundedSelect .form-control .dropdown-menu {
    top: 4px !important;
    transform: scale(1, 0) !important;
    opacity: 0;
    transition: .2s;
    transform-origin: top !important;
    visibility: hidden;
    display: block !important;
}

    .multiselectSearch .roundedSelect .form-control .dropdown-menu.show {
        top: 40px !important;
        transform: scale(1, 1) !important;
        opacity: 1;
        visibility: visible;
        border-radius: 3px;
    }

.multiselectSearch .form-control .bs-searchbox .form-control {
    border-radius: 0px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: none !important;
}

.multiselectSearch .roundedSelect .form-control .filter-option-inner-inner {
    height: 30px;
    line-height: 30px;
}

.multiselectSearch .roundedSelect .form-control .filter-option {
    top: 0px !important;
    height: 30px;
}

.durationOption .selectArrowIcon {
    width: 100%;
}

.durationOption select {
    min-width: 110px;
}


.dashboardBrand {
    right: auto;
    transform-origin: left top;
    top: 59px;
    border: 1px solid #c1c1c1;
    overflow: hidden;
    min-width: 662px;
}

.selectLabel label {
    position: absolute;
    top: -22px;
}

.selectLabel input {
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #acacac;
    border-radius: 0;
    background-color: transparent !important;
    box-shadow: none !important;
}

.closeBrand {
    font-size: 11px !important;
    border: 1px solid #f30c38 !important;
    font-family: "Gotham-Black";
    font-weight: bold;
}

.dashboardBrand ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

    .dashboardBrand ul li {
        width: 33.33%;
    }

        .dashboardBrand ul li a {
            text-decoration: none;
            position: relative;
            color: #333;
            display: block;
            white-space: normal;
            padding: 5px 0;
            padding-left: 20px;
            padding-right: 10px;
        }

            .dashboardBrand ul li a:before {
                content: '';
                width: 15px;
                display: block;
                float: left;
                height: 15px;
                border: 1px solid #c1c1c1;
                border-radius: 30px;
                margin-right: 10px;
                left: 0;
                position: absolute;
            }

            .dashboardBrand ul li a.selectedBrand {
                color: #f3690c;
            }

                .dashboardBrand ul li a.selectedBrand:before {
                    border: 1px solid #f3690c;
                    background: #ffefe4;
                }

.LightFont {
    font-family: "Gotham-Light";
}
/*1st  Dashboard ENd Here*/



/*2nd Dashboard STart Here*/
.coloredTable th {
    font-family: "Gotham-Medium";
    font-weight: 100;
    vertical-align: bottom;
    line-height: normal;
}

.borderLeft {
    border-left: 7px solid;
}

.purpleBorder {
    border-color: #9261c4;
}


.coloredTable th, .coloredTable td {
    padding: .5rem 1rem;
    height: 52px;
    text-align: center;
}

    .coloredTable td h5, .coloredTable td h3 {
        text-align: left;
    }

    .coloredTable td.pl-0 {
        text-align: left;
    }

.prBg_Light {
    background: #f9f7fc;
}

.roundedCircleDark {
    /*width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    border-radius: 30px;*/
    width: 40px !important;
    height: 40px !important;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 38px;
    border-radius: 50px;
}

.roundedCircle {
    /*width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        line-height: 30px;
        border-radius: 30px;*/
    /*height: 26px;*/
    min-width: 70px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    padding: 1px 5px;
    vertical-align: middle;
    border-radius: 3px;
    font-size: 12px;
}

.firstCol {
    min-width: 160px;
}

.borderOrange {
    border-color: #f3690c !important;
}

.orangeBorderLight {
    border-color: #f3690c !important;
}

.orangeBgLight {
    background: #fdf7f4;
}

.text-skyBlue {
    color: #65a8bf !important;
}

.skyBorderLight {
    border-color: #65a8bf !important;
}

.skyBgLight {
    background: #f7fbfc;
}

.newHeading .mediumFont {
    font-family: "Gotham-Medium";
}

.alignInOne li {
    list-style: none;
    text-align: center;
    border-right: 1px solid #ddd;
    padding: 0 2rem;
}

/*2nd Dashboard ENd Here*/

.durationMinWidth {
    /*min-width: 330px;*/
    min-width: 394px;
}

.agingBtn {
    color: #1062ae;
    text-decoration: none !important;
    border-bottom: #87b0d6 1px solid;
    line-height: 18px;
}

.durationOption .fa {
    position: absolute;
    right: 0;
    top: 3px;
}
/*Range Management Height Reduce css*/
.changeView .d-table-cell.cardTop {
    display: flex !important;
    flex-direction: column;
    width: auto !important;
}

    .changeView .d-table-cell.cardTop span.labelName {
        line-height: 14px;
        font-size: 11px;
    }

    .changeView .d-table-cell.cardTop .align-middle.p-2 {
        padding: 4px !important;
    }

.changeView .actionableDiv span.labelName {
    line-height: normal;
    font-size: 11px;
}

tr.priorityBG.holdRow {
    background: rgba(247, 249, 162, .4) !important;
}

.priorityBG span.stText {
    background: rgba(252, 247, 217, 0.79);
    border-radius: 30px;
    /*background: rgb(252 247 217 / 92%);*/
    padding: 10px;
}

/*Range Management Height Reduce css*/


.sePor {
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    background: #eee;
    border-radius: 30px;
    font-size: 14px;
    margin: auto;
}

.repoPage .globeSearch .Validation {
    position: absolute;
}

.repoPage .customTabStyle .nav-tabs .nav-link {
    padding: .5rem;
}

@media (max-width: 1366px) {
    ul#ul_MPN li {
        max-width: 24.5%;
    }

    .durationOption select {
        min-width: 85px;
    }
}

@media (max-width: 1220px) {
    ul#ul_MPN li {
        max-width: 33%;
    }

    .repoPage .customTabStyle .nav-tabs .nav-link {
        font-size: 11px;
    }
}

.daterangepicker .btn {
    font-weight: normal !important;
    font-family: "Gotham-Medium";
}

.popoverBody .popover {
    box-shadow: 0 6px 8px rgba(0,0,0,.1);
    border: 1px solid #17a2b8;
}

.popoverBody .bs-popover-auto[x-placement^=bottom] > .arrow::before, .popoverBody .bs-popover-bottom > .arrow::before {
    border-bottom-color: #17a2b8;
}

.popoverBody .bs-popover-auto[x-placement^=top] > .arrow::before, .popoverBody .bs-popover-top > .arrow::before {
    border-top-color: #17a2b8;
}

.popoverInnerConetent ul {
    max-height: 100px;
    position: relative;
    overflow: auto;
}

    .popoverInnerConetent ul span {
        font-size: 12px;
    }

    .popoverInnerConetent ul li {
        list-style: none;
        display: inline-block;
        font-size: 11px;
        background: #f9f9f9;
        padding: 2px 4px;
        border-radius: 3px;
        margin: 0 2px 3px 0px;
        border: 1px solid #eee;
    }

.popoverInnerConetent p {
    margin: 0 0 2px;
    font-family: "Gotham-Bold";
    text-transform: uppercase;
    font-size: 11px;
}

ul#ul_MPN li span {
    color: #131212;
}

.minSelect {
    min-width: 152px;
}

@media (min-width: 963px) and (max-width: 1130px) {
    span.custSep {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .upload1, .upload2, .upload3 {
        width: 30%;
    }
}



body.dateStyele .drp-calendar.left.single {
    max-width: 100%;
    width: 100%;
}

.editClick span.editIcon {
    height: 22px;
    width: 22px;
}

.tabTable table tbody tr:last-child td .customStyleDropdown .dropdown-menu.show {
    top: auto !important;
    bottom: -7px;
}

.tabTable table tbody tr:nth-last-child(-n+2) td .customStyleDropdown .dropdown-menu.show {
    top: auto !important;
    bottom: -7px;
}





.fixed_table_container thead {
    width: 100%;
}

.fixed_table_container thead,
.fixed_table_container tbody,
.fixed_table_container tr,
.fixed_table_container td,
.fixed_table_container th {
    display: block;
    border-bottom: 1px solid #c1c1c1 !important;
}

.tableDataWrap.fixed_table_container tbody {
    height: 400px;
    overflow-y: auto;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    position: relative;
    border-bottom: none !important;
}

/*.tableDataWrap.fixed_table_container tbody::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    .tableDataWrap.fixed_table_container tbody::-webkit-scrollbar-thumb {
        background-color: #000000;
    }*/
.fixed_table_container tbody td,
.fixed_table_container thead tr th {
    float: left;
    border-bottom-width: 0;
    border: none !important;
    padding: .5rem .75rem .3rem;
}

.fixed_table_container thead tr th {
    border-bottom: none !important;
}

.fixed_table_container thead tr {
    display: flex;
}

    .fixed_table_container thead tr th:first-child {
        padding-left: 0rem;
    }

.fixed_table_container tr td:first-child {
    padding-left: 0rem;
}


div#div_DateRange .changeLink {
    border-radius: 2px;
    height: 40px;
    line-height: 26px;
    border-color: #d2d2d2;
    cursor: pointer;
}

.addMN2 {
    margin-bottom: -.5rem !important;
}

div#div_DateRange .changeLink .fa {
    top: 1px;
}

#UploadArticleID a.DnU:before {
    bottom: -8px;
}

#div_NPIWorkFlowBatchDataGrid tr#tr_NPIWorkFlowNoRecFnd {
    margin: auto;
    display: flex;
    justify-content: center;
}

.floatLabel .bs-searchbox + .bs-actionsbox {
    background-color: transparent;
    border: none !important;
}

    .floatLabel .bs-searchbox + .bs-actionsbox button {
        font-size: 11px;
        background: #fff !important;
        padding: 10px !important;
        margin: 5px;
        border-radius: 3px !important;
        /*box-shadow: 0 0 3px rgba(0,0,0,.2) !important;*/
        color: #4e4e4e !important;
        border: 1px solid #4e4e4e !important;
        text-transform: uppercase;
    }

        .floatLabel .bs-searchbox + .bs-actionsbox button:hover {
            background: linear-gradient(260deg, rgba(45,52,110,1) 0%, rgba(95,63,112,1) 35%, rgba(185,83,116,1) 100%) !important;
            color: #fff !important;
            border: 1px solid transparent !important;
        }

.singleView a.adBtn:after {
    content: '';
    position: absolute;
    bottom: -7px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
}

.singleView a.adBtn.collapsed:after {
    display: none;
}

.exportBtn.border-danger {
    border-color: #ff0000 !important;
    color: #f00 !important;
}

.table #tb_NPIWorkFlowBatchDataLst td, #tbl_NPIWorkFlowBatchDataLst thead th, #filterTableLineCard td, #filterTableLineCard th {
    padding: .3rem .75rem;
    vertical-align: middle;
}

#filterTableLineCard td {
    padding: .4rem .75rem;
}

#tbl_NPIWorkFlowBatchDataLst thead th, #filterTableLineCard th {
    vertical-align: top;
}

.table #tb_NPIWorkFlowBatchDataLst td .smwidth {
    min-width: 25px;
    height: 20px;
    border-radius: 3px !important;
    font-size: 78%;
}

.table #tb_NPIWorkFlowBatchDataLst td .forBox {
    margin-bottom: -6px;
}

#tbodympnlist td {
    padding-top: .4rem;
    padding-bottom: .4rem;
}

.legendStyle span .rounded {
    border-radius: 2px !important;
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    padding: 0 5px !important;
}

#tbody_dupRangeCheck td {
    vertical-align: middle;
}

/*2 Sep 2020 */
.withBottomborder .bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-left: 0px;
}

.withBottomborder .darkIcon .form-control {
    border: none !important;
    border-bottom: 1px solid #b9b9b9 !important;
    border-radius: 0 !important;
}

.multiselectSearch .withBottomborder .form-control .dropdown-menu.show {
    top: 31px !important;
}

.withBottomborder .selectArrowIcon .dropdown-toggle::after {
    right: 3px !important;
}
/*2 Sep 2020*/


/*.onholdStatusIconSKUGrid {
    position: relative;
    right: 446px;
    bottom: 8px;
    z-index: 1;
    width: 100px;
}*/

.onholdStatusIconSKUGrid img {
    height: 21px;
}

tr.holdRow td {
    position: relative;
}

.onholdStatusIconSKUGrid {
    position: absolute;
    z-index: 1;
    /*right: 270px;*/
    /*right: 202%;*/
    margin: auto;
    text-align: center;
    top: 0;
    bottom: 0;
    /*width: 279px;*/
    display: flex;
    align-items: center;
}

tr.holdRow label div.slider {
    cursor: not-allowed !important;
    opacity: .3 !important;
    pointer-events: none !important;
}

.setBorderBottom {
    border-bottom: 1px solid #e0e0e0 !important;
}

.PMNameBlock {
    /*border: 1px solid #ddd;
    padding: 5px 15px 0;
    border-radius: 3px;*/
}

.chipStructure {
    background: #f4f3f4;
    padding: 10px;
    border-radius: 3px;
}

.pm_Names {
    position: relative !important;
    white-space: normal !important;
    max-width: 100% !important;
    top: auto !important;
    margin: 0 !important;
}

    .pm_Names span {
        background: #9371cc;
        padding: 2px 5px;
        display: inline-block;
        border-radius: 3px;
        font-size: 11px;
        color: #fff;
        margin: 0 4px !important;
    }

.lastUpdatedText {
    /*position: absolute;
    right: 20px;
    top: 20px;
    text-align: right;*/
    color: #bbb !important;
    position: absolute;
    right: 20px;
    top: 34px;
    text-align: right;
    z-index: 99;
    border: 1px dashed #eee;
    padding: 8px 10px;
    border-radius: 3px;
    background: #fff;
}

    .lastUpdatedText span {
        border-top: 1px dashed #eee;
        color: #f3690c;
        padding-top: .25rem !important;
        margin-top: .25rem !important;
    }

#selectSupplierArrowIcon input {
    padding-right: 1.5rem;
}

select#ddlduration {
    min-width: 145px;
}

.selectDuration {
    min-width: 335px;
}

.mainBox {
    margin-bottom: 20px;
}

.innerBox p {
    font-family: Gotham-Medium;
}

.mainBox .innerBox {
    margin-bottom: 0px;
}

.innerBox {
    margin-bottom: 20px;
}

.mainBox b {
    font-weight: normal;
    font-family: Gotham-Bold;
}

.divProductCopyData {
    /*background: #f9f9f9;*/
    padding-right: 13px;
    border-radius: 3px;
    position: relative;
    max-height: calc(80vh - 250px) !important;
    overflow-y: auto;
}

.close.re {
    position: absolute;
    right: 0;
    margin: 1rem;
    z-index: 9;
    background: #fff;
}

.MPNToolTip {
    font-family: monospace;
}

td.tdproddesc span {
    display: block;
    white-space: nowrap;
    max-width: 10vw;
    text-overflow: ellipsis;
    overflow: hidden;
}

tbody#tbody_AD tr td {
    vertical-align: middle;
}

.tableNewStyle table {
    border-spacing: 0px 10px;
    border-collapse: separate;
    white-space: nowrap;
    margin: 0;
}

    .tableNewStyle table tbody tr {
        background: #fff;
        box-shadow: 0 0 5px rgba(0,0,0,.1);
        height: auto;
        border-radius: 5px !important;
        overflow: hidden;
    }

    .tableNewStyle table tr td, .tableNewStyle table tr th {
        border: none;
        padding: .75rem !important;
    }

        .tableNewStyle table tr td:nth-child(2) {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .tableNewStyle table tr td:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .tableNewStyle table tr td span.labelName {
            padding: 0;
            width: 100%;
            max-width: 100px;
            text-overflow: ellipsis;
            overflow: hidden;
            display: inline-block !important;
        }

        .tableNewStyle table tr td.labelNametd {
            max-width: 40px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.tableNewStyle .customPagination ul {
    background-color: transparent;
}


.tableNewStyle .page-item.disabled .page-link {
    background-color: transparent;
}

.tableNewStyle .multiselectSearch .text-purpleDark {
    /*color: #fff !important;*/
    font-size: 14px !important;
}

.tableNewStyle .purpleDarkBg .multiselectSearch {
    padding: 0 !important;
}

.tableNewStyle .purpleDarkBg .form-group.input-material .form-control {
    background-color: #fff !important;
    border: none !important;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 30px !important;
}

.tableNewStyle .purpleDarkBg .form-control.searchIcon {
    background-position: 96% 49% !important;
}

.tableNewStyle .purpleDarkBg .selectArrowIcon:after {
    right: 11px;
}

.tableNewStyle .purpleDarkBg .withBottomborder .selectArrowIcon .dropdown-toggle::after {
    right: 11px !important;
}

select#ddl_DurationType {
    min-width: 101px;
}

select#ddl_Month {
    min-width: 90px;
}

select#ddl_Quarter {
    min-width: 150px;
}

select#ddl_Year {
    min-width: 65px;
}

select#ddl_Semester {
    min-width: 150px;
}

.tableNewStyle .purpleDarkBg .gradientBtn.defaultBtn {
    background: #1062ae !important;
}

.tableNewStyle .purpleDarkBg .defaultBtn {
    color: #fff !important;
    border-color: #fff !important;
}

span.CorrelationId {
    max-width: 126px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}

tbody#tbody_dupRangeCheckView tr td span {
    /*overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    max-width: 100%;
    vertical-align: middle;*/
}

td span.editUserEmail.labelnameTd {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    max-width: calc(6vw);
}

#tb_NPIWorkFlowBatchDataLst span.editUserEmail {
    max-width: 100px;
    max-width: calc(6vw);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}

.moreColumn table tbody tr td {
    padding: 5px 10px;
}



tbody#tblPCDataBody tr td {
    vertical-align: middle;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #e3451e;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #e3451e;
}

#tblSKUDataBody tr td {
    vertical-align: middle;
}

#tblSKUDataBody span.text-truncate {
    max-width: 5vw;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}


#tableScroll tbody td, #tableScroll thead tr th {
    max-width: 20%;
    vertical-align: middle;
    height: 36px;
    line-height: 20px;
}

tbody#tb_NPIWorkFlowBatchDataLst span.text-nowrap.labelnameTd {
    max-width: calc(5vw);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}

#filterTableLineCard td a.labelnameTd {
    max-width: calc(6vw);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}

tbody#tb_RangeList td {
    vertical-align: middle;
    line-height: normal;
}

td span.labelnameTd4 {
    max-width: calc(4vw);
    display: inline-block;
    vertical-align: middle;
}

td span.labelnameTd5 {
    max-width: calc(5vw);
    display: inline-block;
    vertical-align: middle;
}

td span.labelnameTd6 {
    max-width: calc(6vw);
    display: inline-block;
    vertical-align: middle;
}

td span.labelnameTd7 {
    max-width: calc(7vw);
    display: inline-block;
    vertical-align: middle;
}

td span.labelnameTd8 {
    max-width: calc(8vw);
    display: inline-block;
    vertical-align: middle;
}

td span.labelnameTd9 {
    max-width: calc(9vw);
    display: inline-block;
    vertical-align: middle;
}

.scrollOnTop .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.scrollOnTop .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    top: -26px;
    bottom: auto;
}

.Validation {
    border-top: 1px solid #f30c38;
    display: block;
    margin-top: -1px;
    padding-top: 1px;
    position: relative;
    width: 100%;
}

.formField .Validation {
    border: none;
    padding-top: 1px;
}

h5.modal-title.pcWorkflow, h5.modal-title span.pcWorkflow {
    max-width: calc(30vw); /*Changed by sandeep from 8 to 30*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stepButton a {
    cursor: pointer;
}

.tab-content .hideOthers .tag span, .tab-content .hideOthers .tag i {
    float: left;
    line-height: normal;
    font-style: normal;
    word-break: break-word;
    max-width: 85%;
}

.listyle li .d-table span.RepoCode {
    display: block;
    max-width: 65%;
    width: auto;
}
/*Rename Category start Here*/
.renameCat {
    color: #555;
    border: 1px solid;
    padding: 4px 8px;
    border-radius: 3px;
    cursor: pointer;
    opacity: 1;
}

.collapsed#btnORenamePopupp {
    color: #555;
    background-color: transparent;
}


    .collapsed#btnORenamePopupp span.createIconEdit {
        background: url(../images/tabIconNew.png) no-repeat;
        width: 26px;
        height: 26px;
        overflow: hidden;
        background-position: 4px 3px;
        background-size: 44px;
        opacity: 1;
        position: relative;
        top: -3px;
        transform: rotate(0deg);
        transition: .2s;
    }

div#btnORenamePopupp span.createIconEdit, div#btnORenamePopupp:hover span.createIconEdit {
    background: url(../images/tabIconNew.png) no-repeat;
    width: 26px;
    height: 26px;
    overflow: hidden;
    background-position: 4px -21px;
    background-size: 44px;
    opacity: 1;
    position: relative;
    top: -1px !important;
}

#btnORenamePopupp:hover, #btnORenamePopupp {
    background: #fff;
    color: #f3722e;
}

div#btnORenamePopupp span.createIconEdit {
    transform: rotate(45deg);
    top: -2px !important;
}

div#RenamePopuppTab {
    max-width: 90%;
}

div#btnORenamePopupp {
    z-index: 99;
    background: #fff;
    position: relative;
}

div#RenamePopuppTab:before {
    content: '';
    position: absolute;
    right: 38px;
    top: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}


div#spnRCategory {
    color: #17a2b8;
    border: 1px solid;
    padding: 2px 6px;
    display: inline-block;
    border-radius: 3px;
}

.renameSearch span.searchIcon {
    background: #e9ecef;
    padding: 11px;
    border-radius: 50px;
}
/*Rename Category End Here*/

span#spn_ValFeedBack {
    border: none;
    margin: 0;
    font-size: 95%;
    padding: 6px 0;
}


p#paraDeleteConfirm {
    white-space: pre-line;
}
/*Supplier Portal Start here*/
.supplierTable tbody tr td {
    vertical-align: middle !important;
    line-height: normal;
}

.supplierTable table tbody tr td .newUpDown i.attachedGreen {
    right: -3px;
    top: -1px;
    width: 12px;
    height: 12px;
}

.supplierTable table tbody td i.uncheckedRed {
    right: -3px;
    top: -2px;
}

.supplierTable table tbody tr td .suppActionDIv {
    max-width: none;
}

.supplierTable table tbody tr td .newUpDown {
    justify-content: center;
}

.supplierTable table tbody td .d-table.actionableDiv.suppActionDIv i.uncheckedRed {
    right: 12px;
}

.supplierTable table tbody tr td .d-table.actionableDiv.suppActionDIv i.attached {
    width: 12px;
    height: 12px;
}

.supplierTable table tbody tr td a.clickable {
    margin: 0;
    width: 21px;
    width: 21px;
}

.addedArrow, .clickable {
    position: relative;
    display: inline-block;
}

    .addedArrow:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 11px solid transparent;
        border-top: 10px solid #eee;
        bottom: -24px;
        left: 0;
        right: 0;
        margin: auto;
    }

/*Supplier Portal End Here here*/

/*Reports Start here*/
#fixedSidepanel {
    transition: .2s;
    scroll-behavior: smooth;
}

.FixedOnTop {
    position: fixed;
    top: 80px;
}

.fixedThead thead th {
    position: sticky;
    top: 58px;
    box-shadow: 0px 1px 0px #04a8c1;
}

ul.commentList {
    margin: 0;
    position: relative;
    max-height: calc(40vh);
    padding-right: 2rem;
    overflow-y: auto;
}


    /* total width */
    ul.commentList::-webkit-scrollbar, ul#ul_ReportColumnList::-webkit-scrollbar {
        background-color: #fff;
        width: 5px
    }

    /* background of the scrollbar except button or resizer */
    ul.commentList::-webkit-scrollbar-track, ul#ul_ReportColumnList::-webkit-scrollbar-track {
        background-color: #fff
    }

    /* scrollbar itself */
    ul.commentList::-webkit-scrollbar-thumb, ul#ul_ReportColumnList::-webkit-scrollbar-thumb {
        background-color: #babac0;
        border-radius: 16px;
    }



    /* set button(top and bottom of the scrollbar) */
    ul.commentList::-webkit-scrollbar-button {
        display: none
    }

/*Reports End here*/

tbody#tblSTDetailsBody td {
    line-height: normal;
}

span.text-danger.bdanger {
    border-top: 1px solid;
    display: block;
    margin-top: -1px;
    padding: 1px 0;
    position: relative;
}

ul#ul_ReportColumnList {
    /*max-height: calc(72vh);*/
    max-height: calc(109vh - 255px);
    overflow-y: auto;
}

div#div_PaginationAD nav {
    box-shadow: none !important;
}

.customPagination ul {
    background-color: transparent;
}

td span.text-dangerStatus.uwe_text {
    font-size: 9px;
}

.checkboxAlignment .show label span {
    position: relative;
    top: 4px;
}

div#div_RSRollBckDialogBox .modal-dialog {
    max-width: 580px;
}

#div_RSRollBckDialogBox .modal-header {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.advancedSearchTab .floatLabel .selectArrowIcon .dropdown-menu.show a.dropdown-item {
    white-space: normal;
}

#accordion label.custom-control-label {
    line-height: normal;
    word-break: break-word;
    max-width: 70%;
    top: auto;
    position: relative;
}

#accordion .custom-control-label::before,
#accordion .custom-control-label::after {
    top: 0;
}

.onholdStatusIconStandardGrid {
    position: absolute;
    z-index: 1;
    right: 270px;
    margin: auto;
    text-align: center;
    top: 0;
    bottom: 0;
    width: 510px;
    display: flex;
    align-items: center;
}

    .onholdStatusIconStandardGrid img {
        height: 21px;
    }



.multiselectSearch .roundedSelect .form-control .dropdown-menu.show {
    min-width: 160px !important;
    max-width: min-content;
    width: auto !important;
}

.multiselectSearch .roundedSelect .form-control ul li .dropdown-item {
    /*white-space: nowrap !important;*/
    white-space: normal !important;
}

.multiselectSearch .roundedSelect.withBottomborder .form-control .dropdown-menu.show {
    min-width: 100% !important;
    max-width: 100%;
    width: 100% !important;
}


span.SkuHeadingCommon {
    position: relative;
    left: 0;
    right: 0;
    top: 0px;
    background: #2b3372;
    width: auto;
    max-width: 66px;
    padding: 3px 12px;
    display: block;
    color: #fff;
    border-radius: 30px;
}

.DateControl::-webkit-input-placeholder { /* Edge */
    opacity: .2;
    color: #acacac;
}

.DateControl:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: .2;
    color: #acacac;
}

.DateControl::placeholder {
    opacity: .2;
    color: #acacac;
}

.siteVersion {
    line-height: normal;
    font-size: 10px;
    letter-spacing: .5px;
    position: absolute;
    bottom: -38px;
    color: #fff;
    left: 0;
    right: 0;
    font-family: "Gotham-Light";
    text-align: center;
}

.copyVersion {
    line-height: normal;
    font-size: 10px;
    letter-spacing: .5px;
    position: absolute;
    bottom: -66px;
    color: #fff;
    left: 0;
    right: 0;
    font-family: "Gotham-Light";
    text-align: center;
}

.innerPortal {
    position: absolute;
    right: 0;
    top: -60px;
}

ul#ul_ReportColumnList li:before {
    position: absolute;
    left: 16px;
    top: 15px;
}

ul#ul_ReportColumnList li {
    padding-left: 40px;
    position: relative;
    padding-top: .6rem;
    padding-bottom: .6rem;
}

table tr td {
    line-height: normal;
}

tbody#tbody_dupRangeCheckView tr td {
    vertical-align: middle;
}

.SetMarginonSupplierDiv {
    /*margin-top: -8px !important;*/
    transition: .2s;
    /*margin-bottom:-6px !important;*/
}

.form-group.input-material.SetMarginonSupplierDiv.show {
    margin-top: 0px !important;
}

.form-group.input-material.SetMarginonSupplierDiv .form-control {
    background: #f1f1f1 !important;
    padding: 12px;
    transition: .2s;
    border: none !important;
    font-size: 13px;
    border-radius: 3px;
}

.form-group.input-material.SetMarginonSupplierDiv.hide .form-control {
    background-color: #fff !important;
    padding: 0;
    font-size: 1rem;
}

div#dvESEmail span, div#dvESPhone span {
    border-top: 1px solid #acacac !important;
    background: #fff !important;
    border-radius: 0 !important;
}

div#div_RDupchkConfirmDialogBox .modal-md {
    max-width: 554px !important;
}


.SupplierTabDetails {
    float: right;
    position: absolute;
    right: 16px;
    top: -65px;
}

    .SupplierTabDetails .modalTabStyle .nav-tabs .nav-link {
        border: none !important;
        margin: 0 !important;
        padding: 0rem 2rem;
        height: 35px;
        display: flex;
        align-items: center;
    }

a#LineCardDTab {
    border-right: 1px solid #ddd !important;
}

.SupplierTabDetails .modalTabStyle a#LineCardDTab {
    padding-right: 1.5rem !important;
    padding-left: .5rem !important;
}

.SupplierTabDetails .modalTabStyle .nav-tabs .nav-link.active span.labelName:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -14px;
    display: block;
    background: #dd472a;
    left: 0;
}

.SupplierTabDetails .modalTabStyle a#DownloadTab {
    padding-right: 0.5rem !important;
}

.SupplierTabDetails .modalTabStyle .nav-tabs .nav-link.active:after, .SupplierTabDetails .modalTabStyle .nav-tabs .nav-link.active:before {
    content: '';
    position: absolute;
    bottom: -24px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #dd472a;
    left: 0;
    right: 0;
    margin: auto;
}

.SupplierTabDetails .modalTabStyle .nav-tabs .nav-link.active:before {
    content: '';
    border-top: 10px solid #fff;
    z-index: 1;
    bottom: -20px;
}

.SupplierTabDetails .lineCardDetailIcon {
    background-size: 32px;
}
/*.upload-btn-wrapper span.downloadIcon {
    margin: 0;
    width: 20px;
    height: 20px;
    opacity: .7;
    background: url(../images/download.svg) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.downloadiIcontab {
    margin: 0;
    width: 50px;
    height: 40px;
    opacity: .7;
    background: url(../images/download.svg) no-repeat;
    background-size: 100%;
    cursor: pointer;
}*/
/*new email section*/
#reminder_modal input::placeholder {
    font-family: "Gotham-Light";
    letter-spacing: .5px;
    opacity: .8;
}

.cke_toolbox {
    display: flex;
}


.note-editor .btn {
    background: #eee !important;
    font-size: 12px !important;
    padding: .4rem .8rem !important;
}



.mailerIcon {
    position: absolute;
    right: 9px;
    height: 17px;
    width: 22px;
    top: 8px;
    opacity: .2;
    background: #fff url(../images/emailIcon.svg) no-repeat right 50%;
    background-size: 20px;
}
/*----------------------------------*/

.fileupload-reset,
.fileupload-start,
.fileupload-cancel {
    display: none !important;
}

.FiletableColOne,
.FiletableColFour {
    display: none !important;
}

table .fileupload-previewrow td[class*="col-"] {
    width: auto;
}

button.fileupload-remove {
    border: none;
    background: transparent;
    color: #f3690c;
    outline: none;
}

    button.fileupload-remove:after {
        content: '\00d7';
        font-size: 15px;
    }


.fileupload-add {
    font-size: 0;
}

.uploadCloudImg {
    width: 82px;
    height: 66px;
    /*   display: block;*/
    background: url(../images/uploadCloud.png) no-repeat center center;
    margin: 0 auto 15px;
    display: none;
}

.uploadBox h6 {
    margin: 0;
    font-size: 12px;
    display: block;
    align-items: center;
    float: left;
    line-height: 29px;
    padding-left: 13px;
    opacity: .5;
    font-family: "Gotham-Light";
}

.uploadOr em {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 10px;
    font-style: normal;
}

.uploadOr {
    display: none;
    font-size: 16px;
    color: #9f9f9f;
    position: relative;
    margin: 20px auto;
    max-width: 250px;
}

    .uploadOr:before {
        content: "";
        position: absolute;
        width: 100%;
        border-bottom: 1px solid #b2b2b2;
        left: 0;
        top: 10px;
    }

.uploadBox {
    text-align: right;
    border: 1px solid #d3dae0;
    /*   padding: 50px;*/
    border-radius: 3px;
}

.browseUpload {
    display: inline-block;
    font-size: 12px;
    padding: 6px 15px;
    color: #495057;
    background-color: #e9ecef;
    border-radius: 0 .25rem .25rem 0;
    border-left: 1px solid #d3dae0;
}

.fileUploadWrapper {
    /*   margin: 30px 0 0;*/
}

.FiletableColTwo {
    color: #000;
    font-weight: normal;
    font-family: "Gotham-Medium";
}

.fileupload-wrapper .fileupload-previewrow {
    font-size: 11px;
}


.fileupload-wrapper table {
    display: block;
    width: 100%;
}

.fileupload-wrapper .fileupload-previewrow {
    font-size: 11px;
    display: flex;
    float: left;
    flex-direction: column;
    border: 1px solid #ddd;
    margin-right: 10px;
    margin-bottom: 5px;
    border-radius: 3px;
    background: #f8f9fa !important;
    line-height: normal;
    position: relative;
}

    .fileupload-wrapper .fileupload-previewrow td {
        max-width: 100%;
        border: none;
        /*    margin: 0 4px;*/
        line-height: normal;
        padding: 1px 15px;
    }

        .fileupload-wrapper .fileupload-previewrow td.FiletableColTwo {
            padding-top: 10px;
            padding-right: 30px;
        }

        .fileupload-wrapper .fileupload-previewrow td.FiletableColThree {
            padding-bottom: 10px;
        }


element.style {
}

table .fileupload-previewrow td[class*="col-"] {
    width: auto;
}

.fileupload-wrapper .fileupload-previewrow td {
    max-width: 100%;
    border: none;
    /* margin: 0 4px; */
    line-height: normal;
    padding: 1px 15px;
}

@media (max-width: 1366px) .table td, .table th {
    padding: .5rem .75rem;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.FiletableColFive {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0 !important;
    width: 21px !important;
    display: block;
    text-align: center;
}


/*new email section end*/

.addTemplateModal .selectArrowIcon:after {
    display: none;
}

.addTemplateModal .selectArrowIcon select {
    content: '';
    background: url(../images/arrow-down.svg) no-repeat right !important;
    display: inline-block;
    top: 0px;
    bottom: 0;
    margin: auto;
    background-size: 10px !important;
}

#tbodyMColumns1 tr td:first-child,
#tbodyMColumns2 tr td:first-child {
    border-right: 1px solid #dee2e6;
}

#tbodyMColumns1 tr td:last-child,
#tbodyMColumns2 tr td:last-child {
    background-color: transparent !important;
    border-left: 1px solid #dee2e6 !important;
}

.SDRColumnAlias {
    min-width: 180px;
    background: #f7f7f7 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 2px !important;
    padding-left: 10px !important;
}


    .SDRColumnAlias::-webkit-input-placeholder { /* Edge */
        opacity: .2;
        font-family: "Gotham-Light";
    }

    .SDRColumnAlias:-ms-input-placeholder { /* Internet Explorer 10-11 */
        opacity: .2;
        font-family: "Gotham-Light";
    }

    .SDRColumnAlias::placeholder {
        opacity: .5;
        font-family: "Gotham-Light";
    }

.editTemplate {
    width: 22px;
    height: 22px;
    margin: auto;
    display: block;
}

.editTemplatedisable {
    width: 22px;
    height: 22px;
    margin: auto;
    display: block;
    opacity: .3;
    /*pointer-events: none;*/
    cursor: not-allowed;
}

a.disabledDelete {
    opacity: .3;
    /*pointer-events: none;*/
    cursor: not-allowed;
}

button.cancelEditBtn {
    background: #f3690c;
    height: 22px;
    width: 22px;
    border: 2px solid #f3690c;
    color: #ffffff;
    border-radius: 40px;
    margin: auto;
    display: block;
    font-size: 14px;
    line-height: 19px;
    outline: none;
}

tr.selectedRow {
    background: #fff1e7;
}

    tr.selectedRow td:first-child {
        padding-left: 10px;
        border-left: 3px solid #f3690d;
    }

.readOnlyColumn {
    pointer-events: none;
    opacity: .5;
}

#mappingmodal #tbodyMColumns1 tr td:last-child,
#mappingmodal #tbodyMColumns2 tr td:last-child {
    background: #f9f9f9 !important;
}

/*.rightCheck .custom-control-label::before, .rightCheck .custom-control-label::after {
    content: '';
    left: auto;
    right: 0;
    border-radius: 30px;
    width: 20px;
    top: -5px;
    height: 20px;
}

.rightCheck .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #b95374;
    background-color: #b95374;
}*/

.dependentText {
    position: absolute;
    left: -1px;
    line-height: normal;
    /* background: #f1f1f1; */
    top: -24px;
    padding: 3px 0;
    text-align: center;
    /* border: 1px solid #dee2e6; */
    z-index: 1;
    font-size: 11px;
}


.ssc .dependentText {
    left: auto;
    white-space: nowrap;
    top: -21px;
    background-color: transparent;
    border: none;
    padding-left: 0;
}

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

/*----------------------*/
.nav-tabs.wizard li {
    width: 100%;
    float: none;
    margin-bottom: 0px;
}

    .nav-tabs.wizard li > * {
        position: relative;
    }

    .nav-tabs.wizard li.completed > * {
        color: #fff !important;
        background-color: #66bb6a !important;
        border-color: #66bb6a !important;
        border-bottom: none !important;
    }

    .nav-tabs.wizard li.active > * {
        color: #fff !important;
        background-color: #FF5722 !important;
        border-color: #FF5722 !important;
        border-bottom: none !important;
    }

    .nav-tabs.wizard li a {
        background: #ffffff;
        display: flex;
        border-radius: 3px;
        margin: 0 8px !important;
        padding: 7px 7px 7px 13px;
        justify-content: space-between;
        border: 1px solid #354093;
        text-decoration: none;
        color: #354093;
        position: relative;
        z-index: 1;
    }

.nav-tabs.wizard a:hover {
    color: #FF5722;
    background-color: #ffe0d6;
    border-color: #ff5722;
}

@media(min-width:992px) {
    .nav-tabs.wizard li:first-child a {
        margin-left: 0 !important;
    }

    .nav-tabs.wizard li:last-child a {
        margin-right: 0 !important;
    }

    .nav-tabs.wizard li {
        position: relative;
        padding: 0;
        text-align: center;
    }

        .nav-tabs.wizard li::after {
            content: '';
            position: absolute;
            width: 20px;
            height: 1px;
            background: #354093;
            margin: auto;
            left: auto;
            right: -10px;
            top: 0;
            bottom: 0;
            z-index: 0;
        }

        .nav-tabs.wizard li:last-child::after {
            display: none;
        }

    .form-control[readonly] {
        cursor: not-allowed;
        opacity: .5;
    }

    span.nmbr {
        padding: 3px;
        background: #35408f;
        width: 18px;
        height: 18px;
        display: block;
        position: relative;
        z-index: 2;
        border-radius: 30px;
        color: #fff;
        line-height: 13px;
        font-size: 11px;
    }

    .nav-tabs.wizard li.active span.nmbr {
        background: #fff;
        color: #FF5722;
    }

    .nav-tabs.wizard li.completed span.nmbr {
        background: #fff;
        color: #66bb6a;
    }

    .nav-tabs.wizard li.completed::after {
        background: #66bb6a;
    }
}

.arrowAdded {
    position: relative;
}

    .arrowAdded:after, .arrowAdded:before {
        content: '';
        border-top: 10px solid #644070;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: auto;
        transition: .2s;
    }

    .arrowAdded:before {
        border-top: 10px solid #fff;
        z-index: 1;
        top: 93%;
    }

ul#ul_ModuleConfiguration li .RangeId,
.LightFont,
/*table#ViewUOM tbody td,*/
.custom-control-label {
    font-family: "Gotham-Light";
}

/*ul#ul_ModuleConfiguration li label.custom-control-label.text-uppercase.font-weight-bold.text-black,
 #tbody_dupRangeCheckView span.font16,
tbody#tb_TotalUsers span.font16,
tbody#tb_SKURequestMonitor span.font16,
table#AttributeTable tbody .attributeName,
table#LovTable tbody .attributeName,
table#UOMTable tbody .attributeName, 
.extraInfoView ul li .colHead span {
    font-family: Gotham-Medium;
    font-weight: normal !important;
}*/
ul#ul_ModuleConfiguration li label.custom-control-label.text-uppercase.font-weight-bold.text-black {
    font-family: Gotham-Medium;
    font-weight: normal !important;
}

div#fixedSidepanel .selectArrowIcon:after {
    margin-top: 4px;
    padding-top: 3px;
}

div#fixedSidepanel .d-flex.align-middle.justify-content-between > div {
    display: flex;
    align-items: center;
    line-height: normal;
}

/*.statusFail {
    background: #fff url(../images/failIcon.svg) no-repeat;
    height: 40px;
    width: 40px;
    display: inline-block;
    position: absolute;
    top: 108px;
    margin: auto;
    left: -21px;
    border-radius:50px;
}*/

.statusFail {
    background: #fff url(../images/failIcon.svg) no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    top: 22px;
    margin: auto;
    right: 35px;
    z-index: 1;
    border-radius: 50px;
}

.rs_data a {
    border: 1px solid;
    padding: 2px 5px;
    display: inline-block;
    border-radius: 2px;
    margin: 3px 0;
    font-size: 11px;
}



.downArrow:after {
    content: '';
    background: url(../images/arrow-down.svg) no-repeat;
    position: absolute;
    right: 2px;
    height: 11px;
    width: 11px;
    display: inline-block;
    background-size: 100%;
    top: 6px;
    bottom: 0;
    margin: auto;
}

span.plusIcon.orangeBtn {
    border-color: #f3690c;
    font-size: 11px;
}

.downArrow .autoComplete ul {
    margin: 0 -1.25rem;
    top: 5px;
}


tbody#tbody_AVTViewCertificate td a {
    display: block;
    max-width: 150px;
    word-break: break-all;
}

.tddisabledfields:before {
    content: '';
    position: absolute;
    right: 96px;
    top: 19px;
    width: 18px;
    height: 18px;
    margin: auto;
    z-index: 2;
    background: url(../images/blocked.svg) no-repeat;
}

.tddisabledfieldsbtn:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 22px;
    width: 15px;
    height: 15px;
    margin: auto;
    z-index: 14;
    background: url(../images/blocked.svg) no-repeat;
}

.setFamilychange {
    position: relative;
    top: 9px;
    width: 15px;
    height: 15px;
    margin: auto;
    left: 14px;
}

.SetFileProgress {
    top: 49px;
    position: relative;
    z-index: 5;
}

#TransactionDataUpload.tddisabledfields {
    top: 38px;
}

.PCDuplicateBlinker {
    text-decoration: none !important;
    font-size: 10px !important;
}

.btnGroup {
    margin-top: -2.5rem !important;
}

.familyNotChanged {
    position: absolute;
    right: 33px;
    top: 11px;
    width: 32px;
    height: 32px;
    opacity: 1;
}

    .familyNotChanged:hover {
        opacity: 1;
    }

    .familyNotChanged:before, .familyNotChanged:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 14px;
        width: 2px;
        background-color: #dc3545;
    }

    .familyNotChanged:before {
        transform: rotate(45deg);
    }

    .familyNotChanged:after {
        transform: rotate(-45deg);
    }




.onholdStatusIcon span.stText {
    padding: 12px 1rem 0 3rem;
    display: flex;
    width: 100%;
    max-width: 299px;
    margin-bottom: -.2rem;
}

    .onholdStatusIcon span.stText span {
        display: block;
        /*width: 50%;*/
    }

span.headingSpace {
    text-align: left;
    padding-right: 0.5rem;
    max-width: 41%;
    width: 100%;
}

span.value {
    text-align: left;
    position: relative;
}

    span.value:before {
        content: ':';
        position: absolute;
        left: -6px;
    }

.PCfamilyNotChanged {
    right: 17px !important;
}

.customModal .imgRadioWrapper.radioWrapper {
    max-width: none;
}

.actionBtndiv.row {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    max-width: 100%;
    margin: auto;
}

.actionBtndiv a {
    display: block;
    text-align: center;
    background: #fff;
    font-family: "Gotham-Light";
    font-weight: 500;
    letter-spacing: .5px;
    padding: 2px;
    border-radius: 3px;
    border: 1px solid;
    text-decoration: none;
}

.actionBtndiv.withIcon {
    max-width: inherit;
}

    .actionBtndiv.withIcon a {
        border: none;
        background-color: #fff;
        display: inline-block;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .3;
        pointer-events: none;
    }

.actionBtndiv.withIcon {
    max-width: 95%;
    justify-content: space-between;
    bottom: 3px;
}

.actionIcons.exceptionIcon {
    background-position: -300px 0;
}

label.approvedCheckbox {
    border-color: #28a745 !important;
    pointer-events: all !important;
    -webkit-filter: none !important;
    filter: none !important;
    opacity: 1 !important;
}

    label.approvedCheckbox:after {
        content: "";
        position: absolute;
        height: 25px;
        width: 25px;
        text-align: center;
        border-radius: 50%;
        background: #fff url(../images/approvedIcon.png) no-repeat center;
        display: inline-block !important;
        background-size: 85%;
        top: -12px;
        display: block;
        right: -12px;
        pointer-events: all !important;
        -webkit-filter: none !important;
        filter: none !important;
        opacity: 1 !important;
    }


label.rejectCheckbox {
    border-color: #f30c38 !important;
    pointer-events: all !important;
    -webkit-filter: none !important;
    filter: none !important;
    opacity: 1 !important;
}

    label.rejectCheckbox:after {
        content: "";
        position: absolute;
        height: 25px;
        width: 25px;
        text-align: center;
        border-radius: 50%;
        background: #fff url(../images/rejectBtn.png) no-repeat center;
        display: inline-block !important;
        background-size: 85%;
        top: -12px;
        display: block;
        right: -12px;
        pointer-events: all !important;
        -webkit-filter: none !important;
        filter: none !important;
        opacity: 1 !important;
    }

.imgRadioWrapperdisable {
    display: none !important;
    visibility: hidden !important;
    border-color: #bbbbbb !important;
}


.imgRadioWrapper input.imgRadioWrapperdisable + label::after {
    display: none;
}

.imgRadioWrapper input.imgRadioWrapperdisable + label {
    pointer-events: none;
    /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;*/
}

.showDataonException {
    pointer-events: all !important;
    -webkit-filter: none !important;
    filter: none !important;
    opacity: 1 !important;
}




.custom-control-input.DisableEsaclation:disabled ~ .custom-control-label::before {
    background-color: #28a745;
    border: 1px solid #28a745;
}

.custom-control-input.DisableEsaclation + label {
    color: #fff !important;
}

.editMPN .createIconEdit {
    background: url(../images/editMPN.png) no-repeat center;
    background-size: 70%;
    opacity: 1;
    margin-left: 6px;
}

.editMPN {
    border-left: 1px dotted #777;
    margin-left: 5px;
    height: 20px;
    align-self: center;
}

.newUpDown span.downloadIconY {
    background: url(../images/downloadY.png) no-repeat;
}

ul.commentList.downloadExcelList {
    display: flex;
    flex-wrap: wrap;
}

.editAttrCpy .createIconEdit {
    background: url(../images/editMPN.png) no-repeat center;
    background-size: 70%;
    opacity: 1;
    margin-left: 6px;
    margin-bottom: -5px;
}

.editAttrCpy {
    border-left: 1px dotted #777;
    margin-left: 5px;
    height: 20px;
    align-self: center;
}





.fontLight {
    font-family: "Gotham-Light";
    font-weight: 500;
}

.sTText {
    background: #d7fad2;
    padding: 2px 10px !important;
    display: inline-block;
    white-space: nowrap;
    border-radius: 30px;
    font-size: 10px;
}

ul.commentList.downloadExcelList {
    display: flex;
    flex-wrap: wrap;
}

    ul.commentList.downloadExcelList li:before {
        display: none;
    }

    ul.commentList.downloadExcelList li {
        padding: 1rem;
        position: relative;
        border-radius: 3px;
        margin: .5rem;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        border: none;
        box-shadow: 0 6px 5px rgba(0,0,0,.1);
        max-width: 25%;
        min-width: 23%;
    }

.supplierRedirect {
    color: #1062ae;
    text-decoration: none !important;
    line-height: 18px;
    display: block;
    padding: 3px 0;
    text-decoration: none;
    cursor: pointer;
}

.inProcessAdded {
    cursor: not-allowed;
}

    .inProcessAdded .initialText {
        opacity: .3;
    }

    .inProcessAdded span.hiddenText {
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }

.selectArrowIcon.inputAdded:after {
    display: none;
}

a#editMovementBtn {
    background: #f3690c;
    border-radius: 30px;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 30px;
    display: block;
    position: absolute;
    left: 95%;
    z-index: 1;
    padding: 0;
    top: 90px;
}

    a#editMovementBtn span {
        width: 28px;
        height: 28px;
        top: 2px;
        position: relative;
    }


span#spnPMApprovalRemar {
    top: 24px;
    right: -13px;
}

.manageWidth {
    text-align: left;
    /*max-width: 320px;*/
}

    .manageWidth ul {
        padding: 4px 0;
        padding-left: 16px;
    }

        .manageWidth ul li {
            padding: 3px 0;
        }

@media screen and (min-height: 768px) {
    .controlScrollBar {
        max-height: none !important;
        overflow: initial !important
    }

        .controlScrollBar .mCustomScrollBox, .controlScrollBar .mCSB_container {
            overflow: initial !important
        }
}

@media only all and (min-width: 1420px) and (min-height: 768px) {

    .controlScrollBar {
        max-height: none !important;
        overflow: initial !important
    }

        .controlScrollBar .mCustomScrollBox, .controlScrollBar .mCSB_container {
            overflow: initial !important
        }
}



.form-group.input-material .form-control::-webkit-input-placeholder { /* Edge */
    color: #acacac;
}

.form-group.input-material .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #acacac;
}

.form-group.input-material .form-control::placeholder {
    color: #acacac;
}

.uploadTabStyle ul li a {
    display: flex;
    align-items: center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

    .uploadTabStyle ul li a.active {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

.csvIcon {
    background: url(../images/csvIcon.svg) no-repeat center;
    width: 40px;
    height: 60px;
    transform: scale(.9) !important;
    background-size: 35px;
    margin-right: 7px !important;
}

.xmlIcon {
    background: url(../images/xmlIcon.svg) no-repeat center;
    width: 40px;
    height: 60px;
    transform: scale(.9) !important;
    background-size: 35px;
    margin-right: 7px !important;
}




.popoverBody.uploadbody .popover-body ul,
.popoverBody.uploadbody .popover-body,
.popoverBody.uploadbody .popover-body p {
    list-style: none;
    font-size: 13px;
}

.popoverBody.uploadbody h3.popover-header {
    font-size: 14px;
}

ul.LanguageList li {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px dashed #eee;
}

    ul.LanguageList li:first-child {
        padding-top: 0;
    }

    ul.LanguageList li:last-child {
        border: none;
        padding-bottom: 0;
    }

.height-100 {
    height: 100% !important;
}

/*Range management*/



.tableScroll {
    overflow-y: auto;
    max-height: calc(80vh - 170px);
    min-height: calc(20vh - 100px);
    border-top: 2px solid #04a8c1 !important;
    margin-top: 48px;
}

    .tableScroll .autoComplete ul {
        max-height: calc(40vh - 105px);
    }

.tableWithVScroll td, .tableWithVScroll th {
    background: #fff;
    color: #000;
    padding: 10px 25px;
}

.tableWithVScroll td {
    font-family: "Gotham-Light";
}

.manageAttable .tableWithVScroll thead tr th {
    border: none !important;
    padding: 0
}

.tableWithVScroll th {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: transparent;
    border: none;
    white-space: nowrap;
}

    .tableWithVScroll th div {
        position: absolute;
        background: #fff;
        z-index: 9;
        min-width: 120px;
        color: #000;
        padding: 9px 25px;
        top: -38px;
        margin-left: -25px;
        line-height: normal;
        /*  border-left: 1px solid #800;*/
    }

.tableWithVScroll th {
    min-width: 120px;
}

    .tableWithVScroll th:first-child div {
        border: none;
    }

.sepRange .sep1 {
    position: absolute;
    top: -28px;
    background: #fff;
    left: 40%;
    border: 1px solid #ddd;
}

span.sepRatorOr.vrcenter {
    background: #fff;
    display: block;
}

span.addIcon {
    font-size: 16px;
    display: block;
    width: 21px;
    height: 21px;
    align-items: center;
    border-radius: 30px;
    border: 1px solid;
    text-align: center;
    margin: 4px 5px 4px 0;
    font-family: "Gotham-Light";
    line-height: 19px;
}

div#uploadByExcel, #HistoryDIv {
    min-height: calc(100vh - 58px);
}

.divProductCopyData {
    position: relative;
}

div#sku_modal .modalTabStyle .nav-tabs .nav-link.active {
    top: 0;
}

div#FamilyAssignment_Modal .historyBlock .accordion {
    max-height: calc(85vh - 100px);
}

div#FamilyAssignment_Modal .formField .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #7e4671;
    /* background-color: #393e41; */
}

div#FamilyAssignment_Modal .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #00a8c1;
    background-color: #7e4671;
}

div#FamilyAssignment_Modal .custom-control-label {
    font-family: "Gotham-Medium";
    color: #7e4671;
}

div#FamilyAssignment_Modal .custom-radio .custom-control-label::before {
    border: #7e4671 solid 1px;
}


.switchButton {
    display: flex;
}

span.switchButton label {
    position: relative;
    display: flex;
    margin: 0;
    align-items: center;
    margin-right: 69px;
    cursor: pointer;
    font-family: Gotham-Light;
    font-weight: 500;
}

    span.switchButton label.active {
        font-family: Gotham-Medium;
        color: #374093;
    }

    span.switchButton label.regularClick:before, span.switchButton label.monthlyClick:before {
        content: '';
        width: 45px;
        height: 12px;
        background: #dfdfdf;
        display: block;
        position: absolute;
        border-radius: 30px;
    }


    span.switchButton label.regularClick:before {
        right: -57px;
    }

    span.switchButton label.monthlyClick:before {
        left: -57px;
    }

    span.switchButton label.regularClick:after, span.switchButton label.monthlyClick:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        background: #374093;
        border-radius: 30px;
        box-shadow: 0 0 .5rem rgba(0,0,0,.15) !important;
        border: 1px solid #fff;
        z-index: 1;
        transition: .2s;
    }

    span.switchButton label.regularClick:after {
        right: -30px;
    }

    span.switchButton label.monthlyClick:after {
        left: -58px;
    }

    span.switchButton label.monthlyClick.active:after {
        left: -30px;
    }

label.regularClick.removeSelection:after {
    opacity: 0;
}


#div_AVTDataUpload table trd td {
    min-width: 50px;
}

.moreColumn_perfect table thead tr th {
    white-space: nowrap;
    padding: 10px;
}

.moreColumn_perfect table tbody tr td {
    padding: 5px 10px;
    border-top: 1px solid #c1c1c1;
}
/* width */
.moreColumn_perfect::-webkit-scrollbar {
    height: 5px;
    border-radius: 10px;
}

/* Track */
.moreColumn_perfect::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
.moreColumn_perfect::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

    /* Handle on hover */
    .moreColumn_perfect::-webkit-scrollbar-thumb:hover {
        background: #555;
        border-radius: 10px;
    }

.heightAuto {
    height: auto !important;
}

.font-weight-normal {
    font-weight: normal;
}


.historyBlock .customTabStyle .nav-tabs li {
    margin: 0;
}

.historyBlock .customTabStyle .nav-tabs a.nav-link {
    margin: 0;
    border-radius: 3px;
    padding: .25rem 1rem;
    opacity: .5;
    border: 0;
}

    .historyBlock .customTabStyle .nav-tabs a.nav-link.active {
        background: #F36905;
        color: #fff;
        border: none !important;
        opacity: 1;
    }

/*coloredTableBucket*/

.coloredTableBucket th, .coloredTableBucket td {
    padding: 1rem;
}

.roundedCircleBucket {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
}

.tableRow {
    position: relative;
    font-size: 16px;
    border: 1px solid #2b3372;
    color: #2b3372 !important;
    width: 20px;
    display: inline-block;
    height: 20px;
    text-align: center;
    line-height: 19px;
    border-radius: 30px;
    text-decoration: none !important;
}

    .tableRow.accordion-toggle.collapsed:before {
        content: '\002B';
    }

    .tableRow.accordion-toggle:before {
        content: '\2212';
        font-family: 'Gotham-Medium';
    }

.setDupDisabled {
    top: 109px;
}

.allowDupOnblinker {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.ondupdisableaction {
    cursor: not-allowed;
}

.lovdownload_temp {
    width: 100%;
    text-align: center;
    display: inline-block;
    line-height: 26px;
    padding: 0 !important;
    margin-bottom: 0;
    background: #fff;
}

    .lovdownload_temp .exportIcon {
        position: relative;
        top: 6px;
        margin-right: 5px;
    }

.form-group.input-material.suppNameList {
    max-width: 400px;
    margin: 0px;
}


/*Added By VJ 08-04-2022*/
.toggleBtn .switch {
    display: inline-block;
    height: 18px;
    position: relative;
    width: 75px;
    margin: 0;
    vertical-align: middle;
}

.toggleBtn .slider:after {
    content: 'Inactive';
    font-size: 11px;
    position: relative;
    margin-left: 22px;
    white-space: nowrap;
    color: rgba(0,0,0, 0.6);
    font-family: "Gotham-Medium";
    font-weight: 100;
    line-height: 18px;
}

.toggleBtn .switch input:checked + .slider:after {
    content: "Active";
    margin-left: 12px;
    font-family: "Gotham-Medium";
    color: #fff;
}

.toggleBtn .switch input:checked + .slider:before {
    transform: translateX(54px);
}

.dottedText {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}


/**.......................*/
.statusTickGreen {
    position: relative;
}

    .statusTickGreen:after {
        content: "";
        height: 16px;
        width: 16px;
        display: inline-block;
        background: #fff url(../images/check_icon.png) no-repeat center center;
        background-size: 100%;
        vertical-align: text-bottom;
    }

.disabledfieldsBusinessrule {
    opacity: 1.5;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.selectedVisibleAttributes .form-control button.btn {
    background: transparent !important;
}

.DATAGOVERNANCE .customTabStyle .nav-tabs .nav-link.active {
    background: transparent;
}

.NormalizationModal .Condition_box.RequestList .ListHeaderr {
    background: #f2f2f2;
}

    .NormalizationModal .Condition_box.RequestList .ListHeaderr h6 {
        margin: 0;
        font-size: 0.8rem;
        padding: 0.5rem 0;
    }

.NormalizationModal .Condition_box.RequestList .listScroll {
    max-height: calc(100vh - 250px);
    overflow: auto;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    margin: 0px 0px 10px 0px;
}

.Condition_box.RequestList ul li {
    padding: 0;
}

.Condition_box.RequestList textarea.form-control-plaintext {
    pointer-events: none;
    border: 1px solid #f2f2f2;
    margin: 5px 0px;
    padding: 5px;
    font-weight: normal;
}

.Condition_box.RequestList .form-control-plaintext {
    pointer-events: none;
}

.Condition_box.RequestList select.form-control-plaintext {
    border: 1px solid #f2f2f2;
    pointer-events: visible;
}

    .Condition_box.RequestList select.form-control-plaintext option {
        padding: 3px;
    }

.NormalizationModal.dataGovernancePop .modal-content {
    min-height: 100%;
}

.NormalizationModal .Condition_box.RequestList .listScroll h6 {
    background: #f2f2f2;
    margin: 0;
    font-size: 0.8rem;
    padding: 0.5rem;
}

.NormalizationModal .Condition_box.RequestList .listScroll .table td {
    font-family: "Gotham-Light";
    padding: 0.5rem 0.75rem;
}

.top0 {
    top: 0 !important;
}

.NormalizationModal .modal-dialog.modal-sm {
    max-width: 300px;
}

    .NormalizationModal .modal-dialog.modal-sm textarea.form-control {
        height: auto;
        margin-bottom: 20px;
        min-height: 80px;
    }

    .NormalizationModal .modal-dialog.modal-sm p span {
        color: red;
    }

.NormalizationModal.dataGovernancePop .modal-dialog.modal-sm .modal-content {
    min-height: auto;
}

@media (max-width: 767px) {
    .modal-dialog-centered {
        align-items: start;
    }

    .NormalizationModal .Condition_box.RequestList .listScroll {
        max-height: inherit;
    }
}

.MPN_SmallTable {
    width: 90%;
}

    .MPN_SmallTable td {
        padding: 0.25rem;
    }

    .MPN_SmallTable tr:last-child td {
        border-bottom: 0px;
        position: relative;
    }

.manageAttable.align-middle .table-responsive {
    overflow-y: hidden;
}

.manageAttable.align-middle .table tbody td {
    vertical-align: middle;
    position: relative;
}

.MPNbtn {
    margin-top: -70px;
}

.MPNcheckbox .custom-control-label::before,
.MPNcheckbox .custom-control-label::after {
    top: 0px !important;
}

.popoverTD {
    position: relative !important;
}

.manageAttable.align-middle .extraInfoView {
    width: 100px;
}

.manageAttable.align-middle .remarkinfo {
    right: auto;
}

/*.actionHover {
    min-height: 20px;
}*/

.AddMPNtabDiv .close {
    color: #f3690c;
    border: 1px solid #f3690c;
    padding: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-weight: 100;
    border-radius: 50px;
    font-size: 20px;
    outline: none;
    opacity: 1 !important;
    margin-right: 0;
    min-width: auto;
    background: #ffffff;
}

.AddMPNListing li {
    list-style: none;
    border-bottom: 1px solid #dee2e6;
    font-weight: bold;
    padding: 0.5rem;
}

    .AddMPNListing li .custom-control-label {
        font-family: "Gotham-Medium";
    }

    .AddMPNListing li:last-child {
        border-bottom: 0px;
    }

.verticalScroll .table tbody {
    display: block;
    max-height: 300px;
    overflow-y: auto;
}

    .verticalScroll .table thead,
    .verticalScroll .table tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.verticalScroll .table thead {
    width: calc(100% - 1em);
}

.labeltitle {
    color: #35408f;
    font-family: "Gotham-Bold";
    font-size: 14px;
    text-transform: uppercase;
    line-height: normal;
}

.moveItembox {
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
}

.verticalScroll.moveItembox .table tbody {
    min-height: 280px;
    max-height: 280px;
}

.trsferIcon {
    position: relative;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 126px;
}

    .trsferIcon .outlinebtn {
        max-width: 100%;
        justify-content: center;
        border-color: #ccc;
        color: #8f8c8c;
    }

        .trsferIcon .outlinebtn:hover {
            background: #f8f8f8;
            color: #f3722e;
        }

.moveItembox .custom-control-label {
    font-family: "Gotham-Medium";
    font-weight: 500;
}

.outlinebtn {
    color: #555;
    z-index: 99;
    background: #fff;
    position: relative;
    border: 1px solid;
    padding: 4px 8px;
    border-radius: 3px;
    cursor: pointer;
    opacity: 1;
    max-width: 90%;
}

    .outlinebtn:hover {
        background: #fff;
        color: #f3722e;
    }

    .outlinebtn span.createIconEdit {
        background: url(../images/add-iconGray.svg) no-repeat;
        width: 23px;
        height: 26px;
        overflow: hidden;
        background-position: center;
        opacity: 1;
        position: relative;
        background-size: 70%;
    }

    .outlinebtn:hover span.createIconEdit {
        background: url(../images/add-iconorange.svg) no-repeat;
        width: 23px;
        height: 26px;
        overflow: hidden;
        background-position: center;
        opacity: 1;
        position: relative;
        background-size: 70%;
    }

    .outlinebtn span.removeIconEdit {
        background: url(../images/deleteIconGray.svg) no-repeat;
        width: 23px;
        height: 26px;
        overflow: hidden;
        background-position: center;
        opacity: 1;
        position: relative;
        background-size: 70%;
    }

    .outlinebtn:hover span.removeIconEdit {
        background: url(../images/deleteIcon.svg) no-repeat;
        width: 23px;
        height: 26px;
        overflow: hidden;
        background-position: center;
        opacity: 1;
        position: relative;
        background-size: 70%;
    }



.NormalizationModal .close {
    color: #f3690c;
    border: 1px solid #f3690c;
    padding: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-weight: 100;
    border-radius: 50px;
    font-size: 20px;
    outline: none;
    opacity: 1 !important;
    margin-right: 0;
}

    .NormalizationModal .close:hover {
        background: #f3690c;
        color: #fff;
    }

.NormalizationModal .modal-dialog {
    max-width: 760px;
    margin: 1.75rem auto;
    height: calc(100vh - 4rem);
}

.Condition_box ul li {
    list-style: none;
    padding: 10px 0px;
    border-bottom: 1px dashed #e9e9e9;
    margin: 0;
}

    .Condition_box ul li:last-child {
        border: 0px;
    }

.NormalizationModal .form-control {
    font-size: 12px;
    color: #4e4e4e;
    border: 1px solid #acacac;
    border-radius: 0.15rem;
    height: calc(1.1em + 0.75rem + 2px);
    line-height: 1.1;
}

.NormalizationModal .selectArrowIcon:after {
    right: 6px;
    height: 9px;
    width: 9px;
}

.NormalizationModal li label {
    color: #aeaeae;
}

.NormalizationModal .listScroll {
    max-height: 130px;
    overflow: auto;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    margin: 0px 0px 10px 0px;
}



.NormalizationModal .modal-content {
    max-height: 95vh;
    overflow: auto;
}

.NormalizationModal .border-light {
    border-color: #f1f1f1 !important;
}

.btnGoBack {
    display: none;
}

.SupplierLogin .btnGoBack {
    display: block;
    margin-left: 30px;
    position: relative;
}

    .SupplierLogin .btnGoBack:before {
        content: "";
        position: absolute;
        left: -22px;
        height: 100%;
        width: 1px;
        background: #aaa;
        top: 0;
    }
/**........Catalogue new css.........*/

/**............*/
.editUserName {
    width: 166px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    border: 1px solid transparent;
}

/*.aBtn {
    width: 60px;
}*/

.table-bordered th {
    background: #F9F9F7;
}

.supportNote {
    font-size: 10px;
    color: rgba(112, 112, 112, 0.5);
}

.custom-control.cardpanel label {
    line-height: 24px;
    display: block;
    padding-left: 24px;
}

.custom-control.cardpanel {
    border: 1px dashed #C1C1C1;
    background: #f0f0f0;
    padding: 5px 10px;
    border-radius: 0.25rem;
}

    .custom-control.cardpanel .custom-control-label::after, .custom-control.cardpanel .custom-control-label::before {
        left: 0;
    }

.supportformat.mt-5 {
    margin-top: 67px;
}
/**........Catalogue new css.........*/
.customSteps {
    background: #F6F6F6;
    box-shadow: 0px 3px 6px #00000029;
    padding: 16px 0;
}

    .customSteps li {
        list-style: none;
    }

        .customSteps li a {
            font-family: "Gotham-Medium";
            color: #000;
            display: flex;
            align-items: center;
        }

            .customSteps li a:hover {
                text-decoration: none;
            }

    .customSteps ul {
        margin: 0;
        padding: 0;
        display: flex;
    }

        .customSteps ul li + li {
            padding-left: 30px;
            position: relative;
        }

    .customSteps li em {
        font-style: normal;
        margin-left: 10px;
    }

    .customSteps li span {
        display: inline-block;
        height: 29px;
        width: 29px;
        border: 1px solid #707070;
        line-height: 29px;
        text-align: center;
        border-radius: 50%;
    }

    .customSteps ul li + li:before {
        content: "";
        width: 25px;
        height: 1px;
        border-bottom: 1px dashed #000;
        position: absolute;
        left: 5px;
        top: 50%;
    }

    .customSteps li.active span {
        background: url('../images/black-check.svg') no-repeat 0 0;
        font-size: 0;
    }

tr.red_row {
    background: rgba(255, 0, 0, 0.05);
}

tr.blue_row {
    background: rgba(4, 168, 193, 0.05);
}

.addheaderBg .modal-header {
    background: #04A8C1;
    color: #fff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem !important;
}

.addheaderBg .modal-title {
    font-size: 14px;
}

.addheaderBg .close {
    color: #fff;
    opacity: 1 !important;
    font-weight: normal;
}

/**........Catalogue new css.........*/

/**  ..............tow col tooltip..............*/
.towcolTooltip li {
    display: flex;
    justify-content: space-between;
}

    .towcolTooltip li strong {
        color: #4e4e4e;
    }

    .towcolTooltip li em {
        font-style: normal;
        margin-left: 10px;
    }

    .towcolTooltip li + li {
        margin-top: 5px;
    }
/**  ..............tow col tooltip..............*/


.custom-radio-label {
    content: "";
    position: absolute !important;
    height: 24px !important;
    width: 24px !important;
    text-align: center !important;
    border-radius: 50% !important;
    background: #9261c4 url(../images/radioCheckIcon.png) no-repeat center !important;
    display: inline-block !important;
    background-size: 58% !important;
    top: -12px;
    right: -12px;
}

.disabled {
    opacity: 0.6; /* Make the disabled group look dimmer */
    pointer-events: none; /* Prevent clicks */
}



/*.......................06.11.2024...........*/
ul.infoList {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

    ul.infoList li {
        list-style: none;
        line-height: normal;
        min-height: 41px;
    }

        ul.infoList li span {
            display: block;
        }

        ul.infoList li.d-flex span {
            line-height: normal;
            margin-right: 10px;
        }

.infoList .pie_progress {
    margin: 0;
}

ul.infoList li.d-flex {
    align-items: center;
}

ul.infoList li + li {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #C1C1C1;
    display: block;
}

ul.infoList li > a {
    display: block;
    height: 100%;
    vertical-align: text-bottom;
    line-height: 41px;
}




/*..........switch css.............*/

.mode label {
    display: inline-block;
}

.mode input[type="checkbox"] {
    display: none;
}

    .mode input[type="checkbox"] + label {
        line-height: 22px;
        height: 24px;
        margin: 0;
        position: relative;
        display: inline-block;
        width: 60px;
        text-align: right;
        border-radius: 50px;
        box-sizing: border-box;
        background: #e5e4e4;
        overflow: hidden;
        cursor: pointer;
        z-index: 1;
        line-height: 25px;
        font-size: 12px;
    }

.mode .onlineText {
    position: relative;
    left: 6px;
}

.mode .offlineText {
    position: relative;
    right: 10px;
}

.mode label[for="off"] {
    margin-right: 7.272727273%;
}

.mode .handler {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    padding: 0;
    border-radius: 50%;
    background: #fff;
    transition: all 0.4s;
    z-index: 3;
    height: 18px;
    width: 18px;
}

.mode .handler-inner {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 41.66666667%;
    height: 41.66666667%;
    border-radius: 50%;
    margin: auto;
    background: #fff;
    z-index: 4;
}

.mode .title {
    position: relative;
    left: -20%;
    color: white;
    opacity: 0;
    transition: all 0.6s;
    z-index: 2;
}

.mode .bg-on {
    position: absolute;
    top: 0;
    left: -82%;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    background: #04A8C1;
    transition: all 0.2s ease-out;
    opacity: 0.99;
    z-index: 1;
}


.mode input[type="checkbox"]:checked + label > .handler {
    left: 65%;
}

.mode input[type="checkbox"]:checked + label > .title {
    opacity: 1;
    left: -10px;
}

.mode input[type="checkbox"]:checked + label > .bg-on {
    left: 0;
}

.mode input[type="checkbox"] + label > .bg-on {
    left: -100%;
}
/*..........switch css.............*/

.table-bordered .form-control.searchIcon {
    background: url(../images/searchIcon1.png) no-repeat !important;
    background-size: 14px !important;
    background-position: 100% 50% !important;
    padding-right: 4px;
}

ul.rangeCountList {
    display: flex;
    padding: 0;
    margin: 0;
}

    ul.rangeCountList li {
        list-style: none;
    }

        ul.rangeCountList li a {
            color: #4E4E4E;
            display: block;
            padding: 4px 10px;
            border-radius: 2px;
        }

        ul.rangeCountList li.active a {
            background: #04A8C1;
            color: #fff;
        }

.showhide {
    display: none;
}

.orOption:after {
    position: absolute;
    content: "OR";
    right: 0;
    z-index: 1;
    background: #F6F6F6;
    top: 50%;
    margin-top: -10px;
    padding: 8px 0;
}


.orOption {
    padding-right: 30px;
}

    .orOption:before {
        border-right: 1px solid #ddd;
        vertical-align: middle;
        position: absolute;
        right: 8px;
        content: "";
        height: 100%;
    }

#reportrange {
    background: #fff url(../images/calendarIcon.png) no-repeat 96% center;
    background-size: 20px;
    background-color: transparent;
}

width height
.historyBlockMainWrapper ::-webkit-scrollbar, .historyBlockMainWrapper .dt-scroll-body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

Track
.historyBlockMainWrapper ::-webkit-scrollbar-track, .historyBlockMainWrapper .dt-scroll-body::-webkit-scrollbar {
    background: #f1f1f1;
}

Handle
.historyBlockMainWrapper ::-webkit-scrollbar-thumb, .historyBlockMainWrapper .dt-scroll-body::-webkit-scrollbar {
    background: #ddd;
}

Handle on hover
.historyBlockMainWrapper ::-webkit-scrollbar-thumb:hover, .historyBlockMainWrapper .dt-scroll-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}



/*....................datatable css........**/

.dt-search {
    display: none;
}

.selectWrap {
    background: url(../images/arrow-down.svg) no-repeat;
}

    .selectWrap select {
        border-bottom: 1px solid #acacac;
        appearance: initial;
        margin-top: 5px;
        height: 18px;
    }

    .selectWrap select {
        background: url(../images/arrow-down.svg) no-repeat 94% center;
        padding-right: 10px;
        display: block;
        background-size: 7px;
        width: 100px;
    }

.custMargin .form-group {
    margin: 20px 0 16px;
}


.GenAIHighScore {
    background: url("../images/GenAIImage.jpg") no-repeat !important;
    background-size: 17px !important;
    background-position: 100% 50% !important;
}


.GenAIMediumScore {
    background: url("../images/GenAIImage.jpg") no-repeat !important;
    background-size: 17px !important;
    background-position: 100% 50% !important;
}


.GenAIScoreIcon {
    background: url("../images/GenAIImage.jpg") no-repeat !important;
    background-size: 22px !important;
    background-position: 100% 50% !important;
}




table.dataTable.nowrap th, table.dataTable.nowrap td {
    text-align: left;
}
/*....................datatable css........**/
/*.bootstrap-select .dropdown-menu {
    max-height: 300px;*/ /* Limits the height of the dropdown */
    /*overflow-y: auto;*/ /* Adds scrolling if the options exceed the height */
/*}*/

.bootstrap-select .btn {
    width: 100%; /* Ensures the dropdown button is full width */
    text-align: left; /* Aligns selected values to the left */
}

.bootstrap-select .dropdown-toggle {
    white-space: normal; /* Allows text wrapping */
}

.selectpicker {
    width: 100%; /* Ensures the select input takes full width */
}

    .selectpicker .bs-searchbox input {
        max-width: 100%; /* Ensures the search box takes full width */
    }

.customDropdown .dropdown-toggle {
    background: transparent;
    padding: 0;
    font-size: 12px;
}

    .customDropdown .dropdown-toggle:after {
        display: none;
    }

    .customDropdown .dropdown-toggle:focus {
        outline: none;
    }

.customDropdown
.dropdown-menu {
    font-size: 12px;
}

    .customDropdown .dropdown-menu .btn {
        font-size: 10px;
    }

.switch-field {
    display: flex;
    margin-bottom: 36px;
    overflow: hidden;
}

.mr-ta {
    margin-top: -20px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, 0.6);
    font-size: 11px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    transition: all 0.1s ease-in-out;
}

    .switch-field label:hover {
        cursor: pointer;
    }

.disabled-label {
    color: gray !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
    pointer-events: none !important; /* prevents clicks */
}

.switch-field input:checked + label {
    background-color: #a5dc86;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 17px 0 0 17px;
}

.switch-field label:last-of-type {
    border-radius: 0 17px 17px 0;
}


/* BusinessRules */

.TabbingBar {
    background: #ffffff;
    box-shadow: 0px 3px 3px #00000029;
    border-radius: 4px;
    position: sticky;
    top: 56px;
    z-index: 1010;
}

    .TabbingBar .customTabStyle .nav-tabs .nav-link {
        padding: 0.7rem 1rem;
    }

.BusinesRuleFillter {
    background: #f8f9fa;
    padding: 0.5rem 0;
    position: sticky;
    top: 99px;
    z-index: 4;
}

.filterSettings {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.FilterContent {
    position: relative;
    margin: 0;
    width: 100%;
}

.arrowBtn {
    border: 0;
    background: transparent;
    padding: 5px;
}

.filterBtn {
    color: #4e4e4e;
    font-size: 0.8rem;
}

.arrowBtn img {
    width: 10px;
}

.manageAttable .BusinessRuleTable tbody tr td {
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #c1c1c1;
    font-family: "Gotham-Light";
}

.filterTabContainer {
    min-height: calc(100vh - 102px);
}

.tableTop {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
}

    .tableTop h6 {
        color: #4e4e4e;
        margin-bottom: 0;
        font-size: 0.9rem;
        font-family: "Gotham-Bold";
    }

.btnOut {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.comButton {
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0.4rem;
    border: 2px solid #04a8c1;
}

.outlinebtn.comButton {
    border: 2px solid #04a8c1;
    color: #04a8c1;
    z-index: 2;
}

.Bgbtn.comButton {
    background: #04a8c1;
    color: #ffffff;
}

.checkboxOuter {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/*--------- Toggle Button CSS Start ---------*/
.btn-toggle {
    margin: 0 4rem 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

    .btn-toggle.toggleYesNo {
        margin: 0 3rem 0 1.7rem;
    }

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

    .btn-toggle:before,
    .btn-toggle:after {
        line-height: 1.5rem;
        width: 4rem;
        text-align: center;
        font-size: 12px;
        position: absolute;
        bottom: 0;
        transition: opacity 0.25s;
        font-weight: normal;
    }

    .btn-toggle:before {
        content: "In-active";
        left: -4.4rem;
        white-space: nowrap;
    }

    .btn-toggle:after {
        content: "Active";
        right: -4rem;
        opacity: 0.5;
    }

    .btn-toggle.toggleYesNo:before {
        content: "No";
        left: -3rem;
        white-space: nowrap;
    }

    .btn-toggle.toggleYesNo:after {
        content: "Yes";
        right: -3.2rem;
        opacity: 0.5;
    }

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

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

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

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

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

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

    .btn-toggle.active {
        background-color: #04a8c1;
    }

/*--------- Toggle Button CSS End ---------*/
.linkColor_green {
    color: #00a8c1 !important;
}

.filterBlueGreen {
    filter: invert(71%) sepia(59%) saturate(6970%) hue-rotate(154deg) brightness(95%) contrast(101%);
}

.btnBBN {
    border: 0;
    background: transparent;
}

.stickyBottom {
    position: sticky;
    bottom: 0;
    background: #ffffff;
    z-index: 3;
    box-shadow: 0px -3px 6px #00000029;
}

.formContent {
    min-height: calc(100vh - 220px);
    overflow-x: hidden;
    overflow-y: auto;
}

.conditionSection {
    background: #ffffff;
    box-shadow: 1px 1px 3px #00000029;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

.filterTabContainer .custom-control-inline {
    min-height: auto;
    margin-right: 0;
}

.cardTop {
    display: flex;
    padding: 0.5rem 0.9rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 1px solid #dddddd;
    align-items: center;
    gap: 3rem;
}

.noteGyey {
    font-family: "Gotham-Light";
    color: #898989;
}
/* Added By Chandrakant*/
.cardFields {
    padding: 1.5rem 0.9rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem;
    /*justify-content: space-between;*/
    align-items: center;
}

    .cardFields .form-group.input-material .form-control {
        min-width: 200px;
    }

/* Added By Chandrakant*/
.cardFieldsAddData {
    background: #f6fafb;
    box-shadow: 0px 0px 3px #00000029;
    border-radius: 4px;
    padding: 0.5rem 0.9rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem;
    /*justify-content: space-between;*/
    align-items: center;
}

    .cardFieldsAddData .form-group.input-material .form-control.disabled {
        border-bottom: 0px solid #acacac;
    }

    .cardFieldsAddData .form-control button.btn.disabled {
        background: transparent !important;
        opacity: 1;
    }

    .cardFieldsAddData .bootstrap-select .dropdown-toggle.disabled:before,
    .cardFieldsAddData .selectArrowIcon .dropdown-toggle.disabled:after {
        display: none;
    }

    .cardFieldsAddData .selectArrowIcon:after {
        display: none;
    }

   /* Added By Chandrakant*/
.dFlex1Space {
    display: flex;
    gap: 0.5rem; 
    align-items: center;
}

.filterTabContainer * > button:focus {
    outline: none;
}

.checkboxOuter .custom-control-label {
    line-height: 25px;
}

.checkboxOuter .custom-radio .custom-control-label:before,
.checkboxOuter .custom-radio .custom-control-label:after {
    margin-top: 4px;
}

.FilterContent .borderButton {
    line-height: normal;
}

.FilterContent .form-group.input-material,
.formContent .form-group.input-material {
    margin-top: 0px;
}

.left-controls {
    align-items: center;
    gap: 1rem;
}

/* businessRule Tab */

.labelGray {
    position: absolute;
    top: -20px;
    color: #aeaeae;
    font-weight: 500;
}

.nav-pills.CustomPills {
    gap: 1rem;
}

    .nav-pills.CustomPills .nav-link {
        border-radius: 2rem;
        border: 1px solid #000000;
        color: #000000;
    }

        .nav-pills.CustomPills .nav-link.active,
        .nav-pills.CustomPills .show > .nav-link {
            color: #fff;
            background-color: #000000;
        }

.form-group.input-material .form-control:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.disabledLabel {
    cursor: not-allowed;
    opacity: 0.5;
}

.dt-length label {
    margin-left: 0.2rem;
}

.TaxonomyList {
    background: #f6fafb;
    box-shadow: 0px 0px 3px #00000029;
    border-radius: 4px;
    padding: 0.5rem 0.9rem;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 0.5rem);
    gap: 1.5rem;
    justify-content: start;
    align-items: center;
    margin-bottom: 1rem;
    margin-left: 4px;
}

.TaxonomyListOption {
    position: relative;
    display: flex;
    align-items: center;
}

    .TaxonomyListOption:after {
        content: "";
        position: absolute;
        border-top: 1px dashed #04a8c1;
        width: 1.5rem;
        height: 1px;
        left: 100%;
    }

    .TaxonomyListOption:last-child:after {
        display: none;
    }

    .TaxonomyListOption label {
        color: #04a8c1;
        position: absolute;
        display: flex;
        height: 100%;
        align-items: center;
        margin: 0;
        padding: 0 0.5rem;
    }

    .TaxonomyListOption select {
        border: 1px solid #04a8c1;
        border-radius: 0.25rem;
        appearance: auto;
        padding: 0.375rem 1rem 0.375rem 1.875rem;
        min-width: 7.5rem;
    }

.radioTabLabel {
    margin: 0;
    border-radius: 2rem;
    border: 1px solid #000000;
    color: #000000;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}

.customRadioTab .custom-control-input:checked ~ .radioTabLabel {
    color: #fff;
    background-color: #000000;
}

.itemCenter {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    flex-wrap: wrap;
}

.RadioDataRow label {
    min-width: 120px;
}

.outlinebtn.comButton {
    max-width: 100%;
}

.RadioDataRow .comButton {
    min-width: 160px;
}

.TransformationUploadContainer {
    width: 100%;
}

.addheaderBg .modal-header {
    background: #04a8c1;
    color: #fff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem !important;
}

.addheaderBg .modal-title {
    font-size: 14px;
}

.addheaderBg .close {
    color: #fff;
    opacity: 1 !important;
    font-weight: normal;
}

.TransformationUploadContainer .customFileUplod {
    background: #f0f0f0;
    border: 1px dashed #c1c1c1;
    padding: 1rem 0.69rem !important;
    position: relative;
    border-radius: 0.5rem;
}

.TransformationUploadContainer .innerFile {
    border: 0;
    padding: 0;
}

body.fileFocus .TransformationUploadContainer .is-active .innerFile {
    border: 0px;
}

.TransformationUploadContainer .beforeUpload {
    display: flex;
    align-content: center;
    justify-content: center;
}

.TransformationUploadContainer span.fileIcon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/IconUploadCloud.svg) no-repeat;
    background-size: 100%;
    background-position: center;
}

.TransformationUploadContainer .customFileUplod input.form-control {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 100% !important;
    width: 100%;
    top: 0;
    z-index: 1;
}

.TransformationUploadContainer .uplaodCardTop {
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    position: relative;
    justify-content: space-between;
}

.viewRuleListSection {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0e1129cc;
    z-index: 9999;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding: 3rem;
}

.RulepageContainer {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    padding: 1.5rem;
}

.modal-open .modal#addNewRuleModal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99999 !important;
    padding: 0 !important;
}

    .modal-open .modal#addNewRuleModal .modal-content {
        height: 100%;
    }

    .modal-open .modal#addNewRuleModal .modal-xl {
        max-width: 100%;
        margin: 0;
        padding: 3rem;
        width: 100%;
        height: 100%;
        min-height: 100%;
        align-items: start;
    }

.grayText {
    color: #707070;
}

.gradientBtn.defaultBtn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.ValidateBtn {
    margin-left: 42%;
}

    .ValidateBtn .custom-control-label {
        display: flex;
        align-items: center;
    }

.DefineExpressionSec {
    width: calc(100% - 40%);
}

.addDefineContainer {
    display: flex;
    background: #ffffff;
    box-shadow: 1px 1px 3px #00000029;
    border: 1px solid #dddddd;
    position: relative;
}

    .addDefineContainer h6 {
        position: sticky;
        top: 0;
        padding: 0.4rem 1rem;
        color: #707070;
        font-size: 0.8rem;
        margin: 0;
        background: #ffffff;
    }

.Borderdivid {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1px;
    padding: 0;
    margin: 0;
    box-shadow: 0px 3px 6px #00000029;
    border: 0;
    min-height: 100%;
    background: #707070;
}

.MoveBtn {
    width: 21px;
    height: 21px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #707070;
    display: inline-flex;
    padding: 15px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    color: #707070;
    position: relative;
}

.addFieldSec {
    width: 40%;
}

.FieldButton {
    padding: 1rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

    .FieldButton button {
        border: 1px solid #04a8c1;
        border-radius: 1.3rem;
        padding: 0.4rem 1rem;
        background: #ffffff;
        color: #04a8c1;
    }

        .FieldButton button:hover,
        .FieldButton button:focus,
        .FieldButton button:focus-visible,
        .FieldButton button.active {
            background: #04a8c1;
            color: #fff;
            outline: 0;
        }

.fieldScroll {
    height: calc(100vh - 300px);
    overflow: auto;
}

.FieldButton textarea.form-control {
    height: calc(100vh - 360px);
    resize: none;
    border: 0;
    padding: 0;
}

table.dataTable a {
    color: #04a8c1;
}

.textGreenSet {
    color: #65ba58;
}

.textRedSet {
    color: #ff4545;
}

.textGreySet {
    color: #c1c1c1;
}

.filterSettings {
    position: sticky;
    top: 100px;
    background: #f8f9fa;
    z-index: 9;
}

/* 29-5-2025 Transactional_Data css */
.tableNewStyle .multiselectSearch .text-purpleDark {
    font-size: 14px !important;
}

.UploadEnriched {
    position: absolute;
    width: 400px;
    right: 0;
    border: 1px solid #cccccc;
    padding: 1rem !important;
    transition: auto;
    margin-top: 1rem;
    z-index: 9;
    background: #ffffff;
}

.uploadSec .CwBTN img {
    filter: brightness(9);
    width: 15px;
    transform: rotate(180deg);
}

.uploadSec .CwBTN:hover img {
    filter: none;
}

.uploadSec a img {
    width: 15px;
}

.tableNewStyle .MVCTable table tbody tr {
    box-shadow: none;
}

.manageAttable .MVCTable tbody tr td {
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #c1c1c1;
    font-family: "Gotham-Light";
}

.tableNewStyle .MVCTable table tr td:nth-child(2),
.tableNewStyle .MVCTable table tr td:last-child {
    border-radius: 0px;
}

.NPIWorkflowHistory .historyBlock .accordion {
    min-height: 130px;
}



/* SupplierScoreCard Css starts here */

.cardBox {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 0.5px solid #d1d1d1;
    border-radius: 0.7rem;
    padding: 1rem;
    min-height: 100%;
}

    .cardBox .card-title {
        border-bottom: 1px solid #c1c1c1;
        color: #000000;
    }

        .cardBox .card-title h6 {
            font-size: 0.9rem;
            margin-bottom: 1rem;
        }

    .cardBox .list-body {
        display: flex;
        justify-content: space-between;
        gap: 2rem;
    }

    .cardBox .list-group-item {
        position: relative;
        display: block;
        padding: 0.75rem 0;
        margin-bottom: 0px !important;
        background-color: #fff;
        border: 0px;
        border-bottom: 1px solid #eeeeee;
        border-radius: 0 !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.highcharts-axis-line {
    stroke: #d1d1d1;
}

.totalCount {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 10px;
}

    .totalCount:after {
        content: "";
        position: absolute;
        border: 1px dashed #d1d1d1;
        width: calc(100% - 20px);
        bottom: 8px;
    }

    .totalCount span {
        position: relative;
        background: #fff;
        z-index: 1;
        padding-left: 5px;
    }

    .totalCount em {
        font-style: normal;
        background-color: #fff;
        z-index: 1;
        padding-right: 5px;
    }

.UploadEnrichedOuter .UploadEnriched {
    position: relative;
    width: 100%;
    right: 0;
    border: 1px solid #cccccc;
    padding: 1rem !important;
    transition: auto;
    margin-top: -20px;
    z-index: 9;
    background: #ffffff;
}

.TDEnrichment.pie_progress svg {
    margin: 0 auto;
    width: 30px !important;
    height: 30px !important;
}



.RangeManagementCard.changeView .d-table-cell.cardTop {
    display: flex !important;
    flex-direction: row;
    width: 100% !important;
    gap: 0;
    text-align: left;
    border: 0;
}

    .RangeManagementCard.changeView .d-table-cell.cardTop .align-middle {
        vertical-align: middle !important;
        width: 100%;
    }

.RangeManagementCard.changeView .actionableDiv .d-block.border-bottom:last-child {
    border-bottom: 0px !important
}




/* businees Rules new changes */
.RulesFilterButtonOuter .filterBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .RulesFilterButtonOuter .filterBtn .arrowBtn:focus {
        outline: none;
    }

    .RulesFilterButtonOuter .filterBtn .arrowBtn {
        font-size: 0.7rem;
        font-weight: normal;
        display: flex;
        gap: 0.5rem;
        align-items: center;
        padding: 0.3rem 1rem;
        border-radius: 50rem;
        background: #ffffff;
        color: #dd472a;
        border: 1px solid #dd472a;
    }

        .RulesFilterButtonOuter .filterBtn .arrowBtn svg {
            fill: #dd472a;
        }

        .RulesFilterButtonOuter .filterBtn .arrowBtn.open {
            background: #dd472a;
            color: #ffffff;
            border-color: #dd472a;
        }

            .RulesFilterButtonOuter .filterBtn .arrowBtn.open svg {
                fill: #ffffff;
            }

        .RulesFilterButtonOuter .filterBtn .arrowBtn svg.filterArrow {
            display: none;
        }

        .RulesFilterButtonOuter .filterBtn .arrowBtn.open svg.filterArrow {
            transform: rotate(180deg);
        }

.ruleListDropdown {
    min-width: 250px;
    appearance: auto;
    margin-left: 1rem;
}

.dividerHr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .dividerHr:after {
        content: "";
        position: absolute;
        width: 100vw;
        height: 1px;
        background: #dbdbdb;
        left: -3rem;
    }

.btn-toggle.toggleAttribute {
    margin: 0 6.5rem 0 6.5rem;
    background: #04a8c1;
}

    .btn-toggle.toggleAttribute:before {
        content: "Attribute Value";
        left: -6.5rem;
        width: auto;
    }

    .btn-toggle.toggleAttribute:after {
        content: "Attribute UOM";
        right: -6.5rem;
        width: auto;
    }

.cardFields {
    padding: 1rem 0.9rem;
}

.radioTabLabel {
    margin: 0;
    border-radius: 0;
    border: 1px solid #04a8c1;
    color: #04a8c1;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}

.customRadioTab .custom-control-input:checked ~ .radioTabLabel {
    color: #fff;
    background-color: #04a8c1;
}

.TabbingBar .customTabStyle .nav-tabs .nav-link {
    padding: 0.7rem 0rem;
    margin-right: 2rem !important;
}

.TaxonomyListOption {
    background: #ffffff;
}

    .TaxonomyListOption .dropdown.bootstrap-select {
        border: 1px solid #04a8c1;
        border-radius: 0.25rem;
        appearance: auto;
        padding: 0.375rem 1rem 0.375rem 1.875rem;
        min-width: 10.5rem;
        background: transparent;
    }

    .TaxonomyListOption .form-control button.btn {
        padding: 0.1rem 0;
    }

    .TaxonomyListOption .selectArrowIcon:after {
        content: "";
        background: url(../images/arrow-down.svg) no-repeat;
        position: absolute;
        right: 6px;
        height: 10px;
        width: 10px;
        display: inline-block;
        background-size: 100%;
        /* top: 6px; */
        top: 0px;
        bottom: 0;
        margin: auto;
        opacity: 0.7;
    }

    .TaxonomyListOption .selectArrowIcon .dropdown-toggle::after {
        display: none;
    }

    .TaxonomyListOption .filter-option-inner {
        overflow: hidden;
        padding-right: 10px;
    }

/* Catalog css start here */
.catalog-header-wrapper {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 6px #c1c1c1;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    margin-top: -0.5rem;
}

.left-catalog-wrapper {
    height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.catlog-tab-wrapper .nav-tabs .nav-item.show .nav-link,
.catlog-tab-wrapper .nav-tabs .nav-link.active {
    background-color: #a5dc86 !important;
    color: black;
}

.catlog-tab-wrapper .nav-tabs {
    border-bottom: 0;
}

    .catlog-tab-wrapper .nav-tabs .nav-item {
        min-width: 8rem;
        background-color: #dfdfdf;
        text-align: center;
    }

        .catlog-tab-wrapper .nav-tabs .nav-item:first-child {
            border-top-left-radius: 16px;
            border-bottom-left-radius: 16px;
        }

        .catlog-tab-wrapper .nav-tabs .nav-item:last-child {
            border-top-right-radius: 16px;
            border-bottom-right-radius: 16px;
        }

    .catlog-tab-wrapper .nav-tabs .nav-link {
        color: black;
    }

.catlog-tab-wrapper .first-PM-tab {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.catlog-tab-wrapper .poc-supplier-tab {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.supplier-name-drop {
    position: absolute;
    right: 0;
    top: 0;
}

.supplier-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.download-catalog-wrapper {
    background-color: #70707022;
    border: 1px solid #f6f6f6;
    height: 70vh;
}

.downloadCatalogContainer {
    background-color: #70707022;
    border: 1px solid #f6f6f6;
}

.catalog-table tbody tr {
    background-color: white;
}

.scrollable-table {
    max-height: 40vh;
    min-height: 30vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.search-central-repo input::placeholder {
    color: #0471fe;
    font-size: 0.75rem;
    padding-left: 30px;
}

.search-central-repo input:focus {
    margin-left: 30px;
}
/* .search-central-repo .form-group.input-material{
   min-width: 250px;
} */
.search-central-repo .search-icon {
    position: absolute;
    top: 10px;
}

.fileUploadWrapper .drop-zone {
    height: 100px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 5px;
    border: 1px dashed #c4c4c4;
    transition: all 0.3s ease;
    background: #f9feff;
}

    .fileUploadWrapper .drop-zone.active {
        background-color: rgba(255, 99, 71, 0.1);
    }

    .fileUploadWrapper .drop-zone i,
    .fileUploadWrapper .drop-zone p {
        color: #8d8d8d;
    }

.drop-zone p {
    margin-top: 15px;
    font-size: 16px;
}

.fileUploadWrapper .row > * {
    width: inherit;
    max-width: inherit;
    padding: 0;
}

.fileUploadWrapper section .row {
    margin-bottom: 10px;
    list-style: none;
    margin: 10px 0px;
    padding: 5px 20px 5px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    background: url(../file-excel-upload.svg) no-repeat 16px center;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #044d5826;
}

    .fileUploadWrapper section .row i {
        color: #6990f2;
        font-size: 30px;
    }

.fileUploadWrapper section .details span {
    color: #000;
}

.fileUploadWrapper .progress-area .row .uploadContent {
    width: 100%;
    margin-left: 15px;
    padding-right: 1rem;
}

.fileUploadWrapper .progress-area .details {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    justify-content: space-between;
}

.fileUploadWrapper .progress-area .uploadContent .progress-bar {
    height: 6px;
    width: 100%;
    margin-bottom: 4px;
    background: #fff;
    border-radius: 30px;
}

.fileUploadWrapper .uploadContent .progress-bar .progress {
    height: 100%;
    width: 0%;
    background: #259e12;
    border-radius: inherit;
}

.fileUploadWrapper .uploaded-area.onprogress {
    max-height: 150px;
}

.fileUploadWrapper .uploaded-area::-webkit-scrollbar {
    width: 0px;
}

.fileUploadWrapper .uploaded-area .row .uploadContent {
    display: flex;
    align-items: center;
}

.fileUploadWrapper .uploaded-area .row .details {
    display: flex;
    flex-direction: column;
}

    .fileUploadWrapper .uploaded-area .row .details .size {
        color: #000a31;
    }

.add-poc {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #7070703c;
    border-radius: 6px;
    position: absolute;
    top: 34px;
    right: 40px;
    z-index: 1111;
    width: 15rem;
}

/*Region #T10#*/

/* SKU_Libray Product Cart #T10# */
.customModal.SKULibaryModal .modal-body {
    max-height: calc(100vh - 114px);
    overflow: auto;
}

.customModal.SKULibaryModal .modal-dialog {
    display: flex;
    min-height: 100%;
}

.SKULibaryModal .modal-header {
    box-shadow: 0px 1px 0px #00000029;
}

.SKULibaryModal .modal-title {
    color: #000000;
    font-family: "Gotham-Bold";
    font-size: 16px;
    text-transform: capitalize;
    line-height: normal;
}

.ProductView {
    background: #f6fafb 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 0px #00000029;
    padding: 0.75rem 1rem;
    margin: 1px 0;
}

.ProductHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ApprovedProduct {
    color: #1daacc;
}

.PointerShapes {
    width: auto;
    position: relative;
    color: #ffffff;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    padding: 0 1rem;
    height: 36px;
    margin: 0;
    justify-content: start;
}

    .PointerShapes:after {
        content: "";
        position: absolute;
        right: -17px;
        top: 0;
        width: 0;
        height: 0;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
    }

.bgcyan {
    background: #4eabc2;
}

    .bgcyan:after {
        border-left: 18px solid #4eabc2;
    }

.bgPurple {
    background: #9161c4;
}

    .bgPurple:after {
        border-left: 18px solid #9161c4;
    }

.ProductHeaderLeft {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.ProductName {
    font-size: 14px;
    color: #000000;
    font-family: "Gotham-Bold";
}

.ProductBody p {
    font-family: "Gotham-Light";
    color: #000;
    margin-top: 0.75rem;
    margin-bottom: 0.3rem;
}

.ProductBody h5 {
    margin: 1rem 0 0.5rem 0;
    font-size: 14px;
    color: #000;
}

.ItemView {
    background: #fbf7ff 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 0px #e3e3e3;
    padding: 0.75rem 1rem;
}

.ApprovedItem {
    color: #9161c4;
}

.SKU_ItemsInfo {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.ItemsSelctedFilters {
    padding: 0px 15px;
    position: relative;
}

    .ItemsSelctedFilters:after {
        content: "";
        position: absolute;
        width: 1px;
        background: #e3e3e3;
        right: -0.5rem;
        height: 100%;
        top: 0;
    }

    .ItemsSelctedFilters:last-child:after {
        display: none;
    }

    .ItemsSelctedFilters label {
        color: #000000;
    }

    .ItemsSelctedFilters span.labelName {
        line-height: normal;
        display: block;
        padding: 0;
        font-family: "Gotham-Light";
        color: #000000;
    }

.SKULibaryModal .modal-footer {
    background: #f6fafb 0% 0% no-repeat padding-box;
    box-shadow: 0px -1px 0px #00000029;
    margin-top: 1px;
}

.greenButton {
    background: #66bb6b 0% 0% no-repeat padding-box;
    border: 1px solid #66bb6b;
    border-radius: 1px;
    padding: 0.3rem 0.5rem;
    font-size: 12px;
    color: #ffffff;
}

.orangeOutlineBtn {
    border: 1px solid #c32b2a;
    color: #c32b2a;
    border-radius: 1px;
    padding: 0.3rem 0.5rem;
    font-size: 12px;
}

.smallImages {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-top: 1px solid #00000029;
    border-bottom: 1px solid #00000029;
}

.SmallImgOuter {
    border: 1px solid #70707031;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem;
}

    .SmallImgOuter img {
        max-width: 100%;
    }

.ProductBody p .readMore {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

.SKU_ProductDetails a {
    color: #8b56c3;
}

.SKU_ProductDetails .mainBox {
    font-family: "Gotham-Light";
}

    .SKU_ProductDetails .mainBox strong {
        font-family: Gotham-Medium;
    }

.SKU_ProductDetails .productCartDetails .product-title {
    color: #000 !important;
    text-transform: capitalize;
    font-size: 14px;
    line-height: normal;
    font-family: "Gotham-Bold";
    margin-top: 0.7rem;
}

.SKU_ProductDetails .divProductCopyData {
    max-height: 417px !important;
    overflow-y: auto;
}

.table-container.smallTable {
    max-height: 165px !important;
}

.table-container {
    max-height: 417px !important;
    overflow-y: auto;
    display: block;
}

.table-fixed-header {
    width: 100%;
    border-collapse: collapse;
}

    .table-fixed-header thead th {
        position: sticky;
        top: 0;
        background: #fff; /* Or your background color */
        z-index: 2;
        border: 0;
    }

    .table-fixed-header th,
    .table-fixed-header td {
        padding: 8px;
        border: 1px solid #ccc;
        text-align: left;
        white-space: nowrap;
    }

.ItemView .withBottomborder .darkIcon .form-control {
    background: transparent !important;
}

.ItemView .form-group.input-material .form-control:focus ~ label,
.ItemView
.form-group.input-material
.form-control[value]:not([value=""]) ~ label,
.ItemView .form-group.input-material label.floatLabel {
    top: -12px;
    font-size: 12px;
    color: #aeaeae;
    font-weight: 500;
    text-transform: capitalize;
    color: #000000 !important;
}

.customModal .ItemView .form-group.input-material {
    margin-top: 10px !important;
}

/* slider */
.SKU_ProductDetails .product-slider-wrapper {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    max-width: 700px;
    margin: 0px auto;
}

.SKU_ProductDetails .thumbnail-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    max-height: 120px;
    overflow-x: hidden;
}

.SKU_ProductDetails .thumbnail {
    border: 1px solid #70707046;
    margin: 0 0 5px 0;
    width: 40px;
    height: auto;
    object-fit: cover;
    cursor: pointer;
    background: #fff;
    padding: 2px;
}

    .SKU_ProductDetails .thumbnail.active {
        border-color: #007bff;
    }

.SKU_ProductDetails .main-preview {
    flex-grow: 1;
    border: 1px solid #70707031;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    height: 140px;
}

    .SKU_ProductDetails .main-preview img,
    .SKU_ProductDetails .main-preview video {
        max-height: 100%;
        max-width: 100%;
    }

.SKU_ProductDetails .arrow-btn {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0;
    height: 15px;
    line-height: 0;
    width: 40px;
    font-size: 14px;
}

    .SKU_ProductDetails .arrow-btn:focus {
        outline: none;
    }

    .SKU_ProductDetails .arrow-btn span {
        font-size: 30px;
        display: inline-block;
        position: relative;
    }

.SKU_ProductDetails #scrollUp span {
    top: -11px;
}

.SKU_ProductDetails #scrollDown span {
    bottom: -14px;
}

.SKU_ProductDetails .arrow-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/*endregion*/
.BTNheight {
    height: 30px;
    display: flex;
    align-items: end;
}

.removeFilter {
    filter: invert(1);
}

.TAB_rightOuter {
    display: flex;
    width: 100%;
    justify-content: end;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    max-width: 420px;
}

    .TAB_rightOuter .form-control {
        width: 220px;
    }

    .TAB_rightOuter .borderBtn {
        background: transparent;
        color: #644070 !important;
        border: 1px solid #644070 !important;
    }

.SKUFillter .FilterContent {
    background: #f8f9fa;
}

    .SKUFillter .FilterContent:before {
        content: "";
        position: absolute;
        background: #f8f9fa;
        height: 100%;
        width: 100%;
        left: -100%;
        top: 0;
    }

    .SKUFillter .FilterContent:after {
        content: "";
        position: absolute;
        background: #f8f9fa;
        height: 100%;
        width: 15px;
        right: -15px;
        top: 0;
    }

.DCG {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.PopupBoxOuter {
    display: none;
    position: absolute;
    top: 30px;
    right: 0px;
    width: 100%;
    padding: 20px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 12px #0000003b;
    border: 1px solid #7070702b;
    border-radius: 4px;
    z-index: 1000;
}

.skuSearchDropdowm {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #0000002c;
    border: 1px solid #7070702b;
    border-radius: 4px;
    right: 0;
    left: inherit;
    width: 310px;
    font-size: 14px;
    padding: 0.7rem;
    top: 50px;
}

    .skuSearchDropdowm .checkboxOuter {
        display: flex;
        gap: 10px;
        flex-flow: column;
        text-align: start;
        justify-content: space-around;
        align-items: start;
    }

.smallOutlineBTN.dangerT {
    color: #ff0000;
    border-color: #ff0000;
}

.smallOutlineBTN.successT {
    color: #28a745;
    border-color: #28a745;
}

.smallOutlineBTN {
    /*    border: 1px solid;*/
    border-radius: 10rem;
    padding: 0.2rem 0.4rem;
}

    .smallOutlineBTN i {
        width: 0.6rem;
        height: 0.6rem;
        display: inline-block;
        border-radius: 100%;
        margin-right: 0.1rem;
    }
/* .smallOutlineBTN:hover i {
  background-color: #ffffff!important;
} */

.TransactionOutput hr {
    border-color: #707070;
    opacity: 0.39;
}

.StepsDes {
    display: inline-flex;
    height: 26px;
    align-items: center;
    background: #222222;
    position: relative;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.8rem;
}

.stepNumber,
.stepName {
    padding: 0 0.7rem;
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.stepNumber {
    background: rgba(255, 255, 255, 0.35);
}

.stepName {
    position: relative;
}

    .stepName:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 13px solid transparent;
        border-left: 22px solid #222222;
        border-bottom: 13px solid transparent;
        right: -21px;
        top: 0;
    }

.gap2 {
    gap: 2rem;
}

.top20 {
    top: -20px !important
}

/* System_Masters - User Permission Configurator*/
.stickyRow {
    position: sticky;
    top: 56px;
    background: #f8f9fa;
    z-index: 9;
}

.UserPermission_Table table {
    width: 100%;
    border-spacing: 0 20px; /* Adds space between rows */
    border-collapse: separate;
}

    .UserPermission_Table table th,
    .UserPermission_Table table td {
        padding: 10px;
        text-align: left;
        vertical-align: middle;
        border: 1px solid #c1c1c1;
    }

    .UserPermission_Table table td {
        padding: 0;
    }

    .UserPermission_Table table th:nth-child(1) {
        width: 20%;
    }

    .UserPermission_Table table th:nth-child(2) {
        width: 37%;
    }

    .UserPermission_Table table th:nth-child(3) {
        width: 32%;
    }

    .UserPermission_Table table th:nth-child(4) {
        width: 15%;
    }

    .UserPermission_Table table td:nth-child(1) {
        padding-left: 10px;
    }

    .UserPermission_Table table th {
        background-color: #ffffff;
        border-bottom: 4px solid #00a8c1;
        color: #000000;
    }

.UserPermission_Table .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f8f8;
}

.UserPermission_Table .table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff;
}

.TDcheckboxToggle .slider:before {
    background-color: #fff;
    bottom: 2.5px;
    content: "No";
    height: 12px;
    left: 4px;
    position: absolute;
    transition: 0.4s;
    width: 12px;
    text-indent: 36px;
    display: flex;
    align-items: center;
    font-family: "Gotham-Light";
    font-size: 13px;
}

.TDcheckboxToggle .switch input:checked + .slider:before {
    content: "Yes";
    text-indent: 21px;
}

.UserPermission_Table td {
    font-family: "Gotham-Light";
}

.UserPermission_Table .module-name {
    font-family: "Gotham-Medium";
    color: #0595ab;
    text-transform: capitalize;
}

.UserPermission_Table table table {
    border: 0;
    border-spacing: 0;
}

    .UserPermission_Table table table tr {
        background-color: transparent !important;
    }

    .UserPermission_Table table table td {
        padding-left: 0;
        padding-right: 0;
        border: 0;
    }

table.table-striped.w-100 .innerTable tbody td {
    height: 37px;
}

.UserPermission_Table table.table-striped.w-100 .innerTable tbody td {
    border-bottom: 1px solid #c1c1c1 !important;
    padding-left: 10px;
}
/* Transactional_Data_popup */
.Transactional_Data_Modal .modal-title {
    color: #000000;
    font-family: "Gotham-Bold";
    font-size: 14px;
    text-transform: uppercase;
    line-height: normal;
}

.Transactional_Data_Modal .SelectedRange {
    color: #35408f;
    font-family: "Gotham-Bold";
    font-size: 16px;
    text-transform: uppercase;
    line-height: normal;
}

.orangeBGbTN {
    background: #dd472a;
    color: #fff !important;
}

.TransactionalStepOuter {
    background: #f8f8f8 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 0px #dadada;
}

.StepsDes {
    display: inline-flex;
    height: 26px;
    align-items: center;
    background: #222222;
    position: relative;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.8rem;
}

.stepNumber,
.stepName {
    padding: 0 0.7rem;
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.stepNumber {
    background: rgba(255, 255, 255, 0.35);
}

.stepName {
    position: relative;
}

    .stepName:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 13px solid transparent;
        border-left: 22px solid #222222;
        border-bottom: 13px solid transparent;
        right: -21px;
        top: 0;
    }

.TransactionalStepOuter .card-header {
    background: #ffffff;
    border-bottom: 1px solid #dedede;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .TransactionalStepOuter .card-header .HeaderTitle p {
        font-family: "Gotham-Medium";
        line-height: normal;
        margin: 0;
        color: #9a9a9a;
    }

    .TransactionalStepOuter .card-header .HeaderTitle {
        margin-left: 3rem;
        padding-left: 2rem;
        border-left: 1px solid #cccccc;
        min-height: 30px;
        color: #000000;
        font-size: 12px;
        align-items: center;
        display: inline-grid;
    }

.Transactional_ActionDropdowm {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #0000002c;
    border: 1px solid #7070702b;
    border-radius: 4px;
    left: 15px;
    right: inherit;
    width: 310px;
    font-size: 14px;
    padding: 0.7rem;
    top: 28px;
}

    .Transactional_ActionDropdowm .checkboxOuter {
        display: flex;
        gap: 10px;
        flex-flow: column;
        text-align: start;
        justify-content: space-around;
        align-items: start;
    }

        .Transactional_ActionDropdowm .checkboxOuter .custom-control-label {
            line-height: 25px;
            font-size: 13px;
        }

.Transactional_Data_Modal.customModal .modal-body {
    max-height: calc(100vh - 60px);
    overflow: auto;
    display: flex;
    flex-flow: column;
    gap: 0.1rem;
}

.Transactional_Data_Modal .Transactional_Table.tableNewStyle table tr td {
    padding: 0.4rem 0.75rem !important;
    border-radius: 0px;
}

.Transactional_Data_Modal .selectedVisibleAttributes .form-control button.btn {
    background: #ffffff !important;
    position: relative;
    padding-right: 16px;
    font-size: 0.7rem;
}

.Transactional_Data_Modal .bootstrap-select .dropdown-menu {
    min-width: 190px;
}

.Transactional_Data_Modal
.bootstrap-select
.dropdown-toggle
.filter-option-inner {
    padding-right: inherit;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.Transactional_Data_Modal
.bootstrap-select.show-tick
.dropdown-menu
.selected
span.check-mark {
    position: absolute;
    display: inline-block;
    right: 4px;
    top: 10px;
}

.TransactionalFilterContent .borderAfter {
    padding: 0;
}

    .TransactionalFilterContent .borderAfter:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        background: #bebcbc;
        left: -12px;
    }

.datadownloadInfo h6 {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
}

.datadownloadInfo p {
    margin: 0;
    font-size: 0.7rem;
}

.datadownloadInfo .InfoPending * {
    color: #d67a3f;
}

.datadownloadInfo .InfoPendingDivider {
    padding: 10px 15px;
    border-left: 1px solid #d67a3f;
}

.datadownloadInfo .InfoTotal * {
    color: #34408f;
}

.datadownloadInfo .InfoTotalDivider {
    padding: 10px 15px;
    border-left: 1px solid #34408f;
}

.Transactional_Data_Modal .customInline {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    background: #f9feff;
    border-radius: 0.4rem;
    padding: 0.3rem;
    border: 1.5px dashed #d7d7d7;
}

.Transactional_Data_Modal .customFileUplod {
    background: transparent;
    border: 0px solid #c1c1c1;
    padding: 0rem !important;
    text-align: center;
    position: relative;
}

.TransactionalFillterOuter {
    background: #ffffff;
    box-shadow: 0px 1px 0px #dadada;
}

.Transactional_Data_Modal.customModal .modal-dialog {
    display: inline-flex;
    max-height: 100%;
}

.TransactionalHistoryTab {
    position: absolute;
    z-index: 999999;
    right: 0;
    top: 60px;
    width: 400px;
    height: calc(100% - 60px);
    box-shadow: -4px 2px 4px #00000029;
    background: #ffffff;
    overflow: auto;
    padding: 1rem;
}

.Transactional_Data_Modal.customModal .historyBlock .accordion {
    border-left: 1px solid #c1c1c1;
    overflow: hidden;
    /* min-height: 189px; */
    max-height: 90%;
    overflow-y: auto;
    min-height: 110px;
}

.Transactional_Data_Modal.customModal .historyHead {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0.5rem;
}

.contentUploadWrp.customModal .modal-dialog {
    display: flex;
}

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

.arrow_box[x-placement="left-start"]::before,
.arrow_box[x-placement="left-start"]::after {
    left: 100%;
    right: auto;
}

.arrow_box[x-placement="left-start"]::before {
    border-right-color: transparent;
    border-left-color: #00a8c1;
}

.arrow_box[x-placement="left-start"]::after {
    border-right-color: transparent;
    border-left-color: #ffffff;
}

.customStyleDropdown .dropdown-menu.show[x-placement="left-start"] {
    left: -21px !important;
}

.paginationWrp .dt-paging-button {
    text-transform: uppercase;
    font-size: 11px;
}

div.paginationWrp.dt-container .dt-paging .dt-paging-button {
    color: #000 !important;
}

    div.paginationWrp.dt-container .dt-paging .dt-paging-button:hover {
        background: #ddd !important;
        color: #000 !important;
    }

    div.paginationWrp.dt-container .dt-paging .dt-paging-button.current,
    div.paginationWrp.dt-container .dt-paging .dt-paging-button.current:hover {
        color: #ffffff !important;
        border: none;
        background: #17a2b8 !important;
    }

    div.paginationWrp.dt-container .dt-paging .dt-paging-button.first,
    div.paginationWrp.dt-container .dt-paging .dt-paging-button.last {
        display: none !important;
    }

.arrowList li:not([style*="display:none"]):not(:has(+ li:not([style*="display:none"])))::after {
    background: none;
}

@media (max-width: 992px) {
    .TransactionalFilterContent .borderAfter {
        padding-left: 15px;
        padding-right: 15px;
    }

        .TransactionalFilterContent .borderAfter:before {
            display: none;
        }
}

.AVTDataUploadClick.disabled {
    pointer-events: none !important; /* Prevent clicking */
    color: #6c757d !important; /* Grey text */
    opacity: 0.6; /* Slightly faded */
    cursor: not-allowed !important; /* Show disabled cursor */
    text-decoration: none; /* Remove underline */
}

.disabledtiles {
    pointer-events: none !important; /* Prevent clicking */
    color: #6c757d !important; /* Grey text */
    opacity: 0.6; /* Slightly faded */
    cursor: not-allowed !important; /* Show disabled cursor */
    text-decoration: none; /* Remove underline */
}


.pageloaderActionable {
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    background-size: 150px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.45);
    z-index: 9999;
}

.disabledBtn {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.focusOutline .form-control:focus-within,
.focusOutline .form-group.input-material .form-control:focus {
    border-bottom: 1px solid #000 !important;
}
/* Product Item Grouping Css */

.Vertical_Border:after {
    content: "";
    height: 32px;
    border-left: 1px dashed #343a40;
    display: flex;
    margin-left: 30px;
}

.TransactionalStepOuter.productItems .card-header .HeaderTitle {
    margin-left: 2.3rem;
    padding-left: 2rem;
    border-left: 1px solid #cccccc;
    min-height: 30px;
    color: #000000;
    font-size: 12px;
    align-items: center;
    display: inline-grid;
}

.bgBorderGrey {
    border-bottom: 1px solid #aeaeae;
    background: rgba(233, 233, 233, 0.55);
}

.right_width {
    width: calc(100% - 194px);
}

.text-darkPurple {
    color: #4e448d !important;
}

.ProductItemGrouping .TransactionalFilterContent .borderAfter {
    padding-left: 15px;
    padding-right: 15px;
}

    .ProductItemGrouping .TransactionalFilterContent .borderAfter:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        background: #bebcbc;
        left: 0px;
    }

.smallBlackHeading {
    font-family: "Gotham-Medium";
    font-size: 12px;
    color: #000000 !important;
}

.ProductAttributesList {
    list-style: none;
    margin: 0;
}

.New_PiGroup_Table .dt-scroll {
    background: #ffffff;
}

.tableNewStyle.New_PiGroup_Table table tr td:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tableNewStyle.New_PiGroup_Table table tr td:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ProductItemGrouping input[type="checkbox"],
.ProductItemGrouping input[type="radio"] {
    width: 15px;
    height: 15px;
}

.ADD_New_PI_GROUP select {
    appearance: auto;
}

.tableNewStyle.ADD_New_PI_GROUP table {
    border-spacing: 0;
}

.Product_item_groupingMain .PIAGroupTabLeft .nav-link {
    display: flex;
    flex-flow: column;
    align-items: start;
    border-radius: 0;
    border-bottom: 4px solid transparent;
    padding: 1rem 1rem;
    gap: 0.5rem;
    color: #000000;
    font-family: "Gotham-Light";
    text-align: left;
    margin: 0.5rem -1px 0.5rem 0;
    border: 1px solid transparent;
    width: calc(100% + 1px);
}

.Product_item_groupingMain .PIAGroupTabLeft .nav-pills .nav-link.active,
.Product_item_groupingMain .PIAGroupTabLeft .nav-pills .show > .nav-link {
    color: #f3690c;
    background-color: #ffffff;
    border-color: #cccccc;
    font-family: "Gotham-Medium";
    border-right: 1px solid #ffffff !important;
}

.Product_item_groupingMain .custom-radio .custom-control-label::before {
    border: #c1c1c1 solid 1px;
    width: 18px;
    height: 18px;
    top: -0.1rem;
}

.Product_item_groupingMain
.custom-radio
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #00a8c1;
    background-color: #fff;
}

.Product_item_groupingMain
.custom-radio
.custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    background-color: #00a8c1;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    top: 0.13rem;
    left: -1.28rem;
}

.leftPanWidth {
    width: 194px;
    max-width: 194px;
}

.PIAGroupTabLeft {
    background: #e9e9e9;
    border-right: 1px solid rgba(154, 154, 154, 0.34);
}

td.PIGroWidth span {
    display: block;
    white-space: nowrap;
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*CSS for view more and less*/
.ProductAttributesList li.hidden {
    display: none;
}

.toggleLink {
    background: transparent;
    color: #04a8c1;
    margin: 3px 0px;
}

    .toggleLink:hover {
        text-decoration: underline;
    }

    .toggleLink:focus {
        outline: none;
    }

.ProductAttributesList {
    list-style: inside decimal;
    margin: 0;
    max-height: 200px;
    overflow: auto;
    padding-left: 0;
    line-height: 20px;
}
/*CSS for view more and less*/

/* Merchandiser ag css starts*/

/*enrichment select language starts here*/
.w-180 {
    min-width: 180px;
}

.select-lan-wrp .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 46%;
}

.select-lan-wrp button:focus {
    outline: none !important;
}
/*enrichment select language ends here*/
/*custom radio with label starts here*/
.customCheckContainer {
    padding: 10px 15px;
    min-width: 250px;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.customCheckWrp input[type="radio"] {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 16px;
    height: 16px;
    top: 4px;
    cursor: pointer;
}

.customCheckWrp label {
    padding-left: 28px;
    font-size: 12px;
    user-select: none;
    font-family: Gotham-Medium;
    color: #212529;
}

    .customCheckWrp label::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        border: 1px solid #c1c1c1;
        border-radius: 50%;
        background: #fff;
        box-sizing: border-box;
        cursor: pointer;
    }

    .customCheckWrp label::after {
        content: "";
        position: absolute;
        left: 4px;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #00a8c1;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        cursor: pointer;
    }

.customCheckWrp input[type="radio"]:checked + label::before {
    border-color: #00a8c1;
}

.customCheckWrp input[type="radio"]:checked + label::after {
    opacity: 1;
}
/*custom radio with label ends here*/

/*product classification starts here*/
.ff-gotham-med {
    font-family: "Gotham-Medium";
}

.bulkTranOutputWrp .dropdown-menu {
    padding: 15px;
    width: 350px;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.dragFileIcon {
    display: inline-block;
    width: 34px;
    height: 28px;
    background: url(../images/uploadRange.svg) no-repeat;
    background-size: 100%;
    background-position: center;
}

.bulkTranOutputWrp .customFileUplod input.form-control {
    cursor: pointer;
}

.bulkTranOutputWrp button:focus {
    outline: none !important;
}

.menuPlusIcon, .menudownArrowIcon {
    background: url(../images/menu-plus-icon.svg) no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.menudownArrowIcon {
    background: url(../images/menu-down-arrow-icon.svg) no-repeat;
}
/*tree menu css starts*/
.treeMenuWrp {
    position: absolute;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid #ced4da;
    z-index: 2000;
    border-radius: 4px;
    background: #fff;
    padding: 12px;
    display: none;
    width: 320px;
}

    .treeMenuWrp .tree-menu {
        background: #f6f6f6;
        border-radius: 4px;
        padding: 0 10px 10px;
        margin-top: 10px;
        max-height: 200px;
        overflow-y: auto;
    }

        .treeMenuWrp .tree-menu .list-group-item {
            border: none;
            padding: 12px 20px 2px;
            font-family: 'Gotham-Light';
            font-size: 12px;
            color: #000;
            border-radius: 0;
            border-left: 1px solid #c1c1c1;
            background: transparent;
            white-space: normal;
        }

        .treeMenuWrp .tree-menu .toggle-icon {
            cursor: pointer;
            margin-right: 6px;
            background: url('../images/tree-menu-plus-icon.svg') no-repeat;
            height: 14px;
            width: 14px;
            cursor: pointer;
            display: inline-block;
        }

            .treeMenuWrp .tree-menu .toggle-icon.active {
                background: url('../images/tree-menu-minus-icon.svg') no-repeat;
            }

    .treeMenuWrp .search-wrp .clear-btn {
        position: absolute;
        right: 0;
        top: 41%;
        border: none;
        background: url('../images/tree-menu-search-close-icon.svg');
        cursor: pointer;
        display: none;
        height: 9px;
        width: 9px;
    }

    .treeMenuWrp .search-wrp .form-control:not(:placeholder-shown) {
        background: none !important;
    }

        .treeMenuWrp .search-wrp .form-control:not(:placeholder-shown) + .clear-btn {
            display: block;
        }

    .treeMenuWrp .search-wrp button {
        outline: none;
    }

    .treeMenuWrp .search-wrp .form-control {
        font-size: 12px;
        border: none;
        border-bottom: 1px solid #ced4da;
        padding-left: 8px;
        border-radius: 0;
        font-family: 'Gotham-Light';
    }

        .treeMenuWrp .search-wrp .form-control:focus {
            box-shadow: none;
        }

    .treeMenuWrp ul.list-group.collapse.show li,
    .treeMenuWrp ul.list-group.tree-menu.designation-list li {
        cursor: pointer;
    }
/*tree menu css ends*/

/*product classification ends here*/
.rect-loader {
    width: 44px;
    height: 23px;
    position: relative;
    background: #c8c8c8;
    overflow: hidden;
}

    .rect-loader::before {
        content: "";
        position: absolute;
        top: 0;
        left: -150%;
        width: 150%;
        height: 100%;
        background: linear-gradient(45deg, transparent 0%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.85) 55%, transparent 100%);
        animation: shine 1.2s linear infinite;
    }

@keyframes shine {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(200%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .rect-loader::before {
        animation: none;
        opacity: 0.6
    }
}

.wave-loader {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

    .wave-loader span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #a30739;
        animation: wave 0.8s infinite ease-in-out;
    }

        .wave-loader span:nth-child(1) {
            animation-delay: -0.2s;
        }

        .wave-loader span:nth-child(2) {
            animation-delay: -0.1s;
        }

        .wave-loader span:nth-child(3) {
            animation-delay: 0s;
        }

@keyframes wave {
    0%, 60%, 100% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-8px);
    }
}

.step-second.disabled {
    opacity: 0.2;
}
/* Merchandiser ag css ends*/
#Existing_Pl_Group_Table_wrapper th:first-child, #Existing_Pl_Group_Table_wrapper td:first-child {
    width: 5%;
    min-width: 50px;
    max-width: 50px;
}

#Existing_Pl_Group_Table_wrapper th:nth-child(2), #Existing_Pl_Group_Table_wrapper td:nth-child(2) {
    width: 10%;
    min-width: 200px;
    max-width: 200px;
}

#Existing_Pl_Group_Table_wrapper th:nth-child(3), #Existing_Pl_Group_Table_wrapper td:nth-child(3) {
    width: 25%;
    min-width: 200px;
    max-width: 200px;
}

#Existing_Pl_Group_Table_wrapper th:nth-child(4), #Existing_Pl_Group_Table_wrapper td:nth-child(4) {
    width: 25%;
    min-width: 200px;
    max-width: 200px;
}

#Existing_Pl_Group_Table_wrapper th:nth-child(5), #Existing_Pl_Group_Table_wrapper td:nth-child(5) {
    width: 25%;
    min-width: 200px;
    max-width: 200px;
}

.truncate-text-wrp .filter-option {
    padding-right: 0 !important;
}

.truncate-text-wrp .filter-option-inner-inner {
    width: 85%;
    padding-right: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.white-space-normal, .white-space-wrp .dropdown-item {
    white-space: normal;
}

.SKU_ItemsInfo .ItemsSelctedFilters {
    padding: 0 !important;
}

.truncatetextdropdownvalues .dropdown-menu.show span.text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
}

.SKU_ItemsInfo .ItemsSelctedFilters:after {
    right: -10px !important;
}

.truncatetextdropdownvalues .filter-option-inner-inner {
    text-overflow: ellipsis;
    overflow: hidden !important;
    width: 85%;
    white-space: nowrap;
}

.ProductBody p {
    transition: all 0.3s ease;
}

.readMore {
    color: #007bff;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
    margin-top: 6px;
}

#divItemDescription ul {
    list-style-type: disc; /* show bullet points */
    margin-left: 20px;
    padding-left: 20px;
}

#divItemDescription li {
    margin-bottom: 4px;
    line-height: 1.5;
}

.first-table-wrp .addTemplateModal .table thead th {
    word-break: normal;
}
/* upload img data css starts here */
.content-dashboard-wrp .manageAttable .upload-files-data-wrp thead tr th {
    border-bottom: 2px solid #04a8c1 !important;
}

.ff-light-blue-color {
    color: #00A8C1;
}

.upload-image-container-wrp .close {
    width: 20px;
    height: 20px;
    line-height: 19px;
}
/* upload img data css ends here */

/* === Upload Image Modal (self-contained) === */
.upload-image-container-wrp {
    display: none;
    left: 50%;
    top: 15px;
    transform: translateX(-50%);
    width: 360px;
    background: #ffffff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.18);
    font-family: inherit;
    color: #000;
    max-height: 97vh;
    z-index: 1200;
    position: fixed;
}

    .upload-image-container-wrp span.fileIcon {
        width: 35px;
        height: 35px;
    }

/*.upload-files-data-wrp .table thead th {
    border-bottom: 2px solid #17a2b8;
}*/
/* show modal */
.upload-image-container-wrp.open {
    display: block;
    animation: modalFadeIn 160ms ease-out;
}

/* slight fade for appearance */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* backdrop */
.custom-upload-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1190;
}

/* upload area / file-drop */
.customFileUplod {
    background: #f9fafb;
    padding: 12px;
    border-radius: 6px;
}

/* scrollable files list */
.upload-files-data-wrp {
    max-height: 130px;
    overflow-y: auto;
}

/* small layout tweaks to match your existing UI */
.upload-image-container-wrp .d-flex.align-items-center {
    margin-bottom: 8px;
}

.upload-image-container-wrp .modal-product-id {
    color: #666;
    font-size: 12px;
    margin-right: 8px;
}

/* responsive: make modal wider on larger screens */
@media (min-width: 1024px) {
    .upload-image-container-wrp {
        width: 850px;
    }
}

.disabled-btn {
    pointer-events: none !important;
    color: #6c757d !important;
    opacity: 0.3;
}



/*product card css starts here*/
.product-pic-wrp {
    background: #4eabc2;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 3px;
    right: 3px;
    cursor: pointer;
}

.product-img-main-container {
    border: 1px solid #d4d4d4;
    padding: 15px;
    background: #fff;
    box-shadow: 0 16px 27px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    z-index: 1050;
    left: 15px;
    top: 115px;
    display: none;
}

.product-img-wrp {
    width: 120px;
    height: 120px;
    border: 1px solid #d4d4d4;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prod-card-thumb img {
    width: 90px;
    height: auto;
}

.prod-img-container {
    width: 160px;
    padding-left: 15px;
}

.product-img-wrp img {
    width: 100px;
    height: auto;
}
/*product card css ends here*/

/*search repo css starts here*/
.searchRepoMainWrp .TabbingBar .customTabStyle .nav-tabs .nav-link {
    padding: 1rem 1.3rem;
}

.close-filter:after {
    border: none;
    content: "\00d7";
    font-weight: 100;
    color: #000000;
    font-size: 17px;
    position: absolute;
    right: 0;
    top: 12px;
    cursor: pointer;
}

.searchRepoMainWrp table.dataTable input.dt-select-checkbox {
    color: #c1c1c1;
    width: 16px;
    height: 16px;
}

.searchRepoMainWrp table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 90%);
    color: #4e4e4e;
}

.searchRepoMainWrp table.dataTable > tbody > tr.selected input.dt-select-checkbox:checked {
    border: 1px solid;
    background: #00a8c1;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 2px;
}

.filter-icon-bg {
    background: #04A8C1;
    border-radius: 3px;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.erp-search-data-bar-wrp .dt-search label,
.pim-search-data-bar-wrp .dt-search label {
    display: none;
}

.erp-search-data-bar-wrp .dt-search input:focus-visible,
.pim-search-data-bar-wrp .dt-search input:focus-visible {
    outline: none;
}

.erp-search-data-bar-wrp:before,
.pim-search-data-bar-wrp:before {
    content: '';
    background: url(../images/searchIcon.png) no-repeat center center;
    height: 34px;
    width: 34px;
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    background-size: 14px 14px;
    opacity: 0.6;
}

.erp-search-data-bar-wrp .custom-search-input,
.pim-search-data-bar-wrp .custom-search-input {
    padding: 10px 20px 10px 35px;
}

.searchRepoMainWrp .text-area-wrp textarea {
    padding-left: 10px;
    height: 47px;
}

.searchRepoMainWrp .top-filter-wrp .dropdown {
    margin-top: -4px;
}

.blue-bdr-btn {
    background: #fff;
    border: 1px solid #00A8C1;
    border-radius: 4px;
    padding: 8px 15px;
    color: #00a8c1;
    text-transform: uppercase;
    align-items: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
}

.filter-value-scroll-wrp {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0 14px;
}

.selected-filters-wrp {
    display: flex;
    gap: 10px;
    align-items: center;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .selected-filters-wrp::-webkit-scrollbar {
        display: none;
    }

.selected-filter-value-wrp {
    border-radius: 15px;
    border: 1px solid #D1D2D2;
    background: #fff;
    font-size: 12px;
    font-family: 'Gotham-Light', sans-serif;
    color: #4d4d4d;
    padding: 0 7px;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

    .selected-filter-value-wrp [data-role="remove"]:after {
        content: "\00d7";
        font-weight: 100;
        color: #000000;
        font-size: 17px;
        opacity: 0.36;
        cursor: pointer;
    }

.scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.4;
    transition: 0.2s;
    z-index: 10;
    border: 0;
    font-size: 18px;
}

    .scroll-btn:hover {
        opacity: 1;
    }

    .scroll-btn.prev {
        left: 0;
    }

    .scroll-btn.next {
        right: 0;
    }

.searchRepoMainWrp button:focus {
    outline: none;
}

#ERPRepoDataTable_wrapper .dt-search,
#PIMRepoDataTable_wrapper .dt-search {
    display: none;
}

.download-excel-wrp {
    width: 300px;
    border-radius: 4px;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.searchRepoMainWrp input[aria-label="Select all rows"]:checked {
    background: #00a8c1;
    color: #fff !important;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 3px;
}
/*search repo css ends here*/


.upload-map-img-files .col-sm-6.left-div,
.upload-map-img-files .col-sm-6.right-div {
    max-width: 47% !important;
}

.zIndex-btn-0 .bootstrap-select > .dropdown-toggle {
    z-index: 0 !important;
}

.product-details-wrp .SKU_ItemsInfo {
    gap: 1.6rem;
    justify-content: start;
}

    .product-details-wrp .SKU_ItemsInfo .ItemsSelctedFilters:after {
        right: -14px !important;
    }

.w-85 {
    width: 85%;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.bottom-0 {
    bottom: 0;
}

.selected-shadow-none .selected {
    box-shadow: none !important;
}

table.select-all-bg-0.dataTable input.dt-select-checkbox:indeterminate:after {
    display: none;
}

.dropdown-menu-w-100 .dropdown-menu {
    min-width: 100% !important;
    width: 100% !important;
    z-index: 10000;
}

.select-all-btn-custom .selectedVisibleAttributes .form-control button.btn {
    font-size: 12px;
    color: #4e448d !important;
}

.npi-wrk-flw-lst-wrp {
    max-height: 53vh;
    overflow: auto;
}

.manageAttable .npi-wrk-flw-lst-wrp thead tr th {
    border-bottom: none;
}

.manageAttable .npi-wrk-flw-lst-wrp thead {
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 0 #04a8c1;
    background: #fff;
}

.mt-35 {
    margin-top: 35px;
}

.searchRepoMainWrp .leftContainerWrp .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    padding-right: 10px !important;
    line-height: 14px;
}

.searchRepoMainWrp .leftContainerWrp .form-control .filter-option {
    top: -5px !important;
}

.searchRepoMainWrp .leftContainerWrp .form-control ul li .dropdown-item {
    padding: 8px 25px 8px 10px !important;
    white-space: normal !important;
}

.cursor-pointer {
    cursor: pointer;
}
/*custom record DD starts here*/
.custom-record-dd .dropdown-toggle {
    width: 100%;
    outline: none;
    border: none;
    background: #fff;
    text-align: left;
    border-bottom: 1px solid #acacac;
    padding: 6px 0;
    color: #4e4e4e;
}

.custom-record-dd .dropdown-menu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box;
    border-radius: 0 !important;
    box-shadow: 0px 13px 10px rgba(0, 0, 0, 0.07);
    padding: 0;
}

    .custom-record-dd .dropdown-menu a {
        display: block;
        font-size: 12px;
        font-family: 'Gotham-Medium';
        padding: 8px 10px !important;
        color: #212529 !important;
        cursor: pointer;
        white-space: normal;
    }

.custom-record-dd.selectArrowIcon .dropdown-toggle::after {
    top: 0;
}

.custom-record-dd .records-item-wrp {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.custom-record-dd .search-record-wrp input {
    height: auto;
    padding: 6px 12px !important;
}

.custom-record-dd .custom-record-no-result {
    font-size: 12px;
    color: #900;
    background: #f5f5f5;
    padding: 3px;
    margin: 0 5px;
    white-space: nowrap;
    display: none;
}

.custom-record-ddnew {
    background: #f8f9fa !important;
}
/*custom record DD ends here*/
.ProductHeaderLeft.ProductCardsWidth {
    display: flex;
    align-items: center;
    gap: 0;
    flex-flow: row;
}

.ProductCardsWidth .col_left {
    display: flex;
    gap: 1rem;
}


.table-wrapper {
    max-height: 300px; /* vertical scroll height */
    overflow-y: auto; /* vertical scroll */
    overflow-x: auto; /* horizontal scroll */
    border: 1px solid #ccc;
}

table.sticky-table {
    border-collapse: collapse;
    width: max-content; /* allows horizontal scroll */
}

    table.sticky-table th,
    table.sticky-table td {
        white-space: nowrap; /* prevents wrapping → horizontal scroll */
    }

    /* Sticky Header */
    table.sticky-table thead th {
        position: sticky;
        top: 0;
        z-index: 5;
    }

.infoSkuGridTable table.sticky-table thead th {
    position: sticky;
    top: 0;
    z-index: 20;
    /* white background with 2px red strip at the bottom */
    background: linear-gradient( to bottom, #ffffff 0, #ffffff calc(100% - 2px), #04a8c1 calc(100% - 2px), #04a8c1 100% );
    /* make sure no normal bottom border interferes */
    border-bottom: none !important;
}
/*custom record DD ends here*/

/*added custom height for product*/
.npi-wrk-flw-lst-wrp.tblMaxheightProduct {
    max-height: calc(100vh - 215px);
}

.WebPathColStatic tbody tr td:last-child.tdproddesc > div {
    width: auto !important;
}

.WebPathColStatic thead tr th:last-child, .WebPathColStatic tbody tr td:last-child .arrowList {
    flex-flow: row;
    max-width: inherit;
}
/*custom height for product ends here*/
/*custom record DD ends here*/
.zoom-lens {
    position: absolute;
    pointer-events: none;
    width: 300px; /* lens size */
    height: 300px;
    border: 1px solid #000;
    background-repeat: no-repeat;
    background-size: 250%; /* ZOOM LEVEL */
    background-color: #fff;
    display: none;
    z-index: 99;
    left: 0;
    right: 0;
}

    .zoom-lens::after {
        content: url('data:image/svg+xml;utf8,\
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32">\
        <text x="7" y="24" font-size="36" font-weight="bold" fill="white">+</text></svg>' );
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 40px;
        font-weight: bold;
        color: rgba(255, 0, 0, 0.9);
    }

.tooltip {
    pointer-events: none !important;
}

li.tt {
    height: 40px;
    position: relative;
}

/*.SKU_ProductDetails .main-preview img {padding:2rem !important;}*/


.filterTabContainer.height-auto {
    min-height: auto !important;
}
.selectArrowIcon.text-ellipses .filter-option-inner-inner{
    white-space:nowrap;
    overflow:hidden!important;
    text-overflow:ellipsis;
    width:120px;
}
.arrowList.list-space-0 li {
    width: auto;
    margin-right: 10px;
}

.arrowList > li.no-arrow::after {
    content: none !important;
    background-image: none !important;
}

.dropdown-menu.show .inner.show .dropdown-menu.inner.show {margin-bottom:0 !important}

.img-box-wrp {
    height: 140px;
}
.disabled-dots {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none; 
}
/*Dashbord css*/
.font20 {
    font-size: 20px;
}

.pd-bg-light-purple {
    background: #e7e7e7;
}

.fw-700 {
    font-weight: 700 !important;
}

.bdr-right-white {
    border-right: 1px solid #f3f3f3;
}

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

.pd-f-color-purple {
    color: #2b3372;
}

.pd-f-color-yellow {
    color: #ecb139;
}

.pd-f-color-sky {
    color: #4eaac2;
}

.pd-f-color-orange {
    color: #e16300;
}

.font17 {
    font-size: 17px;
}

.pd-bg-light-purple2 {
    background: #eaebf1;
}

.pd-bg-light-yellow {
    background: #fbefd7;
}

.pd-bg-light-sky {
    background: #f0f9f9;
}

.pd-bg-light-orange {
    background: #fcf0e6;
}

.pd-bg-light-purple3 {
    background: #f3f3f3;
}

.range-sum-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
}

    .range-sum-card.orange {
        border-top: 1px solid #e16300;
        border-right: 1px solid #e16300;
        border-bottom: 1px solid #e16300;
        border-left: 5px solid #e16300;
    }

    .range-sum-card.yellow {
        border-top: 1px solid #ecb139;
        border-right: 1px solid #ecb139;
        border-bottom: 1px solid #ecb139;
        border-left: 5px solid #ecb139;
    }

    .range-sum-card.d-purple {
        border-top: 1px solid #8b5fcb;
        border-right: 1px solid #8b5fcb;
        border-bottom: 1px solid #8b5fcb;
        border-left: 5px solid #8b5fcb;
    }

.range-sum-chart {
    height: 250px;
}

.pd-dashboard-table-wrp th {
    padding: 20px;
}

.pd-dashboard-table-wrp td {
    padding: 25px;
}

.pd-dashboard-table-wrp th, .pd-dashboard-table-wrp td {
    font-size: 14px;
    font-weight: 900;
    color: #4e4e4e;
}

.pd-dashboard-table-wrp td {
    font-weight: 500;
    border-bottom: 1px solid #dee2e6 !important;
}

.pd-bg-light-sky-blue {
    background: #d2e1ec;
}

.pd-bg-light-sky-blue1 {
    background: #e6f2fc !important;
}

.pd-f-color-blue {
    color: #2b3372 !important;
}

.in-progress-sku {
    background-color: #e16300;
    margin-right: 3px;
}

.completed-sku {
    background-color: #4eaac2;
}

.pd-dashboard-table-wrp .progress {
    height: 7px;
}

.pd-progress-label {
    font-size: 14px;
    color: #4e4e4e;
    font-weight: 500;
    padding-bottom: 6px;
    font-family: 'Gotham-Light';
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.circular-progress {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: conic-gradient( #2b3372 0deg, #2b3372 270deg, #d9d9d9 270deg );
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .circular-progress::before {
        content: "";
        width: 22px;
        height: 22px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
    }

.progress-value {
    font-size: 13px;
    font-weight: 700;
    color: #4e4e4e;
}

.range-sum-card-wrp {
    position: absolute;
    width: 85%;
    top: 245px;
}

.range-summary-wrp .selectArrowIcon select {
    cursor: pointer;
}

.range-summary-wrp .selectArrowIcon .form-control:focus {
    border-color: #ced4da;
    box-shadow: none;
}

.range-summary-wrp .selectArrowIcon:after {
    pointer-events: none;
}

.fColorTextGray {
    color: #4e4e4e !important;
}

.pd-opacity {
    opacity: 0.7;
}
.select_year {
    width: 80px;
    border-bottom: 1px solid #ced4da;
}
/*Dashbord css*/
/*mapping tree modal*/
.mapping-tree-modal-wrp .close-modal-btn {
    color: #f3690c;
    border: 1px solid #f3690c;
    padding: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-weight: 100;
    border-radius: 50px;
    font-size: 20px;
    outline: none;
    opacity: 1 !important;
    margin-right: 0;
    background:#fff;
}

    .mapping-tree-modal-wrp .close-modal-btn:hover {
        background: #f3690c;
        color: #fff;
    }

    .mapping-tree-modal-wrp .close-modal-btn:focus {
        outline: none !important;
    }

.mapping-tree,
.mapping-tree ul {
    list-style: none;
    padding-left: 5px;
}

    .mapping-tree ul {
        display: none;
    }

    .mapping-tree li {
        line-height: 30px;
        font-family: 'Gotham-Light';
        font-size: 12px;
        color: #000;
        white-space: normal;
        position: relative;
        padding-left: 10px;
    }

.toggle-mapping-tree {
    margin-right: 3px;
    cursor: pointer;
}

.mapping-tree-icon {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.mapping-tree-node-wrp {
    max-height: 250px;
    min-height: 150px;
    overflow: auto;
}

    .mapping-tree-node-wrp .custom-control-label::before,
    .mapping-tree-node-wrp .custom-control-label::after {
        top: .39rem;
        cursor: pointer;
    }

.mapping-tree li.open-mapping-tree::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 22px;
    bottom: 0;
    width: 1px;
    background: #c1c1c1;
}

@media (min-width: 992px) {
    .mapping-tree-modal-wrp .modal-sm {
        max-width: 450px;
    }
}
/*mapping tree modal*/

/*taxonomy task css*/
.category-main-container {
    display: flex;
    align-items: stretch;
    min-width: 260px;
}

.toggle-count {
    background: #d6f9ff;
    padding: 13px 9px;
    font-family: 'Gotham-Medium';
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:7%;
}

.toggle-arrow {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

    .toggle-arrow.rotate {
        transform: rotate(-135deg);
    }

.category-list-wrp {
    transition: all 0.3s ease;
    width:93%;
}

.category-item {
    position: relative;
    padding-right: 20px;
}

.catg-delete-icon {
    position: absolute;
    top: 9px;
    right: 0;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

    .catg-delete-icon::before,
    .catg-delete-icon::after {
        content: '';
        position: absolute;
        left: 5px;
        top: 0;
        width: 2px;
        height: 11px;
        background: #d76565;
    }

    .catg-delete-icon::before {
        transform: rotate(45deg);
    }

    .catg-delete-icon::after {
        transform: rotate(-45deg);
    }

.catg-id {
    font-size: 11px;
    color: #aeaeae;
    font-family: 'Gotham-Medium';
    margin-right: 6px;
}
.WebPathColStatic tbody tr td:last-child .arrowList.category-item{
    max-width:100%;
}
/*taxonomy task css*/
/*mapping tree modal*/

/* Side-by-side form fields */
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.form-group.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

/* Scrolling for UploadFilesDataList */
#UploadFilesDataList {
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #fff;
    padding: 10px;
}

.upload-files-data-wrp thead{
    position:sticky;
    top:0;
    z-index:100;
    box-shadow:1px 1px 0 #04a8c1;
    background:#fff;
}
.imgPrevModl .modal-lg{
    max-width:400px!important;
}
.imgPrevModl .modal-body img {
    width: 100%!important;
    max-width: 100%!important;
    height:auto!important;
}
.resize-none{
    resize:none;
}
.imgPrevModl.modal-close-button .close {
    position: absolute;
    right: -13px;
    top: -13px;
    background: #fff;
}

/*Close Button*/
.ekko-lightbox .modal-header.hide {
    display: block !important;
    padding: 0;
    border-bottom: none;
}

    .ekko-lightbox .modal-header.hide h4 {
        display: none;
    }

    .ekko-lightbox .modal-header.hide .close {
        position: relative;
        top: 3px;
        right: -10px;
        background: #fff;
    }

.upload-image-container-wrp textarea:focus {
    border-color: #ced4da;
    box-shadow: none;
}
/*Close Button*/
/*Skulib url*/
.pimImageInfo {
    background: #17a2b8;
    color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    z-index: 5;
}

.product-img-wrp img {
    max-width: 100%;
}
.thumb-box {
    position: relative;
    display: inline-block;
}
/*Skulib url*/
/* PIM Thumbnail Highlight */
.thumb-box.pim-thumb img {
    border: 2px solid #17a2b8;
    border-radius: 4px;
}

/* Optional hover highlight */
.thumb-box.pim-thumb:hover img {
    border: 2px solid #138496;
}


/* Main preview wrapper */
.main-preview {
    position: relative;
}


    /* Info icon outside image */
    .main-preview .pimImageInfo {
        position: absolute;
        top: -29px;
        right: 0px;
        background: #17a2b8;
        color: #fff;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: bold;
        z-index: 20;
    }
.blink-opacity {
    animation: blinkOpacity 1s infinite;
}
@keyframes blinkOpacity {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

/*range mgt filter popup css starts*/
.advancedSearchTab.range-mgt {
    z-index: 93;
    top: -61px;
}

    .advancedSearchTab.range-mgt .mt-5 {
        margin-top: 26px !important;
    }

    .advancedSearchTab.range-mgt button.close {
        top: 1px;
    }

    .advancedSearchTab.range-mgt .form-group.btnGroup {
        margin: 10px 0 10px !important;
    }

.rang-mgt-filters-wrp {
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: scroll;
}
.advancedSearchTab.range-mgt .floatLabel .selectArrowIcon .dropdown-menu.show {   
    z-index: 1100;
    width: 100%;
    left: -5px !important;
}
.advancedSearchTab.range-mgt .floatLabel.filter-wrp-2 .selectArrowIcon .dropdown-menu.show,
.advancedSearchTab.range-mgt .floatLabel.filter-wrp-3 .selectArrowIcon .dropdown-menu.show {
    left: 0 !important;
}
/*range mgt filter popup css starts*/
/*Added for Business Rule*/
.bootstrap-select.disabled .dropdown-toggle {
    background-color: #e9ecef !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}
/*Added for Business Rule*/
/*range mgt filter popup css starts*/

/*SKU lib UI changes css start*/
.unassigned-wrp {
    color: #767676;
    text-decoration: underline;
    cursor: pointer;
}

.content-rev-count {
    background: #fff0c2;
    padding: 18px 0;
    text-align: center;
    color: #4e4e4e;
    font-family: 'Gotham-Medium';
    font-size: 12px;
    border-top: 1px solid #dee2e6;
}

.assign-content-rev-container .form-control:focus {
    border-color: #ced4da;
    box-shadow: none;
}

.assign-content-rev-container .form-control::placeholder {
    font-size: 11px;
    font-family: 'Gotham-Light';
}

.assign-rev-selected-chip {
    background: #fff;
    border-radius: 8px;
    padding: 3px 7px;
    font-size: 12px;
    display: flex;
    align-items: center;
    border: 1px solid #04a8c1;
    color: #04a8c1;
    margin-bottom: 10px;
}

    .assign-rev-selected-chip .remove-assign-rev-chip {
        margin-left: 8px;
        color: #04a8c1;
        cursor: pointer;
        font-size: 17px;
    }

.assign-content-rev-container .dropdown-menu {
    font-size: 12px;
    padding: 3px 0;
}

.assign-content-rev-container .dropdown-item {
    padding: 5px 10px;
    color: #000;
    font-family: 'Gotham-Light';
}

    .assign-content-rev-container .dropdown-item:active {
        background-color: #fff;
    }

.radio-btn-wrp .custom-radio .custom-control-label::before {
    width: 16px;
    height: 16px;
}

#accordion .radio-btn-wrp .custom-control-label::before, #accordion .radio-btn-wrp .custom-control-label::after {
    top: -2px;
}

.radio-btn-wrp .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fff;
}

.radio-btn-wrp .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    background-color: #00a8c1;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    top: 2px !important;
    left: -1.28rem;
}

.skulib-action-btn-container {
    position: relative;
}

.skulib-action-btn-wrp.dropdown-menu {
    min-width: 7rem !important;
    box-shadow: 0px 6px 12px #0000003b !important;
    padding: 16px;
    border-radius: 4px;
    background: #fff;
}

.skulib-textBlue {
    color: #04a8c1;
}

.skulib-action-btn-wrp button:focus {
    outline: none;
}

.skulib-action-dot-container {
    width: 4px;
    height: 4px;
}

.skulib-action-dot-circle {
    width: 100%;
    background: #04a8c1;
    height: 100%;
    border-radius: 100px;
    margin-bottom: 4px;
}

.skulib-action-btn-wrp .radio-btn-wrp .custom-radio .custom-control-label::before {
    width: 15px;
    height: 15px;
}

.skulib-action-btn-wrp .radio-btn-wrp .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    top: 5px !important;
}

.skulib-action-btn-wrp .custom-radio .custom-control-label::before {
    top: 2px;
}

.nxtPrvButton {
    border-radius: 3px;
    background: #fff;
    font-family: 'Gotham-Medium';
    font-size: 11px;
    color: #4e4e4e;
    border: 1px solid #dee2e6;
}

#div_ProductCardModal button:focus {
    outline: none;
}

.aprv-dd-wrp .dropdown-menu,
.rjt-dd-wrp .dropdown-menu,
.push-back-dd-wrp .dropdown-menu {
    font-size: 12px;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.25);
    padding: 6px 0;
}

.aprv-dd-wrp .dropdown-item,
.rjt-dd-wrp .dropdown-item,
.push-back-dd-wrp .dropdown-item {
    font-family: Gotham-Light;
    color: #000;
    padding: 5px 10px;
}

    .aprv-dd-wrp .dropdown-item.active, .aprv-dd-wrp .dropdown-item:active,
    .rjt-dd-wrp .dropdown-item.active, .rjt-dd-wrp .dropdown-item:active,
    .push-back-dd-wrp .dropdown-item.active, .push-back-dd-wrp .dropdown-item:active {
        background-color: #fff;
    }

.rjt-item-text {
    font-size: 12px;
    color: #c32b2a;
    font-family: Gotham-Medium;
}

.doted-menu-btn,
.comment-btn {
    width: 33px;
    height: 33px;
    border: 1px solid #c32b2a;
    background: transparent;
}

    .doted-menu-btn.dropdown-toggle::after {
        display: none;
    }

.comment-btn {
    border: 1px solid #495057;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-red-dot {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background: #f81919;
    position: absolute;
    right: -4px;
    top: -4px;
}
.nxt-prv-btn-wrp button:disabled {
    opacity: 0.4;
    background: #dfdbdb;
}
.aprv-rjt-btn-wrp .greenButton,
.aprv-rjt-btn-wrp .orangeOutlineBtn {
    padding: 0.3rem 1.5rem;
}
/*SKU lib UI changes css end*/