@font-face {
    font-family: 'Calibri';
    src: url('../font/Calibri.woff2') format('woff2'), url('../font/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../font/Calibri-Bold.woff2') format('woff2'), url('../font/Calibri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../font/Calibri-Light.woff2') format('woff2'), url('../font/Calibri-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body, html {
    font-family: "Calibri" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

    body.main-body {
        padding-top: 70px;
    }

.custom-left-menu.navbar-fixed-left {
    width: 62px;
    background-color: #dcdcdc;
    max-height: calc(100vh - 80px);
    top: 80px
}

.filter-clear-align {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #e5ddddba;
}

.div-position-relative-filter-border {
}

.col-md-6.result-head {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
}

.behclick-panel .radio, .checkbox {
    padding-left: 0px !important;
}

.searchResults__facetHeader-container.panel-heading {
    padding-left: 0px;
    padding-top: 10px;
}

.custom-navbar-top {
    display: flex;
    justify-content: space-between;
    height: 80px;
    padding: 20px 20px;
}

.div-position-relative-product {
    position: relative;
    top: 0px;
}

.filter-section-ul li ul li {
    border: none;
}

.div-position-relative-filter {
    position: relative;
    border: none;
}

.search-prdoduct-view {
    text-align: center;
}

.search-prdoduct-price input {
    border: none;
    background: none;
}

.search-prdoduct-price {
    text-align: center;
    padding: 10px;
}

ul.nav.nav-sidebar.filter-section-ul {
    margin: 0px;
}

.div-position-relative-filter-border {
    border: 1px solid #e5ddddba;
    border-radius: 5px;
}

.custom-navbar-top-container {
    z-index: 10000;
}

.custom-left-menu.navbar-fixed-left ul li img {
    width: 25px;
    max-height: 25px;
}

.custom-left-menu.navbar-fixed-left ul li:hover img,
.custom-left-menu.navbar-fixed-left ul.navbar-nav li.dropdown.open a img {
    filter: invert(97%) sepia(91%) saturate(3878%) hue-rotate(36deg) brightness(104%) contrast(47%);
}

.custom-navbar-top ul {
    display: flex
}

.custom-navbar-top .top-header-logo img {
    height: 45px;
}

.custom-left-menu.navbar-fixed-left ul.navbar-nav li a {
    padding: 10px 0;
    text-align: center;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-navbar-top-container {
    background-color: #fff;
}

a.dis-mn-block {
    display: block !important;
    color: #555555 !important;
    font-size: 10px !important;
    text-decoration: none !important;
}

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

.header-top-right ul li {
    margin-right: 15px;
}

.header-top-right ul li {
    display: flex;
    align-items: center
}

    .header-top-right ul li:last-child {
        margin-right: 0px;
    }

.custom-left-menu.navbar-fixed-left ul.navbar-nav li a:after {
    content: '';
    width: 37px;
    height: 1px;
    background-color: #b7b7b7;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.navbar.custom-left-menu ul {
    box-shadow: none;
}

.custom-left-menu.navbar-fixed-left ul.navbar-nav li:last-child a:after {
    display: none
}

.custom-left-menu.navbar-fixed-left ul.navbar-nav li a:hover, .custom-left-menu.navbar-fixed-left ul.navbar-nav li.dropdown.open a {
    background-color: #e8e8e8;
}

    .custom-left-menu.navbar-fixed-left ul.navbar-nav li a:hover + .dropdown-menu {
        background-color: #e8e8e8;
    }

.navbar-fixed-left .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu li.inner-submenu {
    position: relative;
    background-color: #e8e8e8;
}

.custom-left-menu.navbar-fixed-left ul.navbar-nav li.dropdown.open a {
    position: relative;
}

.custom-left-menu.navbar-fixed-left ul.navbar-nav li li a:after {
    display: none
}

.navbar-fixed-left .navbar-collapse .navbar-nav > li .caret-arrow {
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('../images/new-icons/right-arrow.png');
    width: 5px;
    height: 11px;
}

.navbar-fixed-left .dropdown .inner-submenu.open .caret-arrow {
    transition: 0.3s
}

.navbar-fixed-left .dropdown .inner-submenu.open .caret-arrow {
    transform: rotate(-90deg);
    margin-top: -3px;
}

.navbar-fixed-left .dropdown .inner-submenu .dropdown-menu {
    position: relative;
    left: 0;
    overflow: hidden;
    padding-left: 10px;
    background-color: #e8e8e8;
}

.navbar-fixed-left .dropdown .inner-submenu.open .dropdown-menu {
    height: 100%;
    overflow: visible;
}

.custom-left-menu.navbar-fixed-left ul.navbar-nav li.menu-active:before {
    content: '';
    width: 5px;
    height: 100%;
    background-color: #466c9c;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.custom-left-menu.navbar-fixed-left ul.navbar-nav li.dropdown.open svg {
    fill: #508929
}

.custom-left-menu.navbar-fixed-left ul.dropdown-menu li a {
    display: block;
    text-align: left;
    padding: 5px 15px;
    min-height: 20px;
    font-size: 14px;
    color: #565656;
}

    .custom-left-menu.navbar-fixed-left ul.dropdown-menu li a:hover {
        color: #004894;
    }

.custom-left-menu.navbar-fixed-left ul.dropdown-menu li.page-title {
    color: #424242;
    pointer-events: none;
    font-size: 15px;
    background-color: #e8e8e8;
    padding: 12px 15px 1px;
    font-weight: bold;
}

.custom-navbar-top .header-top-right ul.dropdown-menu {
    display: none
}

.custom-navbar-top .header-top-right .dropdown.open .dropdown-menu {
    display: block;
    right: 0;
    left: auto;
    top: 47px;
}

.custom-navbar-top .header-top-right .dropdown .dropdown-menu li {
    display: block;
    padding: 5px 15px
}

    .custom-navbar-top .header-top-right .dropdown .dropdown-menu li a {
        display: inline-block;
        padding: 0;
        font-size: 14px;
        color: #565656;
    }

    .custom-navbar-top .header-top-right .dropdown .dropdown-menu li input {
        margin-right: 5px;
    }

.custom-navbar-top .header-top-right .dropdown .dropdown-toggle {
    width: 34px;
    height: 34px;
    border: 2.4pt solid #858585;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 17px;
}

body.main-body {
    padding-left: 50px;
}

body footer {
    z-index: 100000;
    display: flex;
    align-items: center;
    padding: 0 25px;
    background-color: #dcdcdc;
    color: #555555;
    justify-content: space-between;
}

    body footer a, body footer div a {
        color: #555555 !important;
    }

    body footer div {
        background-color: #dcdcdc;
        color: #555555;
        padding-left: 45px;
    }

footer span {
    display: inline-block;
    margin: 0 10px;
}
/*table*/
.custom-table table {
    border: 1px solid #d1d1d1;
    background-color: #fff;
}

    .custom-table table tr th, .custom-table table tr.gridHeaderRow td {
        background-color: #f3f2f1;
        text-align: left;
        position: relative
    }

    .custom-table table tr.gridHeaderRowcompany td {
        background-color: #f3f2f1;
        text-align: left;
        position: relative
    }

    .custom-table table tr.gridHeaderRownew td {
        background-color: #f3f2f1;
        text-align: left;
        position: relative
    }

    .custom-table table tr th:after, .custom-table table tr.gridHeaderRow td:after {
        content: '';
        width: 1px;
        height: 60%;
        position: absolute;
        background-color: #a4a4a4;
        top: 20%;
        right: 0;
    }

    .custom-table table tr.gridHeaderRowcompany td:after {
        content: '';
        width: 1px;
        height: 60%;
        position: absolute;
        background-color: #a4a4a4;
        top: 20%;
        right: 0;
    }

    .custom-table table tr.gridHeaderRownew td:after {
        content: '';
        width: 1px;
        height: 60%;
        position: absolute;
        background-color: #a4a4a4;
        top: 20%;
        right: 0;
    }

    .custom-table table tr.gridHeaderRowcompany td:nth-last-child(1):after {
        content: '';
        width: 1px;
        height: 0%;
        position: absolute;
        background-color: #a4a4a4;
        top: 20%;
        right: 0;
    }

    .custom-table table tr.gridHeaderRowcompany td:nth-last-child(2):after {
        content: '';
        width: 1px;
        height: 0%;
        position: absolute;
        background-color: #a4a4a4;
        top: 20%;
        right: 0;
    }

    .custom-table table tr.gridHeaderRownew td:nth-last-child(1):after {
        content: '';
        width: 1px;
        height: 0%;
        position: absolute;
        background-color: #a4a4a4;
        top: 20%;
        right: 0;
    }

    .custom-table table tr th:last-child:after, .custom-table table tr.gridHeaderRow td:last-child:after {
        display: none
    }

    .custom-table table tr td {
        background-color: #fff;
        border-bottom: 1px solid #d1d1d1;
        text-align: left
    }

    .custom-table table tr.gridItemRow td {
        border-bottom: 1px solid #d1d1d1
    }

    .custom-table table tr th, .custom-table table tr.gridHeaderRow td {
        padding: 10px 13px;
        font-size: 14px;
        border-right: 0;
        color: #2d2d2d;
        border-bottom: 1px solid #d1d1d1
    }

    .custom-table table tr.gridHeaderRowcompany td {
        padding: 10px 13px;
        font-size: 14px;
        border-right: 0;
        color: #2d2d2d;
        border-bottom: 1px solid #d1d1d1
    }

.gridHeaderRowcompany td {
    font-family: "Calibri";
    font-weight: bold;
    height: 28px;
    border-collapse: collapse;
}

.custom-table table tr.gridHeaderRownew td {
    padding: 10px 13px;
    font-size: 14px;
    border-right: 0;
    color: #2d2d2d;
    border-bottom: 1px solid #d1d1d1
}

.custom-table table tr td {
    padding: 5px 13px;
    font-size: 14px;
}

    .custom-table table tr th a, .custom-table table tr td a,
    .custom-table table tr.gridHeaderRow th a, .custom-table table tr.gridHeaderRow td a {
        font-size: 14px;
        color: #2d2d2d;
    }

.custom-table table tr.gridHeaderRownew td a {
    font-size: 14px;
    color: #2d2d2d;
}

.custom-table table tr td, .custom-table table tr.gridItemRow td {
    font-size: 14px;
    color: #555555
}

    .custom-table table tr.gridItemRow td a, .custom-table table tr td a,
    .custom-table table tr th.number-column-right a, .custom-table table tr td.number-column-right a,
    .custom-table table tr th.number-column-right span, .custom-table table tr td.number-column-right span {
        font-size: 14px;
        color: #466c9c;
        text-decoration: none
    }

        .custom-table table tr.gridItemRow td a:hover, .custom-table table tr td a:hover,
        .custom-table table tr th.number-column-right a:hover, .custom-table table tr td.number-column-right a:hover,
        .custom-table table tr th.number-column-right span:hover, .custom-table table tr td.number-column-right span:hover {
            color: #0061c7;
        }

    .custom-table table tr th.number-column-right, .custom-table table tr td.number-column-right,
    .custom-table table tr th.number-column-right a, .custom-table table tr td.number-column-right a {
        text-align: right;
        font-weight: bold;
    }

        .custom-table table tr th.number-column-right, .custom-table table tr td.number-column-right,
        .custom-table table tr th.number-column-right a, .custom-table table tr td.number-column-right a {
            text-align: right;
            font-weight: bold;
        }

    .custom-table table tr th.number-column-center, .custom-table table tr td.number-column-center,
    .custom-table table tr th.number-column-center a, .custom-table table tr td.number-column-center a {
        text-align: center
    }

.custom-table table tr.gridItemRow.footer-total-number th a, .custom-table table tr.gridItemRow.footer-total-number td {
    color: #2d2d2d;
    font-weight: bold;
}

.innergrid_noborder {
    border: none !important;
}

    .innergrid_noborder > tbody:first-child > tr:first-child > td:first-child {
        border: none !important;
    }

.formValue input[type=text], .formValue input[type=password], .formValue textarea,
.formValue select, .formValue-combobox .RadComboBox table, .formValue .ui-combobox {
    width: 100%;
    border: 1px solid #d1d1d1;
    padding: 2px 10px;
    border-radius: 5px;
    box-shadow: none;
    height: 33px;
    font-family: "Calibri";
    font-size: 14px;
    color: #555555;
}

    .formValue input[type=text]:focus, .formValue input[type=password]:focus, .formValue textarea:focus,
    .formValue select:focus, .formValue-combobox .rcbFocused:focus {
        border-color: #aed2ff;
        outline: none
    }

    .formValue .ui-combobox .ui-widget-content {
        width: 100% !important;
        background: none;
        border: 0;
        padding: 0;
        font-family: "Calibri";
        font-size: 14px;
        outline: none;
        background-color: #fff;
    }

    .formValue .ui-combobox .ui-menu {
        border: 1px solid #d1d1d1;
        overflow-y: auto;
        max-height: 250px;
        overflow-x: hidden;
        left: 0px !important;
    }

.rcbList {
    overflow-y: auto;
    max-height: 250px;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 10px;
}


::-webkit-scrollbar-track {
    background: #f1f1f1;
}


::-webkit-scrollbar-thumb {
    background: #dcdcdc;
}


    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.formValue .ui-combobox {
    display: flex;
}

    .formValue .ui-combobox .ui-combobox-button {
        border: 0;
        background: transparent;
    }

.formValue input[type=text].validationerror, .formValue input[type=password].validationerror, .formValue textarea.validationerror,
.formValue select.validationerror, .formValue-combobox .rcbFocused.validationerror {
    border-color: #dc3434;
    outline: none
}

.formValue-combobox .RadComboBox table {
    border: 1px solid #d1d1d1 !important;
    padding-right: 0px;
    display: block
}

    .formValue-combobox .RadComboBox table tbody {
        display: table;
        height: 28px;
    }

.RadComboBox_Default table td.rcbInputCell {
    min-height: 33px;
    height: 33px
}

input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after {
    border: 1px solid #466c9c;
    border-radius: 3px;
    background: #ffffff;
    transition: none;
}

input[type="checkbox"]:after, .checkbox input[type="checkbox"]:after, .checkbox-inline input[type="checkbox"]:after {
    border: 1px solid #989898;
    border-radius: 3px;
    background: #ffffff;
    transition: none;
}

input[type="checkbox"]:hover:checked:after, .checkbox input[type="checkbox"]:hover:checked:after, .checkbox-inline input[type="checkbox"]:hover:checked:after {
    border: 1px solid #466c9c;
}

input[type="checkbox"]:hover:after, .checkbox input[type="checkbox"]:hover:after, .checkbox-inline input[type="checkbox"]:hover:after {
    border: 1px solid #466c9c;
}

input[type="checkbox"]:checked:before, .checkbox input[type="checkbox"]:checked:before, .checkbox-inline input[type="checkbox"]:checked:before {
    border-color: #466c9c;
}

.form-list {
    margin-bottom: 15px;
}

    .form-list label {
        font-family: "Calibri";
        font-size: 14px;
        color: #555555;
        font-weight: bold;
        margin: 0;
        line-height: 33px;
        text-align: right;
        padding-right: 15px;
    }

.page-back {
    padding-top: 15px;
}

    .page-back span {
        display: inline-flex;
        border: 1px solid #5f5f5f;
        width: 33px;
        height: 25px;
        margin-right: 7px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
    }

    .page-back a {
        font-size: 18px;
        color: #2d2d2d;
        font-weight: bold;
        text-decoration: none;
    }

        .page-back a:hover {
            color: #466c9c
        }

.EvolveValidationSummary ul li a {
    text-decoration: none;
}

.EvolveValidationSummary {
    border: solid 1px #cac800;
    background-color: #ffffff;
    padding: 8px 5px 8px 15px;
    display: inline-flex;
    margin: 0;
    align-items: center;
    border-radius: 4px;
    position: relative;
    color: #2d2d2d;
    font-size: 14px;
    margin-top: 15px;
}

    /*.EvolveValidationSummary:before {
        content: '';
        position: absolute;
        width: 44px;
        height: 100%;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        top: 0;
        left: 0
    }*/

    .EvolveValidationSummary:before {
        content: '';
        position: absolute;
        width: 44px;
        height: 100%;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        top: 0;
        left: 0
    }

    .EvolveValidationSummary:after {
        /*content: '';*/
        width: 20px;
        height: 20px;
        right: 13px;
        top: 11px;
        display: inline-block;
    }

    .EvolveValidationSummary.success-msg {
        border-color: #508929;
        padding-left: 50px;
    }

        .EvolveValidationSummary.success-msg ul {
            text-align:center !important;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .EvolveValidationSummary.success-msg:before {
            background-color: #508929;
            /*background-image: url('../images/new-svg-icons/message-exclamation-icon.svg');*/
            background-image: url('../images/new-icons/tick-mark.png');
            background-repeat: no-repeat;
            background-size: 20px;
            background-position: 12px 10px;
            padding-left: 0px;
        }

        .EvolveValidationSummary.success-msg:after {
            /*background-image: url('../images/new-svg-icons/validation-close.svg');*/
            background-repeat: no-repeat !important;
            background-size: 18px !important;
            background-position: 10px 10px !important;
            padding-left: 28px;
        }

    .EvolveValidationSummary.error-msg {
        border-color: #dc3434;
        padding-left: 50px;
    }
    .EvolveValidationSummary.error-msg ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
        .EvolveValidationSummary.error-msg:before {
            background-color: #dc3434;
            /*background-image: url('../images/new-svg-icons/icons-close-white.svg') !important;*/
            background-image: url('../images/new-icons/close_new.png') !important;
            background-repeat: no-repeat !important;
            background-size: 20px !important;
            background-position: 12px 11px !important;
            padding-left: 28px !important;
        }

        .EvolveValidationSummary.error-msg:after {
            /*background-image: url('../images/new-svg-icons/validation-close.svg');*/
            background-repeat: no-repeat;
            background-size: 12px;
            background-position: 10px 2px;
            padding-left: 28px;
        }

    .EvolveValidationSummary.error-msgheaderonly {
        border-color: #dc3434;
        padding-left: 50px;
    }
        .EvolveValidationSummary.error-msgheaderonly ul {            
            display: none;
        }
.EvolveValidationSummary.error-msgheaderonly:before {
    background-color: #dc3434;
    /*background-image: url('../images/new-svg-icons/icons-close-white.svg') !important;*/
    background-image: url('../images/new-icons/close_new.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: 12px 11px !important;
    padding-left: 28px !important;
}

        .EvolveValidationSummary.error-msgheaderonly:after {
            /*background-image: url('../images/new-svg-icons/validation-close.svg');*/
            background-repeat: no-repeat;
            background-size: 12px;
            background-position: 10px 2px;
            padding-left: 28px;
        }
    .EvolveValidationSummary.warning-msg {
        border-color: #ed7322;
    }

        .EvolveValidationSummary.warning-msg:before {
            background-color: #ed7322;
            /*background-image: url('../images/new-svg-icons/message-exclamation-icon.svg') !important;*/
            background-image: url('../images/new-icons/exclamation.png') !important;
            background-repeat: no-repeat !important;
            background-size: 18px !important;
            background-position: 10px 10px !important;
            padding-left: 28px;
        }

        .EvolveValidationSummary.warning-msg:after {
            /*background-image: url('../images/new-svg-icons/validation-close.svg');*/
            background-repeat: no-repeat;
            background-size: 12px;
            background-position: 10px 2px;
            padding-left: 28px;
        }

    .EvolveValidationSummary ul {
        margin: 0 ;
        list-style-type: none;
    }

    .EvolveValidationSummary.poperror-msg {
        border-color: #dc3434;
        padding: 8px 15px 8px 50px !important;
    }

        .EvolveValidationSummary.poperror-msg:before {
            background-color: #dc3434;
            background-image: url('../images/new-icons/close_new.png') !important;
            background-repeat: no-repeat !important;
            background-size: 20px !important;
            background-position: 12px 11px !important;
        }

        .EvolveValidationSummary.poperror-msg:after {
            background-image: url('');
        }

.ui-datepicker.ui-widget {
    font-family: "Calibri";
    font-size: 14px;
    padding: 0;
    color: #2d2d2d;
    box-shadow: 1px 1px 9px 4px rgba(0, 0, 0, 0.15);
}

.ui-datepicker .ui-datepicker-header {
    background: #fff;
    border: 0;
    border-bottom: 1px solid #ccc;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    background: #f3f2f1;
    border: 1px solid #d1d1d1;
}

    .ui-datepicker .ui-datepicker-next span {
        background: url('../images/new-icons/arrow.png') no-repeat center;
        transform: rotate(-90deg);
    }

    .ui-datepicker .ui-datepicker-prev span {
        background: url('../images/new-icons/arrow.png') no-repeat center;
        transform: rotate(90deg);
    }

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
    background: #fdfdfd;
    border: 1px solid #d1d1d1;
    text-align: center;
}

.ui-datepicker .ui-state-hover {
    background: #f3f2f1
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
    top: 2px;
    background: #fdfdfd
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
    top: 2px;
    background: #fdfdfd
}

.ui-datepicker .ui-state-default.ui-state-active {
    background: #466c9c;
    color: #fff;
}

.ui-datepicker select.ui-datepicker-year {
    color: #2d2d2d;
    font-family: "Calibri";
    font-size: 14px;
}

/*label arrange*/
.form-list {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.client-order-filter .form-list label {
    width: 125px;
}

.formValue-combobox input, .formValue-combobox div {
    width: 100% !important;
}

.formValue {
    position: relative;
}

select {
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    flex: 1;
    padding: 0 1em;
    color: grey;
    background-image: none !important;
    cursor: pointer;
    font-size: 14px;
}

    select::-ms-expand {
        display: none;
    }

.select::after {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 1em;
    /*background-color: #fff;*/
    transition: .25s all ease;
    pointer-events: none;
    background-image: url('../images/new-icons/arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 31px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* Transition */
.select:hover::after {
    color: #f39c12;
}

.info-txt {
    text-align: right;
    font-size: 12px;
    font-style: italic;
}

.formValue-combobox input {
    box-shadow: none;
    font-size: 14px !important;
    font-style: normal !important;
    padding: 0 !important;
    font-family: "Calibri" !important;
}

.formValue-combobox .RadComboBox_Default .rcbInputCellLeft,
.formValue-combobox .RadComboBox_Default td.rcbArrowCellRight {
    background: none;
}

.formValue-combobox .RadComboBox {
    padding-right: 0;
    font-family: "Calibri";
    font-size: 14px;
}

    .formValue-combobox .RadComboBox a {
        background-image: url('../images/new-icons/arrow.png');
        background-repeat: no-repeat;
        background-position: left;
    }

.custom-button button.link-button, .custom-button input.link-button, .custom-button a.link-button {
    min-width: 115px;
    height: 36px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Calibri";
    text-align: center;
    background-color: #f3f2f1;
    border: 1px solid #c1c1c1;
    color: #555555
}

.RadComboBox_Default table {
    height: 26px;
}

.form-date-icon:after {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 1em;
    /*background-color: #fff;*/
    transition: .25s all ease;
    pointer-events: none;
    background-image: url('../images/new-icons/date.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 31px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-size: 18px;
}

.custom-button {
    position: relative;
    display: inline-block
}

/*.custom-button:before {
        content: '';
        position: absolute;
        top: 1px;
        left: 15px;
        background-repeat: no-repeat;
        background-position: left;
        width: 16px;
        background-size: 100%;
        display: inline-block;
        height: 36px;
    }*/

/*.search-icon:before {
    background-image: url('../images/new-icons/search.svg')
}*/

.download-icon:before {
    background-image: url('../images/new-icons/download.svg')
}

.reset-icon:before {
    background-image: url('../images/new-icons/reset.svg');
    background-size: 22px;
}

.custom-button button.link-button:hover, .custom-button input.link-button:hover, .custom-button a.link-button:hover {
    border-color: #163f72;
}

input[type="search"] {
    -webkit-appearance: none;
    max-width: 600px;
    width: 100%;
    min-width: 500px;
    border: 1px solid #c2c2c2;
    padding: 2px 25px 2px 10px;
    border-radius: 5px;
    box-shadow: none;
    height: 39px;
    background-color: #eaeaea;
    outline: none;
}

    input[type="search"]:focus {
        background-color: #fff;
    }

input[type="search"] {
    background-image: url('../images/new-icons/search.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 31px;
}

.custom-button button.link-button:active, .custom-button input.link-button:active, .custom-button a.link-button:active {
    background-color: #fff;
    border-color: #163f72;
}

.scroll-top {
    position: fixed;
    bottom: 41px;
    right: 15px;
    transform: scale(1);
    opacity: 0;
    transition: .3s;
    background-color: rgba(77, 112, 157,0.8);
    border-radius: 50%;
    cursor: pointer;
}

    .scroll-top img {
        display: block;
    }

.tab-section div[id*="tabContainer_header"] span.ajax__tab_tab {
    padding: 10px 13px;
    display: inline-block;
    color: #5f5f5f;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin: 0;
    line-height: normal;
    overflow: visible;
    text-transform: none;
}

.tab-section div[id*="tabContainer_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 20px;
}

.tab-section .ajax__tab_active {
    position: relative;
}

.tab-section div[id*="tabContainer_header"] .ajax__tab_active .ajax__tab_tab {
    color: #466c9c;
}

.tab-section div[id*="tabContainer_header"] span {
    cursor: pointer;
    display: inline-block;
}

    .tab-section div[id*="tabContainer_header"] span.ajax__tab_outer {
        border: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
    }

    .tab-section div[id*="tabContainer_header"] span:hover {
        color: #466c9c
    }

.tab-section .ajax__tab_active:after {
    content: '';
    background-color: #466c9c;
    height: 2px;
    width: 100%;
    bottom: -2px;
    left: 0;
    position: absolute;
}

.ajax__tab_default .ajax__tab_tab {
    overflow: hidden;
    text-align: center;
    padding: 0px 13px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin: 0;
    line-height: normal;
    overflow: visible;
    text-transform: none;
    display: -moz-inline-box;
    color: #5f5f5f;
    /* display: inline-block; */
}

.tab-section div[id*="tabContainer1_header"] span.ajax__tab_tab {
    padding: 10px 13px;
    display: inline-block;
    color: #5f5f5f;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin: 0;
    line-height: normal;
    overflow: visible;
    text-transform: none;
}

.tab-section div[id*="tabContainer1_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 20px;
}

.tab-section .ajax__tab_active {
    position: relative;
}

.tab-section div[id*="tabContainer1_header"] .ajax__tab_active .ajax__tab_tab {
    color: #466c9c;
}

.tab-section div[id*="tabContainer1_header"] span {
    cursor: pointer;
    display: inline-block;
}

    .tab-section div[id*="tabContainer1_header"] span.ajax__tab_outer {
        border: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
    }

    .tab-section div[id*="tabContainer1_header"] span:hover {
        color: #466c9c
    }

.tab-section .ajax__tab_active:after {
    content: '';
    background-color: #466c9c;
    height: 2px;
    width: 100%;
    bottom: -2px;
    left: 0;
    position: absolute;
}

.tab-section div[id*="tabContainer2_header"] span.ajax__tab_tab {
    padding: 10px 13px;
    display: inline-block;
    color: #5f5f5f;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin: 0;
    line-height: normal;
    overflow: visible;
    text-transform: none;
}

.tab-section div[id*="tabContainer2_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 20px;
}

.tab-section .ajax__tab_active {
    position: relative;
}

.tab-section div[id*="tabContainer2_header"] .ajax__tab_active .ajax__tab_tab {
    color: #466c9c;
}

.tab-section div[id*="tabContainer2_header"] span {
    cursor: pointer;
    display: inline-block;
}

    .tab-section div[id*="tabContainer2_header"] span.ajax__tab_outer {
        border: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
    }

    .tab-section div[id*="tabContainer2_header"] span:hover {
        color: #466c9c
    }

.tab-section .ajax__tab_active:after {
    content: '';
    background-color: #466c9c;
    height: 2px;
    width: 100%;
    bottom: -2px;
    left: 0;
    position: absolute;
}

.custom-table {
    width: 100%;
    overflow: auto;
}

/*current Update UI Css start*/
/*.navbar-position-left {
    position: fixed !important;
    border:none;
}*/
a.active-class::after {
    border-left: 4px solid #707070;
    height: 30px;
    content: " ";
    float: right;
}

.active-class {
    background-color: #F3F2F1 !important;
    font-weight: bold !important;
    border: 1px solid #F3F2F1;
    border-radius: 10px;
}

.vertical-menu a:hover {
    /*border: 1px solid #F3F2F1;
    border-radius: 10px;*/
}

.description-header {
    font-size: 18px;
    font-weight: bold;
    color: #2D2D2D;
    padding-left: 15px;
}

.summary-description-header {
    font-size: 18px;
    font-weight: bold;
    color: #666666 !important;
    padding-left: 15px;
}

.description-header-new {
    font-size: 16px;
    font-weight: bold;
    color: #2D2D2D; 
    text-transform:uppercase
}

.width-tab-header-description {
    width: 85%;
}

.width-tab-header {
    width: 15%;
}

.vertical-menu {
    /*width: 225px;*/
}

.productdetails-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 35px;
}

.product-code-design {
    color: #000;
    padding-top: 15px;
}

.product-name-design {
    color: #000;
    padding-top: 15px;
}

.row-header {
    background-color: #F3F2F1;
    font-weight: bold;
    font-family: Arial,sans-serif;
    height: 50px;
}

.row-header-description {
    background-color: #eeeeee;
    font-weight: bold;
    font-family: Arial,sans-serif;
    height: 50px;
}

.description-table-header {
    color: #2D2D2D;
    padding-left: 15px;
    font-size: 14px;
}

.description-tab a {
    font-size: 16px;
    background-color: #fff;
}

.description-table-content {
    color: #2D2D2D;
    padding-left: 15px !important;
    font-size: 14px !important;
    height: 50px;
}

.search-prdoduct-discrip-align a:hover {
    text-decoration: none !important;
}

.product-table-compare-width table {
    width: 100%;
}

.font-weight-head {
    font-weight: bold;
    font-size: 16px !important;
}

.font-weight-head-engage {
    font-weight: bold;
}

.description-table-extended-content {
    color: #2D2D2D;
    padding-left: 15px;
    font-size: 16px;
}

.filter-section {
    position: relative;
    top: 0px;
}
/*td >span:empty {
    display: none;
}*/
.height-alter {
    height: 50px;
}

.table-border-style {
    border: 1px solid #d1d1d142;
    width: 100%;
}

.table-border-style-top {
    border: 1px solid #d1d1d142;
    width: 100%;
}

.active-class img {
    filter: invert(196%) sepia(13%) saturate(3343%) hue-rotate(184deg) brightness(106%) contrast(80%);
}

img.image-icon-space {
    padding-bottom: 5px;
    padding-right: 5px;
    width: 22px;
}

.vertical-menu.description-tab div a {
    color: #000;
    font-weight: 100;
    text-decoration: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

td.image-carousel-width {
    width: 16.66666667%;
    padding-left: 15px;
    padding-right: 15px;
}

.image-product-width {
    /*width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;*/
}

td.image-product-width input {
    width: 500px;
}

.zoom-product-width img {
    width: 100%;
    cursor: pointer;
}

.button-common {
    min-width: 115px;
    height: 36px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Calibri";
    text-align: center;
    background-color: #f3f2f1;
    border: 1px solid #c1c1c1;
    color: #000;
    border-radius: 4px;
    padding: 2px 7px 2px 7px;
    background: #f3f2f1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    /* text-transform: uppercase;*/
}

.search-prdoduct-view input.button-common {
    min-width: 115px;
    height: 36px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Calibri";
    text-align: center;
    background-color: #f3f2f1;
    border: 1px solid #c1c1c1;
    color: #000;
    border-radius: 4px;
    padding: 2px 7px 2px 7px;
    background: #f3f2f1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
}

.search-prdoduct-image-align {
    text-align: center;
}

.search-prdoduct-discrip-align {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-prdoduct-image-align img {
    width: 125px;
    height: 125px;
}

.over-product-compare {
    display: flex;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
    justify-content: space-between;
}

.over-product-compare-label label {
    padding-top: 10px;
    color: #23527c;
    font-weight: normal;
    max-width: 100%;
}

.over-product-compare-button button {
    float: right;
    color: orange;
    font-size: 10px;
    border: 1px;
}

.compare-btn-algn input.button-common {
    text-transform: capitalize;
}

.col-sm-2.compare-btn-algn {
    padding-bottom: 15px;
}

.over-product-compare-button {
    padding-top: 0px;
}

.Search-box-algn input {
    box-shadow: none !important;
}

.over-product-compare-image {
    width: 50px;
}

.Search-box-algn div.searchBox__container {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


.Search-box-left-algn div.searchBox__container {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 10px;
}

.Search-box-left-algn input {
    box-shadow: none !important;
}

.paddin-engage-profile {
    padding-right: 10px;
}

.Search-box-left-algn div span button {
    border: none;
    box-shadow: none !important;
    border-radius: 10px;
}

.Search-box-left-algn input {
    padding-left: 31px !important;
}

.Notification-Grid {
    padding: 0px 0px;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    background: #f1f3f4;
    border-radius: 10px;
}

.Notification-Grid-noteemail {
    padding: 0px 0px;
    background: #f1f3f4;
    border-radius: 10px;
    border: 1px solid #8080802e;
}

ul.new-select-dropdown {
    list-style: none;
    position: absolute;
    background: #f1f3f4;
    width: 100px;
    z-index: 100;
    border-radius: 5px;
    padding-left: 10px;
}

img.create-new-iconsimg {
    width: 22px;
    padding-right: 6px;
}

img.create-new-iconsimg-mobile {
    width: 22px;
    padding-right: 6px;
}

ul.new-select-dropdown li {
    color: #555;
}

.new-select-dropdown-hide {
    display: none;
}

.new-engage-items {
    padding-left: 10px;
}

.justify-flex-end {
    justify-content: flex-end;
}

.form-list-engage {
    display: grid;
    grid-template-columns: 1fr 10fr;
    padding: 5px 0px;
}

.form-list-task {
    display: grid;
    grid-template-columns: 3fr 12fr;
}

.form-list-newpass {
    display: grid;
    grid-template-columns: 2fr 2fr;
    padding-right: 12px;
}

    .form-list-newpass label {
        font-family: "Calibri";
        font-size: 14px;
        color: #555555;
        font-weight: bold;
        margin: 0;
        line-height: 33px;
        text-align: right;
        padding-right: 15px;
    }

.grid-back-left {
    min-height: 100vh;
    background: #efefef;
}

.click-to-contact {
    z-index: 2;
}

.Search-box-left-algn .searchBox__container {
    background: #fff;
}

.Pro-name {
    margin: 0px;
}

.padd-top-45 {
    padding-top: 15px;
}

.padd-top-15 {
    padding-top: 15px;
}

.Pro-message {
    margin: 0px;
}

.Pro-date {
    margin: 0px;
}

.img-Notification-Grid img {
    width: 18px;
}

.img-Notification-Grid {
    padding-top: 5px;
}

.hide-engage {
    display: none
}

.Tasks-text {
    font-weight: bold;
}

.mailnew-show-algn {
    border: 1px solid #8080802e;
    margin: 10px;
    border-radius: 10px;
}

.top-algn-Grid {
    padding-top: 15px;
}

.Search-box-algn div span button {
    border: none;
    box-shadow: none !important;
}

    .Search-box-algn div span button:focus {
        outline: none !important;
        border: none !important;
        background: none !important;
    }

    .Search-box-algn div span button:hover {
        background: none !important;
    }

.Search-box-left-algn {
    padding-bottom: 10px;
    padding-top: 0PX;
}

div#pager div a {
    background: white;
    border: 1px solid gainsboro;
    padding: 1px 7px;
    border-radius: 5px;
    font-weight: 100;
}

div#pager div:first-child span {
    margin-right: 3px;
}

div#pager div span {
    background: white;
    border: 1px solid gainsboro;
    padding: 3px 7px;
    border-radius: 5px;
}

.bottom-padd-space {
    padding-bottom: 10px;
}

div#pager div a.active {
    background-color: #c9cdd6;
    text-decoration: none !important;
    font-weight: 600;
}

.search-prdoduct- input.button-common {
    min-width: 115px;
    height: 36px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Calibri";
    text-align: center;
    background-color: #f3f2f1;
    border: 1px solid #c1c1c1;
    color: #000;
    border-radius: 4px;
    padding: 2px 7px 2px 7px;
    background: #f3f2f1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}

.search-prdoduct-backcolor-align {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px 10px;
}

.search-prdoduct-check-align {
    text-align: center;
    padding-top: 15px;
}

.padd-left-0 {
    padding-left: 0px;
}

.padd-right-0 {
    padding-right: 0px!important;
}

.button-common-compare {
    background-color: #F3F2F1;
    color: #2d2d2d;
    border: 1px solid #C1C1C1;
    border-radius: 5px;
    height: 40px;
}

.click-to-email {
    z-index: 1;
}

.button-common-cart {
    min-width: 115px;
    height: 36px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Calibri";
    text-align: center;
    background-color: #f3f2f1;
    border: 1px solid #c1c1c1;
    color: #555555;
    border-radius: 4px;
    padding: 2px 7px 2px 7px;
    background: #e0e0e0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.mobile-icon-width {
    width: 18px;
    padding-top: 10px;
}

.cart-padd {
    padding: 20px 0px;
}

.compare-desc-header {
    background: #dcdcdc96;
    height: 50px;
    color: #2d2d2d;
}

.user-name-val input {
    width: 100%;
    padding: 8px;
    border: 1px solid #dfe2e5;
    border-radius: 10px;
    font-size: 18px;
    -webkit-box-shadow: 0 0 0px 1000px #EEF1F5 inset;
    text-decoration: none;
    color: #194476;
}

.margin-0 {
    margin: 0px;
}

.user-name-val input:focus-visible {
    outline: none !important;
    background: none !important;
}

.passwd-val input:focus-visible {
    outline: none !important;
    background: none !important;
}

.passwd-val input {
    width: 100%;
    padding: 8px;
    border: 1px solid #dfe2e5;
    border-radius: 10px;
    font-size: 18px;
    -webkit-box-shadow: 0 0 0px 1000px #EEF1F5 inset;
    text-decoration: none;
    color: #194476;
}

    .passwd-val input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #EEF1F5 inset;
        color: #194476;
    }

user-name-val input:-internal-autofill-selected {
    color: #194476 !important;
}

.user-name-val input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #EEF1F5 inset;
    color: #194476;
}



.back-login-img {
    background-image: url("/images/login-back.png");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.over-form-input-algn {
    position: relative;
    left: 51%;
    /* top: 52%; */
    transform: translate(-50%,45%);
    background-color: #fff;
}

.over-auth-form-input-algn {
    position: relative;
    left: 50%;
    transform: translate(-50%,0%);
    background-color: #fff;
}

.div-flex-space {
    display: flex;
    justify-content: space-between;
}

/*.div-flex-space div.user-name-labl {
        padding-left: 0px;
        padding-right: 0px;
    }*/

.padd-8 {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}
.display-same-line {
    display: flex;
}

.mantry-icon {
    padding-top: 15px;
    padding-left: 10px;
}

header div {
    text-align: center;
    width: 100%;
}


.txt-align-warn {
    font-weight: 500;
    font-size: 18px;
    /*padding-top: 10px;*/
}

.over-auth-form-input-algn div.txt-align-warn {
    text-align: center;
    line-height: 30px;
}

.back-to-log a {
    text-decoration: none;
    padding-right: 5px;
}

.userName-pass-plicy {
    padding-top: 0px;
}

.clear-both {
    clear: both;
}

.userName-pass-plicy-point {
    line-height: 30px;
    font-size: 16px;
}

.userName-pass-plicy-head {
    font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
}

.text:focus-visible {
    outline: none !important;
}

.mail-header-txt {
    text-align: center;
    padding-top: 15px;
    font-size: 18px;
}

.log-evo-logo {
    text-align: center;
}

.user-name-labl {
    font-size: 18px;
    padding: 15px;
    color: #194476;
}

.user-name-labl-auth {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #194476;
}

.log-evo-logos {
    text-align: center;
    padding: 15px;
}

.vh-100 {
    height: 100vh;
}

.vh-50 {
    height: 50vh;
}

.vh-2 {
    height: 2vh;
}

.passwd-lbl {
    font-size: 18px;
    padding: 15px;
    color: #194476;
}

.login-button-alg button {
    background: #194476;
    padding: 8px;
    width: 150px;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    border: none;
}

.back-to-home-text {
    font-size: 14px;
    padding: 15px;
    color: #194476;
}

.forgot-button-alg input.button-fogot {
    background: #194476;
    padding: 8px;
    width: 225px;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    border: none;
    font-weight: normal;
}

.back-to-home {
    text-align: center;
    padding-top: 10px;
}

.forgot-button-alg {
    text-align: center;
    padding: 30px;
    padding-bottom: 0px;
}

.fogot-reg-algn {
    display: block;
    justify-content: space-between;
    font-size: 18px;
    padding: 15px;
    color: #194476;
    text-align: center;
}

.spec-name-algn {
    text-align: center;
    font-size: 18px;
    padding: 15px;
    color: #194476;
    font-weight: bold;
}

.login-button-alg {
    text-align: center;
    padding: 30px;
    padding-bottom: 10px;
}

.fogot-reg-algn div {
    padding-bottom: 10px;
}

.panel.panel-primary.behclick-panel.categorey-alignment-design {
    height: calc(100vh - 260px);
    overflow-y: auto;
    margin-bottom: 0px;
    padding-left: 10px;
}

    .panel.panel-primary.behclick-panel.categorey-alignment-design::-webkit-scrollbar {
        width: 15px;
    }

    .panel.panel-primary.behclick-panel.categorey-alignment-design::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
    }

    .panel.panel-primary.behclick-panel.categorey-alignment-design::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
        background-color: #f3f2f1;
    }

.thumnail-imgslider {
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 0px;
    padding-left: 10px;
    margin-top: 25px;
}

.active-design {
    border-left: 5px solid #194476;
    background: #f3f2f1;
}

.thumnail-imgslider::-webkit-scrollbar {
    width: 5px;
}

.thumnail-imgslider::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(220 220 220);
}

.thumnail-imgslider::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fff;
}

.thumnail-imgslider table {
    width: 100%;
    text-align: center;
}

.product-list-search-over {
    overflow-y: auto;
    height: calc(100vh - 280px);
    margin-bottom: 0px;
    padding-left: 10px;
}

    .product-list-search-over::-webkit-scrollbar {
        width: 15px;
    }

    .product-list-search-over::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
    }

    .product-list-search-over::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
        background-color: #f3f2f1;
    }

.product-list-compare-over {
    overflow-y: auto;
    height: calc(100vh - 345px);
    margin-bottom: 0px;
    padding-left: 10px;
}

    .product-list-compare-over::-webkit-scrollbar {
        width: 15px;
    }

    .product-list-compare-over::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
    }

    .product-list-compare-over::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
        background-color: #f3f2f1;
    }

.help-info-icon {
    width: 34px;
    height: 34px;
}

.addimageNZ {
    background-image: url('../images/flags/nz.gif') !important;
    background-position: 0px 3px !important;
    background-repeat: no-repeat !important;
    /*background-size: 18px !important;*/
}

.addimageAU {
    background-image: url('../images/flags/au.gif') !important;
    background-position: 0px 3px !important;
    background-repeat: no-repeat !important;
    /*background-size: 18px !important;*/
}

.addimageGB {
    background-image: url('../images/flags/gb.gif') !important;
    background-position: 0px 3px !important;
    background-repeat: no-repeat !important;
    /*background-size: 18px !important;*/
}

.addimageUS {
    background-image: url('../images/flags/us.gif') !important;
    background-position: 0px 3px !important;
    background-repeat: no-repeat !important;
    /*background-size: 18px !important;*/
}

.addimageCN {
    background-image: url('../images/flags/cn.gif') !important;
    background-position: 0px 3px !important;
    background-repeat: no-repeat !important;
    /*background-size: 18px !important;*/
}

.icon-decommission-align {
    background-image: url('../images/new-svg-icons/decommission-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}


.icon-search-align {
    background-image: url('../images/new-svg-icons/search.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-undodecommission-align {
    background-image: url('../images/new-svg-icons/undodecommission-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-newasset-align {
    background-image: url('../images/new-svg-icons/newasset-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-cart-algn {
    background-image: url('../images/new-svg-icons/cart-add.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-cart-algn-sel {
    background-image: url('../images/new-svg-icons/cart-add.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-delete-algn-sel {
    min-width: auto !important;
    background-image: url('../images/new-svg-icons/delete-iconnew.svg') !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-remove {
    background-image: url('../images/new-svg-icons/delete-iconnew.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

.icon-delete-algn-10 {
    background-image: url('../images/new-svg-icons/delete-iconnew.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-load-to-cart {
    background-image: url('../images/new-svg-icons/load-to-cart.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-submit-algn {
    background-image: url('../images/new-svg-icons/submit-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-print-align {
    background-image: url('../images/new-svg-icons/print-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-continue-align {
    background-image: url('../images/new-svg-icons/continue-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-cancel-align {
    background-image: url('../images/new-svg-icons/close-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-submit-order {
    background-image: url('../images/new-svg-icons/submit-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-order-align {
    min-width: auto !important;
    background-image: url('../images/new-svg-icons/place-order.svg') !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}


.icon-save-algn {
    background-image: url('../images/new-svg-icons/save-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-edit-algn {
    background-image: url('../images/new-svg-icons/edit-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-reply-algn {
    background-image: url('../images/new-svg-icons/reply-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}


.icon-request-algn {
    background-image: url('../images/new-svg-icons/request-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-back-algn {
    background-image: url('../images/new-svg-icons/icon-back.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-save-algn-10 {
    min-width: auto !important;
    background-image: url('../images/new-svg-icons/save-icon.svg') !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-clear-algn {
    min-width: auto !important;
    background-image: url('../images/new-svg-icons/icon-clear.svg') !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-algn-send {
    background-image: url('../images/new-svg-icons/send-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-algn-send-req {
    background-image: url('../images/new-svg-icons/send-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-ref-align {
    background-image: url('../images/new-svg-icons/referesh-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-reset-align {
    background-image: url('../images/new-svg-icons/reset-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-requote-align {
    background-image: url('../images/new-svg-icons/iocon-requote.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-rep-align {
    background-image: url('../images/new-svg-icons/report-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-addplus-align {
    background-image: url('../images/new-svg-icons/add-iconplus.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-addaddress-align {
    background-image: url('../images/new-svg-icons/add-iconplus.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-adduser-align {
    background-image: url('../images/new-svg-icons/add-iconplus.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-download-align {
    background-image: url('../images/new-svg-icons/download-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-reqprice-align {
    background-image: url('../images/new-svg-icons/re-price-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-placeorder-align {
    background-image: url('../images/new-svg-icons/place-order.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-pay-credietcard {
    background-image: url('../images/new-svg-icons/pay-balance.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-update-align {
    min-width: auto !important;
    background-image: url('../images/new-svg-icons/update-icon.svg') !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-updatewarren-align {
    background-image: url('../images/new-svg-icons/update-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-arch-align {
    background-image: url('../images/new-svg-icons/archive-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-undoarch-align {
    background-image: url('../images/new-svg-icons/undoarchive-icon.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-addtobench {
    background-image: url('../images/new-svg-icons/add-iconplus.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-addsell-algnicon-cart-algn {
    background-image: url('../images/new-svg-icons/add-to-sel.svg');
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}


.search-prdoduct-view input.button-common {
    background-image: url('../images/new-svg-icons/view-icon.svg');
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    padding-right: 30px !important;
}

.comp-icon-dalign {
    background-image: url('../images/new-svg-icons/compare-icon.svg');
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

.icon-upload-align {
    background-image: url('../images/new-svg-icons/icon-upload.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 30px !important;
}

div#engage-chat-show {
    border: 1px solid #8080802e;
    margin: 10px;
    border-radius: 10px;
}

.new-engage-select {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.new-engage-select-right {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.new-engage-select-right-newe {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
}

.form-list-engage-file {
    display: grid;
    grid-template-columns: 2fr 12fr;
    padding: 5px 0px;
}

.form-list-task label {
    line-height: 33px;
}

.form-list-engage-file label {
    line-height: 33px;
}

.view-messsage-script {
    height: 200px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 10px;
}

.voicemail-head {
    padding-top: 10px;
}

.type-script-text-algnn {
    padding: 15px 0px;
}

.chat-message-text-area {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 10px;
}

.img-call-type img {
    width: 18px;
    height: 18px;
}

.ship-clientname {
    font-size: 18px;
}

.img-call-Grid img {
    width: 18px;
}

.call-grid-video-icon img {
    width: 18px;
}

.call-grid-call-icon img {
    width: 18px;
}

.new-engage-select div.new-select-dropdown-back {
    background: #c1bfbf;
    color: #fff !important;
    border-radius: 5px;
}

.display-flex-end {
    display: flex;
    justify-content: flex-end;
    padding-top: 15px;
}

.just-end {
    display: flex;
    justify-content: flex-end;
}

label.label-algn {
    padding-top: 3px;
    padding-right: 10px;
}

.new-engage-select div a {
    color: #fff !important;
    padding-left: 10px;
}

button.search-crm-name {
    background: none;
    font-size: 14px;
}

.user-avatar.-medium {
    width: 50px;
    height: 50px;
    line-height: 35px;
    font-size: 24px;
    background-image: url(../images/user.png);
    background-repeat: no-repeat;
}

.chat-message-text-area textarea.message-editor {
    border-radius: 10px;
}

.profile-chat-head {
    font-size: 18px;
}

.chat-background-padd {
    background: #edeff7;
    margin-bottom: 5px;
    border-radius: 10px;
}

.img-call-Grid {
    padding: 5px 15px;
}

.user-avatar {
    display: inline-block;
    float: inherit;
    width: 36px;
    height: 36px;
    margin: 5px;
    line-height: 36px;
    border-radius: 50%;
    background-size: cover;
    font-weight: 100;
    font-size: 18px;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
    color: white;
}

.call-Pro-name {
    padding-top: 10px;
}

.call-grid-video-icon {
    padding-top: 10px;
}

.call-grid-call-icon {
    padding-top: 10px;
}

.calling-background-padd {
    background: #f1f3f4;
    padding: 25px 15px;
    border-radius: 10px;
}

.call-button-icon {
    background: #c1bfbf;
    font-size: 18px;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    padding: 2px;
}

.icon-call-algn {
    background-image: url('../images/icon-mobile.png') !important;
    background-position: 120px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
}

.call-list-Grid {
    padding: 15px 0px;
}
/*dial pad start*/
.row-dialpad {
    margin: 0 auto;
    clear: both;
    text-align: center;
    font-family: 'Exo';
}

.digit,
.dig {
    float: left;
    padding: 10px 30px;
    width: 33%;
    font-size: 2rem;
    cursor: pointer;
}

.sub {
    font-size: 0.8rem;
    color: grey;
}

.container-dialpad {
    background-color: #f1f3f4;
    padding: 10px 1px;
    margin: 0px auto;
    height: 500px;
    border-radius: 10px;
    text-align: center;
}

#output {
    font-family: "Exo";
    font-size: 2rem;
    height: 60px;
    font-weight: bold;
    color: #1976d2;
}

#call {
    display: inline-block;
    background-color: #66bb6a;
    padding: 4px 30px;
    margin: 10px;
    color: white;
    border-radius: 4px;
    float: left;
    cursor: pointer;
}

.botrow {
    margin: 0 auto;
    width: 60%;
    clear: both;
    text-align: center;
    font-family: 'Exo';
}

.digit:active,
.dig:active {
    background-color: #e6e6e6;
}

#call:hover {
    background-color: #81c784;
}

.dig {
    float: left;
    padding: 10px 20px;
    margin: 10px;
    width: 30px;
    cursor: pointer;
}
/*dial pad end*/
.container-tab-algn {
    width: 100%;
    position: relative;
    margin-top: 15px;
    font-size: 0;
    border-radius: 3px;
}

    .container-tab-algn input {
        display: none;
    }

        .container-tab-algn input:checked + label {
            background: #eee;
        }

        .container-tab-algn input#tab1:checked ~ .line {
            left: 0%;
        }

        .container-tab-algn input#tab1:checked ~ .content-container #c1 {
            opacity: 1;
        }

        .container-tab-algn input#tab2:checked ~ .line {
            left: 19%;
        }

        .container-tab-algn input#tab2:checked ~ .content-container #c2 {
            opacity: 1;
        }

        .container-tab-algn input#tab3:checked ~ .line {
            left: 38%;
        }

        .container-tab-algn input#tab3:checked ~ .content-container #c3 {
            opacity: 1;
        }

        .container-tab-algn input#tab4:checked ~ .line {
            left: 57%;
        }

        .container-tab-algn input#tab4:checked ~ .content-container #c4 {
            opacity: 1;
        }

        .container-tab-algn input#tab5:checked ~ .line {
            left: 76%;
        }

        .container-tab-algn input#tab5:checked ~ .content-container #c5 {
            opacity: 1;
        }

    .container-tab-algn label {
        display: inline-block;
        font-size: 16px;
        height: 36px;
        line-height: 36px;
        width: 19%;
        text-align: center;
        color: #555;
        position: relative;
        transition: 0.25s background ease;
        cursor: pointer;
    }

        .container-tab-algn label::after {
            content: "";
            height: 2px;
            width: 100%;
            position: absolute;
            display: block;
            background: #ccc;
            bottom: 0;
            opacity: 0;
            left: 0;
            transition: 0.25s ease;
        }

        .container-tab-algn label:hover::after {
            opacity: 1;
        }

    .container-tab-algn .line {
        position: absolute;
        height: 2px;
        background: #194376;
        width: 19%;
        top: 34px;
        left: 0;
        transition: 0.25s ease;
    }

    .container-tab-algn .content-container {
        background: #eee;
        position: relative;
        height: 100px;
        font-size: 16px;
    }

        .container-tab-algn .content-container .content {
            position: absolute;
            padding: 0px;
            width: 100%;
            top: 0;
            opacity: 0;
            transition: 0.25s ease;
            color: #333;
        }

            .container-tab-algn .content-container .content h3 {
                font-weight: 200;
                margin: 10px 0;
            }

            .container-tab-algn .content-container .content p {
                margin: 10px 0;
            }

            .container-tab-algn .content-container .content p,
            .container-tab-algn .content-container .content i {
                font-size: 13px;
            }

.formValue-engage::after {
    content: '';
    position: absolute;
    top: 12px;
    right: 16px;
    padding: 1em;
    /* background-color: #fff; */
    transition: .25s all ease;
    pointer-events: none;
    background-image: url('../images/new-icons/arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 31px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    /* margin: 10px;*/
}

.reContentCell iframe body {
    padding: 0px !important;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fileUpload.btn.btn-primary {
    background: #f3f2f1;
    color: #194376;
    text-transform: capitalize;
    background-image: url('../images/new-svg-icons/icon-upload.svg') !important;
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    width: 100px;
    padding-right: 30px !important;
}


.view-mage-reciev {
    background: #d4fafa;
    padding: 10px;
    border-radius: 15px;
}

.top-padd-agn {
    padding-top: 15px;
    padding-bottom: 15px;
}

textarea.message-editor {
    outline: none;
    box-shadow: none;
    width: 100%;
}

.grid-mail-img img {
    width: 18px;
}

.engage-contact-newborder {
    padding: 10px;
    border: 1px solid #8080802e;
    margin: 10px;
    border-radius: 10px;
    margin-bottom: 50px;
}

/*enga accordion tab*/
.accordion__title {
    height: 30px;
    display: block;
    position: relative;
    font-weight: 400;
}


section.accordion {
    padding-bottom: 15px;
}

.accordion__title h5 {
    border-bottom: 1px solid #fefffa;
    display: inline-block;
}

.accordion__title:hover, .accordion__title:focus {
    cursor: pointer;
    outline: none;
}

    .accordion__title:hover h5, .accordion__title:focus h5 {
        border-bottom-color: #a8bdc4;
        display: inline-block;
    }





.accordion__content {
    transition: height 0.3s ease-out;
    height: 0;
    overflow: hidden;
}

.notification-mail-padd {
    padding: 5px 0px;
}

.message-details-receive {
    background: #f1f3f4;
    padding: 10px;
}

.accordion__content-inner {
    border: 1px solid #80808033;
    border-top: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.message-enter-section {
    padding: 10px;
    height: 200px;
}

/*enga accordion tab end*/
.message-editor-inner {
    padding: 0px;
}

    .message-editor-inner iframe {
        padding: 0px;
    }

    .message-editor-inner html {
        padding: 0px;
    }

.active-color-profile-change {
    color: #2f5597;
    border: 2.5pt solid #2f5597 !important;
}

/*img.active-color-change-help:hover {
    fill: #345b9c;
}*/

.button-common-compare-input {
    background-color: #F3F2F1;
    color: #2d2d2d;
    border: 1px solid #C1C1C1;
    border-radius: 5px;
    height: 40px;
    width: 100%;
}

.back-none {
    background: none !important;
    color: #000;
}

.border-table-none {
    border: none !important;
}

.back-color-grey {
    border: none !important;
    background: #c1c1c1 !important;
}

    .back-color-grey tr {
        border: none !important;
        background: #c1c1c1 !important;
    }

        .back-color-grey tr td {
            border: none !important;
            background: #c1c1c1 !important;
        }

.border-table-none tr {
    border: none !important;
}

    .border-table-none tr td {
        border: none !important;
        color: #000 !important;
    }

.close {
    opacity: 1;
}

.price-popup-text {
    font-size: 14px;
    color: #000 !important;
    font-weight: bold;
}

.cart-padd {
    padding: 10px 0px 20px 0px;
}

table#dtListMainSpecItems tr:nth-child(odd) td div div.col-md-10 div.back-design-row {
    /*background: #f6f6f6;*/
    width: 100%;
    min-height: 100%;
}

table#dtListExtendedSpecItems tr:nth-child(odd) td div div.col-md-10 div.back-design-row {
    /*background: #f6f6f6;*/
    width: 100%;
    min-height: 100%;
}

.padd-bottom-25 {
    padding-bottom: 25px;
}

.back-design-row {
    width: 100%;
    /*min-height: 75px;*/
}

.display-flex {
    display: flex;
}

.describe-product-space {
    padding: 10px 5px;
    display: table-cell;
    vertical-align: middle;
}

.left-row-design div {
    padding: 8px 0px;
    font-size: 16px;
    vertical-align: middle;
    height: 100%;
    display: table-cell;
}

.compare-desc-header.view-top {
    margin-top: 110px;
}

table.table.table-design-update tr td {
    border-top: none;
    padding: 0px;
}

table.table.table-design-update tr {
    /*height:75px;*/
    padding: 0px;
}

.col-md-2.left-row-design {
    /*min-height: 75px;*/
    /*background: #f6f6f6;*/
}

.vertical-menu.button-common-compare-align {
    padding: 10px 20px;
}
/*left menu algn css*/

@media (min-width:768px) {
    .container {
        width: 503px
    }
}

@media (min-width:992px) {
    .container {
        width: 723px
    }
}

@media (min-width:1200px) {
    .container {
        width: 923px
    }
}

@media (min-width:1432px) {
    .container {
        width: 1170px
    }
}

body {
    /*padding-top: 70px;*/
    /*min-height: 200vh*/
}

.navbar-fixed-left,
.navbar-fixed-right {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030
}

@media (min-width:768px) and (min-width:768px) {

    .navbar-fixed-left,
    .navbar-fixed-right {
        width: 232px;
        height: 100vh;
        border-radius: 0
    }

        .navbar-fixed-left .container,
        .navbar-fixed-right .container {
            padding-right: 0;
            padding-left: 0;
            width: auto
        }

        .navbar-fixed-left .navbar-header,
        .navbar-fixed-right .navbar-header {
            padding-left: 15px;
            padding-right: 15px
        }

        .navbar-fixed-left .navbar-collapse,
        .navbar-fixed-right .navbar-collapse {
            padding-right: 0;
            padding-left: 0;
            max-height: none
        }

            .navbar-fixed-left .navbar-collapse .navbar-nav,
            .navbar-fixed-right .navbar-collapse .navbar-nav {
                float: none !important
            }

                .navbar-fixed-left .navbar-collapse .navbar-nav > li,
                .navbar-fixed-right .navbar-collapse .navbar-nav > li {
                    width: 100%
                }

                    .navbar-fixed-left .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu,
                    .navbar-fixed-right .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu {
                        top: 0
                    }

                .navbar-fixed-left .navbar-collapse .navbar-nav.navbar-right,
                .navbar-fixed-right .navbar-collapse .navbar-nav.navbar-right {
                    margin-right: 0
                }
}

@media (min-width:768px) {
    body {
        /*padding-top: 0;
		padding-left: 232px*/
    }

    .navbar-fixed-left {
        right: auto !important;
        left: 0 !important;
        border-width: 0 1px 0 0 !important
    }

        .navbar-fixed-left .dropdown .dropdown-menu {
            left: 100%;
            right: auto;
            border-radius: 0 3px 3px 0
        }

        .navbar-fixed-left .dropdown .dropdown-toggle .caret {
            border-top: 4px solid transparent;
            border-left: 4px solid;
            border-bottom: 4px solid transparent;
            border-right: none
        }
}

/*left menu algn css end*/
.code-view p {
    /*background: #F6F6F6;*/
    height: 35px;
    font-size: 16px;
    padding: 10px 0px;
    text-align: center;
    color: #2d2d2d;
    margin-bottom: 10px;
}

.product-img-width-com {
    width: 124px;
}

.product-back-comparetable {
    width: 100%;
}

.product-back-compare {
    /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}

.close img {
    padding: 10px 10px;
}

img.image-icon-close {
    width: 40px;
}

.image-icon-back {
    width: 20px;
    padding-bottom: 5px;
}

.button-back span {
    font-size: 14px;
    color: #2d2d2d;
    text-decoration: none;
    padding-left: 5px;
    text-transform: uppercase;
}

.align-botton-middle {
    padding-top: 25px;
}

.view-top {
    padding-top: 17px;
}

.button-back {
    padding-left: 20px !important;
}

.back-left-color {
    /*background-color: #F6F6F6;*/
}

.padding-0 {
    padding: 0px;
}

.compare-desc-header p {
    font-size: 14pt;
    text-transform: uppercase;
    font-weight: bold;
    padding: 9px 15px;
    text-align: center;
}

.tbuserprofile td {
    width: 50%;
}

@media screen and (max-width: 769px) {
    input [type="search"] {
        -webkit-appearance: none;
        max-width: 600px;
        width: 100%;
        min-width: 250px;
    }
}

.highcharts-drilldown-axis-label {
    text-decoration: none !important;
}

.updatebtn-padd {
    text-align: right;
    padding-right: 2%;
}

.add-address-border-remove table {
    border: 0px !important;
}

.add-address-border-remove {
    padding: 0px !important;
}

.del-padding {
    padding-left: 45px;
}

.innergrid_noborder {
    border: 0px;
}

.order-qtytd {
    width: 150px;
    border: none !important;
    font-weight: bold !important;
}

.order-qty-value {
    text-align: left;
    border: none !important;
    width: 190px !important;
}

.allocated-qtytd {
    width: 150px;
    border: none !important;
    font-weight: bold !important;
}

.allocated-qty-value {
    text-align: left;
    border: none !important;
    width: 190px !important;
}

.Item-qtytd {
    width: 100px;
    border: none !important;
    font-weight: bold !important;
}

.deliverytd {
    border: none !important;
    font-weight: bold !important;
    width: 150px;
}

.delivery-value {
    border: none !important;
    width: 190px;
}

.billingtd {
    border: none !important;
    font-weight: bold !important;
    width: 150px;
}

.billing-value {
    border: none !important;
    width: 190px;
}

.contacttd {
    border: none !important;
    font-weight: bold !important;
    width: 100px;
}

.pricemonitor-pro-head {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    padding: 7px 15px;
    color: #000;
}

table.price-monitortable tr:nth-child(odd) td div div.right-row-design div.back-design-price {
    background: #f6f6f6;
    width: 100%;
    height: 100%;
}

.back-design-price div {
    padding-top: 5px;
}

.table-pro-width {
}

div.table-pro-width td.labelCaption {
    width: 6%;
    white-space: nowrap;
}

.del-bill-add-activate {
    width: 450px;
    text-align: right;
}

.del-bill-add-activatevalue {
    padding-left: 15px;
}

.cost-codes-algn {
    padding-left: 11%;
}

.cost-codes-algn-add {
    padding-left: 11%;
    padding-top: 5px
}

.headerviewsum {
    font-size: 16px;
    font-weight: bold;
    color: #194376;
    text-transform:uppercase;
}

.form-listviewsum {
    display: grid;
    grid-template-columns: 2fr 2fr;
    margin-bottom: 15px;
}

    .form-listviewsum label {
        font-family: "Calibri";
        font-size: 14px;
        color: #555555;
        font-weight: bold;
        margin: 0;
        line-height: 33px;
        text-align: right;
        padding-right: 15px;
    }

.form-listviewsumaddress {
    display: grid;
    grid-template-columns: 43fr 74fr;
    margin-bottom: 15px;
}

    .form-listviewsumaddress label {
        font-family: "Calibri";
        font-size: 14px;
        color: #555555;
        font-weight: bold;
        margin: 0;
        line-height: 33px;
        text-align: right;
        padding-right: 15px;
    }

.padd-25 {
    /*padding-left:45px !important;*/
    text-align: right !important;
}

.padd-50 {
    /*padding-left: 50px !important;*/
    text-align: right !important;
}

.num-bundle {
    max-width: 0px;
    text-align: right;
}

.manufacname-bundle {
    /*text-align: right;*/
    max-width: 120px;
    display: flex;
}

.manufaccode-bundle {
    text-align: left;
    max-width: 110px;
    padding-left: 20px;
}

.manufacname-bundle span {
    padding-right: 10px;
}

.button-view-icon {
    background-image: url('../images/new-svg-icons/view-icon.svg');
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    padding-right: 30px !important;
}

.icon-mainspec-class {
    background-image: url('../images/new-svg-icons/main-spec-icon.svg');
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    padding-right: 30px !important;
    text-align: justify;
}

.icon-exspec-class {
    background-image: url('../images/new-svg-icons/ext-spec-icon.svg');
    min-width: auto !important;
    padding-left: 40px !important;
    background-position: 12px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    padding-right: 30px !important;
    text-align: justify;
}

.item.active {
    display: inline-grid;
}

.navbar-inverse {
    border: none;
}

.addreform-listview {
    grid-template-columns: 1fr 7fr;
}

.form-list-bottom {
    margin-bottom: 0px
}

.padd-top-5 {
    padding-top: 10px;
}

.pa-3030 {
    padding-left: 20px;
    padding-right: 35px;
}

.trCostCode {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    background-color: #f3f2f1;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
}

.divmain-costcode {
    padding: 0px 10px 15px 5px;
}

.cost-code-text {
    padding-left: 10px;
    padding-top: 3px;
}


.costcode-close input {
    font-size: 16px !important;
}


@media (max-width:1444px) {
    .form-listpassval {
        display: grid;
        grid-template-columns: 0fr 3fr !important;
    }

        .form-listpassval label {
            font-family: "Calibri";
            font-size: 14px;
            color: #555555;
            font-weight: bold;
            margin: 0;
            line-height: 33px;
            text-align: right;
            padding-right: 15px;
        }
}

@media (min-width:1445px) and (max-width:1600px) {
    .form-listpassval {
        display: grid;
        grid-template-columns: 1fr 3fr !important;
    }

        .form-listpassval label {
            font-family: "Calibri";
            font-size: 14px;
            color: #555555;
            font-weight: bold;
            margin: 0;
            line-height: 33px;
            text-align: right;
            padding-right: 15px;
        }
}

.bottom-space-200 {
    padding-bottom: 200px;
}

.backcolor-none {
    background: none !important;
}

.dvCompanyNameBold {
    font-weight: bold;
}

.pricecalculationheading {
    text-align: right !important;
    font-weight: bold !important;
    font-size: 16px !important;
    border: none !important;
    color: #555555 !important;
}

table.table-boredr-remove-style tr:nth-child(8) td {
    border: hidden !important;
}

.boder-hide {
    border: hidden !important;
}

.boder-hidenot-top {
    border-bottom: hidden !important;
    border-left: hidden !important;
    border-right: hidden !important;
}

.boder-hidenot-bottom {
    border-top: hidden !important;
    border-left: hidden !important;
    border-right: hidden !important;
}

.verify-icon {
    padding-left: 5px;
    width: 3%;
}

.width-assign {
    /*width:96% !important;*/
}

.button-common-compare-align {
    width: 200px !important;
    margin: 0 auto !important;
}

.main-ex-table table {
    width: 100% !important;
}

.file-column-width {
    width: 50%;
}

.qtybox-val {
    width: 70px;
    margin: 0 auto;
}

    .qtybox-val input {
        text-align: center;
    }

.borderbottom-hide-table {
    border-bottom: hidden !important;
}

tr.boder-hidenot-top td {
    border-top: 1px solid #d1d1d1 !important;
}

.col-md-2.left-row-design {
    border-right: 1px solid #d8d7d79e;
    display: table;
}

.vertical-menu.product-table-compare-width table tr td {
    border: 1px solid #d8d7d79e;
    border-left: 0px solid;
    border-right: 0px solid;
}

.col-sm-2.back-left-color.padding-0 {
    border-right: 1px solid #d8d7d79e;
}

.divprodHeading {
    border-right: 1px solid #d8d7d79e;
}

.divprodImage {
    border-right: 1px solid #d8d7d79e;
}

.productItems {
    border-right: 1px solid #d8d7d79e;
    height: 100%;
    text-align: center;
    display: table;
}

.description-header-align {
    text-align: center;
    text-transform: uppercase;
}

.product-img-item {
    height: 125px;
}

.col-md-10.right-row-design.padd-left-0.padd-right-0 {
    display: flex;
}

.vertical-menu.main-ex-table table tr td {
    border: 1px solid #d8d7d79e;
    border-left: 0px solid;
    border-right: 0px solid;
}

.custom-table table tr.gridHeaderRow td.first-child-empty:first-child:after {
    content: '';
    width: 0px !important;
    height: 60%;
    position: absolute;
    background-color: #a4a4a4;
    top: 20%;
    right: 0;
}


.rcbSlide {
    z-index: 999999999 !important;
}

.custom-navbar-top .header-top-right ul.dropdown-menu li {
    margin-right: 0px !important;
}

.dropdown-width-fix {
    width: 300px;
    margin-left: -263px !important;
}

.RadComboBoxDropDown_Default .rcbImage {
    margin: 4px 6px 2px 0 !important;
}

.qty-width-bundle-td {
    width: 74px;
}

.qty-width-bundle-inner {
    padding-left: 10px;
}

.height-25 {
    height: 25px !important;
}

div#ctl00_RadComboBox2_DropDown .rcbScroll.rcbWidth {
    height: auto !important;
}

.center-align {
    text-align: center !important;
}

input#ctl00_RadComboBox2_Input:focus {
    box-shadow: none !important;
}

div#ctl00_RadComboBox2_DropDown ul li {
    padding: 3px 12px;
    cursor: pointer;
}
/*div#ctl00_RadComboBox2_DropDown ul li span {
        padding: 0px 17px;
    }*/

.Term-name-algn h2 {
    text-align: center;
    /*padding: 15px;*/
    color: #ff7d00;
    font-weight: bold;
}

.defi-name-algn h4 {
    /*padding: 15px;*/
    color: #ff7d00;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
}

.text-style-term {
    font-size: 18px;
    line-height: 24px;
    text-align: justify;
    padding-right: 15px;
}

.Term-list-style-none {
    list-style: none !important;
    font-size: 18px;
    line-height: 24px;
    text-align: justify;
    padding: 0px;
    margin: 10px 0px;
    padding-right: 15px;
}

    .Term-list-style-none li {
        padding: 5px;
    }

.checkTerm-list-style-none {
    list-style: none !important;
    font-size: 18px;
    line-height: 24px;
    text-align: justify;
    padding: 0px
}

    .checkTerm-list-style-none li {
        padding: 5px;
    }

.continue-button-alg {
    background: #194476;
    padding: 13px;
    width: 150px;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}

li.check-box-li label {
    padding-left: 10px;
}

.formContainer.ui-corner-bottom.col-md-12 {
    padding: 0px 25px;
}

.padd-bottom-15 {
    padding-bottom: 15px;
}

.terms-and-con-overflow {
    height: 520px;
    overflow: auto;
    overflow-x: hidden;
}

    .terms-and-con-overflow p {
        word-wrap: break-word;
        line-height: 24px;
        text-align: justify;
        padding-right: 15px;
    }

.padd-bottom-50 {
    padding-bottom: 50px;
}

.box-decoratio-none {
    box-shadow: none !important;
}

.focus-visible-none:focus-visible {
    outline: none !important;
}

.formValue-controller {
    width: 100%;
    border: 1px solid #d1d1d1;
    padding: 2px 10px;
    border-radius: 5px;
    box-shadow: none;
    min-height: 33px;
    font-family: "Calibri";
    font-size: 14px;
    color: #555555;
}

.after-border-none:after {
    content: '';
    width: 1px;
    height: 0% !important;
    position: absolute;
    background-color: #a4a4a4;
    top: 20%;
    right: 1px;
}

.before-border-view:before {
    content: "";
    content: '';
    width: 1px;
    height: 60%;
    position: absolute;
    background-color: #a4a4a4;
    top: 20%;
    /* right: 1px; */
    left: 1px;
}

.ajax__tab_tab {
    text-transform: uppercase !important;
}

.vertical-menu.description-tab div a {
    text-transform: uppercase;
}

.productandqtyheight {
    height: 80px !important;
}

.inputbox-width {
    width: 238px !important;
}

.form-list-next {
    grid-template-columns: 2.05fr 2fr !important;
}

.quoteapprove-name {
    border: none !important;
    text-align: left !important;
    white-space: nowrap;
    width: 200px;
}

.quoteapprove-icon {
    border: none !important;
    text-align: left !important;
    white-space: nowrap
}

.orderapprove-name {
    border: none !important;
    white-space: nowrap;
    width: 200px;
}

.orderapprove-icon {
    border: none !important;
    white-space: nowrap;
}

.margin-left-right-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.price-monitor-import {
    font-weight: normal !important;
    padding: 7px !important;
    height: 36px;
    border: 1px solid #c1c1c1;
    font-size: 14px;
    padding-top: 4px !important;
    color: #555555 !important;
    /* box-shadow: none !important; */
    /*margin: 0px 0px 2px 0px;*/
    /* box-shadow: inset 0 1px 4px rgb(0 0 0 / 60%) !important; */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

    .price-monitor-import:hover {
        border-color: #163f72 !important;
    }

    .price-monitor-import:active {
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6) !important;
    }

table#tbComplexBenchmarkTooltip {
    min-width: 500px !important;
}

li.task-icon-engage {
    margin-right: 20px !important;
}



/*Dashlet css class 10-05-2023*/

.custom-table-new table {
    border: 0;
    /*background-color: #fff;
    border-collapse: collapse;*/
}

.custom-table table {
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-collapse: collapse;
}

.custom-table-new table tr th, .custom-table-new table tr.gridHeaderRows td {
    background-color: #f3f2f1;
    text-align: left;
    position: relative;
    text-transform: uppercase;
    background: #f3f2f1;
}
    /*
.custom-table-new table tr th, .custom-table-new table tr.gridHeaderRows td {
    background: #f3f2f1;
    font-family: "Calibri";
    font-size: 10pt;
    font-weight: bold;
    padding: 8px;
    height: 30px;
    text-transform: uppercase;
    border: none !important;
    text-align: left;
    position: relative
}*/

    .custom-table-new table tr th:after, .custom-table-new table tr.gridHeaderRows td:after {
        content: '';
        width: 1px;
        height: 60%;
        position: absolute;
        background-color: #a4a4a4;
        top: 20%;
        right: 0px;
    }

    .custom-table-new table tr th:last-child:after, .custom-table-new table tr.gridHeaderRows td:last-child:after {
        display: none
    }

.custom-table-new table tr td {
    background-color: #fff;
    /*border-bottom: 1px solid #d1d1d1;*/
    text-align: left
}

.custom-table-new table tr.gridItemRows td {
    /*border-bottom: 1px solid #d1d1d1*/
}

/*.custom-table-new table tr th, .custom-table-new table tr.gridHeaderRows td {
    padding: 10px 13px;
    font-size: 14px;
    border-right: 0;
    color: #2d2d2d;
    vertical-align: middle;
}*/

.custom-table-new table tr td {
    padding: 5px 13px;
    font-size: 14px;
}

    .custom-table-new table tr th a, .custom-table-new table tr td a,
    .custom-table-new table tr.gridHeaderRows th a, .custom-table-new table tr.gridHeaderRows td a {
        font-size: 14px;
        color: #2d2d2d;
    }

.custom-table-new table tr td, .custom-table-new table tr.gridItemRows td {
    font-size: 14px;
    color: #555555;
    vertical-align: middle;
}

    .custom-table-new table tr.gridItemRows td a, .custom-table-new table tr td a,
    .custom-table-new table tr th.number-column-right a, .custom-table-new table tr td.number-column-right a,
    .custom-table-new table tr th.number-column-right span, .custom-table-new table tr td.number-column-right span {
        font-size: 14px;
        color: #466c9c;
        text-decoration: none
    }

        .custom-table-new table tr.gridItemRows td a:hover, .custom-table-new table tr td a:hover,
        .custom-table-new table tr th.number-column-right a:hover, .custom-table-new table tr td.number-column-right a:hover,
        .custom-table-new table tr th.number-column-right span:hover, .custom-table-new table tr td.number-column-right span:hover {
            color: #0061c7;
        }

    .custom-table-new table tr th.number-column-right, .custom-table-new table tr td.number-column-right,
    .custom-table-new table tr th.number-column-right a, .custom-table-new table tr td.number-column-right a {
        text-align: right;
        font-weight: bold;
    }

        .custom-table-new table tr th.number-column-right, .custom-table-new table tr td.number-column-right,
        .custom-table-new table tr th.number-column-right a, .custom-table-new table tr td.number-column-right a {
            text-align: right;
            font-weight: bold;
        }

    .custom-table-new table tr th.number-column-center, .custom-table-new table tr td.number-column-center,
    .custom-table-new table tr th.number-column-center a, .custom-table-new table tr td.number-column-center a {
        text-align: center
    }

.custom-table-new table tr.gridItemRows.footer-total-number th a, .custom-table-new table tr.gridItemRows.footer-total-number td {
    color: #2d2d2d;
    font-weight: bold;
}

.pagetitle {
    text-transform: uppercase !important;
    color: #666666;
}

.hrs {
    margin-top: 0px !important;
    border: 1px solid #eeeeee !important;
}

.Divbg {
    /*  padding: 10px;*/
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0 0 2px rgba(0,0,0,0.3), 0 4px 8px rgba(0,0,0,0.25);
    width: 120px;
    height: 120px;
}

.Divbg-marginleft {
    margin-left: 15px
}

.Divbg-paddings {
    padding: 17px 0px;
}

.Divbg-padding {
    padding: 18px 0px;
}

.Divbg:hover {
    background: #f3f2f1;
    border-radius: 8px;
}

.gridItemRowHighlightNoBorder td {
    background-color: #f3f2f1 !important;
}

.dashlet-padding {
    padding-left: 14px;
    text-transform: uppercase
}

.dashlet-separator {
    border-right: 3px solid #466c9c;
    margin-top: 32px;
    height: 60px;
}

.mouseover-hand:hover {
    cursor: pointer;
}

.lblName-border-bottom {
    border-bottom: 3px solid #466c9c;
}

.lblName-border-bottom-none {
    border-bottom: none;
}
.contracts-overflow {
    overflow: auto;
    overflow-x: hidden;
}
.padd-0 {
    padding: 0px !important
}

.border-3-hide {
    border-bottom: hidden !important;
    border-left: hidden !important;
    border-right: hidden !important;
}

/*engage common*/
.img-Notification-Grid-EngageNew img {
    width: 50px;
}

.new-engage-items {
    padding-left: 10px;
    padding-top: 0px;
}

.none-display {
    display: none !important;
}

custom-update-tabsUL .ui-tabs-nav .ui-state-default.ui-state-active {
    background: none !important;
    color: #466c9c !important;
    border: none !important;
}

ul.custom-update-tabsUL li.ui-tabs-active a {
    color: #466c9c !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

ul#custom-update-engage li.ui-tabs-active a {
    font-weight: bold !important;
}

ul#custom-update-engage li a {
    font-weight: bold !important;
}

    ul#custom-update-engage li a:hover {
        font-weight: 500 !important;
    }

ul.custom-update-tabsUL li a:hover {
    color: #466c9c !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.custom-update-tabs .ui-state-default {
    background: none !important;
    border: none !important;
}

.custom-update-tabs-content {
    border: none !important;
}

.tabs .custom-update-tabsUL {
    border-width: 0px 0px 2px 0px !important;
}

.custom-update-tabsUL .ui-state-active a:hover {
    color: #466c9c !important;
}

ul.custom-update-tabsUL li a {
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #5f5f5f !important;
    font-family: Calibri !important;
}

.custom-update-tabs .ui-tabs-nav .ui-state-default.ui-state-Inactive::after {
    content: '' !important;
    background-color: transparent !important;
    height: 2px !important;
    width: 100%;
    bottom: -1px;
    left: 0;
    position: absolute;
}

.custom-update-tabs .ui-tabs-nav .ui-state-default.ui-state-active::after {
    content: '';
    background-color: #466c9c;
    height: 2px !important;
    width: 100%;
    bottom: -1px;
    left: 0;
    position: absolute;
}
.div-over-scroll {
    overflow-y: auto !important;
    max-height: calc(100vh - 100px);
    overflow-x: hidden;
    padding-bottom: 15px;
}

.div-over-scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
    background-color: #f3f2f1;
}

.div-over-scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
    background-color: #f3f2f1;
}

.div-over-scroll::-webkit-scrollbar {
    width: 10px;
}

.div-over-scroll::-webkit-scrollbar {
    width: 10px;
}

.padd-left-right-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.width-100-percent {
    width: 100% !important;
}

.formValue select {
    padding-right: 24px !important;
}
/**/
.paddin-engage-profile {
    padding-right: 10px;
}

.img-Notification-Grid-Right-Engage img {
    width: 18px;
}

.img-Notification-Grid-Right-Engage input[type=image] {
    width: 42px;
    border: 2px solid #dfdcdc;
    padding: 6px;
    border-radius: 10px;
    border-width: 2px !important;
}

.engagefileUpload.btn.btn-primary {
    width: 42px;
    border: 2px solid #dfdcdc;
    padding: 19px;
    border-radius: 10px;
    border-width: 2px !important;
    background-image: url('../images/new-svg-icons/icon-upload-grey.svg') !important;
    background-size: 28px;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

.engagefileUpload input.upload {
    width: 42px;
    padding: 6px;
    position: absolute;
    top: 4px;
    right: 181px;
    margin: 0;
    /*padding: 0;
        font-size: 20px;*/
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

.engagefileUpload span {
    width: 42px;
    padding: 6px;
    position: absolute;
    top: 4px;
    right: 181px;
    margin: 0;
    /*padding: 0;
            font-size: 20px;*/
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 75%;
}

.engagefileUpload {
    margin: 1px 0px;
    box-shadow: none !important;
}

.upload-button-design {
    height: 35px;
    /* margin-top: 15px; */
    border-radius: 4px;
    border: 1px solid #c1c1c1;
}

.upload-text-top {
    margin-top: 6px;
}

.engageEditRequestfileUpload.btn.btn-primary {
    width: 42px;
    border: 2px solid #dfdcdc;
    padding: 19px;
    border-radius: 10px;
    border-width: 2px !important;
    background-image: url('../images/new-svg-icons/icon-upload-grey.svg') !important;
    background-size: 28px;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

.engageEditRequestfileUpload input.upload {
    width: 42px;
    padding: 6px;
    position: absolute;
    top: 2px;
    right: 129px;
    margin: 0;
    /*padding: 0;
        font-size: 20px;*/
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

.engageEditRequestfileUpload span {
    width: 42px;
    padding: 6px;
    position: absolute;
    top: 2px;
    right: 129px;
    margin: 0;
    /*padding: 0;
            font-size: 20px;*/
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 75%;
}


.engageEditRequestfileUpload {
    margin: 1px 0px;
    box-shadow: none !important;
}

.label-form {
    font-family: "Calibri";
    font-size: 14px;
    color: #555555;
    font-weight: bold;
    margin: 0;
    line-height: 33px;
    text-align: right;
    padding-right: 5px;
}

.new-engage-select-right-tab {
    /*display: grid;*/
    /*justify-content: space-between;*/
}

.right-part-engage::-webkit-scrollbar {
    width: 10px !important;
}

.right-part-engage {
    float: right;
    padding-left: 0px;
    /*overflow: auto !important;
		max-height: calc(100vh - 21px);
		overflow-y: auto;*/
    padding-bottom: 15px;
    /*overflow-x: hidden !important;*/
}

.engage-part-overflow {
    overflow: auto !important;
    max-height: calc(100vh - 21px);
    overflow-y: auto;
    overflow-x: hidden !important;
}

.text-trans-upper {
    text-transform: uppercase !important;
}


.Summaryprice-result-head {
    font-weight: bold !important;
    font-size: 16px !important;
    color: #666666 !important;
}

.Summaryprice-result-small {
    font-size: 12px !important;
    color: #666666 !important;
}

.hrSummary {
    border-top: 2px solid #666666 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

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

.price-result-head {
    text-align: right !important;
    font-weight: bold !important;
    font-size: 18px !important;
    color: #555555 !important;
}