@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-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;
}

* {
    box-sizing: border-box;
}

body {
    padding-top: 70px;
}

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

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

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

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

.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;
}

.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;
}

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

body {
    padding-left: 75px;
}

    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 {
            padding-left: 45px;
            background-color: #dcdcdc;
            color: #555555;
        }

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

    .custom-table table tr th, .custom-table table tr.gridHeaderRow 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: 1px;
        }

        .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;
        vertical-align: middle;
    }

    .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 td, .custom-table table tr.gridItemRow td {
        font-size: 14px;
        color: #555555;
        vertical-align: middle;
    }

        .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;
    }

.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;
    }

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

    .formValue .ui-combobox .ui-combobox-button {
        border: 0;
        background: transparent;
        left: 0px !important;
    }

.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 tr {
        border: hidden !important;
    }

    .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: 5px;
    }

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

.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 15px 8px 15px;
    display: inline-flex;
    margin: 0;
    align-items: center;
    border-radius: 4px;
    position: relative;
    color: #2d2d2d;
    font-size: 14px;
}

    .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: '';
        position: absolute;
        width: 20px;
        height: 20px;
        left: 13px;
        top: 11px;
        display: inline-block;
    }

    .EvolveValidationSummary.success-msg:before {
        background-color: #508929;
        background-image: url('../images/new-icons/tick-mark.png');
        background-repeat: no-repeat !important;
        background-size: 18px !important;
        background-position: 10px 10px !important;
        padding-left: 28px !important;
    }

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

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

    .EvolveValidationSummary.success-msg {
        border-color: #508929
    }

        .EvolveValidationSummary.success-msg:before {
            background-color: #508929;
        }

    .EvolveValidationSummary.error-msg {
        border-color: #dc3434
    }

        .EvolveValidationSummary.error-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.warning-msg {
        border-color: #ed7322
    }

        .EvolveValidationSummary.warning-msg:before {
            background-color: #ed7322;
            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 ul {
        margin: 0;
        list-style-type: none;
    }

    .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.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('');
        }

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

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

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



    .EvolveValidationSummary.popsuccess-msg1 {
        border-color: #508929;
        /*padding: 8px 15px 8px 50px !important;*/
    }

        .EvolveValidationSummary.popsuccess-msg1:before {
            background-color: #508929;
            background-image: url('../images/new-icons/tick-mark.png') !important;
            background-repeat: no-repeat !important;
            background-size: 20px !important;
            background-position: 12px 11px !important;
        }

        .EvolveValidationSummary.popsuccess-msg1: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;
}

.form-list-engage-link {
    grid-template-columns: 3.1fr 16fr !important;
}

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

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

.formValue-searchcombobox 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: #fff;
    background-image: none !important;
    cursor: pointer;
}

    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;*/
    font: 14px "Calibri" !important;
    line-height: 20px !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;
    }

#ctl00_ddlOmniSearch_ddl_Arrow {
    background-image: url('../images/new-icons/search1.svg');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-size: 15px;
    padding-right: 32px;
}

#ctl00_body_ddlOmniSearch_ddl_Arrow {
    background-image: url('../images/new-icons/search1.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 24px;
    padding-right: 32px;
}

#ctl00_ddlSupplierPriceSearch_ddl_Arrow {
    background-image: url('../images/new-icons/search1.svg');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-size: 15px;
    padding-right: 32px;
}

#ctl00_body_ddlSupplierPriceSearch_ddl_Arrow {
    background-image: url('../images/new-icons/search1.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 24px;
    padding-right: 32px;
}

#ctrlEngageUserControl_ddlOmniSearch_ddl_Arrow {
    background-image: url('../images/new-icons/search1.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 24px;
    padding-right: 32px;
}

.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;
    cursor: pointer;
}

.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: 9px;
        background-repeat: no-repeat;
        background-position: left;
        width: 27px;
        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: 22px;
    background-position: 98% center;
}

.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*="tabEditContainer1_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*="tabEditContainer1_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 5px;
}

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

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

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

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


.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: 5px;
}

.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;
        background: #f3f2f1;
    }

.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;
    /* 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: 5px;
}

.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: 5px;
}

.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 div[id*="tabEditItem_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*="tabEditItem_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 5px;
}

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

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

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

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

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


.tab-section div[id*="tabClientInvoiceEditItem_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*="tabClientInvoiceEditItem_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 5px;
}

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

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

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

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

.tab-section div[id*="tabSupplierInvoiceEditItem_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*="tabSupplierInvoiceEditItem_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 5px;
}

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

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

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

.tab-section div[id*="tabSupplierInvoiceEditItem_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;
}

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

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

.login-left {
    width: 60%;
    height: 100%;
    background-color: #036;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-right {
    width: 60%;
}

.login-container {
    display: flex;
    align-items: center;
    height: 100%;
}

.bg-img {
    background-image: url(../images/new-icons/login-bg.png);
    width: 600px;
    height: 600px;
    background-size: 100%;
    position: absolute;
    opacity: 0.2;
    z-index: 0;
}

.bg-text {
    max-width: 600px;
    margin: auto
}

    .bg-text h1 {
        font-size: 40px;
        font-family: Calibri;
        font-weight: 500;
        color: #fff;
        z-index: 10;
        position: relative;
    }

    .bg-text p {
        font-size: 20px;
        font-family: Calibri;
        font-weight: 300;
        color: #fff;
    }

.login-input {
    margin-bottom: 25px;
}

    .login-input input {
        width: 100%;
        border: 1px solid #d1d1d1;
        padding: 2px 10px;
        border-radius: 5px;
        box-shadow: none;
        height: 41px;
        font-family: "Calibri";
        font-size: 14px;
        color: #555555;
        background-color: #fff !important;
    }

.login-form {
    max-width: 400px;
    margin: auto;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%), 0px 10px 20px rgb(0 0 0 / 10%), 0px 30px 60px 1px rgb(0 0 0 / 10%);
    border-radius: 20px;
}

.login-input .formLabel {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 5px;
}

.login-img {
    text-align: center;
    padding: 30px 0 20px;
}

.login-section {
    padding: 0px 20px 0;
}

.login-user {
    background-color: #036;
    padding: 8px 25px;
    border-radius: 0px;
    background-color: #e0e0e0;
}

    .login-user h2 {
        color: #fff;
        margin: 0;
        color: #036;
    }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.login-section .formValue {
    margin-top: 40px;
    text-align: center;
}

.forminput {
    display: flex
}

.login-btn {
    text-align: center
}

    .login-btn .link-button {
        min-width: 115px;
        height: 36px;
        font-size: 18px;
        font-weight: 600;
        font-family: "Calibri";
        text-align: center;
        background-color: #f3f2f1;
        border: 1px solid #c1c1c1;
        color: #555555
    }

.copyrights {
    color: #212121;
    text-align: right;
    /*position: absolute;*/
    /*right: 40px;*/
    bottom: 20px;
}

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

@media screen and (max-width: 1920px) {
    .clienrbudforepro-title {
        width: 500px;
    }
}


.tab-section div[id*="tabContainer3_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*="tabContainer3_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 5px;
}

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

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

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

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

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



.tab-section div[id*="tabContainer4_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*="tabContainer4_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 5px;
}

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

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

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

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

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

.tab-section div[id*="tabContainer5_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*="tabContainer5_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 5px;
}

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

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

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

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

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


.tab-section div[id*="tabContainer6_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*="tabContainer6_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 5px;
}

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

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

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

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

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


.tab-section div[id*="tabContainer7_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*="tabContainer7_header"] {
    border-bottom: 2px solid #c7c7c7;
    margin-bottom: 5px;
}

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

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

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

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

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

/*Engage css start*/
.grid-back-left {
    min-height: 100vh;
    background: #efefef;
}

.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;
}

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

.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, ul.new-select-engage-dropdown {
    list-style: none;
    position: absolute;
    background: #f1f3f4;
    width: 110px;
    z-index: 100;
    /*border-radius: 5px;*/
    padding-left: 5px;
    margin-bottom: 0.5px !important;
    margin-top: 3px;
}

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

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



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

    ul.new-select-engage-dropdown li span {
        color: #555 !important;
    }

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

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

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

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

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

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

.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-bottom-5 {
    padding-bottom: 5px;
}

.Pro-message {
    margin: 0px;
}

.Pro-date {
    margin: 0px;
}

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

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

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

.img-Notification-Grid-EngageNew img {
    width: 40px;
}

.img-Notification-Grid input[type=image] {
    width: 21px;
}

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

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

.hide-engage {
    display: none
}

.Tasks-text {
    font-weight: bold !important;
    font-size: 18px;
}

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

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;
    padding-left: 15px;
}

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

.new-engage-select-right-tab {
    /*display: grid;*/
    /*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;
    height: 30px;
    width: 110px;
}

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

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

.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: 40px;
    height: 40px;
    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: 0px;
    right: 0px;
    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;
}

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

.campaignfileUpload.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: 0px !important;
}

.engagefileUpload.btn.btn-primary {
    height:32px;
    width: 32px;
    border: 2px solid #dfdcdc;
    padding: 0px;
    border-radius: 10px;
    border-width: 2px !important;
    background-image: url('../images/new-svg-icons/icon-upload-grey.svg') !important;
    background-size: 22px;
    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: 24px;
    padding: 9px;
    position: absolute;
    top: 9px;
    right: 148px;
    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;
}

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

.engageTaskfileUpload input.upload {
    width: 22px;
    padding: 0px;
    position: absolute;
    top: 7px;
    right: 103px;
    margin: 0;
    /*padding: 0;
        font-size: 20px;*/
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

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

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

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

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

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

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

.engageTaskRemovefileUpload.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;
}

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

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

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


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

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

.engageEditRequestfileUpload span {
    width: 22px;
    padding: 6px;
    position: absolute;
    top: 2px;
    right: 109px;
    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;
}

.view-mage-reciev {
    background: white !important;
    /*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: 20px;
}

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


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;*/
}

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

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

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

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

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

.display-flex {
    display: flex;
}

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

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

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

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

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

.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 !important;
    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; */
}

.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: 13px !important;
}

.icon-copy-algn {
    min-width: auto !important;
    background-image: url('../images/new-svg-icons/icon-copy.svg') !important;
    padding-left: 40px !important;
    background-position: 12px 7px !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    padding-right: 13px !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: 13px !important;
}

.icon-save-algn-cart {
    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: 13px !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: 13px !important;
}

.form-list-tasksta {
    grid-template-columns: 6fr 11fr;
    display: grid;
}

.form-list-taskspr {
    grid-template-columns: 3fr 10fr;
    display: grid;
}
/*Engage css end*/
.inc-client {
    padding-left: 33%;
}

.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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !important;
}

.icon-deploy-algn {
    background-image: url('../images/Deploy.png') !important;
    min-width: auto !important;
    padding-left: 45px !important;
    background-position: 10px 3px !important;
    background-repeat: no-repeat !important;
    background-size: 28px !important;
    padding-right: 12px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !important;
}

.icon-download-align-cart {
    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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !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: 13px !important;
}

.comp-icon-dalign {
    background-image: url('../images/new-svg-icons/compare-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: 13px !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: 13px !important;
}

.icon-upload-cartitem {
    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: 13px !important;
}

.icon-bundleproduct-align {
    background-image: url('../images/new-svg-icons/bundleItem.png') !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: 13px !important;
}

.icon-warehouse-align {
    background-image: url('../images/new-svg-icons/icon-warehouse.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: 13px !important;
}

.icon-note-align {
    background-image: url('../images/new-svg-icons/notes-icon-color.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: 13px !important;
}

.color-text {
    /*color: #0061c7 !important;*/
    color: #466c9c !important
}

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

.vertical-middle {
    vertical-align: middle !important;
}

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

.padd-8 {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

input.link-button[disabled] {
    color: #555555 !important;
}

.custom-table table tr.gridItemRowCustomColor td {
    font-size: 14px;
    color: #555555;
    font-family: "Calibri" !important;
}


.form-list-cl-val {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

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

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

.form-list-cl-supplier {
    display: grid;
    grid-template-columns: 45fr 60fr;
    margin-bottom: 15px;
}

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

.form-list-user-security {
    display: grid;
    grid-template-columns: 1fr 5fr;
    margin-bottom: 15px;
}

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

.padd-top-5 {
    padding-top: 5px !important;
}

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

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

.border-hide-dropdown table tr {
    border: hidden !important;
}

.border-hide-dropdown {
    width: 25%;
}

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

.border-right-only {
    border-right: 1px solid #d1d1d1;
}

.border-hide-dropdownlatest table tr {
    border: hidden !important;
}

.border-hide-dropdownlatest {
    /*width: 25%;*/
}

table.border-table-hidden tr td {
    border: hidden !important;
}

.clientdetails-table tr:nth-child(2) {
    border-top: 1px solid #d1d1d1 !important;
}

table.table.key-contact-table tr {
    border-bottom: hidden;
}

    table.table.key-contact-table tr:last-child {
        border: 1px solid #d1d1d1;
    }

    table.table.key-contact-table tr:first-child {
        border: 1px solid #d1d1d1;
    }

.clientdetails-table tr:last-child {
    border-bottom: hidden;
    border-left: hidden;
    border-right: hidden;
}

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

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

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


.bordertop-hide-table {
    border-top: hidden !important;
}

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

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

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

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

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

.cart-custom-button {
    padding-right: 10px;
}

div.tab-header-remove div.ajax__tab_header {
    display: none;
}

.padd-right-10 {
    padding-right: 10px;
}

.form-list-status {
    grid-template-columns: 3fr 16fr;
    display: grid;
}

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

.clientInventoryShowHideLabel {
    border: none !important;
}

a.link-button {
    font-size: 14px !important;
    color: #555555 !important;
    background-color: #f3f2f1 !important;
}

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

.text-color {
    color: #2d2d2d !important;
}

.ui-menu-item {
    font-size: 14px !important;
    font-family: "Calibri" !important;
}

.Amount-space {
    width: 200px;
}

.table-style-remove tr td {
    border: hidden !important;
    background: none !important;
}

.table-style-remove tr {
    border: hidden !important;
    background: none !important;
}

.icon-preview-align {
    background-image: url('../images/new-svg-icons/view-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: 13px !important;
}

.icon-publish-align {
    background-image: url('../images/new-svg-icons/icon-publish.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: 13px !important;
}

.bundle-img-width {
    width: 25px;
    height: 25px;
}

.width-code-input {
    width: 25%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.width-code-label {
    width: 500px;
    margin: 0 auto;
}

.code-input-text {
    width: 150px;
    margin: 0 auto;
}

.width-code-label label {
    text-align: justify;
}

.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-algn div span button {
    border: none;
    box-shadow: none !important;
}

.Search-box-algn input {
    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;
}

.filter-section {
    position: relative;
    top: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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; */
}

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

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;
}

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

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

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

.padding-0 {
    padding: 0px;
}

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

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

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

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

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

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

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

.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;
}

.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;
}

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

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

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

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

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

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

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

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

.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-image {
    width: 50px;
}

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

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

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

.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 {
        width: 15px;
    }

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

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

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

.date-within-box {
    width: 238px !important;
}

.date-within-box-apex {
    width: 100% !important;
}

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

.addimageAU {
    background-image: url('../images/flags/au.gif') !important;
    background-position: 0px 3px !important;
    background-repeat: no-repeat !important;
    /* background-size: 18px !important; */
}
/*.center-contentinpage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width:30%;
    height: 575px;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%), 0px 10px 20px rgb(0 0 0 / 10%), 0px 30px 60px 1px rgb(0 0 0 / 10%);
    border-radius: 20px;
    background:#fff;
}*/
.center-contentinpage {
    position: absolute;
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
    margin: auto;
    width: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    /* height: 575px; */
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%), 0px 10px 20px rgb(0 0 0 / 10%), 0px 30px 60px 1px rgb(0 0 0 / 10%);
    border-radius: 20px;
    background: #fff;
}

.center-contentinpage-Term {
    position: absolute;
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
    margin: auto;
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    /* height: 575px; */
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%), 0px 10px 20px rgb(0 0 0 / 10%), 0px 30px 60px 1px rgb(0 0 0 / 10%);
    border-radius: 20px;
    background: #fff;
}

.user-name-labl {
    font-size: 18px;
    /*padding: 15px 0px;*/
    padding-bottom: 10px;
    color: #194476;
}

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

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

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

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

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

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

.padd-back-tolog {
    padding-top: 75px;
}

.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;
}

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

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

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

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

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

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

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

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

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

.vertical-menu.button-common-compare-align {
    padding: 10px 20px;
}

.button-common-compare-align {
    width: 200px !important;
    margin: 0 auto !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;
}

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

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

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

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

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

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

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

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

.button-view-icon {
    background-image: url('../images/new-svg-icons/view-icon.svg') !important;
    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;
}

.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);
}

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

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

.product-table-monitor-width table tr td {
    border: 1px solid #d8d7d79e;
}

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

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

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

.display-flex {
    display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

.chart-drop-downhead {
    padding: 5px 10px;
}

div#divServicesClosedSalesChart img {
    width: 100% !important;
}

div#divClosedSalesChart img {
    width: 100% !important;
}

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

.profile-username {
    color: #565656 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

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

div#divSalesPipelineChart svg.highcharts-root {
    /*height: 325px !important;*/
}

.navbar-fixed-left, .navbar-fixed-right {
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 1030;
    height: calc(100% - 80px);
}

.navbar-inverse {
    border: none !important;
    background-color: #fff !important;
}

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.description-tab a {
    color: #000;
    font-weight: 100;
    text-decoration: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

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

.vertical-menu a:hover {
    background-color: #F3F2F1 !important;
}

.description-header {
    font-size: 18px;
    font-weight: bold;
    /*color: #2D2D2D;*/
}

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

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

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

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

.height-alter {
    height: 50px;
}

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

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

.zoom-product-width img {
    width: 100%;
    cursor: pointer;
    object-fit: scale-down;
    object-position: left;
}

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

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

.select-within-box div.RadComboBox {
    width: 200px !important;
}

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

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

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

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

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

.clear-both {
    clear: both;
}

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

.close {
    opacity: 1;
}

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

.display-same-line {
    display: flex;
}

.text {
    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;
}

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

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

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

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

.decoration-none {
    text-decoration: none !important;
}

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

td.divider-remove::after {
    width: 0px !important;
}

.input-within {
    width: 238px !important;
}

.check-width {
    width: 50px;
}

.name-txt-size {
    width: 200px;
}

.title-txt-size {
    width: 300px;
}

.email-txt-size {
    width: 250px;
}

.phone-txt-size {
    width: 250px;
}

.department-txt-size {
    width: 250px;
}

.width-file-txt {
    padding-right: 100px;
}

.refresh-button-padd {
    padding-left: 50px;
}

.table-td-design {
    padding: 10px 13px;
    font-size: 14px;
    border-right: 0;
    color: #2d2d2d;
    border-bottom: 1px solid #d1d1d1;
    vertical-align: middle;
    background-color: #f3f2f1 !important;
    position: relative;
    font-weight: bold;
}

.setup-table-email table tr:last-child {
    border-bottom: 1px solid #d1d1d1 !important;
}

.setup-table-email > tbody > tr:last-child {
    background: #ff0000;
}

.setup-table-email > tbody > tr:last-child {
    border-bottom: 1px solid grey !important;
    border-top: hidden !important;
}

.padd-top-bottom-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

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

.border-row-hidden {
    border-top: hidden !important;
    border-left: hidden !important;
    border-right: hidden !important;
}

.sapce-between-button {
    width: 5px;
}

h4.gridHeaderRow {
    padding: 10px 13px;
    font-size: 14px;
    border-right: 0;
    color: #2d2d2d;
    border-bottom: 1px solid #d1d1d1;
    vertical-align: middle;
    background-color: #f3f2f1;
}

.ui-autocomplete {
    /*left: 0px !important;*/
    width: 238px !important;
    height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}

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

.color-red {
    color: red !important;
}

.addrtext-height {
    height: 150px !important;
}

.radio-round tr td input {
    padding-top: 5px;
}

    .radio-round tr td input[type="radio"]:checked:before {
        top: 2px !important;
    }



span.radio-round input {
    padding-top: 5px;
}

    span.radio-round input[type="radio"]:before {
        top: 2px !important;
    }

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

.width-inpx {
    width: 300px;
}

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

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

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

.padd-left-add {
    padding-left: 10px;
}

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

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

.divSecurityItemList-staff .ui-widget-content {
    height: auto !important;
    margin-bottom: 40px;
}

.new-order-heading {
    font-size: 16px;
    font-weight: bold;
    color: #194376;
}

.ui-widget-header.ui-corner-top.ui-state-default.clickable.ui-state-active {
    padding: 9px 10px 22px 10px;
}

button.icon-save-algn.padd-left {
    margin-right: 5px;
}

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

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

.grid-opp-det {
    grid-template-columns: 1fr 5.1fr !important;
}

.formValue.txtarea-height textarea {
    height: 300px;
}

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

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

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

.terms-and-con-overflow p {
    word-wrap: break-word;
    line-height: 24px;
    text-align: justify;
    padding-right: 15px;
}
.helpvideo-and-contents-overflow {
   /* height: 450px;*/
    overflow: auto;
    overflow-x: hidden;
}
.helpvideo-and-contents-overflow p {
    word-wrap: break-word;
    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;
    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;
    }

.new-order-add-button {
    margin-top: 3px;
}

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

.text-inst-height {
    height: 100px !important;
}

.form-list-addr-check {
    display: grid;
    grid-template-columns: 6fr 2fr;
    margin-bottom: 15px;
}

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

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

.contacts-subheading {
    width: 100%;
    background-color: #d1d1d1;
    font-size: 16px;
    padding: 8px;
    font-weight: bold;
}

.select-area-height {
    height: 175px !important;
}

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

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

.img-box-width img {
    width: 100%;
}

div.date-within-box div.ajax__calendar_container {
    width: 100% !important;
    z-index: 9999 !important;
}

    div.date-within-box div.ajax__calendar_container div.ajax__calendar_body {
        width: 100% !important;
        height: 150px !important;
    }

    div.date-within-box div.ajax__calendar_container div.ajax__calendar_days {
        width: 100% !important;
    }

    div.date-within-box div.ajax__calendar_container table {
        width: 100% !important;
    }

.qty-width-active {
    width: 50px !important;
}

.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;
}

.divmain-supplier-note {
    /*padding: 0px 10px 15px 5px;*/
}

.trsupplier-note {
    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;
}

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

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


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

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

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

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

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

table.table.border-table-hidden.background-hide-table tr.gridHeaderRow td {
    background: none !important;
}

table.table.border-table-hidden.background-hide-table tr.gridHeaderRow {
    background: none !important;
}

    table.table.border-table-hidden.background-hide-table tr.gridHeaderRow td::after {
        background: none !important;
    }

select.ui-datepicker-year {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.twofactorauthcode-algn {
    width: 150px;
    text-align: center;
    margin: 0 auto;
}

    .twofactorauthcode-algn input {
        text-align: center;
    }

.form-list-otheraccounts {
    grid-template-columns: 4fr 5fr !important;
}

.reg-two-color {
    color: #194476;
    margin: 10px;
}

.width-code-label.reg-two-label {
    color: #194476;
    line-height: 24px;
    text-align: center;
    width: 80%;
}

.width-code-input-label {
    width: 49%;
    margin: 0 auto;
    padding-bottom: 15px;
}

.skip-now {
    color: #194476;
    cursor: pointer;
}

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

.login-img-two {
    text-align: center;
    padding: 24px 0 0px;
}

.background-security-access {
    background-color: #F9F7F7;
    height: 750px;
}

.securityaccess-blue {
    background-color: #D0DCF3;
    height: 750px;
}

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

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

.form-list-sla-back {
    grid-template-columns: 8fr 7fr !important;
}

.th-right-borderremove table tr th {
    border-right: hidden !important;
}

    .th-right-borderremove table tr th:last-child {
        border-right: 1px solid #d1d1d1 !important;
    }

    .th-right-borderremove table tr th:nth-child(2) {
        text-align: center !important;
    }

    .th-right-borderremove table tr th:nth-child(3) {
        text-align: center !important;
    }

    .th-right-borderremove table tr th:nth-child(8) {
        text-align: center !important;
    }

    .th-right-borderremove table tr th:nth-child(10) {
        text-align: right !important;
    }

    .th-right-borderremove table tr th:nth-child(11) {
        text-align: center !important;
    }

    .th-right-borderremove table tr th:nth-child(12) {
        text-align: center !important;
    }

    .th-right-borderremove table tr th:nth-child(9) {
        text-align: right !important;
    }

.th-right-borderremove table tr td:nth-child(2) {
    text-align: center !important;
}

.th-right-borderremove table tr:last-child td:nth-child(8) {
    text-align: center !important;
}

.th-right-borderremove table tr:last-child td:nth-child(9) {
    text-align: right !important;
}

.th-right-borderremove table tr:last-child td:nth-child(10) {
    text-align: right !important;
}

.color-head-td {
    color: #2d2d2d !important;
}

.dropdown-menu-inner {
    display: none;
}

.open > .dropdown-menu-inner {
    display: block;
}

.note-height-100 {
    height: 100px !important;
}

div#ctl00_body_pnlEditOrderReturn_DropShadow {
    height: 0px !important;
}

div#ctl00_body_tabContainer_tabWarehouse_pnlWarehouse_DropShadow {
    height: 0px !important;
}

.modalTitlenew {
    height: 29px !important;
    background-color: #f3f2f1 !important;
    color: #2d2d2d !important;
    border: hidden !important;
    background-image: none !important;
    font-weight: bold;
    padding-left: 5px !important
}

.modalPopup-background-color {
    background: #fff !important;
    border: 2px solid #d1d1d1 !important;
}

.dropdown-menu-height > li > a {
    padding: 7px 15px !important;
}

li.inner-submenu ul li a {
    padding: 5px 15px !important;
}

.form-list-popup {
    display: grid;
    grid-template-columns: 7fr 10fr;
    margin-bottom: 10px;
}

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

.return__tab_container div.ajax__tab_body {
    height: 100% !important;
}

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

.overflow-assign-menu {
    max-height: 200px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.height-0::after {
    height: 0px !important;
}

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

.mar-bottom-15 {
    margin-bottom: 15px !important;
}

.order-id-commit {
    width: 80px;
}

.width-supplierpriceId {
    width: 135px;
}

.height-admin-notes {
    height: 400px !important;
}

tr.border-style-remove {
    border: hidden !important;
}

table.view-invoice-table tr td {
    border-top: 0px !important;
}

td.rcbArrowCell.rcbArrowCellRight {
    padding-left: 5px !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;
}



.custom-update-tabs-maps .rtsLevel .rtsLink {
    background-image: none !important;
}

.custom-update-tabs-maps .rtsLevel .rtsOut {
    background-image: none !important;
}

.custom-update-tabs-maps .rtsUL {
    border-width: 0px 0px 2px 0px !important;
    /*border: 1px solid #aaaaaa;*/
    width: 100%;
}

.custom-update-tabs-maps {
    /*border: 1px solid #aaaaaa !important;*/
}

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

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

.custom-update-tabs-mapsalign div ul.rtsUL li a {
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #5f5f5f !important;
    font-family: Calibri !important;
    padding-left: 0px !important;
}

.custom-update-tabs-maps div ul.rtsUL li .rtsSelected::after {
    content: '' !important;
    /*background-color: #466c9c !important;*/
    height: 2px !important;
    width: 100%;
    bottom: 0px;
    left: 0;
    position: absolute;
    border: 1px solid #aaaaaa;
    z-index: -1;
}

.custom-update-tabs-maps div ul.rtsUL li .rtsSelected {
    border-bottom: 2px solid #466c9c !important;
}

    .custom-update-tabs-maps div ul.rtsUL li .rtsSelected span {
        color: #466c9c !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-tabsUL li.ui-tabs-active a.tab-close {
    background-color: Transparent;
    text-align: left;
    color: red !important;
    font-size: 24px !important;
    border: none;
    cursor: pointer;
}

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;
}

div.debtor-combo-manage .ui-autocomplete {
    left: 0px !important;
}

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

.form-date-icon-height::after {
    height: 0px !important;
}

.txtarea-height-notecustomer {
    height: 350px !important;
}

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

.dvCompanyNameBold {
    font-weight: bold;
}

table.borderbottom-hide-last tr:last-child {
    border-top: hidden !important;
}

.borderbottom-hide {
    border-top: hidden !important;
}
/*table.borderbottom-hide-last tr:nth-last-child(1) {
	border-top: hidden !important;
}*/
.formValue.select.debtor-combo-manage.debtor-combo-manage-uibox span button {
    left: 0px !important;
    width: 100% !important;
}

.ActionType-UIbox span .ui-autocomplete {
    left: 0px !important;
}

.ActionType-UIbox span button {
    left: 0px !important;
    width: 100% !important;
}
/*.ActionType-UIbox span input.ui-widget.ui-widget-content.ui-corner-left.ui-combobox-input.ui-autocomplete-input {
	width: 100% !important;
}*/

.textarea-height {
    height: 250px;
}

.textarea-height-client {
    height: 250px !important;
}

.btn-new {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 16px;
    font-size: 13px;
    line-height: 1.846;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fileUpload.btn-new.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;
    -webkit-box-shadow: 1px 1px 4px rgb(0 0 0 / 40%);
    box-shadow: 1px 1px 4px rgb(0 0 0 / 40%);
}



span#lblSalesPipelineChartTitle {
    display: none;
}

span#lblSalesForecastChartTitle {
    display: none;
}

span#lblSalesHardwareRenewalsChartTitle {
    display: none;
}

span#lblSalesSoftwareRenewalsChartTitle {
    display: none;
}

span#lblMarketingCampaignPerformanceChartTitle {
    display: none;
}

span#lblDeliveryPerformanceChartTitle {
    display: none;
}

.header-td-th {
    background-color: #e8e8e8 !important;
    font-weight: bold !important;
    vertical-align: middle !important;
}

.capex-text {
    background-color: #666666 !important;
    font-weight: bold !important;
    color: white !important;
}

.gridHeaderProductCategoryRow-back {
    background-color: #bfdfeb !important;
    font-weight: bold !important;
}

td.radio-border-rem table tr td {
    border: hidden !important;
}

.custom-popup-table tr td.popUpGridHeaderRow {
    background-color: #f3f2f1 !important;
    /*padding: 10px 13px !important;*/
    font-size: 14px !important;
    border-right: 0 !important;
    color: #2d2d2d !important;
    border-bottom: 1px solid #d1d1d1 !important;
    vertical-align: middle !important;
}

.custom-popup-table tr td {
    font-size: 14px !important;
    color: #555555 !important;
    padding: 0px 5px !important;
}

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

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

.textarea-height-formValue {
    height: 100px !important;
}

.shipp-input-width {
    width: 645px !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;
}

td.formLabel {
    font-family: "Calibri" !important;
    font-size: 14px !important;
    color: #555555 !important;
    font-weight: bold !important;
    margin: 0 !important;
    line-height: 33px !important;
    padding-right: 5px !important;
}

table.app-table-padd.width-100-percent tr td {
    padding: 5px;
}

.div-editline {
    overflow: auto;
    height: 430px;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.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;
}

.formValue-controller-bottom {
    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;
}

.bid-no-width {
    width: 150px;
}

.bid-ExpiryDate {
    width: 125px;
}

.bid-DateAdded {
    width: 125px;
}

.input-within-box {
    width: 28.7% !important;
}

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

p.description-header {
    text-transform: uppercase;
}

.date-width-renew {
    width: 150px;
}

.contact-renew {
    width: 250px;
}

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

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

.height-delivery-100 {
    height: 100px;
}

.margin-top-15 {
    margin-top: 15px;
}

.add-pro-right {
    padding-right: 43px !important;
}

.padding-addr-box {
    padding-left: 45px;
}

.padding-billingaddr-box {
    padding-left: 95px;
}

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

.width-input-popup {
    width: 500px;
}

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

.quote-td-back {
    background-color: #e8e8e8 !important;
}

#txtEditQuoteTermsAndConditionsModule {
    display: none !important;
}

.z-index-priority {
    z-index: 9 !important;
}

.z-index-priority-high::after {
    z-index: 999999 !important;
}

.fixed-position {
    position: fixed;
}

.div-over-scroll {
    overflow-y: auto !important;
    max-height: calc(100vh - 160px);
    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;
    }

.div-over-task-scroll {
    overflow-y: auto !important;
    max-height: calc(100vh - 175px);
    overflow-x: hidden;
    padding-bottom: 15px;
}

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

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

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

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

.top-algn-Grid {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.height-auto {
    height: auto !important;
}

.custom-table-after table tr th:after {
    height: 0px !important;
}

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

.padd-20 {
    /*padding: 0% 2% !important;*/
}

.ui-autocomplete li a {
    font-size: 10pt !important;
}

.google-visualization-table .gradient {
    height: 35px !important;
    background-color: #f3f2f1 !important;
    color: #2d2d2d !important;
    border: hidden !important;
    background-image: none !important;
    font-weight: bold;
    padding-left: 10px !important;
}

.width-quote-td {
    width: 125px;
}

.width-quote-td2 {
    width: 130px;
}


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

.totalBox-viewsupplier {
    border: 1px solid #d1d1d1;
    /*background: #ccf8cc;*/
    font-size: 14pt;
    font-weight: bold;
    padding: 5px 5px;
    border-radius: 5px;
    /* width: 100px; */
}

.edit-and-raisecreditspace {
    width: 300px;
}

.invoice-date-view {
    width: 150px;
}

.gst-date-view {
    width: 150px;
}

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

table.trsupplier-main-div tr td {
    padding-left: 0px !important;
    padding-top: 15px;
}

.trsupplier-text-filename {
    padding: 0px 10px;
}

.trsupplier-close {
    padding: 0px 10px;
}

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

.list-style-none {
    list-style: none;
}

.padd-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padd-top-go {
    padding-top: 3px;
    padding-left: 5px;
}

.icon-go-align {
    background-image: url('../images/new-svg-icons/continue-icon.svg') !important;
    min-width: auto !important;
    padding-left: 27px !important;
    background-position: 6px 5px !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    padding-right: 5px !important;
}

.icon-nexts-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:13px !important;
}

.custIn-check-width {
    width: 50px;
}

.paid-paybil-width {
    width: 150px;
}

.paid-SupplierInvoiceNumber-width {
    width: 200px;
}

td.billing-edit-width {
    width: 75px;
}

.circleicon-indicate {
    padding: 0px 5px;
}

.width-best-price {
    width: 150px;
}

.price-per-kg {
    width: 200px;
}

.stm-positioncount {
    background-color: #F3F2F1 !important;
    border: 1px solid #F3F2F1;
    border-radius: 10px;
    padding: 10px;
}

.width-stm-pos {
    width: 14.5%;
}

.staff-image {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #bfb7b7;
}

.staff-image-2 {
    vertical-align: middle;
    width: 150px;
    height: 150px;
    /* border-radius: 50%; */
    border: 1px solid #bfb7b7;
}

.search_Arrow {
    background-image: url(../images/search1.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
    padding-right: 32px;
}

.stm-positioncount-Name {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.txtSignatures-height {
    height: 345px !important;
}

.active-price-detail-table tr td {
    width: calc(100%/17);
}

.online-cart-availability-width {
    width: 100px;
}

.online-cart-Qty-width {
    width: 100px;
}

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

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

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

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

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

.online-cart-total-width {
    width: 100px;
}

.freight-online-space {
    width: 90px !important;
}

.financetab {
    background-color: #2984ff;
    color: white;
    border-radius: 15px;
    border-color: transparent;
}

.financetabdefault {
    background-color: #f3f2f1;
    color: black;
    border-radius: 15px;
    border-color: transparent;
}

.bundle-productcode-left-align {
    padding-left: 20px;
}

.supplierinvoiceaddress-height {
    height: 150px !important;
}

.chek-bundle-width-td {
    width: 50px;
}

.chek-bundle-width {
    /*width:50px;*/
}

.manufacturer-width-bundle-td {
    width: 150px;
}

.manufacturer-width-bundle {
    /*width:150px;*/
}

.productcode-width-bundle-td {
    width: 164px;
}

.productcode-width-bundle {
    /*width:100px;*/
}

.image-width-bundle-td {
    width: 100px;
}

.image-width-bundle {
    /*width:50px;*/
}

.product-title-width-bundle-td {
    /*width:154px;*/
    width: 30%;
}

.product-title-width-bundle {
    /*width:150px;*/
}

.bufferstockwidth-bundle-td {
    width: 100px;
}

.bufferstockwidth-bundle {
    /*width:50px;*/
}

.eta-width-bundle-td {
    width: 100px;
}

.eta-width-bundle {
    /*width:50px;*/
}

.marginpriceex-width-bundle-td {
    width: 100px;
}

.marginpriceex-width-bundle {
    /*width:75px;*/
}

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

.qty-width-bundle {
    /*width:50px;*/
}

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

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

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

.marginpriceex-width-bundle-inner {
    padding-right: 5px;
}

.totalprice-width-bundle-td {
    width: 75px;
}

.totalprice-width-bundle {
    /*width:75px;*/
}

table.table.boder-hide tr td {
    padding-left: 0px;
}

.line-height-span-label {
    line-height: 33px !important;
}

.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;
}

.custom-table-main tr td {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.custom-table-sub tr td {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pagination a:hover, .pagination a:active {
    padding: 6px !important;
    border: solid 0px #B3D7D7 !important;
    text-decoration: none;
    white-space: nowrap;
    background: #ffc;
    color: #496481 !important;
}

tr.trwarranty-border td {
    border-bottom: 1px solid #ddd;
}

.productItems-monitor4 {
    border-right: 0px !important;
}

.form-list-proedit {
    display: grid;
    grid-template-columns: 10fr 14fr;
    margin-bottom: 15px;
}

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

.form-list-proedit-des {
    grid-template-columns: 14fr 38fr !important;
}

.RadComboBoxDropDown_Default .rcbHovered {
    background: #1f93fb !important;
    color: #fff !important;
    font-family: "Calibri" !important;
}

.rcbItem {
    font-family: "Calibri" !important;
    color: #555555;
}

.rcbInput:focus-visible {
    box-shadow: none !important;
}

.RadComboBox_Default {
    color: #555555 !important;
}

    .RadComboBox_Default .rcbHovered .rcbInputCell .rcbInput {
        color: #555555 !important;
    }

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

.flex-space-even {
    display: flex;
    justify-content: space-around;
}

table.supplier-transaction-table tr.gridItemRow td:nth-child(4) {
    text-align: center;
}

table.supplier-transaction-table tr.gridItemRow2 td:nth-child(4) {
    text-align: center;
}

.ship-sum-texbox-wi {
    width: 100px !important;
}

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

.up-margin-heigh {
    margin-top: 0px !important;
    height: 33px !important;
}

.padd-right-5 {
    padding-right: 5px;
}
/*.itemno-bundle-width-ordertd {
	width: 10%;
}
.chek-bundle-width-ordertd {
	width: 10%;
}
.manufacturer-width-bundle-ordertd {
	width: 10%;
}
.productcode-width-bundle-ordertd {
	width: 10%;
}
.product-title-width-bundle-ordertd{
	width:10%;
}
.SupplierPriceEx-bundle-ordertd {
	width: 10%;
}
.Specialex-width-bundle-ordertd {
	width: 10%;
}
.so-width-bundle-ordertd {
	width: 10%;
}
.status-width-bundle-ordertd {
	width: 10%;
}
.TotalPriceEx-width-bundle-ordertd {
	width: 10%;
}*/
.upload-button {
    margin: 1px 0px;
    border: 1px solid #c1c1c1 !important;
    box-shadow: none !important;
}

.fileUpload {
    margin: 1px 0px;
    border: 1px solid #c1c1c1 !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 40%), 0 1px 1px rgb(0 0 0 / 20%) !important;
}

    .fileUpload:hover {
        border-color: #163f72 !important;
    }

.upload-button:hover {
    border-color: #163f72 !important;
}

.form-list-engage-forward {
    display: grid;
    grid-template-columns: 1fr 6fr;
    margin-bottom: 15px;
}

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

.background-color-white {
    background-color: #fff !important;
}

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

.status-style-customlabel {
    font-size: 24px !important;
    color: #000 !important;
}

.status-style-custom {
    height: 40px !important;
    text-align: center;
    padding-top: 5px;
}

.padd-4 {
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

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

.padd-left-right-hy {
    padding-left: 5px;
    padding-right: 5px;
}

.height-com-namefinance {
    height: 60px !important;
}

.child-customer-acc a {
    padding-left: 10px;
    color: #118311 !important;
    display: block;
}

.marketing-category-color {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory1-lightgreen {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory1-lightpink {
    background-color: #ffb6c1;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory1-lightblue {
    background-color: #add8e6;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory2-lightgreen {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory2-lightpink {
    background-color: #ffb6c1;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory2-lightblue {
    background-color: #add8e6;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory3-lightgreen {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory3-lightpink {
    background-color: #ffb6c1;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory3-lightblue {
    background-color: #add8e6;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory4-lightgreen {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory4-lightpink {
    background-color: #ffb6c1;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory4-lightblue {
    background-color: #add8e6;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory5-lightgreen {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory5-lightpink {
    background-color: #ffb6c1;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory5-lightblue {
    background-color: #add8e6;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory6-lightgreen {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory6-lightpink {
    background-color: #ffb6c1;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory6-lightblue {
    background-color: #add8e6;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory7-lightgreen {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory7-lightpink {
    background-color: #ffb6c1;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory7-lightblue {
    background-color: #add8e6;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory8-lightgreen {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory8-lightpink {
    background-color: #ffb6c1;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory8-lightblue {
    background-color: #add8e6;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory9-lightgreen {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory9-lightpink {
    background-color: #ffb6c1;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory9-lightblue {
    background-color: #add8e6;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory10-lightgreen {
    background-color: #90ee90;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory10-lightpink {
    background-color: #ffb6c1;
    padding: 5px 15px;
    border-radius: 10px;
}

.divMarketingCategory10-lightblue {
    background-color: #add8e6;
    padding: 5px 15px;
    border-radius: 10px;
}

.child-customer-acc {
    width: 200px;
}

.product-detail-active-price-tr {
    background-color: #eeeeee;
    font-weight: bold;
    height: 30px;
    font-family: Arial,sans-serif;
    text-align: left
}

.ui-menu .ui-menu-item {
    text-align: left !important;
    padding: 0px 10px !important;
    color: #555555;
}

    .ui-menu .ui-menu-item a {
        font-family: 'Calibri' !important;
        font-weight: normal;
        color: #555555;
    }

        .ui-menu .ui-menu-item a:hover {
            color: #fff;
        }

    .ui-menu .ui-menu-item:hover {
        background: #1f93fb !important;
        color: #fff !important;
        font-family: "Calibri" !important;
    }

        .ui-menu .ui-menu-item:hover .ui-menu .ui-menu-item a {
            color: #fff !important;
        }

.cate-up-down table tr td a img {
    width: 18px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.corporate-font-size {
    font-size: 18px;
}

    .corporate-font-size img {
        width: 20px;
    }

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

p.font-weight-head-engage {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

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

.teso-image {
    padding: 0px 10px;
}

.teso-id {
    width: 100px;
    word-break: break-all;
}

.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 - 160px);
    overflow-y: auto;
    overflow-x: hidden !important;
}

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

.Notification-Grid:hover {
    background: #fff;
}

.Notification-Grid-noteemail:hover {
    background: #fff;
}

.container-fluid {
    padding-left: 2px !important;
}

.div-span-none span {
    display: none;
}

.cke_show_borders table.cke_show_border, .cke_show_borders table.cke_show_border > tr > td, .cke_show_borders table.cke_show_border > tr > th, .cke_show_borders table.cke_show_border > tbody > tr > td, .cke_show_borders table.cke_show_border > tbody > tr > th, .cke_show_borders table.cke_show_border > thead > tr > td, .cke_show_borders table.cke_show_border > thead > tr > th, .cke_show_borders table.cke_show_border > tfoot > tr > td, .cke_show_borders table.cke_show_border > tfoot > tr > th {
    border: #d3d3d3 0px dotted !important;
}

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

.width-25-percent {
    width: 275px;
}

table.fgnfkghfhfghfgh tr td.width-quote-td {
    min-width: 145px !important;
}

table.fgnfkghfhfghfgh tr td.width-quote-td2 {
    min-width: 175px !important;
}

.quote-product-title {
    min-width: 300px !important;
}

.sbmt-btn-viewsupplier {
    padding-left: 15px;
}

.margin-ex-view {
    width: 120px;
}

.height-100-percent {
    height: 100%;
}

.width-input-50 {
    width: 50px;
}

.notes-attachments-height {
    height: 100px;
}

td.right-textalgn div.formValue-controller input.width-input-50 {
    text-align: right;
}

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

.float-right {
    float: right;
}

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

.table-sub-width {
    width: 68%;
}

input.ui-widget.ui-widget-content.ui-corner-left.ui-combobox-input.ui-autocomplete-input {
    font-family: "Calibri" !important;
    font-size: 14px !important;
    color: #555555 !important;
    font-weight: normal;
}

.buttonpane-space .link-button {
    margin-right: 5px !important;
}

.dashboard-main-block {
    border-radius: 12px;
    /*height: 750px;*/
    text-align: center;
    display: flex;
}

.dashboard-main-blockone {
    width: 178px;
    background-color: white;
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 558px;
    box-shadow: 0 0 1px rgba(0,0,0,0.3), 0 2px 2px rgba(0,0,0,0.25);
}

.dashboard-main-block-back {
    background-color: #dad7d75c;
}

.view-text-image {
    width: 100px !important;
}

.txtFind-input {
    width: 150px;
    height: 37px;
    margin-top: 2px;
}

.ui-dialog {
    background-color: #fff !important;
}

    .ui-dialog div.ui-widget-content {
        background-color: #fff !important;
    }

.ui-dialog-titlebar {
    background-color: #f3f2f1 !important;
    color: #2d2d2d !important;
    border: hidden !important;
    background-image: none !important;
    font-weight: bold;
    padding-left: 5px !important;
}

.ui-dialog-titlebar-close {
    background-image: url('../images/new-svg-icons/close-icon.svg') !important;
    min-width: auto !important;
    border: hidden;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
}

.height-auto {
    height: auto !important;
}

.formValue select {
    padding-right: 24px !important;
}

.iframe-engage {
    min-height: calc(100vh - 125px);
}

.iframe-helpdesk {
    min-height: calc(100vh - -182px);
}

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

.width-auto {
    width: auto !important;
}

.product-detail-bundle-tr {
    background-color: #eeeeee;
    font-weight: bold;
    height: 30px;
    font-family: Arial,sans-serif;
    text-align: left
}

.vertical-middletr td {
    vertical-align: middle !important;
}

.clienrbudforedate {
    width: 150px;
}

.txtarea-height-200 {
    height: 200px !important;
}

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

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

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

.body-sales-summary {
    background-color: #dad7d700;
    overflow: hidden;
    padding-top: 45px;
    padding-left: 2px;
    border-radius: 15px;
}

.companyLogoPreview {
    height: 45px !important;
    width: auto !important;
}

.margin-template-subject {
    margin-left: -7px;
}

div#Scrollset {
    max-height: calc(100vh - 100px);
}

.boder-remove-innertable table {
    border: hidden;
}

.boder-remove-innertable {
    overflow: hidden;
}

#Scrollsetright {
    max-height: calc(100vh - 300px);
}

.iframe-engage-contacts {
    min-height: calc(100vh - 250px);
}

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

.margin-bottomspace-contact {
    margin-top: 5px;
}

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

table.removeborder-totable tr td {
    border: hidden !important;
}

.removeborder-totable {
    border: hidden !important;
}

.formViewHeading-font {
    font-size: 18px !important;
}

.price-upfile {
    grid-template-columns: 6.2fr 22fr !important;
}

.back-td-1 {
    width: 100px;
}

.back-td-2 {
    width: 50px;
}

.back-td-3 {
    width: 150px;
}

.back-td-4 {
    width: 150px;
}

.back-td-5 {
    width: 350px;
}

.back-td-6 {
    width: 100px;
}

.back-td-7 {
    width: 50px;
}

.back-td-8 {
    width: 50px;
}

.back-td-9 {
    width: 100px;
}

.back-td-10 {
    width: 100px;
}

.back-td-11 {
    width: 200px;
}

.back-td-12 {
    width: 200px;
}

.back-td-13 {
    width: 100px;
}

.back-td-14 {
    width: 100px;
}

.back-td-15 {
    width: 50px;
}

.back-td-16 {
    width: 50px;
}

div.date-calendar-fullwidth div.ajax__calendar_container {
    width: 100% !important;
    z-index: 9999 !important;
}

    div.date-calendar-fullwidth div.ajax__calendar_container div.ajax__calendar_body {
        width: 100% !important;
        height: 150px !important;
    }

    div.date-calendar-fullwidth div.ajax__calendar_container div.ajax__calendar_days {
        width: 100% !important;
    }

    div.date-calendar-fullwidth div.ajax__calendar_container table {
        width: 100% !important;
    }

.div-over-scroll-crm {
    overflow-y: auto !important;
    max-height: calc(100vh - 150px);
    overflow-x: hidden;
    padding-bottom: 15px;
}

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

.iframe-engage-oppurtunity {
    min-height: calc(100vh - 250px);
}

.div-over-scroll-oppurtunity {
    overflow: auto !important;
    max-height: calc(100vh - 97px);
    overflow-y: auto;
    padding-bottom: 15px;
}

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

.iframe-engage-order {
    min-height: calc(100vh - 300px);
}

.div-over-scroll-order {
    overflow-y: auto !important;
    max-height: calc(100vh - 92px);
    overflow-x: hidden;
    padding-bottom: 15px;
}

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

.iframe-engage-quote {
    min-height: calc(100vh - 168px);
}

.div-over-scroll-quote {
    overflow-y: auto !important;
    max-height: calc(100vh - 143px);
    overflow-x: hidden;
    padding-bottom: 15px;
}

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


.iframe-engage-lead {
    min-height: calc(100vh - 250px);
}

.div-over-scroll-lead {
    overflow: auto !important;
    max-height: calc(100vh - 97px);
    overflow-y: auto;
    padding-bottom: 15px;
}

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

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

.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;
}

.no-border {
    border: 0px !important;
}

.template-preview-padding {
    padding-top: 73px !important;
    height: 570px;
    overflow-y: auto;
    position: unset !important;
}

.col-logo-campaigns {
    /*width:50px !important;*/
    height: 50px !important;
}

.width-100p {
    width: 100px;
}

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

.upload-cart-width {
    padding-right: 24px !important;
}

.export-toerp-width {
    padding-right: 28px !important;
}

#divOrgChart {
    width: 100%;
    overflow: auto;
}

#ctl00_body_tabContainer_tabOrgChart {
    padding-bottom: 100px;
}

#popuptaskcategory {
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
    background-color: white;
    display: none;
    position: absolute;
    /*padding: 10px 10px!important;*/
    top: 22px;
}


.paddin-engage-profile-popup {
    padding: 10px !important;
    padding-bottom: 0px !important;
}

.background-pop-active {
    background-color: PeachPuff;
}

.inputbutton input {
    margin-left: 50px;
}

.div-login-username {
    border: white !important;
    font-size: 17px !important;
    padding: 0px !important;
}

.listitems::after {
    display: block !important;
    content: "";
    border-bottom: 1px solid rgb(235, 235, 235);
    margin-left: 20px;
    width: 96%;
    padding-top: 16px;
}

.listsideitems::after {
    display: block !important;
    content: "";
    border-bottom: 1px solid rgb(235, 235, 235);
    margin-left: 0px;
    width: 100%;
    padding-top: 16px;
}

.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
}

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

.lblName-border-bottom-none {
    border-bottom: none;
}

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

.divFinance {
    /*  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: 180px;
    height: 90px;
    text-transform: uppercase;
    color: #666666;
}


.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;
}


.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;
}

.comms-replycount-circle {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: green;
    color: white;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
}
.iframe-helpdesk {
    min-height: calc(100vh - -182px);
}