::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #53565A;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #53565A;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #53565A;
}

svg path[hidden],
svg text[hidden],
svg rect[hidden] {
    display: block !important
}

.n-underline {
    text-decoration: underline;
}

.n-cursor-default {
    cursor: default !important;
}

.n-clear {
    clear: both;
}

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

.n-font-weight-normal {
    font-weight: normal;
}

.n-white {
    color: #ffffff;
}

.n-grey {
    color: #53565A !important;
}

.n-dark-grey {
    color: #565656;
}

.n-purple {
    color: #734DC7;
}

.n-blue {
    color: #006FCF;
}

.n-blue-background {
    background-color: #006FCF;
}

.n-white-background {
    background-color: #FFF;
}

.x-rtl .n-float-left {
    float: right;
}

.n-float-left {
    float: left;
}

.n-with-space {
    white-space: pre !important;
}

.n-float-right {
    float: right;
}

.x-rtl .n-float-right {
    float: left;
}

.n-header-subtitle {
    font-size: 18px;
}

.n-standart-text {
    font-size: 14px;
}

.x-grid-empty {
    color: #666666;
}

.n-ltr {
    direction: ltr;
}

    .n-ltr .x-grid-cell-inner {
        direction: ltr;
    }

.n-subtitle {
    font-size: 16px;
}

.n-greyed-out-text {
    color: #bcc3c7;
}

.n-text-align-left {
    text-align: left !important;
}

.x-rtl .n-text-align-left {
    text-align: unset !important;
}

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

.n-text-with-link {
    font-size: 16px;
    color: #006FCF;
    text-decoration: underline;
    cursor: pointer !important;
}

.n-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-light-blue-background {
    background-color: #f3fbfe;
}

.n-task-waiver-conditional {
    padding: 0px 5px 50px 5px;
    margin-top: 10px;
}

.n-task-waiver-field-container {
    padding: 0px 5px 5px 0px;
}

.n-bidi-override {
    unicode-bidi: bidi-override;
}

.n-bank-account-certificate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}

.x-rtl .n-status-company {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin: 0 0 0 115px;
}

.n-status-company {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    margin: 0 0 0 65px !important;
}

n-status-company-default {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}

.x-rtl .n-status-company-default {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin: 0 0 0 115px;
}

.n-statement-status {
    display: flex;
    gap: 10px;
    align-items: center;
}

.n-taxinvoice-imagesection .x-toolbar-default {
    border: none !important;
    background-color: transparent !important;
}

.n-cursor-pointer, .n-cursor-pointer tspan {
    cursor: pointer !important;
}

.n-error-placeholder::placeholder {
    color: red;
}

.n-businessprocess-related-document-number {
    overflow: visible !important;
}

.n-create-campaign-dowload-exel-file {
    color: #006FCF;
}

.n-webinvoicelines-sidebyside-dowload-exel-file {
    color: #006FCF;
    font-size: 16px;
}

.n-manage-delegates-panel {
    font-size: 14px !important;
    color: #565656 !important;
}

.n-no-new-notifications {
    font-size: 14px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

    .n-no-new-notifications .x-menu-item-text {
        color: #bcc3c7;
    }

.n-notifications {
    font-size: 14px;
    text-align: left;
    color: #222222;
    padding-left: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.x-rtl .n-notifications {
    padding-right: 16px;
}

.n-site-name-app-header-notification {
    font-size: 14px;
    text-align: left;
    color: #006FCF;
    padding-top: 10px;
}

.n-subject-app-header-notification {
    font-size: 14px;
    color: #222222;
    width: 250px;
}



.n-ic-notification-gray-24 {
    padding-right: 5px;
}

.n-table-app-header-notification td {
    text-align: left;
}

.x-rtl .n-table-app-header-notification td {
    text-align: right;
}

.n-table-app-header-notification {
    width: 100%;
}

.n-counter-app-header-notification {
    color: #bcc3c7;
    float: right;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.x-rtl .n-counter-app-header-notification {
    padding-left: 15px;
    float: left;
}

.n-create-date-app-header-notification {
    font-size: 14px;
    text-align: left;
    color: #bcc3c7;
}

.n-taxinvoice-imagedefault-btn {
    background-image: url(../../resources/images/imagesettings/settings-icon-enable.png);
    background-repeat: no-repeat;
    background-position: 5px 2px;
    background-size: 26px 19px;
    border: transparent !important;
    background-color: transparent !important;
}

.n-companyDetails-readOnly.x-form-type-text textarea.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-text input.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-password textarea.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-password input.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-number textarea.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-number input.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-email textarea.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-email input.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-search textarea.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-search input.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-tel textarea.x-form-invalid-field,
.n-companyDetails-readOnly.x-form-type-tel input.x-form-invalid-field,
.n-companyDetails-readOnly .x-form-text {
    border: none;
    background-image: none;
}

.n-taxinvoice-imagedefault-btn:hover {
    background-image: url('../../resources/images/imagesettings/settings-icon-enable-hover.png');
}

.hide-image {
    background-image: url(../../resources/images/imagesettings/settings-icon-disable.png) !important;
}

    .hide-image:hover {
        background-image: url('../../resources/images/imagesettings/settings-icon-disable-hover.png') !important;
    }

.x-rtl .n-taxinvoice-imagedefault-btn {
    background-position: 3px 1px;
}

.n-taxinvoice-imagesection-hide-btn {
    background-image: url('../../resources/images/webinvoice/InvoiceFormBtnIcon.png');
    background-repeat: no-repeat;
    background-color: #006FCF;
    background-position: 5px 3px;
    background-size: 16px;
}

.x-rtl .n-taxinvoice-imagesection-show-btn,
.x-rtl .n-taxinvoice-imagesection-hide-btn {
    background-position: 174px 3px;
}

.n-taxinvoice-imagesection-hide-btn:hover {
    background-color: #2b9bd0 !important;
}

.n-taxinvoice-imagesection-show-btn {
    background-image: url('../../resources/images/webinvoice/InvoiceFormBtnIcon.png');
    background-repeat: no-repeat;
    background-color: #006FCF;
    background-position: 5px 3px;
    background-size: 16px;
    border: none;
    margin-top: 4px !important;
}

    .n-taxinvoice-imagesection-show-btn:hover {
        background-color: #0059A8 !important;
    }

    .n-taxinvoice-imagesection-hide-btn span,
    .n-taxinvoice-imagesection-show-btn span {
        padding-left: 11px;
    }

.x-rtl .n-taxinvoice-imagesection-hide-btn span,
.x-rtl .n-taxinvoice-imagesection-show-btn span {
    font-size: 11pt !important;
    padding: 0px 7px 0px 0px;
}

.n-webinvoiceheader .n-ltr input {
    direction: ltr !important;
}

.n-taxinvoice-imagesection {
    padding: 0px;
    background-color: transparent;
}

.n-cursor-pointer .x-grid-cell {
    cursor: pointer !important;
}

.n-grid-dirty-cell {
    background: url('../images/dirty.gif') no-repeat 3px 2px;
}

.n-combo-lable .x-form-field {
    border-width: 0px !important;
    border-color: white !important;
}

.n-hide-content * {
    visibility: hidden;
}

.n-center-content {
    margin: auto;
}

.n-web-invoice-btn .x-btn-inner {
    font-size: 17px;
}

.n-webinvoice-next .x-btn-icon-el.x-rtl {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.n-butten-link-webinvoice-sidebyside,
.n-butten-link {
    background-color: white !important;
    background-image: none !important;
    border-color: white;
}

.n-butten-link-small {
    background-color: white !important;
    background-image: none !important;
    border-color: white;
}

.n-butten-link-webinvoice-sidebyside .x-btn-inner {
    font-size: 18px;
    color: #006FCF;
    border: 0px;
}

.n-butten-link .x-btn-inner {
    font-size: 18px;
    color: #006FCF;
    text-decoration: underline;
    border: 0px;
    font-weight: bold;
}

.n-butten-link-small .x-btn-inner {
    font-size: 14px;
    color: #006FCF;
    text-decoration: underline;
    border: 0px;
    font-weight: bold;
}

.n-webinvoice-sidebyside-next {
    background-color: #006FCF;
    border: 0px !important;
}

.n-webinvoice-next {
    background-color: #006FCF;
    font-weight: bold;
    border: 0px !important;
}

.n-webinvoice-save {
    background-color: #ffffff;
    stroke: #006FCF;
    stroke-width: 1px;
    font-weight: bold;
}

.n-webinvoice-sidebyside-next .x-btn-inner-center {
    font-size: 18px;
}

.n-webinvoice-next .x-btn-inner-center {
    font-size: 20px;
}

.n-webinvoice-sidebyside-save .x-btn-inner-center {
    font-size: 18px;
    color: #006FCF;
}

.n-webinvoice-save .x-btn-inner-center {
    font-size: 21px;
    color: #006FCF;
}

.btn-resend-invitation {
    top: 6px !important;
    height: 24px !important;
}

    .btn-resend-invitation .x-btn-inner {
        line-height: normal !important;
    }

    .btn-resend-invitation.x-btn-disabled {
        border: 1px solid #e4e4e4 !important;
        background-color: white !important;
        color: #e4e4e4 !important;
    }

.n-text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-summaryGrid-title {
    font-weight: bold;
    font-size: 20px;
}

.n-unselectable {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

.n-text-valign-middle {
    vertical-align: middle;
}

    .n-text-valign-middle .n-expanded-navigation-text {
        top: inherit !important;
    }

.n-advance-search .x-form-numberfield {
    border-color: #CCC !important;
}

.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {
    margin-bottom: 0px;
    margin-top: 0px;
}

.x-grid-group-title {
    font-weight: bold;
    font-size: 14px;
}

.n-forcast-period-group-1,
.n-forcast-period-group-3,
.n-forcast-period-group-5,
.n-forcast-period-group-7 {
    background-color: #AA8F7E !important;
}

.n-forcast-period-group-2,
.n-forcast-period-group-4,
.n-forcast-period-group-6,
.n-forcast-period-group-8 {
    background-color: #CCAC97 !important;
}

.n-menu-separator {
    cursor: default;
    border: 1px solid #e2e2e2;
}

.n-forecast-period-list .x-grid-row-alt .x-grid-td {
    background-color: #EEEEEE;
}

.n-forecast-item-summery {
    background-color: #006FCF;
}

    .n-forecast-item-summery .x-panel-header-text-container-default {
        color: #ffffff !important;
        font-weight: bold;
        font-size: 15px;
    }

.n-thin-sep {
    height: 1px;
    background-color: #c5c5c5;
    border: none;
}

.n-thick-sep {
    height: 4px;
    background-color: #c5c5c5;
    border: none;
}

.x-no-icon-menu .x-menu-item-indent-no-separator {
    margin: 0px 15px 0px 8px;
}

.x-rtl .x-no-icon-menu .x-menu-item-indent-no-separator {
    margin: 0px 8px 0px 15px;
}

.n-file-download-frame {
    width: 1px;
    height: 1px;
    border: 0px solid #fff;
    display: none;
}

.n-menu-item-text-read .x-menu-item-text {
    color: Gray;
    border-radius: 5px;
}

.n-black .x-panel-header-text-default {
    color: black !important;
    font-weight: bold;
    font-size: 13px;
    margin: 0px 15px;
}

.n-big-font-size {
    font-size: 120%;
}

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

.n-gray-background {
    background-color: #F7F7F7 !important;
}

.n-gray-border-bottom {
    border-bottom: 1px solid #F7F7F7 !important;
}

.n-dark-gray-border-bottom {
    border-bottom: 1px solid #e0dcdc !important;
    opacity: 1;
}

.n-historical-order-msg {
    padding: 20px 30px 15px 30px;
}

.n-width-100-percentage {
    width: 100%;
}

.n-width-16-percentage {
    width: 16%;
}

.n-width-21-percentage {
    width: 21%;
}

.n-width-33-percentage {
    width: 33%;
}

.n-width-28-percentage {
    width: 28%;
}

.n-width-7-percentage {
    width: 7%;
}

.n-padding-7 {
    padding: 7px;
}

.n-gray-border-top {
    border-top: 1px groove #F7F7F7 !important;
}

.n-green-border-bottom {
    border-bottom: 3px solid #008767 !important;
}

.n-green-border-top {
    border-top: 3px solid #008767 !important;
}

.n-green-font {
    font-weight: bold;
    font-size: 120%;
    color: #008767 !important;
}

.n-green-dot-icon {
    width: 5px !important;
    height: 5px !important;
}

.x-rtl .x-window-header-text-container-default {
    left: auto !important;
}

.x-window-header-default .x-tool-img {
    margin: 0px -5px 0px -5px;
}

.x-rtl .n-asn-subtitle {
    text-align: right;
    font-size: 15px;
    color: #222222 !important;
}

.n-forecast-file-name-label {
    max-width: 325px;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: url('../images/sprites/file-type-sprite-small.png');
    padding-left: 13px;
    background-repeat: no-repeat;
    background-position: left -23px;
}

.n-forecast-icon-sent {
    background-image: url('../images/userprofile/popup_icons.png');
    background-repeat: no-repeat;
    background-position: -104px;
    background-size: 140px;
}

.x-rtl .n-forecast-file-name-label {
    padding-right: 13px;
    background-repeat: no-repeat;
    background-position: right -23px;
}

.n-forecast-win {
    font-size: 15px;
    color: #222222 !important;
}

.n-asn-subtitle {
    text-align: left;
    font-size: 15px;
    color: #222222 !important;
}

.n-text-align-center .x-grid-cell-inner {
    text-align: center !important;
}


.n-blue-forecast {
    color: #006FCF;
    font-weight: bold;
}

.n-green-forecast {
    color: #008767;
    font-weight: bold;
}

.n-green {
    color: #9ACC03 !important;
}

.n-green-spicel {
    color: #008767;
    font-size: 16px;
    font-weight: bold;
}

.n-dark-green {
    color: #729703;
}

.n-orange {
    color: #ffb529 !important;
}

.n-red {
    color: #B81A17 !important;
}

    .n-red .x-form-display-field {
        color: #B81A17;
    }

.n-yellow {
    color: #EAC600;
}

.n-light-blue {
    color: #54AFEF;
}

.n-backround-orange {
    background-color: #ffb529;
}

.n-backround-red {
    background-color: #B81A17;
}

.n-backround-green {
    background-color: #9ACC03;
}

.x-grid-row-selected .x-grid-td.n-red-border .x-grid-cell-inner {
    border: 1px solid red !important;
}

.n-div-display-table {
    width: 100%;
}

.n-div-display-table-row {
    display: table-row;
}

.n-div-display-table-cell {
    display: table-cell;
}

.n-title-icon {
    width: 38px;
    height: 38px;
    vertical-align: middle;
}

.n-hr-width-small {
    width: 420px;
    margin: 0px;
}

.n-clearfix-padding {
    padding: 0px;
}

.n-bg-lightblue {
    background-color: #ced9e6;
}

.n-hmargin-10 {
    margin-right: 7px;
    margin-left: 7px;
}

.n-vmargin-10 {
    margin-top: 10px;
}

.n-margin-10 {
    margin: 10px;
}

.n-row-read {
    font-weight: normal;
}

.n-row-unread {
    font-weight: bold !important;
}

.n-orderLine-status-new {
    font-weight: bold;
    color: #565656;
}

.n-orderLine-status-update {
    font-style: italic;
    color: #f00;
}

.n-orderLine-status-deleted td {
    text-decoration: line-through;
    color: #808080;
}

.n-app-bg {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.n-note-form .x-form-checkboxgroup-body {
    padding: 0px;
}

.n-note-form .x-form-radio {
    margin: 0px;
    cursor: pointer;
}

.x-rtl .n-note-form .x-form-radio {
    margin: 1px;
}

.n-noteslist .x-panel-header,
.n-note-form .x-panel-header {
    background: #f1f1f1;
    padding: 6px;
}

.n-note-form .x-header-text span {
    color: #006FCF;
    font-size: 16px;
}

.n-note-form {
    border: 1px #ded8d8 solid;
}

    .n-note-form .x-form-radio-group {
        width: auto !important;
    }

.n-radiofield-green-labael {
    margin-left: 20px;
}

.x-rtl .n-radiofield-green-labael {
    margin-right: 20px;
}

.n-radiofield-green-checked {
    font-weight: bold;
}

    .n-radiofield-green-checked .x-form-radio {
        background-position: 0px -70px;
    }

.n-trigger-long .x-form-trigger {
    background-image: url(../images/sprites/trigger_long.png) !important;
    background-repeat: no-repeat;
    height: 40px;
    border-bottom: none !important;
}

.n-trigger-calendar .x-form-trigger {
    background-image: url(../images/calender-icon.png) !important;
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 133px;
    left: 133px;
}

.x-rtl .n-trigger-long .x-form-trigger {
    background-image: url(../images/sprites/trigger_long-rtl.png) !important;
    background-repeat: no-repeat;
    height: 40px;
    border-bottom: none !important;
}

.n-trigger-long .x-form-text {
    padding-bottom: 0px !important;
}

.n-app-login-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.n-transparent {
    background-color: transparent;
}

.n-ah-calibri-small {
    font-size: 11pt;
    font-family: Calibri, Arial, Sans-Serif;
}

.n-ah-base {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    padding: 5px 0px 0px 0px;
}

.n-ah-logo-wrapper {
    width: 185px;
    display: inline-block;
}

.n-ah-logo-wrapper-href {
    display: table;
    margin: 0px 10px !important;
}

.n-siteName-no-logo {
    font-size: 17px;
    color: #808080;
    text-align: center;
    vertical-align: middle;
    padding-top: 16px;
    padding-right: 6px;
    padding-left: 6px;
}

.n-ah-left-separator {
    display: inline-block;
    border-right: 1px solid #e3e6e8;
    height: 35px;
    width: 1px;
    line-height: 25px;
}

.n-ah-right-separator {
    display: inline-block;
    border-left: 1px solid #e3e6e8;
    height: 35px;
    width: 1px;
    margin-top: 8px;
}

.n-date-blue {
    color: #006FCF;
}

.n-date-lable-forecast {
    color: #808080;
}

.n-date-gray {
    color: #222222;
    font-size: 13px;
    font-weight: bold;
}

.n-ah-right-separator-forecast {
    display: inline-block;
    border-left: 2px solid #c4c4c4;
    height: 12px;
    width: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.n-ah-separator-forecastitems {
    height: 12px;
    width: 1px;
}

.n-app-header {
    background-color: white;
}

.n-ah-logo {
    border: none;
    cursor: pointer;
    width: 153px;
    height: 42px;
    margin-top: 5px;
}

.n-ah-site-logo {
    border: none;
    width: 72px;
    height: 48px;
}

.n-header-site-logo {
    border: none;
    width: 100%;
}

.n-ah-right-wrapper {
    float: right;
    display: inline-block;
    position: relative;
}

.x-rtl .n-ah-right-wrapper {
    float: left;
    display: inline-block;
    position: relative;
}

.n-ah-logo-href {
    float: left;
}

.x-rtl .n-ah-logo-href {
    float: right;
}

.n-ah-site-logo-href {
    float: right;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    word-break: break-word;
}

.x-rtl .n-ah-site-logo-href {
    float: left;
    margin: 0px auto;
    text-align: center;
}

.n-ah-user-wrapper {
    float: right;
    margin: 5px 14px 0px 4px;
    display: inline-block;
}

.x-rtl .n-ah-user-wrapper {
    margin: 5px 4px 0px 20px;
    float: left;
}

.n-ah-user-sec {
    display: block;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

    .n-ah-user-sec li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        cursor: default;
        float: left;
        line-height: 30px;
    }

.x-rtl .n-ah-user-sec li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    float: right;
    line-height: 30px;
}

.n-ah-user-icon {
    width: 30px;
    height: 30px;
}

.n-recent-activity-row {
    display: table-cell;
    padding-left: 5px;
    line-height: 16px;
    vertical-align: middle;
}

.x-rtl .n-recent-activity-row {
    padding-left: 0px;
    padding-right: 5px;
}

.n-recent-activity-empty-text {
    font-size: 16px;
    color: #666666;
    text-align: center;
}

.n-recent-activities-list {
    margin: 0px;
    padding: 0px 10px;
    display: table;
    height: 41px;
    width: 100%;
    line-height: 1px;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
}

    .n-recent-activities-list:hover {
        background-color: #EFEFEF;
    }


        .n-recent-activities-list:hover .n-recent-activities-doctype {
            color: #006FCF;
        }

.n-recent-activities-medium-resolution .n-recent-activities-list {
    font-size: 13px !important;
}

.n-recent-activities-medium-resolution .n-recent-activity-time {
    display: none;
}

.n-recent-activities-small-resolution .n-recent-activities-action {
    display: none !important;
}

.n-recent-activities-small-resolution .n-recent-activities-time,
.n-recent-activities-medium-resolution .n-recent-activities-time {
    display: none;
}

.n-recent-activities-time {
    display: normal;
}

.n-recent-activities-doctype {
    max-width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-recent-activities-action {
    white-space: normal !important;
    overflow: hidden;
    display: normal;
    text-overflow: ellipsis;
    max-height: 32px;
}

.n-recent-navigation {
    padding: 0px 8px 3px 8px;
    border-bottom: 1px solid #95A3B5;
}

.n-recent-navigation-title {
    margin: 5px 0px;
    font-size: 12pt;
    line-height: 12pt;
    font-weight: bold;
}

.n-recent-navigation-item {
    font-size: 12pt;
    line-height: 12pt;
    list-style-type: none;
    padding: 0px;
    margin: 2px 0px 6px 0px;
    cursor: pointer;
}

.n-asnicon-win {
    background-image: url('../Images/sprites/popup_icons.png') !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
    height: 27px !important;
    width: 27.5px !important;
}

.n-advance-search-btn .x-btn-inner {
    font-size: 14px;
    font-family: Arial;
    color: #006FCF;
    letter-spacing: 0.5px;
}

.n-advance-search-btn:hover .x-btn-inner {
    background-color: #ededed;
}

.n-advance-search-toolbar-btn {
    width: 38px;
    height: 35px !important;
    margin: 0px;
    background-image: url('../Images/search/advanced_search.png') !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.n-advance-search-toolbar-btn {
    background-position: 0px 0px !important;
}

    .n-advance-search-toolbar-btn:hover {
        background-position: -38px 0px !important;
    }

.n-advance-search-toolbar-btn-selected {
    background-position: -76px 0px !important;
}

.n-advance-search-toolbar-btn .x-disabled {
    background-position: -114px 0px !important;
}

/*SEE http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.button.Button pressedCls comments FOR MORE INFO WHY I HAVE ADDED THE X prefix*/
.x-n-advance-search-toolbar-btn-pressed {
    background-position: 0px -34px !important;
}

    .x-n-advance-search-toolbar-btn-pressed:hover {
        background-position: -38px -34px !important;
    }

.x-n-advance-search-toolbar-btn-pressed-selected {
    background-position: -76px -34px;
}

.x-n-advance-search-toolbar-btn-pressed-disabled {
    background-position: -114px -34px;
}

.n-advance-search-note {
    font-size: 12px;
    font-style: italic;
}

.n-toolbar-btn {
    width: 48px !important;
    height: 48px !important;
    margin: 0px;
    background-image: url('../Images/sprites/tool-bar.png') !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.n-link {
    color: #54AFEF;
    font-size: 11pt;
    cursor: pointer;
}

.n-toolbar-add {
    background-position: 0px 0px;
}

    .n-toolbar-add:hover {
        background-position: -48px 0px;
    }

.n-toolbar-add-selected {
    background-position: -96px 0px;
}

.n-toolbar-add.x-disabled {
    background-position: -144px 0px;
}

.n-toolbar-settings {
    background-position: 0px -48px !important;
}

    .n-toolbar-settings:hover {
        background-position: -48px -48px !important;
    }

.n-toolbar-settings-selected {
    background-position: -96px -48px !important;
}

.n-toolbar-settings.x-disabled {
    background-position: -144px -48px !important;
}

.x-grid-row-before-focused .x-grid-td.n-grid-side-border,
.x-grid-row-selected .x-grid-td.n-grid-side-border,
.n-grid-side-border {
    border-left-color: #D88044 !important;
    border-right-color: #D88044 !important;
    border-left-width: 2px !important;
    border-right-width: 2px !important;
    font-weight: bold !important;
}

.x-grid-row-before-focused .x-grid-td.n-grid-first-border,
.x-grid-row-selected .x-grid-td.n-grid-first-border,
.n-grid-first-border {
    border-left-color: #D88044 !important;
    border-right-color: #D88044 !important;
    border-top-color: #D88044 !important;
    border-left-width: 2px !important;
    border-right-width: 2px !important;
    border-top-width: 2px !important;
    font-weight: bold !important;
}

.x-grid-row-before-focused .x-grid-td.n-grid-last-border,
.x-grid-row-selected .x-grid-td.n-grid-last-border,
.n-grid-last-border {
    border-left-color: #D88044 !important;
    border-right-color: #D88044 !important;
    border-bottom-color: #D88044 !important;
    border-left-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    font-weight: bold !important;
}

.x-grid-row-selected .x-grid-td {
    background-color: #cceef7 !important;
}

.x-item-selected {
    background-color: #cceef7 !important;
}

.n-noteslist .x-grid-row .x-grid-td:hover {
    background-color: #cceef7 !important;
}

.n-noteslist .x-grid-row-selected .x-grid-td {
    background: none !important;
}

.n-toolbar-advanced-search {
    background-position: 0px -96px !important;
}

    .n-toolbar-advanced-search:hover {
        background-position: -48px -96px !important;
    }

.n-toolbar-advanced-search-selected {
    background-position: -96px -96px !important;
}

.n-toolbar-advanced-search.x-disabled {
    background-position: -144px -96px !important;
}

.n-toolbar-save {
    background-position: 0px -144px !important;
}

    .n-toolbar-save:hover {
        background-position: -48px -144px !important;
    }

.n-toolbar-save-selected {
    background-position: -96px -144px !important;
}

.n-toolbar-save.x-disabled {
    background-position: -144px -144px !important;
}

.n-toolbar-archive {
    background-position: 0px -192px !important;
}

    .n-toolbar-archive:hover {
        background-position: -48px -192px !important;
    }

.n-toolbar-archive-selected {
    background-position: -96px -192px !important;
}

.n-toolbar-archive.x-disabled {
    background-position: -144px -192px !important;
}

.n-toolbar-export-excel {
    background-position: 0px -576px !important;
}

.n-toolbar-import-excel {
    background-position: 0px -1008px !important;
}

    .n-toolbar-import-excel:hover {
        background-position: -48px -1008px !important;
    }

.n-toolbar-import-excel-selected {
    background-position: -96px -1008px !important;
}

.n-toolbar-import-excel.x-disabled {
    background-position: -144px -1008px !important;
}

.n-toolbar-export-excel:hover {
    background-position: -48px -577px !important;
}

.n-toolbar-export-excel-selected {
    background-position: -96px -576px !important;
}

.n-toolbar-export-excel.x-disabled {
    background-position: -144px -576px !important;
}

.n-toolbar-block {
    background-position: 0px -1055px !important;
}

    .n-toolbar-block:hover {
        background-position: -48px -1055px !important;
    }

.n-toolbar-block-selected {
    background-position: -96px -1055px !important;
}

.n-toolbar-block.x-disabled {
    background-position: -144px -1055px !important;
}

.n-toolbar-unblock {
    background-position: 0px -1103px !important;
}

    .n-toolbar-unblock:hover {
        background-position: -48px -1103px !important;
    }

.n-toolbar-unblock-selected {
    background-position: -96px -1103px !important;
}

.n-toolbar-unblock.x-disabled {
    background-position: -144px -1103px !important;
}

.n-toolbar-print {
    background-position: 0px -288px !important;
}

    .n-toolbar-print:hover {
        background-position: -48px -288px !important;
    }

.n-toolbar-print-selected {
    background-position: -96px -288px !important;
}

.n-toolbar-print.x-disabled {
    background-position: -144px -288px !important;
}

.n-toolbar-delete {
    background-position: 0px -913px !important;
}

    .n-toolbar-delete:hover {
        background-position: -48px -913px !important;
    }

.n-toolbar-delete-selected {
    background-position: -96px -913px !important;
}

.n-toolbar-delete.x-disabled {
    background-position: -144px -913px !important;
}

.n-toolbar-home {
    background-position: 0px -336px !important;
}

    .n-toolbar-home:hover {
        background-position: -48px -336px !important;
    }

.n-toolbar-home-selected {
    background-position: -96px -336px !important;
}

.n-toolbar-home.x-disabled {
    background-position: -144px -336px !important;
}

.n-toolbar-refresh {
    background-position: 0px -384px !important;
}

    .n-toolbar-refresh:hover {
        background-position: -48px -384px !important;
    }

.n-toolbar-refresh-selected {
    background-position: -96px -384px !important;
}

.n-toolbar-refresh.x-disabled {
    background-position: -144px -384px !important;
}

.n-toolbar-view-doc {
    background-position: 0px -432px !important;
}

    .n-toolbar-view-doc:hover {
        background-position: -48px -432px !important;
    }

.n-toolbar-view-doc-selected {
    background-position: -96px -432px !important;
}

.n-toolbar-view-doc.x-disabled {
    background-position: -144px -432px !important;
}

.n-toolbar-add-note {
    background-position: 0px -480px !important;
}

    .n-toolbar-add-note:hover {
        background-position: -48px -480px !important;
    }

.n-toolbar-add-note-selected {
    background-position: -96px -480px !important;
}

.n-toolbar-add-note.x-disabled {
    background-position: -144px -480px !important;
}

.n-toolbar-add-attachment {
    background-position: 0px -528px !important;
}

    .n-toolbar-add-attachment:hover {
        background-position: -48px -528px !important;
    }

.n-toolbar-add-attachment-selected {
    background-position: -96px -528px !important;
}

.n-toolbar-add-attachment.x-disabled {
    background-position: -144px -528px !important;
}

.n-toolbar-whattodo {
    background-position: 0px -960px !important;
}

    .n-toolbar-whattodo:hover {
        background-position: -48px -960px !important;
    }

.n-toolbar-whattodo-selected {
    background-position: -96px -960px !important;
}

.n-toolbar-whattodo.x-disabled {
    background-position: -144px -960px !important;
}

.n-toolbar-action {
    background-position: 0px -576px !important;
}

    .n-toolbar-action:hover {
        background-position: -48px -576px !important;
    }

.n-toolbar-action-selected {
    background-position: -96px -576px !important;
}

.n-toolbar-action.x-disabled {
    background-position: -144px -576px !important;
}

.n-toolbar-flip-docuemnt {
    background-position: 0px -672px !important;
}

    .n-toolbar-flip-docuemnt:hover {
        background-position: -48px -672px !important;
    }

.n-toolbar-flip-docuemnt-selected {
    background-position: -96px -672px !important;
}

.n-toolbar-flip-docuemnt.x-disabled {
    background-position: -144px -672px !important;
}

.n-toolbar-create-asn {
    background-position: 0px -864px !important;
}

    .n-toolbar-create-asn:hover {
        background-position: -47px -864px !important;
    }

.n-toolbar-create-asn-selected {
    background-position: -96px -864px !important;
}

.n-toolbar-create-asn.x-disabled {
    background-position: -144px -864px !important;
}

.n-toolbar-background-blue {
    background-color: #006FCF;
}

.n-toolbar-title-white {
    color: #FFFFFF;
}

.n-toolbar-inlarge-button {
    padding: 0px;
    margin-right: 0;
    background-image: url('../Images/webinvoice/open_in_new_tab_blue.png') !important;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: #006FCF !important;
    border: none;
    width: 34px !important;
    height: 33px !important;
}

.x-rtl .n-toolbar-inlarge-button {
    padding: 0px;
    background-image: url('../Images/webinvoice/open_in_new_tab_blue.png') !important;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: #006FCF !important;
    border: none;
    width: 34px !important;
    height: 33px !important;
}

.n-toolbar-inlarge-button:hover {
    background-image: url('../Images/webinvoice/open_in_new_tab_blue_hover.png') !important;
}

.n-recent-searches-item {
    font-size: 11pt;
    line-height: 11pt;
    list-style-type: none;
    padding: 0px;
    cursor: pointer;
}

.n-recent-searches {
    padding: 0px 10px;
}

.n-webinvoicetotalstable {
    border-collapse: collapse;
    width: 100%;
}

/*SEE http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.button.Button pressedCls comments FOR MORE INFO WHY I HAVE ADDED THE X prefix*/
.x-n-toolbar-advanced-search-pressed {
    background-position: 0px -624px !important;
}

    .x-n-toolbar-advanced-search-pressed:hover {
        background-position: -48px -624px !important;
    }

.x-n-toolbar-advanced-search-pressed-selected {
    background-position: -96px -624px;
}

.x-n-toolbar-advanced-search-pressed-disabled {
    background-position: -144px -624px;
}

.n-as-field-el .x-form-search-trigger-over {
    background-position: 0px 0px;
}

.n-as-field-el {
    border: none;
    height: 35px;
}

    .n-as-field-el input {
        margin: 1px 0px 0px 1px !important;
        height: 33px !important;
    }

.x-rtl .n-as-field-el input {
    margin: 1px 1px 0px 0px !important;
    height: 33px !important;
}

.n-as-field-el input {
    border: none;
    background-image: none;
}

.n-as-field-el .x-trigger-cell {
    width: 36px !important;
    height: 35px !important;
    padding: 0px;
    margin: 0px;
}

.n-as-field-el .x-form-search-trigger {
    border: none;
    background-image: url('../Images/search/search.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 35px;
    width: 36px;
}

.n-as-field-el .x-form-search-trigger-over .x-form-search-trigger {
    background-position: -22px 0px !important;
}

.n-as-field-el .x-form-trigger-wrap-focus .x-form-search-trigger {
    background-position: -44px 0px !important;
}

.n-filter-field .x-form-search-trigger-over {
    background-position: 0px 0px;
}

.x-rtl .ext-ux-clearbutton {
    left: 8px !important;
    right: inherit !important;
}

.ext-ux-clearbutton {
    width: 12px;
    height: 12px;
    background-image: url(../images/search/clear-text-icon.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-user-focus: ignore; /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
    cursor: pointer;
    position: absolute;
    overflow: hidden; /* IE 6 :-( */
    margin-top: 7px;
    background-color: white;
}

.ext-ux-clearbutton-mouse-over-input {
    background-position: 0 -12px;
}

.ext-ux-clearbutton-mouse-over-button {
    background-position: 0 -24px;
}

.ext-ux-clearbutton-mouse-down {
    background-position: 0 -36px;
}

.ext-ux-clearbutton-on {
    opacity: 1;
    visibility: visible;
    transition: opacity .35s linear;
    -webkit-transition: opacity .35s linear;
    -moz-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -khtml-transition: opacity .35s linear;
}

.ext-ux-clearbutton-off {
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s linear, visibility .0s linear .35s;
    -webkit-transition: opacity .35s linear, visibility .0s linear .35s;
    -moz-transition: opacity .35s linear, visibility .0s linear .35s;
    -o-transition: opacity .35s linear, visibility .0s linear .35s;
    -ms-transition: opacity .35s linear, visibility .0s linear .35s;
    -khtml-transition: opacity .35s linear, visibility .0s linear .35s;
}

.n-filter-field {
    border: none;
    height: 35px;
}

    .n-filter-field .x-trigger-cell {
        width: 25px !important;
        height: 28px !important;
        padding: 0px;
        margin: 0px;
    }

    .n-filter-field .x-form-search-trigger {
        border: none;
        background-image: url('../Images/search/search.png');
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 35px;
        width: 36px;
    }

    .n-filter-field .x-form-search-trigger-over .x-form-search-trigger {
        background-position: -22px 0px !important;
    }

    .n-filter-field .x-form-trigger-wrap-focus .x-form-search-trigger {
        background-position: -44px 0px !important;
    }

.n-page-header {
    height: 56px !important;
}

.n-page-header-back {
    display: inline-block;
    width: 22px;
    height: 25px;
    background-image: url('../Images/sprites/back_forward_btn.png') !important;
    background-repeat: no-repeat;
    background-position: 0px 0px !important;
    margin: 0px 5px 0px 0px;
    cursor: pointer;
    background: none;
}

.x-rtl .n-page-header-back {
    background-position: 0px -23px !important;
    margin: 0px 0px 0px 5px;
    vertical-align: middle;
}

.n-page-header-minimize {
    display: inline-block;
    float: right;
    width: 15px;
    height: 16px;
    background-image: url('../Images/sprites/tool-sprites.png');
    background-repeat: no-repeat;
    background-position: -2px -20px !important;
    margin: 15px 15px 0px 0px;
    cursor: pointer;
}

    .n-page-header-minimize:hover {
        background-color: #ececec;
    }

.x-rtl .n-page-header-minimize {
    float: left;
    margin: 15px 0px 0px 15px;
}

    .x-rtl .n-page-header-minimize:hover {
        background-color: #ececec;
    }

.n-page-header-document-number {
    display: inline-block;
}

.n-page-header-title {
    margin-left: 20px;
    float: left;
    color: #006FCF;
    font-size: 16pt;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.x-rtl .n-page-header-title {
    margin-right: 20px;
    float: right;
    color: #006FCF;
    font-size: 16pt;
    font-weight: bold;
}

.n-page-header-title-forecast {
    margin-left: 30px;
    margin-top: 10px;
    float: left;
}

.x-rtl .n-page-header-title-forecast {
    margin-right: 30px;
    margin-top: 10px;
    float: right;
}

.n-page-header-title-subtitle {
    padding: 0px;
    margin: 0px;
    margin-top: 4px;
    margin-left: 20px;
    float: left;
    color: #006FCF;
    font-size: 16pt;
    font-weight: bold;
}

.x-rtl .n-page-header-title-subtitle {
    padding: 0px;
    margin: 0px;
    margin-top: 4px;
    margin-right: 20px;
    float: right;
    color: #006FCF;
    font-size: 16pt;
    font-weight: bold;
}

.n-page-header-subject {
    margin: 16px 0px 0px 7px;
    float: left;
    color: #006FCF;
    font-size: 16pt;
    line-height: 16pt;
    font-weight: bold;
}

.x-rtl .n-page-header-subject {
    margin: 16px 7px 0px 0px;
    float: right;
    color: #006FCF;
    font-size: 16pt;
    line-height: 16pt;
    font-weight: bold;
}

.n-page-header-subject-subtitle {
    padding: 0px;
    margin: 6px 7px 0px 7px;
    float: left;
    color: #006FCF;
    font-size: 16pt;
    line-height: 16pt;
    font-weight: bold;
}

.x-rtl .n-page-header-subject-subtitle {
    padding: 0px;
    margin: 6px 7px 0px 7px;
    float: right;
    color: #006FCF;
    font-size: 16pt;
    line-height: 16pt;
    font-weight: bold;
}

.n-page-header-title-icon {
    margin: 3px 0px;
    float: left;
}

.x-rtl .n-page-header-title-icon {
    margin: 3px 0px;
    float: right;
}

.n-page-header-empty-icon {
    display: none;
}

.n-actionbutton {
    background-color: Transparent;
    border: none;
    top: -5px !important
}

.n-actionbutton-counter {
    position: relative;
    float: right;
    width: 22px;
    height: 20px;
    background-color: #734DC7;
    border: solid 1px #f7f7f7;
    border-radius: 11px;
    text-align: center;
    padding: 5px 2px;
    color: #ffffff;
    font-size: 9px;
    top: 4px
}

.n-page-header-subtitle {
    margin: 0px 0px 0px 45px;
    color: #808080;
    font-size: 12px;
    clear: both;
}

.x-rtl .n-page-header-subtitle {
    margin: 0px 45px 0px 0px;
    color: #aeb4b7;
    font-size: 12px;
    clear: both;
}

.n-page-header-save-search .x-btn-inner {
    font-size: 11pt;
    font-weight: normal;
    color: #006FCF;
}

.n-page-header-save-search {
    padding: 0 -10px 0 -10px;
    top: 4px;
}

    .n-page-header-save-search:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.n-saved-searches-window {
    padding: 0 !important;
    border-radius: 0 0 6px 6px;
}

    .n-saved-searches-window .x-grid-cell-inner {
        padding: 6px 5px 6px 30px;
        cursor: pointer;
        width: 100%;
        height: 28px;
    }

.x-rtl .n-saved-searches-window .x-grid-cell-inner {
    padding: 6px 30px 6px 5px;
}

.n-saved-searches-window-title {
    color: #006FCF;
    font-weight: bold;
    padding: 10px 5px 10px 30px;
    background-image: url('../images/search/pin.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 1%;
    background-color: #f1f1f1;
}

.x-rtl .n-saved-searches-window-title {
    padding: 10px 30px 10px 5px;
    background-position-x: 99%;
}

.n-general-search-ct .x-btn-default-small {
    background-color: Transparent;
    border: none;
}

.n-ah-notification {
    width: 30px;
    height: 30px;
    background-image: url('../Images/sprites/notific_icons.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.n-ah-alerts0 {
    background-position: 0px 0px;
}

.n-ah-alerts1 {
    background-position: 0px -30px;
}

.n-ah-alerts2 {
    background-position: 0px -60px;
}

.n-ah-alerts3 {
    background-position: 0px -90px;
}

.n-ah-alerts4 {
    background-position: 0px -120px;
}

.n-ah-alerts5 {
    background-position: 0px -150px;
}

.n-ah-alerts6 {
    background-position: 0px -180px;
}

.n-ah-alerts7 {
    background-position: 0px -210px;
}

.n-ah-alerts8 {
    background-position: 0px -240px;
}

.n-ah-alerts9 {
    background-position: 0px -270px;
}

.n-ah-alerts10 {
    background-position: 0px -300px;
}

.n-ah-alerts11 {
    background-position: 0px -330px;
}

.n-ah-messages0 {
    background-position: 0px -360px;
}

.n-ah-messages1 {
    background-position: 0px -390px;
}

.n-ah-messages2 {
    background-position: 0px -420px;
}

.n-ah-messages3 {
    background-position: 0px -450px;
}

.n-ah-messages4 {
    background-position: 0px -480px;
}

.n-ah-messages5 {
    background-position: 0px -510px;
}

.n-ah-messages6 {
    background-position: 0px -540px;
}

.n-ah-messages7 {
    background-position: 0px -570px;
}

.n-ah-messages8 {
    background-position: 0px -600px;
}

.n-ah-messages9 {
    background-position: 0px -630px;
}

.n-ah-messages10 {
    background-position: 0px -660px;
}

.n-ah-messages11 {
    background-position: 0px -690px;
}

.n-lang-icon {
    width: 30px;
    height: 30px;
    background-image: url('../Images/login/login_world_blue.png');
    background-repeat: no-repeat;
    background-position: 5px 5px !important;
    cursor: pointer;
    margin-top: 5px;
}

.n-profile-button {
    min-width: 80px;
    display: block;
}

.n-header-navbar {
    width: 34px;
    height: 42px;
    background-image: url('../Images/navigation/navigation-bar_34x34.png');
    background-repeat: no-repeat;
    background-position: 0px 3px !important;
    margin: 0px 0px 0px 13px;
    cursor: pointer;
    display: inline-block;
}

.x-rtl .n-header-navbar {
    margin: 0px 13px 0px 0px;
    background-position: 0px 3px !important;
}

.n-header-navbar:hover {
    background-position: -34px 3px !important;
}

.n-profile-icon {
    width: 42px;
    height: 42px;
    margin-left: 5px;
    background-image: url('../Images/userprofile/user-profile_37x37.png');
    background-repeat: no-repeat;
    background-position: 0px 3px !important;
}

.n-profile-name {
    color: #006FCF;
    max-width: 158px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 24px;
    margin: 0px 3px;
    display: block;
    font-weight: bold;
    font-size: 15px;
    font-weight: bold;
}

.n-profile-menu-box .x-menu-body {
    background-color: #F7F7F7;
    margin-top: 2px;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(163,146,163,1);
    -moz-box-shadow: 0px 0px 3px 1px rgba(163,146,163,1);
    box-shadow: 0px 0px 3px 1px rgba(163,146,163,1);
}

.n-profile-menu-body-box {
    background-color: #fff;
}

.n-profile-name-fullname {
    color: #006FCF;
    margin: 8px 2px 0px 2px !important;
    font-size: 14px;
    font-weight: bold;
    max-width: 125px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-profile-languagecombo {
    top: 14px;
    position: relative;
}

.n-profile-last-visit {
    font-size: 12px;
    color: #222222;
    margin: 15px 0px 0px 0px !important;
    max-width: 158px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-profile-site {
    color: #53565A;
    max-width: 125px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 29px;
    margin: -8px 3px;
}

.n-profile-dropdown {
    background-image: url('../Images/userprofile/blue-arrow-down.png');
    background-repeat: no-repeat;
    background-position: 0px 3px !important;
    margin: 9px 5px 0px 3px;
}

.n-profile-menu-buttons {
    background-color: #f7f7f7;
    width: 330px !important;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #D3D3D3;
    top: 135px !important;
}

.n-profile-menu-details {
    text-align: left;
}

.n-profile-menu-logo {
    margin: 12px 12px !important;
    max-width: 110px;
    border-style: dashed;
    border-width: 1px;
    border-color: #e2e2e2;
    display: table-cell;
    vertical-align: middle;
}

.x-rtl .n-profile-menu-details {
    text-align: right;
}

.n-unread-row {
    font-weight: bold !important;
}

.n-removed-row {
    display: none;
}

.n-table-icon {
    width: 18px !important;
    height: 18px;
    background-image: url('../images/sprites/table_icon.png');
    background-repeat: no-repeat;
    margin: 0px 8px 0px 8px;
}

.n-table-icon-td {
    vertical-align: top;
}

.n-table-attachment {
    background-position: -17px 0px;
}

.n-table-attachment-white {
    background-position: -36px 0px;
}

.x-grid-row-selected .n-table-attachment {
    background-position: -36px 0px;
}

.n-table-expand {
    background-position: -17px -18px;
}

.x-grid-row-selected .n-table-expand {
    background-position: -36px -18px;
}

.n-table-collapse {
    background-position: -17px -36px;
}

.x-grid-row-selected .n-table-collapse {
    background-position: -36px -36px;
}

.n-table-seenbyother-white {
    background-position: -34px -54px;
}

.n-table-seenbyother {
    background-position: -17px -54px;
}

.n-table-pined-white {
    background-position: -36px -72px;
}

.n-table-pined {
    background-position: -17px -72px;
}

.n-table-view-white {
    background-position: -36px -252px;
}

.n-table-view {
    background-position: -17px -252px;
}

.n-table-unpined {
    background-image: none;
}

    .x-grid-row-over .n-table-unpined,
    .n-table-unpined:hover {
        background-image: url('../images/sprites/table_icon.png');
        background-position: -17px -72px;
        opacity: 0.5;
    }

.n-table-note {
    background-position: -17px -108px;
}

.n-table-note-white {
    background-position: -36px -108px;
}

.n-table-icon-center {
    margin: 3px 4px;
}

.x-grid-row-selected .n-table-note {
    background-position: -36px -108px;
}

.n-table-archive {
    background-position: -17px -126px;
}

.n-table-archive-white {
    background-position: -36px -126px;
}

.x-grid-row-selected .n-table-archive {
    background-position: -36px -126px;
}

.n-table-asn {
    background-position: -17px -162px;
}

.n-table-asn-white {
    background-position: -36px -162px;
}

.x-grid-row-selected .n-table-asn {
    background-position: -36px -162px;
}

.n-grid-action-add {
    background-position: -17px -180px;
}

.n-grid-action-add-white {
    background-position: -36px -180px;
}

.n-grid-action-approve {
    background-position: -17px -234px;
}

.n-grid-action-add-approve {
    background-position: -36px -234px;
}

.n-grid-action-delete {
    background-position: -17px -144px;
}

.n-grid-action-delete-white {
    background-position: -36px -144px;
}

.n-grid-action-cancel {
    background-position: -17px -198px;
}

.n-grid-action-cancel-white {
    background-position: -36px -198px;
}

.n-grid-action-restore {
    background-position: -17px -216px;
}

.n-grid-action-restore-white {
    background-position: -36px -216px;
}

.n-grid-action-gray-butten {
    background-position: -17px -180px !important;
}

.n-grid-action-copy-to-all-lines {
    width: 30px !important;
    height: 15px;
    background-image: url('../images/asn/copy_all_lines.png');
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
}

.n-grid-action-copy-to-all-lines-white {
    width: 30px !important;
    height: 15px;
    background-image: url('../images/asn/copy_all_lines_header.png');
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
}

.n-taxinvoice-totals-alternate-cell {
    height: 50px;
    background-color: #F1F1F1;
}

.n-taxinvoice-header-panel x-form-display-field,
.n-document-header-panel x-form-display-field {
    text-align: right !important;
}

.x-rtl .n-taxinvoice-header-panel x-form-display-field,
.x-rtl .n-document-header-panel x-form-display-field {
    text-align: left !important;
}

.n-taxinvoice-totals-vat-cell {
    color: #006FCF;
    font-weight: bold;
}

.n-doc-type-icon {
    width: 34px;
    height: 34px;
    background-image: url('../Images/sprites/doc_type.png');
    background-repeat: no-repeat;
}

.n-doc-type-delivery-note {
    background-position: 0px 0px;
}

    .x-grid-row-selected .n-doc-type-delivery-note,
    .x-grid-row-over .n-doc-type-delivery-note,
    .n-doc-type-delivery-note:hover {
        background-position: -34px 0px;
    }

.n-doc-type-payment {
    background-position: 0px -34px;
}

    .x-grid-row-selected .n-doc-type-payment,
    .x-grid-row-over .n-doc-type-payment,
    .n-doc-type-payment:hover {
        background-position: -34px -34px;
    }

.n-doc-type-rfq {
    background-position: 0px -68px;
}

    .x-grid-row-selected .n-doc-type-rfq,
    .x-grid-row-over .n-doc-type-rfq,
    .n-doc-type-rfq:hover {
        background-position: -34px -68px;
    }

.n-doc-type-quote {
    background-position: 0px -102px;
}

    .x-grid-row-selected .n-doc-type-quote,
    .x-grid-row-over .n-doc-type-quote,
    .n-doc-type-quote:hover {
        background-position: -34px -102px;
    }

.n-doc-type-purchaseorder {
    background-position: 0px -136px;
}

    .x-grid-row-selected .n-doc-type-purchaseorder,
    .x-grid-row-over .n-doc-type-purchaseorder,
    .n-doc-type-purchaseorder:hover {
        background-position: -34px -136px;
    }

.n-doc-type-taxinvoice {
    background-position: 0px -170px;
}

    .x-grid-row-selected .n-doc-type-taxinvoice,
    .x-grid-row-over .n-doc-type-taxinvoice,
    .n-doc-type-taxinvoice:hover {
        background-position: -34px -170px;
    }

.n-doc-type-factoringrequest {
    background-position: 0px -170px;
}

    .x-grid-row-selected .n-doc-type-factoringrequest,
    .x-grid-row-over .n-doc-type-factoringrequest,
    .n-doc-type-factoringrequest:hover {
        background-position: -34px -170px;
    }

.n-doc-type-senttaxinvoice {
    background-position: 0px -204px;
}

    .x-grid-row-selected .n-doc-type-senttaxinvoice,
    .x-grid-row-over .n-doc-type-senttaxinvoice,
    .n-doc-type-senttaxinvoice:hover {
        background-position: -34px -204px;
    }

.n-doc-type-receivedtaxinvoice {
    background-position: 0px -238px;
}

    .x-grid-row-selected .n-doc-type-receivedtaxinvoice,
    .x-grid-row-over .n-doc-type-receivedtaxinvoice,
    .n-doc-type-receivedtaxinvoice:hover {
        background-position: -34px -238px;
    }

.n-doc-type-salesorder {
    background-position: 0px -272px;
}

    .x-grid-row-selected .n-doc-type-salesorder,
    .x-grid-row-over .n-doc-type-salesorder,
    .n-doc-type-salesorder:hover {
        background-position: -34px -272px;
    }

.n-doc-type-invoicedraft {
    background-position: 0px -306px;
}

    .x-grid-row-selected .n-doc-type-invoicedraft,
    .x-grid-row-over .n-doc-type-invoicedraft,
    .n-doc-type-invoicedraft:hover {
        background-position: -34px -306px;
    }

.n-doc-type-warehousereciepts {
    background-position: 0px -340px;
}

    .x-grid-row-selected .n-doc-type-warehousereciepts,
    .x-grid-row-over .n-doc-type-warehousereciepts,
    .n-doc-type-warehousereciepts:hover {
        background-position: -34px -340px;
    }

.n-doc-type-warehouseincoming {
    background-position: 0px -374px;
}

    .x-grid-row-selected .n-doc-type-warehouseincoming,
    .x-grid-row-over .n-doc-type-warehouseincoming,
    .n-doc-type-warehouseincoming:hover {
        background-position: -34px -374px;
    }

.n-doc-type-warehouseoutgoing {
    background-position: 0px -408px;
}

    .x-grid-row-selected .n-doc-type-warehouseoutgoing,
    .x-grid-row-over .n-doc-type-warehouseoutgoing,
    .n-doc-type-warehouseoutgoing:hover {
        background-position: -34px -408px;
    }

.n-doc-type-paymentoutgoing {
    background-position: 0px -442px;
}

    .x-grid-row-selected .n-doc-type-paymentoutgoing,
    .x-grid-row-over .n-doc-type-paymentoutgoing,
    .n-doc-type-paymentoutgoing:hover {
        background-position: -34px -442px;
    }

.n-doc-type-paymentincoming {
    background-position: 0px -476px;
}

    .x-grid-row-selected .n-doc-type-paymentincoming,
    .x-grid-row-over .n-doc-type-paymentincoming,
    .n-doc-type-paymentincoming:hover {
        background-position: -34px -476px;
    }

.n-doc-type-order {
    background-position: 0px -510px;
}

    .x-grid-row-selected .n-doc-type-order,
    .x-grid-row-over .n-doc-type-order,
    .n-doc-type-order:hover {
        background-position: -34px -510px;
    }

.n-doc-type-dynamicdiscount {
    background-position: 0px -544px;
}

    .x-grid-row-selected .n-doc-type-dynamicdiscount .x-grid-row-over .n-doc-type-dynamicdiscount,
    .n-doc-type-dynamicdiscount:hover {
        background-position: -34px -544px;
    }

.n-doc-type-deliverynoteoutgoing {
    background-position: 0px -578px;
}

    .x-grid-row-selected .n-doc-type-deliverynoteoutgoing,
    .x-grid-row-over .n-doc-type-deliverynoteoutgoing,
    .n-doc-type-deliverynoteoutgoing:hover {
        background-position: -34px -578px;
    }

.n-doc-type-deliverynoteincoming {
    background-position: 0px -612px;
}

    .x-grid-row-selected .n-doc-type-deliverynoteincoming,
    .x-grid-row-over .n-doc-type-deliverynoteincoming,
    .n-doc-type-deliverynoteincoming:hover {
        background-position: -34px -612px;
    }

.n-doc-type-sentinvoicedraft {
    background-position: 0px -646px;
}

    .x-grid-row-selected .n-doc-type-sentinvoicedraft,
    .x-grid-row-over .n-doc-type-sentinvoicedraft,
    .n-doc-type-sentinvoicedraft:hover {
        background-position: -34px -646px;
    }

.n-doc-type-receivedinvoicedraft {
    background-position: 0px -680px;
}

    .x-grid-row-selected .n-doc-type-sentinvoicedraft,
    .x-grid-row-over .n-doc-type-sentinvoicedraft,
    .n-doc-type-receivedinvoicedraft:hover {
        background-position: -34px -680px;
    }

.n-doc-type-goodsreceiptoutgoing {
    background-position: 0px -714px;
}

    .x-grid-row-selected .n-doc-type-goodsreceiptoutgoing,
    .x-grid-row-over .n-doc-type-goodsreceiptoutgoing,
    .n-doc-type-goodsreceiptoutgoing:hover {
        background-position: -34px -714px;
    }

.n-doc-type-goodsreceiptincoming {
    background-position: 0px -748px;
}

    .x-grid-row-selected .n-doc-type-goodsreceiptincoming,
    .x-grid-row-over .n-doc-type-goodsreceiptincoming,
    .n-doc-type-goodsreceiptincoming:hover {
        background-position: -34px -748px;
    }

.n-doc-type-sentasn {
    background-position: 0px -782px;
}

    .x-grid-row-selected .n-doc-type-sentasn,
    .x-grid-row-over .n-doc-type-sentasn,
    .n-doc-type-sentasn:hover {
        background-position: -34px -782px;
    }

.n-doc-type-stateupdateasn {
    background-position: 0px -782px;
}

    .x-grid-row-selected .n-doc-type-stateupdateasn,
    .x-grid-row-over .n-doc-type-stateupdateasn,
    .n-doc-type-stateupdateasn:hover {
        background-position: -34px -782px;
    }

.n-row-title {
    font-size: 13pt;
    vertical-align: bottom;
    line-height: 21px;
}

.n-row-sub-title {
    font-size: 10pt;
    margin-bottom: 6px;
}

.n-status-small-icon-approved-list {
    list-style: none;
    padding: 0 0 0 20px;
    background: url('../images/sprites/status_icons.png') 0px -20px no-repeat;
}

.n-page-header-subtitle-anchor {
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
}

.n-invoice-status-description {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

.n-page-header-subtitle-moreinfo {
    color: #808080;
    cursor: pointer;
}

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

.n-no-padding {
    padding: 0px !important;
}

.n-status-rejection-reason {
    font-size: 16px;
    font-weight: normal;
}

.n-row-status-rfq,
.n-invoice-status-description-status-icon-new {
    background-image: url('../images/status/new.png');
}

.n-invoice-status-description-status-icon-approved {
    background-image: url('../images/status/approved.png');
}


.n-catalog-items-is-grouped-icon {
    background-image: url('../images/black-check.png');
    height: 24px;
    width: 24px;
}

.n-contractTitle {
    font-size: 20px !important;
    font-weight: bold;
    padding: 10px 20px 15px 20px !important;
}

.n-contract-icon {
    background-image: url('../images/check.png');
    background-repeat: no-repeat;
    background-position: 0px;
    height: 28px;
    width: 24px;
    display: inline-block;
    margin: -6px 0px;
    padding-top: 10px;
}

.n-contractDateAndVersion {
    font-size: 15px !important;
    padding: 10px 47px 15px 45px !important;
}

.n-invoice-status-description-status-icon-cancelled,
.n-invoice-status-description-status-icon-canceled {
    background-image: url('../images/status/cancelled.png');
}

.n-invoice-status-description-status-icon-changerequest {
    background-image: url('../images/status/changerequest.png');
}

.n-invoice-status-description-status-icon-inprocess {
    background-image: url('../images/status/inprocess.png');
}

.n-invoice-status-description-status-icon-paid {
    background-image: url('../images/status/paid.png');
}

.n-invoice-status-description-status-icon-pending {
    background-image: url('../images/status/pending.png');
}

.n-invoice-status-description-status-icon-rejected {
    background-image: url('../images/status/rejected.png');
}

.n-invoice-status-description-status-icon-sent {
    background-image: url('../images/star_yellow.png');
}

.n-invoice-status-description-status-field {
    background-size: 18px 18px;
    background-position-y: center;
    background-position-x: left;
    background-repeat: no-repeat;
    padding-left: 20px !important;
    padding-bottom: 2px !important;
}

.n-invoice-status-description-status-field-heb {
    background-size: 18px 18px;
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    padding-right: 20px !important;
    padding-bottom: 2px !important;
}

.n-invoice-status-description-status-icon-updated {
    background-image: url('../images/status/updated.png');
}


.n-invoice-status-description-status-icon-undefined {
    background-image: url('../images/status/undefined.png');
}

.n-row-status-undefined-rfq {
    background-image: url('../images/status/undefined24X24.png');
}

.n-row-status-new-rfq {
    background-image: url('../images/status/new24X24.png');
}

.n-row-status-close-rfq {
    background-image: url('../images/status/close24X24.png');
}

.n-status-td {
    text-decoration: none !important;
}

.n-status-icon {
    width: 20px;
    height: 20px !important;
    background-image: url('../images/sprites/status_icons.png');
    background-repeat: no-repeat;
}

.n-email-icon {
    width: 24px;
    height: 24px;
    vertical-align: bottom;
}

.n-validation-email-box {
    line-height: 24px;
    padding: 0px 11px;
}

.n-status-text {
    padding: 25px;
    line-height: 20px;
}

.n-status-centered {
    margin-left: 35%;
    margin-right: 35%;
}

.n-status-icon-new {
    background-position: 0px 0px;
}

    .n-status-icon-new:hover {
        background-position: -20px 0px;
    }

.x-grid-row-selected .n-status-icon-new {
    background-position: -40px 0px;
}

.n-status-icon-new-disabled {
    background-position: -60px 0px;
}

.n-status-icon-approved {
    background-position: 0px -20px;
}

    .n-status-icon-approved:hover {
        background-position: -20px -20px;
    }

.x-grid-row-selected .n-status-icon-approved {
    background-position: -40px -20px;
}

.n-status-icon-approved-disabled {
    background-position: -60px -20px;
}

/* Pending and hold are the same and should get the same icon */
.n-status-icon-pending {
    background-position: 0px -40px;
}

    .n-status-icon-pending:hover {
        background-position: -20px -40px;
    }

.x-grid-row-selected .n-status-icon-pending {
    background-position: -40px -40px;
}

.n-status-icon-pending-disabled {
    background-position: -60px -40px;
}

.n-status-icon-hold {
    background-position: 0px -40px;
}

    .n-status-icon-hold:hover {
        background-position: -20px -40px;
    }

.x-grid-row-selected .n-status-icon-hold {
    background-position: -40px -40px;
}

.n-status-icon-hold-disabled {
    background-position: -60px -40px;
}

.n-status-icon-canceled,
.n-status-icon-cancelled {
    background-position: 0px -60px;
}

    .n-status-icon-canceled:hover,
    .n-status-icon-cancelled:hover {
        background-position: -20px -60px;
    }

.x-grid-row-selected .n-status-icon-canceled,
.x-grid-row-selected .n-status-icon-cancelled {
    background-position: -40px -60px;
}

.n-status-icon-canceled-disabled,
.n-status-icon-cancelled-disabled {
    background-position: -60px -60px;
}

.n-status-icon-rejected {
    background-position: 0px -80px;
}

    .n-status-icon-rejected:hover {
        background-position: -20px -80px;
    }

.x-grid-row-selected .n-status-icon-rejected {
    background-position: -40px -80px;
}

.n-status-icon-rejected-disabled {
    background-position: -60px -80px;
}

.n-status-icon-updated {
    background-position: 0px -100px;
}

    .n-status-icon-updated:hover {
        background-position: -20px -100px;
    }

.x-grid-row-selected .n-status-icon-updated {
    background-position: -40px -100px;
}

.n-status-icon-updated-disabled {
    background-position: -60px -100px;
}

.n-status-icon-changerequest {
    background-position: 0px -120px;
}

    .n-status-icon-changerequest:hover {
        background-position: -20px -120px;
    }

.x-grid-row-selected .n-status-icon-changerequest {
    background-position: -40px -120px;
}

.n-status-icon-changerequest-disabled {
    background-position: -60px -120px;
}

.n-status-icon-inprocess {
    background-position: 0px -140px;
}

    .n-status-icon-inprocess:hover {
        background-position: -20px -140px;
    }

.x-grid-row-selected .n-status-icon-inprocess {
    background-position: -40px -140px;
}

.n-status-icon-inprocess-disabled {
    background-position: -60px -140px;
}

.n-status-icon-paid {
    background-position: 0px -160px;
}

    .n-status-icon-paid:hover {
        background-position: -20px -160px;
    }

.x-grid-row-selected .n-status-icon-paid {
    background-position: -40px -160px;
}

.n-status-icon-paid-disabled {
    background-position: -60px -160px;
}

.n-status-icon-undefined {
    background-position: 0px -180px;
}

    .n-status-icon-undefined:hover {
        background-position: -20px -180px;
    }

.x-grid-row-selected .n-status-icon-undefined {
    background-position: -40px -180px;
}

.n-status-icon-undefined-disabled {
    background-position: -60px -180px;
}

.n-status-icon-complete {
    background-position: 0px -500px;
}

    .n-status-icon-complete:hover {
        background-position: -20px -500px;
    }

.x-grid-row-selected .n-status-icon-complete {
    background-position: -40px -500px;
}

.n-status-icon-complete-disabled {
    background-position: -60px -500px;
}

.n-status-icon-partialresponse {
    background-position: 0px -280px;
}

    .n-status-icon-partialresponse:hover {
        background-position: -20px -280px;
    }

.x-grid-row-selected .n-status-icon-partialresponse {
    background-position: -40px -280px;
}

.n-status-icon-partialresponse-disabled {
    background-position: -60px -280px;
}

.n-status-icon-partiallyapproved {
    background-position: 0px -300px;
}

    .n-status-icon-partiallyapproved:hover {
        background-position: -20px -300px;
    }

.x-grid-row-selected .n-status-icon-partiallyapproved {
    background-position: -40px -300px;
}

.n-status-icon-partiallyapproved-disabled {
    background-position: -60px -300px;
}

.n-status-icon-deleted {
    background-position: 0px -320px;
}

    .n-status-icon-deleted:hover {
        background-position: -20px -320px;
    }

.x-grid-row-selected .n-status-icon-deleted {
    background-position: -40px -320px;
}

.n-status-icon-deleted-disabled {
    background-position: -60px -320px;
}

.n-status-icon-sent {
    background-position: 0px -420px;
}

    .n-status-icon-sent:hover {
        background-position: -20px -420px;
    }

.x-grid-row-selected .n-status-icon-sent {
    background-position: -40px -420px;
}

.n-status-icon-sent-disabled {
    background-position: -60px -420px;
}

.n-status-icon-notsent {
    background-position: 0px -440px;
}

    .n-status-icon-notsent:hover {
        background-position: -20px -440px;
    }

.x-grid-row-selected .n-status-icon-notsent {
    background-position: -40px -440px;
}

.n-status-icon-notsent-disabled {
    background-position: -60px -440px;
}

.n-status-icon-asn-closed {
    background-position: 0px -480px;
}

    .n-status-icon-asn-closed:hover {
        background-position: -20px -480px;
    }

.x-grid-row-selected .n-status-icon-asn-closed {
    background-position: -40px -480px;
}

.n-status-icon-deleted-asn-closed {
    background-position: -60px -480px;
}

.n-status-icon-closed {
    background-position: 0px -480px;
}

    .n-status-icon-closed:hover {
        background-position: -20px -480px;
    }

.x-grid-row-selected .n-status-icon-closed {
    background-position: -40px -480px;
}

.n-status-icon-partiallyclosed {
    background-position: 0px -560px;
}

    .n-status-icon-partiallyclosed:hover {
        background-position: -20px -560px;
    }

.x-grid-row-selected .n-status-icon-partiallyclosed {
    background-position: -40px -560px;
}

.n-status-icon-deleted-closed {
    background-position: -60px -480px;
}

.n-status-icon-approvedwithchanges {
    background-position: 0 -520px;
}

    .n-status-icon-approvedwithchanges:hover {
        background-position: -20px -520px;
    }

.x-grid-row-selected .n-status-icon-approvedwithchanges {
    background-position: -40px -520px;
}

.n-status-icon-deleted-approvedwithchanges {
    background-position: -60px -520px;
}

.n-status-icon-orderpending {
    background-position: 0px -540px;
}

    .n-status-icon-orderpending:hover {
        background-position: -20px -540px;
    }

.x-grid-row-selected .n-status-icon-orderpending {
    background-position: -40px -540px;
}

.n-status-icon-orderpending-disabled {
    background-position: -60px -540px;
}


.n-status-icon-warning {
    background-position: 0px -580px;
}

    .n-status-icon-warning:hover {
        background-position: -20px -580px;
    }

.x-grid-row-selected .n-status-icon-warning {
    background-position: -40px -580px;
}

.n-status-icon-warning-disabled {
    background-position: -60px -580px;
}

.n-status-icon-physicalinspectionrequired,
.n-status-icon-sourceinspectionrequired {
    background-position: 0px -600px;
}

    .n-status-icon-physicalinspectionrequired:hover,
    .n-status-icon-sourceinspectionrequired:hover {
        background-position: -20px -600px;
    }

.x-grid-row-selected .n-status-icon-sourceinspectionrequired {
    background-position: -40px -600px;
}

.n-status-icon-sourceinspectionrequired-disabled {
    background-position: -60px -600px;
}

.n-status-icon-passsourceinspection {
    background-position: 0px -620px;
}

    .n-status-icon-passsourceinspection:hover {
        background-position: -20px -620px;
    }

.x-grid-row-selected .n-status-icon-passsourceinspection {
    background-position: -40px -620px;
}

.n-status-icon-passsourceinspection-disabled {
    background-position: -60px -620px;
}

.n-status-icon-failedsourceinspection {
    background-position: 0px -640px;
}

    .n-status-icon-failedsourceinspection:hover {
        background-position: -20px -640px;
    }

.x-grid-row-selected .n-status-icon-failedsourceinspection {
    background-position: -40px -640px;
}

.n-status-icon-failedsourceinspection-disabled {
    background-position: -60px -640px;
}

.n-status-icon-partiallypassedsourceinspection {
    background-position: 0px -660px;
}

    .n-status-icon-partiallypassedsourceinspection:hover {
        background-position: -20px -660px;
    }

.x-grid-row-selected .n-status-icon-partiallypassedsourceinspection {
    background-position: -40px -660px;
}

.n-status-icon-partiallypassedsourceinspection-disabled {
    background-position: -60px -660px;
}


.n-status-icon-archived {
    background-position: 0px -720px;
}

    .n-status-icon-archived:hover {
        background-position: -20px -720px;
    }

.x-grid-row-selected .n-status-icon-archived {
    background-position: -40px -720px;
}

.n-status-icon-archived-disabled {
    background-position: -60px -720px;
}

.n-status-icon-paused {
    background-position: 0px -740px;
}

    .n-status-icon-paused:hover {
        background-position: -20px -740px;
    }

.x-grid-row-selected .n-status-icon-paused {
    background-position: -40px -740px;
}

.n-status-icon-paused-disabled {
    background-position: -60px -740px;
}

.n-status-icon-review {
    background-position: 0px -760px;
}

    .n-status-icon-review:hover {
        background-position: -20px -760px;
    }

.x-grid-row-selected .n-status-icon-review {
    background-position: -40px -760px;
}

.n-status-icon-review-disabled {
    background-position: -60px -760px;
}

.n-status-icon-preview {
    background-position: 0px -780px;
}

    .n-status-icon-preview:hover {
        background-position: -20px -780px;
    }

.x-grid-row-selected .n-status-icon-preview {
    background-position: -40px -780px;
}

.n-status-icon-preview-disabled {
    background-position: -60px -780px;
}

.n-status-icon-scheduled {
    background-position: 0px -800px;
}

    .n-status-icon-scheduled:hover {
        background-position: -20px -800px;
    }

.x-grid-row-selected .n-status-icon-scheduled {
    background-position: -40px -800px;
}

.n-status-icon-scheduled-disabled {
    background-position: -60px -800px;
}

.n-taxinvoicelist .x-grid-cell-last {
    vertical-align: bottom;
}

.n-taxinvoicelist .x-grid-td {
    vertical-align: middle;
}

.n-searches-list {
    display: block;
    white-space: nowrap;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
}

    .n-searches-list li {
        margin-top: 10px;
    }

.n-tasks-summary {
    width: 100%;
    display: block;
    min-width: 300px;
}

.n-task-row-disabled .x-grid-cell {
    background-color: #EAEAEA !important;
    color: #969696 !important;
}

.n-task-row-disabled .x-grid-row-checker {
    background-position: 0px 14px !important;
}

.n-tasks-summary-box {
    width: 30%;
    padding: 5px;
    float: left;
}

.x-trl .n-tasks-summary-box {
    width: 30%;
    padding: 5px;
    float: right;
}

.n-tasks-summary-box:hover {
    background-color: #ced9e6;
}

.n-task-icon-ctr {
    width: 50%;
    height: 38px;
    float: left;
}

.x-rtl .n-task-icon-ctr {
    float: right;
}

.n-task-number {
    width: 49%;
    height: 38px;
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 30pt;
    color: #30495c;
    float: left;
    font-weight: bold;
}

.n-task-legend {
    width: 100%;
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 13pt;
    color: #30495c;
}

.n-task-icon {
    width: 38px;
    height: 38px;
    background-image: url('../Images/summary/tasks.png');
    background-repeat: no-repeat;
}

.n-task-icon-todo {
    background-position: 0px 0px;
}

    .n-task-icon-todo:hover {
        background-position: -38px 0px;
    }

.n-task-icon-toreject {
    background-position: 0px -38px;
}

    .n-task-icon-toreject:hover {
        background-position: -38px -38px;
    }

.n-task-icon-scheduled {
    background-position: 0px -76px;
}

    .n-task-icon-scheduled:hover {
        background-position: -38px -76px;
    }

.n-tasks-list {
    width: 90px;
    list-style: none;
    display: block;
    padding: 0px;
    margin: 0px;
}

    .n-tasks-list li {
        padding: 0px;
        margin: 10px 0px;
        display: block;
    }

.n-task-title {
    font-family: Calibri, Arial, Sans-Serif;
    font-weight: bold;
    white-space: nowrap;
    color: #30495c;
    font-size: 10pt;
}

.n-task-text {
    font-family: Calibri, Arial, Sans-Serif;
    white-space: nowrap;
    color: #30495c;
    font-size: 10pt;
}

.n-tasks-relateddocuments-cell {
    margin: 7px 0px;
}

.n-reports-summary {
    width: 100%;
    display: block;
    min-width: 300px;
}

.n-reports-summary-box {
    width: 30%;
    padding: 5px;
    float: left;
}

.x-trl .n-reports-summary-box {
    width: 30%;
    padding: 5px;
    float: right;
}

.n-reports-summary-box:hover {
    background-color: #ced9e6;
}

.n-reports-icon-ctr {
    width: 50%;
    height: 38px;
    float: left;
}

.x-rtl .n-reports-icon-ctr {
    width: 50%;
    height: 38px;
    float: right;
}

.n-reports-number {
    width: 49%;
    height: 38px;
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 30pt;
    color: #30495c;
    float: left;
    font-weight: bold;
}

.n-reports-legend {
    width: 100%;
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 13pt;
    color: #30495c;
}

.n-reports-icon {
    width: 38px;
    height: 38px;
    background-image: url('../Images/summary/tasks.png');
    background-repeat: no-repeat;
}

.n-reports-icon-todo {
    background-position: 0px 0px;
}

    .n-reports-icon-todo:hover {
        background-position: -38px 0px;
    }

.n-reports-icon-toreject {
    background-position: 0px -38px;
}

    .n-reports-icon-toreject:hover {
        background-position: -38px -38px;
    }

.n-reports-icon-scheduled {
    background-position: 0px -76px;
}

    .n-reports-icon-scheduled:hover {
        background-position: -38px -76px;
    }

.n-reports-list {
    width: 90px;
    list-style: none;
    display: block;
    padding: 0px;
    margin: 0px;
}

    .n-reports-list li {
        padding: 0px;
        margin: 10px 0px;
        display: block;
    }

.n-reports-title {
    font-family: Calibri, Arial, Sans-Serif;
    font-weight: bold;
    white-space: nowrap;
    color: #30495c;
    font-size: 10pt;
}

.n-reports-text {
    font-family: Calibri, Arial, Sans-Serif;
    white-space: nowrap;
    color: #30495c;
    font-size: 10pt;
}

.n-menu-triangle {
    position: absolute;
    height: 16px;
    width: 32px;
    top: -16px;
    left: 10px;
    background-image: url('../Images/menu/popupmenu-top-arrow.png');
    background-repeat: no-repeat;
}

.n-menu-triangle-with-border {
    position: absolute;
    height: 8px;
    width: 16px;
    background-image: url('../Images/menu/popupmenu-top-arrow-with-border.png');
    background-repeat: no-repeat;
}

.x-rtl .n-menu-triangle {
    position: absolute;
    height: 16px;
    width: 32px;
    top: -16px;
    right: 10px;
    background-image: url('../Images/menu/popupmenu-top-arrow.png');
    background-repeat: no-repeat;
}

.n-menu-icon {
    width: 21px;
    height: 21px;
    background-image: url('../Images/sprites/menu_icon.png');
    background-repeat: no-repeat;
}

.n-menu-icon-link-item {
    width: 21px;
    height: 21px;
    background-image: url('../Images/link-items-icon.png');
    background-repeat: no-repeat;
}

.n-delegtion-icon {
    width: 18px;
    height: 18px;
    background-image: url('../Images/delegation-icon.png');
    background-repeat: no-repeat;
    background-size: 18px;
    margin: 2px 8px 0px 8px;
}

.n-blue-check-icon {
    width: 19px;
    height: 19px;
    background-image: url('../Images/blue-check.png');
    background-repeat: no-repeat;
    margin: 0px 8px 0px 8px;
}

.n-menu-icon-more-actions {
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    background-image: url('../Images/more-actions-menu-icon.png');
    background-repeat: no-repeat;
}

.n-menu-icon-more-actions-horizontal {
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    background-image: url('../Images/more-actions-menu-icon.png');
    background-repeat: no-repeat;
    transform: rotate(90deg);
}

.n-menu-icon-more-actions-black {
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    background-image: url('../Images/more-action-column.png');
    background-repeat: no-repeat;
}

.n-menu-icon-newtab {
    background-position: 0px 0px;
}

.x-menu-item-active .n-menu-icon-newtab {
    background-position: -21px 0px;
}

.n-menu-icon-newtab-disabled {
    background-position: -21px 0px;
}

.n-menu-icon-edit {
    background-position: 0px -21px;
}

.x-menu-item-active .n-menu-icon-edit {
    background-position: -21px -21px;
}

.n-menu-icon-edit-disabled {
    background-position: -21px -21px;
}

.n-menu-icon-remove {
    background-position: 0px -630px;
}

.x-menu-item-active .n-menu-icon-remove {
    background-position: -21px -630px;
}

.n-menu-icon-remove-disabled {
    background-position: -21px -630px;
}

.n-menu-icon-filter {
    background-position: 0px -42px;
}

.x-menu-item-active .n-menu-icon-filter {
    background-position: -21px -42px;
}

.n-menu-icon-filter-disabled {
    background-position: -21px -42px;
}

.n-menu-icon-sort {
    background-position: 0px -63px;
}

.x-menu-item-active .n-menu-icon-sort {
    background-position: -21px -63px;
}

.n-menu-icon-sort-disabled {
    background-position: -21px -63px;
}

.n-menu-icon-settings {
    background-position: 0px -84px;
}

.x-menu-item-active .n-menu-icon-settings {
    background-position: -21px -84px;
}

.n-menu-icon-settings-disabled {
    background-position: -21px -84px;
}

.n-menu-icon-open {
    background-position: 0px -105px;
}

.x-menu-item-active .n-menu-icon-open {
    background-position: -21px -105px;
}

.n-menu-icon-open-disabled {
    background-position: -21px -105px;
}

.n-menu-icon-lock {
    background-position: 0px -126px;
}

.x-menu-item-active .n-menu-icon-lock {
    background-position: -21px -126px;
}

.n-menu-icon-lock-disabled {
    background-position: -21px -126px;
}

.n-menu-icon-minimize {
    background-position: 0px -147px;
}

.x-menu-item-active .n-menu-icon-minimize {
    background-position: -21px -147px;
}

.n-menu-icon-minimize-disabled {
    background-position: -21px -147px;
}

.n-menu-icon-delete {
    background-position: 0px -168px;
}

.x-menu-item-active .n-menu-icon-delete {
    background-position: -21px -168px;
}

.n-menu-icon-delete-disabled {
    background-position: -21px -168px;
}

.n-menu-icon-save {
    background-position: 0px -189px;
}

.x-menu-item-active .n-menu-icon-save {
    background-position: -21px -189px;
}

.n-menu-icon-save-disabled {
    background-position: -21px -189px;
}

.n-menu-icon-view {
    background-position: 0px -210px;
}

.x-menu-item-active .n-menu-icon-view {
    background-position: -21px -210px;
}

.n-menu-icon-view-disabled {
    background-position: -21px -210px;
}

.n-menu-icon-print {
    background-position: 0px -231px;
}

.x-menu-item-active .n-menu-icon-print {
    background-position: -21px -231px;
}

.n-menu-icon-print-disabled {
    background-position: -21px -231px;
}

.n-menu-icon-delete {
    background-position: 0px -693px;
}

.x-menu-item-active .n-menu-icon-delete {
    background-position: -21px -693px;
}

.n-menu-icon-delete-disabled {
    background-position: -21px -693px;
}

.n-menu-icon-forward {
    background-position: 0px -252px;
}

.x-menu-item-active .n-menu-icon-forward {
    background-position: -21px -252px;
}

.n-menu-icon-forward-disabled {
    background-position: -21px -252px;
}

.n-menu-icon-markasread {
    background-position: 0px -273px;
}

.x-menu-item-active .n-menu-icon-markasread {
    background-position: -21px -273px;
}

.n-menu-icon-markasread-disabled {
    background-position: -21px -273px;
}

.n-menu-icon-markasunread {
    background-position: 0px -294px;
}

.x-menu-item-active .n-menu-icon-markasunread {
    background-position: -21px -294px;
}

.n-menu-icon-markasunread-disabled {
    background-position: -21px -294px;
}

.n-menu-icon-archive {
    background-position: 0px -315px;
}

.x-menu-item-active .n-menu-icon-archive {
    background-position: -21px -315px;
}

.n-menu-icon-archive-disabled {
    background-position: -21px -315px;
}

.n-menu-icon-restore-archive {
    background-position: 0px -336px;
}

.x-menu-item-active .n-menu-icon-restore-archive {
    background-position: -21px -336px;
}

.n-menu-icon-restore-archive-disabled {
    background-position: -21px -336px;
}

.n-menu-icon-export-excel {
    background-position: 0px -357px;
}

.x-menu-item-active .n-menu-icon-export-excel {
    background-position: -21px -357px;
}

.n-menu-icon-export-excel-disabled {
    background-position: -21px -357px;
}

.n-menu-icon-create-asn {
    background-position: 0px -357px;
}

.x-menu-item-active .n-menu-icon-create-asn {
    background-position: -21px -357px;
}

.n-menu-icon-create-asn-disabled {
    background-position: -21px -357px;
}

.n-menu-icon-add-note {
    background-position: 0px -378px;
}

.x-menu-item-active .n-menu-icon-add-note {
    background-position: -21px -378px;
}

.n-menu-icon-add-note-disabled {
    background-position: -21px -378px;
}

.n-menu-icon-add-attachment {
    background-position: 0px -399px;
}

.x-menu-item-active .n-menu-icon-add-attachment {
    background-position: -21px -399px;
}

.n-menu-icon-add-attachment-disabled {
    background-position: -21px -399px;
}

.n-menu-icon-pin {
    background-position: 0px -420px;
}

.x-menu-item-active .n-menu-icon-pin {
    background-position: -21px -420px;
}

.n-menu-icon-pin-disabled {
    background-position: -21px -420px;
}

.n-menu-icon-unpin {
    background-position: 0px -441px;
}

.x-menu-item-active .n-menu-icon-unpin {
    background-position: -21px -441px;
}

.n-menu-icon-unpin-disabled {
    background-position: -21px -441px;
}

.n-menu-icon-flip-order {
    background-position: 0px -462px;
}

.x-menu-item-active .n-menu-icon-flip-order {
    background-position: -21px -462px;
}

.n-menu-icon-flip-order-disabled {
    background-position: -21px -462px;
}

.n-menu-icon-create-asn {
    background-position: 0px -483px;
}

.x-menu-item-active .n-menu-icon-create-asn {
    background-position: -21px -483px;
}

.n-menu-icon-create-asn-disabled {
    background-position: -21px -483px;
}

.n-menu-icon-approve-shipping-note {
    background-position: 0px -504px;
}

.x-menu-item-active .n-menu-icon-approve-shipping-note {
    background-position: -21px -504px;
}

.n-menu-icon-approve-shipping-note-disabled {
    background-position: -21px -504px;
}

.n-menu-icon-change-status-invoice {
    background-position: 0px -609px;
}

.x-menu-item-active .n-menu-icon-change-status-invoice {
    background-position: -21px -609px;
}

.n-menu-icon-hold-invoice {
    background-position: 0px -672px;
}

.x-menu-item-active .n-menu-icon-hold-invoice {
    background-position: -21px -672px;
}

.n-menu-icon-inprocess-invoice {
    background-position: 0px -651px;
}

.x-menu-item-active .n-menu-icon-inprocess-invoice {
    background-position: -21px -651px;
}

.n-menu-icon-cancel-invoice {
    background-position: 0px -630px;
}

.x-menu-item-active .n-menu-icon-cancel-invoice {
    background-position: -21px -651px;
}

.n-menu-icon-reject-invoice {
    background-position: 0px -525px;
}

.x-menu-item-active .n-menu-icon-reject-invoice {
    background-position: -21px -525px;
}

.n-menu-icon-reject-invoice-disabled {
    background-position: -21px -525px;
}

.n-menu-icon-release-from-hold {
    background-position: 0px -546px;
}

.x-menu-item-active .n-menu-icon-release-from-hold {
    background-position: -21px -546px;
}

.n-menu-icon-release-from-hold-disabled {
    background-position: -21px -546px;
}

.n-menu-icon-release-from-rejection {
    background-position: 0px -567px;
}

.x-menu-item-active .n-menu-icon-release-from-rejection {
    background-position: -21px -567px;
}

.n-menu-icon-release-from-rejection-disabled {
    background-position: -21px -567px;
}

.n-menu-icon-approve {
    background-position: 0px -588px;
}

.x-menu-item-active .n-menu-icon-approve {
    background-position: -21px -588px;
}

.n-menu-icon-approve-disabled {
    background-position: -21px -588px;
}

.n-whattodo-required {
    color: Orange;
}

.n-whattodo-optional {
}

.n-whattodo-disabled {
    color: rgba(128, 128, 128, 0.5);
}

.n-whatsnew-viewby-tabs .x-tab-bar {
    top: 6px !important;
}

.n-whatsnew-widgets .x-tab-bar {
    top: 6px !important;
}

.n-large .x-tool-img {
    overflow: hidden;
    width: 36px;
    height: 36px;
    background-image: url(../images/sprites/top-action_icons.png);
    margin: 0;
    background-position-y: -36px;
}

.n-large.x-tool-over .x-tool-img {
    background-position-y: -0px;
}

.n-large .x-tool-maximize {
    background-position-x: -36px
}

.n-large .x-tool-minimize {
    background-position-x: -72px
}

.n-quicknav-item {
    border-width: 4px 1px 1px 1px;
    border-style: solid;
    border-radius: 2px;
    margin: 5px;
    cursor: pointer;
    display: inline-block;
    height: 64px;
    width: 23%;
}

    .n-quicknav-item:hover {
        background-color: #ececec;
    }

.n-navigation-node {
}

.n-quicknav-table {
    width: 100%;
    height: 60px;
}

.n-quicknav-icon-td {
    width: 59px;
}

.n-quicknav-icon {
    background-image: url(../images/navigation/flat/cube-quick-icons.png);
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    margin: 4px 9px;
}

.n-quicknav-list-small-font .n-quicknav-module-name {
    font-size: 12px !important;
    max-height: 41px !important;
}

.n-quicknav-module-name-td {
    max-height: 37px !important;
    vertical-align: middle;
    display: table-cell;
}

.n-quicknav-list-icon-only .n-quicknav-icon {
    margin: 0px auto;
}

.n-quicknav-list-icon-only .n-quicknav-module-name-td {
    display: none;
}

.n-quicknav-module-name {
    color: #666666;
    font-size: 16px;
    width: 80%;
    max-height: 35px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-quicknav-background-grey {
    border-color: #53565A;
}

.n-quicknav-background-orange {
    border-color: #ffb529;
}

.n-quicknav-background-green {
    border-color: #008767;
}

.n-quicknav-background-red {
    border-color: #B81A17;
}

.n-quicknav-background-purple {
    border-color: #734DC7;
}

.n-quicknav-background-icon-position-x-orange {
    background-position-x: 0px !important;
}

.n-quicknav-background-icon-position-x-green {
    background-position-x: -40px !important;
}

.n-quicknav-background-icon-position-x-red {
    background-position-x: -80px !important;
}

.n-quicknav-background-icon-position-x-purple {
    background-position-x: -120px !important;
}

.n-quicknav-taxWebInvoice-icon {
    background-position: 0px 0px;
}

.n-contact-notification-email-status-icon {
    width: 24px;
    height: 24px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.n-quicknav-webShipping-icon {
    background-position: 0px -38px;
}

.n-quicknav-incomingWarehouseReceipts-icon {
    background-position: 0px -363px;
}

.n-quicknav-outgoingWarehouseReceipts-icon {
    background-position: 0px -402px;
}

.n-quicknav-webProformaInvoice-icon {
    background-position: 0px -79px;
}

.n-quicknav-salesOrders-icon {
    background-position: 0px -281px;
}

.n-quicknav-purchaseOrders-icon {
    background-position: 0px -321px;
}

.n-quicknav-outgoingInvoices-icon {
    background-position: 0px -441px;
}

.n-quicknav-incomingInvoices-icon {
    background-position: 0px -481px;
}

.n-quicknav-forecastReceived-icon {
    background-position: 0px -680px;
}

.n-quicknav-forecast-icon {
    background-position: 0px -640px;
}

.n-quicknav-incomingRFQs-icon {
    background-position: 0px -759px;
}

.n-quicknav-outgoingRFQs-icon {
    background-position: 0px -731px;
}

.n-quicknav-incomingDeliveryNotes-icon {
    background-position: 0px -201px;
}

.n-navigation-incomingProformaInvoices-icon {
    background-position: 0px -119px;
}

.n-quicknav-outgoingProformaInvoices-icon {
    background-position: 0px -160px;
}

.n-quicknav-incomingPayments-icon {
    background-position: 0px -557px;
}

.n-quicknav-outgoingPayments-icon {
    background-position: 0px -519px;
}

.n-quicknav-taxinvoiceinprocess-icon {
    background-position: 0px -1102px;
}

.n-whatsnew-tab {
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #bcc3c7 !important;
    background-color: #f7f7f7;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 6px 10px;
}

    .n-whatsnew-tab.x-tab-active {
        background-color: #fff;
        border-bottom: none !important;
    }

        .n-whatsnew-tab.x-tab-active .x-tab-inner {
            line-height: 20px !important;
            font-weight: bold;
        }

    .n-whatsnew-tab .x-tab-button {
        display: table;
    }

    .n-whatsnew-tab .x-tab-inner {
        display: table-cell;
        vertical-align: middle;
        white-space: normal;
        text-overflow: clip;
        line-height: 20px !important;
        font-size: 16px;
        font-weight: normal;
        color: #666666;
    }

.n-whatsnew-emptytab {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #bcc3c7 !important;
    background-color: #fff;
}

.n-whatsnew-tab.x-tab-default-active {
    border-right: 1px solid #bcc3c7;
    border-left: 1px solid #bcc3c7;
    border-top: 5px solid #006FCF;
    border-bottom: 0px solid #fff;
    padding: 2px 10px 7px 10px;
}

.n-whatsnew-summary {
    width: 100%;
}

.n-whatsnew-summary-boxes-table {
    border-spacing: 3px 0px;
    width: 100%;
    table-layout: fixed;
}

.n-whatsnew-summary-status-box {
    width: 165px !important;
    min-width: 160px;
    max-width: 190px;
    vertical-align: top;
}

.n-whatsnew-summary-status-inner-box {
    width: 134px;
    margin: 0px auto;
}

.n-whatsnew-summary-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 190px;
    min-width: 160px;
    max-width: 280px;
    height: 105px;
    zoom: 1;
    background-color: #fff;
    border: 1px solid #C5CCD3;
    border-radius: 2px;
    padding: 5px 7px 7px 7px;
    margin: 0px 3px 0px 0px;
    cursor: pointer;
}

.n-whatsnew-summary-selected {
    background-color: #DDEBFC;
}

.n-whatsnew-summary-box-title {
    height: 34px;
    width: 100%;
    margin-bottom: 5px;
    padding: 0px 6px;
}

.n-whatsnew-summary-box-number {
    float: left;
    color: #bcc3c7;
    font-size: 34pt;
    font-weight: bold;
    margin-left: 15px;
    height: 34px;
    line-height: 34px;
}

.x-rtl .n-whatsnew-summary-box-number {
    float: right;
    color: #bcc3c7;
    font-size: 36pt;
    font-weight: bold;
    margin-right: 15px;
    height: 34px;
    line-height: 34px;
}

.n-whatsnew-summary-box-legend {
    color: #006FCF;
    font-size: 12pt;
    line-height: 12pt;
    margin-top: 8px;
    padding: 0px 6px;
}

.n-whatsnew-summary-box-items-table {
    height: 30px;
    width: 100%;
}

.n-whatsnew-summary-item-table {
    height: 21px;
    width: 100%;
}

.n-whatsnew-summary-item {
    width: 53px;
    cursor: pointer;
    white-space: nowrap;
}

.n-whatsnew-summary-box-items-row .n-whatsnew-summary-selected {
    font-weight: bold;
    border: 1px solid #C5CCD3;
}

.n-whatsnew-summary-item-number {
    color: #425C7B;
    font-size: 13pt;
    width: 1%;
}

.n-whatnew-list-icon {
    display: inline-block;
    vertical-align: text-bottom;
}

.x-rtl .n-whatsnew-list .x-column-header-sort-ASC .x-column-header-text,
.x-rtl .n-whatsnew-list .x-column-header-sort-DESC .x-column-header-text {
    padding-left: 15px;
    padding-right: 10px;
}

.n-whatsnew-list .x-column-header-sort-ASC .x-column-header-text,
.n-whatsnew-list .x-column-header-sort-DESC .x-column-header-text {
    padding-right: 15px;
}

.n-whatsnew-list-doc-identifier,
.n-whatsnew-list-business-partner,
.n-whatsnew-list-create-date,
.n-whatsnew-list-doc-status {
    padding: 0px 0px 0px 7px;
}

.x-rtl .n-whatsnew-list-doc-identifier,
.x-rtl .n-whatsnew-list-business-partner,
.x-rtl .n-whatsnew-list-create-date,
.x-rtl .n-whatsnew-list-doc-status {
    padding: 0px 7px 0px 0px;
}

.n-whatsnew-list-doc-identifier .n-navigation-icon {
    margin: 0px;
}

.n-whatsnew-list-ispin .x-column-header-text,
.n-whatsnew-list-seenbyother .x-column-header-text {
    display: inline-block;
}

.x-rtl .n-whatsnew-list .n-whatsnew-list-ispin .x-column-header-text,
.x-rtl .n-whatsnew-list .n-whatsnew-list-seenbyother .x-column-header-text {
    padding-right: 0px;
}

.n-whatsnew-list-doc-identifier .n-navigation-icon {
    display: inline-block;
    vertical-align: middle;
}

.n-whatsnew-list-status-box {
    font-size: 13px;
    width: 80% !important;
}

.n-whatsnew-list-docked-status {
    font-size: 16px;
    line-height: 20px;
    margin: 0px 8px;
}

.n-whatsnew-list-column .x-grid-cell-inner {
    padding: 0px 0px 0px 10px;
}

.x-rtl .n-whatsnew-list-column .x-grid-cell-inner {
    padding: 0px 10px 0px 0px;
}

.n-whatsnew-list-column .x-column-header-text {
    padding: 0px 10px;
}

.n-whatsnew-list .x-column-header-text {
    font-size: 15px;
    font-weight: bold;
}

.n-whatsnew-list-refresh {
    color: #006FCF;
    text-decoration: underline;
    cursor: pointer;
}

.n-whatsnew-list-row-expand .x-grid-td {
    background-color: #f1f1f1;
}

.n-whatsnew-previous-events {
    display: none;
}

.n-whatsnew-previous-events-expand {
    display: block !important;
    margin-top: 20px;
}

.n-whatsnew-list .x-grid-cell {
    vertical-align: middle;
}

.n-whatsnew-list-row-expanded {
    background-color: #EFEFEF;
}

    .n-whatsnew-list-row-expanded .x-grid-cell {
        background-color: #EFEFEF;
    }

.n-whatsnew-list-past-event-row {
    background-color: #F8F8F8;
}

    .n-whatsnew-list-past-event-row .x-grid-td {
        height: 42px;
        vertical-align: middle;
    }

.n-whatsnew-empty-filter-timespan {
    font-weight: bold;
}

.n-whatsnew-empty-container {
    height: 100%;
    width: 100%;
}

.n-whatsnew-empty-container-cell {
    height: 50%;
}

.n-whatsnew-empty-table {
    height: 86%;
    width: 100%;
}

.n-whatsnew-empty-cell {
    margin: 0px 10px;
}

.n-whatsnew-tile-first-row-box {
    width: 31%;
    height: 100%;
}

.n-whatsnew-tile-second-row-box {
    width: 50%;
    height: 100%;
}

.n-whatsnew-tile-icon {
    vertical-align: top;
    width: 53px;
    padding: 15px 0px 0px 15px;
}

.x-rtl .n-whatsnew-tile-icon {
    vertical-align: top;
    width: 53px;
    padding: 15px 15px 0px 0px;
}

.n-whatsnew-tile-title {
    vertical-align: top;
    font-size: 16pt;
    font-weight: bold;
    padding: 0px 10px;
    padding: 35px 15px 0px 12px;
}

.x-rtl .n-whatsnew-tile-title {
    vertical-align: top;
    font-size: 16pt;
    font-weight: bold;
    padding: 0px 10px;
    padding: 35px 12px 0px 15px;
}

.n-whatsnew-tile-text {
    color: #334C5F;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 15px 15px 15px;
    color: #ffffff;
}

    .n-whatsnew-tile-text a,
    .n-whatsnew-tile-text a:link,
    .n-whatsnew-tile-text a:visited,
    .n-whatsnew-tile-text a:hover,
    .n-whatsnew-tile-text a:active {
        color: #334C5F;
        text-decoration: none;
        font-weight: bold;
    }

.n-whatsnew-tile-spacer {
    width: 15px;
}

.n-whatsnew-tile {
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #e2e2e2;
    cursor: pointer;
    color: #ffffff;
}

.n-whatsnew-tile-whatsnew-empty-icon {
    background-image: url(../Images/whatsnew/whats_new_empty_icons.png) !important;
    width: 52px;
    height: 63px;
}

.n-whatsnew-tile-whatsnew-empty-newinvoice-tile {
    background-color: #ffb529;
}

.n-whatsnew-tile-whatsnew-empty-icon-newinvoice {
    background-position: 0px 0px !important;
}

.n-whatsnew-tile-whatsnew-empty-newinvoice-tile:hover {
    background-color: #ffc673;
}

    .n-whatsnew-tile-whatsnew-empty-newinvoice-tile:hover .n-whatsnew-tile-whatsnew-empty-icon-newinvoice {
        background-position: -52px 0px !important;
    }

.n-whatsnew-tile-whatsnew-empty-icon-newinvoice:hover {
    background-position: -52px 0px !important;
}

.n-whatsnew-tile-whatsnew-empty-invoices-tile {
    background-color: #734DC7;
}

.n-whatsnew-tile-whatsnew-empty-icon-invoices {
    background-position: 0px -63px !important;
}

.n-whatsnew-tile-whatsnew-empty-invoices-tile:hover {
    background-color: #aa90d6;
}

    .n-whatsnew-tile-whatsnew-empty-invoices-tile:hover .n-whatsnew-tile-whatsnew-empty-icon-invoices {
        background-position: -52px -63px !important;
    }

.n-whatsnew-tile-whatsnew-empty-icon-invoices:hover {
    background-position: -52px -63px !important;
}

.n-whatsnew-tile-whatsnew-empty-orders-tile {
    background-color: #006FCF;
}

.n-whatsnew-tile-whatsnew-empty-icon-orders {
    background-position: 0px -126px !important;
}

.n-whatsnew-tile-whatsnew-empty-orders-tile:hover {
    background-color: #0059A8;
}

    .n-whatsnew-tile-whatsnew-empty-orders-tile:hover .n-whatsnew-tile-whatsnew-empty-icon-orders {
        background-position: -52px -126px !important;
    }

.n-whatsnew-tile-whatsnew-empty-icon-orders:hover {
    background-position: -52px -126px !important;
}

.n-whatsnew-tile-whatsnew-empty-payment-tile {
    background-color: #006B50;
}

.n-whatsnew-tile-whatsnew-empty-icon-payments {
    background-position: 0px -189px !important;
}

.n-whatsnew-tile-whatsnew-empty-payment-tile:hover {
    background-color: #b2dd86;
}

    .n-whatsnew-tile-whatsnew-empty-payment-tile:hover .n-whatsnew-tile-whatsnew-empty-icon-payments {
        background-position: -52px -189px !important;
    }

.n-whatsnew-tile-whatsnew-empty-icon-payments:hover {
    background-position: -52px -189px !important;
}

.n-whatsnew-tile-whatsnew-empty-warehouse-tile {
    background-color: #B81A17;
}

.n-whatsnew-tile-whatsnew-empty-icon-warehouse {
    background-position: 0px -252px !important;
}

.n-whatsnew-tile-whatsnew-empty-warehouse-tile:hover {
    background-color: #ff9797;
}

    .n-whatsnew-tile-whatsnew-empty-warehouse-tile:hover .n-whatsnew-tile-whatsnew-empty-icon-warehouse {
        background-position: -52px -252px !important;
    }

.n-whatsnew-tile-whatsnew-empty-icon-warehouse:hover {
    background-position: -52px -252px !important;
}

.n-whatsnew-tile-whatsnew-empty-invoicedraft-tile {
    background-color: #ffcc3f;
}

.n-whatsnew-tile-whatsnew-empty-icon-invoicedrafts {
    background-position: 0px -315px !important;
}

.n-whatsnew-tile-whatsnew-empty-invoicedraft-tile:hover {
    background-color: #ffd666;
}

    .n-whatsnew-tile-whatsnew-empty-invoicedraft-tile:hover .n-whatsnew-tile-whatsnew-empty-icon-invoicedrafts {
        background-position: -52px -315px !important;
    }

.n-whatsnew-tile-whatsnew-empty-icon-invoicedrafts:hover {
    background-position: -52px -315px !important;
}

.n-email-verification-viewport,
.n-login-page-bg {
    background-color: #f1f1f1;
}

.n-login-logo-image {
    text-align: center;
}

.n-login-unsupported-logo-image {
    text-align: left;
    vertical-align: middle;
    width: 169px;
    height: 49px;
}

.n-login-box {
    /*background-image:url('../Images/login/bg_box_login.png');
    background-repeat:repeat;*/
}

.n-login-title {
    margin: 0px;
    line-height: 40px;
    height: 27px;
}

.x-message-box .x-form-display-field {
    color: #222222;
}

.n-font-size-forecast-header {
    font-size: 15px;
    color: #808080;
}

.n-font-size-forecast-header-value {
    font-size: 15px;
}

.n-font-size-forecast-header-bold {
    font-size: 15px;
    font-weight: bold;
}

.x-panel-header-text-login-framed {
    color: #fff !important;
}

.x-rtl .n-login-title {
    margin: 0px 0px 10px 0px;
    line-height: 40px;
    height: 27px;
}

.n-login-title-small {
    font-size: 13pt;
    font-weight: bold;
    margin: 10px 0px 5px 0px;
}

.n-login-alt-title {
    margin: 0px;
    font-size: 24pt;
    font-weight: normal;
}

.n-login-alt-subtitle {
    margin: 0px;
    font-size: 13pt;
    font-weight: normal;
}

.n-login-icon {
    background-repeat: no-repeat !important;
    background-position: 2% 40% !important;
}

.x-rtl .n-login-icon {
    background-repeat: no-repeat !important;
    background-position: 98% 40% !important;
}

.n-login-label-signin .x-form-text {
    line-height: 20px;
}

.n-blue-field-title-value {
    color: #006FCF;
    font-weight: bold;
    font-size: 22px;
    margin: 10px 0px 10px 0px;
}

.n-blue-field-value {
    color: #006FCF;
    font-weight: bold;
}

.n-orange-field-value {
    color: #FFB529;
    font-weight: bold;
}

.n-red-field-value {
    color: #FF604E;
    font-weight: bold;
}

.n-login-label-language {
    font-weight: normal;
}

.n-login-language-field {
    padding: 0px 10px;
}

.n-login-field-language {
    width: 250px;
}

.n-login-forgot-password-anchor {
    color: #222222;
    font-size: 15px;
    text-decoration: underline;
    cursor: pointer;
    display: block;
    line-height: 15px;
}

    .n-login-forgot-password-anchor:link {
        color: #43596B;
    }
    /* unvisited link */
    .n-login-forgot-password-anchor:visited {
        color: #43596B;
    }
    /* visited link */
    .n-login-forgot-password-anchor:hover {
        color: #43596B;
    }
    /* mouse over link */
    .n-login-forgot-password-anchor:active {
        color: #43596B;
    }

/* unsupported-browser form */

.n-unsupportedBrowser {
    background-color: #FFFFFF;
    margin: 5px;
}

.n-unsupported-footer-text {
    color: #808080;
    font-size: 11px;
    cursor: pointer;
    text-decoration: none;
    vertical-align: top;
}

.n-unsupported-continue-text {
    color: #666666;
    font-size: 18px;
    cursor: pointer;
    text-decoration: none;
}

.n-unsupported-continue-text-link {
    color: #006FCF;
    font-size: 18px;
    cursor: pointer;
    text-decoration: underline;
}

.n-unsupported-title {
    color: #222222;
    font-size: 38px;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 10px;
}

.n-unsupported-subtitle {
    color: #666666;
    font-size: 25px;
    cursor: pointer;
    text-decoration: none;
    text-wrap: initial;
}

.a-n-unsupported-subtitle {
    color: #006FCF;
}

.n-unsupported-text {
    margin-top: 10px;
}

.n-unsupported-subtitle-link {
    color: #222222;
    font-size: 17px;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

.n-tool-tip {
    width: 100%;
    height: 30px;
    display: inline-block;
    background-color: #ffefad;
    font-family: Arial;
    font-size: 13px;
    color: #222222;
    text-align: right;
    padding: 6px;
    vertical-align: middle;
    border: solid;
    border-color: #e2e2e2;
    border-width: 1px;
}

.x-rtl .n-tool-tip {
    text-align: left;
}

.a-n-tool-tip {
    color: #006FCF;
}

.n-tool-tip-close {
    display: inline-block;
    margin: 0px 0px 0px 25px;
    width: 10px;
    height: 10px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.x-rtl .n-tool-tip-close {
    margin: 0px 10px 0px 0px;
}

/* selected link */
.n-login-footer-text {
    color: #264054;
    font-size: 13pt;
    cursor: pointer;
    text-decoration: none;
}

    .n-login-footer-text:link {
        color: #264054;
    }
    /* unvisited link */
    .n-login-footer-text:visited {
        color: #264054;
    }
    /* visited link */
    .n-login-footer-text:hover {
        color: #264054;
    }
    /* mouse over link */
    .n-login-footer-text:active {
        color: #264054;
    }
/* selected link */
.n-login-sitename {
    background-image: url('../Images/login/login_site.png') !important;
}

.n-login-username {
    background-image: url('../Images/login/login_user.png') !important;
}

.n-login-password {
    background-image: url('../Images/login/login_password.png') !important;
}

.n-login-new-password {
    background-image: url('../Images/login/login_new_password.png') !important;
}

.n-login-re-new-password {
    background-image: url('../Images/login/login_re_password.png') !important;
}

.n-login-simple-field {
    padding-left: 5px !important;
    font-size: 12pt;
    line-height: 30px;
    height: 40px;
    border-radius: 8px;
    background-color: #fff !important;
}

.x-rtl .n-login-simple-field {
    padding-right: 5px !important;
    font-size: 12pt;
    line-height: 30px;
    border-radius: 8px;
    background-color: #fff !important;
}

.n-login-field {
    padding-left: 35px !important;
    font-size: 12pt;
    border-radius: 4px;
    background-color: #fff !important;
}

.x-rtl .n-login-field {
    padding-right: 35px !important;
    font-size: 12pt;
    border-radius: 4px;
    background-color: #fff !important;
}

.n-i4f-login-field {
    padding-left: 35px !important;
    font-size: 12pt;
    border-radius: 4px;
    background-color: #fff !important;
}

.x-rtl .n-i4f-login-field {
    padding-right: 35px !important;
    font-size: 12pt;
    border-radius: 4px;
    background-color: #fff !important;
}

.n-login-button-text {
    font-family: Calibri, Arial, Sans-Serif;
    color: #30495c;
    font-size: 15pt !important;
    width: 150px;
    height: 40px;
    text-align: right;
}

.n-login-invalid-field-field {
    border-color: red !important;
}

.n-login-invalid-field.n-trigger-long .n-login-invalid-field-field {
    border-color: red !important;
    border-width: 1px 0px 1px 1px;
}

.x-rtl .n-login-invalid-field.n-trigger-long .n-login-invalid-field-field {
    border-width: 1px 1px 1px 0px;
}

.n-login-invalid-field.n-trigger-long .x-form-trigger {
    background-position: -102px 0px;
}

.n-login-footer {
    width: 100%;
    height: 100px;
    position: absolute;
    text-align: center;
    color: #fff;
    top: 92%;
    padding-top: 30px;
    vertical-align: middle;
}

.n-login-footer-links {
    width: 1024px;
    margin: 0 auto;
    color: #000;
}

    .n-login-footer-links a {
        color: #000;
    }

.n-login-error-massage {
    color: #D03D1C;
    padding: 0px 10px 0px 40px !important;
}

    .n-login-error-massage ul {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.n-simple-search-field-border-radius {
    border: 1px solid #e2e2e2 !important;
    border-radius: 0px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.x-rtl .n-simple-search-field-border-radius {
    border: 1px solid #e2e2e2 !important;
    border-radius: 0px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.n-filter-field-input {
    border-width: 1px 0px 1px 1px !important;
    border-style: solid;
    border-color: #CDCCCC;
    border-radius: 0px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    line-height: 28px;
    padding: 0px 8px;
}

.n-filter-field-input-left {
    border-width: 1px 1px 1px 0px !important;
    border-style: solid;
    border-color: #CDCCCC;
    border-radius: 0px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    line-height: 28px;
    padding: 0px 8px;
}

.x-item-disabled .n-filter-field-input {
    border-color: #E9E9E9;
    background: #F9F9F9;
}

.x-rtl .n-filter-field-input-left {
    border-width: 1px 0px 1px 1px !important;
}

.x-rtl .n-filter-field-input {
    border-width: 1px 1px 1px 0px !important;
    border-style: solid;
    border-color: #CDCCCC;
    border-radius: 0px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    line-height: 28px;
}

.n-simple-search-field .n-simple-search-trigger {
    background-image: url('../Images/sprites/search_rtl_all.png') !important;
    width: 36px !important;
    height: 35px !important;
}

.n-simple-search-field .x-form-trigger {
    background-position: 0px -35px !important;
    border: none !important;
}

    .n-simple-search-field .x-form-trigger:hover {
        background-position: -36px -35px !important;
        border: none !important;
    }

.n-simple-search-field .x-form-trigger-selected {
    background-position: -72px -35px;
}

.n-simple-search-field .x-form-trigger-disabled {
    background-position: -108px -35px;
}

.x-rtl .n-simple-search-field .x-form-trigger {
    background-position: 0px 0px !important;
    border: none !important;
}

    .x-rtl .n-simple-search-field .x-form-trigger:hover {
        background-position: -36px 0px !important;
        border: none !important;
    }

.x-rtl .n-simple-search-field .x-form-trigger-selected {
    background-position: -72px 0px;
}

.x-rtl .n-simple-search-field .x-form-trigger-disabled {
    background-position: -108px 0px;
}

.x-rtl .n-filter-field-body .n-filter-field-trigger {
    background-image: url('../Images/sprites/search-a-company2_he.png') !important;
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px !important;
    height: 28px !important;
    background-color: white;
}

.n-filter-field-body .n-filter-field-trigger {
    background-image: url('../Images/sprites/search-a-company2.png') !important;
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px !important;
    height: 28px !important;
    background-color: white;
}

.x-rtl .n-filter-field-body .n-filter-field-trigger-left {
    background-image: url('../Images/sprites/search-a-company2.png') !important;
    width: 25px !important;
}

.n-filter-field-body .n-filter-field-trigger-left {
    background-image: url('../Images/sprites/search-a-company2_he.png') !important;
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px !important;
    height: 28px !important;
    background-color: white;
}

.x-form-trigger-wrap-focus.n-filter-field-body .x-form-trigger {
    background-position: -25px 0px !important;
    border: none !important;
}

.n-filter-field-over .n-filter-field-body .n-filter-field-trigger {
    background-position: -25px 0px !important;
    border: none !important;
}

.n-filter-field-body .x-form-trigger {
    background-position: 0px 0px !important;
    border: none !important;
}

    .n-filter-field-body .x-form-trigger:hover {
        background-position: -25px 0px !important;
        border: none !important;
    }

.n-filter-field-body .x-form-trigger-selected {
    background-position: -50px 0px;
}

.n-filter-field-body .x-form-trigger-disabled {
    background-position: -75px 0px;
}

.x-rtl .n-filter-field-over .n-filter-field-body .n-filter-field-trigger {
    background-position: -25px 0px !important;
    border: none !important;
}

.x-rtl .n-filter-field-body .x-form-trigger {
    background-position: 0px 0px !important;
    border: none !important;
}

    .x-rtl .n-filter-field-body .x-form-trigger:hover {
        background-position: -25px 0px !important;
        border: none !important;
    }

.x-rtl .n-filter-field-body .x-form-trigger-selected {
    background-position: -50px 0px;
}

.x-rtl .n-filter-field-body .x-form-trigger-disabled {
    background-position: -75px 0px;
}

.n-login-updateuser-field {
    padding: 20px;
}

.n-login-label-icon-left {
    line-height: 35px;
    vertical-align: middle;
}

.n-login-img-icon {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.n-custom-search-text-color {
    color: Red;
}

.n-informationbox {
    border-width: 1px !important;
    background-color: #fff !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

.n-informationbox-body {
    min-height: 70px;
}

.n-informationbox-top-header-strip {
    width: 100%;
}

.n-informationbox-body-content {
    float: left;
    margin: auto;
}

.x-rtl .n-informationbox-body-content {
    float: right;
    margin: auto;
}

.n-invoice-origin-attachment-subtitle {
    line-height: 15px;
    font-size: 12px;
}

.n-invoice-origin-icon {
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
}

.n-webinvoice-invoiceorigin-icon-cell {
    width: 42px;
}

.n-webinvoice-invoiceorigin-action-cell {
    width: 300px;
    height: 150px;
    vertical-align: top;
    padding-top: 10px;
}

.n-invoice-origin-not-signed-icon {
    background-image: url('../Images/webinvoice/ic_invoice_image.png');
}

.n-invoice-origin-signed-icon {
    background-image: url('../Images/webinvoice/ic_signed_invoice.png');
}

.n-invoice-origin-3rdparty-icon {
    background-image: url('../Images/webinvoice/ic_3rdparty.png');
}

.n-informationbox-header {
    margin-left: 5px;
    margin-right: 5px;
    width: 100%;
}

.n-pdf-icon {
    width: 29px;
    height: 34px;
    background-repeat: no-repeat;
    background-image: url('../Images/webinvoice/pdf_file.png');
    margin: 5px;
}

.n-invoice-origin-file-missing {
    color: Red;
}

.n-remove-icon {
    width: 10px;
    height: 9px;
    background-image: url('../Images/sprites/remove_small.png') !important;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .n-remove-icon:hover {
        background-position: -10px 0px;
    }

.n-margin-remove-icon {
    margin: 1px;
}

.n-webinvoice-information-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.n-webinvoice-customer-search {
    margin: 0px 0px 0px 10px !important;
}

.n-webinvoice-sidebyside-page-title {
    font-size: 28px;
    color: #222222;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #565656;
}

.n-webinvoice-page-title {
    font-size: 23px;
    color: #222222;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.n-webinvoice-sidebyside-page-title-with-line-hight {
    font-size: 22px;
    color: #565656;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    line-height: 17px;
}

.n-webinvoice-page-title-with-line-hight {
    font-size: 22px;
    color: #222222;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    line-height: 17px;
}

.n-webinvoice-page-sub-title {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
}

.n-webinvoice-page-legend {
    font-size: 13px;
    color: #666666;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.n-webinvoice-page-legend-no-image-required {
    font-size: 13px;
    color: #B81A17;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.n-webinvoice-page-trigger-label {
    color: #006FCF;
    font-weight: normal;
}

.n-webinvoice-toolbar-btn {
    width: 48px;
    height: 48px;
    margin: 0px;
    border: none;
    background-color: #fff !important;
    background-image: url('../images/sprites/webinvoice_btns_sprite.png') !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.n-webinvoice-customerstep {
    width: 29px;
    height: 34px;
    margin: 5px;
}

.n-webinvoice-customer-v {
    display: none;
}

.n-webinvoice-customer-v-no-logo {
    display: none;
    margin: 16px 0px 0px 90px;
    position: absolute;
}

.x-rtl .n-webinvoice-customer-v-no-logo {
    margin: 16px 90px 0px 0px;
}

.n-webinvoice-partnerlist-selected .n-webinvoice-customer-v-no-logo {
    display: block;
}

.n-webinvoice-partnerlist-selected .n-webinvoice-customer-v {
    display: block;
}

.n-webinvoice-customer-logo {
    height: 87px;
    width: 108px;
    padding-top: 67px;
    padding-left: 90px;
    margin-bottom: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90px 67px;
}

.n-webinvoice-sidebyside-customer-logo {
    height: 107px;
    width: 128px;
    padding-top: 67px;
    padding-left: 90px;
    margin-bottom: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110px 87px;
}

.x-rtl .n-webinvoice-customer-logo {
    padding-left: 0px;
    padding-right: 90px;
}

.n-webinvoice-customersuppliertop-logo {
    height: 87px;
    width: 108px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.n-webinvoice-customersuppliertop-logo-wapper {
    padding: 3px;
    border: 1px solid #d0d0d0;
}

.n-webinvoice-search-customer-text {
    font-size: 14px;
    padding: 10px;
}

.n-webinvoice-customer-name-text {
    line-height: 12pt;
    font-size: 11pt;
    color: #222222;
    width: 120px;
    height: 32px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-webinvoice-sidebyside-customer-item {
    height: 120px;
    width: 140px;
    cursor: pointer;
    margin: 0px 20px 50px 0px;
    float: left;
    border: none;
    text-align: center;
}

.n-webinvoice-customer-item {
    height: 100px;
    width: 120px;
    cursor: pointer;
    margin: 0px 20px 50px 0px;
    float: left;
    border: none;
    text-align: center;
}

.x-rtl .n-webinvoice-customer-item {
    margin: 0px 0px 50px 20px;
    float: right;
}

.n-webinvoice-customer-item-lite {
    height: 150px;
    width: 120px;
    margin-top: 10px;
    float: left;
    border: none;
    text-align: center;
}

.x-rtl .n-webinvoice-customer-item-lite {
    height: 120px;
    width: 120px;
    margin-top: 10px;
    float: right;
    border: none;
    text-align: center;
}

.n-webinvoice-no-logo-site-name {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666;
    font-size: 20px;
    margin-top: 20px;
    max-height: 22px;
    max-width: 100px;
    white-space: nowrap;
}

.n-webinvoice-sidebyside-customer-item-inner {
    padding: 3px;
    height: 120px;
    width: 140px;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 8px;
}

.n-webinvoice-customer-item-inner {
    padding: 3px;
    height: 100px;
    width: 120px;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 8px;
}

.n-webinvoice-customerlist-selected .n-webinvoice-customer-item-inner {
    border: 2px solid #006FCF;
}

.n-webinvoice-customersearch-label {
    font-weight: bold;
    margin-top: 14px;
}

.n-webinvoice-customerlist-over .n-webinvoice-customer-item-inner {
    background-color: #efefef;
}

.n-webinvoice-line {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
}

.n-webinvoice-line-action-icon {
    background-image: url(../Images/sprites/add_remove_sprite.png) !important;
    background-repeat: no-repeat;
    background-color: #fff !important;
    border: none;
    width: 20px !important;
    height: 20px !important;
}

.n-webinvoice-line-label {
    font-weight: bold;
    color: #222222;
}

.n-webinvoice-line-add {
    background-position: 0px 0px;
    margin: 10px 15px 0px 0px !important;
}

.x-rtl .n-webinvoice-line-add {
    margin: 10px 0px 0px 15px !important;
}

.n-webinvoice-line-categories {
    margin: 0px 0px -2px 0px !important;
}

.n-webinvoice-line-delete {
    background-position: 0px -20px;
    margin: 10px 15px 0px 0px !important;
}

.x-rtl .n-webinvoice-line-delete {
    margin: 10px 0px 0px 15px !important;
}

.n-webinvoice-line-delete:hover {
    background-position: 0px -20px !important;
}

.n-webinvoice-line-delete.x-disabled {
    background-position: -20px -20px !important;
}

.x-btn-over.n-webinvoice-line-add {
    background-position: -20px 0px;
    border: none !important;
}

.x-btn-over.n-webinvoice-line-delete {
    background-position: -20px -20px;
    border: none !important;
}

.n-webinvoicelite-bottom-toolbar {
    border-top: solid 1px #c5c5c5 !important;
}

.x-grid-row-selected .n-webinvoice-line-delete {
    background-position: -60px -20px;
    background-color: transparent;
}

.n-webinvoice-toolbar-save {
    background-position: 0px 0px;
}

    .n-webinvoice-toolbar-save:hover {
        background-position: -48px 0px !important;
    }

.n-webinvoice-toolbar-save-selected {
    background-position: -96px 0px;
}

.n-webinvoice-toolbar-save-disabled {
    background-position: -144px 0px;
}

.n-webinvoice-toolbar-view {
    background-position: 0px -48px;
}

    .n-webinvoice-toolbar-view:hover {
        background-position: -48px -48px !important;
    }

.n-webinvoice-toolbar-view-selected {
    background-position: -96px -48px;
}

.n-webinvoice-toolbar-view-disabled {
    background-position: -144px -48px;
}

.n-webinvoice-toolbar-prev {
    background-position: 0px -96px;
}

    .n-webinvoice-toolbar-prev:hover {
        background-position: -48px -96px !important;
    }

.n-webinvoice-toolbar-prev-selected {
    background-position: -96px -96px;
}

.n-webinvoice-toolbar-prev-disabled {
    background-position: -144px -96px;
}

.x-rtl .n-webinvoice-toolbar-prev {
    background-position: 0px -144px;
}

    .x-rtl .n-webinvoice-toolbar-prev:hover {
        background-position: -48px -144px !important;
    }

.x-rtl .n-webinvoice-toolbar-prev-selected {
    background-position: -96px -144px;
}

.x-rtl .n-webinvoice-toolbar-prev-disabled {
    background-position: -144px -144px;
}

.n-webinvoice-toolbar-next {
    background-position: 0px -144px;
}

    .n-webinvoice-toolbar-next:hover {
        background-position: -48px -144px !important;
    }

.n-webinvoice-toolbar-next-selected {
    background-position: -96px -144px;
}

.n-webinvoice-toolbar-next-disabled {
    background-position: -144px -144px;
}

.x-rtl .n-webinvoice-toolbar-next {
    background-position: 0px -96px;
}

    .x-rtl .n-webinvoice-toolbar-next:hover {
        background-position: -48px -96px !important;
    }

.x-rtl .n-webinvoice-toolbar-next-selected {
    background-position: -96px -96px;
}

.x-rtl .n-webinvoice-toolbar-next-disabled {
    background-position: -144px -96px;
}

.n-webinvoice-toolbar-close {
    background-position: 0px -192px;
}

    .n-webinvoice-toolbar-close:hover {
        background-position: -48px -192px !important;
    }

.n-webinvoice-toolbar-close-selected {
    background-position: -96px -192px;
}

.n-webinvoice-toolbar-close-disabled {
    background-position: -144px -192px;
}

.n-webinvoice-toolbar-fold {
    background-position: 0px -240px;
}

    .n-webinvoice-toolbar-fold:hover {
        background-position: -48px -240px !important;
    }

.n-webinvoice-toolbar-fold-selected {
    background-position: -96px -240px;
}

.n-webinvoice-toolbar-fold-disabled {
    background-position: -144px -240px;
}

.n-webinvoice-toolbar-approve {
    background-color: #406997;
    background-image: none !important;
}

    .n-webinvoice-toolbar-approve .x-btn-inner {
        color: #fff;
        font-size: 14pt;
        font-weight: bold;
    }

    .n-webinvoice-toolbar-approve.x-btn-default-toolbar-small-over {
        background-image: none;
    }

    .n-webinvoice-toolbar-approve.x-btn-default-toolbar-small-icon-text-left .x-btn-icon-el {
        width: 18px;
    }

.n-webinvoice-toolbar-send {
    background-color: #406997;
    background-image: none !important;
}

    .n-webinvoice-toolbar-send .x-btn-inner {
        color: #fff;
        font-size: 14pt;
        font-weight: bold;
        background-image: none !important;
    }

    .n-webinvoice-toolbar-send.x-btn-default-toolbar-small-over {
        background-image: none;
    }

    .n-webinvoice-toolbar-send.x-btn-default-toolbar-small-icon-text-left .x-btn-icon-el {
        width: 18px;
    }

.n-webinvoice-approve-header-table {
    width: 80%;
    margin-bottom: 8px;
    margin-left: 20px;
}

.n-webinvoice-approve-logo {
    height: 48px;
}

.n-webinvoice-approve-pair-table {
    margin: 0px;
    padding: 0px;
}

.n-webinvoice-sidebyside-approve-header-label {
    width: 186px;
    font-size: 16px;
    color: #565656;
}

.n-webinvoice-approve-header-label {
    width: 165px;
    font-size: 14px;
}

.n-webinvoice-sidebyside-approve-header-totals,
.n-webinvoice-sidebyside-approve-header-fromto {
    font-size: 18px;
    color: #565656;
    font-weight: bold;
    width: 140px;
}

.n-webinvoice-approve-header-fromto {
    font-size: 18px;
    color: #222222;
    font-weight: bold;
    width: 140px;
}

.n-webinvoice-comment-header {
    font-size: 18px;
    color: #222222;
    font-weight: bold;
}

.n-webinvoice-approve-header table {
    border-spacing: 10px;
}

.n-webinvoice-approve-header #webinvoice-approve-secondcolumn {
    vertical-align: top;
}

.n-webinvoice-approve-smallresolution .n-webinvoice-approve-firstcolumn {
    margin: 0px 50px 0px 0px;
}

.x-rtl .n-webinvoice-approve-smallresolution .n-webinvoice-approve-firstcolumn {
    margin: 0px 0px 0px 50px;
}

.n-webinvoice-approve-firstcolumn {
    display: inline-block;
    margin: 0px 118px 0px 0px;
}

.x-rtl .n-webinvoice-approve-firstcolumn {
    margin: 0px 0px 0px 118px;
}

.n-webinvoice-approve-info-container {
    margin: 0px 6px 15px 6px;
}

.n-webinvoice-approve-secondcolumn {
    display: inline-block;
}

.n-webinvoice-approve-header a {
    color: #222222;
    text-decoration: none;
}

.n-webinvoice-approve-header-value {
    white-space: pre;
    /*max-width: 200px;*/
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-webinvoice-sidebyside-approve-header-value {
    white-space: pre;
    /*max-width: 200px;*/
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
}

.n-webinvoice-approve-totals-table {
    width: 100%;
}

.n-webinvoice-sidebyside-approve-bottom-cell {
    width: 100%;
    background: #f7f7f7;
    margin: 10px 0px;
}

.n-webinvoice-approve-bottom-cell {
    width: 725px;
    background: #f7f7f7;
    padding: 10px 0px;
}

.n-same-col {
    display: inline-block;
}

.n-note-row {
    padding: 5px;
}

.n-webinvoice-approve-totalvalue {
    display: inline-block;
    max-width: 107px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-monetary-value,
.n-taxinvoice-totalvalue {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-size: 15px;
    font-stretch: condensed;
    max-width: 107px;
}

.n-webinvoice-sidebyside-approve-bottom-table {
    width: 100%;
    height: 172px;
    border-spacing: 10px;
}

.n-webinvoice-approve-bottom-table {
    width: 100%;
    height: 143px;
    border-spacing: 25px 0px;
}

.n-limit-price-width-90 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90px;
}

.n-webinvoice-approve-bottom-table tr {
    height: 20px;
}

.n-webinvoice-approve-totalcurrency {
    float: right;
    width: 40px;
    text-align: left;
}

.n-currency-value,
.n-taxinvoice-approve-totalcurrency {
    float: right;
    font-stretch: condensed;
    font-size: 15px;
}


.x-rtl .n-currency-value,
.x-rtl .n-taxinvoice-approve-totalcurrency {
    float: left;
}

.n-order-total-totalcurrency {
    float: right;
    text-align: left;
}

.x-rtl .n-order-total-totalcurrency {
    float: left;
    text-align: right;
}

.x-rtl .n-webinvoice-approve-totalcurrency {
    float: left;
    text-align: right;
}

.n-webinvoice-sudebyside-approve-totals-label {
    text-align: left;
    font-size: 16px;
    color: #565656;
    width: 420px;
}

.n-webinvoice-approve-totals-label {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #222222;
    width: 420px;
}

.x-rtl .n-webinvoice-sudebyside-approve-totals-label {
    text-align: right;
    padding: 0px 0px 0px 7px;
}

.x-rtl .n-webinvoice-approve-totals-label {
    text-align: left;
    padding: 0px 0px 0px 7px;
}

.n-webinvoice-approve-totals-value {
    text-align: left;
    direction: ltr;
    font-size: 14px;
    font-weight: bold;
    color: #222222;
    width: 150px;
    min-width: 65px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-webinvoice-sidebyside-approve-totals-value {
    text-align: right;
    direction: ltr;
    font-size: 14px;
    font-weight: bold;
    color: #222222;
    width: 150px;
    min-width: 65px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.x-rtl .n-webinvoice-approve-totals-value {
    text-align: right;
}

.x-rtl .n-webinvoice-sidebyside-approve-totals-value {
    text-align: left;
}

.x-rtl .n-webinvoice-comment-sub-title {
    color: #666666;
    font-size: 13px;
    position: relative;
    float: left;
}

.n-webinvoice-comment-sub-title {
    color: #666666;
    font-size: 13px;
    position: relative;
    float: right;
}

.n-webinvoice-supplierinfo-name {
    white-space: pre;
}

.n-webinvoice-currency-container-header .x-header-text-container {
    top: 0px !important;
}

.n-tree-icon {
    background-image: url(../images/sprites/tree_sprite.png) !important;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 16px;
    height: 15px;
}

.n-tree-expand {
    background-position: 0px -15px;
}

.n-tree-collapse {
    background-position: 0px 0px;
}

.n-tree-expand-empty {
    background-position: -48px -15px;
}

.n-tree-collapse-empty {
    background-position: -48px 0px;
}
/* Order Lines */

.n-orderline-toggle-icon {
    width: 15px !important;
    height: 19px !important;
    padding-top: 7px;
}

.x-tool-showdetails, .x-tool-showlines {
    width: 14px !important;
    height: 14px !important;
    background-image: url('../Images/sprites/table-details-icons.png') !important;
    background-repeat: no-repeat;
}

.x-tool-showdetails {
    background-position: 0px 0px;
}

    .x-tool-showdetails:hover {
        background-position: -14px 0px;
    }

.n-toggle-lines-details-pressed .x-tool-showdetails {
    background-position: -28px 0px;
}

.x-tool-showlines {
    background-position: 0px -14px;
}

    .x-tool-showlines:hover {
        background-position: -14px -14px;
    }

.n-toggle-lines-details-pressed .x-tool-showlines {
    background-position: -28px -14px;
}


/* Validations */

.n-validation-filter {
    width: 100% !important;
    padding: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

.n-validation-filter-box {
    display: block;
    width: 20%;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding-right: 0;
    border: 1px solid #e2e2e2;
    float: left;
    cursor: pointer;
    overflow: hidden;
}

.x-rtl .n-validation-filter-box {
    padding-right: 15px;
    padding-left: 0;
    float: right;
}

.n-validation-filter-box:hover {
    background-color: #f7f7f7;
    opacity: 0.7;
}

.n-validation-filter-box:active {
    opacity: 1;
}

.n-validation-filter-box-checked {
    background-color: #f7f7f7;
}

.n-validation-tab-icon-empty {
    width: 9px !important;
    height: 21px !important;
    margin: -2px 0px !important;
    background-image: none !important;
}

.n-validation-tab-icon-pending {
    width: 9px !important;
    height: 21px !important;
    margin: -2px 0px !important;
    background-image: url('../images/dynamicdiscount/dollars.png');
    background-repeat: no-repeat;
    background-position: -9px 3px !important;
}

.n-validation-tab-icon-approved {
    width: 9px !important;
    height: 21px !important;
    margin: -2px 0px !important;
    background-image: url('../images/dynamicdiscount/dollars.png');
    background-repeat: no-repeat;
    background-position: 0px 3px !important;
}

.n-validation-tab-icon-declined {
    width: 9px !important;
    height: 21px !important;
    margin: -2px 0px !important;
    background-image: url('../images/dynamicdiscount/dollars.png');
    background-repeat: no-repeat;
    background-position: -18px 3px !important;
}

.n-validation-tab-icon-paid {
    width: 9px !important;
    height: 21px !important;
    margin: -2px 0px !important;
    background-image: url('../images/dynamicdiscount/dollars.png');
    background-repeat: no-repeat;
    background-position: -27px 3px !important;
}

.n-validation-tab-icon-pass {
    background-image: url('../Images/validation/success.png');
    background-size: 18px;
    background-repeat: no-repeat;
}

.n-validation-tab-icon-fail {
    background-image: url('../Images/validation/fail.png');
    background-size: 18px;
    background-repeat: no-repeat;
}

.n-validation-tab-icon-hold {
    background-image: url('../Images/validation/hold.png');
    background-size: 18px;
    background-repeat: no-repeat;
}

.n-validation-tab-icon-warning {
    background-image: url('../Images/validation/warning.png');
    background-size: 18px;
    background-repeat: no-repeat;
}

.n-validation-tab-icon-error {
    background-image: url('../Images/validation/error.png');
    background-size: 18px;
    background-repeat: no-repeat;
}

.n-validation-stage {
    border: 1px solid #f0f0f0;
    margin-bottom: 27px;
    width: 100%;
}

.n-validation-stage-title {
    font-size: 16px;
    margin: 0;
    line-height: 40px;
    background-color: #f7f7f7;
    padding: 0 10px 0 10px;
}

.n-validation-stage-title-date {
    float: right;
}

.x-rtl .n-validation-stage-title-date {
    float: left;
    direction: ltr;
}

.n-validation-stage-content {
    padding: 10px;
    width: 100%;
}

    .n-validation-stage-content td {
        vertical-align: top;
    }

.n-validation-visualization-list {
    list-style: none;
}

.n-validation-rules {
    margin: 0px auto;
    padding: 0;
}

.n-validation-visualization-table-container {
    margin: 15px 0 10px 0;
}

.n-validation-visualization-table {
    border: 1px solid #e2e2e2;
    border-collapse: collapse;
}

    .n-validation-visualization-table td {
        border: 1px solid #e2e2e2;
        padding: 0 10px 0 10px;
        height: 30px;
        line-height: 30px;
        background-color: #ffffff;
    }

    .n-validation-visualization-table th {
        border: 1px solid #e2e2e2;
        background-color: #f7f7f7;
        padding: 0 10px 0 10px;
        height: 30px;
        line-height: 30px;
    }

    .n-validation-visualization-table tfoot {
        font-weight: bold;
    }

.n-validation-visualization-more-info {
    margin-top: 15px;
}

.n-validation-visualization-less-info-button, .n-validation-visualization-more-info-button {
    color: #006FCF;
    cursor: pointer;
}

    .n-validation-visualization-less-info-button .arrow-up-image {
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        background-image: url('../images/validation/arrow-up.png');
    }

    .n-validation-visualization-more-info-button .arrow-down-image {
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        background-image: url('../images/validation/arrow-down.png');
    }

.n-validation-visualization-table-container caption {
    text-align: left;
    padding-bottom: 3px;
}

.x-rtl .n-validation-visualization-table-container caption {
    text-align: right;
}

.n-validation-rules-div {
    display: inline-block;
    width: 100%;
}

.n-validation-rule {
    list-style-type: none;
}

.n-validation-rule-title {
    margin: 0px;
    font-size: 14px;
}

.n-validation-rule-icon {
    width: 17px;
    height: 17px;
    background-image: url('../Images/sprites/valid_icons_sprite_small.png') !important;
    background-repeat: no-repeat;
    vertical-align: middle;
}

    .n-validation-rule-icon.n-validation-status-pass {
        background-position: 0px -16px;
    }

        .n-validation-rule-icon.n-validation-status-pass:hover {
            background-position: -16px -16px;
        }

    .n-validation-rule-icon.n-validation-status-fail {
        background-position: 0px 0px;
    }

        .n-validation-rule-icon.n-validation-status-fail:hover {
            background-position: -16px 0px;
        }

    .n-validation-rule-icon.n-validation-status-hold {
        background-position: 0px -48px;
    }

        .n-validation-rule-icon.n-validation-status-hold:hover {
            background-position: -16px -48px;
        }

    .n-validation-rule-icon.n-validation-status-warning {
        background-position: 0px -64px;
    }

        .n-validation-rule-icon.n-validation-status-warning:hover {
            background-position: -16px -64px;
        }

    .n-validation-rule-icon.n-validation-status-error {
        background-position: 0px -32px;
    }

        .n-validation-rule-icon.n-validation-status-error:hover {
            background-position: -16px -32px;
        }

.n-validation-rule-responsibility-flag {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.n-validation-rule-responsibility-flag-customer-icon {
    background-image: url('../images/validation/customer-icon.png');
}

.n-validation-rule-responsibility-flag-supplier-icon {
    background-image: url('../images/validation/supplier-icon.png');
}

.n-validation-rule-responsibility-flag-system-icon {
    background-image: url('../images/validation/system-icon.png');
    width: 28px;
}

.n-validation-rule-responsibility-flag-customer-text {
    color: #37ab47;
}

.n-validation-rule-responsibility-flag-supplier-text {
    color: #006FCF;
}

.n-validation-rule-responsibility-flag-system-text {
    color: #dc703c;
}

.n-validation-cell-icon {
    display: inline-block;
}

.n-validation-messages {
    padding: 0;
    margin: 0px auto;
}

.n-validation-message-icon {
    list-style: none;
    margin: 5px 0;
    padding: 10px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position-x: 0.5%;
    background-position-y: 10px !important;
    background-size: 18px;
}

.x-rtl .n-validation-message-icon {
    background-position-x: 99.5%;
}

.n-validation-messages p {
    color: #565656;
    margin: 0 0 5px 0;
}

.n-validation-messages strong {
    color: #222;
}

.n-validation-message .n-validation-visualization-rule-heading {
    font-weight: bold;
    color: #222;
}

.n-validation-message-icon.n-validation-status-pass {
    background-image: url('../Images/validation/success.png');
}

.n-validation-message-icon.n-validation-status-fail {
    border: 1px solid #B81A17;
    background-color: rgba(255, 81, 81, 0.04);
    background-image: url('../Images/validation/fail.png');
}

.n-validation-message-icon.n-validation-status-hold {
    border: 1px solid #ffb529;
    background-color: rgba(255, 151, 0, 0.04);
    background-image: url('../Images/validation/hold.png');
}

.n-validation-message-icon.n-validation-status-warning {
    border: 1px solid #ffb529;
    background-color: rgba(255, 151, 0, 0.04);
    background-image: url('../Images/validation/warning.png');
}

.n-validation-message-icon.n-validation-status-error {
    border: 1px solid #B81A17;
    background-color: rgba(255, 81, 81, 0.04);
    background-image: url(../Images/validation/error.png);
}

.n-validation-message {
    line-height: 20px;
    font-size: 14px;
    padding: 0 20px;
}

.n-validation-filter-unit {
    width: 110px;
}

.n-validation-filterunit-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 17px 5px 17px 5px;
    background-repeat: no-repeat;
    float: left;
}

.x-rtl .n-validation-filterunit-icon {
    margin: 17px 5px 17px 5px;
    float: right;
}

.n-validation-filterunit-pass {
    background-image: url('../Images/validation/success.png');
}

.n-validation-filterunit-disable-pass {
    background-image: url('../Images/validation/success-inactive.png');
}

.n-validation-filterunit-fail {
    background-image: url('../Images/validation/fail.png');
}

.n-validation-filterunit-disable-fail {
    background-image: url('../Images/validation/fail-inactive.png');
}

.n-validation-filterunit-hold {
    background-image: url('../Images/validation/hold.png');
}

.n-validation-filterunit-disable-hold {
    background-image: url('../Images/validation/hold-inactive.png');
}

.n-validation-filterunit-warning {
    background-image: url('../Images/validation/warning.png');
}

.n-validation-filterunit-disable-warning {
    background-image: url('../Images/validation/warning-inactive.png');
}

.n-validation-filterunit-error {
    background-image: url('../Images/validation/error.png');
}

.n-validation-filterunit-disable-error {
    background-image: url('../Images/validation/error-inactive.png');
}

.n-validation-filterunit-title {
    font-size: 11pt;
    padding: 0;
    margin: 0;
    display: inline-block;
    float: left;
}

.x-rtl .n-validation-filterunit-title {
    float: right;
}

.n-validation-filterunit-eye-icon-visible {
    background-image: url('../images/validation/filterunit-visibile.png');
}

.n-validation-filterunit-eye-icon-invisible {
    background-image: url('../images/validation/filterunit-invisibile.png');
}

.n-validation-filterunit-eye-icon {
    width: 18px;
    height: 18px;
    display: inherit;
    margin: 20px 4px 20px 0;
    float: right;
}

.x-rtl .n-validation-filterunit-eye-icon {
    float: left;
    margin: 20px 0 20px 4px;
}

.n-validation-status-container {
    width: 78px;
}

.n-validation-status {
    display: inline-block;
    vertical-align: top;
    padding: 0 7px;
    height: 18px;
    line-height: 18px;
    color: white;
    font-size: 11px;
    font-weight: bold;
}

.n-validation-failed {
    background-color: #B81A17;
}

.n-validation-passed {
    background-color: #008767;
}

.n-validation-hold {
    background-color: #ffb529;
}

.n-validation-warning {
    background-color: #ffb529;
}

/* Web invoice */
.n-webinvoice-attachments-list .x-grid-cell {
    vertical-align: middle;
}

.n-webinvoice-attachment-item {
    border: 1px solid #95A3B5 !important;
    background-color: #F8F8F8 !important;
    height: 70px;
    width: 200px;
    border-radius: 2px;
    padding: 4px 2px;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
}

.x-rtl .n-webinvoice-attachment-item {
    border: 1px solid #95A3B5 !important;
    background-color: #F8F8F8 !important;
    height: 70px;
    width: 200px;
    border-radius: 2px;
    padding: 4px 2px;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
}

.n-webinvoice-attachment-filename {
    margin-left: 5px;
}

.x-rtl .n-webinvoice-attachment-filename {
    margin-right: 5px;
}

.n-businessprocess-item {
    float: left;
    cursor: default;
    height: 100%;
    width: 100px;
    padding: 5px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.x-rtl .n-businessprocess-item {
    float: right;
    cursor: default;
    height: 100%;
    width: 100px;
    padding: 5px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.n-businessprocess-item-body {
    width: 90px;
    margin: 0px auto;
}

.n-businessprocess-item-current {
    background-color: #ECF2F9;
}

.n-businessprocess-item-table {
    width: 90px;
}

.n-businessprocess-item-title-cell {
    width: 28px;
    height: 34px;
}

.n-businessprocess-item-icon {
    width: 28px;
    height: 34px;
    background-image: url('../Images/sprites/doc_types.png');
    background-repeat: no-repeat;
}

.n-businessprocess-item-rfq {
    background-position: 0px 0px;
    cursor: pointer;
}

.n-businessprocess-item-rfq-in {
    background-position: 0px -34px;
    cursor: pointer;
}

.n-businessprocess-item-rfq-out {
    background-position: 0px -68px;
    cursor: pointer;
}

.n-businessprocess-item-rfq-disabled {
    background-position: -28px 0px;
}

.n-businessprocess-item-quotation {
    background-position: 0px -102px;
    cursor: pointer;
}

.n-businessprocess-item-quotation-in {
    background-position: 0px -136px;
    cursor: pointer;
}

.n-businessprocess-item-quotation-out {
    background-position: 0px -170px;
    cursor: pointer;
}

.n-businessprocess-item-quotation-disabled {
    background-position: -28px -102px;
}

.n-businessprocess-item-po {
    background-position: 0px -204px;
    cursor: pointer;
}

.n-businessprocess-item-po-in {
    background-position: 0px -238px;
    cursor: pointer;
}

.n-businessprocess-item-po-out {
    background-position: 0px -272px;
    cursor: pointer;
}

.n-businessprocess-item-po-disabled {
    background-position: -28px -204px;
}

.n-businessprocess-item-so {
    background-position: 0px -306px;
    cursor: pointer;
}

.n-businessprocess-item-so-in {
    background-position: 0px -340px;
    cursor: pointer;
}

.n-businessprocess-item-so-out {
    background-position: 0px -374px;
    cursor: pointer;
}

.n-businessprocess-item-so-disabled {
    background-position: -28px -306px;
}

.n-businessprocess-item-deliverynote {
    background-position: 0px -408px;
    cursor: pointer;
}

.n-businessprocess-item-deliverynote-in {
    background-position: 0px -442px;
    cursor: pointer;
}

.n-businessprocess-item-deliverynote-out {
    background-position: 0px -476px;
    cursor: pointer;
}

.n-businessprocess-item-deliverynote-disabled {
    background-position: -28px -408px;
}

.n-businessprocess-item-receipt {
    background-position: 0px -510px;
    cursor: pointer;
}

.n-businessprocess-item-receipt-in {
    background-position: 0px -544px;
    cursor: pointer;
}

.n-businessprocess-item-receipt-out {
    background-position: 0px -578px;
    cursor: pointer;
}

.n-businessprocess-item-receipt-disabled {
    background-position: -28px -510px;
}

.n-businessprocess-item-invoice {
    background-position: 0px -612px;
    cursor: pointer;
}

.n-businessprocess-item-invoice-in {
    background-position: 0px -646px;
    cursor: pointer;
}

.n-businessprocess-item-invoice-out {
    background-position: 0px -680px;
    cursor: pointer;
}

.n-businessprocess-item-invoice-disabled {
    background-position: -28px -612px;
}

.n-businessprocess-item-invoicedraft {
    background-position: 0px -714px;
    cursor: pointer;
}

.n-businessprocess-item-invoicedraft-in {
    background-position: 0px -748px;
    cursor: pointer;
}

.n-businessprocess-item-invoicedraft-out {
    background-position: 0px -782px;
    cursor: pointer;
}

.n-businessprocess-item-invoicedraft-disabled {
    background-position: -28px -714px;
}

.n-businessprocess-item-proformaInvoice {
    background-position: 0px -816px;
    cursor: pointer;
}

.n-businessprocess-item-proformaInvoice-in {
    background-position: 0px -850px;
    cursor: pointer;
}

.n-businessprocess-item-proformaInvoice-out {
    background-position: 0px -884px;
    cursor: pointer;
}

.n-businessprocess-item-proformaInvoice-disabled {
    background-position: -28px -816px;
}

.n-businessprocess-item-payment {
    background-position: 0px -918px;
    cursor: pointer;
}

.n-businessprocess-item-payment-in {
    background-position: 0px -952px;
    cursor: pointer;
}

.n-businessprocess-item-payment-out {
    background-position: 0px -986px;
    cursor: pointer;
}

.n-businessprocess-item-payment-disabled {
    background-position: -28px -918px;
}

.n-businessprocess-item-gl {
    background-position: 0px -1020px;
    cursor: pointer;
}

.n-businessprocess-item-gl-in {
    background-position: 0px -1054px;
    cursor: pointer;
}

.n-businessprocess-item-gl-out {
    background-position: 0px -1088px;
    cursor: pointer;
}

.n-businessprocess-item-gl-disabled {
    background-position: -28px -1020px;
}

.n-businessprocess-item-advanceshippingnotice {
    background-position: 0px -1122px;
    cursor: pointer;
}

.n-businessprocess-item-advanceshippingnotice-in {
    background-position: 0px -1156px;
    cursor: pointer;
}

.n-businessprocess-item-advanceshippingnotice-out {
    background-position: 0px -1190px;
    cursor: pointer;
}

.n-businessprocess-item-advanceshippingnotice-disabled {
    background-position: -28px -1122px;
}

.n-businessprocess-item-number {
    width: 14px;
    height: 15px;
    font-size: 9.5pt;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url('../images/businessprocess/bg_number.png');
}

.n-businessprocess-item-number-cell {
    vertical-align: bottom;
    width: 14px;
}

.n-businessprocess-item-sub-title-cell {
    height: 20px;
    text-align: center;
}

.n-businessprocess-list {
    display: -webkit-flex; /* Safari */
    display: flex;
}

    .n-businessprocess-list.n-ie9m {
        display: block;
    }

.n-businessprocess-item-small {
    cursor: default;
    height: 100%;
    flex: 1;
    padding: 5px 0px;
    text-align: center;
}

.n-ie9m .n-businessprocess-item-small {
    float: left;
    width: 10%;
}

.x-rtl .n-businessprocess-item-small {
    float: right;
}

.n-businessprocess-item-small-body {
    width: 65px;
    margin: 0px auto;
}

.n-businessprocess-item-small-table {
    width: 76px;
}

.n-businessprocess-item-small-title-cell {
    width: 34px;
    height: 34px;
}

.n-businessprocess-item-small-icon {
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url('../Images/sprites/business_flow_icons.png');
    background-repeat: no-repeat;
    margin: 0px auto;
}

.n-businessprocess-item-small-rfq-disabled {
    background-position: 0px 0px;
}

.n-businessprocess-item-small-rfq {
    background-position: -34px 0px;
}

.n-businessprocess-item-small-quotation-disabled {
    background-position: 0px -34px;
}

.n-businessprocess-item-small-quotation {
    background-position: -34px -34px;
}

.n-businessprocess-item-small-po-disabled {
    background-position: 0px -68px;
}

.n-businessprocess-item-small-po {
    background-position: -34px -68px;
}

.n-businessprocess-item-small-deliverynote-disabled {
    background-position: 0px -102px;
}

.n-businessprocess-item-small-deliverynote {
    background-position: -34px -102px;
}

.n-businessprocess-item-small-goodsreceipt-disabled {
    background-position: 0px -136px;
}

.n-businessprocess-item-small-goodsreceipt {
    background-position: -34px -136px;
}

.n-businessprocess-item-small-invoice-disabled {
    background-position: 0px -170px;
}

.n-businessprocess-item-small-invoice {
    background-position: -34px -170px;
}

.n-businessprocess-item-small-proformainvoice-disabled {
    background-position: 0px -272px;
}

.n-businessprocess-item-small-proformainvoice {
    background-position: -34px -272px;
}

.n-businessprocess-item-small-payment-disabled {
    background-position: 0px -204px;
}

.n-businessprocess-item-small-payment {
    background-position: -34px -204px;
}

.n-businessprocess-item-small-invoicedraft-disabled {
    background-position: 0px -238px;
}

.n-businessprocess-item-small-invoicedraft {
    background-position: -34px -238px;
}

.n-businessprocess-item-small-number {
    height: 17px;
    line-height: 15px;
    text-align: center;
    vertical-align: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 2px 5px 0px 5px;
    color: White;
    font-size: 9.5pt;
    background-color: #006FCF;
    margin-bottom: 2px;
}

.n-businessprocess-item-small-number-cell {
    vertical-align: bottom;
    line-height: 10px;
    width: 15px;
}

.n-businessprocess-item-small-sub-title-cell {
    height: 30px;
    text-align: center;
    line-height: 14px;
    font-size: 14px;
    font-family: Arial;
}

.n-businessprocess-item-small-active {
    color: #006FCF !important;
}

.n-businessprocess-item-small-current {
    background-color: #d5f2fa !important;
    color: #006FCF !important;
    font-weight: bold !important;
}

.n-businessprocess-item-small-disabled {
    background-color: #ffffff;
    color: #b4b4b4;
    font-weight: normal;
}

.n-businessprocess-item-sep {
    width: 20px;
    height: 14px;
    float: left;
    margin: 20px 5px 0px 5px;
    background-repeat: no-repeat;
    background-image: url('../images/businessprocess/sep.png');
}

.x-rtl .n-businessprocess-item-sep {
    width: 20px;
    height: 14px;
    float: right;
    margin: 20px 5px 0px 5px;
    background-repeat: no-repeat;
    background-image: url('../images/businessprocess/sep.png');
}

.n-businessprocess-item-sep-not-active {
    width: 27px;
    height: 77px;
    float: left;
    background-repeat: no-repeat;
    background-image: url('../images/businessprocess/bp_sep_not_active.png');
}

.x-rtl .n-businessprocess-item-sep-not-active {
    width: 27px;
    height: 77px;
    float: right;
    background-repeat: no-repeat;
    background-image: url('../images/businessprocess/bp_sep_not_active-rtl.png');
}

.n-businessprocess-item-sep-prev-active {
    width: 27px;
    height: 77px;
    float: left;
    background-repeat: no-repeat;
    background-image: url('../images/businessprocess/bp_sep_prev_active.png');
}

.x-rtl .n-businessprocess-item-sep-prev-active {
    width: 27px;
    height: 77px;
    float: right;
    background-repeat: no-repeat;
    background-image: url('../images/businessprocess/bp_sep_prev_active-rtl.png');
}

.n-businessprocess-item-sep-next-active {
    width: 27px;
    height: 77px;
    float: left;
    background-repeat: no-repeat;
    background-image: url('../images/businessprocess/bp_sep_next_active.png');
}

.x-rtl .n-businessprocess-item-sep-next-active {
    width: 27px;
    height: 77px;
    float: right;
    background-repeat: no-repeat;
    background-image: url('../images/businessprocess/bp_sep_next_active-rtl.png');
}

.n-businessprocess-menu-item.x-menu-item-active,
.n-businessprocess-menu-item.x-menu-item-active .x-menu-item-link {
    background-image: none !important;
    background-color: #efefef;
    font-weight: normal !important;
}

    .n-businessprocess-menu-item.x-menu-item-active .x-menu-item-text {
        font-weight: normal !important;
    }

.n-businessprocess-menu-item .x-menu-item-link {
    margin: 0 4px 0 4px !important;
}

.n-businessprocess-menu-item .x-menu-item-indent-no-separator {
    margin: 0px;
}

.n-businessprocess-menu-item .x-menu-item-indent {
    margin: 0px;
}

.n-businessprocess-menu-item-table {
    width: 245px;
}

    .n-businessprocess-menu-item-table td {
        color: #666666;
        font-size: 10pt;
    }

.n-businessprocess-menu-item-number {
    width: 110px;
}

.n-businessprocess-menu-item-money {
    width: 110px;
    padding: 1px 15px;
    float: right;
    text-align: right;
    direction: ltr;
}

.n-businessprocess-menu-item-number div {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n-businessprocess-menu-item-date {
    width: 100px;
}

.n-businessprocess-menu-item-status {
    width: 35px;
}

.msg .x-box-mc {
    font-size: 14px;
}

.msg-title-wrapper {
    margin-bottom: 12px;
}

#msg-div {
    position: absolute;
    left: 35%;
    top: 60px;
    width: 420px;
    z-index: 20000;
}

    #msg-div .msg {
        border-radius: 2px;
        border: 2px #006FCF solid;
        background: white;
        margin-top: 2px;
        padding: 10px 15px;
        color: #222;
    }

        #msg-div .msg .msg-title {
            color: #006FCF;
        }

    #msg-div .success {
        border-radius: 2px;
        border: 2px #008767 solid;
        background: white;
        margin-top: 2px;
        padding: 10px 15px;
        color: #222;
    }

        #msg-div .success .msg-title {
            color: #008767;
        }

    #msg-div .msg-title {
        font-weight: bold;
        font-size: 16px;
    }

    #msg-div p {
        margin: 0;
        font-size: 14px;
        font-weight: normal !important;
    }

.msg-icon-success {
    width: 20px;
    height: 20px;
    background-image: url('../images/sprites/status_icons.png');
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-top: 4px;
    background-position: -1px -19px;
    margin-right: 12px;
}

.x-rtl .msg-icon-success {
    padding-left: 0px;
    padding-right: 16px;
    margin-left: 12px;
    margin-right: 0px;
}

.n-note-quick-sharing-btn {
    background-color: transparent;
    background-image: none;
}

.n-note-quick-send-btn {
    background-color: transparent;
    background-image: none;
}

.n-note-quick-sharing-menu .x-menu-item-checked .x-menu-item-icon {
    background-image: url('../images/check-icon.png');
}

.n-note-quick-sharing-menu .x-menu-item-unchecked .x-menu-item-icon {
    background-image: none;
}

.n-note-quick-sharing-menu .x-menu-item-icon {
    width: 13px;
    height: 10px;
    top: 13px;
    left: 8px;
    background-position: center center;
}

.n-note-row-table {
    width: 100%;
}

.n-note-row-writer-name-cell {
    font-weight: bold;
}

.n-note-row-to-name-cell {
    font-weight: bold;
}

.n-note-form .x-toolbar-footer {
    padding: 8px 10px 15px 10px;
}

.n-note-form .n-radiofield-green td {
    vertical-align: middle;
}

.n-note-date-small {
    float: right;
}

.x-rtl .n-note-date-small {
    float: left;
}

.n-note-row-date-cell {
    color: #6c6c6c;
    font-size: 12px;
    white-space: pre;
    direction: rtl;
}

.x-rtl .n-note-row-date-cell {
    direction: ltr;
}

.n-note-sharing-menu-item .x-menu-item-text {
    color: #143044;
}

.n-note-private-icon {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../images/note/private.png');
}

.n-note-everyone-icon {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../images/note/anyone.png');
}

.n-note-only-my-company-icon {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../images/note/anyone-from-site.png');
}

.n-note-send-icon {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../images/note/send.png');
}

.x-btn-disabled .n-note-send-icon {
    background-image: url('../images/note/send-disabled.png');
}

.n-note-sharing-icon {
    width: 20px;
    height: 20px;
    background-image: url('../images/sprites/notes-icon.png');
    background-repeat: no-repeat;
    vertical-align: middle;
}

.n-note-sharing-access-right {
    background-position: -20px 0px;
}

    .n-note-sharing-access-right:hover {
        background-position: -0px 0px;
    }

.x-menu-item-active .n-note-sharing-access-right {
    background-position: -0px 0px;
}

.n-note-sharing-access-right-widget {
    background-position: -20px 0px;
}

.n-note-sharing-anyone-site {
    background-position: -20px -20px;
}

    .n-note-sharing-anyone-site:hover {
        background-position: -0px -20px;
    }

.x-menu-item-active .n-note-sharing-anyone-site {
    background-position: -0px -20px;
}

.n-note-sharing-anyone-site-widget {
    background-position: -20px -20px;
}

.n-note-sharing-private {
    background-position: -20px -40px;
}

    .n-note-sharing-private:hover {
        background-position: -0px -40px;
    }

.x-menu-item-active .n-note-sharing-private {
    background-position: -0px -40px;
}

.n-note-sharing-private-widget {
    background-position: -20px -40px;
}

.n-note-sharing-specific-users {
    background-position: -20px -60px;
}

    .n-note-sharing-specific-users:hover {
        background-position: -0px -60px;
    }

.x-menu-item-active .n-note-sharing-specific-users {
    background-position: -0px -60px;
}

.n-note-sharing-specific-users-widget {
    background-position: -20px -60px;
}

.n-note-sharing-send {
    background-position: 0px -80px;
}

    .n-note-sharing-send:hover {
        background-position: -0px -80px;
    }

.x-btn-note-sharing-drop-arrow {
    background-image: url('../images/note/arrow.png');
    background-repeat: no-repeat;
}

.x-btn-note-sharing-drop-arrow {
    padding-right: 12px;
}

.x-btn-note-sharing-drop-arrow-right {
    background-position: right center;
}

.n-note-label {
    font-size: 12px;
    color: #222222;
}

.n-note-read-icon {
    width: 19px;
    height: 10px;
    background-image: url('../images/read-message.png');
    background-repeat: no-repeat;
}

.n-note-form-title {
    color: #ffffff;
    font-weight: bold;
    font-size: 12pt;
    margin: 0px;
}

.n-note-text-div {
    white-space: normal;
    width: 90%;
    display: inline-block;
    word-break: break-all;
}

.x-boxselect.x-form-text {
    height: auto;
    cursor: text;
    padding: 0;
    overflow-y: auto;
}

.x-boxselect ul.x-boxselect-list {
    padding: 1px 3px;
}

ul.x-boxselect-list.x-boxselect-singleselect {
    white-space: nowrap;
    overflow: hidden;
}

.x-boxselect input {
    border: none;
    background: none;
    line-height: 18px;
    height: 20px;
    width: 100%;
}

.x-boxselect-input, .x-boxselect-item {
    display: inline-block;
    position: relative;
    *display: inline; /* IE7 */
    zoom: 1; /* IE */
}

.x-boxselect-stacked .x-boxselect-item {
    display: block;
}

.x-boxselect-item {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    o-border-radius: 6px;
    -khtml-border-radius: 6px;
    border: 1px solid #CAD8F3;
    padding: 0px 1px 0px 5px !important;
    margin: 1px 1px 1px 0;
    background-color: #DEE7F8;
    cursor: default;
}

.x-field:not(.x-item-disabled) .x-boxselect-item:hover {
    background: #BBCEF1;
    border: 1px solid #6D95E0;
}

.x-field:not(.x-item-disabled) .x-boxselect-item.selected {
    border: 1px solid #316AD3 !important;
    background: #658FDC !important;
}

.x-boxselect-item-text {
    line-height: 16px;
    padding-right: 20px !important;
}

.x-boxselect-item-close {
    cursor: pointer;
}

.x-boxselect-hideselections .x-boundlist-selected {
    display: none;
}

.n-attachments-list-remove-icon .x-action-col-icon {
    height: 10px;
    width: 9px;
}

.n-attachment-row-table {
    width: 100%;
}

.n-attachment-file-type-small-cell {
    width: 10px;
}

.n-attachment-file-type-cell {
    width: 40px;
}

.n-attachment-file-icon-cell {
    width: 25px;
}

.n-attachment-file-name-cell {
    width: 255px;
    font-weight: bold;
}

.n-attachment-description-cell {
    max-width: 365px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n-attachment-owner-name-cell {
    width: 35%;
    text-align: right;
}

.x-rtl .n-attachment-owner-name-cell {
    text-align: left;
}

.n-attachment-full-owner-name-cell {
    width: 35%;
}

.n-attachment-creation-date-cell {
    color: #8896A1;
    direction: ltr;
    text-align: right;
    width: 110px;
    padding-bottom: 8px;
}

.x-rtl .n-attachment-creation-date-cell {
    text-align: left;
}

.n-attachment-owner-site-name-text {
    font-weight: bold;
}

.n-status-icon-pending-attachments {
    height: 20px;
    background-image: url(../images/pending_Icon.png);
    background-repeat: no-repeat;
    float: right;
    padding-left: 24px;
    padding-top: 2px;
}

.x-rtl .n-status-icon-pending-attachments {
    float: left;
    padding-right: 24px;
    padding-top: 2px;
}

.n-hold-icon {
    width: 16px;
    height: 16px;
    background-image: url(../images/attachment/delete-Icon.png);
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

.n-hold-button {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}

.n-attachment-quick-upload-icon {
    width: 18px !important;
    height: 18px !important;
    background-image: url('../images/attachment-icon.png');
}

.n-success-status {
    width: 24px !important;
    height: 24px !important;
    background-image: url('../images/green-check.png');
    margin: 0px 5px 0px 0px;
}

.n-warn-status {
    width: 24px !important;
    height: 24px !important;
    background-image: url('../images/orange-warn.png');
    margin: 0px 5px 0px 0px;
}

.n-item-linked-warn-status {
    width: 18px !important;
    height: 18px !important;
    background-image: url(../images/orange-warn.png);
    margin: -2px 0px 0px 3px;
    position: absolute;
    background-size: 18px;
}

.x-rtl .n-item-linked-warn-status {
    margin: -2px -45px 0px 0px !important;
}

.n-attachment-form-title {
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
    color: #ffffff;
}

.n-attachment-quick-upload-btn {
    background-color: transparent;
    background-image: none;
}

.n-attachment-quick-upload-small-btn {
    background-color: transparent;
    background-image: none;
}

.n-file-type-icon {
    width: 30px;
    height: 34px;
    background-repeat: no-repeat;
}

.n-groupedcheckbox {
    color: black !important;
}

.n-groupeduncheckbox {
    color: #bcc3c7;
}

.n-savesearch-window .x-window-header-text-container-default {
    color: #006FCF;
    font-weight: bold;
}

.n-catalog-window .x-window-header-text-container-default {
    color: #006FCF;
    font-weight: bold;
}

.n-company-details-add-update-window .x-window-header-text-container-default {
    color: #006FCF;
    font-weight: bold;
}

.n-company-details-add-update-window.n-gray-title .x-window-header-text-container-default {
    color: #BCC3C7 !important;
    font-weight: bold;
}

.n-catalog-linkage-window .x-window-header-text-container-default {
    color: #006FCF;
    font-weight: bold;
}

.n-file-type-pdf {
    background-image: url('../images/file/ic-attach-pdf.png');
}

.n-savesearch-form, .n-savesearch-form .x-form-item-label {
    font-size: 15px;
}

.n-catalogitem-linkage-form, .n-catalogitem-linkage-form .x-form-item-label {
    font-size: 14px;
    color: #565656;
}

.n-savesearchcreated {
    font-size: 15px;
    color: #565656;
}

.x-rtl .n-savesearchcreated {
    right: 0px !important;
}

.x-rtl .n-pushnotification-warn.n-created {
    right: 28px !important;
}

.n-savesearch-form .n-pushnotification {
    color: #006FCF;
    font-weight: bold;
}

.n-pushnotification-warn {
    color: #ffb529;
    padding: 8px;
    font-size: 14px;
    color: #ffb529;
    border-radius: 2px;
    border: solid 1px #fe9f15;
    background-color: #FFF9F0;
}

.n-savesearch-form .n-bold {
    font-weight: bold;
}

.n-togglebutton-off {
    width: 41px !important;
    height: 27px !important;
    background-image: url('../images/toggleOffBtn.png');
    background-color: #ffffff;
    border: none !important;
}

.n-schedule-options {
    font-weight: bold;
}

.x-rtl .n-schedule-options {
    right: 0px !important;
}

.x-rtl .n-togglebutton-off {
    /*right: 0px !important;*/
}

.x-rtl .n-togglebutton-on {
    /*right: 0px !important;*/
}

.x-n-togglebutton-on {
    background-image: url('../images/toggleOnBtn.png') !important;
    width: 41px !important;
    background-repeat: no-repeat;
}

.n-file-type-doc {
    background-image: url('../images/file/ic-attach-doc.png');
}

.n-file-type-rtf {
    background-image: url('../images/file/ic-attach-rtf.png');
}

.n-file-type-odt {
    background-image: url('../images/file/ic-attach-odt.png');
}

.n-file-type-excel {
    background-image: url('../images/file/ic-attach-excel.png');
}

.n-file-type-ppt {
    background-image: url('../images/file/ic-attach-ppt.png');
}

.n-file-type-unknown {
    background-image: url('../images/file/ic-attach-file.png');
}

.n-file-type-jpg {
    background-image: url('../images/file/ic-attach-jpg.png');
}

.n-file-type-png {
    background-image: url('../images/file/ic-attach-png.png');
}

.n-file-type-tiff {
    background-image: url('../images/file/ic-attach-tiff.png');
}

.n-file-type-bmp {
    background-image: url('../images/file/ic-attach-bmp.png');
}

.n-file-type-vsd {
    background-image: url('../images/file/ic-attach-vsd.png');
}

.n-file-type-small-icon {
    width: 10px;
    height: 12px;
    background-image: url('../images/sprites/file-type-sprite-small.png');
    background-repeat: no-repeat;
}

.n-file-type-small-pdf {
    background-position: 0 0;
}

.n-file-type-small-doc {
    background-position: 0 -12px;
}

.n-file-type-small-excel {
    background-position: 0 -24px;
}

.n-file-type-small-unknown {
    background-position: 0 -48px;
}

.n-file-type-small-jpg {
    background-position: 0 -60px;
}

.n-file-type-small-vsd {
    background-position: 0 -72px;
}

.n-file-type-small-ppt {
    background-position: 0 -84px;
}

.n-wwhattodo-list {
    line-height: 25px;
}

.n-wwhattodo-action-icon {
    width: 18px !important;
    height: 18px;
    background-image: url('../images/whattodo/whattodo-icon-arrow.png');
    background-repeat: no-repeat;
    top: 2px;
}

.n-wwhattodo-action-icon-ltr {
    width: 10px;
    height: 15px;
    background-image: url('../images/whattodo/whattodo.png');
    background-repeat: no-repeat;
}

.x-rtl .n-wwhattodo-action-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.n-file-not-found-body {
    height: 100%;
    background-color: #fff;
}

.n-webinvoice-clouddocument .n-cloud-expand-icon {
    background-image: url('../Images/sprites/add_remove_expand_small_sprite.png') !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.n-cloud-expand-icon {
    background-color: #fff !important;
    background-image: url('../Images/webinvoice/top-action_icons.png') !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
    background-position: -44px -44px;
}

.n-webinvoice-filetype-image {
    /*width: 13px !important;
    height: 13px !important;*/
    width: 10px !important;
    height: 12px !important;
    margin: 3px 4px 0px 4px !important;
    /*background-size: cover !important;*/
    display: inline-block;
    background-image: url(../images/sprites/file-type-sprite-small.png);
    background-repeat: no-repeat;
}

/*.n-webinvoice-filetype-image {
    width: 13px !important;
    height: 13px !important;
    margin: -4px 4px !important;
    background-size: cover !important;
    display: inline-block;
    background-image: url(../images/sprites/file-type-sprite.png);
    background-repeat: no-repeat;
}*/

.n-webinvoice-documentsign .x-form-item-label {
    margin: 10px 0px !important;
}

.n-webinvoice-invoiceorigin .n-webinvoice-documentsign .x-border-box {
    border: 1px #CCC solid;
    border-radius: 3px;
    height: 25px !important;
    padding: 4px;
    padding: 4px;
    margin: 10px 0px;
}

.n-webinvoice-invoiceorigin .x-form-text,
.n-webinvoice-filename-origin {
    border: 1px #CCC solid;
    border-radius: 3px;
    height: 25px !important;
    padding: 4px;
}

.n-webinvoice-filename-text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
    height: 15px;
    display: inline-block;
}

.n-webinvoice-attachments-table {
    padding: 0px !important;
    width: 275px;
    border: 1px #CCC solid;
    border-radius: 3px;
    height: 25px !important;
    padding: 4px;
}

.n-no-border-top {
    border-top: 0px !important;
}

.n-webinvoice-attachment-delete {
    margin: -7px 0px 0px -15px !important;
    background-color: #fff !important;
    background-image: url('../Images/sprites/add_remove_expand_small_sprite.png') !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute !important;
    background-position: 0px -14px;
    cursor: pointer;
    display: inline-block;
}

.x-rtl .n-webinvoice-attachment-delete {
    margin: -8px -16px 0px 0px !important;
}

.n-cloud-small-remove-icon {
    background-color: #fff !important;
    background-image: url('../Images/sprites/add_remove_expand_small_sprite.png') !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
    margin: 2px 0px 0px -10px !important;
    width: 16px;
    height: 16px;
    position: absolute !important;
    background-position: 0px -14px;
    cursor: pointer;
}

.x-rtl .n-cloud-small-remove-icon {
    margin: 2px -10px 0px 0px !important;
}

.n-webinvoice-invoiceorigin .n-webinvoice-page-title {
    font-size: 22px !important;
    margin: 2px 1px !important;
}

.n-webinvoice-sidebyside-invoiceorigin .n-webinvoice-page-title {
    font-size: 28px !important;
    margin: 2px 1px !important;
}

.n-webinvoice-thirdparty-title .x-form-item-label {
    font-size: 15px;
    margin: 1px 0px 15px 0px !important;
}

.n-webinvoice-thirdparty-arrow {
    background-image: url('../Images/webinvoice/arrow_ThirdParty.png') !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
    margin: 40px 0px 0px -19px !important;
    position: absolute !important;
}

.x-rtl .n-webinvoice-thirdparty-arrow {
    background-image: url('../Images/webinvoice/arrow_ThirdParty1.png') !important; /*IE 8 must be important*/
    margin: 35px -19px 0px 0px !important;
}

.n-webinvoice-invoiceorigin .x-form-trigger {
    height: 25px !important;
}

.n-webinvoice-thirdparty-panel {
    border-color: #cccccc;
    border-style: dashed;
    border-width: 1px;
    border-radius: 6px;
}

.n-webinvoice-sidebyside-thirdparty-panel {
    border-radius: 4px;
    border: solid 1px #e2e2e2;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.n-webinvoice-thirdparty-sub-title {
    font-style: italic;
    color: #666666;
    font-size: 14px;
}

.n-webinvoice-sidebyside-thirdparty-sub-title {
    color: #565656;
    font-size: 15px;
}

.n-cloud-remove-icon {
    background-color: #fff !important;
    background-image: url('../Images/webinvoice/top-action_icons.png') !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
    background-position: -116px -44px;
}

.n-open-new-win-btn {
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: 0px solid #fff;
    background-image: url(../images/file/ic_open_in_new_screen.png) !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
}

.n-enlarge-image-btn {
    width: 26px;
    height: 25px;
    background-color: transparent;
    border: 0px solid #fff;
    background-image: url(../images/file/enlare-invoice-image2.png) !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
    border-radius: 0px !important;
}

.n-download-btn {
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: 0px solid #fff;
    background-image: url(../images/file/ic_download.png) !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
}

.n-cloud-image-preview-label {
    font-size: 11pt;
}

.n-clouddocumentslist .x-grid-row-checker {
    background-image: url('../images/form/radio.png') !important; /*IE 8 must be important*/
}

.n-informationbox-icon-cell {
    vertical-align: top;
}

.n-uximagecaptionspan {
    margin: 0px 10px;
    font-weight: bold;
    color: #30495C;
    font-size: 16px;
}

.n-webinvoice-section-title {
    font-size: 11pt;
    margin: 0px;
    padding: 0px 28px 0px 28px;
    height: 26px;
    vertical-align: middle;
}

.n-webinvoice-sidebyside-section-title {
    font-size: 16px;
    margin: 0px;
    padding: 0px 28px 0px 28px;
    height: 26px;
    vertical-align: middle;
    color: #bcc3c7;
}

.n-webinvoice-section-sub-title {
    font-size: 10pt;
    font-weight: normal;
    margin: 0px;
    padding: 10px 15px 0px 40px;
}

.n-webinvoice-option-thirdparty-icon label,
.n-webinvoice-uploadfile-icon label {
    margin: 4px 45px 0px 45px;
    font-size: 14px;
}

.n-webinvoice-sidebyside-option-thirdparty-icon label,
.n-webinvoice-sidebyside-uploadfile-icon label {
    margin: 4px 45px 0px 45px;
    font-size: 16px;
}

.n-webinvoice-uploadfile-cloud .x-btn-inner {
    cursor: pointer;
    color: #006FCF !important;
    padding: 1px 0px 0px 15px;
    font-size: 15px;
    font-weight: 500;
    margin: 2px !important;
    text-decoration: underline;
    display: inline-block;
}

.n-webinvoice-uploadattachment-cloud .x-btn-inner {
    cursor: pointer;
    color: #006FCF !important;
    padding: 1px 0px 0px 15px;
    font-size: 15px;
    font-weight: 500;
    margin: 2px 1px !important;
    text-decoration: underline;
    display: inline-block;
}

.n-webinvoice-origin-invoice4U-title {
    font-weight: bold;
    color: #222222;
    font-size: 15px;
}

.n-webinvoice-sidebyside-origin-invoice4U-title {
    font-weight: bold;
    color: #565656;
    font-size: 16px;
}

.n-webinvoice-Invoice4U-link {
    color: #006FCF;
    font-size: 14px;
}

.n-webinvoice-sudebyside-Invoice4U-link {
    color: #006FCF;
    font-size: 16px;
}

.n-webinvoice-uploadimage-title {
    font-size: 15px;
}

.n-webinvoice-imageoptions-icon {
    background-image: url('../images/webinvoice/web_invoice_icon_imageoptions.png');
    background-repeat: no-repeat;
}

.n-webinvoice-uploadfile-icon {
    background-image: url('../images/webinvoice/icon_UploadImageFile.png');
    background-repeat: no-repeat;
    background-position: 28px 1px;
}

.n-webinvoice-sidebyside-uploadfile-icon {
    background-repeat: no-repeat;
    background-position: 28px 1px;
    background-image: url('../images/webinvoice/file_upload_solid.png');
}

.x-rtl .n-webinvoice-uploadfile-icon {
    background-position: 113px;
}

.x-rtl .n-webinvoice-sidebyside-uploadfile-icon {
    background-position: 133px;
}

.n-webinvoice-option-thirdparty-icon {
    background-image: url('../images/webinvoice/icon_ThirdParty.png');
    background-repeat: no-repeat;
    background-position: 28px 1px;
}

.n-webinvoice-sidebyside-option-thirdparty-icon {
    background-repeat: no-repeat;
    background-position: 28px 1px;
    background-image: url('../images/webinvoice/extension.png');
}

.x-rtl .n-webinvoice-option-thirdparty-icon {
    background-position: 342px;
}

.x-rtl .n-webinvoice-sidebyside-option-thirdparty-icon {
    background-position: 396px;
}

.x-rtl .n-webinvoice-section-title {
    background-position: right;
}

.x-item-disabled .n-webinvoice-section-title {
    opacity: 0.3;
    background-image: url('../images/webinvoice/web_invoice_icons_thirparty_disable.png');
}

.x-item-disabled .n-webinvoice-thirdparty-icon {
    background-image: url('../images/webinvoice/web_invoice_icons_thirparty_disable.png');
}

.x-item-disabled .n-webinvoice-uploadfile-icon {
    background-image: url('../images/webinvoice/web_invoice_icons_uploadfile_disable.png');
}

.n-webinvoice-thirdparty-title {
    font-size: 14px;
}

.n-webinvoice-attachments-form {
    position: absolute;
}

.n-webinvoice-attachments-icon {
    background-image: url('../images/webinvoice/PlusIcon_AddRelatedAttachemnts.png');
    background-repeat: no-repeat;
    line-height: 18px;
    width: 320px !important;
}

.n-webinvoice-sidebyside-attachments-icon .x-btn-inner {
    background-repeat: no-repeat;
    line-height: 18px;
    width: 188px !important;
    background-image: url('../images/webinvoice/baseline_add.png');
}

.n-webinvoice-browsefile-btn {
    display: inline-block;
}

.n-webinvoice-sidebyside-browsefile-btn {
    display: inline-block;
    font-size: 16px;
}

.n-webinvoice-browsefile-btn .x-btn-default-small {
    border-radius: 4px;
    padding: 2px !important;
}

.n-webinvoice-attachments-icon:hover {
    cursor: pointer;
}

.n-webinvoice-sub-section-section {
    font-size: 10pt;
    font-weight: normal;
    margin: 0px;
    color: #666;
}

.n-webinvoice-thirdparty-desc {
    font-size: 11px;
    color: red;
}

.n-webinvoice-sidebyside-thirdparty-desc {
    font-size: 16px;
    color: #565656;
}

.x-item-disabled .n-webinvoice-thirdparty-desc {
    opacity: 0.3;
}

.x-item-disabled .n-webinvoice-sub-section-sub-title {
    opacity: 0.3;
}

.x-item-disabled .n-webinvoice-sub-section-error {
    opacity: 0.3;
}

.n-webinvoice-sub-section-error {
    font-size: 8pt;
    color: #D03D1C;
}

.n-webinvoice-uploadandsign-image {
    vertical-align: middle;
}

.n-webinvoice-expand-image {
    cursor: pointer;
}

.n-webinvoice-remove-image {
    cursor: pointer;
}

.n-webinvoice-iframe-preview {
    border-Color: #E3D4E6;
    border-Style: solid;
}

.n-webinvoice-sidebyside-iframe-preview {
    border-color: #E3D4E6;
    border-style: solid;
    border-width: 0px 1px;
}

.n-bo-header-panel textarea,
.n-document-header-panel textarea {
    border: none;
    width: 411px !important;
}

.n-taxinvoice-header-panel textarea,
.n-document-header-panel textarea {
    border: none;
    width: 100% !important;
}

.n-taxinvoice-dynamicdiscount-status-approved {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #4baa43;
}

.n-taxinvoice-dynamicdiscount-status-pending {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #fbce2c;
}

.n-taxinvoice-dynamicdiscount-status-declined {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #fc521f;
}

.n-taxinvoice-dynamicdiscount-status-paid {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #4675a8;
}

.n-taxinvoice-factoring-status-approved {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #4baa43;
}

.n-taxinvoice-factoring-status-new {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #fbce2c;
}

.n-taxinvoice-factoring-status-pending {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #fbce2c;
}

.n-taxinvoice-factoring-status-rejected {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #fc521f;
}

.n-taxinvoice-factoring-status-paid {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #00D865;
}

.n-taxinvoice-factoring-status-complete {
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #5785F9;
}

.x-action-col-cell img.icon-earlypayment-status-getpaidnow {
    text-align: center;
    margin: 0px auto;
    height: 24px;
    width: 140px;
    padding: 0px;
    background-image: url('../images/factoring/Get_paid_btn.png');
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*    .x-action-col-cell img.icon-earlypayment-status-getpaidnow:hover {
        text-align: center;
        height: 24px;
        width: 140px;
        padding: 0px;
        background-image: url('../images/factoring/Get_paid_hover_new_btn.png');
        background-position: center;
        background-repeat: no-repeat;
    }*/

.x-rtl .x-action-col-cell img.icon-earlypayment-status-getpaidnow {
    text-align: center;
    margin: 0px auto;
    height: 36px;
    width: 161px;
    background-image: url('../images/factoring/Get_paid_Hebrew_btn.png');
    background-position: center;
    background-repeat: repeat;
}

    .x-rtl .x-action-col-cell img.icon-earlypayment-status-getpaidnow:hover {
        text-align: center;
        margin: 0px auto;
        height: 36px;
        width: 161px;
        background-image: url('../images/factoring/Get_paid_Hebrew_hover_btn.png');
        background-position: center;
        background-repeat: repeat;
    }

.n-dynamicdiscount-h2 {
    font-size: 1.25em;
}

.n-dynamicdiscount-h3 {
    font-size: 1.1em;
    font-weight: bold;
}

.x-action-col-cell img.n-dynamicdiscount-gridrow-edit-icon {
    text-align: center;
    margin: 0px auto;
    height: 11px;
    width: 11px;
    background-image: url('../images/dynamicdiscount/grid_row_edit.png');
    background-position: center;
    background-repeat: repeat;
}

    .x-action-col-cell img.n-dynamicdiscount-gridrow-edit-icon:hover {
        text-align: center;
        margin: 0px auto;
        height: 11px;
        width: 11px;
        background-image: url('../images/dynamicdiscount/grid_row_edit_on_hover.png');
        background-position: center;
        background-repeat: repeat;
    }

.x-action-col-cell img.n-dynamicdiscount-gridrow-remove-icon {
    text-align: center;
    margin: 0px auto;
    height: 12px;
    width: 12px;
    background-image: url('../images/dynamicdiscount/grid_row_remove.png');
    background-position: center;
    background-repeat: repeat;
}

    .x-action-col-cell img.n-dynamicdiscount-gridrow-remove-icon:hover {
        text-align: center;
        margin: 0px auto;
        height: 12px;
        width: 12px;
        background-image: url('../images/dynamicdiscount/grid_row_remove_on_hover.png');
        background-position: center;
        background-repeat: repeat;
    }

.n-dynamicdiscount-h2 {
    font-weight: bold;
    font-size: 20px;
}

.n-dynamicdiscount-reports-position {
    width: 478px;
    height: 287px;
}

.x-rtl.x-mask-msg-text {
    padding: 5px 20px 5px 5px;
    background-position: right center;
    direction: ltr;
}

.x-mask-msg-text {
    padding: 75px 5px 0 5px !important;
}

.n-details-notes-textfield {
    border: 1px solid black !important;
    padding-top: 5px;
    height: 130px;
    vertical-align: top;
    margin: 5px 0px 20px 0px;
}

/** Navigation **/
.n-navigation-container {
    background-color: #292d33;
}

.n-navigation-node {
    height: 44px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.n-noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.n-permanent-navigation-node {
    border-top-color: #484a4c;
    border-width: 1px;
    border-style: solid;
    height: 2px;
    width: 45px;
}

.n-navigation-body-box {
    z-index: 1;
}

.n-navigation-scroll-box {
    background-color: #292d33;
    z-index: 2;
    cursor: pointer;
}

.n-navigation-arrow {
    background-image: url('../images/navigation/flat/arrows-on-menu.png');
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    width: 15px;
    height: 9px;
    margin: 0px auto;
}

.n-navigation-arrow-up {
    background-position: 0px 0px !important;
}

    .n-navigation-scroll-box:hover .n-navigation-arrow-up,
    .n-navigation-arrow-up:hover {
        background-position: -15px 0px !important;
    }

.n-navigation-arrow-down {
    background-position: 0px -9px !important;
}

    .n-navigation-scroll-box:hover .n-navigation-arrow-down,
    .n-navigation-arrow-down:hover {
        background-position: -15px -9px !important;
    }

.n-navigation-text {
    padding-left: 32px;
    color: #bcbec0;
}

.n-expanded-navigation-node {
    width: 220px;
    height: 44px;
    font-size: 14px;
    color: #ffffff;
    background-color: #292d33;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.n-expanded-permanent-navigation-node {
    width: 220px;
    height: 44px;
    background-color: #292d33;
    font-size: 14px;
}

.x-rtl.n-expanded-permanent-navigation-node {
    width: 220px;
    height: 44px;
    background-color: #292d33;
    font-size: 14px;
    right: 0px !important;
}

.n-expanded-header-navigation-node {
    background-color: #292d33;
}

.n-expanded-navigation-box {
    width: 100%;
    height: 44px;
    cursor: pointer;
    vertical-align: middle;
}

.n-expanded-navigation-icon-box {
    margin: 0px 5px;
    width: 36px;
}

.n-expanded-navigation-text {
    color: #f1f1f1;
}

.n-navigation-group-title {
    width: 220px;
    height: 31px;
    background-color: #292d33;
    color: #909293;
    padding-left: 12px;
    padding-top: 10px;
    vertical-align: bottom;
    font-size: 10px;
    color: #7c808c;
}

.x-rtl .n-navigation-group-title {
    padding-right: 12px;
}

.n-expanded-navigation-openClose-icon {
    background-image: url('../images/navigation/flat/close_open_btn.png');
    background-position: -1px -6px !important;
    background-repeat: no-repeat;
    /*left:170px !important;*/
    cursor: pointer;
}

.n-expanded-navigation-openClose-icon-hover {
    background-image: url('../images/navigation/flat/close_open_btn.png');
    background-position: -1px -91px !important;
    background-repeat: no-repeat;
    /*left:170px !important;*/
    cursor: pointer;
}

.x-rtl.n-expanded-navigation-openClose-icon {
    background-image: url('../images/navigation/flat/close_open_btn.png');
    background-position: -48px -6px !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.x-rtl.n-expanded-navigation-openClose-icon-hover {
    background-image: url('../images/navigation/flat/close_open_btn.png');
    background-position: -48px -91px !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.n-expanded-navigation-personalMessages-icon {
    background-image: url('../images/navigation/flat/user-profile-menu-icon-sprite2.png');
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
    left: 85px !important;
    top: 15px !important;
    cursor: pointer;
}

.x-rtl .n-expanded-navigation-personalMessages-icon {
    background-image: url('../images/navigation/flat/user-profile-menu-icon-sprite2.png');
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
    right: 78px !important;
    top: 15px !important;
}

.n-expanded-navigation-personalName-color {
    color: #006FCF;
    cursor: pointer;
    line-height: 17px;
}

.n-expanded-navigation-personalName {
    text-align: center;
}

.n-collapsed-navigation-openClose-icon {
    background-image: url('../images/navigation/flat/close_open_btn.png');
    background-position: -48px -6px !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.n-collapsed-navigation-openClose-icon-hover {
    background-image: url('../images/navigation/flat/close_open_btn.png');
    background-position: -48px -91px !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.x-rtl.n-collapsed-navigation-openClose-icon {
    background-image: url('../images/navigation/flat/close_open_btn.png');
    background-position: -1px -6px !important;
    background-repeat: no-repeat;
    left: 170px !important;
    cursor: pointer;
}

.x-rtl.n-collapsed-navigation-openClose-icon-hover {
    background-image: url('../images/navigation/flat/close_open_btn.png');
    background-position: -1px -91px !important;
    background-repeat: no-repeat;
    left: 170px !important;
    cursor: pointer;
}

.n-collapsed-navigation-personalMessages-icon {
    background-image: url('../images/navigation/flat/user-profile-menu-icon-sprite2.png');
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
    position: relative;
    width: 20px;
    height: 33px;
    top: 4px;
}

.n-navigation-focus .n-collapsed-navigation-personalMessages-icon {
    background-position: -21px 0px !important;
}

.n-navigation-notifications-green-icon {
    background-image: url('../images/navigation/flat/notification_btn.png');
    left: 10px !important;
    top: 8px !important;
}

.x-rtl.n-navigation-notifications-green-icon {
    background-image: url('../images/navigation/flat/notification_btn.png');
    right: 10px !important;
    top: 8px !important;
}

.n-collapsed-navigation-notifications-green-icon {
    background-image: url('../images/navigation/flat/notification_btn.png');
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
}

.n-collapsed-navigation-notifications-green-icon-alert {
    background-image: url('../images/navigation/flat/information-close.png');
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
}

.x-rtl .n-collapsed-navigation-notifications-green-icon-alert {
    position: relative;
    top: 4px;
    left: 4px;
}

.n-dashboard-body {
    background-color: #fff;
}

.n-dashboard-widget-title {
}

    .n-dashboard-widget-title .x-header-text {
        font-weight: bold;
        font-size: 20px
    }

@media only screen and (max-width: 1130px) {
    .n-dashboard-widget-title .x-header-text {
        font-weight: bold;
        font-size: 16px
    }

    .n-validation-filterunit-icon {
        margin: 12px 5px 0 5px;
    }
}

@media only screen and (max-width: 1040px) {
    .n-app-header-button-text {
        display: none;
    }

    .n-app-header-button {
        height: 30px;
        padding-right: 0 !important;
    }

    .n-appheader-switchportalbutton a {
        width: 30px !important;
    }

    .x-rtl .n-app-header-button {
        padding-left: 0 !important;
        background-position-x: 0 !important;
        width: 32px;
    }

    .n-validation-filterunit-title-text {
        display: none;
    }
}

.x-rtl .n-dashboard-widget-title .x-header-text {
    margin: 0px 10px;
}

.n-navigation-notifications-red-icon {
    background-image: url('../images/navigation/flat/notifications_and_massage_status_icon.png');
    /* background-position: 0px -176px !important;*/
    background-repeat: no-repeat;
    top: 10px !important;
    left: 195px !important;
    height: 16px;
    width: 16px;
}

.n-navigation-notifications-red-icon-0 {
    display: none !important;
}

.n-navigation-notifications-red-icon-1 {
    background-position: 0px -176px !important;
}

.n-navigation-notifications-red-icon-2 {
    background-position: 0px -192px !important;
}

.n-navigation-notifications-red-icon-3 {
    background-position: 0px -208px !important;
}

.n-navigation-notifications-red-icon-4 {
    background-position: 0px -224px !important;
}

.n-navigation-notifications-red-icon-5 {
    background-position: 0px -240px !important;
}

.n-navigation-notifications-red-icon-6 {
    background-position: 0px -256px !important;
}

.n-navigation-notifications-red-icon-7 {
    background-position: 0px -272px !important;
}

.n-navigation-notifications-red-icon-8 {
    background-position: 0px -288px !important;
}

.n-navigation-notifications-red-icon-9 {
    background-position: 0px -304px !important;
}

.n-navigation-notifications-red-icon-10 {
    background-position: 0px -320px !important;
}

.n-navigation-notifications-red-icon-more {
    background-position: 0px -336px !important;
}

.n-navigation-notifications-lastVisit-text {
    left: 39px !important;
    top: 10px !important;
}

.x-rtl .n-navigation-notifications-lastVisit-text {
    right: 39px !important;
    top: 10px !important;
}

.n-navigation-notifications-lastVisit-innerText {
    margin-left: 5px;
}

.x-rtl .n-navigation-notifications-lastVisit-innerText {
    margin-right: 5px;
    margin-left: 0px;
}

.n-navigation-notifications-lastVisit-color {
    color: #bcbec0;
}


/* NAVIGATION iCONS*/
.n-navigation-icon {
    background-image: url('../images/navigation/flat/navigation_menu_icons.png');
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin: 4px 9px;
    background-position-x: 0px;
}

.x-grid-row-selected .n-navigation-icon.n-over {
    background-position-x: -28px !important;
}

.n-navigation-icon.n-over {
    background-position-x: -84px !important;
}

.n-navigation-icon.n-active {
    background-position-x: -56px !important;
}

.n-navigation-hover .n-navigation-icon {
    background-position-x: -28px !important;
}

.n-navigation-dashboard-icon {
    background-position: 0px 0px !important;
}

.n-navigation-createTaxInvoice-icon {
    background-position: 0px -28px !important;
}

.n-navigation-createwebshippingnotification-icon {
    background-position: 0px -56px !important;
}

.n-navigation-sendwebproforminvoice-icon {
    background-position: 0px -84px !important;
}

.n-navigation-proformainvoiceincoming-icon {
    background-position: 0px -112px !important;
}

.n-navigation-proformainvoiceoutgoing-icon {
    background-position: 0px -140px !important;
}

.n-navigation-shippingnotificationincoming-icon {
    background-position: 0px -168px !important;
}

.n-navigation-shippingnotificationoutgoing-icon {
    background-position: 0px -196px !important;
}

.n-navigation-salesOrders-icon {
    background-position: 0px -224px !important;
}

.n-navigation-purchaseOrders-icon {
    background-position: 0px -252px !important;
}

.n-navigation-businessopportunity-icon {
    background-position: 0px -560px !important;
}

.n-navigation-incomingReceipts-icon {
    background-position: 0px -280px !important;
}

.n-navigation-outgoingReceipts-icon {
    background-position: 0px -308px !important;
}

.n-navigation-receivedInvoices-icon {
    background-position: 0px -336px !important;
}

.n-navigation-sentInvoices-icon {
    background-position: 0px -364px !important;
}

.n-navigation-incomingPayments-icon {
    background-position: 0px -392px !important;
}

.n-navigation-outgoingPayments-icon {
    background-position: 0px -420px !important;
}

.n-navigation-documentsbysuppliersreport-icon,
.n-navigation-oorreport-icon {
    background-position: 0px -448px !important;
}

.n-navigation-recivedforecast-icon {
    background-position: 0px -476px !important;
}

.n-navigation-sentforecast-icon {
    background-position: 0px -504px !important;
}

.n-navigation-quotation-icon {
    background-position: 0px -532px !important;
}

.n-navigation-incomingRfqs-icon {
    background-position: 0px -560px !important;
}

.n-navigation-incominggeneralledger-icon {
    background-position: 0px -588px !important;
}

.n-navigation-outgoinggeneralledger-icon {
    background-position: 0px -616px !important;
}

.n-navigation-dynamicDiscountCustomer-icon {
    background-position: 0px -644px !important;
}

.n-navigation-dynamicDiscountVendor-icon {
    background-position: 0px -672px !important;
}

.n-navigation-invoiceFailureReportVendor-icon {
    background-position: 0px -448px !important;
}

.n-navigation-receivedInvoiceDrafts-icon {
    background-position: 0px -700px !important;
}

.n-navigation-sentInvoiceDrafts-icon {
    background-position: 0px -728px !important;
}

.n-navigation-invoiceFailureReportCustomer-icon {
    background-position: 0px -448px !important;
}

.n-navigation-mreateintel-icon {
    background-position: 0px -756px !important;
}

.n-navigation-pricinglists-icon {
    background-position: 0px -952px !important;
}

.n-navigation-taskstoexecute-icon {
    background-position: 0px -784px !important;
}

.n-navigation-senttasks-icon {
    background-position: 0px -812px !important;
}

.n-navigation-missingDelivaryDate-icon {
    background-position: 0px -448px !important;
}

.n-navigation-passedDueReport-icon {
    background-position: 0px -448px !important;
}

.n-navigation-missingDelivaryDate-icon {
    background-position: 0px -448px !important;
}

.n-navigation-passedDueReport-icon {
    background-position: 0px -448px !important;
}

.n-navigation-delivaryHeadsUp-icon {
    background-position: 0px -448px !important;
}

.n-navigation-mismatchConfirmedDelivaryDate-icon {
    background-position: 0px -448px !important;
}

.n-navigation-vendorDetails-icon {
    background-position: 0px -448px !important;
}

.n-navigation-taxinvoiceinprocess-icon {
    background-position: 0px -868px !important;
}

.n-navigation-campaignmanager-icon {
    background-position: 0px -896px !important;
}

.n-navigation-suppliermasterdata-icon {
    background-position: 0px -924px !important;
}

.n-navigation-salesitemcatalog-icon {
    background-position: 0px -924px !important;
}

.n-navigation-procurementitemcatalog-icon {
    background-position: 0px -924px !important;
}

.n-create-single-supplier-error-massage {
    color: #D03D1C;
}

.n-createcampaign-campaignname-header,
.n-createcampaign-campaignname-header label {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #565656;
}

    .n-createcampaign-campaignname-header td {
        vertical-align: middle;
    }

.n-create-campaign-add-single-line-btn {
    background-image: url('../images/campaignmanager/ic-add-row.png');
}

.n-create-campagin .x-form-field.x-form-text {
    height: 30px;
}

.n-create-campaign-delete-lines-btn {
    background-image: url('../images/campaignmanager/delete-selected-red.png');
}

.n-create-campaign-delete-file-btn {
    background-image: url('../images/campaignmanager/small-trash.png');
}
/*.n
    -create-campaign-language-btn-inactive {
    color: #bcc3c7;
}*/
.n-create-campaign-step-done-icon {
    height: 65px !important;
    width: 36px !important;
    /*background-image: url('../images/campaignmanager/stepper-dot-check-blue.png');*/
    background-image: url('../images/campaignmanager/stepper-dot-check-blue-with-line.png');
}

.n-create-campaign-step2-icon-blue {
    height: 65px !important;
    width: 36px !important;
    background-image: url('../images/campaignmanager/stepper-dot-2-blue.png');
    background-position: top !important;
}

.n-createcampaign-step3-link {
    color: #006FCF;
    text-decoration-line: underline;
    cursor: pointer;
}

.n-createcampaign-step3-text {
    font-family: Arial;
    font-size: 16px;
}

.n-create-campaign-step3-icon-blue {
    height: 36px !important;
    width: 36px !important;
    background-image: url('../images/campaignmanager/stepper-dot-3-blue.png');
}

.n-create-campaign-step2-icon-grey {
    height: 65px !important;
    width: 36px !important;
    /*background-image: url('../images/campaignmanager/stepper-dot-2-gray.png');*/
    background-image: url('../images/campaignmanager/stepper-dot-2-gray-with-line.png');
}

.n-create-campaign-step3-icon-grey {
    height: 38px !important;
    width: 36px !important;
    background-image: url('../images/campaignmanager/stepper-dot-3-gray.png');
}

.n-create-campaign-step1-icon-blue {
    background-image: url('../images/campaignmanager/stepper-dot-1-blue.png');
    height: 65px !important;
    width: 36px !important;
}

.n-create-campaign-steps-line {
    background-image: url('../images/campaignmanager/sep-line.png');
    background-repeat: repeat-y;
    background-position-x: 64%;
}

.x-rtl .n-create-campaign-steps-line {
    background-position-x: 35%;
}

.n-createcampaign-step-header {
    color: #222222;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
}

.n-create-campaign-step1-header-after-collapse .x-panel-header-collapsed.x-box-layout-ct {
    top: 15px !important;
}

.n-createcampaign-step1-accepting-files,
.n-createcampaign-step1-sub-header {
    font-size: 12px;
    color: #565656;
}

.n-createcampaign-steps-icons-steps-separator {
    border-left: 2px solid #e2e2e2;
    position: relative;
    width: 2px;
    left: 17px !important;
}

.n-create-campaign-language-btn {
    background-color: white;
    height: 40px;
    width: 110px;
    border-color: white;
}

.n-create-campaign-language-btn-text {
    color: black !important;
    font-size: 15px;
}

.n-createcampaign-step1-container-of-btn {
    border: 1px solid #e2e2e2 !important;
}
/* Finish Navigation Icons */
.n-navigation-logout-icon {
    background-image: url('../images/navigation/flat/log_out.png');
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
}

.n-navigation-hover.n-expanded-navigation-personalMessages {
    cursor: pointer;
}

.n-navigation-hover {
    background-color: #212327;
    font-size: 14px;
}

.n-collapsed-navigation-highlight {
    width: 4px;
    height: 35px;
}

.n-navigation-hover .n-collapsed-navigation-highlight,
.n-navigation-focus .n-collapsed-navigation-highlight {
    background-color: #006FCF;
}

.n-expanded-navigation-highlight {
    width: 4px;
}

.n-navigation-hover .n-expanded-navigation-highlight {
    background-color: #33A0FF;
}

.n-navigation-hover .n-expanded-navigation-text {
    color: #33A0FF;
}

.n-navigation-hover .n-navigation-logout-icon {
    background-image: url('../images/navigation/flat/log_out.png');
    background-position: -29px 0px !important;
    background-repeat: no-repeat;
}

.n-navigation-focus {
    /*background-color: #006FCF;*/
}


/* NAVIGATION black iCONS*/

.n-navigation-black .n-navigation-dashboard-icon {
    background-position: -56px 0px !important;
}

.n-navigation-black .n-navigation-createTaxInvoice-icon {
    background-position: -56px -28px !important;
}

.n-navigation-black .n-navigation-createwebshippingnotification-icon {
    background-position: -56px -56px !important;
}

.n-navigation-black .n-navigation-sendwebproforminvoice-icon {
    background-position: -56px -84px !important;
}

.n-navigation-black .n-navigation-proformainvoiceincoming-icon {
    background-position: -56px -112px !important;
}

.n-navigation-black .n-navigation-proformainvoiceoutgoing-icon {
    background-position: -56px -140px !important;
}

.n-navigation-black .n-navigation-shippingnotificationincoming-icon {
    background-position: -56px -168px !important;
}

.n-navigation-black .n-navigation-shippingnotificationoutgoing-icon {
    background-position: -56px -196px !important;
}

.n-navigation-black .n-navigation-salesOrders-icon {
    background-position: -56px -224px !important;
}

.n-navigation-black .n-navigation-purchaseOrders-icon {
    background-position: -56px -252px !important;
}

.n-navigation-black .n-navigation-incomingReceipts-icon {
    background-position: -56px -280px !important;
}

.n-navigation-black .n-navigation-outgoingReceipts-icon {
    background-position: -56px -308px !important;
}

.n-navigation-black .n-navigation-receivedInvoices-icon {
    background-position: -56px -336px !important;
}

.n-navigation-black .n-navigation-sentInvoices-icon {
    background-position: -56px -364px !important;
}

.n-navigation-black .n-navigation-incomingPayments-icon {
    background-position: -56px -392px !important;
}

.n-navigation-black .n-navigation-outgoingPayments-icon {
    background-position: -56px -420px !important;
}

.n-navigation-black .n-navigation-oorreport-icon {
    background-position: -56px -448px !important;
}

.n-navigation-black .n-navigation-recivedforecast-icon {
    background-position: -56px -476px !important;
}

.n-navigation-black .n-navigation-sentforecast-icon {
    background-position: -56px -504px !important;
}

.n-navigation-black .n-navigation-quotation-icon {
    background-position: -56px -532px !important;
}

.n-navigation-black .n-navigation-incomingRfqs-icon {
    background-position: -56px -560px !important;
}

.n-navigation-black .n-navigation-incominggeneralledger-icon {
    background-position: -56px -588px !important;
}

.n-navigation-black .n-navigation-outgoinggeneralledger-icon {
    background-position: -56px -616px !important;
}

.n-navigation-black .n-navigation-dynamicDiscountCustomer-icon {
    background-position: -56px -644px !important;
}

.n-navigation-black .n-navigation-dynamicDiscountVendor-icon {
    background-position: -56px -672px !important;
}

.n-navigation-black .n-navigation-invoiceFailureReportVendor-icon {
    background-position: -56px -448px !important;
}

.n-navigation-black .n-navigation-receivedInvoiceDrafts-icon {
    background-position: -56px -700px !important;
}

.n-navigation-black .n-navigation-sentInvoiceDrafts-icon {
    background-position: -56px -728px !important;
}

.n-navigation-black .n-navigation-invoiceFailureReportCustomer-icon {
    background-position: -56px -448px !important;
}

.n-navigation-black .n-navigation-mreateintel-icon {
    background-position: -56px -756px !important;
}

.n-navigation-black .n-navigation-taskstoexecute-icon {
    background-position: -56px -784px !important;
}

.n-navigation-black .n-navigation-senttasks-icon {
    background-position: -56px -812px !important;
}

.n-navigation-black .n-navigation-missingDelivaryDate-icon {
    background-position: -56px -448px !important;
}

.n-navigation-black .n-navigation-passedDueReport-icon {
    background-position: -56px -448px !important;
}

.n-navigation-black .n-navigation-delivaryHeadsUp-icon {
    background-position: -56px -448px !important;
}

.n-navigation-black .n-navigation-mismatchConfirmedDelivaryDate-icon {
    background-position: -56px -448px !important;
}

.n-navigation-black .n-navigation-vendorDetails-icon {
    background-position: -56px -448px !important;
}

.n-navigation-black .n-navigation-campaignmanager-icon {
    background-position: -56px -898px !important;
}

.n-navigation-black .n-navigation-taxinvoiceinprocess-icon {
    background-position: -56px -868px !important;
}

/* Finish Navigation On focus Icons */


.n-navigation-node-tip {
    display: none;
    background-color: #262b34;
    height: 44px;
    width: 250px;
    position: fixed;
    z-index: 90;
    padding: 12px 5px 0px 5px;
    color: #33A0FF;
    /*vertical-align: middle;*/
}

.x-panel-body-default {
    color: #53565A;
}

.n-company-form .x-panel-body-default {
    color: #565656;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.n-column-vertical-separator-bg {
    border: solid 1px #e2e2e2;
}

.n-column-horizontal-separator {
    background-color: #e2e2e2;
    color: #e2e2e2;
    border: none;
}

.x-boundlist-selected {
    color: #222222;
}

.x-boundlist-item-over {
    color: #666666;
}

/*.x-boundlist-item{
    line-height: 23px !important;
}*/

.refreshbutton {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../images/sprites/header-icons.png');
}

.editbutton {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../images/form/edit_icon_selected.png');
}

.n-editbuttongray {
    width: 10px;
    height: 26px;
    background-image: url(../images/sprites/table_icon.png) !important;
    background-position: -18px -54px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.restorebutton {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../images/webproforma/restore-totals.png');
}

.reloadbutton {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../images/webshipping/reset_icon.png');
}

.n-appheader-refresh {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 12px;
    background-color: #f6f6f6;
    background-image: url('../images/sprites/header-icons.png');
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    border: 1px solid #008767;
    background-position: 0px 0px;
    border-radius: 2px;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 30px;
    padding-right: 15px;
    color: #008767;
    font-weight: bold;
    height: 30px;
}

    .n-appheader-refresh:hover {
        background-color: #ececec;
    }

    .n-appheader-refresh:active {
        background-color: #e2e2e2;
        box-shadow: inset 0px 0px 2px 0px #fff;
    }

.x-rtl .n-appheader-refresh {
    float: right;
    padding-right: 35px;
    background-position: 100% 0px;
    margin-left: 5px;
    padding-left: 25px;
}

.n-appheader-supportbutton {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 12px;
    background-color: #f6f6f6;
    background-image: url('../images/sprites/header-icons.png');
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    border: 1px solid #006FCF;
    background-position: 0px -60px;
    border-radius: 2px;
    font-size: 14px;
    padding: 6px;
    padding-left: 30px;
    color: #006FCF;
    font-weight: bold;
}

    .n-appheader-supportbutton:hover {
        background-color: #ececec;
    }

    .n-appheader-supportbutton:active {
        background-color: #e2e2e2;
        background-position-x: -68px;
    }

    .n-appheader-supportbutton:focus {
        background-position-x: -102px;
    }

.x-rtl .n-appheader-supportbutton {
    float: right;
    margin-right: 5px;
    padding-right: 30px;
    padding-left: 20px;
    background-position: 100% -60px;
}

.n-appheader-switchportalbutton {
    float: left;
    margin-top: 12px;
    margin-right: 5px;
    margin-left: 5px;
    font-weight: bold
}

    .n-appheader-switchportalbutton a {
        border-radius: 2px;
        padding-top: 3px;
        padding-bottom: 5px;
        background-color: #f6f6f6;
    }

        .n-appheader-switchportalbutton a:hover {
            background-color: #ececec;
        }

        .n-appheader-switchportalbutton a:active {
            background-color: #e2e2e2;
            box-shadow: inset 0px 0px 2px 0px #fff;
        }

.x-rtl .n-appheader-switchportalbutton {
    float: right;
    margin-left: 5px;
    background-position: 100% -120px;
}

.n-appheader-feedbackbutton {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 12px;
    background-color: #f6f6f6;
    background-image: url(../images/sprites/header-icons.png);
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    border: 1px solid #FFB529;
    background-position: 0px -120px;
    border-radius: 2px;
    font-size: 14px;
    padding: 6px;
    padding-left: 30px;
    color: #FFB529;
    font-weight: bold;
}

    .n-appheader-feedbackbutton:hover {
        background-color: #ececec;
    }

    .n-appheader-feedbackbutton:active {
        background-color: #e2e2e2;
        box-shadow: inset 0px 0px 2px 0px #fff;
    }

.x-rtl .n-appheader-feedbackbutton {
    float: right;
    padding-right: 35px;
    margin-left: 4px;
    padding-left: 25px;
    background-position: 100% -120px;
}

.n-appheader-helpbutton {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 12px;
    background-color: #f6f6f6;
    background-image: url(../images/sprites/header-icons.png);
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    border: 1px solid #006FCF;
    background-position: 0px -150px;
    border-radius: 2px;
    font-size: 14px;
    padding: 6px;
    padding-left: 30px;
    color: #006FCF;
    font-weight: bold;
}

    .n-appheader-helpbutton:hover {
        background-color: #ececec;
    }

    .n-appheader-helpbutton:active {
        background-color: #e2e2e2;
        box-shadow: inset 0px 0px 2px 0px #fff;
    }

.x-rtl .n-appheader-helpbutton {
    float: right;
    padding-right: 35px;
    background-position: 100% -150px;
    margin-left: 4px;
    padding-left: 25px;
}

.n-edit-textbox.n-textarea-edittextfield {
    background-position: 95% 7%;
}

.x-rtl .n-edit-textbox.n-textarea-edittextfield {
    background-position: 5% 7%;
}

.n-edit-status-field {
    background-image: url('../images/form/edit_icon.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
}

.n-edit-textbox {
    border: 1px solid #006FCF !important;
    background-image: url('../images/form/edit_icon.png');
    background-repeat: no-repeat;
    background-position: 97.5% 50%;
}

.n-edit-textarea {
    background-image: url('../images/form/edit_icon.png');
    background-repeat: no-repeat;
    background-position: 99% 5%;
}

.x-rtl .n-edit-textarea {
    background-position: 1% 5%;
}

.n-edit-textarea textarea {
    background-color: transparent;
}

.x-rtl .n-edit-textbox {
    border: 1px solid #006FCF !important;
    background-image: url('../images/form/edit_icon.png');
    background-repeat: no-repeat;
    background-position: 2.5% 50%;
}

.x-rtl .n-edit-status-field {
    background-position: 2.5% 50%;
    margin-left: 10px;
}

.x-n-edit-textbox-focus {
    background-image: none;
}

.x-rtl .x-n-edit-textbox-focus {
    background-image: none;
}

.x-grid-row-summary td {
    border-bottom: none !important;
}

.x-grid-row-summary .n-forecast-summary-cell {
    background-color: #FFED9F !important;
    font-weight: bold
}

.x-grid-row-summary td.n-edittextfield .x-grid-cell-inner {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    margin: 0px 0px;
    border: none !important;
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    border-radius: initial;
}

.n-edittextfield .x-grid-cell-inner {
    background-image: url('../images/form/edit_icon.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    margin: 0px 2px;
    border: 1px solid #006FCF !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.n-webshipping-editLines-search-label {
    padding-top: 7px;
    font-size: 19px;
    line-height: 33px;
}

.n-webshipping-grid-non-edit {
    border-color: #006FCF !important;
    border-radius: 3px;
    border-width: 1px;
}

.n-asnline-action-cell .x-grid-cell-inner-action-col {
    padding: 0px;
}

.x-rtl .n-edittextfield .x-grid-cell-inner {
    background-image: url('../images/form/edit_icon.png');
    background-repeat: no-repeat;
    background-position: 5% 50%;
    border-color: #006FCF;
    border-radius: 3px;
}

.x-grid-row-summary .n-edittextfield {
    background-image: none;
    border-color: White !important;
    border-bottom-color: #EDEDED !important;
    border-radius: 0px;
    border-radius: 0px;
}

.x-grid-row-selected .n-edittextfield .x-grid-cell-inner {
    background-image: url('../images/form/edit_icon.png');
}

.n-edittextfield.x-form-focus {
    border-color: #44a6bd;
    border-color: #fff !important;
}

.n-service-call-title {
    text-align: center;
    margin: 0px;
    font-size: 20px;
}

.n-service-call-sep {
    background-color: #E6EAED;
}

.n-service-call-window-header {
    background-color: #58C2DF;
    background-image: url('../images/support/service-call-header-bg.png');
    background-position: center;
    background-repeat: no-repeat;
}

    .n-service-call-window-header .x-tool-over .x-tool-img {
        background-position: center;
    }

    .n-service-call-window-header .x-tool {
        top: 10px !important;
    }

    .n-service-call-window-header .x-tool-img {
        width: 14px;
        height: 14px;
        background-image: url('../images/support/close_support_icon.png');
        background-color: transparent;
    }

    .n-service-call-window-header .x-box-inner {
        border-bottom: none !important;
    }

.n-user-profile-navigation-icon-backround-image {
    background-image: url('../images/userprofile/background.png');
    background-position: 0px 0px !important;
    background-repeat: no-repeat;
}

.n-page-title {
    font-size: 16px;
    color: #006FCF;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.n-page-subtitle {
    font-size: 14px;
    color: #565656;
}

.n-blue-text {
    color: #006FCF;
}

.n-here-button {
    text-decoration: underline;
    cursor: pointer;
}

.n-page-subtitle-document {
    font-size: 17px;
    color: #666666;
    font-weight: normal;
    margin: 0px;
    padding-left: 15px;
}

.x-rtl .n-page-subtitle-document {
    padding-left: 0px;
    padding-right: 15px;
}

.n-email-notification-subtitles {
    font-size: 16px;
    color: #006FCF;
    font-weight: bold;
    padding-left: 40px;
    padding-top: 48px;
    padding-bottom: 10px;
}

.x-rtl .n-email-notification-subtitles {
    padding-right: 40px;
}

.n-porfiletitleicon-notifications {
    margin-top: 10px;
    background-image: url('../images/userprofile/UserProfileTitleIcons.png');
    background-position: 0px -65px;
    background-repeat: no-repeat;
    height: 40px;
}

.n-porfiletitleicon-securityquestion {
    margin-top: 10px;
    background-image: url('../images/userprofile/user-profile-title-icons.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 40px;
}

.n-export-docment-summary-btn {
    top: 3px !important;
}

.n-porfiletitleicon-documentSummery {
    background-image: url('../images/userprofile/Title_icon.png');
    height: 30px !important;
}

.n-userprofile-securityquestion-questioncontainer {
    border-left: 2px solid #006FCF;
}

.x-rtl .n-userprofile-securityquestion-questioncontainer {
    border-right: 2px solid #006FCF;
    border-left: 0 !important;
}

.n-userprofile-securityquestion-password {
    margin-left: 25px;
}

.x-rtl .n-userprofile-securityquestion-password {
    margin-left: 0px !important;
}

.n-userprofile-securityquestion-passworderror {
    margin-left: 10px !important;
    color: #D03D1C;
}

.x-rtl .n-userprofile-securityquestion-passworderror {
    margin-left: 0px !important;
    margin-right: 10px !important;
}

.n-userprofile-securityquestion-savebutton {
    left: 178px !important;
    width: 210px !important;
    margin-top: 20px !important;
}

.x-rtl .n-userprofile-securityquestion-savebutton {
    left: 0px !important;
    right: 178px !important;
}

.n-porfiletitleicon-changepassword {
    margin-top: 10px;
    background-image: url('../images/userprofile/user-profile-title-icons.png');
    background-position: 0px -30px;
    background-repeat: no-repeat;
    height: 40px;
}

.n-userprofile-changePassword-password-textfield {
    margin-bottom: 18px !important;
}

.n-userprofile-changePassword-errorsection {
    color: red;
    margin-left: 10px !important;
    margin-top: 15px !important;
}

    .n-userprofile-changePassword-errorsection ul {
        margin-top: 5px !important;
        padding-left: 18px !important;
    }

.x-rtl .n-userprofile-changePassword-errorsection {
    margin-top: 12px !important;
    margin-right: 10px !important;
}

    .x-rtl .n-userprofile-changePassword-errorsection ul {
        padding-left: 0px !important;
        padding-right: 14px !important;
    }

.n-userprofile-changePassword-changepasswordbutton {
    left: 152px !important;
    width: 210px !important;
    margin-top: 20px !important;
}

.x-rtl .n-userprofile-changePassword-changepasswordbutton {
    left: 0px !important;
    right: 152px !important;
}

.n-user-profile-toggle-btn {
    background-image: url('../images/userprofile/off.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

    .n-user-profile-toggle-btn.x-btn-pressed {
        background-image: url('../images/userprofile/on.png');
    }

.n-user-profile-checkbox-space {
    margin: 15px 20px 15px 0px;
}

.n-userprofile-notifications-titledisable {
    color: #cacaca;
}

.n-user-profile-section-header {
    font-weight: bold;
    color: #006FCF;
}

.n-userprofile-notifications-column {
    border-right: 1px solid #e0e0e0;
}

.x-rtl .n-userprofile-notifications-column {
    border-right: 0;
    border-left: 1px solid #e0e0e0;
}

.n-userprofile-notifications-savebutton {
    left: 375px !important;
}

.x-rtl .n-userprofile-notifications-savebutton {
    left: 0px !important;
    right: 375px !important;
}

.n-userprofilewidget {
    background-image: url('../images/userprofile/background.png');
    background-repeat: repeat-x;
}

.n-userprofilentabs {
    background-color: #f0f0f0;
}

    .n-userprofilentabs .x-tab {
        border-top: 2px solid #006FCF;
        margin-left: -2px;
        margin-right: -2px;
    }

.n-userprofilentabs-comingsoon {
    background-image: url('../images/userprofile/scissors-with-cut-lines.png');
    background-repeat: no-repeat;
    width: 580px;
    height: 203px;
    margin-top: 100px;
    margin-left: 130px;
    color: #006FCF;
    text-align: center;
}

.x-rtl .n-userprofilentabs-comingsoon {
    margin-left: 0px !important;
    margin-right: 130px;
}

.n-userprofilentabs-comingsoontext {
    margin-top: 60px;
    margin-bottom: 0px !important;
    font-size: 40px;
    font-weight: bold;
}

.n-userprofilentabs-comingsoontextsmall {
    font-size: 15px;
    margin-top: 9px;
}

.n-userprofilentabs .x-tab-bar-default-top {
    background-color: #f0f0f0;
    border-width: 0;
    top: 5px !important;
    left: 2px !important;
}

.x-rtl .n-userprofilentabs .x-tab-bar-default-top {
    right: 2px !important;
}

.n-userprofilentabs .x-tab-default .x-tab-inner {
    font-family: Arial;
    font-size: 15px;
    color: #666666;
}

.n-userprofilentabs .x-tab-bar-body a {
    border-radius: 0;
}

    .n-userprofilentabs .x-tab-bar-body a:hover {
        border-bottom: 3px solid white;
    }

.n-userprofilentabs .x-tab-default-active .x-tab-inner {
    color: #222222 !important;
    font-weight: bold;
}

.n-userprofilentabs .x-tab-bar-body .x-tab-default-top-active {
    border-left-width: 2px !important;
    border-right-width: 2px !important;
    border-top-width: 5px !important;
    border-bottom-width: 0px !important;
    border-bottom-color: white !important;
}

.n-hierarchy-manager-tabs .x-horizontal-box-overflow-body {
    background-color: #ffffff !important;
    border-bottom: 1px solid #bcc3c7;
}

.n-hierarchy-manager-tabs .x-tab {
    border-top: none;
    border-right: none;
    border-left: none;
}

.n-manage-delegates-tabs .x-horizontal-box-overflow-body {
    background-color: #ffffff !important;
    border-bottom: 1px solid #bcc3c7;
}

.n-manage-delegates-tabs .x-tab {
    border-top: none;
    border-right: none;
    border-left: none;
}

.n-approve-req {
    width: 90px;
    height: 24px;
    border-radius: 2px;
    border: solid 1px #006FCF;
    background-color: #006FCF;
    font-family: Arial;
    font-size: 14px;
    color: #ffffff;
    margin-left: 5px;
    cursor: pointer;
}

.n-deny-req {
    width: 90px;
    height: 24px;
    border-radius: 2px;
    border: solid 1px #B81A17;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    color: #B81A17;
    margin-left: 5px;
    cursor: pointer;
}


.x-rtl .n-delegation-permission-radio {
    right: unset !important;
}

.n-edit-users {
    color: #006FCF;
    cursor: pointer;
    text-decoration: underline;
    float: right;
    margin-right: 45px;
}

.x-rtl .n-edit-users {
    color: #006FCF;
    cursor: pointer;
    text-decoration: underline;
    float: left;
    margin-left: 45px;
}

.n-edit-users-list {
    float: left;
}

.x-rtl .n-edit-users-list {
    float: right;
}

.n-set-users {
    color: #006FCF;
    cursor: pointer;
    text-decoration: underline;
}

.n-manage-delegates-tabs tr.x-grid-row:first-child .n-hierarchy-column-button {
    display: inline-block;
}


.n-site-delegation-list-rejected .x-grid-cell {
    background-color: #ffe3e3 !important;
}

.n-site-delegation-list-requested .x-grid-cell {
    background-color: #fff4e5 !important;
}

.n-row-delegation .x-grid-cell-first {
    border-left: solid 2px #006FCF !important;
    border-right: none !important;
}

.x-rtl .n-row-delegation .x-grid-cell-first {
    border-right: solid 2px #006FCF !important;
    border-left: none !important;
}

.n-row-delegation .x-grid-cell-first .x-grid-cell-inner {
    padding: 13px 5px 12px 3px;
}

.x-rtl .n-row-delegation .x-grid-cell-first .x-grid-cell-inner {
    padding: 13px 3px 12px 5px;
}

.n-manage-delegates-tabs .x-tab-bar-body .x-tab-default-top-active {
    border-bottom: 1px solid #006FCF !important;
}

    .n-manage-delegates-tabs .x-tab-bar-body .x-tab-default-top-active span {
        color: #006FCF !important;
    }

.n-task-configuration-tabs tr.x-grid-row:first-child div,
.n-hierarchy-manager-tabs tr.x-grid-row:first-child div {
    background-color: #e2e2e2 !important;
}

.n-task-configuration-tabs tr.x-grid-row:first-child .n-hierarchy-column-button,
.n-hierarchy-manager-tabs tr.x-grid-row:first-child .n-hierarchy-column-button {
    display: inline-block;
}

.n-hierarchy-manager-tabs .x-tab-bar-body .x-tab-default-top-active {
    border-bottom: 1px solid #006FCF !important;
}

    .n-hierarchy-manager-tabs .x-tab-bar-body .x-tab-default-top-active span {
        color: #006FCF !important;
    }

.n-hierarchy-tree-search-field .n-filter-field-input {
    height: 28px !important;
}

.n-userprofilenotification {
    border-left-color: #9ECC69;
    border-left-width: 5px;
}

.n-userprofile-navigation-user-image {
    background-image: url('../images/userprofile/user_avatar.png');
    background-repeat: no-repeat;
}

    .n-userprofile-navigation-user-image.x-rtl {
        right: 0px !important;
    }

.n-userprofile-navigation-menu.x-rtl {
    right: 0px !important;
}

.n-userprofile-navigation-menu-header {
    background-color: #f1f1f1;
}

.n-userprofile-mydetails-icon {
    background-color: #ef6563;
    margin: 0px;
    height: 50px;
    top: 0px;
    width: 5px;
}

.x-menu-item-active .n-userprofile-mydetails-icon {
    margin: 0px;
    height: 50px;
    top: 0px;
    width: 5px;
}

.n-userprofile-mydetails-over {
    background-color: #ef6563;
    background-image: none;
}

.n-userprofile-navigation-menu-item-my-details.x-menu-item-active {
    background-color: #ef6563;
    background-image: none;
}

.n-userprofile-menu-item .x-menu-item-text {
    line-height: 35px;
}

.n-userprofile-company-details-icon {
    background-color: #ffcc3f;
    margin: 0px;
    height: 50px;
    top: 0px;
    width: 5px;
}

.x-menu-item-active .n-userprofile-company-details-icon {
    margin: 0px;
    height: 50px;
    top: 0px;
    width: 5px;
}

.n-userprofile-company-details-over {
    background-color: #ffcc3f;
    background-image: none;
}

.n-userprofile-navigation-menu-item-company-details.x-menu-item-active {
    background-color: #ffcc3f;
    background-image: none;
}

.n-userprofile-notifications-icon {
    background-color: #9ecc69;
    margin: 0px;
    height: 50px;
    top: 0px;
    width: 5px;
}

.x-menu-item-active .n-userprofile-notifications-icon {
    margin: 0px;
    height: 50px;
    top: 0px;
    width: 5px;
}

.n-userprofile-notifications-over {
    background-color: #9ecc69;
    background-image: none;
}

.n-userprofile-navigation-menu-item-notifications.x-menu-item-active {
    background-color: #9ecc69;
    background-image: none;
}

.n-userprofile-password-icon {
    background-color: #59BEDB;
    margin: 0px;
    height: 50px;
    top: 0px;
    width: 5px;
}

.x-menu-item-active .n-userprofile-password-icon {
    margin: 0px;
    height: 50px;
    top: 0px;
    width: 5px;
}

.n-userprofile-password-over {
    background-color: #59BEDB;
    background-image: none;
}

.n-userprofile-navigation-menu-item-password.x-menu-item-active {
    background-color: #59BEDB;
    background-image: none;
}

.n-userprofile-security-question-icon {
    background-color: #8267ab;
    margin: 0px;
    height: 50px;
    top: 0px;
    width: 5px;
}

.x-menu-item-active .n-userprofile-security-question-icon {
    margin: 0px;
    height: 50px;
    top: 0px;
    width: 5px;
}

.n-userprofile-security-question-over {
    background-color: #8267ab;
    background-image: none;
}

.n-userprofile-navigation-menu-item-security-question.x-menu-item-active {
    background-color: #8267ab;
    background-image: none;
}

.n-userprofile-username {
    color: white;
    background-color: #303541;
    opacity: 0.8;
    height: 50px;
    line-height: 50px;
    padding: 0px 10px;
    position: absolute;
    width: 68%;
    font-size: 25px;
    font-weight: bold;
    text-overflow: clip;
    overflow: hidden;
    z-index: 100;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.n-userprofile-sitename {
    color: white;
    background-color: #303541;
    position: absolute;
    height: 30px;
    line-height: 30px;
    top: 240px;
    left: 20px;
    padding: 0px 10px;
    z-index: 101;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.x-rtl .n-userprofile-sitename {
    right: 20px;
    left: initial;
}

.n-userprofile-comapny-icon {
    margin: 0px 10px;
}

.n-portal-column-toolbar {
    background-color: transparent !important;
    border-style: solid !important;
    border-right-width: 1px !important;
    border-color: #E2E2E2 !important;
    padding: 2px 0px 2px 0px;
    top: -2px !important;
}

.x-rtl .n-portal-column-toolbar {
    border-left-width: 1px !important;
    border-right-width: 0px !important;
    padding: 2px 2px 0 0px !important;
}

.n-portal-reexpander {
    background-color: transparent !important;
}

.n-portal-column-collapse-btn {
    background-color: #006FCF;
}

.n-portal-column-collpse-icon.x-btn-icon-el {
    height: 24px;
    width: 24px;
    background-image: url(../images/portal/icon-arrow-column-btn-collapsed.png);
    top: 11px;
    left: -2px;
}

.x-rtl .n-portal-column-collpse-icon.x-btn-icon-el {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.n-appendix-highlight {
    background-image: url(../images/portal/column-btn-expanded.png);
    background-color: transparent !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.x-rtl .n-appendix-highlight {
    background-image: url(../images/portal/column-btn-expanded-rtl.png);
}

.n-highlight-notification {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #008767;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    position: absolute;
    top: 7px;
    left: 2px;
    min-width: 12px;
    color: #fff;
    padding: 1px;
}

.n-highlight-icon {
    height: 14px;
    width: 14px;
    background-repeat: no-repeat;
}

.n-note-highlight-icon {
    background-image: url(../images/note/highlight-icon.png);
}

.n-attachment-highlight-icon {
    background-image: url(../images/attachment/highlight-icon.png);
}

.n-whattodo-highlight-icon {
    background-image: url(../images/whattodo/highlight-icon.png);
}

.x-portal-body {
    background-color: transparent;
}

.n-first-portlet {
    margin-top: 0px !important;
}

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



/*---- Columns settings -----------*/
.n-single-column {
    padding: 0px 0px 0px 0px !important;
}

.n-first-column {
    padding: 0px 0px 0px 0px !important;
}

    .n-first-column.n-close-columns {
        padding: 0px 0px 0px 0px !important;
    }

.x-rtl .n-first-column {
    padding: 0px 0px 0px 0px !important;
}

    .x-rtl .n-first-column.n-close-columns {
        padding: 0px 0px 0px 0px !important;
    }

.n-last-column {
    padding: 0px 0px 0px 10px !important;
}

    .n-last-column.n-close-columns {
        padding: 0px 0px 0px 10px !important;
    }

.x-rtl .n-last-column {
    padding: 0px 10px 0px 0px !important;
}

    .x-rtl .n-last-column.n-close-columns {
        padding: 0px 10px 0px 0px !important;
    }

.n-last-column.n-portal-column-support-collapse {
    padding: 0px 0px 0px 0px !important;
}

.x-rtl .n-last-column.n-portal-column-support-collapse {
    padding: 0px 0px 0px 0px !important;
}

.n-portal-appendix-column-body {
    background-color: #FFFFFF;
}

.n-last-column.n-portal-column-support-collapse.n-portal-appendix-column {
    padding: 0px 0px 0px 0px !important;
}

    .n-last-column.n-portal-column-support-collapse.n-portal-appendix-column .n-first-portlet {
        margin-top: 15px !important;
    }

.n-portal-appendix-column .x-panel-body-portlet {
    border-top: 1px solid #E2E2E2 !important;
}

/*---- Columns settings -----------*/



.n-msgbox-icon-rejected {
    background-image: url('../Images/sprites/popup_icons.png') !important;
    width: 28px !important;
    height: 38px !important;
    margin: 3px 5px !important;
    background-repeat: no-repeat;
    background-position: -54px 0px !important;
}

.n-msgbox-icon-ok {
    background-image: url('../images/msgboxicon/ok.png');
    width: 28px !important;
    top: 8px !important;
    background-repeat: no-repeat;
}

.n-msgbox-icon-warning {
    background-image: url('../images/msgboxicon/warning.png');
    width: 28px !important;
    top: 8px !important;
    background-repeat: no-repeat;
}

.n-msgbox-icon-info {
    background-image: url('../images/msgboxicon/info.png');
    width: 29px !important;
    top: 8px !important;
    background-repeat: no-repeat;
}

.n-orderForm-header-section-panel-header {
    background-color: #F7F7F7;
    border: 1px solid#E8E8E8 !important;
}

    .n-orderForm-header-section-panel-header .x-panel-header-text-container-default {
        padding: 0 10px 1px;
    }

.n-order-header-titles .x-form-item-label {
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    font-weight: 100;
}

.n-order-header-invoicebalance {
    margin-left: 105px;
    font-size: 14px;
    color: #008767;
    font-style: italic;
    font-family: Arial;
}

.x-rtl .n-order-header-invoicebalance {
    margin-right: 105px;
    margin-left: 0;
}

.n-order-header-paidbalance {
    font-size: 14px;
    color: #666666;
    font-style: italic;
    font-family: Arial;
    white-space: normal;
}

.n-order-header-titles .x-form-display-field {
    white-space: pre;
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    text-align: right;
    font-weight: 100;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 3px;
}

.x-rtl .n-order-header-titles .x-form-display-field {
    text-align: left;
}

.n-taxinvoice-header-small-resolution #taxinvoiceheadersupplier,
.n-taxinvoice-header-small-resolution #taxinvoiceheaderinvoiceinfo {
    margin: 15px 10px 15px 0px !important;
}

.n-taxinvoice-header-totals {
    margin: 10px 0px 0px 80px !important;
}

.n-taxinvoice-header-titles .n-taxinvoice-header-currency-invoice .x-form-display-field,
.n-document-header-titles .n-document-header-currency-invoice .x-form-display-field {
    width: 127px !important;
    text-align: left;
}

.x-rtl .n-taxinvoice-header-titles .n-taxinvoice-header-currency-invoice .x-form-display-field,
.x-rtl .n-document-header-titles .n-document-header-currency-invoice .x-form-display-field {
    text-align: right;
}

.n-taxinvoice-header-titles .n-taxinvoice-header-currency-order .x-form-display-field,
.n-document-header-titles .n-document-header-currency-order .x-form-display-field {
    width: 127px !important;
    text-align: center;
}

.n-taxinvoice-header-titles .n-taxinvoice-header-currency-tax .x-form-display-field,
.n-document-header-titles .n-document-header-currency-tax .x-form-display-field {
    width: 127px !important;
    text-align: right;
}

.n-taxinvoice-header-panel .n-taxinvoice-editible-doctype .n-edit-textbox,
.n-document-header-panel .n-document-editible-doctype .n-edit-textbox {
    width: 100% !important;
}

.n-taxinvoice-editible-doctype {
    float: right;
}

.n-taxinvoice-doctype-editable-title {
    max-width: 140px;
    float: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.x-rtl .n-taxinvoice-doctype-editable-title {
    float: left;
}

.n-taxinvoice-editible-doctype label {
    width: 100% !important;
}

.x-rtl .n-taxinvoice-editible-doctype {
    float: left;
}

.n-taxinvoice-origintoctype-label {
    float: right;
    white-space: pre;
}

.x-rtl .n-taxinvoice-origintoctype-label {
    float: left;
}

.n-taxinvoice-currency-firstvalue {
    text-align: left;
}

.x-rtl .n-taxinvoice-currency-firstvalue {
    text-align: right;
}

.n-taxinvoice-currency-secondvalue {
    text-align: center;
}

.n-taxinvoice-currency-thirdvalue {
    text-align: right;
}

.x-rtl .n-taxinvoice-currency-thirdvalue {
    text-align: left;
}

.x-rtl .n-taxinvoice-header-currency-tax .x-form-display-field {
    text-align: left;
}

.n-taxinvoice-currencies-section {
    width: 435px;
}

    .n-taxinvoice-currencies-section td {
        width: 33%;
    }

.n-taxinvoice-n-bold .x-form-display-field,
.n-document-n-bold .x-form-display-field {
    font-weight: bold !important;
}

.n-text-align {
    text-align: left !important;
}

.x-rtl .n-text-align {
    text-align: right !important;
}

.n-direction {
    direction: ltr !important;
}

.x-rtl .n-direction {
    direction: rtl !important;
}

.x-rtl .n-taxinvoice-header-currency-title .x-form-display-field {
    text-align: right !important;
}

div .n-order-header-totals .x-form-display-field {
    text-align: right;
    margin-left: -70px;
    font-weight: bold;
}

.x-rtl div .n-order-header-totals .x-form-display-field {
    text-align: left;
    margin-left: 0;
    margin-right: -70px;
}

.n-order-header-total-balance .x-form-display-field {
    text-align: right;
}

.x-rtl .n-order-header-total-balance .x-form-display-field {
    text-align: left;
}

.n-order-header-small-resolution .n-order-header-far-column {
    margin: 10px 0px 0px 40px !important;
}

.x-rtl .n-order-header-small-resolution .n-order-header-far-column {
    margin: 10px 40px 0px 0px !important;
}

.n-order-header-comment textarea,
.n-order-header-change-request textarea {
    border: none;
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    font-weight: 100;
}

.n-company-details .x-tab-active,
.n-order-details .x-tab-active {
    border-top: 4px #006FCF solid;
}

.n-order-header-titles .x-panel-header .x-panel-header-body {
    border-bottom: 1px #9a9a9a solid;
    height: 24px;
}

.n-order-header-titles .x-panel-header-text-container {
    padding: 0px 13px;
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    height: 19px !important;
}

.n-task-header-titles .x-panel-header .x-panel-header-body {
    border-bottom: 1px #9a9a9a solid;
    height: 24px;
    max-width: 920px;
}

.n-task-header-titles .x-panel-header-text-container {
    padding: 0px 13px;
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    height: 19px !important;
}

.n-task-header-titles .x-form-item-label {
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    font-weight: 100;
}

.n-task-header-titles .x-form-display-field {
    white-space: pre;
    font-size: 14px;
    font-family: Arial;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 3px;
}

.x-rtl .n-task-header-titles .x-form-display-field {
    text-align: left;
}

.n-taxinvoice-header-titles .x-panel-header .x-panel-header-body,
.n-document-header-titles .x-panel-header .x-panel-header-body {
    border-bottom: 1px #9a9a9a solid;
    height: 24px;
}

.n-taxinvoice-header-titles .x-form-item-label,
.n-document-header-titles .x-form-item-label {
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    font-weight: 100;
}

.n-taxinvoice-header-titles .x-panel-header-text-container,
.n-document-header-titles .x-panel-header-text-container {
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    height: 19px !important;
}

.n-taxinvoice-header-titles .x-form-display-field,
.n-document-header-titles .x-form-display-field {
    white-space: pre;
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    text-align: right;
    font-weight: 100;
    text-overflow: ellipsis;
    overflow: hidden;
    border: none;
}

.n-taxinvoice-header-titles .n-displayfield-contact-email .x-form-display-field {
    text-align: left;
}

.x-rtl .n-taxinvoice-header-titles .n-displayfield-contact-email .x-form-display-field {
    text-align: right;
}

.x-rtl .n-taxinvoice-header-titles .x-form-display-field,
.x-rtl .n-document-header-titles .x-form-display-field {
    text-align: left;
}

.n-taskForm-header-section-panel-header .x-header-text {
    font-weight: bold;
    margin: 0px 7px;
}

.n-orderForm-header-section-panel-header .x-header-text {
    color: #000 !important;
    font-weight: bold;
}

.n-list-top-toolbar-form {
    padding: 5px 4px 0px 4px;
}

.x-grid-cell-rowbody {
    background-color: #006FCF;
}

.x-grid-rowbody {
    padding: 0px 0px 1px 4px;
    background-color: #006FCF;
}

.x-rtl .x-grid-rowbody {
    padding: 0px 4px 1px 0px;
    background-color: #006FCF;
}

.x-grid-rowbody .x-panel-body {
    background-color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.x-grid-rowbody .x-tab {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.x-grid-rowbody .x-tab-active.x-tab-default .x-tab-inner,
.x-grid-rowbody .x-tab-over.x-tab-default .x-tab-inner {
    color: #303541 !important;
    font-weight: bold;
}

.x-grid-rowbody .x-tab-default .x-tab-inner {
    color: #fff;
    font-size: 12px;
}

.x-grid-rowbody .x-column-header {
    background-color: #F7F7F7;
    font-weight: bold;
}

.x-grid-rowbody .x-grid-header-ct {
    background-color: #F7F7F7;
}

.x-grid-rowbody .x-column-header .x-column-header-text {
    color: #303541;
    font-size: 12px;
}

.x-grid-rowbody .x-column-header-over,
.x-grid-rowbody .x-column-header-over .x-column-header-trigger {
    background-color: #CCCCCC;
}

.n-customrowexpander-cell {
    background-color: #006FCF !important;
}

.x-grid-row-collapsed .n-customrowexpander-cell {
    background-color: #F7F7F7 !important;
}

.n-orderForm-action-panel-header-rejectionReason {
    color: #f00;
    font-weight: bold;
}

.n-order-rejection-reason-field .x-form-display-field {
    border: 1px solid #CDCED0;
    min-height: 60px;
}

.n-orderForm-action-panel-header-rejectionReason-header {
    margin-bottom: 10px;
}

.n-order-reply-notification {
    background-color: #FF604E;
    color: #fff;
    font-size: 11pt;
    line-height: 25px;
    padding: 6px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

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

.x-grid-row-expander {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    cursor: pointer;
    background-image: url(../images/rowexpander/group-collapse-blue-big.png);
    background-position: -12px;
    background-repeat: no-repeat;
}

.x-grid-row-collapsed .x-grid-row-expander {
    background-image: url(../images/rowexpander/group-expand-big.png);
}

.x-livesearch-match {
    font-weight: bold;
    background-color: #FFCD40;
}

.n-webinvoice-document-sign-status {
    font-size: 15px;
    font-weight: bold;
}

.n-webinvoice-digital-sign-document-line-status {
    height: 25px;
    border: none;
}

.n-webinvoice-digital-sign-document-text {
    font-weight: bold;
    font-size: 14px;
    padding: 18px;
}

.n-webinvoice-sidebyside-digital-sign-document-text {
    font-weight: bold;
    font-size: 14px;
    line-height: 48px;
}

.n-webinvoice-sign-document-procceccing-gif {
    background-image: url(../images/dig_sig_loader.gif);
    height: 10px;
    width: 160px;
    display: inline-block;
    margin: 0px 8px;
}

.n-webinvoice-sidebyside-sign-document-procceccing-gif {
    height: 48px;
    width: 48px;
    display: inline-block;
    margin: -14px 8px;
    background-image: url('../images/spinner.gif');
    background-size: 48px;
    float: left;
}


.x-rtl .n-webinvoice-sidebyside-sign-document-procceccing-gif {
    height: 48px;
    width: 48px;
    display: inline-block;
    margin: -14px 8px;
    background-image: url('../images/spinner.gif');
    background-size: 48px;
    float: right;
}

.n-webinvoice-sign-document-done-icon {
    background-image: url(../images/dig_sig_icons.png);
    background-repeat: no-repeat;
    background-position: 0px;
    height: 28px;
    width: 24px;
    display: inline-block;
    margin: -8px 0px;
}

.x-rtl .n-webinvoice-sign-document-done-icon {
    margin: -8px 1px;
}

.n-webinvoice-sign-document-error-icon {
    background-image: url(../images/dig_sig_icons.png);
    background-repeat: no-repeat;
    background-position: -22px;
    height: 26px;
    width: 22px;
    display: inline-block;
    margin: -8px 1px;
}

.n-webinvoice-digital-sign-document-orange {
    color: #ffb529;
}

.n-webinvoice-digital-sign-document-green {
    color: #008767;
}

.n-webinvoice-digital-sign-document-red {
    color: #f86d63;
}

.n-webinvoice-digital-sign-document-border-bottom {
    height: 1px;
    background-color: #F7F7F7;
    border: none;
}

.n-webinvoice-digital-sign-document-text .n-signing-document {
    color: orange;
}

.n-font-bold,
.n-webinvoice-invoiceorigin-document-sign-password {
    font-weight: bold;
}

.n-webinvoice-sidebyside-invoiceorigin-document-sign-password {
    color: #565656;
    font-size: 16px;
}

.n-webinvoice-sign-document-error-retry {
    text-decoration: underline;
    cursor: pointer;
}

.n-webinvoice-invoiceorigin-document-sign-password-disabled {
    font-weight: bold;
    color: grey;
    font-size: 13px;
}

.n-webinvoice-sidebyside-invoiceorigin-document-sign-password-disabled {
    color: #565656;
    font-size: 16px;
}

.n-webinvoice-invoiceorigin-document-sign-password-border {
    font-weight: bold;
}

.n-webinvoice-based-on-label {
    min-width: 100px;
}

.clickable-grid-cell {
    text-decoration-line: underline;
    color: #006FCF !important;
    cursor: pointer;
}

    .clickable-grid-cell:hover {
        text-decoration-line: underline;
        color: #006FCF;
        cursor: pointer;
    }

.x-rtl .x-form-numberfield {
    text-align: left;
}

.rtl-number {
    direction: ltr;
}

.x-rtl .rtl-number {
    text-align: right;
}

.n-factoring-status-icon {
    margin: 3px 6px 3px 0px;
    width: 65px;
    height: 70px;
}

.x-rtl .n-factoring-status-icon {
    margin: 3px 0px 3px 6px;
}

.n-factoring-status-icon-approved {
    background-image: url('../images/status/approved.png') !important;
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
}

.n-factoring-status-icon-rejected {
    background-image: url('../images/status/rejected.png') !important;
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
}

.n-factoring-status-icon-complete {
    background-image: url('../images/status/completed.png') !important;
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
}

.n-factoring-status-icon-paid {
    background-image: url('../images/status/paied.png') !important;
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
}

.n-factoring-status-icon-new {
    background-image: url('../images/status/new.png') !important;
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
}

.n-factoring-status {
    line-height: 10pt;
    font-size: 10pt;
}

.n-factoring-current-staut-table {
    width: 1100px;
    height: 70px;
    border-top: 1px solid #F0F2F3;
    border-bottom: 1px solid #F0F2F3;
}

.n-factoring-status-text {
    padding-left: 10px;
    padding-right: 30px;
}

.x-rtl .n-factoring-status-text {
    padding-right: 10px;
    padding-left: 30px;
}

.n-simple-search-trigger {
    font-size: 18px;
}

.n-filter-field-body {
    font-size: 18px;
}

.x-window-default {
    padding-left: 17px;
    padding-right: 17px;
}

.n-webshipping-line-action-icon {
    background-image: url(../Images/sprites/add_remove_sprite.png) !important;
    background-repeat: no-repeat;
    border: none;
    width: 20px;
    height: 20px;
}

.n-webshipping-line-add {
    background-position: 0px 0px;
}

.n-webshipping-line-delete {
    background-position: 0px -20px;
}

.n-webshipping-addmultipleattachmentsform-delete-button {
    background-image: url(../Images/webshipping/delete-button-blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
}

.x-btn-over.n-webshipping-line-add {
    background-position: -20px 0px;
    border: none !important;
}

.x-btn-over.n-webshipping-line-delete {
    background-position: -20px -20px;
    border: none !important;
}

.x-grid-row-selected .n-webshipping-line-delete {
    background-position: -60px -20px;
}

.n-factoring-request-form-icon-design {
    height: 10px;
}

.n-factoring-request-form-header {
    background-color: #F4F5F5;
}

.n-factoring-request-header-icon {
    vertical-align: middle;
}

.n-factoring-request-form-header .x-header-text {
    font-weight: bold;
}

.n-factoring-request-form-header .x-tool-img {
    background-color: #F4F5F5;
}

.n-factoring-candidate-message-terms {
    font-size: 16px;
}

.n-factoring-candidate-message-confirm-text {
    font-size: 16px;
}

.n-factoring-candidate-message {
    font-size: 16px;
    line-height: 10px;
}
.n-factoring-candidate-submitted .n-factoring-candiate-submitted-body {
    font-size: 16px;
}

.n-factoring-candidate-submitted .n-factoring-candiate-submitted-date {
    font-size: 16px;
    color: #666;
}
.n-factoring-candidate-submitted .x-window-body {
    border: none;
}

.factoring-candidate-message-align-center {
    text-align: center;
}

.n-factoring-candiate-submitted-body {
    height: 30px;
}

.n-factoring-candiate-submitted-date {
    font-size: 16px;
    font-weight: bold;
    height: 30px;
}

.n-webshippinglines-lines-counter {
    font-size: 13px;
    font-weight: bold;
    color: red;
}

.n-webshippinglines-conflict-box {
    font-size: 14px;
    top: 17px !important;
    color: #565656;
    background-color: #eef8fd;
    left: 177px !important;
    right: 11px !important;
}

.x-rtl .n-webshippinglines-conflict-box {
    left: 11px !important;
    right: 177px !important;
}

.n-webshippinglines-conflict-more-info {
    cursor: pointer;
    color: #006FCF;
}

.n-webshipping-editlines-win-title {
    color: #006FCF;
    font-weight: bold;
    font-size: 22px;
    padding: 5px 5px;
}

.n-webshipping-conflict-address-record-data {
    padding-left: 2em;
}

.n-webshipping-conflict-address-record-label-field {
    font-weight: bold;
}

.n-webshipping-conflict-address-record-radio-sub-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.n-webshipping-addSerial, .n-webshipping-addbatches, .n-webshipping-addfiles, .n-webshipping-deliveryterms, .n-webshipping-seeterms {
    text-decoration: underline;
    cursor: pointer;
    color: #006FCF;
}

.n-top-align-label-field .x-form-item-body div {
    margin-bottom: 1px;
}

.n-forecastdetails-body {
    background-color: #fff;
}

.n-forecast-nagative-value-cell {
    background-color: #F7E3E4 !important;
    color: #ec1e24 !important;
    font-weight: bold !important;
}

    .n-forecast-nagative-value-cell .x-grid-cell-inner {
        direction: ltr;
    }

.n-forecast-toptoolbar {
    background-color: #F1F1F1;
}

.n-forecast-collaspe-warp {
    background-color: #fff;
}

.n-forecast-items-warp {
    background-color: #fff;
}

.n-forecast-subtitle {
    color: #222222;
    font-size: 15px;
}

.n-webshipping-header-required-field {
    color: #f06151;
    font-weight: bold;
    font-size: 12px;
}

.n-deliverynoteform-header-section-panel-header {
    background-color: #F7F7F7;
    border: 1px solid#E8E8E8 !important;
}

.n-task-header-section-panel-header {
    background-color: #FFF;
}

.n-webshipping-header-sub-header {
    font-size: 15px;
    font-weight: bold;
    color: #565656;
}

.x-rtl n-webshipping-header-sub-header {
    direction: rtl;
}

.n-deliveryNot-certificate-mandatory {
    color: red;
    font-size: 12px;
    background-color: rgba(224, 169, 199, 0.52);
    padding: 2px 4px;
    border-radius: 4px;
}

.n-webshipping-panel-border-bottom {
    border: 1px solid #E9EAEA;
    padding: 0px;
}

.x-field x-table-plain x-form-item x-form-type-text x-box-item x-ltr x-field-default x-hbox-form-item {
    width: 250px;
}

.n-webproforma-notification-textfield-label {
    font-weight: bold;
    width: 250px;
}

.n-webshippingnote-accordion-header-step-section {
    color: #006FCF;
    font-weight: bold;
}

.n-webshippinglines-edit-win-sub-title {
    font-size: 17px;
    color: #666666;
}

.n-webshippingnote-accordion-header-description-section {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #565656;
}

.x-rtl .n-webshippingnote-accordion-header-description-section {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    color: #565656;
}

.n-webshipping-grid-lines-header {
    font-size: 20px;
}

.n-webshipping-customer-v {
    display: none;
}

.n-webshipping-customerlist-selected .n-webshipping-customer-v {
    display: block;
}

.n-webshipping-customer-logo {
    height: 87px;
    width: 108px;
    padding-top: 67px;
    padding-left: 90px;
    margin-bottom: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.x-rtl .n-webshipping-customer-logo {
    padding-left: 0px;
    padding-right: 90px;
}

.webshipping-accordion-steps {
    width: 100%;
    height: 60px;
    border-radius: 3px;
    background-color: #f9fafb;
}

.n-deliverynoteline-status-new {
    font-weight: bold;
    color: #008000;
}

.n-deliverynoteline-status-update {
    font-style: italic;
    color: #f00;
}

.n-deliverynoteline-status-deleted td {
    text-decoration: line-through;
    color: #808080;
}

.n-ux-rating-star {
    background: url('../Images/star_gray.png') no-repeat 0 0px;
    cursor: pointer;
    float: left;
    padding-left: 40px;
    width: 30px;
    height: 29px;
}

    .n-ux-rating-star.selected {
        background: url('../Images/star_yellow.png') no-repeat 0 0px;
    }

.x-rtl .n-ux-rating-star {
    float: right;
}

.n-relatedtasks-title {
    color: #222222;
    font-size: 18px;
    font-weight: normal;
}

.n-relatedtasks-title-subject {
    color: #006FCF;
    font-size: 16pt;
    font-weight: bold;
}

.n-relatedtasks-subtitle {
    color: #222222;
    font-size: 16px;
    font-weight: normal;
}

.n-feedback-title {
    color: #42b4d3;
    padding-left: 25px;
}

.x-rtl .n-feedback-title {
    color: #42b4d3;
    padding-right: 25px;
}

.n-feedback-subtitle {
    font-size: 17px;
}

.n-feedback-subtitle-bold {
    font-weight: bold;
    font-size: 17px;
}

.n-pastefield-form-header {
    background-color: #006FCF;
}

    .n-pastefield-form-header .x-panel-header-text-container-default {
        color: #ffffff;
        font-weight: bold;
    }

.n-pastefield-list-header {
    background-image: url('../Images/form/blue_triangle.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-color: #F7F7F7;
}

.x-rtl .n-pastefield-list-header {
    background-image: url('../Images/form/blue_triangle_rtl.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.n-pastefield-list-header .x-panel-header-text-container-default {
    color: #455f7d;
    font-weight: bold;
}

.n-pastfield-list {
    background-color: #F7F7F7;
}

    .n-pastfield-list .x-column-header-checkbox {
        border-color: #F7F7F7;
    }

    .n-pastfield-list .x-column-header,
    .n-pastfield-list .x-column-header-over,
    .n-pastfield-list .x-grid-td,
    .n-pastfield-list .x-grid-header-ct {
        background-color: #F7F7F7;
        color: #666666;
    }

    .n-pastfield-list .x-grid-row-selected .x-grid-td {
        background-color: #EDEDED;
    }

    .n-pastfield-list .x-trigger-cell x-unselectable {
        width: 24px;
    }

.n-pastefield-trigger-show {
    background: url('../Images/form/paste-trigger-center.png');
    background-position: right center;
    background-repeat: no-repeat;
}

    .n-pastefield-trigger-show.n-pastfield-show-single {
        background: url('../Images/form/paste-trigger.png');
    }

.x-rtl.x-form-trigger-wrap .x-form-trigger.n-pastefield-trigger-show {
    background: url('../Images/form/paste-trigger-center.png');
}

    .x-rtl.x-form-trigger-wrap .x-form-trigger.n-pastefield-trigger-show.n-pastfield-show-single {
        background: url('../Images/form/paste-trigger-rtl.png');
    }

.n-pastefield-trigger-clear {
    background: url('../Images/form/clear-trigger.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.x-rtl.x-form-trigger-wrap .x-form-trigger.n-pastefield-trigger-clear {
    background: url('../Images/form/clear-trigger-rtl.png');
}

.n-pastfield-bbar {
    border-width: 1px 0px 0px 0px !important;
    border: inherit;
}

.n-simplegallery {
    /*-webkit-box-sizing: border-box;*/
    display: inline-flex;
    border-bottom: 0px;
    /*overflow:auto;
    display:inline-flexbox;*/
}

.n-simplegallery-selected-image-v {
    display: none;
}

.n-pastfield-list-comments {
    margin-bottom: -5px;
    font-weight: bold;
}

.n-webinvoice-currency-preview-label {
    top: 6px;
    position: relative;
    margin-left: 165px !important;
    font-weight: bold;
    color: #222222;
    font-size: 14px;
    line-height: 15px;
}

.n-webinvoiceheader .x-form-display-field,
.n-webinvoiceheader .x-form-trigger-input-cell .x-form-text {
    text-overflow: ellipsis;
    overflow: hidden;
}

.x-rtl .n-webinvoice-currency-preview-label {
    margin-right: 165px !important;
    margin-left: 0px !important;
}

.x-rtl .n-simplegallery-scroller-right {
    height: 100%;
    color: #3FAFE3;
    font-weight: bold;
    width: 15px;
    cursor: pointer;
    padding: 30px 0px;
    background-image: url(../images/sprites/slider-arrows.png) !important;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.n-simplegallery-scroller-right {
    height: 100%;
    color: #3FAFE3;
    font-weight: bold;
    width: 15px;
    cursor: pointer;
    padding: 30px 0px;
    background-image: url(../images/sprites/slider-arrows.png) !important;
    background-position: -15px 0px;
    background-repeat: no-repeat;
}

.x-rtl .n-simplegallery-scroller {
    margin-top: 27px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    padding: 30px 0px;
    background-image: url(../images/sprites/slider-arrows.png) !important;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.n-simplegallery-scroller {
    margin-top: 27px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    padding: 30px 0px;
    background-image: url(../images/sprites/slider-arrows.png) !important;
    background-position: -15px 0px;
    background-repeat: no-repeat;
}

.n-simplegallery-large .n-simplegallery-scroller {
    margin-top: 47px;
}

.n-simplegallery-alt-text {
    line-height: 11pt;
    font-size: 11pt;
    color: #222222;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.x-rtl .n-simplegallery-scroller.right {
    background-position: 0px 0px;
}

.n-simplegallery-scroller.right {
    background-position: -15px 0px;
}

.x-rtl .n-simplegallery-scroller.left {
    background-position: -15px 0px;
}

.n-simplegallery-scroller.left {
    background-position: -0px 0px;
}

.n-simplegallery-slider {
    overflow: hidden;
    display: inline-block;
    height: 120px;
}

.n-simplegallery-slider-items {
    list-style: none;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    left: 0px;
    width: 100%;
    font-size: 0;
}

.n-simplegallery-slider-item {
    display: inline-block;
    padding: 0px;
    line-height: 0px;
    margin: 0px 2px 0px 2px;
    font-size: 15px;
    cursor: pointer;
    border: solid 2px white;
}

.n-simplegallery-slider-separator {
    display: inline-block;
    padding: 0px;
    line-height: 0px;
    margin: 0px 20px 0px 14px;
    width: 1px;
    font-size: 390px;
    border-left: 1px solid #e2e2e2;
    height: 135px;
}

.n-simplegallery-slider-image {
    width: 100px;
    height: 120px;
}

.n-simplegallery-img {
    height: 69px;
    width: 108px;
    padding-top: 67px;
    padding-left: 90px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #D1D2D3;
}

.n-simplegallery-large .n-simplegallery-img {
    height: 110px;
    width: 110px;
}

.n-simplegallery-slider-item-selected img {
    display: block;
    height: 20px;
    width: 20px;
    margin: -15px 2px 2px -2px;
}

.n-simplegallery-large .n-simplegallery-slider-item-selected img {
    margin: -3px 2px 2px 1px;
}

.n-simplegallery-slider-item-selected {
    border: solid 2px #006FCF;
}

.n-simpleverticalgallery {
    display: block;
    border-bottom: 0px;
}

.n-simpleverticalgallery-selected-image-v {
    display: none;
}

.x-rtl .n-simpleverticalgallery-scroller-top {
    height: 100%;
    color: #3FAFE3;
    font-weight: bold;
    width: 23px;
    cursor: pointer;
    background-image: url(../images/sprites/vertical-slider-arrows.png) !important;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.n-simpleverticalgallery-scroller-top {
    height: 100%;
    color: #3FAFE3;
    font-weight: bold;
    width: 23px;
    cursor: pointer;
    background-image: url(../images/sprites/vertical-slider-arrows.png) !important;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.x-rtl .n-simpleverticalgallery-scroller {
    margin-top: 27px;
    width: 23px;
    height: 15px;
    cursor: pointer;
    background-image: url(../images/sprites/vertical-slider-arrows.png) !important;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.n-simpleverticalgallery-scroller {
    margin-top: 27px;
    width: 23px;
    height: 15px;
    cursor: pointer;
    background-image: url(../images/sprites/vertical-slider-arrows.png) !important;
    background-position: -15px 0px;
    background-repeat: no-repeat;
}

.n-simpleverticalgallery-large .n-simpleverticalgallery-scroller {
    margin-top: 5px;
    margin-left: 50px;
    margin-right: 50px;
}

.n-simpleverticalgallery-alt-text {
    line-height: 12pt;
    font-size: 11pt;
    color: #222222;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.x-rtl .n-simpleverticalgallery-scroller.top {
    background-position: 0px 0px;
}

.n-simpleverticalgallery-scroller.top {
    background-position: 0px 0px;
}

.x-rtl .n-simpleverticalgallery-scroller.bottom {
    background-position: 0px -19px;
}

.n-simpleverticalgallery-scroller.bottom {
    background-position: -0px -19px;
}

.n-simpleverticalgallery-slider {
    overflow: hidden;
    display: inline-block;
    height: 120px;
}

.n-simpleverticalgallery-slider-items {
    list-style: none;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    left: 0px;
    width: 100%;
    font-size: 0;
}

.n-simpleverticalgallery-slider-item {
    display: block;
    padding: 5px 5px 5px 5px;
    line-height: 0px;
    margin: 0px 2px 10px 2px;
    font-size: 15px;
}

    .n-simpleverticalgallery-slider-item.n-simpleverticalgallery-slider-item-first {
        padding: 5px 5px 5px 5px;
    }

.x-rtl .n-simpleverticalgallery-slider-item.n-simpleverticalgallery-slider-item-first {
    padding: 5px 5px 5px 5px;
}

.n-simpleverticalgallery-slider-image {
    width: 100px;
    height: 120px;
}

.n-simpleverticalgallery-img {
    height: 69px;
    width: 108px;
    padding-top: 67px;
    padding-left: 90px;
    margin-bottom: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #D1D2D3;
}

.n-simpleverticalgallery-large .n-simpleverticalgallery-img {
    height: 110px;
    width: 110px;
}

.n-simpleverticalgallery-slider-item-selected img {
    display: block;
    height: 20px;
    width: 20px;
    margin: -15px 2px 2px -2px;
}

.n-simpleverticalgallery-large .n-simpleverticalgallery-slider-item-selected img {
    margin: 17px 2px 2px -7px;
}

.n-simpleverticalgallery-slider-item-selected {
    border: solid 2px #006FCF;
}

/* ASN */
.n-asn-icon {
    width: 10px;
    height: 9px;
    background-image: url(../images/sprites/table_icon.png) !important;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .n-asn-icon:hover {
        background-position: -10px 0px;
    }

.n-margin-asn-icon {
    margin: 1px;
}

.n-asnline-status-deleted {
    text-decoration: line-through;
    color: #808080;
}

.n-send-btn-icon {
    width: 21px !important;
    height: 17px;
    background-image: url('../images/sprites/button_send_arrow.png');
    background-repeat: no-repeat;
    margin: 0px auto;
    top: 2px;
}

.n-send-arrow-icon {
    background-position: 0px 0px !important;
}

.x-btn-disabled .n-send-arrow-icon {
    background-position: -21px 0px !important;
}

.x-rtl .n-send-arrow-icon {
    background-position: 0px -17px !important;
}

.x-rtl.x-btn-disabled .n-send-arrow-icon {
    background-position: -21px -17px !important;
}

.n-intelmrateform-value-field-label {
    font-size: 16px;
}

.n-green {
    color: #008767 !important;
}

.n-green-value-field .x-form-display-field.n-red {
    color: #B81A17;
}

.n-green-value-field .x-form-display-field {
    color: #008767;
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
}

.n-green-value-text-field {
    color: #008767;
    cursor: pointer;
}

.n-webproforma-panel-border-bottom {
    border-bottom: 1px solid #e1e1e1;
}

.n-webproforma-panel-border-bottom-box {
    border-bottom: 1px #e1e1e1;
}

.n-webproforma-panel-border-bottom-box-2 {
    border-bottom: 1px #e1e1e1;
    border-top: 1px #e1e1e1;
}

.n-webproforma-accordion-header-step-section {
    color: #006FCF;
    font-weight: bold;
    margin-left: 20px;
}

.n-webproforma-accordion-header-description-section {
    color: #808080;
    font-size: 17px;
}

.activestep .n-webproforma-accordion-header-step-section {
    color: #fff;
    font-weight: bold;
}

.n-webproforma-accordion-header-step-section-line {
    color: #C6C5C5;
    font-size: 20px;
}

.activestep .n-webproforma-accordion-header-description-section {
    color: #fff;
}

.n-webproforma-accordion-steps {
    background-color: #F9FAFB;
}

    .n-webproforma-accordion-steps.activestep {
        background-color: #006FCF;
    }

.n-webshipsubtitle {
    font-size: 17px;
    color: #666666;
}

.n-webproforma-invalid-digitalsignpassword {
}

.n-forecast-portal-header-view-image-btn {
    float: right;
    line-height: 25px;
    font-weight: bold;
    font-size: 17px;
}

.n-web-proforma-portal-header-view-image-btn .x-btn-inner {
    line-height: 25px;
    font-weight: bold;
    font-size: 17px;
}

.n-web-proforma-portal-header-view-image-btn .x-btn-icon-el {
    height: 25px;
    margin: 0px 10px;
}

.n-web-proforma-portal-header-file-upload-btn .x-btn-inner {
    line-height: 25px;
    font-weight: bold;
    font-size: 15px;
}

.n-web-proforma-portal-header-file-upload-btn .x-btn-icon-el {
    height: 25px;
    margin: 0px 10px;
}

.n-web-proforma-invoice-preview-header {
    background-color: #fff;
}

    .n-web-proforma-invoice-preview-header .x-header-text {
        color: #fff;
        font-weight: bold;
        margin: 0px 20px;
    }

.n-web-profroma-digital-sign-password-label {
    font-size: 14px;
}

.n-web-proforma-bottom-toolbar {
    border-top: solid 1px #c5c5c5 !important;
}

.n-previewiframe {
    border: 1px solid #E8E9E9;
}

.n-digital-sign-in-process-icon {
    margin: 10px auto;
    height: 16px;
}

.n-digital-sign-in-status-box {
    border: solid 1px #f89e1d;
    background-color: #f0f0f0;
    text-align: center;
    border-radius: 2px;
    height: 100%;
    padding: 20px;
}

    .n-digital-sign-in-status-box.error {
        border: solid 1px #ef6251;
    }

.n-digital-sign-in-process-title {
    font-size: 15px;
    font-weight: bold;
    color: #f89e1b;
    margin: 10px auto;
}

.n-digital-sign-failed-title {
    font-size: 15px;
    font-weight: bold;
    color: #ef6251;
}

.n-digital-sign-success-title {
    font-size: 15px;
    font-weight: bold;
    color: #008767;
}

.n-digital-sign-icon {
    vertical-align: middle;
}

.n-digital-sign-in-process-msg {
    margin: 10px auto;
    font-size: 14px;
    color: #6B6B6B;
}

.n-digital-sign-failed-msg {
    font-size: 14px;
    color: #6B6B6B;
}

.n-web-proforma-totals-label {
    font-size: 14px;
}

.n-form-field-readonly .x-form-field {
    border: none !important;
}



.n-form-field-no-border-radius .x-form-text {
    border-radius: 0px !important;
}

.n-web-proforma-totals-display-field .x-form-display-field {
    padding: 0px 3px;
}

.n-web-proforma-totals-error-box {
    color: #ef6251;
    font-weight: bold;
}

.n-asn-date-picker {
    border-color: #CECECE;
}

.n-asn-date-picker-disabled {
    border-color: #ededed;
}

    .n-asn-date-picker-disabled .x-mask {
        opacity: 0.65;
        background: #fff;
    }

.n-invoice-digital-signature-validation {
    height: 26px;
    background-repeat: no-repeat;
}

.n-invoice-digital-signature-validation-icon-not-signed {
    width: 37px !important;
    background-image: url('../images/no_sign.png');
}

.n-invoice-digital-signature-validation-icon-signed-val {
    width: 48px !important;
    background-image: url('../images/sign_val.png');
}

.n-invoice-digital-signature-validation-icon-signed-not-val {
    background-image: url('../images/sign_no_val.png');
    width: 50px !important;
}

.n-invoice-digital-signature-validation-icon-digi-not-val {
    background-image: url('../images/digi_no_val.png');
    width: 50px !important;
}

.n-invoice-digital-signature-validation-icon-digi-val {
    background-image: url('../images/digi_val.png');
    width: 50px !important
}

.n-invoice-digital-signature-validation-icon-digi-warning {
    background-image: url('../images/digi_warning.png');
    width: 50px !important;
}

.n-invoice-digital-signature-validation-icon-signed-warning {
    background-image: url('../images/sign_warning.png');
    width: 50px !important;
}

.n-taxinvoice-totals .n-taxinvoice-totals-label .x-form-display-field {
    width: 100% !important;
    margin: 0px 0px;
    text-align: left;
}

.x-rtl .n-taxinvoice-totals .n-taxinvoice-totals-label .x-form-display-field {
    text-align: right;
}

.n-invoice-digital-signature-validation-icon-signed-with-trust-error {
    background-position: 00px -64px;
    position: absolute;
    margin: -27px 240px;
}

.n-invoice-digital-signature-validation-icon-signed-with-trust-error-msg {
    background-position: 00px -64px;
}

.n-invoice-digital-signature-validation-icon-signed-but-signature-failed {
    background-position: 00px -96px;
    position: absolute;
    margin: -27px 240px;
}

.n-invoice-digital-signature-validation-icon-signed-but-signature-failed-msg {
    background-position: 00px -96px;
}

.n-invoice-digital-signature-validation-msg-title {
    font-family: Arial;
    font-size: 15px;
    color: #222222;
}

.n-invoice-digital-signature-validation-msg-msg {
    font-family: Arial;
    color: #222222;
}

.n-decimal-alignment-whole-part {
    float: left;
    text-align: right;
}

.x-rtl .n-decimal-alignment-whole-part {
    direction: ltr;
}

.n-decimal-alignment-fraction-part {
    text-align: left;
    float: left;
}

.x-rtl .n-decimal-alignment-fraction-part {
    float: left;
}

.n-webinvoice-requiredfield {
    margin-top: 10px;
    font-size: 12px;
}

.n-invalid-field .x-form-field {
    border: 1px solid red !important;
    border-radius: 3px;
}

.n-webproforma-invalid-comment {
    border: 1px solid red !important;
    border-radius: 3px;
}

.x-grid-cell-inner-row-expander {
    cursor: pointer;
}

.x-grid-cell-linkable {
    cursor: pointer;
    text-decoration: underline;
}

.n-company-selection-link {
    cursor: pointer;
    color: #006FCF;
    font-size: 17px;
    font-weight: bold;
    text-decoration: underline;
    line-height: 17px;
    background: none;
}

.n-company-selection-link-sidebyside .x-btn-inner {
    cursor: pointer;
    color: #006FCF !important;
    font-size: 17px;
    text-decoration: none;
    line-height: 17px;
    background: none;
}

.n-company-selection-link-sidebyside {
    background: none;
}

.n-company-selection-link-forecast {
    cursor: pointer;
    color: #006FCF;
    font-size: 13px;
    text-decoration: underline;
    line-height: 13px;
}

.n-taxinvoice-totals .x-form-display-field {
    white-space: pre;
    font-size: 14px;
    font-family: Arial;
    text-align: right;
    font-weight: 100;
    margin: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-company-selection-link-icon {
    vertical-align: bottom;
    margin: 0px 3px;
    height: 17px;
    width: 16px;
}

.n-status-remarks-details {
    margin: 10px;
    padding: 10px;
    font-size: 18px;
    clear: both;
    font-weight: bold;
}

.n-status-approved {
    color: #006FCF;
}

.n-status-reject {
    color: #734DC7;
}

.n-status-pending {
    color: #f89d34;
}

.n-details-header-subtitle {
    margin: 10px;
    border: #ff604e solid 1px;
    padding-left: 10px;
    font-size: 13px;
    clear: both;
    stroke: #ff604e;
    color: #222222;
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
}

.x-rtl .n-details-header-subtitle {
    margin: 10px;
    border: #ff604e solid 1px;
    padding-right: 10px;
    font-size: 13px;
    clear: both;
    stroke: #ff604e;
    color: #222222;
    white-space: nowrap;
}

.n-details-header-subtitle-prefix {
    font-size: 14px;
    font-weight: bold;
    color: #222222;
}

.n-details-header-subtitle {
    margin: 10px;
    border: #ff604e solid 1px;
    padding-left: 10px;
    font-size: 13px;
    clear: both;
    stroke: #ff604e;
    color: #222222;
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
}

.x-rtl .n-details-header-subtitle {
    margin: 10px;
    border: #ff604e solid 1px;
    padding-right: 10px;
    font-size: 13px;
    clear: both;
    stroke: #ff604e;
    color: #222222;
    white-space: nowrap;
}

.n-details-header-subtitle-prefix {
    font-size: 14px;
    font-weight: bold;
    color: #222222;
}

body {
    scrollbar-base-color: #f0f0f0;
    scrollbar-3dlight-color: #c4c4c4;
    scrollbar-highlight-color: #c4c4c4;
    scrollbar-track-color: #f0f0f0;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #c4c4c4;
    scrollbar-face-color: #c4c4c4;
    scrollbar-darkshadow-color: #C0C0C0;
}

.n-company-icon {
    background-image: url(../images/userprofile/Site-Icon.png) !important;
    background-repeat: no-repeat;
}

.n-userprofile-icon {
    background-image: url(../images/userprofile/UserProfilePic.png) !important;
}

.n-border-left {
    border-left: 1px solid #e0e0e0;
}

.x-rtl .n-border-left {
    border-right: 1px solid #e0e0e0;
    border-left: none !important;
}

.n-border-right {
    border-right: 1px solid #e0e0e0;
}

.x-rtl .n-border-right {
    border-left: 1px solid #e0e0e0;
    border-right: none !important;
}

/*fonts*/
.n-f-20 {
    font-size: 20px !important;
}

.x-n-f-20 {
    font-size: 20px !important;
}

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

.x-n-f-15 {
    font-size: 15px !important;
}

.n-f-14 {
    font-size: 14px !important;
}

.x-n-f-14 {
    font-size: 14px !important;
}

.n-f-13 {
    font-size: 13px !important;
}

.x-n-f-13 {
    font-size: 13px !important;
}
/*padding*/
.n-p-t-5 {
    padding-top: 5px !important;
}

.n-p-t-10 {
    padding-top: 10px !important;
}

.n-p-l-5 {
    padding-left: 5px !important;
}

.x-rtl .n-p-l-5 {
    padding-right: 5px !important;
}

.n-p-r-5 {
    padding-right: 5px !important;
}

.x-rtl .n-p-r-5 {
    padding-left: 5px !important;
}

.n-p-l-10 {
    padding-left: 10px !important;
}

.x-rtl .n-p-l-10 {
    padding-right: 10px !important;
}

.n-p-r-10 {
    padding-right: 10px !important;
}

.x-rtl .n-p-r-10 {
    padding-left: 10px !important;
}

.n-p-l-15 {
    padding-left: 15px !important;
}

.x-rtl .n-p-l-15 {
    padding-right: 15px !important;
}

.n-p-r-15 {
    padding-right: 15px !important;
}

.x-rtl .n-p-r-15 {
    padding-left: 15px !important;
}


/*margins*/
.n-m-t-5 {
    margin-top: 5px !important;
}

.n-m-b-5 {
    margin-bottom: 5px !important;
}

.n-m-t-10 {
    margin-top: 10px !important;
}

.n-m-b-10 {
    margin-bottom: 10px !important;
}

.n-m-b-15 {
    margin-bottom: 15px !important;
}

.n-m-t-30 {
    margin-top: 30px !important;
}

.n-m-b-30 {
    margin-bottom: 30px !important;
}

.n-m-b-15 {
    margin-bottom: 15px !important;
}

.n-m-b-40 {
    margin-bottom: 40px !important;
}

.n-m-b-50 {
    margin-bottom: 50px !important;
}

n-window-header-info-icon .n-m-r-5 {
    margin-right: 5px !important;
}

.n-m-l-5 {
    margin-left: 5px !important;
}

.x-rtl .n-m-r-5 {
    margin-left: 5px !important;
}

.n-m-r-20 {
    margin-right: 20px !important;
}

.x-rtl .n-m-r-20 {
    margin-right: 0px !important;
    margin-left: 20px !important;
}

.n-m-l-5 {
    margin-left: 5px !important;
}

.x-rtl .n-m-l-5 {
    margin-right: 5px !important;
}

.n-m-l-10 {
    margin-left: 10px !important;
}

.x-rtl .n-m-l-10 {
    margin-right: 10px !important;
}

.n-m-l-25 {
    margin-left: 25px !important;
}

.x-rtl .n-m-l-25 {
    margin-right: 25px !important;
}

.n-m-t-15 {
    margin-top: 15px !important;
}

.n-file-upload-with-preview-canvas {
    margin: 0px 0px 0px 17px;
    /*-ff-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);*/
}

.n-window-header-info-icon {
    background-image: url('../images/msgboxicon/info.png');
    width: 29px;
    height: 27px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
    float: left;
    margin-left: 5px;
}

.n-window-header-widget-icon {
    background-image: url('../images/help_black_24dp (2).png');
    width: 29px;
    height: 27px;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
}

.x-rtl .n-window-header-widget-icon {
    background-image: url('../images/help_black_24dp (2).png');
    width: 29px;
    height: 27px;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    margin-left: 50px;
}

.x-rtl .n-window-header-info-icon {
    margin-left: 10px;
    float: right;
    margin-right: 5px;
}

.n-window-header-container {
    font-size: 18px;
    margin-top: 7px;
}

.n-collboration-header-container {
    font-size: 15px;
    margin-top: 12px;
}

.n-window-header-text {
    margin-top: 4px;
    float: left;
}

.x-rtl .n-window-header-text {
    float: right;
}

.n-exporttoexcel-starting-msg {
    width: 29px !important;
    height: 27px !important;
    margin: 0px;
    background-image: url('../Images/sprites/tool-bar.png') !important;
    background-repeat: no-repeat;
    background-position: -10px -586px !important;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.x-rtl .n-exporttoexcel-starting-msg {
    padding-left: 0px;
    padding-right: 22px;
    margin-left: 8px;
}

.n-tree-icon-blue {
    background-image: url(../images/sprites/tree_sprite_blue.png) !important;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 16px;
    height: 15px;
}

.n-tree-icon-green {
    background-image: url(../images/sprites/tree_sprite.png) !important;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 16px !important;
    height: 15px !important;
}

.n-tree-icon-blue.n-tree-collapse {
    background-position: 0px 0px !important;
}

.n-tree-icon-blue.n-tree-expand {
    background-position: 0px -15px !important;
}

.n-adv-search-panel-body {
    padding: 0 20px 0 23px;
}

.n-advance-search-header-title {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    color: #006FCF;
    font-size: 16pt;
    font-weight: bold;
}

.x-rtl .n-advance-search-header-title {
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    color: #006FCF;
    font-size: 16pt;
    font-weight: bold;
}

.n-list-header-title {
    float: left;
    color: #006FCF;
    font-size: 20px;
    font-weight: bold;
}

.x-rtl .n-list-header-title {
    float: right;
    color: #006FCF;
    font-size: 20px;
    font-weight: bold;
}

.n-reportslist,
.n-document-list {
    padding: 15px;
}

.n-range-field-label {
}

.x-rtl .n-range-field-label {
    right: 0 !important;
    left: auto !important;
}

.n-range-field-text-container {
}

.x-rtl .n-range-field-text-container {
    right: 0 !important;
    left: auto !important;
}

.n-wrap-grid-header .x-column-header-inner .x-column-header-text {
    white-space: normal;
}

.n-wrap-grid-header .x-column-header-inner .x-column-header-text {
    white-space: normal;
}

.x-form-text {
    border: 1px solid #CCC;
}

.n-tool-tip-icon {
    background-image: url('../images/tool-tip-icon.png');
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    display: inline-block;
    padding-top: 2px;
}

.n-tool-tip-icon2 {
    background-position: 100%;
}

.x-rtl .n-tool-tip-icon {
    background-position: 100%;
}

.n-emailnotifications-subtitle-noemail {
    color: red;
    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
}

.n-emailnotifications-columnheader {
    font-size: 14px;
    font-weight: bold;
    color: #565656;
}

.n-emailnotifications-columnheader-module {
    left: 40px !important;
}

.x-rtl .n-emailnotifications-columnheader-module {
    right: 40px !important;
    left: 0px;
}

.n-emailnotifications-columnheader .x-column-header-over {
    background-color: white;
}

.n-notificationsSchedule {
    padding-left: 50px;
    padding-right: 0px;
}

.x-rtl .n-notificationsSchedule {
    padding-left: 0px;
    padding-right: 50px;
}

.n-emailnotifications-rowcontainer {
    background: white;
}

.n-emailnotifications-rowcontainer-alt {
    background: #f7f7f7;
}

.n-forecast-rowcontainer-gray {
    background: #f9f9f9;
}

.n-forecast-rowcontainer-dark-gray {
    background: #efefef;
}

.n-forecast-rowcontainer-dark-dark-gray {
    background: #eeeeee;
}

.n-forecast-rowcontainer-white {
    background: #ffffff;
}

.n-emailnotifications-documentname {
    font-size: 15px;
    font-weight: bold;
    padding-top: 3px;
    color: #565656;
}

.n-emailnotifications-premiumcombobox-label {
    margin-left: 10px;
}

.x-rtl .n-emailnotifications-premiumcombobox-label {
    margin-left: 0px !important;
    margin-right: 5px !important;
}

.n-emailnotifications-undobutton {
    font-size: 14px;
    /*left: 335px !important;
    width: 195px !important;*/
    margin-left: 10px;
    border-radius: 2px;
    height: 32px;
    text-align: center;
}

.x-rtl .n-emailnotifications-undobutton {
    margin-right: 10px;
}

.n-emailnotifications-savebutton {
    font-size: 14px;
    border-radius: 2px;
    height: 32px;
    text-align: center;
}


.appheader-notification-box {
    background: white;
}

.x-rtl .n-bellnotification-icon {
    margin: 8px 15px 0px 8px;
}

.n-bellnotification-icon {
    background-position: 0px 0px;
    width: 40px !important;
    background-image: url('../images/dashboard/bell-notification-icon.png');
    display: inline-block;
    margin: 8px 8px 0px 15px;
    height: 34px;
    cursor: pointer;
}

    .n-bellnotification-icon:hover {
        background-position-x: -40px;
    }

    .n-bellnotification-icon:active {
        background-position-x: -80px;
    }

    .n-bellnotification-icon:focus {
        background-position-x: -120px;
    }

.puls-box {
    width: 32px;
    height: 32px;
    position: relative;
}

.x-rtl .puls {
    left: 0px;
}

.puls {
    height: 32px;
}

.puls-one {
    position: relative;
    left: 19px;
    top: -43px;
    border-radius: 12px;
    border: 2px solid #fff;
    background-color: #B81A17;
    width: 24px;
    height: 18px;
    color: white;
    font-size: 10px;
    padding: 1px 0px 0px 3px;
}

.x-rtl .puls-one {
    left: -25px;
    padding: 1px 3px 0px 0px;
}

@keyframes puls {
    from {
        transform: scale(0,0);
        opacity: 1;
    }

    to {
        transform: scale(1,1);
        opacity: 0;
    }
}

.x-rtl .n-bellnotification-icon {
    margin: 0px 15px 0px 8px;
}

.n-bellnotification-alert-icon {
    background-position: 0px 38px !important;
}

    .n-bellnotification-alert-icon:hover {
        background-position-x: -40px !important;
    }

    .n-bellnotification-alert-icon:active {
        background-position-x: -80px !important;
    }

    .n-bellnotification-alert-icon:focus {
        background-position-x: -120px !important;
    }

.n-bellnotification-icon-active {
    background-position-x: -120px;
}

.n-appheader-notification-menu .x-menu-item-text {
    color: #222222 !important;
}

.n-appheader-notification-menu .x-menu-item-active {
    background-image: none !important;
    background-color: #efefef;
    border: none !important;
    color: black !important;
}

.n-appheader-notification-menu-singleitem {
    height: 74px !important;
}

    .n-appheader-notification-menu-singleitem .x-menu-body {
        padding-right: 5px !important;
    }

    .n-appheader-notification-menu-singleitem .x-menu-item-text {
        background-image: none !important;
        color: #222222 !important;
        font-weight: bold;
        background-color: white;
        cursor: default;
    }

    .n-appheader-notification-menu-singleitem .x-menu-item-link {
        background-image: none !important;
        background-color: white;
        cursor: default;
        border: none !important;
    }

.x-rtl .n-appheader-notification-menu-singleitem .x-menu-body {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.appheader-notification-box-item-empty {
    top: 21px !important;
}

.appheader-notification-box-item {
    color: #222222;
    overflow: hidden;
}

    .appheader-notification-box-item .x-menu-item-link {
        padding: 0 !important;
    }

    .appheader-notification-box-item .x-menu-item-text {
        width: 440px;
        font-size: 14px;
        line-height: 19px;
        margin-top: 7px;
        margin-left: 7px;
        padding-right: 15px;
    }

        .appheader-notification-box-item .x-menu-item-text p {
            margin-bottom: 10px;
            margin-top: 3px;
            white-space: normal;
            word-wrap: break-word;
        }

.x-rtl .appheader-notification-box-item .x-menu-item-text {
    margin-left: 0px;
    padding-right: 0px;
    margin-right: 7px;
    padding-left: 15px;
}

.appheader-notification-readmore {
    cursor: pointer;
    color: #006FCF;
}

.n-appheader-notification-window-header {
    font-size: 18px;
    margin-top: 7px;
}

.n-appheader-notification-window-icon {
    background-image: url('../images/msgboxicon/info.png');
    width: 29px;
    height: 27px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
    float: left;
    margin-left: 5px;
}

.x-rtl .n-appheader-notification-window-icon {
    margin-left: 10px;
    float: right;
    margin-right: 5px;
}

.n-appheader-notification-window-header-text {
    margin-top: 4px;
    float: left;
}

.x-rtl .n-appheader-notification-window-header-text {
    float: right;
}

.n-appheader-notification-window-title {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 12px;
    line-height: 20px;
}

.n-appheader-notification-window-body {
    font-size: 15px;
    color: #222222;
    top: 0px !important;
    line-height: 19px;
}

    .n-appheader-notification-window-body p {
        margin-top: 0;
    }

    .n-appheader-notification-window-body h1 {
        font-weight: bold;
        font-size: 15px;
    }

    .n-appheader-notification-window-body a {
        text-decoration: underline;
        color: #006FCF;
        cursor: pointer;
    }

.n-popup-technical-support {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.n-big-order-box {
    font-size: 16px;
    line-height: 16px;
}

.n-blue-alert {
    width: 16px;
    height: 16px;
    vertical-align: bottom;
}

.n-good-receipt-action-bar {
    background-color: #fff;
}

.n-mysearchs .x-panel-body-default-framed {
    font-size: 24px !important;
    color: red;
}

.n-mysearches .x-grid-td {
    color: #222222;
    font-size: 14px;
}

    .n-mysearches .x-grid-td .x-grid-cell-inner {
        overflow: hidden;
        max-width: 307px;
        text-overflow: ellipsis;
        cursor: pointer;
    }

.n-mysearches .x-grid-row-over .x-grid-td {
    color: #006FCF;
    background-color: #fff;
}

.n-mysearches x-grid-table-over-first {
    border-top: 3px red solid !important;
}

.n-mysearches .x-grid-table-focused-first,
.n-mysearches .x-grid-with-row-lines .x-grid-table-over-first {
    border-top: 1px #fff solid !important;
}

.x-panel-header-text-container-portlet {
    line-height: 20px;
}

.n-attachment-widget-under-form .x-header-text {
    color: #565656;
}

.n-note-widget-under-form .x-header-text {
    color: #565656;
}

.n-mysearches .x-grid-row-selected .x-grid-td {
    background-color: #fff !important;
}

.n-mysearches .x-grid-empty {
    font-size: 16px;
    color: #666666;
    padding: 0px;
    text-align: center;
}

.x-rtl .n-mysearches .x-grid-empty a {
    color: #006FCF;
}

.n-mysearches .x-panel-body-whatsnew-panel {
    font-size: 16px;
    color: #666666;
    text-align: center;
}

.x-grid-row-over .n-custom-search-icon {
    background-image: url('../images/search/delete-custom-search.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.n-webinvoiceheader .x-border-box {
    color: red;
}

.n-webinvoiceheader .x-panel-header-text-container-default {
    color: #222222;
    font-size: 18px;
    font-weight: bold;
}

.n-webinvoiceheader-sidebyside .x-panel-header-text-container-default {
    color: #565656;
    font-size: 18px;
    font-weight: bold;
}

.n-webinvoice-header-comment-empty-text textarea {
    font-size: 14px;
    padding: 4px;
}

.n-webinvoiceheader .x-form-item-label {
    font-size: 14px !important;
}

.n-webinvoiceheader-sidebyside .x-form-item-label {
    font-size: 16px !important;
    color: #565656;
}

.n-webinvoice-header-search .x-btn-inner {
    cursor: pointer;
    color: #006FCF !important;
    padding: 3px 0px 0px 15px;
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
    background-image: url(../images/webinvoice/arrow_select_from_list.png);
    background-repeat: no-repeat;
}

.n-webinvoice-sidebyside-header-search .x-btn-inner {
    cursor: pointer;
    color: #006FCF !important;
    padding: 0px 0px 0px 58px;
    font-size: 15px;
    margin: 3px 0px 0px 139px;
}

.x-rtl .n-webinvoice-sidebyside-header-search .x-btn-inner {
    cursor: pointer;
    color: #006FCF !important;
    font-size: 15px;
    margin: 3px 195px 0px 0px;
}



.n-webinvoice-header-search-proforma {
    margin: -2px 0px 0px 167px !important;
}

.n-web-invoice-lite-box .x-panel-header-text-container-default {
    color: #000000;
    font-weight: bold;
}

.n-document-summery-list .x-grid-row-summary {
    background-color: #d5f2fa;
}

.n-document-Month {
    background-color: #f1f1f1;
}

.n-document-total {
    background-color: #e2e8f2;
}

.n-order-totals-sum {
    float: right !important;
}

.x-rtl .n-order-totals-sum {
    float: none;
}

.n-pull-left {
    float: left !important;
}

.x-rtl .n-pull-left {
    float: right !important;
}

.n-pull-right {
    float: right !important;
}

.x-rtl .n-pull-right {
    float: left !important;
}

.n-red-line .x-grid-row-selected .x-grid-td,
.n-red-line .x-grid-td {
    color: red;
}

.n-item-grid-list-disabled {
    color: #aeb4b7;
    cursor: default;
    pointer-events: none;
}

.n-action-trigger {
    color: #006FCF;
    text-decoration: underline;
    -moz-text-decoration-color: #006FCF;
    text-decoration-color: #006FCF;
    cursor: pointer;
}

.n-invoicebystatus-tooltip {
    width: 100%;
    text-align: center;
}

.n-clean-menu-button {
    background-color: transparent;
}

    .n-clean-menu-button.x-btn-default-small .x-btn-arrow {
        background-image: url(../images/menu/dropdown_icon.png);
        background-position-y: center;
    }

    .n-clean-menu-button.x-btn-default-small-focus {
        border-color: #fff;
    }

    .n-clean-menu-button.x-btn-default-small .x-btn-inner {
        color: #222;
        font-size: 12px;
        padding: 0px 10px 0px 0px;
    }

    .n-clean-menu-button.x-rtl.x-btn-default-small .x-rtl.x-btn-inner {
        color: #222;
        font-size: 12px;
        padding: 0px 0px 0px 10px;
    }

    .n-clean-menu-button.x-over .x-btn-inner {
        font-weight: bold;
        font-size: 12px;
    }

.n-clean-menu .x-menu-item {
    border-bottom: none;
}

.n-clean-menu {
    border: 1px solid #E0E0E0;
    width: 120px;
}

.n-dashboard-body .n-chart-pie-no-data {
    background-image: url(../images/chart/pie/no-data.png);
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 209px;
    font-weight: bold;
    color: #006FCF;
}

.n-gray-grid .x-grid-cell {
    background-color: #f7f7f7;
    border-bottom-color: #f7f7f7;
    border-top-color: #f7f7f7;
    color: #222;
}

.n-gray-grid .x-grid-cell-inner {
    padding: 7px !important;
}

.n-validation-search-selectedonly {
    font-weight: bold;
    color: #006FCF;
    padding: 4px 18px 0px 18px;
    display: inline-block;
}

.n-validation-search-icon {
    display: inline-block;
    margin-top: -3px;
}

.n-point-to-field {
    background-image: url(../images/point-to-triangle.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 25px;
}

.n-point-to-field-rtl {
    background-image: url('../images/point-to-triangle-rtl.png');
    background-repeat: no-repeat;
    width: 13px;
    height: 25px;
}

.n-message-alert-button {
    width: 136px !important;
    height: 26px !important;
    font-size: 15px;
    border: none !important;
}

.n-message-alert-button-0, .n-message-alert-button-1 {
    background-color: #006FCF;
}

    .n-message-alert-button-0:hover, .n-message-alert-button-1:hover {
        background-color: #0059A8;
    }

.n-message-alert-button-2 {
    background-color: #006FCF;
}

    .n-message-alert-button-2:hover {
        background-color: #0059A8;
    }

.n-message-alert-button-3 {
    background-color: #ffffff;
    box-shadow: 0 0 0 1px #006FCF inset;
}

    .n-message-alert-button-3 .x-btn-inner-center {
        color: #006FCF !important;
    }

    .n-message-alert-button-3:hover {
        background-color: #EDEDED;
    }

.n-message-alert-header {
    background-color: #fafafa !important;
    border-bottom: 1px solid #e2e2e2 !important;
    border-left: none;
    border-right: none;
    border-top: none;
    height: 50px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .n-message-alert-header .x-box-inner {
        border: none;
        margin-top: -2px !important;
    }

    .n-message-alert-header .x-header-text-container {
        font-weight: bold;
        color: #006FCF !important;
        font-size: 20px;
        left: 20px !important;
    }

    .n-message-alert-header .x-tool-img {
        background-color: #fafafa;
    }

    .n-message-alert-header .x-dlg-icon {
        margin-top: 4px !important;
        left: 20px !important;
    }

.x-rtl .n-message-alert-header .x-header-text-container {
    right: 20px !important;
}

.x-rtl .n-message-alert-header .x-dlg-icon {
    right: 20px !important;
}

.x-header-text-container-with-icon {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.n-message-alert-toolbar {
    background-color: #fafafa;
    border-top: 1px solid #e2e2e2 !important;
    width: 100% !important;
    left: 0px !important;
    right: 0px !important;
    height: 50px !important;
}

    .n-message-alert-toolbar .x-box-inner {
        margin: 3px 17px 0px 17px !important;
    }

.n-message-alert {
    border-radius: 4px !important;
}

    .n-message-alert .x-form-display-field {
        color: #222222;
        font-size: 15px;
        line-height: 130%;
    }

    .n-message-alert .x-window-body {
        margin-bottom: 20px !important;
    }

.n-centered-messagebox .x-window-text {
    width: 100%;
    text-align: center;
}

.n-centered-messagebox h1 {
    font-size: 24px;
    white-space: nowrap;
}

.n-centered-messagebox p {
    font-size: 15px;
}

.n-centered-messagebox .lightBlueText {
    color: #00A3E8;
}

.x-rtl .x-menu-item-arrow {
    right: auto;
}

.n-navigation-invoicesTimeLags-icon {
    background-position: 0px -448px !important;
}

.n-tree-icon-arrow {
    background-image: url(../images/sprites/Icon_Expand_sprite.png) !important;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 16px;
    height: 15px;
    /*position: absolute !important;
    right: 0px !important;*/
    float: right !important;
}

    .n-tree-icon-arrow.n-tree-collapse {
        background-position: -5px 0px !important;
    }

    .n-tree-icon-arrow.n-tree-expand {
        background-position: -5px -25px !important;
    }

.n-proformainvoice-currencies-section {
    width: 450px;
}

    .n-proformainvoice-currencies-section td {
        width: 140px !important;
    }

.n-proformainvoice-totals .n-proformainvoice-totals-label .x-form-display-field {
    width: 100% !important;
    margin: 0px 0px;
    text-align: left;
}

.x-rtl .n-proformainvoice-totals .n-proformainvoice-totals-label .x-form-display-field {
    text-align: right;
}

.n-invoice-digital-signature-validation-icon-signed:not(.nohover):hover {
    background-position: -36px -32px;
}

.n-proformainvoice-header-titles .x-panel-header .x-panel-header-body {
    border-bottom: 1px #9a9a9a solid !important;
    height: 24px;
}

.n-proformainvoice-header-titles .x-form-item-label {
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    font-weight: 100;
}

.n-proformainvoice-header-titles .x-panel-header-text-container {
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    height: 19px !important;
}

.n-proformainvoice-header-titles .x-form-display-field {
    white-space: pre;
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    text-align: right;
    font-weight: 100;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-proformainvoice-header-titles .x-panel-header .x-panel-header-body {
    border-bottom: 1px #9a9a9a solid;
    height: 24px;
}

.n-proformainvoice-header-titles .x-form-item-label {
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    font-weight: 100;
}

.n-proformainvoice-header-titles .x-panel-header-text-container {
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    height: 19px !important;
}

.n-proformainvoice-header-titles .x-form-display-field {
    white-space: pre;
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    text-align: right;
    font-weight: 100;
    text-overflow: ellipsis;
    overflow: hidden;
}

.x-rtl .n-proformainvoice-header-titles .x-form-display-field {
    text-align: left;
}

.n-proformainvoice-header-panel x-form-display-field {
    text-align: right !important;
}

.x-rtl .n-proformainvoice-header-panel x-form-display-field {
    text-align: left !important;
}

.n-proformainvoice-header-panel textarea {
    border: none;
    padding: 0px !important;
}

.n-authoptions-button-box {
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid #ded8d8;
}

.n-authoptions-button-last {
    border-bottom: none;
}

.n-loginsecuritycodeform-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.n-loginsecuritycodeform-phonenumber {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    direction: ltr;
}

.n-securitycodeform-wrong-code-msg {
    color: red;
    font-size: 11px
}

.n-payment-header-font {
    color: #222222;
    font-size: 14px;
}

.n-notbold {
    font-weight: normal;
}

.n-order-line-rejection-reason-textareafield textarea {
    border: 1px solid red;
}

.n-menu-icon-paid-proforma-invoice {
    background-position: 0px -718px;
}

.x-rtl .n-main-admin-add-user-button {
    background-position: right;
}

.n-main-admin-add-user-button:hover {
    background-color: #0059A8;
}

.n-main-admin-search-user {
    cursor: pointer;
    color: #006FCF;
    font-size: 14px;
    text-decoration: underline;
    font-style: italic;
    line-height: 17px;
}

.n-main-admin-top .n-filter-field-body .n-filter-field-trigger {
    background-image: url(../images/userprofile/userboxprofile_search.png) !important;
    background-repeat: no-repeat;
    width: 40px !important;
    height: 40px !important;
    background-color: white;
    background-size: 40px 40px;
    border-width: 1px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #CDCCCC !important;
}

.x-rtl .n-main-admin-top .n-filter-field-body .n-filter-field-trigger {
    border-color: #CDCCCC !important;
    border-style: solid !important;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.n-main-admin-userbox-inactive {
    background-color: #f7f7f7;
}

    .n-main-admin-userbox-inactive .n-main-admin-userbox-bottom-label {
        color: rgba(34, 34, 34, 0.5);
    }


.n-main-admin-top .n-filter-field-body .x-form-trigger:hover,
.n-main-admin-top .n-filter-field-over .n-filter-field-body .n-filter-field-trigger,
.n-main-admin-top .x-form-trigger-wrap-focus.n-filter-field-body .x-form-trigger,
.n-main-admin-top .n-main-admin-search-user-with-val .x-form-trigger {
    background-image: url(../images/userprofile/userboxprofile_search-hover.png) !important;
    background-position: initial !important;
}

.x-rtl .n-main-admin-top .n-filter-field-body .x-form-trigger:hover,
.x-rtl .n-main-admin-top .n-filter-field-over .n-filter-field-body .n-filter-field-trigger,
.x-rtl .n-main-admin-top .x-form-trigger-wrap-focus.n-filter-field-body .x-form-trigger,
.x-rtl .n-main-admin-top .n-main-admin-search-user-with-val .x-form-trigger {
    border-width: 1px 1px 1px 0px !important;
}

.n-main-admin-userbox-top-label {
    height: 18px;
    margin: 0px 0px 0px 10px !important;
    color: #53565A;
    font-size: 14px;
}

.x-rtl .n-main-admin-userbox-top-label {
    margin: 0px 10px 0px 0px !important;
}

.n-main-admin-userbox-bottom-label {
    font-size: 16px;
    margin: 0px 0px 0px 10px !important;
    width: 225px !important;
    display: block;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.x-rtl .n-main-admin-userbox-bottom-label {
    margin: 0px 10px 0px 0px !important;
}

.n-main-admin-userbox-user-icon-container {
    width: 40px;
    display: inline;
}

.n-main-admin-app-menu-icon-container,
.n-main-admin-userbox-menu-icon-container {
    width: 40px;
    display: inline;
    cursor: pointer !important;
}

.x-rtl .n-main-admin-app-menu-icon-container,
.x-rtl .n-main-admin-userbox-menu-icon-container {
    float: left !important;
}

.n-main-admin-userbox-user-icon {
    width: 40px;
    height: 40px;
    margin: 5px 0px !important;
    float: left;
}

.x-rtl .n-main-admin-userbox-user-icon {
    width: 40px;
    height: 40px;
    margin: 5px 0px !important;
    float: right;
}

.n-main-admin-userbox-top-background {
    background-color: #F7F7F7 !important;
    right: auto !important;
    left: auto !important;
    height: 50px !important;
    margin: 0px 0px 13px 0px;
}

.n-main-admin-userbox-white-backgroundn-main-admin-userbox-white-background-line {
    height: 55px !important;
}

.n-main-admin-userbox {
    border-radius: 2px;
    border: solid 1px #e2e2e2 !important;
    width: 250px;
    height: 295px !important;
    margin: 0px 22px 22px 0px;
    float: left;
}

.x-rtl .n-main-admin-userbox {
    margin: 0px 0px 22px 22px;
    float: right;
}

.n-main-admin-userbox-menu {
    width: 130px !important;
    background-color: #f7f7f7;
}

    .n-main-admin-userbox-menu .x-panel-body {
        box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24), -0.9px 0.5px 6.9px 0.1px rgba(0, 0, 0, 0.16);
    }

.n-main-admin-userbox-menu-item {
    background-color: unset;
    padding: 0px;
    border: none;
}

.n-main-admin-userbox-menu .x-btn-default-small-over {
    background-color: #f7f7f7 !important;
    width: 100% !important;
}

.n-main-admin-userbox-menu-item .x-btn-inner-center {
    margin-top: 3px;
    text-align: left !important;
    color: black !important;
    font-size: 12px;
}

.x-rtl .n-main-admin-userbox-menu-item .x-btn-inner-center {
    text-align: right !important;
}

.n-main-admin-icon {
    background-repeat: no-repeat;
    width: 40px !important;
    height: 40px !important;
    background-size: 40px 40px;
}

.n-main-admin-userbox-change-user-active-state-icon {
    background-image: url(../images/userprofile/userboxprofile_user_active.png) !important;
}

.n-main-admin-userbox-reset-user-icon {
    background-image: url(../images/userprofile/userboxprofile_user_reset.png) !important;
}

.n-main-admin-user-details-tab-header {
    border-bottom: 1px solid #e2e2e2;
    width: 234px;
    height: 40px;
}

    .n-main-admin-user-details-tab-header .x-tab-inner {
        font-size: 16px;
        font-weight: bold;
        color: #53565A;
    }

    .n-main-admin-user-details-tab-header.x-active .x-tab-inner {
        color: #006FCF;
    }

.n-main-admin-prompt {
    font-size: 15px;
}

.n-main-admin-user-details {
    padding: 0px 0px 0px 0px !important;
}

    .n-main-admin-user-details .x-toolbar {
        padding: 0px 0px 15px 35px !important;
    }

    .n-main-admin-user-details .x-tab-default-active {
        border-bottom: 2px solid #006FCF;
    }

.n-main-admin-user-details-label {
    height: 50px;
    color: #53565A;
    font-size: 14px;
}

.n-main-admin-user-details-value {
    margin-top: 0px !important;
    height: 28px;
    font-size: 16px;
    color: #222222;
    padding: 1px 3px 1px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n-main-admin-user-details-title .x-header-text-container {
    font-size: 16px;
    color: #006FCF;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.n-main-admin-user-details-button {
    width: 130px !important;
    height: 36px !important;
    font-size: 16px;
    border: none !important;
}

.n-main-admin-user-details-button-edit-save {
    margin: 0px 10px 0px 0px !important;
}

.x-rtl .n-main-admin-user-details-button-edit-save {
    margin: 0px 0px 0px 10px !important;
}

.n-main-admin-user-details-buttons .x-btn-icon-el {
    margin: 10px 0px 0px 0px;
}

.n-main-admin-user-details-buttons .x-btn-inner {
    font-size: 16px;
    line-height: 28px;
}

.n-main-admin-user-details-title .x-tool-img {
    overflow: hidden;
    width: 24px;
    height: 24px;
    background-image: url(../images/userprofile/userboxprofile_details-x.png);
    margin: 0px;
    background-position-y: 0px;
    background-position-x: -0px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.n-main-admin-user-details-title .x-tool-after-title {
    margin-left: -10px !important;
}

.x-rtl .n-main-admin-user-details-title .x-tool-after-title {
    margin-left: 0px !important;
    margin-right: -10px !important;
}

.n-main-admin-user-details-title .x-tool-over .x-tool-img {
    background-image: url(../images/userprofile/userboxprofile_details-x-active.png);
}

.n-main-admin-user-details-reset-password {
    background-color: transparent;
    padding: 0px;
}

    .n-main-admin-user-details-reset-password .x-btn-inner-center {
        color: #006FCF;
        font-size: 16px;
        padding: 0px;
    }

.n-main-admin-user-details-readonly-field .x-form-text {
    border: none;
    background-image: none;
    padding-left: 0px;
    padding-right: 0px;
}

.n-main-admin-user-details-buttons {
    top: 414px !important;
}

.n-main-admin-user-access-control-item-icon {
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    background-size: 24px 24px;
}

.n-main-admin-user-access-control-group-header .x-header-text-container {
    color: #53565A;
    font-size: 14px;
    margin: 5px 0px 5px 0px !important;
    cursor: pointer !important;
}

.n-main-admin-user-access-control-show-all .n-main-admin-user-access-control-group-header .x-header-text-container {
    color: #006FCF;
}

.n-main-admin-user-access-control-arrow {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px !important;
    height: 24px;
    background-size: 24px 24px;
}

    .n-main-admin-user-access-control-arrow.n-tree-collapse {
        background-image: url(../images/userprofile/userboxprofile_user_access_control_item.png) !important;
    }

.x-rtl.n-main-admin-user-access-control-arrow.n-tree-collapse {
    background-image: url(../images/userprofile/userboxprofile_user_access_control_item.png) !important;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.n-main-admin-user-access-control-arrow.n-tree-expand {
    background-image: url(../images/userprofile/userboxprofile_user_access_control_item_expanded.png) !important;
}

.n-main-admin-user-details-field .x-form-invalid .n-main-admin-user-details-label {
    color: #B81A17;
}

.n-main-admin-user-access-control-group-item {
    margin: 0px 0px 0px 21px !important;
}

.x-rtl .n-main-admin-user-access-control-group-item {
    margin: 0px 21px 0px 0px !important;
}

.n-main-admin-user-access-control-enable-orders .x-form-cb-label,
.n-main-admin-user-access-control-group-item .x-form-cb-label {
    font-size: 14px !important;
}

.n-webinvoice-sidebyside-line-checkbox-dock.x-form-cb-checked .x-form-checkbox,
.n-companydetails-checkbox-dock.x-form-cb-checked .x-form-checkbox,
.n-companydetails-checkbox-dock-error.x-form-cb-checked .x-form-checkbox,
.n-main-admin-user-access-control-enable-orders.x-form-cb-checked .x-form-checkbox,
.n-main-admin-user-access-control-group-item.x-form-cb-checked .x-form-checkbox {
    background-image: url(../images/userprofile/userboxprofile_accesscontrol_checked_item.png) !important;
}

.n-webinvoice-sidebyside-line-checkbox-dock .x-form-checkbox,
.n-companydetails-checkbox-dock .x-form-checkbox,
.n-companydetails-checkbox-dock-error .x-form-checkbox,
.n-main-admin-user-access-control-enable-orders .x-form-checkbox,
.n-main-admin-user-access-control-group-item .x-form-checkbox {
    background-image: url(../images/userprofile/userboxprofile_accesscontrol_unchecked_item.png) !important;
    background-position: 0px 0px;
    width: 18px !important;
    height: 18px;
    background-size: 18px 18px;
}

.n-webinvoice-sidebyside-line-checkbox-dock .x-form-cb-label-after,
.n-companydetails-checkbox-dock .x-form-cb-label-after,
.n-companydetails-checkbox-dock-error .x-form-cb-label-after,
.n-main-admin-user-access-control-enable-orders .x-form-cb-label-after,
.n-main-admin-user-access-control-group-item .x-form-cb-label-after {
    padding: 0px 0px 0px 30px;
    margin-top: 6px;
}

.x-rtl .n-webinvoice-sidebyside-line-checkbox-dock .x-form-cb-label-after,
.x-rtl .n-companydetails-checkbox-dock .x-form-cb-label-after,
.x-rtl .n-companydetails-checkbox-dock-error .x-form-cb-label-after,
.x-rtl .n-main-admin-user-access-control-enable-orders .x-form-cb-label-after,
.x-rtl .n-main-admin-user-access-control-group-item .x-form-cb-label-after {
    padding: 0px 30px 0px 0px !important;
}

.x-rtl .n-companydetails-checkbox-dock.x-form-cb-checked .x-form-checkbox,
.x-rtl .n-companydetails-checkbox-dock .x-form-checkbox {
    margin: 8px 0 0 678px !important;
}

.x-rtl .n-companyDetails-radio-group-body .x-form-cb-label-after {
    padding: 0px 10px 0px 17px !important;
}

.n-main-admin-user-access-control-expand-btn {
    background-color: transparent !important;
    padding: 0px 0px 0px 36px;
}

.x-rtl .n-main-admin-user-access-control-expand-btn {
    padding: 0px 36px 0px 0px;
}

.n-main-admin-user-access-control-expand-btn .x-btn-inner-center {
    color: #006FCF !important;
    font-size: 14px;
    float: left;
    text-decoration: underline;
}

.x-rtl .n-main-admin-user-access-control-expand-btn .x-btn-inner-center {
    float: right;
}

.n-message-alert-button-2.x-btn-disabled {
    background-color: #bcc3c7 !important;
}

    .n-message-alert-button-2.x-btn-disabled .x-btn-inner-center {
        color: #ffffff !important;
    }

.n-main-admin-user-details-field::placeholder {
    color: #bcc3c7;
}

.n-main-admin-user-details .x-mask-msg {
    width: 500px;
}

.n-main-admin-userbox-this-admin {
    border: solid 1px #006FCF !important;
}

    .n-main-admin-userbox-this-admin .n-main-admin-userbox-top-background {
        background-color: #006FCF !important;
    }

    .n-main-admin-userbox-this-admin .n-main-admin-userbox-menu-icon {
        background-image: url(../images/userprofile/userboxprofile_menu_this_user.png);
    }

.n-main-admin-userbox-menu-icon {
    background-image: url(../images/userprofile/userboxprofile_menu.png);
    background-position: 0px 0px;
    width: 4px !important;
    height: 16px;
    background-size: 4px 16px;
    margin: 17px 17px;
}

.x-rtl .n-main-admin-user-details-field-phone .n-main-admin-user-details-value {
    direction: ltr;
    text-align: right;
}

.n-main-admin-userbox-menu .x-btn-default-small {
    background-color: #ffffff;
    width: 100% !important;
}

.n-main-admin-user-details-reset-password.x-item-disabled .x-btn-inner-center {
    color: #53565A;
}

.n-main-admin-add-user-button.x-btn-disabled {
    background-color: #bcc3c7 !important;
}

    .n-main-admin-add-user-button.x-btn-disabled .x-btn-inner-center {
        color: #ffffff !important;
    }

.n-companyDetails-sig-pass-img {
}

.n-companyDetails-sig-pass-time-counter {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.n-companyDetails-sig-pass-win-body {
    text-align: center;
}

.n-red-row {
    color: red;
}


.x-rtl .n-shippingdate-combo .x-form-trigger,
.x-rtl .n-campaign-contract-combo .x-form-trigger,
.x-rtl .n-campaign-pricing-plan-combo .x-form-trigger,
.x-rtl .n-campaign-status-combo .x-form-trigger {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background: url('../images/campaignmanager/trigger-combo.PNG');
}

.n-shippingdate-combo .x-form-trigger,
.n-campaign-contract-combo .x-form-trigger,
.n-campaign-pricing-plan-combo .x-form-trigger,
.n-campaign-status-combo .x-form-trigger {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    background-position-y: -2px !important;
    background: url('../images/campaignmanager/trigger-combo.PNG');
    height: 30px;
    width: 39px !important;
}

.n-portal-quicksearch-combo .x-form-trigger {
    background: url('../images/form/trigger-no-border.png');
    height: 28px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    border-top: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
}

.x-rtl .n-portal-quicksearch-combo .x-form-trigger {
    background: url('../images/form/trigger-no-border.png');
    border-right: none;
    border-left: solid 1px #d0d0d0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.n-campaign-status-combo .x-trigger-cell, .n-campaign-pricing-plan-combo .x-trigger-cell, .n-campaign-contract-combo .x-trigger-cell {
    width: 39px !important;
}

.n-campaign-details-header-line {
    text-align: center;
    color: #cccccc;
    font-size: 16px;
    width: 15px;
}

.n-campaign-details-header {
    font-size: 16px;
    font-family: Arial;
}

.n-create-campaign-step-header.x-panel-header-default-horizontal-noborder {
    padding: 4px 5px 0px 5px;
}

.x-html-editor-wrap .x-toolbar {
    background-color: #006FCF;
}

.x-html-editor-wrap .x-toolbar-separator-horizontal, .x-btn-default-toolbar-small {
    border-style: none;
}

.x-html-editor-wrap .x-html-editor-tb .x-edit-italic {
    background-position: -15px 0;
}

.x-html-editor-wrap .x-btn-default-toolbar-small-icon .x-btn-icon-el {
    width: 18px;
}

.x-html-editor-wrap .x-html-editor-tb .x-edit-underline {
    background-position: -30px 0;
}

.x-html-editor-wrap .x-html-editor-tb .x-edit-increasefontsize {
    background-position: -45px 0;
}

.x-html-editor-wrap .x-html-editor-tb .x-edit-decreasefontsize {
    background-position: -63px 0;
}

.x-html-editor-wrap .x-html-editor-tb .x-edit-forecolor {
    background-position: -158px 0;
}

.x-html-editor-wrap .x-html-editor-tb .x-edit-backcolor {
    background-position: -176px 0;
}

.n-companyDetails-sig-pass-win-body {
    text-align: center;
}

.n-verifications-window-body-text {
    font-size: 17px;
    color: #222;
}

.n-mb-20 {
    margin-bottom: 20px;
}

.n-link-btn {
    background-color: #fff !important;
    border: none !important;
}

    .n-link-btn .x-btn-inner {
        color: #006FCF !important;
    }

.n-code-field input {
    letter-spacing: 5px;
    line-height: 30px;
    font-size: 17px;
    text-align: center !important;
}

.n-error-msg {
    color: red;
}

.n-resend-code {
    color: #006FCF !important;
    text-decoration: underline;
    cursor: pointer;
}

    .n-resend-code.n-disabled {
        color: #969696 !important;
    }

.n-disabled {
    color: #969696 !important;
}

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

.n-verifications-complete-window-icon {
    margin-bottom: 10px;
    width: 35px;
    height: 34px;
}

.n-verified-img {
    vertical-align: middle;
    width: 22px;
    height: 22px;
}

.n-verified-text {
    color: #006B50;
    font-size: 12px;
    line-height: 22px;
}

.n-user-details-verify-text {
    font-size: 11px;
}

@media only screen and (max-width: 1191px) {
    .n-user-details-verify-text {
        width: 500px;
    }
}

.n-user-details-verify-icon {
    vertical-align: bottom;
    width: 12px;
    height: 12px;
}

.n-long-search-time-warning {
    background-color: #ffffff;
    background-image: url('../images/lightbulb.png');
    background-repeat: no-repeat;
    border-color: #FFB529;
    border-radius: 3px;
    border: solid 1px #ffb529;
    color: #FFB529;
    padding-left: 40px;
    padding-top: 4px;
}

.n-warning {
    color: #ffb529;
    padding: 8px;
    font-size: 14px;
    color: #ffb529;
    border-radius: 2px;
    border: solid 1px #fe9f15;
    background-color: #FFF9F0;
}

.x-rtl .n-long-search-time-warning {
    background-position: 310px 0px;
    padding-right: 40px;
}

.n-edittextfield .x-grid-cell-inner.n-border-color-red {
    border-color: red !important;
}

.n-campagin-suppliers-list .x-grid-rowbody {
    padding: 0px;
    background-color: #fff;
}

.n-campagin-suppliers-list .x-grid-row-expander {
    background-image: url('../images/rowexpander/group-collapse-blue-big.png');
}

.n-campagin-suppliers-list .x-grid-row-collapsed .x-grid-row-expander {
    background-image: url(../images/rowexpander/group-expand-big.png);
}

.n-campaign-details-history-dot-step {
    background-image: url('../images/campaignmanager/grey-dot.PNG');
    width: 40px;
    background-position-y: 18%;
    background-repeat: no-repeat;
}

.n-active-status {
    width: 20px;
    height: 20px;
    background-image: url('../images/green_dot.png');
    background-repeat: no-repeat;
    background-position: 11px 6px;
}

.n-obsolete-status {
    width: 20px;
    height: 20px;
    background-image: url('../images/orange_dot.png');
    background-repeat: no-repeat;
    background-position: 11px 6px;
}

.n-confirmationprocess-status {
    width: 20px;
    height: 20px;
    background-image: url('../images/status/partiallySubmited.png');
    background-repeat: no-repeat;
   
}

.n-error-status {
    width: 20px;
    height: 20px;
    background-image: url('../images/red_dot_8x8.png');
    background-repeat: no-repeat;
    background-position: 11px 6px;
}

.n-campaign-details-history-line-step {
    width: 20px;
    background-image: url('../images/campaignmanager/grey-line.PNG');
    background-repeat: repeat-y;
    background-position-x: 7%;
}

.n-campagin-suppliers-list .x-grid-cell-rowbody,
.n-campagin-suppliers-list .x-grid-rowbody,
.n-campagin-suppliers-list .x-grid-row-expanded .x-grid-cell {
    background-color: #F7F7F7;
}

.n-campagin-suppliers-list .x-grid-cell-special {
    vertical-align: top !important;
}

.n-campaign-details-no-notes {
    color: #bcc3c7;
}

.n-campaign-supplier-history-table {
    border-collapse: collapse;
    margin-top: 10px;
}

.x-grid-cell-inner-row-expander {
    padding: 14px 7px 10px 7px;
}

.n-campaign-status-icon {
    width: 20px;
    height: 20px;
    background-image: url('../images/sprites/status_icons.png');
    background-repeat: no-repeat;
    display: inline-block;
    background-position-y: 2px;
}

.n-campaign-status-icon-cancelled {
    background-image: url('../images/campaignmanager/status-icon-canceled.png');
}

.n-campaign-status-icon-closed {
    background-image: url('../images/campaignmanager/status-icon-closed.png');
}

.n-campaign-status-icon-inprocess {
    background-image: url('../images/campaignmanager/status-icon-inprocess.png');
}

.n-campaign-status-icon-closed {
    background-image: url('../images/campaignmanager/status-icon-canceled.png');
}

.n-campaign-status-icon-open {
    background-image: url('../images/campaignmanager/status-icon-closed.png');
}

.x-rtl .n-campaign-status-icon {
    background-position-x: right;
}

.n-campaign-status-text {
    padding: 0px 0px 0px 25px;
    line-height: 20px;
}

.x-rtl .n-campaign-status-text {
    padding: 0px 25px 0px 0px;
}

.n-campaign-head-line-text {
    font-size: 16px;
}

.n-campaign-history-td-space {
    width: 100px;
}

.n-campaign-history-td-width {
    width: 45px;
}

.n-campaign-details-header-body {
    height: 35px;
    border-collapse: collapse;
    border-spacing: 10px 0px;
}

    .n-campaign-details-header-body td {
        word-break: break-all;
        padding: 0px;
        line-height: 14px;
        text-overflow: clip;
    }

.n-campaign-head-status {
    padding-top: 5px;
    line-height: 25px;
}

.n-removeAlphabetical {
    padding-top: 20px !important;
}

@media only screen and (max-width: 1140px) {
    .n-campaign-head-userfullname {
        white-space: nowrap;
        max-width: 300px !important;
        overflow: hidden;
        text-overflow: ellipsis !important;
    }
}

.n-campaign-head-creatdate {
    min-width: 90px;
}

.n-campaign-head-campaignname {
}

.n-order-action-button .x-btn-icon-el {
    width: 24px !important;
    height: 24px !important;
    top: -2px;
    right: -2px;
}

.x-rtl .n-order-action-button .x-btn-icon-el {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -2px;
}

.n-order-action-button.x-btn-greenbutton-medium-icon-text-right .x-btn-button {
    height: 24px;
}

.n-order-action-label {
    font-size: 18px;
    color: #008767;
}

.x-menu-item-icon.n-menu-action-icon {
    background-position: center !important;
}

.x-rtl .x-menu-item-icon.n-menu-action-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.n-action-checkbox {
    color: black;
}

.n-campaign-history-td-space {
    width: 100px
}

.n-campaign-history-td-width {
    width: 45px
}

.n-supplier-page-company-name {
    font-family: Arial;
    font-size: 24px;
    font-style: normal;
    font-stretch: normal;
    margin-top: 15px;
    text-align: left;
}

.x-rtl .n-supplier-page-company-name {
    text-align: right;
}

.n-supplier-page-bold-text {
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
}

.x-rtl .n-supplier-page-bold-text {
    text-align: right;
}

.n-supplier-page-plain-text {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #565656;
}

.x-rtl .n-supplier-page-plain-text {
    text-align: right;
}

.n-whattodo-rectangle {
    border-bottom: 1px solid #d2d7da;
}

.n-window-add-icon {
    width: 48px !important;
    height: 48px !important;
    margin: 0px;
    background-image: url('../Images/sprites/tool-bar.png') !important;
    background-repeat: no-repeat;
}

.n-black-search-icon {
    background-image: url('../Images/search-black-icon.png');
    background-repeat: no-repeat;
    background-position: center right !important;
}

.x-rtl .n-black-search-icon {
    background-position: left !important;
}

.n-window-add-attachment {
    background-position: 0px -528px !important;
}

.n-window-add-note {
    background-position: 0px -480px !important;
}

.n-window-view {
    background-position: 0px -432px !important;
}

.n-document-appendix .x-panel-header-portlet {
    background-color: #ffffff;
}

.n-document-appendix .x-panel-body-default {
    background-color: #ffffff;
}

.x-panel-body-default .n-whattodo-widget-active {
    border-bottom: 1px solid #006FCF;
    padding: 0px 0px 2px 0px !important;
}

.x-panel-body-default .n-whattodo-widget-non-active {
    color: #c2c2c2;
    padding: 0px 0px 2px 0px !important;
}

.n-actionbutton.n-button-active {
    border-bottom: 2px solid #006FCF !important;
}

.x-rtl .n-portal-column-collapse-btn {
    left: -2px !important;
}

.n-portal-column-collapse-btn .x-btn-inner {
    font-size: 20px !important;
    font-family: Arial !important;
    color: white !important;
}

.n-supplier-profile-gallery-box {
    background-color: #ffffff;
}

.n-analytics-dashboard-body {
    background-color: #f1f1f1;
}

    .n-analytics-dashboard-body .n-quicknav-module-name {
        font-size: 16px;
        width: 80%;
        max-height: 35px;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.n-manage-my-widgets-btn {
    background-color: #f1f1f1;
    border-style: none;
    margin: 32px 0px 0px 2px !important;
    right: 0px !important;
    left: auto !important;
}

    .n-manage-my-widgets-btn:hover {
        background-color: #ffffff;
        border-style: none;
    }

    .n-manage-my-widgets-btn .x-btn-inner {
        font-size: 16px;
        color: #006FCF;
        font-weight: bold;
    }

.n-analytics-dashboard-body .n-quicknav-background-orange {
    border-color: #ffb529;
}

.n-analytics-dashboard-body .n-quicknav-background-grey .n-quicknav-module-name {
    color: #53565A;
}

.n-analytics-dashboard-body .n-quicknav-background-green {
    border-color: #008767;
}

    .n-analytics-dashboard-body .n-quicknav-background-green .n-quicknav-module-name {
        color: #008767;
    }

.n-analytics-dashboard-body .n-quicknav-background-red {
    border-color: #B81A17;
}

    .n-analytics-dashboard-body .n-quicknav-background-red .n-quicknav-module-name {
        color: #B81A17;
    }

.n-analytics-dashboard-body .n-quicknav-background-purple {
    border-color: #734DC7;
}

    .n-analytics-dashboard-body .n-quicknav-background-purple .n-quicknav-module-name {
        color: #734DC7;
    }

.n-analytics-dashboard-body .n-quicknav-item {
    border-width: 2px;
    border-style: solid;
    border-radius: 2px;
    margin: 10px 5px 10px 0px;
    cursor: pointer;
    display: inline-block;
    height: 64px;
    max-width: 256px;
    background-color: #fff;
}

.n-manage-my-widgets-menu-icon {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-image: url(../images/dashboard/manage-widgets.png) !important;
    margin: 5px 7px 0px 15px;
}

.x-rtl .n-manage-my-widgets-menu-icon {
    margin: 5px 22px 0px 0px;
}

.n-manage-my-widgets-menu {
    left: auto !important;
    right: 10px !important;
    box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #e2e2e2;
}

.x-rtl .n-manage-my-widgets-menu {
    left: 10px !important;
    right: auto !important;
}

.n-manage-my-widgets-menu .x-menu-item-checked .x-menu-item-checkbox {
    background-image: url(../images/dashboard/item-checked.png) !important;
}

.n-manage-my-widgets-menu .x-menu-item-checkbox {
    background-image: url(../images/dashboard/item-unchecked.png) !important;
    background-position: 0px 0px;
    width: 24px !important;
    height: 24px;
    background-size: 24px 24px;
    margin: 7px 5px 0px 5px;
    background-repeat: no-repeat;
}

.n-manage-my-widgets-menu .x-menu-item-text {
    font-weight: bold;
    color: #006FCF !important;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 9px;
}

.x-rtl .n-manage-my-widgets-menu .x-menu-item-text {
    padding-left: 0px;
    padding-right: 10px;
}

.n-manage-my-widgets-menu .x-menu-item-active {
    background-color: #fbfbfb !important;
    background-image: none !important;
}

.n-manage-my-widgets-menu .x-menu-item {
    border: none;
}

.n-mysearches-first-label {
    color: #565656;
    margin: 0px 30px 0px 5px;
    padding: 5px 0px 0px 0px;
}

.x-rtl .n-mysearches-first-label {
    margin: 0px 5px 0px 30px;
}

.n-mysearches-btn {
    height: 30px !important;
    padding: 0px 0px 0px 10px;
    right: 0px !important;
    background-color: #f1f1f1;
    border-right: none;
    border-top: none;
    border-bottom: none;
    left: auto !important;
}

.x-rtl .n-mysearches-btn {
    padding: 0px 10px 0px 0px;
    left: 0px !important;
    border-left: none;
    right: auto !important;
}

.n-mysearches-btn .x-btn-inner {
    font-size: 16px;
    color: #006FCF;
    font-weight: bold;
}

.n-mysearches-custom-search-widget {
    display: table;
}

    .n-mysearches-custom-search-widget .n-mysearches-custom-search {
        height: 30px;
        font-size: 16px;
        color: #006FCF;
        padding: 0px 0px 0px 0px;
        display: inline-block;
        position: relative;
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
    }

    .n-mysearches-custom-search-widget .n-mysearches-custom-search-x-icon {
        float: right;
        background-image: url(../images/dashboard/remove_search.png);
        background-position: 0px 0px;
        width: 11px;
        height: 11px;
        background-size: 11px 11px;
        background-repeat: no-repeat;
        display: none;
        margin: -22px 10px 0px 0px;
    }

.x-rtl .n-mysearches-custom-search-widget .n-mysearches-custom-search-x-icon {
    float: left;
    margin: -22px 0px 0px 10px;
}

.n-mysearches-custom-search-widget .n-mysearches-custom-search-name {
    height: 30px;
    padding: 5px 20px 0px 20px;
}

.n-mysearches-custom-search:hover .n-mysearches-custom-search-x-icon {
    display: block;
}

.n-mysearches-custom-search:hover .n-mysearches-custom-search-name {
    padding: 5px 30px 0px 10px;
}

.x-rtl .n-mysearches-custom-search:hover .n-mysearches-custom-search-name {
    padding: 5px 10px 0px 30px;
}

.n-analytics-dashboard-body .n-invoicebystatus-widget {
    background-color: #ffffff;
    border: solid 1px #e2e2e2;
}

    .n-analytics-dashboard-body .n-invoicebystatus-widget .x-container-docked-bottom {
        padding: 0px 20px 15px 20px !important;
    }

    .n-analytics-dashboard-body .n-invoicebystatus-widget .x-panel-header-portlet-horizontal-noborder {
        padding: 10px 0px 45px 15px;
    }

.x-rtl .n-analytics-dashboard-body .n-invoicebystatus-widget .x-panel-header-portlet-horizontal-noborder {
    padding: 10px 15px 45px 0px;
}

.n-analytics-dashboard-body .n-invoicebystatus-widget .x-form-checkbox {
    background-position-y: 0px;
    background-position-x: 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url(../images/dashboard/widget_input_unchecked.png);
    margin: 0px 0px 0px 0px;
}

.n-analytics-dashboard-body .n-invoicebystatus-widget .x-form-cb-checked .x-form-checkbox {
    background-image: url(../images/dashboard/widget_input_checked.png);
}

.n-analytics-dashboard-body .n-invoicebystatus-widget .x-docked-bottom .x-form-cb-label {
    padding: 0px 0px 0px 30px;
    color: #565656;
    font-size: 13px;
}

.x-rtl .n-analytics-dashboard-body .n-invoicebystatus-widget .x-docked-bottom .x-form-cb-label {
    padding: 0px 30px 0px 0px;
}

.n-analytics-dashboard-body .n-invoicebystatus-widget .x-docked-bottom input {
    font-size: 13px;
}

.n-analytics-dashboard-body .x-tool-maximize {
    background-position-y: 6px;
    background-position-x: 6px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: url(../images/dashboard/widget_expand.png);
}

.n-analytics-dashboard-body .x-tool-over .x-tool-maximize {
    background-position-y: 6px;
}

.n-analytics-dashboard-body .n-dashboard-widget-title .n-dashboard-widget-hide {
    margin: 0px 15px 0px 0px !important;
    padding: 0 !important;
}

.x-rtl .n-analytics-dashboard-body .n-dashboard-widget-title .n-dashboard-widget-hide {
    margin: 0px 0px 0px 15px !important;
}

.n-analytics-dashboard-body .n-dashboard-widget-title .x-btn-default-small-focus {
    border: 1px solid #ffffff !important;
}

.n-dashboard-widget-hide {
    background-color: transparent !important;
}

.n-analytics-dashboard-body .n-dashboard-widget-hide .x-btn-inner {
    color: #565656 !important;
    font-weight: bold;
    font-size: 12px;
}

.mysearches-solid-with-border {
    border-left: solid;
    border-color: #e2e2e2 !important;
    border-left-width: 1px !important;
}

.x-rtl .mysearches-solid-with-border {
    border-left: none;
    border-right: solid;
    border-right-width: 1px !important;
}

.n-mysearches-menu {
    left: auto !important;
    right: 10px !important;
    box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #e2e2e2;
}

.x-rtl .n-mysearches-menu {
    right: auto !important;
    left: 10px !important;
}

.n-mysearches-menu .x-menu-item-text {
    color: #006FCF !important;
    font-size: 14px;
    margin: 7px 0px 0px 20px;
    text-align: unset;
}

.x-rtl .n-mysearches-menu .x-menu-item-text {
    margin: 5px 20px 0px 0px;
}

.n-mysearches-menu .x-menu-item-active {
    background-color: #fbfbfb !important;
    background-image: none !important;
}

.n-invoice-invoicenumber-header-info,
.n-create-campaign-info,
.n-dashboard-widget-info {
    background-position-y: 0px;
    background-position-x: 0px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-image: url(../images/dashboard/widget_info.png);
    background-color: transparent !important;
    padding: 0px !important;
    border-color: transparent;
}

    .n-dashboard-widget-info .x-btn-inner {
        color: transparent;
    }

.n-create-campaign-info-tooltip .x-tip-body,
.n-dashboard-widget-info-tooltip .x-tip-body {
    font-size: 14px;
}

.n-analytics-whatsnew-widget .n-dashboard-widget-title,
.n-analytics-dashboard-body .n-dashboard-widget-title {
    padding: 10px 0px 0px 15px;
    color: #006FCF;
    font-weight: bold;
    font-size: 20px;
}

.x-rtl .n-analytics-whatsnew-widget .n-dashboard-widget-title,
.x-rtl .n-analytics-dashboard-body .n-dashboard-widget-title {
    padding: 10px 15px 0px 0px;
}

.n-analytics-whatsnew-widget {
    border: solid 1px #e2e2e2;
    background-color: #ffffff;
}

    .n-analytics-whatsnew-widget .n-view-more-btn-pressed .n-view-more-btn-icon {
        background-image: url(../images/dashboard/whats_new_view_less.png) !important;
    }

    .n-analytics-whatsnew-widget .x-panel-body-whatsnew-panel .x-tab-bar {
        padding: 0px 15px !important;
        border-bottom: 1px solid #ebebeb !important;
    }

    .n-analytics-whatsnew-widget .x-panel-body-whatsnew-panel .x-tab {
        border-left: none;
        border-top: none;
        border-right: none;
        background-color: transparent;
        padding: 2px 0px 0px 0px;
        height: 45px !important;
    }

        .n-analytics-whatsnew-widget .x-panel-body-whatsnew-panel .x-tab.x-active {
            border-bottom: 3px solid #006FCF !important;
        }

    .n-analytics-whatsnew-widget .x-panel-body-whatsnew-panel .x-tab {
        border-bottom: 3px solid #ffffff !important;
    }

    .n-analytics-whatsnew-widget .x-panel-body-whatsnew-panel .x-tab-active .x-tab-inner {
        color: black;
    }

    .n-analytics-whatsnew-widget .x-panel-body-whatsnew-panel .x-tab-inner {
        font-size: 16px;
        color: #565656;
        font-weight: normal;
        color: #53565A;
        white-space: nowrap;
    }

    .n-analytics-whatsnew-widget .n-whatsnew-emptytab {
        border-bottom: none !important;
    }

    .n-analytics-whatsnew-widget .n-whatsnew-tab {
        border-bottom: none !important;
    }

    .n-analytics-whatsnew-widget .n-empty-text {
        margin-top: 130px;
        font-size: 26px;
        font-weight: bold;
        color: #e2e2e2;
        text-align: center;
    }

    .n-analytics-whatsnew-widget .x-grid-empty {
        background-image: url(../images/dashboard/whats_new_ribbon.png);
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 56px 64px;
        background-position-y: 70px;
    }

.n-empty-text-campaign,
.n-analytics-dashboard-body .n-chart-pie-no-data .n-empty-text {
    padding-top: 130px;
    font-size: 26px;
    font-weight: bold;
    color: #e2e2e2;
    text-align: center;
}


.n-analytics-dashboard-body .n-chart-pie-no-data {
    background-image: url(../images/dashboard/received_Invoices_status_cloud.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position-y: 65px;
}

.n-analytics-whatsnew-widget .n-whatsnew-list .n-whatsnew-list-docked-status {
    font-size: 13px;
}

.n-whatsnew-list .n-table-seenbyother-white {
    background-position: -15px -55px;
}

.n-whatsnew-list .n-table-pined-white {
    background-position-y: 0px;
    background-position-x: 0px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-image: url(../images/dashboard/whats_new_pin.png);
}

.x-rtl .n-whatsnew-list .n-table-pined {
    margin: 0px 13px 0px 0px;
}

.n-whatsnew-list .n-table-pined,
.n-whatsnew-list .x-grid-row-over .n-table-unpined,
.n-whatsnew-list .n-table-unpined:hover {
    margin: 0px 0px 0px 5px;
}

.x-rtl .n-whatsnew-list .n-table-pined,
.x-rtl .n-whatsnew-list .x-grid-row-over .n-table-unpined,
.x-rtl .n-whatsnew-list .n-table-unpined:hover {
    margin: 0px 13px 0px 0px;
}

.n-whatsnew-list .n-table-seenbyother,
.n-whatsnew-list .x-grid-row-over .n-table-seenbyother {
    background-position: -20px -54px;
}

.x-rtl .n-whatsnew-list .n-table-seenbyother,
.x-rtl .n-whatsnew-list .x-grid-row-over .n-table-seenbyother {
    background-position: -14px -54px;
}

.n-analytics-whatsnew-widget .n-whatsnew-list .n-view-more-btn {
    background-color: #ffffff;
    border: none !important;
}

#maximizewidgetcard-body .n-dashboard-widget-hide {
    display: none !important;
}

#maximizewidgetcard-body .n-large {
    left: auto !important;
    right: 0px !important;
}

.x-rtl #maximizewidgetcard-body .n-large {
    right: auto !important;
    left: 0px !important;
}

#maximizewidgetcard-body .n-whatsnew-list .n-view-more-btn {
    display: none !important;
}

#maximizewidgetcard-body .n-whatsnew-widget.n-analytics-whatsnew-widget .n-whatsnew-emptytab {
    background-color: #ffffff !important;
}

#maximizewidgetcard-body .n-whatsnew-widget {
    top: 0px !important;
    margin: 0px !important;
}

    #maximizewidgetcard-body .n-whatsnew-widget .x-panel-body-docked-top {
        background-color: #ffffff !important;
    }


    #maximizewidgetcard-body .n-whatsnew-widget .n-whatsnew-emptytab {
        background-color: #f1f1f1 !important;
    }

    #maximizewidgetcard-body .n-whatsnew-widget .x-container-docked-top {
        background-color: #ffffff;
    }

.n-analytics-whatsnew-widget .n-whatsnew-list .n-view-more-btn .x-btn-inner {
    font-size: 14px;
    color: #006FCF;
    padding: 0px 4px 0px 10px;
    text-align: left;
}

.x-rtl .n-analytics-whatsnew-widget .n-whatsnew-list .n-view-more-btn .x-btn-inner {
    padding: 0px 25px 0px 4px;
    text-align: right;
}

.n-whatsnew-list .n-view-more-btn-icon {
    background-position: 0px 2px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url(../images/dashboard/whats_new_view_more.png) !important;
    left: auto !important;
    right: 0px !important;
}

.x-rtl .n-analytics-whatsnew-widget .n-whatsnew-list .n-view-more-btn-icon {
    right: auto !important;
    left: 0px !important;
    background-position: 0px 2px !important;
}

.n-whatsnew-list .x-grid-with-row-lines {
    border-top: solid 1px #e2e2e2;
    border-bottom: solid 1px #e2e2e2 !important;
}

.n-analytics-whatsnew-widget .n-whatsnew-list-column .x-column-header-inner {
    padding-top: 10px !important;
}

.n-analytics-whatsnew-widget .n-whatsnew-list-status-box {
    border-left: none !important;
    border-right: none !important;
}

    .n-analytics-whatsnew-widget .n-whatsnew-list-status-box .x-grid-data-row {
        border: none;
    }

.n-analytics-whatsnew-widget .x-tab-bar-whatsnew-panel {
    display: none;
}

.n-analytics-dashboard-body .n-invoicebystatus-widget input,
.n-analytics-dashboard-body .n-analytics-widget input,
.n-analytics-dashboard-body .n-quicklinks-currency-combo input {
    border: none;
    cursor: pointer !important;
}

.n-analytics-dashboard-body .n-invoicebystatus-widget .x-form-trigger,
.n-analytics-dashboard-body .n-analytics-widget .x-form-trigger,
.n-analytics-dashboard-body .n-quicklinks-trigger {
    background-position: -3px -2px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: url(../images/dashboard/sent_invoices_dropdown.png);
    border: none;
}

.n-mysearches-menu-remove-icon {
    background-image: url(../images/dashboard/remove_search.png);
    background-position: right center !important;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 13px !important;
    height: 13px !important;
    background-size: 13px 13px;
    margin: 11px 7px 0px 15px;
    left: auto !important;
    right: 0px !important;
}

.x-rtl .n-mysearches-menu-remove-icon {
    margin: 11px 15px 0px 7px;
    right: auto !important;
    left: 0px !important;
}

.x-grid-header-ct {
    border: 1px solid #fff !important;
}

.n-campaign-supplier-lines {
    border: 1px solid #e2e2e2;
}

.n-campagin-suppliers-list .x-grid-rowwrap tr {
    height: 36px !important;
}

.n-analytics-dashboard-body .n-analytics-widget {
    background-color: #ffffff;
    border: solid 1px #e2e2e2;
    margin-top: 0px !important;
}

.n-currency-combobox-combo-input {
    font-weight: bold;
    font-size: 16px;
    color: #565656;
    padding-bottom: 3px !important;
}

.n-summarybymonth-chart tspan {
    font-size: 14px;
    color: #565656;
}

.n-invoices-summarybymonth-widget rect {
    fill: #008767;
}

.n-orders-summarybymonth-widget rect {
    fill: #006FCF;
}

.n-analytics-dashboard-body .n-empty-text {
    font-size: 26px;
    font-weight: bold;
    color: #e2e2e2;
    text-align: center;
}

.n-analytics-dashboard-body .n-chart-column-no-data .n-empty-text {
    padding-top: 174px;
}

.x-grid-cell-inner-row-expander {
    top: 0px !important;
}

.n-summarybymonth-chart-no-data {
    display: block;
    z-index: -1;
    position: absolute;
    top: 155px;
    width: 190px;
    left: 50%;
    margin-left: -95px;
}

.n-summarybymonth-chart {
    z-index: 1;
    position: relative;
}

.n-documents-dashboard-report .x-mask-msg,
.n-orders-dashboard-report .x-mask-msg,
.n-analytics-widget .x-mask-msg {
    left: 50% !important;
    margin-left: -48px !important;
    margin-top: -48px !important;
    top: 50% !important;
}

.x-rtl .n-analytics-widget .x-mask-msg {
    right: unset !important;
}

.n-summarybymonth-chart path {
    stroke: #f6f6f6 !important;
}

.n-analytics-whatsnew-widget .x-panel-body-whatsnew-panel .n-whatsnew-viewby-tabs-small-font .x-tab-inner {
    font-size: 14px !important;
}

.n-totaltoperioddetails-details .n-totaltoperioddetails-totalamount {
    font-size: 40px;
}

.n-totaltoperioddetails-details .n-totaltoperioddetails-lastmonth {
    font-size: 16px;
}

.n-totaltoperioddetails-details .n-totaltoperioddetails-frompreviousmonth {
    font-size: 18px;
}

.n-search-more-results-button-btn-icon {
    width: 16px !important;
    height: 16px !important;
    background-image: url('../images/more-searches-icon.png');
    top: 6px;
}

.x-rtl .n-search-more-results-button-btn-icon {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.n-search-more-results-button.x-btn-default-toolbar-small .x-btn-inner {
    color: #565656 !important;
}

.n-search-more-results-button.x-btn-default-toolbar-small {
    background-color: #F7F7F7 !important;
    border-color: #E2E2E2 !important;
    border-radius: 0px !important;
}

.n-totaltoperioddetails-details .n-change-arrow {
    background-position-y: 0px;
    background-position-x: 0px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: url(../images/dashboard/arrow_green.png);
    background-color: transparent !important;
    /*padding: 0px !important;*/
}

.n-totaltoperioddetails-details .n-change-arrow-red {
    background-image: url(../images/dashboard/arrow_red.png);
}

.n-totaltoperioddetails-details .n-change-arrow-gray {
    background-image: url(../images/dashboard/arrow_gray.png);
}

.x-rtl .n-totaltoperioddetails-details .n-change-arrow-gray {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.n-analytics-dashboard-body .n-analytics-widget.n-analytics-widget-blue-border {
    box-sizing: border-box;
    border: 2px solid #006FCF;
}

.n-analytics-dashboard-body .n-analytics-widget.n-analytics-widget-purple-border {
    box-sizing: border-box;
    border: 2px solid #734DC7;
}

.n-totaltoperiod-no-data {
    font-size: 48px;
    font-weight: bold;
    color: #e2e2e2;
    text-align: center;
}

.n-totaltoperiod-no-data-from-previous {
    font-size: 18px;
    color: #e2e2e2;
    font-weight: normal;
    text-align: center;
    margin-top: 14px;
}

.n-analytics-dashboard-body .n-quicklinks-trigger,
.x-rtl .n-analytics-dashboard-body .n-quicklinks-trigger {
    background-image: url(../images/dashboard/blue_dropdown.png);
}

.n-analytics-dashboard-body .n-quicklinks-currency-combo input {
    background-color: transparent;
    font-size: 16px;
    color: #006FCF;
    font-weight: bold;
    padding-bottom: 3px;
}

.n-analytics-dashboard-body .currency-box {
    font-size: 12px;
}

.n-search-company-box {
    border-radius: 2px;
    border: solid 1px #e2e2e2;
    color: #e2e2e2;
}

.n-searchMoreCustomers {
    font-size: 14px;
    text-align: left;
    color: #006FCF;
    padding: 5px 18px;
    cursor: pointer;
}

.n-blue-circle {
    width: 36px;
    height: 36px;
    background-color: #006FCF;
}

.n-web-shipping-notification {
    border-radius: 2px;
    border: solid 1px #e2e2e2;
    padding-top: 20px;
}

    .n-web-shipping-notification .n-simplegallery-alt-text {
        height: 35px;
        line-height: 35px;
        background-color: #ffffff;
        width: 100%;
        font-size: 12px;
        text-align: center;
        color: #565656;
        border: solid #e2e2e2;
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 3px 3px;
    }

.n-simplegallery-slider-item-selected .n-simplegallery-alt-text {
    height: 35px;
    line-height: 35px;
    background-color: #ffffff;
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #565656;
    border: solid #e2e2e2;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 3px 3px;
    border-top: solid 2px #006FCF;
}

.n-web-shipping-notification .n-simplegallery-slider-item {
    width: 120px;
    margin: 0px 7px 0px 0px;
    padding: 0px;
}

.n-web-shipping-notification .n-simplegallery-img {
    border: solid 1px #e2e2e2;
    border-radius: 3px 3px 0 0;
    width: 100%;
    height: 75px;
}

.n-simplegallery-slider-item-selected .n-simplegallery-selected-image-v {
    display: block;
    height: 26px;
    width: 26px;
    border: none;
    position: relative;
    bottom: 6px;
    left: 98px;
}

.x-rtl .n-simplegallery-slider-item-selected .n-simplegallery-selected-image-v {
    right: 95px;
}

.n-web-shipping-notification .n-simplegallery-slider-item-selected {
    border-radius: 3px;
    height: 114px;
    border: solid 2px #006FCF;
}

.n-ellipse {
    height: 36px;
    width: 36px;
    display: block;
    border-radius: 100%;
    font-size: 18px;
    background-color: #006FCF;
    color: white;
    margin: 10px;
    line-height: 36px;
    text-align: center;
    float: left;
}

.x-rtl .n-ellipse {
    float: right;
}

.n-accordion-header {
    line-height: 56px;
}

.n-order-number-text-box {
    border-radius: 2px;
    border: solid 1px #e2e2e2;
    font-size: 14px;
    text-align: left;
    color: #bcc3c7 !important;
}

    .n-order-number-text-box .x-form-field {
        border: none !important;
    }

.n-abc {
    color: #bcc3c7;
    font-size: 18px;
    font-weight: bold;
}

.n-next-step-btn {
    background-image: url('../images/nextStep-24px.png');
    background-repeat: no-repeat;
    background-position: right;
}

.x-rtl .n-next-step-btn {
    background-image: url('../images/nextStep-24px.png');
    background-repeat: no-repeat;
    background-position: left;
}

.n-big-text-box {
    border-radius: 2px;
    border: solid 1px #e2e2e2;
}

.n-text-area {
    border-radius: 2px;
    border: solid 1px #e2e2e2;
}

.n-select-order-number-btn {
    border-radius: 2px !important;
    background-color: #006FCF;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.x-rtl .n-wide-arrow-blue .x-form-trigger,
.x-rtl .n-wide-arrow .x-form-trigger {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background: url('../images/dropDownListArrowNoBorder.png');
}

.n-wide-arrow .x-form-trigger {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 2px;
    background: url('../images/dropDownListArrowNoBorder.png');
    height: 30px;
    width: 30px !important;
    background-position-y: 1px !important;
    background-position-x: 3px;
    border: solid 1px #e2e2e2 !important;
    border-left: none !important;
}

.n-wide-arrow-blue .x-form-trigger {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 2px;
    background: url('../images/dropDownListArrowNoBorder.png');
    height: 30px;
    width: 30px !important;
    background-position-y: 1px !important;
    background-position-x: 3px;
    border: solid 1px #006FCF !important;
    border-left: none !important;
}

.x-form-invalid.n-wide-arrow-blue .x-form-trigger,
.x-form-invalid.n-wide-arrow .x-form-trigger {
    border: solid 1px #c30 !important;
    border-left: none !important;
}

.n-wide-arrow-blue .x-trigger-cell,
.n-wide-arrow .x-trigger-cell {
    width: 30px !important;
}

.n-webinvoiceheader-sidebyside .n-big-combo {
    border: solid 1px #e2e2e2;
}

.x-rtl .n-webinvoiceheader-sidebyside .n-big-combo,
.x-rtl .n-webinvoice-line .n-big-combo {
    border-right: solid 1px #e2e2e2 !important;
    border-left: none !important;
    border: solid 1px #e2e2e2;
}

.n-big-combo {
    border-radius: 2px;
    border: solid 1px #e2e2e2 !important;
    border-right: none !important;
    padding: 0px 10px;
}

.x-rtl .n-big-combo {
    border-radius: 2px;
    border: solid 1px #e2e2e2;
    border-right: solid 1px #e2e2e2 !important;
    border-left: none !important;
}

.x-rtl .x-form-invalid .n-big-combo-blue,
.x-rtl .x-form-invalid .n-big-combo {
    border-right: solid 1px #c30 !important;
}

.x-rtl .n-webinvoiceheader-sidebyside .x-form-invalid .n-big-combo {
    border-right: solid 1px #c30 !important;
    border-color: #c30;
}

.n-big-combo-blue {
    border-radius: 2px;
    border: solid 1px #006FCF;
    border-right: none !important;
    padding: 0px 10px;
}

.x-rtl .n-big-combo-blue {
    border-radius: 2px;
    border: solid 1px #006FCF;
    border-right: solid 1px #006FCF !important;
    border-left: none !important;
}

.n-lines-no-edit-mode {
    line-height: 40px;
}

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

.n-green-btn-edit {
    border-radius: 2px;
    background-color: #008767;
    margin-left: 20px !important;
}

.n-blue-btn-edit {
    border-radius: 2px;
    background-color: #006FCF;
    margin-left: 20px !important;
}

.x-rtl .n-blue-btn-edit {
    border-radius: 2px;
    background-color: #006FCF;
    margin-right: 20px !important;
}

.x-rtl .n-green-btn-edit {
    border-radius: 2px;
    background-color: #008767;
    margin-right: 20px !important;
}

.n-restore-blue-btn {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../images/restore-blue-icon.png');
}

.n-company-details-main {
    border-radius: 2px;
    border: solid 1px #e2e2e2;
    padding-top: 20px;
}

    .n-company-details-main .n-simplegallery-slider-item-selected {
        border-radius: 3px;
        height: 139px;
        border: solid 2px #006FCF;
    }

    .n-company-details-main .n-simplegallery-slider-item {
        width: 120px;
        margin: 0px 7px 0px 0px;
        padding: 0px;
    }

    .n-company-details-main .n-simplegallery-img {
        border: solid 1px #e2e2e2;
        border-radius: 3px 3px 0 0;
        width: 100%;
        height: 100px;
    }

    .n-company-details-main .n-simplegallery-alt-text {
        height: 35px;
        line-height: 35px;
        background-color: #ffffff;
        width: 100%;
        font-size: 12px;
        text-align: center;
        color: #565656;
        border: solid #e2e2e2;
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 3px 3px;
    }

    .n-company-details-main .n-simplegallery-slider-item-selected .n-simplegallery-alt-text {
        height: 35px;
        line-height: 35px;
        background-color: #ffffff;
        width: 100%;
        font-size: 12px;
        text-align: center;
        color: #565656;
        border: solid #e2e2e2;
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 3px 3px;
        border-top: solid 2px #006FCF;
    }

.x-rtl .n-company-details-main .n-simplegallery-slider-item-selected .n-simplegallery-selected-image-v {
    bottom: 40px;
    right: 85px;
}

.n-web-proforma-invoice .n-simplegallery-slider-item-selected {
    border: solid 2px #006FCF;
    height: 73px;
    padding: 0;
    width: 112px;
    border-radius: 13px;
}

    .n-web-proforma-invoice .n-simplegallery-slider-item-selected .n-simplegallery-selected-image-v {
        height: 22px;
        width: 22px;
        bottom: 16px;
        left: 96px;
    }

.n-add-title {
    color: #006FCF;
    font-size: 10px;
    padding: 6px 26px;
}

.n-webshipping-line-action-icon-delete {
    background-image: url('../images/baseline-delete-24px.png') !important;
    background-repeat: no-repeat;
    border: none;
    width: 30px;
    height: 30px;
    background-position: 0px 2px !important;
}

.n-analytics-dashboard-body .n-mysearches-add-quick-search-text {
    color: #53565A;
    font-size: 16px;
}

.n-analytics-dashboard-body .n-mysearches-add-quick-search-link {
    color: #006FCF;
    font-size: 16px;
}

.n-analytics-dashboard-body .n-mysearches-add-quick-search-info {
    top: -1px !important;
}

.n-invoice-dashboard-body .n-invoice-processing-summary .n-dot,
.n-analytics-dashboard-body .n-invoice-processing-summary .n-dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}

.n-invoice-dashboard-body .n-invoice-processing-summary-touchless .n-dot,
.n-analytics-dashboard-body .n-invoice-processing-summary-touchless .n-dot {
    background-color: #006FCF;
}

.n-invoice-dashboard-body .n-invoice-processing-summary-manual .n-dot
.n-analytics-dashboard-body .n-invoice-processing-summary-manual .n-dot {
    background-color: #33d9d4;
}

.n-invoice-dashboard-body .n-invoice-processing-summary .invoice-processing-summary-total-percentage,
.n-analytics-dashboard-body .n-invoice-processing-summary .invoice-processing-summary-total-percentage {
    font-size: 32px;
    font-weight: bold;
}

.n-invoice-dashboard-body .n-invoice-processing-summary-touchless .invoice-processing-summary-total-percentage,
.n-analytics-dashboard-body .n-invoice-processing-summary-touchless .invoice-processing-summary-total-percentage {
    color: #006FCF;
}

.n-invoice-dashboard-body .n-invoice-processing-summary-manual .invoice-processing-summary-total-percentage,
.n-analytics-dashboard-body .n-invoice-processing-summary-manual .invoice-processing-summary-total-percentage {
    color: #006FCF;
}

.n-invoice-dashboard-body .n-invoice-processing-chart-text,
.n-analytics-dashboard-body .n-invoice-processing-chart-text {
    position: absolute;
    top: 33%;
    text-align: center;
    width: 100%;
    height: 100%;
}

.n-invoice-dashboard-body .n-invoice-processing-chart-value,
.n-analytics-dashboard-body .n-invoice-processing-chart-value {
    font-size: 24px;
    font-weight: bold;
}

.n-invoice-dashboard-body .n-invoice-processing-chart-label,
.n-analytics-dashboard-body .n-invoice-processing-chart-label {
    font-size: 14px;
}

.n-invoice-dashboard-body .n-invoice-processing-summary-touchless path,
.n-invoice-dashboard-body .n-invoice-processing-summary-manual path,
.n-analytics-dashboard-body .n-invoice-processing-summary-touchless path,
.n-analytics-dashboard-body .n-invoice-processing-summary-manual path {
    stroke: transparent;
}

.n-invoice-dashboard-body .n-invoice-processing-summary-touchless,
.n-analytics-dashboard-body .n-invoice-processing-summary-touchless {
    border-bottom: 1px solid #e2e2e2;
}

.n-invoice-dashboard-body .invoice-processing-summary-total-percentage-small,
.n-analytics-dashboard-body .invoice-processing-summary-total-percentage-small {
    font-size: 24px !important;
}

.n-invoice-dashboard-body .minimized-chart.n-invoice-processing-chart-pass .n-invoice-processing-chart-text,
.n-analytics-dashboard-body .minimized-chart.n-invoice-processing-chart-pass .n-invoice-processing-chart-text {
    color: #008767;
}

.n-invoice-dashboard-body .minimized-chart.n-invoice-processing-chart-hold .n-invoice-processing-chart-text,
.n-analytics-dashboard-body .minimized-chart.n-invoice-processing-chart-hold .n-invoice-processing-chart-text {
    color: #ffb529;
}

.n-invoice-dashboard-body .minimized-chart.n-invoice-processing-chart-rejected .n-invoice-processing-chart-text,
.n-analytics-dashboard-body .minimized-chart.n-invoice-processing-chart-rejected .n-invoice-processing-chart-text {
    color: #B81A17;
}

.n-invoice-dashboard-body .n-analytics-widget-error,
.n-analytics-dashboard-body .n-analytics-widget-error {
    background-image: url(../images/dashboard/cloud_error.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 81px 60px;
}

    .n-invoice-dashboard-body .n-analytics-widget-error .n-error-text,
    .n-analytics-dashboard-body .n-analytics-widget-error .n-error-text {
        font-size: 26px;
        font-weight: bold;
        color: #e2e2e2;
        text-align: center;
    }

.n-invoice-dashboard-body .n-invoice-processing-summary .n-analytics-widget-error,
.n-analytics-dashboard-body .n-invoice-processing-summary .n-analytics-widget-error {
    background-position-y: 145px;
}

    .n-invoice-dashboard-body .n-invoice-processing-summary .n-analytics-widget-error .n-error-text,
    .n-analytics-dashboard-body .n-invoice-processing-summary .n-analytics-widget-error .n-error-text {
        padding-top: 210px;
    }

.n-analytics-dashboard-body .n-summarybymonth-chart-error {
    display: block;
    z-index: -1;
    position: absolute;
    top: 155px;
    left: 50%;
    margin-left: -118px;
}

.n-analytics-dashboard-body .n-analytics-widget-total-to-period .n-analytics-widget-error {
    background-position-y: 25px;
}

    .n-analytics-dashboard-body .n-analytics-widget-total-to-period .n-analytics-widget-error .n-error-text {
        padding-top: 90px;
    }

.n-analytics-dashboard-body .n-invoices-summarybymonth-widget .n-analytics-widget-error,
.n-analytics-dashboard-body .n-orders-summarybymonth-widget .n-analytics-widget-error {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position-y: 85px;
}

.n-analytics-dashboard-body .n-onboardedtrand-widget-error,
.n-analytics-dashboard-body .n-onboardedrate-widget-error,
.n-analytics-dashboard-body .n-partnersbystatus-widget-error,
.n-analytics-dashboard-body .n-invoicebystatus-widget-error {
    background-image: url(../images/dashboard/cloud_error.png);
}

.n-web-invoice-save-button-icon {
    background-image: url('../images/webinvoice/web-invoice-save-icon.png');
}

.n-web-invoice-sidebyside-reset-button,
.n-web-invoice-sidebyside-save-button,
.n-web-invoice-reset-button,
.n-web-invoice-save-button {
    background-color: white !important;
    background-image: none !important;
    border-color: white;
}

    .n-web-invoice-reset-button .x-btn-inner,
    .n-web-invoice-save-button .x-btn-inner {
        font-size: 18px;
        color: #006FCF;
        border: 0px;
        font-weight: bold;
    }

    .n-web-invoice-sidebyside-reset-button .x-btn-inner,
    .n-web-invoice-sidebyside-save-button .x-btn-inner {
        font-size: 16px;
        color: #006FCF;
        border: 0px;
    }

.n-page-header-switch-combo {
    margin: 6px 0px 0px 95px;
    position: absolute;
}

    .n-page-header-switch-combo .x-form-trigger {
        background-position: -8px -2px;
        background-repeat: no-repeat;
        background-image: url('../images/dashboard/blue_arrow_drop_down.png') !important;
        border: none;
    }

    .n-page-header-switch-combo input {
        color: #006FCF;
        font-size: 16px;
        border: none;
        background: #f7f7f7;
        cursor: pointer !important;
    }

.n-page-header-switch-combo-bound-list {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
    border: none;
    width: 117px !important;
}

    .n-page-header-switch-combo-bound-list .x-boundlist-item.x-boundlist-selected {
        background-color: #F4FAFD;
        background-position: 94px 7px;
        background-repeat: no-repeat;
        background-image: url('../images/dashboard/done_mark.png');
    }

    .n-page-header-switch-combo-role .x-boundlist-item,
    .n-page-header-switch-combo-bound-list .x-boundlist-item {
        color: #006FCF;
        font-size: 16px;
        border: none;
        height: 33px;
        padding: 3px 0px 0px 10px;
    }

.n-page-header-switch-combo-role .n-page-header-switch-combo-bound-list {
    width: 152px;
}

.x-rtl .n-page-header-switch-combo-role {
    width: 120px !important;
}

.n-page-header-switch-combo-role .x-boundlist-item.x-boundlist-selected {
    background-color: #F4FAFD;
    background-position: 128px 7px;
    background-repeat: no-repeat;
    background-image: url('../images/dashboard/done_mark.png');
}

.x-rtl .n-page-header-switch-combo {
    margin: 6px 95px 0px 0px;
}

    .x-rtl .n-page-header-switch-combo .x-form-trigger {
        background-position: -2px -2px;
    }

.x-rtl .n-page-header-switch-combo-role .x-boundlist-item,
.x-rtl .n-page-header-switch-combo-bound-list .x-boundlist-item {
    padding: 3px 10px 0px 0px;
}

    .x-rtl .n-page-header-switch-combo-role .x-boundlist-item.x-boundlist-selected,
    .x-rtl .n-page-header-switch-combo-bound-list .x-boundlist-item.x-boundlist-selected {
        background-position: 2px 7px;
    }

.n-updateuser-changePassword-errorsection {
    color: red;
}

ul.n-validation-visualization-list-with-bullets {
    list-style-image: none;
    color: #565656;
}

.n-validation-visualization-table-with-marked-red-container .n-validation-visualization-marked {
    color: #B81A17;
}

.n-page-header-traverse-down {
    display: inline-block;
    background-image: url('../images/arrow-down-blue.png') !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    border: none;
    cursor: pointer;
}

.n-page-header-traverse-up {
    display: inline-block;
    background-image: url('../images/arrow-up-blue.png') !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    border: none;
    cursor: pointer;
}

.n-page-header-traverse-up-disable {
    background-image: url('../images/arrow-up-gray.png') !important;
}

.n-page-header-traverse-down-disable {
    background-image: url('../images/arrow-down-gray.png') !important;
}

.n-line-height-30 {
    line-height: 30px;
}

.n-muliple-attachments-form-inner-title {
    font-weight: bold;
    padding-bottom: 15px;
}

.n-muliple-attachments-form-inner-title-second {
    padding-bottom: 15px;
    font-size: small;
}

.n-muliple-attachments-form-required-type-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.n-black {
    color: #000000 !important;
}

.n-web-invoice-reset-button-icon {
    background-image: url('../images/webinvoice/icon-baseline-restore.png');
}

.x-html-editor-tb .x-edit-underline,
.x-html-editor-tb .x-edit-italic,
.x-html-editor-tb .x-edit-bold,
.x-html-editor-tb .x-edit-decreasefontsize,
.x-html-editor-tb .x-edit-increasefontsize,
.x-html-editor-tb .x-edit-backcolor,
.x-html-editor-tb .x-edit-forecolor {
    background-image: url(../images/form/tb-sprite.gif);
}

.n-amendments-tab-header {
    color: #222222;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold !important;
}

.n-deliverynote-amendments-counter-dot {
    background: #008767;
    color: #fff;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
}

.n-webshipping-deliveryterms-window {
    font-size: 16px;
    font-weight: bold;
    color: #006FCF;
    margin: 0px
}

.n-webshipping-deliveryterms-window-title {
    font-size: 18px !important;
    color: #006FCF !important;
    font-weight: bold;
}

.n-webshipping-deliveryterms-text {
    font-size: 16px !important;
    line-height: 1.35;
    color: #707070 !important;
}

.n-password-policy .x-window-header-text-container-default {
    color: #006FCF;
    font-weight: bold;
}

.n-password-policy-window-icon {
    background-image: url('../images/edit-password-policy-window-icon.png') !important;
    background-repeat: no-repeat;
}

.n-password-policy-reset-btn {
    color: #006FCF;
    cursor: pointer;
    font-family: Arial;
    font-size: 16px;
}

.n-password-policy-form-header {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}

.n-passwordpolicy-password-profile-name {
    font-family: Arial;
    font-size: 16px;
    color: #53565A;
}

.n-status-icon-requestforcancellation {
    background-position: 0px -581px;
}

    .n-status-icon-requestforcancellation:hover {
        background-position: -20px -581px;
    }

.x-grid-row-selected .n-status-icon-requestforcancellation {
    background-position: -40px -581px;
}

.n-status-icon-requestforcancellation-disabled {
    background-position: -60px -581px;
}

.n-campaign-check-circle {
    background-image: url('../images/campaignmanager/check-circle.png');
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    margin: 5px;
}

.n-status-icon-block {
    background-position: 0px -681px !important;
}

.n-status-icon-unblock {
    background-position: 0px -700px !important;
}

.n-menu-icon-block-supplier {
    background-position: 0px -740px;
}

.x-menu-item-active .n-menu-icon-block-supplier {
    background-position: -21px -740px;
}

.n-menu-icon-block-supplier-disabled {
    background-position: -21px -740px;
}

.n-menu-icon-unblock-supplier {
    background-position: 0px -761px;
}

.x-menu-item-active .n-menu-icon-unblock-supplier {
    background-position: -21px -761px;
}

.n-menu-icon-unblock-supplier-disabled {
    background-position: -21px -761px;
}

.n-company-conversuon-error-window .x-window-body > .x-box-inner {
    overflow-y: auto;
}

.n-my-apps-main-header {
    font-family: Arial;
    font-size: 23px;
    font-weight: bold;
}

.n-my-apps-main-header-blue {
    font-family: Arial;
    font-size: 23px;
    font-weight: bold;
    color: #006FCF;
}


.n-my-app-box {
    border-radius: 2px;
    border: solid 1px #e2e2e2 !important;
    width: 190px;
    height: 260px !important;
    margin: 0px 22px 22px 0px;
    float: left;
}

.x-rtl .n-my-app-box {
    margin: 0px 0px 22px 22px;
    float: right;
}

.n-my-app-box-no-values {
    height: 50px !important;
    color: gray;
    background-color: rgba(255,255,255,0);
    font: normal 15px arial,calibri,verdana,sans-serif;
}

.n-my-app-img-box {
    right: auto !important;
    left: auto !important;
    height: 100px !important;
    margin: 0px 0px 13px 0px;
    border-bottom: solid 1px #e2e2e2 !important;
}

.n-my-app-no-logo,
.n-my-app-logo {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    display: block;
    margin: 25px auto;
}

.n-my-app-no-logo {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666;
    font-size: 20px;
    white-space: nowrap;
}

.n-my-app-label {
    margin: 0px 0px 10px 10px !important;
    font-size: 15px;
    font-family: Arial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x-rtl .n-my-app-label {
    margin: 0px 10px 10px 0px !important;
}

.n-my-app-label-green {
    color: #008767;
}

.n-my-app-no-margin {
    margin: 0px;
}

.n-my-app-buttom {
    height: 30px;
}

.n-my-app-active {
    height: 18px;
}

    .n-my-app-active div,
    .n-my-app-buttom div {
        float: left;
        clear: none;
    }

.x-rtl .n-my-app-active div,
.x-rtl .n-my-app-buttom div {
    float: right;
}

.n-my-app-connect-btn {
    width: 110px;
    height: 30px;
    background-color: #006FCF;
    margin-left: 10px;
    text-align: center;
    padding: 7px 0;
    color: white;
    font-size: 14px;
}

.x-rtl .n-my-app-connect-btn {
    margin-right: 10px;
}

.n-my-app-menu-icon-container {
    width: 40px;
}

.n-myapps-menu-icon {
    background-image: url(../images/userprofile/userboxprofile_menu.png);
    background-position: 0px 0px;
    width: 10px !important;
    height: 16px;
    background-size: 4px 16px;
    margin: 6px 0px 8px 45px;
    background-repeat: no-repeat;
}

.x-rtl .n-myapps-menu-icon {
    margin: 6px 33px 8px 0px;
}

.n-my-app-description-window .x-window-header-text-container-default {
    left: 20px !important;
    color: #006FCF;
    font-weight: bold;
}

.n-my-app-description-window-logo-box {
    border-radius: 3px;
    border: solid 1px #e2e2e2;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}

.n-my-app-description-window-logo {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    display: block;
    margin: auto;
}

.n-my-app-description-window-no-logo {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666;
    font-size: 20px;
    margin: 51px auto;
    white-space: nowrap;
}

.n-my-app-description-window .x-window-body-default {
    font-size: 15px;
}

.n-my-app-active-circle {
    background-image: url(../images/campaignmanager/check-circle.png);
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.n-my-app-not-active-circle {
    background-image: url('../images/baseline-error.png');
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.n-my-app-remove-btn {
    width: 110px;
    height: 30px;
    background-color: #ffffff;
    margin-left: 10px;
    text-align: center;
    padding: 7px 0;
    color: #006FCF;
    font-size: 14px;
    border: solid 1px #006FCF;
}

.x-rtl .n-my-app-remove-btn {
    margin-right: 10px;
}

.n-my-app-key-data-box {
    width: 640px;
    height: 210px;
    background-color: #f7f7f7;
}

.n-my-app-key-data-header {
    font-size: 15px;
    font-weight: bold;
    color: #565656;
}

.n-my-apps-key-data-tbl {
    border-collapse: collapse;
    margin-left: 16px;
}

    .n-my-apps-key-data-tbl td {
        height: 40px;
        padding: 0 0 0 5px;
    }

.n-my-app-log-in-grey-box {
    width: 300px;
    height: 100px;
    background-color: #f7f7f7;
    text-align: center;
}

.n-my-app-key-icon {
    background-image: url('../images/key-icon.png') !important;
}

.n-my-app-date-icon {
    background-image: url('../images/date-icon.png') !important;
}

.n-my-app-expiration-date-tr {
    border: 1px solid #e2e2e2 !important;
    background-color: white;
}

.n-navigation-orderbacklogreport-icon {
    background-position: 0px -448px !important;
}

.n-orderbacklogreport-menu-item {
    left: auto !important;
    width: 100% !important;
}

.n-orderbacklogreport-menu-item-active {
    background-color: #efefef !important;
}

.n-orderbacklogreport-invoices-menu .x-menu-item-text {
    color: #455c6d !important;
}

.n-orderbacklogreport-invoices-menu .x-mask-msg-text {
    width: 60px;
}

.n-visibility-hidden {
    visibility: hidden;
}

.textaction-col-cell .x-grid-cell-inner-action-col {
    padding: 12px 6px 11px 6px;
}

.n-orderbacklogreport-menu-item,
.n-orderbacklogreport-menu-item.x-menu-item-active {
    background-image: none;
    background-color: white;
    border: none;
}

.n-source-inspection-window .x-grid-rowbody {
    padding: 0 6px 0 6px;
}

.n-empty-text {
    font-size: 16px;
    color: #bcc3c7;
}

.n-paymentmethod-add-new-btn .x-btn-inner {
    font-size: 18px !important;
    font-weight: bold;
}

.n-paymentmethodbox {
    height: 80px;
    max-width: 740px;
    width: 100%;
    border-radius: 3px;
    border: solid 1px #e2e2e2;
    padding: 0 20px;
    margin-bottom: 10px;
}

.n-statement-approverer-box {
    height: 80px;
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
}

.n-statement-approverer-box-underline {
    border-bottom: 1px solid rgba(226, 226, 226, 0.5);
}

.n-paymentmethodbox td:last-of-type {
    min-width: 110px;
}

.n-paymentmethod-default-box {
    border: solid 2px #006FCF;
}

.n-paymentmethod-expired-box {
    background-color: #f7f7f7;
}

.n-paymentmethod-header {
    font-size: 13px;
    font-weight: bold;
    vertical-align: bottom;
}

.n-paymentmethod-value {
    font-size: 16px;
    vertical-align: top;
}

.n-statement-approverer-form-header {
    color: #006FCF;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}

.n-statement-approverer-form-value {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #565656;
}

.n-statement-approverer-form-subtitle-text {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #707070;
}

.n-statement-approverer-form-title-text {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    color: #707070;
}

.n-statement-approverer-form-approverer-title {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    color: #707070;
}

.n-crud-icon {
    border: none;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

.n-crud-delete-icon {
    background-image: url(../Images/crud/delete-icon.png);
}

.n-crud-delete-disabled-icon {
    background-image: url(../Images/crud/delete-icon-disabled.png);
}

.n-crud-edit-icon {
    background-image: url(../Images/crud/edit-icon.png);
}

.n-paymentmethod-btn {
    padding: 0 10px;
    height: 24px;
    border-radius: 2px;
    border: none;
    position: relative;
    float: right;
    font-size: 13px;
    background-color: #ffffff;
    cursor: pointer;
}

.x-rtl .n-paymentmethod-btn {
    float: left;
}

.n-paymentmethod-default {
    background-color: #006FCF;
    color: #ffffff;
    cursor: initial;
}

.n-paymentmethod-expired {
    border: solid 1px #B81A17;
    color: #B81A17;
    background-color: transparent;
    cursor: initial;
}

.n-paymentmethod-set-as-default {
    border: solid 1px #006FCF;
    color: #006FCF;
}

.n-paymentmethod-cc-icon {
    height: 36px;
    width: 58px;
}

    .n-paymentmethod-cc-icon.notselected {
        opacity: 0.4;
    }

.n-paymentmethod-form-title {
    font-size: 18px;
    font-weight: bold;
    color: #222222;
}

h2.n-paymentmethod-form-subtitle {
    font-size: 16px;
    color: #565656;
    font-weight: normal;
}

.n-paymentmethod-form-label {
    font-size: 18px;
    font-weight: bold;
    color: #565656;
}

.n-paymentmethod-form-field {
    height: 34px !important;
    border-radius: 3px;
    border: solid 1px #e2e2e2;
    font-size: 16px;
    padding: 0 10px;
}

.n-paymentmethod-form-cc-number-field {
    direction: ltr;
}

.x-rtl .n-paymentmethod-form-cc-number-field {
    text-align: right;
}

.n-paymentmethodform-fields-box {
    border-radius: 3px;
    border: solid 1px #e2e2e2;
}

.n-font-weight-lighter {
    font-weight: lighter;
}

.n-w-80 {
    width: 80px !important;
}

.n-paymentmethod-form-btn .x-btn-inner {
    font-size: 18px;
    font-weight: bold;
}

.n-display-block {
    display: block;
}

.n-paymentmethodform .x-form-item-body div {
    margin-bottom: 10px;
    height: 21px;
}

.n-relative {
    position: relative;
}

.n-t-10 {
    top: 10px;
}

.n-paymentmethodform .n-wide-arrow .x-form-trigger {
    height: 34px;
    width: 30px !important;
    margin: 0 !important;
    background-repeat: no-repeat;
    background-position-y: center !important;
}

.x-item-disabled input {
    background-color: #ebebe4;
}

.n-toolbar-stickerprintbtn {
    background-position: 0px -1154px !important;
}

    .n-toolbar-stickerprintbtn:hover {
        background-position: -48px -1154px !important;
    }

.n-toolbar-stickerprintbtn-selected {
    background-position: -96px -1154px !important;
}

.n-toolbar-stickerprintbtn.x-disabled {
    background-position: -144px -1154px !important;
}

.n-menu-icon-stickerprint {
    background-position: 0px -781px;
}

.x-menu-item-active .n-menu-icon-stickerprint {
    background-position: -21px -781px;
}

.n-menu-icon-stickerprint-disabled {
    background-position: -21px -781px;
}

.n-company-details-button .x-btn-inner {
    font-size: 14px;
    font-weight: bold;
}

.n-companyDetails-right-column label,
.n-companyDetails-right-column input {
    color: #565656;
    font-size: 14px;
}

.n-companyDetails-add-site {
    background-image: url(../images/admin/add_site.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border: dashed 1px #d1d2d3;
    padding: 3px 0px 3px 0px;
}

.n-fileupload-btn .x-btn-default-small {
    background-color: transparent !important;
}

    .n-fileupload-btn .x-btn-default-small .x-btn-inner {
        color: #006FCF !important;
        text-decoration: underline;
    }

.n-companyDetails-remove {
    color: #B81A17;
    font-size: 14px;
    padding-top: 4px;
}

    .n-companyDetails-remove:hover {
        cursor: pointer;
    }

.n-companyDetails-add-text {
    color: #006FCF;
    font-size: 14px;
    padding-top: 4px;
}

.n-companyDetails-add-sign {
    background-image: url(../images/admin/add_localized_name.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.n-add-sign {
    background-image: url(../images/admin/add_localized_name.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.n-remove-sign {
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('../images/form/decline-red-x.png');
}

.n-companyDetails-add-window label, .n-companyDetails-add-window input, .n-companyDetails-add-window div {
    font-size: 14px;
    color: #565656;
}

.n-companyDetails-add-window .x-window-header-text-container-default {
    color: #006FCF;
    font-size: 18px;
    font-weight: bold;
}

.x-rtl .n-file-upload-with-preview-canvas {
    margin: 0px 17px 0px 0px;
}

.n-column-status-info {
    background-image: url(../images/dashboard/widget_info.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer !important;
    margin: 0px 0px 0px 5px;
}

.x-rtl .n-column-status-info {
    margin: 0px 5px 0px 0px;
}

.n-line-tab-header {
    color: #303541;
    font-size: 12px;
    padding: 5px 8px 5px 4px;
    font-weight: bold;
}

    .n-line-tab-header:hover {
        background-color: #CCCCCC !important;
    }

.n-line-tab-body {
    font-size: 15px;
    color: #565656;
    padding: 10px;
}

.n-tooltip-border {
    border-color: #B81A17;
}

.taskmanagertitle h2 {
    color: #006FCF;
}

.taskmanager-configure-link {
    color: #006FCF;
    text-decoration: underline;
    cursor: pointer;
}

.n-grey-note {
    color: #53565A;
}

.n-noMoreSavedSearches {
    color: #565656;
    font-size: 14px;
    padding: 20px 92px;
}

.n-required-serial-batches-msg .x-window-body > .x-box-inner {
    overflow-y: auto;
    overflow-x: hidden;
}

.n-order-backlog-report-list-menu {
    width: 120px !important;
    background-color: #f7f7f7;
}

.n-order-backlog-report-list-menu-item .x-btn-inner-center {
    font-size: 14px;
    color: #222222;
}

.n-order-backlog-report-list-menu .x-btn-default-small {
    background-color: #ffffff;
    width: 100% !important;
}

.n-order-backlog-report-list-menu .x-panel-body {
    box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24), -0.9px 0.5px 6.9px 0.1px rgba(0, 0, 0, 0.16);
}

.n-order-backlog-report-list-menu-item {
    background-color: unset;
    padding: 0px;
    border: none;
}

.n-order-backlog-report-list-menu .x-btn-default-small-over {
    background-color: #f7f7f7 !important;
    width: 100% !important;
}

.n-order-line-tabs {
    background-color: #ffffff;
}

.n-deliverydetails-column {
    font-weight: normal !important;
    color: #565656 !important;
    font-size: 13px;
}

.n-order-line-list .x-tab-bar-body .x-box-inner {
    border-bottom: 1px solid #e2e2e2;
}

.n-order-line-list .x-tab-default-active {
    border-bottom: 2px solid #006FCF;
}

.n-order-line-list .n-pastfield-list .x-grid-row-selected .x-grid-td {
    border-left: 4px solid #006FCF;
}

.n-order-line-list .n-customrowexpander-cell {
    background-color: #ffffff !important;
}

.n-order-line-list .x-grid-rowbody .x-column-header {
    font-weight: normal;
}

.n-order-line-list .x-grid-rowbody .x-tab-default .x-tab-inner {
    color: #bcc3c7;
    font-size: 12px;
}

.n-order-line-list .n-noteslist .x-grid-row .x-grid-td:hover {
    background-color: #f5fcff !important;
}

.n-order-line-list .x-grid-row-selected .x-grid-td {
    background-color: #f5fcff !important;
}

.n-order-line-list .x-grid-row-expanded .n-customrowexpander-cell.x-grid-cell-first {
    border-left: 4px solid #006FCF !important;
    border-right: 0px;
}

.x-rtl .n-order-line-list .x-grid-row-expanded .n-customrowexpander-cell.x-grid-cell-first {
    border-right: 4px solid #006FCF !important;
    border-left: 0px !important;
}

.n-order-line-list .x-grid-row-expanded td.x-grid-rowwrap .x-grid-table {
    border-top: 1px solid #006FCF !important;
}

    .n-order-line-list .x-grid-row-expanded td.x-grid-rowwrap .x-grid-table .x-grid-table {
        border-top: 0px !important;
    }

.n-status-icon-empty {
    width: 20px;
}

.n-hierarchy-form-empty-text {
    line-height: 30px;
    margin-top: 20px;
    color: #565656;
}

.x-tree-node-text {
    line-height: 32px;
}

.x-tree-icon-leaf {
    background: url('../images/form/tree-node-icon.png') no-repeat;
    background-position-y: center !important;
}

.x-rtl .x-tree-icon-leaf {
    background: url('../images/form/tree-node-icon-rtl.png') no-repeat !important;
    background-position-y: center !important;
}

.x-tree-icon-parent {
    background: url('../images/form/tree-node-icon.png') no-repeat !important;
    background-position-y: center !important;
}

.x-rtl .x-tree-icon-parent {
    background: url('../images/form/tree-node-icon-rtl.png') no-repeat !important;
    background-position-y: center !important;
}

.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    background-image: url('../images/form/tree-parent-expanded.png');
}

.x-tree-lines .x-grid-tree-node-expanded .x-rtl.x-tree-elbow-end-plus {
    background-image: url('../images/form/tree-parent-expanded.png');
}

.x-tree-lines .x-tree-elbow-end-plus {
    background-image: url('../images/form/tree-parent-collapsed.png');
}

.x-tree-lines .x-rtl .x-tree-elbow-end-plus {
    background-image: url('../images/form/tree-parent-collapsed-rtl.png');
}

.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus {
    background-image: url('../images/form/tree-parent-expanded.png');
}

.x-tree-lines .x-grid-tree-node-expanded .x-rtl.x-tree-elbow-plus {
    background-image: url('../images/form/tree-parent-expanded.png');
}

.x-tree-lines .x-tree-elbow-plus {
    background-image: url('../images/form/tree-parent-collapsed.png');
}

.x-tree-lines .x-rtl.x-tree-elbow-plus {
    background-image: url('../images/form/tree-parent-collapsed-rtl.png');
}

.n-hierarchy-column-button {
    display: none;
    cursor: pointer;
    background-repeat: no-repeat;
    width: 24px;
    height: 28px;
    vertical-align: middle;
}

.x-grid-row-over .n-hierarchy-column-button {
    display: inline-block;
}

.n-hierarchy-column-button:hover {
    opacity: 0.5;
}

.n-hierarchy-column-button:active {
    opacity: 1;
}

.n-hierarchy-column-button.n-hierarchy-column-button-add {
    background-image: url('../images/portal/portal-add-item.png');
}

.n-hierarchy-column-button.n-hierarchy-column-button-remove {
    background-image: url('../images/form/decline-red-x.png');
}

.n-hierarchy-column-button.n-hierarchy-column-button-edit {
    background-image: url('../images/portal/portal-edit-item.png');
}

.n-hierarchy-column-leaf-icon {
    display: inline-block;
    background-repeat: no-repeat;
    width: 24px;
    height: 28px;
    vertical-align: middle;
    background-image: url('../images/icon-leaf.png');
}

.n-hierarchy-new-record {
    color: #bcc3c7;
}

.n-hierarchy-filtered-record {
    background-color: #FFF8DF;
}

.n-hierarchy-removed-record {
    color: #bcc3c7;
    text-decoration: line-through;
}

.n-hierarchy-delete-link {
    float: right;
    padding: 0 20px;
    cursor: pointer;
    color: #006FCF;
}

.n-hierarchy-item-name {
    font-weight: bold;
    display: inline-block;
}

.x-rtl .n-hierarchy-delete-link {
    float: left;
}

.n-login-eye-active-password {
    background-image: url('../images/login/icon_eye_active.png');
    width: 40px !important;
    height: 40px !important;
    background-position: 25% 25% !important;
    background-repeat: no-repeat;
}

.n-login-eye-disabled-password {
    background-image: url('../images/login/icon_eye_disabled.png');
    width: 40px !important;
    height: 40px !important;
    background-position: 25% 25% !important;
    background-repeat: no-repeat;
}

.x-btn.n-login-eye-btn {
    background-color: white;
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0px 4px 4px 0px;
}

.x-rtl.x-btn.n-login-eye-btn {
    border-right: none;
    border-left: 1px solid #ccc;
    border-radius: 4px 0px 0px 4px;
}

.x-rtl .n-login-eye-active-password,
.x-rtl .n-login-eye-disabled-password {
    background-position: 75% 25% !important;
}

.n-login-field.n-login-oldpassword {
    border-radius: 4px 0px 0px 4px;
}

.n-login-field.n-login-password {
    border-radius: 4px 0px 0px 4px;
    border-right: none;
}

.x-rtl .n-login-field.n-login-password {
    border-radius: 0px 4px 4px 0px;
    border-left: none;
    border-right: 1px solid #ccc;
}

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

.n-create-change-request-window .x-window-header-text-container-default {
    color: #006FCF;
    font-size: 18px;
    font-weight: bold;
    left: 10px !important;
}

.n-polist .n-column-status-info {
    background-image: url(../images/widget_info-highlighted.png);
}

.n-po-header .n-order-header-change-request {
    border: 1px solid #ffb529;
    padding: 5px 0px;
    margin-left: 10px;
}

.n-so-header .n-order-header-change-request {
    border: 1px solid #006FCF;
    padding: 5px 0px;
    margin-left: 10px;
}

.n-order-header-change-request-box {
    font-size: 14px;
    margin-bottom: 5px;
}

.n-po-header .n-order-header-change-request-box-colored {
    color: #ffb529;
}

.n-so-header .n-order-header-change-request-box-colored {
    color: #006FCF;
}

.n-black-font {
    color: #222222;
}

.n-security-show-password-link {
    color: #006FCF;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
}

.n-admin-security-existence-img {
    background-image: url('../images/admin/existing_signature.png');
    width: 24px;
    height: 24px;
}

.n-admin-security .x-component-default {
    color: #565656;
    font-size: 14px;
}

.n-admin-security-save-btn {
    width: 110px;
    height: 30px;
    background-color: #006FCF;
    text-align: center;
    color: white;
    font-size: 15px;
}

    .n-admin-security-save-btn.x-btn-disabled {
        background-color: #BCC3C7;
    }

        .n-admin-security-save-btn.x-btn-disabled .x-btn-inner-center {
            color: white !important;
            opacity: unset;
        }

.n-sourceinspection-buttons {
    left: 0px !important;
    right: auto !important;
}

.x-rtl .n-sourceinspection-buttons {
    right: 0px !important;
    left: auto !important;
}

.n-action-link {
    color: #006FCF;
    text-decoration: underline;
    cursor: pointer;
}

.n-action-add,
.n-action-delete {
    cursor: pointer;
}

.n-category-association-win-subtitle div {
    margin: 0;
    line-height: 24px;
    font-size: 15px;
    color: #222;
}

.n-disabled {
    opacity: 0.6;
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%);
}

.n-img-in-text {
    vertical-align: middle;
}

.n-categoryassociationwin-combo-list .x-boundlist-item {
    word-break: break-all;
}

.n-line-through .x-form-field,
.n-line-through {
    text-decoration: line-through;
}

.n-display-none {
    display: none;
}

.n-emailnotifications-horizontalLine {
    border: 0.5px solid #e2e2e2;
}

.n-webinvoice-sidebyside-thirdparty-checkboxfield label,
.n-emailnotifications-personalemail label {
    margin: 4px 0px 0px 30px;
    display: inline-block;
    font-size: 14px;
    padding-left: 0px !important;
}

.x-rtl .n-webinvoice-sidebyside-thirdparty-checkboxfield label,
.x-rtl .n-emailnotifications-personalemail label {
    margin: 3px 30px 0px 0px;
    padding-right: 0px !important;
}

.n-webinvoice-sidebyside-thirdparty-checkboxfield .x-form-checkbox,
.n-emailnotifications-personalemail .x-form-checkbox {
    background-position-y: 0px !important;
    background-position-x: 0px !important;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url(../images/dashboard/widget_input_unchecked.png);
    margin: 0px 0px 0px 0px;
}

.n-webinvoice-sidebyside-thirdparty-checkboxfield.x-form-cb-checked .x-form-checkbox,
.n-emailnotifications-personalemail.x-form-cb-checked .x-form-checkbox {
    background-image: url(../images/dashboard/widget_input_checked.png);
}

.x-rtl .n-emailnotifications-personalemail {
    right: 0px !important;
}

.n-main-admin-userbox-user-type-icon {
    width: 24px;
    height: 24px;
    margin: 13px 0px 13px 68px !important;
}

.x-rtl .n-main-admin-userbox-user-type-icon {
    margin: 13px 68px 13px 0px !important;
}

.n-main-admin-userbox-user-type-icon-forreadonly {
    width: 24px;
    height: 24px;
    margin: 13px 0px 13px 40px !important;
}

.x-rtl .n-main-admin-userbox-user-type-icon-forreadonly {
    margin: 13px 50px 13px 0px !important;
}


.n-main-admin-user-details-tab-header.x-disabled .x-tab-inner-center {
    color: #e2e2e2;
}

.n-form-button-invalid {
    border-color: #c30 !important;
}

.n-wi-customerinfo-logo-box {
    border-radius: 45px;
    border-image-width: 1px;
    border: 1px solid #ededed;
}

.n-wi-customerinfo-text {
    color: #bcc3c7;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px !important;
}

.n-wi-sidebyside-customerinfo-text {
    color: #bcc3c7;
    font-size: 14px;
    margin-top: 10px !important;
}

.n-wi-customerinfo-text-alt {
    color: #565656;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px !important;
}

.n-wi-sidebyside-customerinfo-text-alt {
    color: #565656;
    font-size: 14px;
    margin-top: 10px !important;
}

.n-wi-customerinfo-logo {
    width: 40px;
    height: 40px;
    margin: 8px auto;
    display: block;
}

.n-wi-customerinfo-box .x-box-inner {
    height: 56px !important;
}

.n-wi-navbar {
    border-top: 1px solid #e2e2e2 !important;
}

.n-wi-sidebyside-navbar {
    border-bottom: 1px solid #e2e2e2 !important;
}

.n-create-task-form-readonly-text-field .x-form-text {
    font-size: 14px;
    color: #565656;
    border: none;
    font-weight: bold;
    padding: 0px;
}

.n-create-task-form-trigger-calendar .x-form-trigger {
    background-image: url(../images/calender-icon-black.png) !important;
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 0px;
}

.x-rtl .n-create-task-form-trigger-calendar .x-form-trigger {
    right: auto;
    left: 0px;
}

.n-create-task-form-trigger-calendar .x-trigger-cell {
    width: 0px !important;
}

.n-create-task-form-blue-label {
    font-size: 14px;
    color: #006FCF;
    text-decoration: underline;
    margin: 0px 7px 0px 0px !important;
    cursor: pointer !important;
}

.n-delegation-window .x-window-header-text-container-default {
    color: #006FCF;
    font-size: 18px;
    font-weight: bold;
}

.x-rtl .n-create-task-form-blue-label {
    margin: 0px 0px 0px 7px !important;
}

.n-create-task-form-label,
.n-create-task-form label {
    font-size: 14px;
    color: #565656;
    margin-bottom: 8px !important;
    padding-left: 17px !important;
}

.n-create-task-form .x-form-text {
    font-size: 14px;
}

.n-create-task-form-text {
    font-size: 14px;
    line-height: 1.5;
}

input.n-create-task-form-empty-input::placeholder,
textarea.n-create-task-form-empty-input::placeholder {
    color: #acacac;
}

.n-order-line-list .n-task-list-row-due-date-warn .x-grid-td,
.n-task-list-row-due-date-warn .x-grid-td {
    background-color: #FFE3E3 !important;
}

.n-task-list-action-col-icon {
    height: 24px;
    width: 24px;
}

.n-task-list-action-menu .x-btn-default-small {
    background-color: #ffffff;
    width: 100% !important;
}

.n-task-list-action-menu .x-btn-default-small-over {
    background-color: #f7f7f7 !important;
    width: 100% !important;
}

.n-task-list-action-menu .x-panel-body {
    box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24), -0.9px 0.5px 6.9px 0.1px rgba(0, 0, 0, 0.16);
}

.n-task-list-action-menu-item {
    background-color: unset;
    padding: 0px;
    border: none;
}

    .n-task-list-action-menu-item .x-menu-item-text {
        font-size: 14px;
        color: #222222 !important;
        text-align: left;
    }

.n-task-list-action-menu-item-open {
    background-image: url(../Images/task/task-open.png);
}

.n-task-list-action-menu-item-set-status {
    background-image: url(../Images/task/task-set-status.png);
}

.n-task-list-action-menu-item-open-new {
    background-image: url(../Images/task/task-open-new-tab.png);
}

.n-task-list-action-menu-item-attachment {
    background-image: url(../Images/task/task-attachment.png);
}

.n-task-list-action-menu-item .x-menu-item-icon {
    background-repeat: no-repeat;
    background-position: center;
}

.n-task-list-action-menu-arrow {
    right: 35px !important;
}

.x-rtl .n-task-list-action-menu-arrow {
    right: 130px !important;
}

.n-task-list-action-menu .x-menu-item-active {
    background-color: #f7f7f7 !important;
    background-image: none;
}

.x-rtl .n-task-list-action-menu .x-menu-item-active {
    width: 180px !important;
}

.n-task-list-action-menu-status-item-inprocess {
    background-image: url(../Images/task/task-set-status-inprocess.png);
}

.n-task-list-action-menu-status-item-completed {
    background-image: url(../Images/task/task-set-status-completed.png);
    background-size: 23px;
}

.n-task-list-action-menu-status-item-closed {
    background-image: url(../Images/task/task-set-status-closed.png);
}

.n-task-list-action-menu-status-item-canceled {
    background-image: url(../Images/task/task-set-status-canceled.png);
}

.n-task-list-action-menu-item .x-menu-item-link {
    padding-top: 3px;
}

.n-upload-procurement {
    background-image: url('../images/export-excel-blue.png');
    background-repeat: no-repeat;
    float: left;
    padding-left: 22px;
    background-position: 6px 6px;
}

.x-rtl .n-upload-procurement {
    float: right;
    padding-right: 22px;
    background-position: 208px 6px;
}

.n-upload-procurement-title {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #006FCF;
}

.n-upload-procurementxlsx-filefield {
    border-radius: 2px !important;
    border: solid 1px #bcc3c7;
    background-color: #ffffff;
    width: 316px !important;
    height: 32px !important;
    margin: 7px 0px;
}

.n-fileName-empty-text {
    font-size: 15px;
    font-weight: normal;
    color: #bcc3c7;
}

.n-button-upload-procurement {
    border-radius: 2px;
    border: solid 1px #006FCF;
    background-color: #006FCF;
    padding-left: 30px;
}

.n-upload-procurement-dowload-exel-file {
    color: #006FCF;
}

.n-upload-procurement-label {
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    color: #565656;
}

.n-upload-details {
    color: #565656;
    font-size: 15px;
    padding-bottom: 17px;
}

.n-procurement-uploaded-light-grey {
    color: #888888;
}

.n-window-procurement-uploaded-success-icon {
    background-image: url('../images/dashboard/done_mark.png');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 3px;
    float: left;
}

.x-rtl .n-window-procurement-uploaded-success-icon {
    margin-left: 3px;
    float: right;
    margin-right: 0px;
}

.n-campaign-status-menue-icon-open,
.x-menu-item-active .n-campaign-status-menue-icon-open {
    background-position: 0px -499px;
}

.n-window-procurement-uploaded-failed-icon {
    background-image: url('../images/baseline-delete-24px.png');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 3px;
    float: left;
}

.n-campaign-status-closed-row,
.n-campaign-status-closed-row .x-grid-td {
    background-color: #FFE3E3 !important;
}

.n-security-lock-icon {
    background-image: url('../images/security/Icon_lock.png');
}

.n-webinvoice-vendor-item {
    padding-top: 8px;
    height: 32px;
}

    .n-webinvoice-vendor-item span {
        font-size: 16px;
        margin-left: 5px;
    }

    .n-webinvoice-vendor-item:hover {
        background-color: #f7f7f7;
    }

.n-webinvoice-vendor-item-select {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    float: left;
}

.n-webinvoice-partner-item {
    cursor: pointer;
}

    .n-webinvoice-partner-item.n-webinvoice-partnerlist-selected .n-webinvoice-vendor-item {
        background-color: #f7f7f7;
    }

    .n-webinvoice-partner-item.n-webinvoice-partnerlist-selected .n-webinvoice-vendor-item-select {
        background-image: url(../Images/webinvoice/select_company.png);
    }

.n-webinvoice-vendor-subtitle {
    color: #565656;
    font-weight: bold;
    font-size: 15px;
}

.n-customer-webinvoice-field-dirty.n-customer-webinvoice-field .x-form-trigger-wrap-focus.n-filter-field-body .x-form-trigger,
.n-customer-webinvoice-field-dirty.n-customer-webinvoice-field.n-filter-field-over .n-filter-field-body .n-filter-field-trigger,
.n-customer-webinvoice-field-dirty .n-filter-field-trigger {
    background-position: -100px 0px !important;
    border: none !important;
}

.n-customer-webinvoice-field-dirty.n-customer-webinvoice-field .x-form-trigger-wrap-focus.n-filter-field-body input,
.n-customer-webinvoice-field-dirty.n-customer-webinvoice-field.n-filter-field-over .n-filter-field-body input,
.n-customer-webinvoice-field-dirty input {
    border: 1px solid #006FCF;
}

.n-customer-webinvoice-field .x-form-trigger-wrap-focus.n-filter-field-body .x-form-trigger,
.n-customer-webinvoice-field.n-filter-field-over .n-filter-field-body .n-filter-field-trigger {
    background-position: 0px 0px !important;
}

.n-webinvoice-vendor-empty-results {
    margin-left: 32px !important;
    font-size: 16px;
    color: #53565A;
}

.n-webinvoice-vendor-main-area .x-rtl .x-box-item {
    padding-right: 30px !important;
}

.n-webinvoice-action-after-send .x-window-body {
    margin-top: 25px;
    font-size: 15px;
    color: #565656;
}

.n-webinvoice-action-after-send-close {
    left: 0px !important;
}

.x-rtl .n-webinvoice-action-after-send-close {
    right: 0px !important;
}

.n-taxinvoiceInProcess-sessionOwnerState-col {
    width: 24px;
    height: 24px;
    margin-right: 3px;
    margin-left: 3px;
}

.x-rtl .n-window-procurement-uploaded-failed-icon {
    margin-left: 3px;
    float: right;
    margin-right: 0px;
}

.n-failed-details-coulmn-title {
    font-size: 14px !important;
    color: #006FCF !important;
    font-weight: normal;
    margin-bottom: 16px;
}

.n-webinvoice-vendor-empty-results .x-mask-msg {
    width: 100px;
}

.n-email-user-background {
    background-image: url(../../resources/images/email-user-background.png) !important;
    background-size: cover;
}

.x-rtl .n-email-user-background {
    background-image: url(../../resources/images/email-user-background-he.png) !important;
    background-size: cover;
}

.n-user-profile-user-details-mask-msg {
    left: 45% !important;
    top: 45% !important;
}

.n-email-user-window-portal {
    padding: 0px;
}

.n-email-user-user-profile .n-userprofilentabs {
    padding: 0px !important;
}

.n-email-verification {
    text-align: center;
    padding: 20px 0px;
}

.n-email-verification-label {
    color: #222222;
    font-family: Arial;
    font-size: 18px;
    padding: 10px 0px;
}

.n-verification-email-login-button .x-btn-inner {
    font-size: 18px !important;
}

.login-autocomplete-list li {
    background-color: transparent;
    height: 35px;
    padding: 4px 10px;
    font-size: 15px;
}

.n-delete-autocomplete {
    vertical-align: middle;
    float: right;
    margin-top: 7px;
}

.x-rtl .n-delete-autocomplete {
    float: left;
}

.n-campaign-settings-container .x-box-item {
    font-size: 14px;
}

.x-rtl .n-campaign-settings-container-item {
    right: 0px !important;
}

.n-campaign-details-reminders {
    display: flex;
}

.n-campaign-details-reminders-box {
    background-color: white;
    width: 40px;
}

.x-btn-n-copy-url-arrow {
    background-image: url(../Images/userprofile/blue-arrow-down.png);
    background-repeat: no-repeat;
    background-position: 100px 12px;
}


.x-rtl .x-btn-n-copy-url-arrow {
    background-position: 3px 12px;
}

.n-copy-url-btn {
    background-image: url('../images/campaignmanager/copy-link.png');
    background-repeat: no-repeat;
    background-position: 3px 8px;
}

.x-rtl .n-copy-url-btn {
    background-image: url('../images/campaignmanager/copy-link.png');
    background-repeat: no-repeat;
    background-position: 100px 8px;
}

.n-copy-url-menu {
    width: 130px !important;
    background-color: #f7f7f7;
}

    .n-copy-url-menu .x-panel-body {
        box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24), -0.9px 0.5px 6.9px 0.1px rgba(0, 0, 0, 0.16);
    }

.n-copy-url-menu-item {
    background-color: unset;
    padding: 0px;
    border: none;
}

.n-copy-url-menu .x-btn-default-small-over {
    background-color: #f7f7f7 !important;
    width: 100% !important;
}

.n-copy-url-menu-item .x-btn-inner-center {
    margin-top: 2px;
    text-align: left !important;
    color: black !important;
    font-size: 14px;
}

.x-rtl .n-copy-url-menu-item .x-btn-inner-center {
    text-align: right !important;
}

.n-copy-url-menu .x-btn-default-small {
    background-color: #ffffff;
    width: 100% !important;
}


.x-n-filter-status-pressed {
    background-color: #006FCF !important;
    color: white !important;
}

.x-n-filter-status-not-pressed {
    background-color: white !important;
    border: 1px solid #006FCF !important;
}

    .x-n-filter-status-not-pressed .x-btn-inner {
        color: #006FCF !important;
    }

.x-n-filter-status-pressed .x-btn-inner {
    color: white !important;
}

.n-filter-status-title {
    font-weight: bold;
}

.x-rtl .n-filter-status-title {
    right: 0px !important;
}


.n-campaign-partners-template-exel {
    padding: 3px 0px 3px 0px !important;
    background-color: #ffff;
    border-color: #37b0cb;
    height: 30px;
}

    .n-campaign-partners-template-exel .x-btn-inner {
        font-size: 14px;
        color: #006FCF;
    }

.n-domain-lock-down-btn-desc {
    top: 3px !important;
    left: 60px !important;
}

.x-rtl .n-domain-lock-down-btn-desc {
    right: 60px !important;
}

.n-existing-domains-question {
    font-size: 15px;
}

.n-existing-domain {
    font-size: 15px;
    font-weight: bold;
}

.n-disabled-lock-down-list {
    font-weight: bold !important;
}

.n-email-notification-subtitles-small {
    font-size: 16px;
    color: #565656;
    padding-left: 40px;
    padding-bottom: 10px;
}

.x-rtl .n-email-notification-subtitles-small {
    padding-right: 40px;
}

.n-businessreminders-icon {
    width: 28px;
}

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

.n-app-appheader-helpmenu-body {
    background-color: #fff;
}

.n-app-appheader-helpmenu-item {
    color: #515151;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #F0F0F0;
}

.x-rtl .n-app-appheader-helpmenu-item {
    border-left: 1px solid #F0F0F0;
    border-right: none;
}

.n-app-appheader-helpmenu-item:last-child {
    border-left: none;
    border-right: none;
}

.n-app-appheader-helpmenu-item-over.n-app-appheader-helpmenu-item {
    color: #006FCF;
}

.n-appheader-helpmenu-img {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin: 0 auto 8px auto;
}

.n-appheader-helpmenu-contactus {
    background-image: url(../../resources/images/app-header/gray_envelope.png);
}

.n-app-appheader-helpmenu-item-over .n-appheader-helpmenu-contactus {
    background-image: url(../../resources/images/app-header/blue_envelope.png);
}

.n-appheader-helpmenu-faq {
    background-image: url(../../resources/images/app-header/gray_doc.png);
}

.n-app-appheader-helpmenu-item-over .n-appheader-helpmenu-faq {
    background-image: url(../../resources/images/app-header/blue_doc.png);
}

.n-appheader-helpmenu-support {
    background-image: url(../../resources/images/app-header/gray_support.png);
}

.n-app-appheader-helpmenu-item-over .n-appheader-helpmenu-support {
    background-image: url(../../resources/images/app-header/blue_support.png);
}

.n-appheader-helpmenu-sep {
    font-size: 1px;
    background-color: #F0F0F0;
    width: 1px !important;
}


.n-read-only-user-icon {
    background-image: url(../images/admin/read_only_user.png) !important;
    background-repeat: no-repeat;
    width: 18px;
    height: 24px;
    margin: 13px 0px 13px 0px !important;
    display: inline-block;
}

.n-read-only-user-icon-for-profile {
    background-image: url(../images/admin/read_only_user.png) !important;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

.n-main-admin-userbox-this-admin .n-read-only-user-icon {
    background-image: url(../images/admin/read_only_user_white.png) !important;
}

.n-read-only-user {
    font-family: Arial;
    font-size: 14px;
    margin-left: 25px;
    color: black;
}


.x-rtl .n-read-only-user {
    font-family: Arial;
    font-size: 14px;
    margin-right: 25px;
    color: black;
}

.n-main-admin-managusers-readonly-effect {
    color: gray;
}

.n-documents-dashboard-report,
.n-orders-dashboard-report {
    margin: 8px 0px 0px 0px;
    border-radius: 2px;
    border: solid 1px #bcc3c7;
}

.n-documents-dashboard-report-title div,
.n-orders-dashboard-report-title div {
    color: #006FCF;
    font-size: 18px;
}

.n-documents-dashboard-report .n-summarybymonth-chart,
.n-orders-dashboard-report .n-summarybymonth-chart {
    height: 400px !important;
    left: 0px !important;
    margin: 0px 0px 40px 0px !important;
}

.x-rtl .n-documents-dashboard-report .n-summarybymonth-chart,
.x-rtl .n-orders-dashboard-report .n-summarybymonth-chart {
    height: 400px !important;
    left: 0px !important;
    margin: 0px 10px 40px 10px !important;
}

.n-latest-invoices-report-body .x-grid-cell-inner,
.n-latest-orders-report-body .x-grid-cell-inner {
    overflow: hidden;
    padding: 11px 0px;
    white-space: nowrap;
    cursor: pointer !important;
}

.n-orders-by-customers-report-body .x-grid-cell-inner {
    overflow: hidden;
    padding: 13px 6px;
    white-space: nowrap;
    cursor: pointer !important;
}

.n-latest-invoices-report-body .n-status-icon,
.n-latest-orders-report-body .n-status-icon {
    margin: 0px 15px 0px 15px;
}

.n-orders-by-customers-report-body {
    font-size: 14px;
}

.n-documents-dashboard-report.n-orders-summarybymonth-widget .n-documents-dashboard-report-title,
.n-orders-dashboard-report.n-orders-summarybymonth-widget .n-orders-dashboard-report-title {
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.n-orders-by-customers-report-orders-amount {
    color: #006FCF;
}

.single-value-campaign-report-description,
.single-value-orders-report-description {
    font-size: 14px;
    margin-top: 5px;
    height: 32px;
}

.single-value-campaign-report-value,
.single-value-orders-report-value {
    margin-top: 10px;
    font-size: 48px;
    font-weight: bold;
    cursor: pointer !important;
}

.single-value-orders-report-no-description {
    height: 21px;
}

.n-latest-invoices-report .n-documents-dashboard-report-title,
.n-latest-orders-report .n-orders-dashboard-report-title {
    padding: 0px 15px 0px 15px;
}

.n-orders-by-customers-report .n-documents-dashboard-report-title,
.n-orders-by-customers-report .n-orders-dashboard-report-title {
    padding: 0px;
}

.n-invoices-distribution-by-status-report-title,
.n-orders-distribution-by-status-report-title {
    font-size: 14px;
    text-align: center;
    margin-top: 2px;
    color: #53565A !important;
}

.n-orders-distribution-by-status-report-value {
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    color: #008767;
    margin-bottom: 5px;
    margin-top: 10px !important;
}

.n-light-grey {
    color: #e0e0e0 !important;
}

.n-invoices-distribution-by-status-report-label,
.n-orders-distribution-by-status-report-label {
    width: 85px;
}

.n-invoices-distribution-by-status-report-label-container,
.n-orders-distribution-by-status-report-label-container {
    display: flex;
    justify-content: center;
    margin-top: -1px;
}

.n-documents-dashboard-report .x-grid-empty,
.n-orders-dashboard-report .x-grid-empty {
    padding-top: 0px;
    font-size: 16px;
    color: #bcc3c7;
}

.n-latest-invoices-report .x-grid-empty,
.n-latest-orders-report .x-grid-empty {
    padding: 0px 0px 0px 25px;
}

.x-rtl .n-latest-invoices-report .x-grid-empty,
.x-rtl .n-latest-orders-report .x-grid-empty {
    padding: 0px 25px 0px 0px;
}

.n-orders-by-customers-report-body .x-grid-cell-inner {
    padding: 13px 0px;
}

.n-ordermaintabs {
    background-color: #f0f0f0;
}

    .n-ordermaintabs .x-tab {
        border-top: 2px solid #006FCF;
        margin-left: -2px;
        margin-right: -2px;
    }

    .n-ordermaintabs .x-tab-bar-default-top {
        background-color: #f0f0f0;
        border-width: 0;
        top: 5px !important;
        left: 2px !important;
    }

.x-rtl .n-ordermaintabs .x-tab-bar-default-top {
    right: 2px !important;
}

.n-ordermaintabs .x-tab-default .x-tab-inner {
    font-family: Arial;
    font-size: 15px;
    color: #666666;
}

.n-ordermaintabs .x-tab-bar-body a {
    border-radius: 0;
}

    .n-ordermaintabs .x-tab-bar-body a:hover {
        border-bottom: 3px solid white;
    }

.n-ordermaintabs .x-tab-default-active .x-tab-inner {
    color: #222222 !important;
    font-weight: bold;
}

.n-ordermaintabs .x-tab-bar-body .x-tab-default-top-active {
    border-left-width: 2px !important;
    border-right-width: 2px !important;
    border-top-width: 5px !important;
    border-bottom-width: 0px !important;
    border-bottom-color: white !important;
}

.n-admin-is-read-only-check .x-form-cb {
    margin-top: 2px !important;
}

.n-documents-dashboard-report-low-res .n-invoices-distribution-by-status-report-value {
    margin-top: 31px !important;
    font-size: 20px;
    margin-bottom: 16px;
}

.n-documents-dashboard-report-low-res .single-value-orders-report-value {
    font-size: 32px;
}

.n-documents-dashboard-report-low-res .n-orders-dashboard-confirmationrequired-report .single-value-orders-report-value {
    margin-top: 25px;
}

.n-invoice-reasons-reject {
    padding: 0px 15px 14px 15px;
    color: #006FCF;
    font-size: 18px;
}

.n-orders-dashboard-report-low-res .single-value-orders-report-value,
.n-orders-dashboard-report-low-res .n-orders-distribution-by-status-report-value {
    font-size: 32px;
}

.n-orders-dashboard-report-low-res .n-orders-distribution-by-status-report-value,
.n-orders-dashboard-report-low-res .n-orders-dashboard-confirmationrequired-report .single-value-orders-report-value {
    margin-top: 31px !important;
}

.n-invoice-reason-reject-fotter {
    padding: 0px 15px 14px 15px;
}

.n-invoices-distribution-by-status-report-value {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    color: #008767;
    margin-bottom: 5px;
    margin-top: 25px !important;
}

.n-invoice-top-reasons-empty-text {
    padding: 0px 0px 0px 25px;
    font-size: 16px;
    color: #bcc3c7;
}


.n-company-address-label {
    color: #222 !important;
}

.n-webinvoice-iframe-preview .n-cloud-remove-icon {
    background-color: #fff !important;
    background-image: url('../Images/webinvoice/top-action_icons.png') !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
    background-position: -116px -40px;
}

.n-webinvoice-iframe-preview,
.n-webinvoice-iframe-preview .x-panel-header,
.n-webinvoice-iframe-preview .x-panel-body {
    background: #fafafa;
}

.n-webinvoice .x-tool-img {
    overflow: hidden;
    width: 19px;
    height: 19px;
    margin: 0;
    background-image: url('../images/webinvoice/side_by_side_sprite.png');
}

.n-webinvoice .x-tool-expand-right,
.n-webinvoice .x-tool-collapse-right {
    background-position: 0 -218px;
}

.x-rtl .n-webinvoice .x-tool-expand-right,
.x-rtl .n-webinvoice .x-tool-collapse-right {
    background-position: 0 -243px;
}

.n-webinvoice .x-tool-close {
    background-position: -3px 21px;
}

.n-webinvoice .x-tool-help {
    background-position: -3px -386px;
}

.x-rtl .n-webinvoice .x-tool-over,
.n-webinvoice .x-tool-over {
}

.n-webinvoice .x-tool-expand-left,
.n-webinvoice .x-tool-collapse-left {
    background-position: 0 -337px;
}

.x-rtl .n-webinvoice .x-tool-expand-left,
.x-rtl .n-webinvoice .x-tool-collapse-left {
    background-position: 0 -315px;
}

.n-webinvoice-filename-empty {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
    height: 15px;
    display: inline-block;
    color: #bcc3c7;
}

.n-webinvoice-select-customer {
    color: #bcc3c7;
    font-size: 16px;
}

.n-webinvoice-thirdparty-textfield label {
    color: #565656;
    font-size: 16px;
}

.n-webinvoice-add-attachments {
    background: none;
}

    .n-webinvoice-add-attachments .x-btn-inner {
        color: #006FCF !important;
        font-size: 16px;
    }

.x-rtl .n-webinvoice-add-attachments .x-btn-inner {
    background-position: 300px
}

.n-webinvoice-header-sub-title {
    color: #bcc3c7;
    line-height: 17px;
    font-weight: normal;
    margin: 30px 0px;
}

.n-web-invoice-additional-documents {
    color: #565656;
    font-size: 18px;
    font-weight: bold;
}

.n-web-invoice-additional-documents-search-list {
    cursor: pointer;
    color: #006FCF;
    padding: 0px 0px 0px 3px;
    font-size: 15px;
}

.n-company-details-add-update-window-tab .x-tab-inner {
    font-size: 15px;
}

.n-company-details-add-update-window-tab .x-horizontal-box-overflow-body {
    background-color: #ffffff !important;
    border-bottom: 1px solid #bcc3c7;
}

.n-company-details-add-update-window-tab .x-tab {
    border-top: none;
    border-right: none;
    border-left: none;
}

.n-company-details-add-update-window-tab tr.x-grid-row:first-child div {
    background-color: #e2e2e2 !important;
}

.n-company-details-add-update-window-tab .n-companydetails-contactinfoform .x-toolbar.x-toolbar-default.x-toolbar-default-docked-top {
    top: 16px !important;
}

.n-company-details-add-update-window-tab tr.x-grid-row:first-child .n-hierarchy-column-button {
    display: inline-block;
}

.n-company-details-add-update-window-tab .x-tab-bar-body .x-tab-default-top-active {
    border-bottom: 1px solid #006FCF !important;
}

    .n-company-details-add-update-window-tab .x-tab-bar-body .x-tab-default-top-active span {
        color: #006FCF !important;
    }

.n-companydetails-contactinfoform-remove {
    background: none;
    border: none;
}

.n-contactinfo-box {
    border-bottom: 1px solid #e2e2e2;
}

.n-webinvoice-totals-header {
    font-size: 16px;
}

.n-blue-border-top {
    border-top: 1px solid #006FCF !important;
}

.n-width-22-percentage {
    width: 22%;
}

.n-width-10-percentage {
    width: 10%;
}

.n-webinvoice-summery-border {
    border: solid #006FCF;
    border-width: 1px !important;
}

.n-webinvoice-stepnumber {
    color: #bcc3c7;
    font-size: 16px;
    padding: 7px 5px;
}

.n-main-admin-user-access-control-enable-orders {
    margin: 0px 0px 0px 35px !important;
}

.x-rtl .n-main-admin-user-access-control-enable-orders {
    margin: 0px 35px 0px 0px !important;
}

.n-rfq-details-top {
    background-color: white;
    padding: 7px 24px 0px 0px;
}

.n-rfq-details-top-total-request {
    margin-top: 5px !important;
    top: 0px !important;
}

.n-rfq-details-top-quotation-number-lbl {
    margin-top: 5px;
    display: inline-block;
}

.n-rfq-details-tabs {
    background-color: white;
    border-top: 2px solid #e2e2e2 !important;
}

    .n-rfq-details-tabs .x-horizontal-box-overflow-body {
        background-color: #ffffff !important;
        border-bottom: 1px solid #bcc3c7;
    }

    .n-rfq-details-tabs .x-tab {
        border-top: none;
        border-right: none;
        border-left: none;
    }

    .n-rfq-details-tabs tr.x-grid-row:first-child div {
        background-color: #e2e2e2 !important;
    }

    .n-rfq-details-tabs tr.x-grid-row:first-child .n-hierarchy-column-button {
        display: inline-block;
    }

    .n-rfq-details-tabs .x-tab-bar-body .x-tab-default-top-active {
        border-bottom: 1px solid #006FCF !important;
    }

        .n-rfq-details-tabs .x-tab-bar-body .x-tab-default-top-active span {
            color: #006FCF !important;
            font-weight: bold;
        }

    .n-rfq-details-tabs .x-tab-default .x-tab-inner {
        font-size: 16px;
        color: #666666;
        padding-left: 0px;
    }

.n-warning-rfq-header {
    padding: 21px 5px 10px 50px;
    background-image: url(../images/warning-exclamation-mark.png) !important;
    background-repeat: no-repeat;
    background-position: 17px 18px;
    font-size: 16px;
}

.n-warning-rfq-header2 {
    background-image: url(../images/info_Orange_24dp.png) !important;
    background-repeat: no-repeat;
    background-position: 0;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.n-web-x-combobox-disabled input {
    background-color: transparent;
    border: none;
}

.n-rfq-details-top-currency-field-isSetByRFQ input {
    background-color: transparent;
    border: none;
}

.n-rfq-details-top-currency-field input {
    font-weight: normal;
    font-size: 14px;
    border: 1px solid #CCC !important;
    border-right: 0px !important;
    border-radius: 0px !important;
    cursor: pointer;
}

.x-trigger-cell .n-rfq-details-top-currency-field-trigger {
    border: solid 1px #CCC !important;
    border-left: 0px !important;
    height: 24px;
    background-position-y: -1px !important;
}

.x-item-disabled .n-rfq-details-top-currency-field-trigger {
    background-color: #ebebe4 !important;
    opacity: unset;
}

.n-rfq-details-buyer-comments {
    font-size: 15px;
    line-height: 1.28;
}

.n-rfq-details-line-expand-btn {
    background-image: url(../images/rfq/expand_all.png);
    background-repeat: no-repeat;
    background-position: 0px 9px;
}

.n-task-view-more,
.n-rfq-details-line-btn {
    cursor: pointer !important;
    background-color: unset;
    border: unset !important;
}

.n-rfq-details-line-btn-inner {
    font-size: 14px;
    color: #006FCF;
    margin: 0px 0px 0px 24px;
}

.n-rfq-details-line-container {
    border: solid 1px #bcc3c7;
}

.n-rfq-details-line-expand-btn-collapse-all {
    background-image: url(../images/rfq/collapse_all.png) !important;
}

.n-rfq-details-line-warning-sign {
    background-image: url(../images/rfq/line-warning.png) !important;
    background-repeat: no-repeat;
    background-position: 65px 6px;
}

.n-rfq-details-line-title-row-number {
    font-size: 15px;
    color: #006FCF;
    font-weight: bold;
}

.n-rfq-details-line-view-more-btn {
    background-image: url(../images/rfq/view_less.png) !important;
    background-repeat: no-repeat;
    background-position: 80px 2px;
    background-color: transparent;
}

    .n-rfq-details-line-view-more-btn.x-btn-default-small-pressed {
        background-image: url(../images/rfq/view_more.png) !important;
    }

    .n-task-view-more-btn .x-btn-inner,
    .n-rfq-details-line-view-more-btn .x-btn-inner {
        font-size: 15px;
        color: #006FCF;
        float: left;
    }

.n-rfq-details-line-small-label {
    border-radius: 2px;
    border: solid 1px #B81A17;
    background-color: #FFEBEB;
    background-image: url('../images/rfq/asterisk-Icon.png');
    background-repeat: no-repeat;
    background-position: 5% 50%;
    width: 275px;
}

.x-rtl .n-rfq-details-line-small-label {
    width: 190px;
    background-position: 92% 50%;
}

.n-rfq-details-line-small-label div {
    font-size: 14px;
    font-weight: bold;
    color: #B81A17;
}


.n-rfq-details-line-info-item-lbl {
    color: #53565A;
    font-size: 14px;
}

.n-rfq-details-line-info-item-field {
    font-size: 15px;
    color: #222222;
    height: 30px;
}

.n-rfq-details-line-bottom-info {
    border-top: solid 1px #e2e2e2;
}

.n-rfq-details-line-info-target-unit-price-lbl {
    color: #53565A;
    font-size: 14px;
    display: inline-block;
    width: 220px;
    padding: 6px 0px 10px 0px;
}

.n-rfq-details-line-info-target-unit-price-field {
    height: 30px;
    width: 225px;
}

.n-rfq-details-line-info-target-unit-price-value {
    display: inline-block;
    font-size: 15px;
    color: #222222;
    width: 180px;
    padding: 6px 5px 0px 5px;
    background: rgba(55, 176, 235, 0.06);
    height: 30px;
}

.n-rfq-details-line-info-target-unit-price-trigger {
    float: right;
    background-image: url(../images/rfq/blue-arrow.png) !important;
    background-repeat: no-repeat;
    background-position: 8px 3px;
    height: 24px;
    width: 30px;
    border: solid 1px #006FCF;
    margin: 3px 2px 0px 0px;
    cursor: pointer !important;
    font-size: 8px;
    padding: 12px 0px 0px 4px;
    color: #006FCF;
}

.n-rfq-details-line-info-supplier-proposal-lbl {
    margin: 4px 0px 0px 0px;
}

.n-rfq-details-line-info-total-value-lbl {
    font-size: 18px;
    color: #53565A;
}

.n-rfq-details-line-info-total-value-field {
    font-size: 18px;
    color: #222222;
    font-weight: bold;
}

.n-rfq-details-line-info-line-response {
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 6px 0px 0px 30px;
    font-size: 14px;
}

.n-rfq-details-line-info-line-approved {
    background-image: url(../images/rfq/approved.png) !important;
    color: #008767;
}

.n-rfq-details-line-info-line-rejected {
    background-image: url(../images/rfq/rejected.png) !important;
    color: #B81A17;
}

.n-rfq-details-line-info-line-inprocess {
    background-image: url(../images/rfq/inprocess.png) !important;
    color: #006FCF;
}

.n-rfq-details-line-info-supplier-proposal-field.n-textarea-edittextfield {
    background-position: 95% 7%;
}

.x-rtl .n-rfq-details-line-info-supplier-proposal-field.n-textarea-edittextfield {
    background-position: 5% 7%;
}

.n-rfq-details-line-info-supplier-proposal-field {
    border: 1px solid #CCC !important;
    background-image: url('../images/form/edit_icon.png');
    background-repeat: no-repeat;
    background-position: 97.5% 50%;
    font-size: 15px;
    /*height: 30px !important;*/
}

.n-rfq-details-line-tabs .x-horizontal-box-overflow-body {
    background-color: #f7f7f7 !important;
}

.n-rfq-details-line-tab-migrate-deliveries-data {
    float: right;
    background-image: url(../images/rfq/arrow-right.png) !important;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    height: 24px;
    border: solid 1px #006FCF;
    cursor: pointer !important;
}

.n-rfq-details-line-tab-quotation-data {
    border: solid 1px #ccd2d5;
    border-radius: 2px;
}

.n-rfq-details-line-tab-rfq-data {
    background-color: #f3fbfe;
    overflow-y: auto;
}

.n-rfq-details-line-tab-rfq-data-title {
    color: #565656;
    font-size: 15px;
    margin: 15px 10px 20px 10px;
    font-weight: bold;
    font-family: Arial;
}

.n-rfq-details-line-tab-rfq-data-row {
    color: #565656;
    font-size: 15px;
    padding: 0px 15px 0px 15px;
    position: relative;
    font-weight: normal;
    font-family: Arial;
    height: 30px;
}

.n-rfq-details-line-tab-rfq-data-fields-title {
    color: gray;
    font-size: 12px;
    font-weight: normal;
    margin: 0px 10px 0px 10px;
    font-family: Arial;
}

.n-rfq-details-line-tab-rfq-data-field-title {
    width: 140px;
    display: inline-block;
}

.n-rfq-details-line-tab-rfq-data-row-left {
    width: 165px;
    display: inline-block;
    margin: 3px 0px 0px 0px;
}

.n-rfq-details-line-tab-rfq-data-title-left {
    width: 165px;
    display: inline-block;
}

.n-rfq-details-line-tab-rfq-data-right {
    margin: 0px 20px 0px 20px;
}

.n-rfq-details-line-tab-quotation-proposal-delivery-date input {
    border-color: #CCC;
    border-right: unset;
}

.x-rtl .n-blue-arrow .x-form-trigger {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background: url('../images/dropDownListArrowNoBorder.png');
}

.n-blue-arrow .x-form-trigger {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 2px;
    background: url(../images/rfq/date_trigger.png) !important;
    height: 24px;
    background-position-y: 1px !important;
    background-position-x: -1px !important;
    border-width: 1px 1px 1px 0px;
    border-color: #006FCF !important;
}

.n-blue-arrow .x-trigger-cell {
    width: 30px !important;
}

.x-form-invalid.n-blue-arrow .x-form-trigger {
    border-color: #c30 !important;
}

.n-blue-arrow.x-item-disabled .x-form-trigger {
    background-color: #ebebe4;
}

.n-rfq-details-line-tab-quotation-proposal-plus {
    background-image: url(../images/rfq/plus.png) !important;
    background-repeat: no-repeat;
    border: solid 1px #006FCF;
    cursor: pointer !important;
    background-position: -1px -1px;
}

.n-rfq-details-med-text {
    font-size: 15px;
}

.n-rfq-details-line-tab-quotation-data .x-mask-msg {
    padding: 2px;
    background: transparent;
    width: 100px;
    left: 37% !important;
}

.x-item-disabled .n-rfq-details-line-info-supplier-proposal-field {
    opacity: 0.3;
}

.n-rfq-details-line-total-quantities-exceed {
    color: #B81A17;
}

.n-rfq-details-line-warning {
    color: #ffb529;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    border: solid 1px #fe9f15;
    background-color: #FFF9F0;
    padding: 6px;
}

.n-rfq-details-line-tab-title-warn {
    background-image: url(../images/rfq/orange-dot.png) !important;
    background-repeat: no-repeat;
    right: -17px;
    left: auto;
}

.x-rtl .n-rfq-details-line-tab-title-warn {
    right: auto !important;
    left: -17px !important;
}

.n-rfq-details-line-info-supplier-proposal-field.x-form-invalid-field {
    border-color: #c30 !important;
}

.n-rfq-details-line-buyer-comment {
    line-height: 1.28;
    color: #565656;
    font-size: 15px;
}

.n-rfq-details-line-supplier-comment textarea {
    padding: 20px;
    border-radius: 4px;
    border: solid 1px #006FCF;
    font-size: 15px;
    line-height: 1.28;
    color: #565656;
}

.n-rfq-details-line-empty-supplier-comment {
    color: #bcc3c7 !important;
}

.n-rfq-details-line-rejection-reason-field {
    padding: 10px;
    border-radius: 4px;
    border: solid 1px #bcc3c7;
    font-size: 15px;
    line-height: 1.28;
    color: #565656;
}

.n-rfq-details-line-button-rejected {
    background-color: #B81A17;
    border-color: #B81A17;
}

    .n-rfq-details-line-button-approved .x-btn-inner,
    .n-rfq-details-line-button-rejected .x-btn-inner {
        color: white;
    }

.n-rfq-details-line-button-approved {
    background-color: #008767;
    border-color: #008767;
}

.n-rfq-details-line-info-target-unit-price-disabled .n-rfq-details-line-info-target-unit-price-trigger {
    background-image: unset !important;
    border: unset !important;
    cursor: default;
    pointer-events: none;
    visibility: hidden;
}

.n-rfq-details-submit-quotation-text {
    color: #565656;
}

.n-rfq-details-submit-line-row-number {
    color: #565656;
    height: 25px;
    display: inline-block;
    width: 90px;
}

.n-rfq-details-submit-line-approve-flag-icon {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 130px;
    height: 25px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
}

.n-rfq-details-submit-line-approve-flag-text-approved {
    font-size: 14px;
    color: #008767;
    height: 25px;
    display: inline-block;
    margin: 0px 0px 0px 25px;
    padding: 4px 0px 0px 0px;
}

.n-rfq-details-submit-line-approve-flag-text-rejected {
    font-size: 14px;
    color: #B81A17;
    height: 25px;
    display: inline-block;
    margin: 0px 0px 0px 25px;
    padding: 4px 0px 0px 0px;
}

.n-rfq-details-submit-line-approve-flag-text-in-process {
    font-size: 14px;
    color: #006FCF;
    height: 25px;
    display: inline-block;
    margin: 0px 0px 0px 25px;
    padding: 4px 0px 0px 0px;
}

.x-rtl .n-rfq-details-line-warning-sign {
    background-position: 14px 6px;
}

.x-rtl .n-task-view-more-btn .x-btn-inner,
.x-rtl .n-rfq-details-line-view-more-btn .x-btn-inner {
    float: right;
}

.x-rtl .n-rfq-details-line-info-target-unit-price-trigger {
    float: left;
}

.x-rtl .n-rfq-details-line-view-more-btn {
    background-position: 5px 2px;
}

.x-rtl .n-rfq-details-line-btn-inner {
    margin: 0px 24px 0px 0px;
}

.x-rtl .n-rfq-details-line-expand-btn {
    background-position: 80px 9px;
}

.n-rfq-details-line-reset-btn {
    cursor: pointer !important;
    background-color: unset;
    border: unset !important;
}

.n-rfq-details-line-reset-btn-inner {
    font-size: 14px;
    color: #006FCF;
    margin: 0px 0px 0px 13px;
}

.x-rtl .n-rfq-details-line-reset-btn-inner {
    margin: 0px 18px 0px 0px;
}

.x-rtl .n-rfq-details-top-currency-field.n-wide-arrow .x-form-trigger {
    background-position-x: 3px !important;
}

.x-rtl .n-rfq-details-line-info-total-value-field {
    direction: ltr;
    text-align: right;
}

.x-rtl .n-rfq-details-line-info-supplier-proposal-field {
    background-position: 2.5% 50%;
}

.x-rtl .n-rfq-details-line-tab-quotation-proposal-delivery-date input {
    border-right: solid 1px;
    border-left: unset;
}

.x-rtl .x-form-invalid.n-rfq-details-line-tab-quotation-proposal-delivery-date input {
    border-color: #c30 !important;
}

.x-rtl .n-rfq-details-line-tab-migrate-deliveries-data {
    transform: rotate(-180deg);
}

.n-rfq-details-line-save-btn {
    cursor: pointer !important;
    background-color: unset;
    border: unset !important;
    background-image: url(../images/rfq/save-new.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 8px;
}

.n-rfq-details-line-save-btn-inner {
    font-size: 14px;
    color: #006FCF;
    margin: 0px 0px 0px 27px;
}

.x-rtl .n-rfq-details-line-save-btn {
    background-position: 100px 11px;
}


.x-rtl .n-rfq-details-line-save-btn-inner {
    margin: 0px 21px 0px 0px;
}

.n-rfq-details-line-info-readonly textarea,
.n-rfq-details-line-info-readonly input,
.n-rfq-details-line-info-readonly .x-form-arrow-trigger {
    background-color: #ebebe4 !important;
    opacity: 0.3;
}

.n-rfq-details-line-info-readonly.n-rfq-details-line-tab-quotation-proposal-delivery-date input {
    border-right: solid 1px;
    border-color: #CCC !important;
}

.n-rfq-details-line-info-readonly .n-rfq-details-line-info-supplier-proposal-field.x-form-invalid-field {
    border-color: #006FCF !important;
}

.n-campaignmanager-blue-box {
    padding: 52px 76px 16px 16px;
    border-radius: 2px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #006FCF;
}

.n-campaignmanager-timeframe-label {
    font-size: 14px;
    color: #53565A;
    font-weight: normal;
}

.n-campaignmanager-dashbord-widget {
    border-radius: 2px;
    border: solid 1px #bcc3c7;
}

    .n-campaignmanager-dashbord-widget .x-panel-header-text-container-portlet {
        font-size: 18px;
    }

.n-campaignmanager-dashbord-widget-title-description {
    font-size: 14px;
    color: #565656;
}

.n-campaignmanager-dashbord-chart-value {
    font-size: 48px;
    font-weight: bold;
    color: #008767;
    position: absolute;
    top: 41%;
    text-align: center;
    width: 100%;
    height: 100%;
}

.n-campaignmanager-avg-time {
    font-size: 48px;
    font-weight: bold;
    color: #008767;
}

.n-campaignmanager-dashbord-widget-title {
    font-size: 18px;
    color: #006FCF;
}

.n-onboardedtime {
    top: 130px !important;
    margin: 10px 10px 10px 4px !important;
}

.x-rtl .n-onboardedtime {
    top: 130px !important;
    margin: 10px 4px 10px 10px !important;
}

@media only screen and (max-width: 1395px) {
    .n-campaignmanager-avg-time {
        font-size: 20px;
    }

    .n-campaignmanager-dashbord-chart-value {
        font-size: 20px;
        top: 47%;
    }

    .n-campaignmanager-dashbord-widget-title-description {
        font-size: 13px;
    }
}

.n-email-status-tooltip-table {
    text-align: left;
}

.x-rtl .n-email-status-tooltip-table {
    text-align: right !important;
}

.n-email-status-tooltip-table th {
    font-size: 13px;
    font-weight: normal;
    color: #bcc3c7;
}

.n-email-status-tooltip-table td {
    padding-right: 20px;
    font-size: 14px;
    color: #565656;
}

.x-rtl .n-email-status-tooltip-table td {
    padding-left: 20px;
    padding-right: 0px;
}

.n-webinvoice-sidebyside-lines {
    margin: 0px 10px 10px 0px;
}

    .n-webinvoice-sidebyside-lines .x-form-field {
        height: 30px;
        border-radius: 2px;
        font-size: 14px;
        border: solid 1px #e2e2e2;
    }

.x-rtl .n-webinvoice-sidebyside-lines .x-form-field {
    height: 30px;
    border-radius: 2px;
    font-size: 14px;
    text-align: right;
}

.n-webinvoice-sidebyside-readonly-date-field,
.n-webinvoice-sidebyside-readonly-lines .x-form-field,
.n-webinvoice-sidebyside-lines .x-form-display-field,
.n-webinvoice-sidebyside-readonly-lines .x-form-text {
    height: 30px !important;
    border-radius: 2px !important;
    border: solid 1px #bcc3c7 !important;
    background-color: #f7f7f7 !important;
    font-size: 14px !important;
    padding-top: 7px !important;
    padding-left: 3px !important;
}

.x-rtl .n-webinvoice-sidebyside-readonly-date-field,
.x-rtl .n-webinvoice-sidebyside-readonly-lines .x-form-field,
.x-rtl .n-webinvoice-sidebyside-lines .x-form-display-field,
.x-rtl .n-webinvoice-sidebyside-readonly-lines .x-form-text {
    height: 30px !important;
    border-radius: 2px !important;
    border: solid 1px #bcc3c7 !important;
    background-color: #f7f7f7 !important;
    font-size: 14px !important;
    padding-top: 7px !important;
    text-align: right !important;
    padding-right: 3px !important;
}

.n-webinvoice-sidebyside-line {
    border-bottom: solid #006FCF;
    border-width: 1px !important;
}

.n-webinvoice-sidebyside-line-dock {
    background-color: #f7f7f7;
}

.n-webinvoice-sidebyside-line-checkbox-dock .x-form-cb-label {
    color: #006FCF;
    font-size: 14px;
    font-weight: bold;
}

.n-companydetails-checkbox-dock-error .x-form-cb-label {
    color: red !important;
    font-size: 14px;
}

.n-webinvoice-sidebyside-line-label {
    font-size: 16px;
    color: #565656;
}

.n-certificate-list {
    margin: 20px 20px 0px 0px;
}

.x-rtl .n-certificate-list {
    margin: 20px 0px 0px 20px;
}

.n-rfq-details-line-disabled-btn {
    cursor: default !important;
}

    .n-rfq-details-line-disabled-btn span {
        color: #bcc3c7 !important;
    }

    .n-rfq-details-line-disabled-btn.n-rfq-details-line-save-btn {
        background-image: url(../images/rfq/save-disabled.png) !important;
    }

.n-rfq-details-line-info-response-customer {
    font-size: 13px;
    color: lightgrey;
}

.n-proformainvoice-editable-field {
    width: 200px !important;
    float: right;
}

.x-rtl .n-proformainvoice-editable-field {
    float: left;
    text-align: right;
}

.n-proformainvoice-editable-field-invalid .n-edit-textbox {
    border-color: #c30 !important;
}

.n-proformainvoice-editable-field-blue-arrow .x-form-trigger {
    height: 22px !important;
}

.n-proformainvoice-editable-field-blue-arrow .x-trigger-cell {
    width: 16px !important;
}

.n-proformainvoice-editable-date-field {
    width: 184px !important;
    float: right;
}

.n-proformainvoice-editable-date-readonly textarea,
.n-proformainvoice-editable-date-readonly input {
    background-color: #ebebe4 !important;
    opacity: 0.5;
    width: 200px !important;
    background-image: unset;
    cursor: unset;
}

.n-proformainvoice-editable-date-readonly.n-proformainvoice-editable-date-field-date input {
    border-right: solid 1px;
    border-color: #006FCF !important;
}

.n-proformainvoice-editable-date-field-date input {
    border-color: #006FCF;
    border-right: unset;
}

.x-rtl .n-proformainvoice-editable-date-field-date input {
    border-color: #006FCF !important;
    border-right: solid 1px;
    border-left: unset;
    float: left;
    text-align: right;
}

.n-proformainvoice-readonly-grid .n-edittextfield .x-grid-cell-inner {
    background-color: #ebebe4 !important;
    opacity: 0.5;
    background-image: unset;
}

.n-proformainvoice-readonly-grid .x-grid-row-selected .n-edittextfield .x-grid-cell-inner {
    background-image: unset;
}

.n-proforma-invoice-amenmends-btn-disabled {
    background-image: none;
    background-color: #f0f2f5;
    border-color: white;
    cursor: unset;
}

.n-compositefield-sidebyside {
    clear: both;
    margin: 5px 10px 10px 0px;
}

.n-compositefield-lable {
    color: #222;
}

.x-rtl .n-compositefield-lable {
    color: #222;
    right: 0px !important;
}

.n-height-30 {
    height: 30px;
}

.n-account-setting-set-country-span {
    color: #565656;
    font-size: 14px !important;
    margin-left: -25px;
}

.x-rtl .n-account-setting-set-country-span {
    margin-right: -25px;
}

.n-account-setting-set-country {
    color: #006FCF;
    text-decoration: underline;
    cursor: pointer;
}

.n-account-setting-set-country-icon {
    background-image: url('../images/admin/error-blue-outline.png');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    padding-right: 22px;
    padding-top: 6px;
}

.x-rtl .n-account-setting-set-country-icon {
    margin-left: 3px;
}

.n-warn-status-company-settings-logo {
    width: 24px !important;
    height: 24px !important;
    background-image: url('../images/orange-warn.png');
    margin: 1px 5px -25px 80px;
    position: relative;
    top: -5px;
    left: -38px;
}

.x-rtl .n-warn-status-company-settings-logo {
    left: 0px;
    right: 38px;
}

.n-webInvoice-lines-fileUpload-failed-msg, .n-webInvoice-lines-fileUpload-success-msg {
    font-size: 14px;
}

    .n-webInvoice-lines-fileUpload-failed-msg span {
        color: #B81A17;
    }

    .n-webInvoice-lines-fileUpload-failed-msg table, .n-webInvoice-lines-fileUpload-success-msg div {
        margin-top: 16px;
    }

        .n-webInvoice-lines-fileUpload-failed-msg table td {
            vertical-align: top;
        }

    .n-webInvoice-lines-fileUpload-success-msg span {
        color: #006FCF;
    }

.n-webinvoiceheader-sidebyside .n-big-combo {
    padding: 0px 3px;
}

.n-webinvoice-sidebyside-approveLines-title {
    font-size: 18px;
    font-weight: bold;
    color: #565656;
}

.n-admin-company-details-bank-info-title {
    font-size: 23px;
    font-weight: bold;
    padding: 15px 0px !important;
    color: #000000;
}

.n-company-details-tabs .x-horizontal-box-overflow-body {
    background-color: #ffffff !important;
    border-bottom: 1px solid #bcc3c7;
}

.n-company-details-tabs .x-tab {
    border-top: none;
    border-right: none;
    border-left: none;
}

.n-company-details-tabs tr.x-grid-row:first-child div {
    background-color: #e2e2e2 !important;
}

.n-company-details-tabs tr.x-grid-row:first-child .n-hierarchy-column-button {
    display: inline-block;
}

.n-company-details-tabs .x-tab-bar-body .x-tab-default-top-active {
    border-bottom: 1px solid #006FCF !important;
}

    .n-company-details-tabs .x-tab-bar-body .x-tab-default-top-active span {
        color: #006FCF !important;
    }

.n-company-details-tabs .x-header-horizontal {
    margin: 0px 20px;
}

.n-account-settings-company-tabs .x-horizontal-box-overflow-body {
    background-color: #ffffff !important;
    border-bottom: 1px solid #bcc3c7;
}

.n-account-settings-company-tabs .x-tab {
    border-top: none;
    border-right: none;
    border-left: none;
}

.n-account-settings-company-tabs tr.x-grid-row:first-child .n-hierarchy-column-button {
    display: inline-block;
}

.n-account-settings-company-tabs .x-tab-bar-body .x-tab-default-top-active {
    border-bottom: 1px solid #006FCF !important;
}

    .n-account-settings-company-tabs .x-tab-bar-body .x-tab-default-top-active span {
        color: #006FCF !important;
    }

.n-combo-box-one-side-border-unset input {
    border-right: unset;
    height: 32px
}

.x-rtl .n-combo-box-one-side-border-unset input {
    border-right: 1px solid #CCC;
    border-left: unset;
}

.n-combo-box-one-side-border-unset .x-form-trigger {
    border-bottom: 1px solid #CCC !important;
    border-top: 1px solid #CCC !important;
    border-right: 1px solid #CCC !important;
}

.n-add-update-bank-info-label {
    font-size: 14px;
}

.n-add-update-bank-info-combo-label {
    margin-top: 5px;
    display: inline-block;
}

.n-add-update-bank-info-combo input {
    cursor: pointer !important;
}

.n-add-update-bank-info-iban-description {
    font-size: 12px;
}

.n-remove-bank-account-text {
    line-height: 1.28;
    color: #565656;
    font-size: 15px;
}

.n-account-settings-company-tabs .x-tab-bar-default-top {
    margin: 0px 0px 0px 20px !important;
}

.x-rtl .n-account-settings-company-tabs .x-tab-bar-default-top {
    margin: 0px 20px 0px 0px !important;
}

.n-pricinglist-from-to {
    color: #bcc3c7;
    font-size: 12px;
}

.n-status-icon-active {
    background-image: url('../images/status/active.png');
}

.n-status-icon-canceled2 {
    background-image: url('../images/status/canceled.png');
}

.n-status-icon-expired {
    background-image: url('../images/status/expired.png');
}

.n-pricinglist-mini-title {
    font-size: 16px;
    color: #006FCF;
}

.n-pricinglist-new-list-labels,
.n-pricinglist-new-list-labels .x-form-item-label {
    font-size: 15px;
    color: #565656;
    text-align: left;
    padding: 3px 0px 3px 0px;
}

    .n-pricinglist-new-list-labels .x-form-cb-label {
        font-size: 15px;
        padding-bottom: 5px;
        padding-left: 25px;
    }

.x-rtl .n-pricinglist-new-list-labels .x-form-cb-label {
    padding-right: 25px;
}

.x-rtl .n-pricinglist-new-list-labels,
.x-rtl .n-pricinglist-new-list-labels .x-form-item-label {
    text-align: right;
}

.n-pricinglist-light-grey-labels,
.n-pricinglist-light-grey-labels .x-form-item-label {
    font-size: 15px;
    color: #bcc3c7 !important;
    text-align: left;
    padding: 3px 0px 3px 0px;
}

.x-rtl .n-pricinglist-light-grey-labels,
.x-rtl .n-pricinglist-light-grey-labels .x-form-item-label {
    text-align: right;
}

.n-pricinglist-new-list-labels .x-form-text,
.n-pricinglist-light-grey-labels .x-form-text {
    padding: 10px;
}

.n-tabs-menu-account-settings {
    width: 184px;
    height: 854px;
    background-color: #f0f0f0;
}

.n-tabs-menu-account-settings-button {
    background-color: #f0f0f0;
    border: none;
    width: 100%;
}

.n-tabs-menu-account-settings .x-btn-default-small .x-btn-inner {
    color: #565656 !important;
    font-size: 14px;
}


.n-tabs-menu-account-settings-button:hover {
    background-color: #e2e2e2 !important;
}

.n-tabs-menu-account-settings-button-pressed {
    background-color: #e2e2e2 !important;
    border-left-color: #006FCF;
    border-left-style: solid;
    border-right-style: none;
    border-right-color: #e2e2e2;
    border-width: 4px;
}

.x-rtl .n-tabs-menu-account-settings-button-pressed {
    border-left-color: #e2e2e2;
    border-right-color: #006FCF;
    border-right-style: solid;
    border-left-style: none;
}

.n-tabs-menu-account-settings-button-hover {
    background-color: #e2e2e2 !important;
}


.n-cards-menu-account-settings {
    background-color: #ffffff;
    width: 100%
}


.x-rtl .n-security-timeout .x-form-numberfield {
    text-align: right !important;
}

.n-web-proforma-invoice-clarify-the-user {
    border: solid 1px #fc7651;
    background-image: url('../images/alert-24px.png');
    background-repeat: no-repeat;
    background-position: 7px 4px;
    color: #FF7F50;
    background-color: #fcefed;
    font-size: 14px;
    height: inherit;
    padding: 5px 11px 5px 30px;
    width: 805px;
}

.x-rtl .n-web-proforma-invoice-clarify-the-user {
    background-position: 778px 11px;
    height: initial;
    padding: 5px 30px 5px 80px;
}


.n-web-proforma-invoice-clarify-the-user .n-webproforma-panel-border-bottom {
    border-bottom: none;
}

.n-web-proforma-invoice-tax-invoice-link {
    text-decoration: underline;
    cursor: pointer;
}

.n-web-proforma-invoice-close-x {
    background-image: url('../images/ic_close_x_24px.png');
    padding: 0 25px 0px 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-left: 20px;
    margin-right: 0px;
}

.x-rtl .n-web-proforma-invoice-close-x {
    padding: 10px 10px 0px 6px;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-right: 452px;
    margin-left: 0px;
}

.n-my-details-buttons {
    left: 311px !important;
}

.x-rtl .n-my-details-buttons {
    left: 0px;
    right: 311px !important;
}

.n-main-admin-approval-manager-element {
    z-index: 5;
}

.n-main-admin-security-details-maibox-checkBox {
    left: 290px !important;
    top: 7px !important;
}

.x-rtl .n-main-admin-security-details-maibox-checkBox {
    right: 290px !important;
}

.n-no-mail-box-warning {
    background-image: url('../images/orange-warn.png');
    background-color: antiquewhite;
    color: orange !important;
    border: 1px solid orange;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-align: right;
}

.n-no-mail-box-field {
    color: orange;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: 25px;
}

.x-rtl .n-no-mail-box-warning {
    background-position: 350px 0px;
}

.n-process-governance-configuration-module {
    color: #006FCF;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px !important;
}

.n-process-governance-configuration-module-no-bold {
    color: #006FCF;
    font-size: 16px;
    margin-top: 20px !important;
}

.n-process-governance-configuration-module-no-bold-no-margin {
    color: #006FCF;
    font-size: 16px;
    margin-top: 5px
}

.n-process-governance-module {
    color: #565656;
    font-size: 14px;
    margin-top: 12px !important;
}

.n-process-governance-module-add-campaign {
    color: #565656;
    font-size: 12px;
    margin-top: 12px !important;
}

.n-process-governance-module-supplier-master-data {
    color: #565656;
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px !important;
}

.n-process-governance-module-supplier-master-data-icon {
    background-image: url('../images/navigation/flat/navigation_menu_icons.png');
    background-position: -53px -924px !important;
    width: 28px !important;
    height: 28px;
}

.n-bank-account-collaboration {
    padding-left: 65px;
    padding-right: 0px;
}

.x-rtl .n-bank-account-collaboration {
    padding-left: 0px;
    padding-right: 65px;
}

.n-supplier-master-data-bank-info-td {
    padding-left: 27px;
}

.n-customer-collaboration-customer-td {
    display: flex;
    align-items: center;
}

.x-ltr .n-customer-collaboration-logo-td {
    border-radius: 50px;
    margin-right: 15px;
    border: 1px #E2E2E2 solid
}

.x-rtl .n-customer-collaboration-logo-td {
    border-radius: 50px;
    margin-left: 15px;
    border: 1px #E2E2E2 solid
}

.x-rtl .n-supplier-master-data-bank-info-td {
    padding-right: 27px;
}

.n-supplier-master-data-bank-info-tr {
    margin: 40px 32px 0 28px;
    padding: 7px 258px 6px 10px;
    background-color: #f7f7f7;
    height: 28px;
    color: #565656;
    font-size: 13px;
}

.n-supplier-master-data-bank-info-tr-data {
    margin: 28px 10px 39px 28px;
    padding: 7px 319px 6px 10px;
    background-color: #ffffff;
    height: 28px;
    color: #565656;
    font-size: 13px;
}

.n-supplier-master-data-bank-info-table {
    width: 100%;
    max-width: 1320px;
    border-spacing: 0;
    border-collapse: collapse;
}

    .x-grid-row-selected .x-grid-td .n-supplier-master-data-bank-info-table,
    .n-supplier-master-data-bank-info-table .x-grid-row-selected .x-grid-td {
        background-color: white !important;
    }

.n-lightblue-background {
    background-color: #f5fcff;
}

.x-grid-rowbody .n-supplier-master-data-bank-info-table {
    background-color: white !important;
    padding: 0px 0px 0px 0px !important;
}

.x-grid-cell-rowbody .n-supplier-master-data-bank-info-table {
    background-color: white !important;
    padding: 0px 30px 1px 30px !important;
    border-top: 1px solid #e2e2e2;
}

.n-companyconversionlist .x-grid-rowbody {
    padding: 0px 37px !important;
    background-color: #ffffff;
}

    .n-companyconversionlist .x-grid-rowbody .x-tab-default .x-tab-inner {
        color: #999;
    }

.n-companyconversionlist .x-tab-default-top-active, .x-tab-default-left-active, .x-tab-default-right-active {
    border-bottom: 2px solid #006FCF;
}

.n-companyconversionlist .x-grid-row-selected {
    border: 1px solid #006FCF !important;
}

.n-bank-info-icon-white {
    background-position: 0px 0px;
    background-image: url('../images/account_balance_blue_24dp.png');
    background-repeat: no-repeat;
}

.n-bank-info-icon-blue {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image: url('../images/account_balance_white_24dp.png');
}

.n-bank-info-button {
    width: 106px;
    height: 24px;
    border-radius: 100px;
    border: solid 1px #006FCF;
    background-color: #ffffff;
    background-position: 7px 2px;
    background-image: url('../images/account_balance_blue_24dp.png');
    background-repeat: no-repeat;
    color: #006FCF;
    font-size: 15px;
    padding: 2px 29px
}

.x-rtl .n-bank-info-button {
    background-position: 78px 2px;
}

.n-bank-info-button-pressed {
    background-color: #006FCF;
    background-image: url('../images/account_balance_white_24dp.png');
    color: #fbfbfb;
}

.n-blue-border {
    border: 1px solid #006FCF !important;
}

.n-background-color-light-grey {
    background-color: #fbfbfb
}

.n-togglebutton-off-process-governance {
    width: 41px !important;
    height: 27px !important;
    background-image: url('../images/toggleOffBtn.png');
    background-color: #fbfbfb;
    border: none !important;
}

.x-n-togglebutton-on-process-governance {
    background-image: url('../images/toggleOnBtn.png') !important;
    width: 41px !important;
    background-repeat: no-repeat;
    background-color: #fbfbfb;
}

.n-bank-acount-collaboration-description {
    padding-top: 9px;
    padding-left: 60px;
    padding-right: 0px;
}

.x-rtl .n-bank-acount-collaboration-description {
    padding-left: 0px;
    padding-right: 60px;
}

.n-companyconversionlist .x-column-header-inner {
    padding: 5px 9px 5px 9px;
}

.n-supplier-master-data-empty-text {
    margin: 24px 0px;
    font-size: 16px;
    color: #bcc3c7;
}

.n-confirm-invoice-win .x-window-header-text-container-default {
    color: #006FCF;
    font-weight: bold;
}

.n-confirm-invoice-win .x-window-body-default {
    color: unset;
    margin-top: 5px;
}

    .n-confirm-invoice-win .x-window-body-default .x-window-item {
        font-size: 15px;
    }

.n-confirm-invoice-win-title {
    position: relative;
    top: -7px;
}

.n-confirm-invoice-win-title-icon {
    margin: 7px 10px 0px 0px;
}

.x-rtl .n-confirm-invoice-win-title-icon {
    margin: 0px 0px 0px 10px;
}

.n-approve-reject-document-approval .x-btn-inner {
    font-size: 18px;
}

.n-approve-reject-invoice-win .x-window-header-text-container-default {
    color: #006FCF;
    font-weight: bold;
}

.n-approve-reject-invoice-win .x-window-body-default {
    /*font-size: 15px;*/
    color: unset;
    margin-top: 5px;
}

    .n-approve-reject-invoice-win .x-window-body-default .x-window-item {
        font-size: 15px;
    }

.n-reject-invoice-win .x-window-body-default .x-window-item {
    font-size: 15px;
}

.n-approve-reject-document-approval-reject-btn {
    border-color: #734DC7;
    background-color: white;
}

    .n-approve-reject-document-approval-reject-btn .x-btn-inner {
        color: #734DC7;
    }

    .n-approve-reject-document-approval-reject-btn:hover {
        background-color: #fbd9d3;
    }

    .n-approve-reject-document-approval-reject-btn.x-btn-pressed,
    .n-approve-reject-document-approval-reject-btn:active {
        background-color: #734DC7;
    }

        .n-approve-reject-document-approval-reject-btn.x-btn-pressed .x-btn-inner,
        .n-approve-reject-document-approval-reject-btn:active .x-btn-inner {
            color: white;
        }

.n-approve-reject-document-approval-rejection-reason textarea {
    padding: 5px;
    font-size: 15px;
    line-height: 1.28;
    color: #565656;
}

.n-webinvoiceheader-read-only-field input {
    color: gray;
}

.n-process-governance-mailbox-data {
    color: #565656;
    font-size: 13px;
    margin-top: 2px !important;
}


.display-name {
    left: 13px;
}

.x-rtl .display-name {
    left: -124px;
}

.n-process-governance-module-mailbox-icon {
    background-image: url('../images/notifications/email.png');
    background-repeat: no-repeat;
    width: 28px !important;
    height: 28px;
    background-size: 26px 19px;
    border: transparent !important;
    background-color: transparent !important;
}

.n-process-governance-label-remove-specific {
    width: 150px !important;
    color: black;
}

.n-process-governance-document-restrictions-comments {
    font-size: 11px;
    color: silver;
    width: 40%;
    margin-left: 155px;
    padding-bottom: 5px;
}

.x-rtl .n-process-governance-document-restrictions-comments {
    margin-left: 0px;
    margin-right: 155px;
}

.n-user-edit-tab .x-form-checkbox {
    margin-top: 2px !important;
}

.n-process-governance-document-restrictions-subtitle {
    color: #565656;
    font-size: 14px;
    margin-top: 12px !important;
}

.n-automatchsummary div {
    font-size: 14px;
}

.n-automatchsummary-info-base {
    background-repeat: no-repeat;
    padding: 10px 10px 10px 32px;
    background-position-x: 5px;
    background-position-y: 5px;
}

.x-rtl .n-automatchsummary-info-base {
    padding: 10px 32px 10px 10px;
}

.x-rtl .n-automatchsummary-info-matchInfo,
.x-rtl .n-automatchsummary-no-match-notification {
    background-position: right 5px center;
}

.n-automatchsummary-info-undefined {
    background-image: url(../Images/automatch/compare_arrows_orange.png);
}

.n-automatchsummary-info-defined {
    background-image: url(../Images/automatch/compare_arrows_blue.png);
}

.n-automatchsummarylines-header,
.n-automatchsummarylines .x-panel-header-text-container-default {
    font-size: 14px;
    font-weight: bold;
    color: #565656;
    margin: 0px 0px 0px 10px;
    left: 0px !important;
    padding: 10px 0px 0px 0px;
}

.x-rtl .n-automatchsummarylines-header,
.x-rtl .n-automatchsummarylines .x-panel-header-text-container-default {
    margin: 0px 10px 0px 0px;
    right: 0px !important;
    left: auto !important;
}

.n-automatchsummary-box {
    border-radius: 4px;
    border: solid 1px #e2e2e2;
}

.n-automatchsummary-no-match-notification {
    background-image: url(../Images/automatch/no_automatch.png);
    background-repeat: no-repeat;
    padding: 10px 10px 10px 32px;
    background-position-x: 5px;
    background-position-y: 9px;
}

.n-automatchsummarylines-grlines-header {
    padding: 10px 0px 0px 0px;
}

.n-automatchsummary-info-match-performed {
    color: #006FCF;
    border: solid 1px #006FCF;
    background-color: #d6f2ff;
}

.n-automatchsummarylines-header-gap {
    background-color: #e2e2e2;
}


.n-verification-send-again {
    color: #006FCF;
    cursor: pointer;
}

.n-automatchsummarylines-gr-line-consumed .x-grid-cell {
    background-color: #F4FBEF;
}

.n-automatchsummarylines-gr-line-consumed {
    border: solid 1px #008767;
}

.n-automatchsummarylines table {
    border-collapse: collapse;
}

.x-rtl .n-automatchsummarylines .x-grid-header-ct .x-box-inner {
    position: initial;
}

.x-rtl .n-automatchsummarylines .x-column-header-inner {
    padding: 5px 4px 5px 8px;
}

.n-email-recipient-header-edit {
    color: #006FCF;
    font-size: 14px;
    right: 0px !important;
    left: auto !important;
    float: right;
}

.x-rtl .n-email-recipient-header-edit {
    left: 0px !important;
    right: auto !important;
    float: left;
}

.n-email-recipient-header-title .x-panel-header-text-container-default {
    left: 0px !important;
}

.x-rtl .n-email-recipient-header-title .x-panel-header-text-container-default {
    left: auto !important;
    right: 0px !important;
}

.n-email-recipient-resend {
    font-size: 14px;
    color: #006FCF;
    text-align: right;
}

.n-email-recipient-resend-disabled {
    font-size: 14px;
    color: #dddddd;
    text-align: right;
}

.x-rtl .n-email-recipient-resend, .x-rtl .n-email-recipient-resend-disabled {
    text-align: left;
}

.n-email-recipient-viewed {
    font-size: 14px;
}

.n-email-recipient-footer {
    border-top: dashed 1px #BCC3C7;
}

.n-email-recipient-resend-to-all-window-box {
    color: #565656;
    font-size: 15px;
    line-height: 1.5;
}

.n-user-bellnotification-icon {
    background-position: 0px 0px;
    background-image: url('../images/user-notification-bell.png');
    background-repeat: no-repeat;
}


.n-user-bellnotification-win .x-btn-inner-center {
    font-size: 15px;
}

.n-user-bellnotification-title {
    font-weight: bold;
    color: #006FCF !important;
    margin-left: 10px;
}

.n-white-with-blue-text-btn {
    border-color: #006FCF;
    background-color: white;
}

    .n-white-with-blue-text-btn .x-btn-inner {
        color: #006FCF;
    }

    .n-white-with-blue-text-btn:hover {
        background-color: #d1effd;
    }

    .n-white-with-blue-text-btn.x-btn-pressed,
    .n-white-with-blue-text-btn:active {
        background-color: #006FCF;
    }

        .n-white-with-blue-text-btn.x-btn-pressed .x-btn-inner,
        .n-white-with-blue-text-btn:active .x-btn-inner {
            color: white;
        }

.n-notification-window-title-counter {
    right: 0px !important;
    left: auto !important;
}

.x-rtl .n-notification-window-title-counter {
    right: auto !important;
    left: 0px !important;
}

.n-user-bellnotification-win-items p,
.n-user-bellnotification-win-items span {
    font-size: 14px;
    color: #565656;
}

.n-user-bellnotification-win-items .n-user-bellnotification-win-publish-date {
    color: #bcc3c7;
    margin-bottom: 8px;
}


.n-user-bellnotification-win-items .n-user-bellnotification-win-body p {
    margin-top: 5px;
}

.n-bell-notification-unread-messages {
    position: relative;
    left: 19px;
    top: -43px;
    border-radius: 12px;
    border: 2px solid #fff;
    background-color: #B81A17;
    width: 24px;
    height: 18px;
    color: white;
    font-size: 10px;
    padding-top: 1px;
}

.puls-one-two-digits {
    padding: 1px 0px 0px 1px !important;
}

.x-rtl .puls-one-two-digits {
    padding: 1px 1px 0px 0px !important;
}

.n-table-app-header-titles-menu .x-menu-item-text {
    margin: 0px 4px 0px 0px;
}

.n-table-app-header-menu-title-unread {
    background-color: #f3fbfe;
}

.n-login-reset-password-link {
    height: 16px;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    float: right;
    color: #006FCF;
    text-decoration: underline;
    cursor: pointer;
}

.x-rtl .n-login-reset-password-link {
    float: left;
}

.n-login-reset-pssword {
    width: 364px;
    height: 40px;
    margin: 60px 37px 80px;
    padding: 11px 11px 11px 33px;
    border-radius: 4px;
    border: solid 1px #d24c1f;
    background-color: rgba(210, 76, 31, 0.04);
    color: #d24c1f;
    font-size: 14px;
    background-image: url('../Images/login/login_locked_user.png') !important;
}

.n-login-error-msg {
    width: 364px;
    height: 40px;
    margin: 60px 37px 80px;
    padding: 9px 11px 11px 33px;
    border-radius: 4px;
    border: solid 1px #d24c1f;
    background-color: rgba(210, 76, 31, 0.04);
    color: #d24c1f;
    font-size: 14px;
    background-image: url('../Images/login/Alert_orange_24dp.png') !important;
}

.x-rtl .n-login-error-msg {
    padding: 9px 33px 11px 17px;
}

.x-rtl .n-login-reset-pssword {
    padding: 11px 33px 11px 17px;
}

.n-login-register-now {
    background-color: #ffffff;
    font-size: 16px;
    color: black;
    padding: 24px 125px 24px 38px;
    border-radius: 8px;
    border: solid 1px #ded8d8;
    background-color: #fff;
    text-decoration: none;
}

.x-rtl .n-login-register-now {
    padding: 24px 38px 24px 151px;
}

.n-login-register-now-link {
    margin: 1px 5px;
}

.n-a-no-underline {
    text-decoration: none;
    font-size: 16px;
    color: #006FCF;
    cursor: pointer;
}

.n-email-recipient-footer .n-displayfield-contact-email .x-form-display-field {
    padding-top: 3px;
}

.n-email-recipient-edit-contact-win .n-companydetails-contactinfoform .x-table-plain {
    width: 100% !important;
}

.n-email-recipient-edit-contact-win-invalid-msg {
    color: #B81A17;
    margin: 0px 0px 0px 105px;
}

.x-rtl .n-email-recipient-edit-contact-win-invalid-msg {
    margin: 0px 105px 0px 0px;
}

.n-email-recipient-status-lbl {
    color: #006FCF;
    text-decoration: underline;
}

.n-email-recipient-edit-contact-win .n-contactinfo-box-first,
.n-email-recipient-edit-contact-win .n-contactinfo-box {
    padding: 0px 20px 15px 20px !important;
}

.n-grid-column-header-tip {
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin: 0px 2px;
    position: relative;
    bottom: 2px;
}

.n-contactinfosharing-tip {
    margin: 0 0 6px 0px;
}


.n-automatchsummary-info-description-match {
    background-image: url(../Images/automatch/blue-question-mark.png);
}

.n-automatchsummary-info-description-no-match {
    background-image: url(../Images/automatch/orange-question-mark.png);
}

.n-automatchsummary-info-description-base {
    background-repeat: no-repeat;
    padding: 10px 10px 10px 32px;
    background-position-x: !important;
    background-position-y: 12px !important;
    line-height: 18px;
}

.x-rtl .n-automatchsummary-info-description-base {
    padding: 10px 32px 10px 10px;
}

.n-company-conversion-hirarchy-combo .x-form-arrow-trigger {
    height: 24px;
    width: 24px !important;
    background-position-x: -6px !important;
    border: 1px solid;
    border-color: #d0d0d0;
    border-left: none;
    background-position-y: center !important;
    border-top-right-radius: 3px;
}

.n-company-conversion-hirarchy-combo .x-trigger-cell {
    width: 24px !important;
}

.n-company-conversion-hirarchy-add-new {
    color: #006FCF;
    margin-top: 2px !important;
    font-size: 15px;
    cursor: pointer !important;
}

.x-ltr .n-companydetails-partnercompanyform-company-address {
    right: 0px !important;
    left: auto !important;
}

.n-admin-company-details-contacts-title {
    font-family: Arial;
    font-size: 15px;
    color: #666666;
    padding: 25px 0px !important;
}

.n-contact-email-exist-warn {
    font-size: 12px;
    color: #B81A17;
}

.n-contact-phone-exist-warn {
    font-size: 12px;
    color: #ffb529;
}


.n-hierarcy-association-action-delete.x-item-disabled {
    opacity: 0;
}

.n-task-configuration-tabs-tab-header {
    border-bottom: 1px solid #e2e2e2;
    width: 200px;
    height: 40px;
}

    .n-task-configuration-tabs-tab-header .x-tab-inner {
        font-size: 16px;
        color: #53565A;
    }

    .n-task-configuration-tabs-tab-header.x-active .x-tab-inner {
        color: #006FCF;
    }

.n-task-configuration-tabs .x-horizontal-box-overflow-body {
    border-bottom: 2px solid #e2e2e2;
}

.n-task-configuration-tabs-tab-header.x-tab-default-active {
    border-bottom: 4px solid #006FCF;
}

.n-task-configuration-tabs-tab-header {
    margin-top: 1px !important;
}

.n-task-configuration-tabs .x-mask-msg {
    width: 85px;
    left: 42% !important;
    top: 42% !important;
}

.n-financialDetails-readOnly {
    border: none;
    background-image: none;
}

.n-financialDetails-title {
    color: #006FCF;
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
}

.n-company-details-my-details-title {
    color: #222222;
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
}

.n-compny-details-horizontal-grey-line {
    border: none;
    background: #e0dcdc 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 1px;
}

.n-statement-horizontal-grey-line {
    border: none;
    background: #e0dcdc 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 1px;
    margin-top: 50px;
    margin-bottom: 28px;
}

.n-company-details-toggle {
    margin: 6px 0px 0px 110px !important;
}

.n-company-details-title {
    color: #222222;
    font-size: 18px;
    font-weight: bold;
}

.n-font-size-13 {
    font-size: 13px !important;
}

.n-general-company-contact-info {
    padding: 0 50px 0 0;
}

.x-rtl .n-general-company-contact-info {
    padding: 0 0 0 90px;
}

.n-margin-supplier-compliance-profile {
    margin-left: 134px;
    margin-right: 0px;
}

.x-rtl .n-margin-supplier-compliance-profile {
    margin-right: 155px;
    margin-left: 0px;
}

.n-margin-supplier-status {
    margin-left: 145px;
    margin-right: 0px;
}

.x-rtl .n-margin-supplier-status {
    margin-right: 145px;
    margin-left: 0px;
}

.n-margin-supplier-compliance-profile-first {
    margin-left: 0px;
    margin-right: 0px;
}

.n-create-task-footer-steps {
    color: lightgrey;
}

.n-create-task-hierarchy-title {
    font-size: 14px;
}

.n-create-task-add-attachment {
    width: 130px !important;
}

.n-create-task-tree-picker {
    box-shadow: rgb(136 136 136) 0px 0px 6px;
    background: white;
}

    .n-create-task-tree-picker .x-tree-icon-parent {
        display: none;
    }

    .n-create-task-tree-picker .x-tree-elbow-end,
    .n-create-task-tree-picker .x-tree-elbow-line,
    .n-create-task-tree-picker .x-tree-elbow {
        background-image: none !important;
    }

.x-grid-row-over .n-create-task-tree-picker-non-leaf-node {
    background-color: white;
}

.create-tak-add-attachment-upload-file label,
.create-tak-add-attachment-upload-file input {
    text-align: left;
    direction: ltr;
}

.x-rtl .create-tak-add-attachment-upload-file label,
.x-rtl .create-tak-add-attachment-upload-file input {
    text-align: unset;
    direction: unset;
}

.n-wide-arrow.create-tak-add-attachment-type .x-form-trigger {
    height: 28px;
    border: solid 1px #CCC !important;
    border-left: none !important;
}

.n-remove-task-attachment-sign {
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('../images/form/decline-red-x.png');
    overflow: hidden;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.n-remove-task-attachment-file-name {
    float: left;
    margin: 5px 2px 0px 0px;
}

.x-rtl .n-remove-task-attachment-file-name {
    float: right;
    margin: 5px 0px 0px 2px;
}

.n-create-task-tree-picker .x-grid-cell-inner-treecolumn {
    padding: 0px 6px 0px 0;
}

.n-create-task-tree-picker .x-grid-td {
    height: 28px;
}

.n-create-task-tree-picker .x-grid-no-row-lines .x-grid-row-focused .x-grid-cell-inner {
    padding-top: unset;
    padding-bottom: unset;
}

.n-task-header-section-panel-header .x-panel-body,
.n-task-header-section-panel-header textarea {
    border: none;
    font-size: 14px;
    font-family: Arial;
}

.n-task-header-section-panel-header .n-tasks-relateddocuments-cell {
    margin: 4px 0px;
}

.n-task-header-section-panel-request-title {
    font-size: 18px;
    font-weight: bold;
}

.n-task-header-section-panel-request {
    background-color: #f3fbfe;
    overflow-y: auto;
}

.n-task-header-section-panel-answer {
    overflow-y: auto;
    white-space: pre-wrap;
}

.n-task-header-section-panel-category-text {
    overflow: hidden;
}

.n-task-header-titles .n-task-header-section-panel-question-area .x-panel-header .x-panel-header-body {
    max-width: unset;
}

.n-task-header-section-panel-no-reponse {
    color: gray;
}

.n-task-header-section-panel-attached-files {
    font-size: 14px;
    color: #006FCF;
    cursor: pointer !important;
}

    .n-task-header-section-panel-attached-files:hover,
    .n-task-header-section-panel-go-to-doc:hover,
    .n-task-header-section-related-task:hover {
        text-decoration: underline;
    }

.n-task-header-section-custom-title {
    font-size: 18px;
    font-weight: bold;
    padding-left: 13px;
    top: -2px !important;
}

.x-rtl .n-task-header-section-custom-title {
    padding-right: 13px;
    padding-left: unset;
}

.n-task-header-section-panel-go-to-doc {
    font-size: 14px;
    color: #006FCF;
    cursor: pointer !important;
    text-align: right;
    right: 13px !important;
    left: auto !important;
    top: 0px !important;
}

.x-rtl .n-task-header-section-panel-go-to-doc {
    text-align: left;
    right: auto !important;
    left: 13px !important;
}

.n-task-header-section-related-docs .x-header-text-container {
    display: none;
}

.n-create-task-tree-picker-non-leaf-node-text {
    color: #c2c2c2;
}

.n-task-header-section-panel-attached-files.x-item-disabled {
    color: #b4b4b4;
}

    .n-task-header-section-panel-attached-files.x-item-disabled div {
        background-color: unset;
    }

.n-task-header-titles .n-task-header-section-response .x-panel-header .x-panel-header-body {
    border-bottom: unset;
}

.n-task-header-titles .n-task-header-section-response .x-panel-header-text-container {
    padding: unset;
}

.n-task-header-titles .n-task-header-section-response .x-panel-header-default-horizontal {
    padding: unset;
}

.n-task-header-titles .n-task-header-section-response textarea {
    padding: 7px 7px 0px 7px;
    border: 1px solid lightgrey;
}

    .n-task-header-titles .n-task-header-section-response textarea.x-form-invalid-field {
        border-color: #c30;
    }

.n-task-header-section-related-task {
    font-size: 14px;
    color: #006FCF;
    cursor: pointer !important;
}

.n-task-header-section-panel-answer .x-btn-whitebutton-small {
    float: right;
}

.x-rtl .n-task-header-section-panel-answer .x-btn-whitebutton-small {
    float: left;
}

.n-task-header-section-panel-document-details {
    font-size: 14px;
    color: #006FCF;
    cursor: pointer !important;
    margin: 2px 0px 0px 4px;
}

.x-rtl .n-task-header-section-panel-document-details {
    margin: 2px 4px 0px 0px;
}

.n-task-header-section-panel-document-details-container div {
    font-size: 14px;
    color: #222222;
}

.n-task-header-section-panel-document-details-box-title {
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}

.n-task-header-section-panel-document-details-box-no-data {
    color: #bbafaf;
}

.n-task-header-section-panel-document-details-box {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.n-task-header-section-panel-document-details-win .x-window-header {
    padding: 7px 17px 0px 17px;
}

.n-menu-icon-completed {
    background-image: url('../images/status/completed.png');
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
}

.n-menu-icon-paied {
    background-image: url('../images/status/paied.png');
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
}

.n-menu-icon-alert {
    background-image: url('../images/alert-24px.png');
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
}

.n-factoring-status-title {
    margin-block-end: 5px;
}

.n-factoring-status-edit {
    background-image: url('../images/form/edit_icon.png');
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    cursor: pointer !important;
}


.n-companyconversionlist-row {
    height: 64px;
}

.n-task-header-section-panel-response {
    background-color: #f4ffed;
}

.n-task-header-section-panel-request-response-field {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.n-task-header-Executor-data-items {
    border-top: 1px #9a9a9a solid;
    margin-top: 10px;
    padding-top: 10px;
}

.n-task-view-more-btn.x-btn-default-small-pressed {
    background-image: url(../images/rfq/view_less.png) !important;
}

.n-task-view-more-btn {
    background-image: url(../images/rfq/view_more.png) !important;
    background-repeat: no-repeat;
    background-position: 80px 2px;
    background-color: transparent;
}

    .n-task-view-more-btn.x-btn-default-small {
        padding: 3px 5px 3px 0px;
    }

.x-rtl .n-rfq-details-line-view-more-btn {
    background-position: 5px 2px;
}

.x-rtl .n-task-view-more-btn {
    background-position: 10px 2px;
}

.n-width {
    width: max-content;
}

.n-create-task-more-details-text-field .x-form-item-label {
    font-size: 14px;
    color: #565656;
    border: none;
    text-decoration: underline;
    padding: 0px;
}

.n-create-task-more-details-text-field .x-form-text {
    font-size: 14px;
    color: #565656;
    border: none;
    padding: 0px;
}

.n-waiver-task-title {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 30px;
    margin: 10px 0px;
}

.n-waiver-task-title-main {
    /*color: #006FCF;*/
    font-weight: bold;
    line-height: 42px;
    font-family: arial,calibri,verdana,sans-serif;
    font-size: 13.5pt;
}

.n-create-task-form-flexible-input table {
    width: 100% !important;
}

.n-create-task-form-radio-btn .x-field-label-cell {
    width: 65% !important;
}

    .n-create-task-form-radio-btn .x-field-label-cell label {
        width: 100% !important;
    }

.n-create-task-form-radio-btn .x-form-checkboxgroup-body {
    width: 35% !important;
}



.n-create-task-form-checkbox label {
    margin-left: 5px;
}

.x-rtl .n-create-task-form-checkbox label {
    margin-right: 5px;
}


.n-remove-task-attachment-type {
    float: left;
    margin: 5px 15px 0px 0px;
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.x-rtl .n-remove-task-attachment-type {
    float: right;
    margin: 5px 0px 0px 15px;
}

.n-create-task-form-invalid-attachments .x-btn-whitebutton-small .x-btn-inner,
.n-create-task-form-invalid-attachments,
.n-create-task-form-invalid-radio-group label,
.n-create-task-form-invalid-checkbox label {
    color: #c30;
}

    .n-create-task-form-invalid-attachments .n-create-task-add-attachment {
        border-color: #c30;
    }

.x-rtl .n-create-task-form .x-form-numberfield {
    text-align: right;
}

.n-error-back-ground {
    background-color: #fff7eb;
}

.n-check-back-ground {
    background-color: #eff9fe;
}

.n-success-ground {
    background-color: #f4fbef;
}

.n-padding-box-error {
    padding-left: 30px;
    margin-top: -5px;
}

.n-padding-box-check {
    padding-left: 18px;
}

.n-update-share-eng {
    margin-left: auto;
}

.n-update-share-heb {
    margin-right: auto;
}

.n-update-share_link {
    text-decoration: none;
    color: #ff9500;
}

.n-supplier-compliance-request-content {
    display: flex;
    align-items: center;
    width: 430px;
    padding-top: 14px
}

.n-down-container {
    top: 460px !important;
}

.n-btn-update-customer {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px;
    background-color: #006FCF;
}

.n-btn-cancel-request {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px;
    background-color: #ffffff;
    border-color: #FFB529;
}

.n-btn-onboarding {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px;
    background-color: #FFB529;
}

.n-info-blue-request-supplier {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: 8px 2px;
    position: relative;
    bottom: 2px;
}

.n-info-blue {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.n-info-blue-request-supplier-disabeld {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px;
    cursor: not-allowed;
    background-color: #cfd5d9;
}

.n-cancel-request-supplier-disabled {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px;
    cursor: not-allowed;
    color: #ffffff;
    background-color: #cfd5d9;
}

.n-cancel-request-supplier-enable {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px;
    border-color: #FFB529;
    background: #ffffff
}

.n-cancel-request-supplier-enable-text {
    color: #FFB529;
}



.n-share-arrow-heb {
    position: absolute;
    padding-top: 2.9px;
    padding-right: 4px;
}

.n-share-arrow {
    position: absolute;
    padding-left: 4px;
    padding-top: 2px;
}

.n-div-box-supplier-request {
    display: flex;
    align-items: center;
    width: 350px;
    padding-top: 14px;
    padding-left: 10px;
}

.n-div-box-supplier-request-heb {
    display: flex;
    align-items: center;
    width: 350px;
    padding-top: 14px;
    padding-right: 10px;
}

.n-no-requests-suppliers {
    color: #e0dcdc;
}

.n-task-header-section-panel-request-checkbox {
    background-image: url(../images/task/task-checkbox-read-only-unselected.png) !important;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0px 5px 0px 0px;
    background-size: contain;
    background-position-x: -2px;
}

.x-rtl .n-task-header-section-panel-request-checkbox {
    float: right;
    margin: 0px 0px 0px 5px;
    background-position-x: 2px;
}

.n-task-header-section-panel-request-checkbox-unselected {
    background-image: url(../images/task/task-checkbox-read-only-unselected.png) !important;
}

.n-task-header-section-panel-request-checkbox-selected {
    background-image: url(../images/task/task-checkbox-read-only-selected.png) !important;
}

.n-process-governance {
    color: #565656;
    font-size: 14px;
}

.n-process-governance-link {
    cursor: pointer;
    color: #006FCF;
    font-size: 14px;
    text-decoration: underline;
    line-height: 17px;
}

.n-process-governance-rfq-textfield {
    width: 360px !important;
}

.n-rfq-hierchy-win {
    padding: 0px 10px !important;
}

.n-sc-custome-field-win {
    padding: 0px 10px !important;
}

.n-red-text {
    color: #D75151;
}

.n-gray-text {
    color: #D3D3D3;
}

.n-green-text {
    color: #008767;
}

.n-task-waiver-response-fields-table {
    width: 100%;
}

    .n-task-waiver-response-fields-table .n-value-line td {
        padding-bottom: 15px;
        width: 50%;
    }

.n-vertical-align-sub {
    vertical-align: sub;
}

.n-rfq-top-line-first {
    font-size: 14px;
    height: 16px;
}

.n-rfq-top-line-second {
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
}

.n-rfq-top-line-third {
    font-size: 14px;
    font-weight: normal;
    line-height: 13px;
}

.n-rfq-details-top-request {
    background: #F3FAFE;
}

.n-rfq-details-quotation-number input {
    height: 24px;
    font-size: 14px;
}

.n-rfq-details-quotation-from-to-label {
    font-size: 14px;
    display: inline-block;
    margin-top: 3px;
}

.n-rfq-details-quotation-from-to .x-form-trigger {
    left: 80px;
    border-bottom: 0px;
    background-position-y: 5px;
}

.n-rfq-details-quotation-from-to-quotationenddate {
    display: inline-block;
    padding-top: 20px;
}

.n-rfq-details-quotation-number-empty {
    font-size: 14px;
    color: #BCC3C7;
}

.n-rfq-details-line-warranty-question,
.n-rfq-header-panel textarea {
    font-size: 14px;
}

.n-rfq-details-top-currency-field.x-form-readonly input {
    border-right: 1px solid #CCC !important;
    background-color: #ebebe4 !important;
    opacity: 0.3;
}

.n-rfq-details-quotation-from-to input {
    width: 100px !important;
}

.n-rfq-details-top-currency-field input.x-form-invalid-field {
    border-color: #c30 !important;
}

.n-rfq-currency-no-data {
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
}

.n-rfq-statement-document-label {
    display: inline-block;
    font-size: 14px;
    color: #222222;
}

.n-rfq-statement-document-value {
    display: inline-block;
    font-size: 14px;
    /*float: right;*/
    font-weight: bold;
}

.x-rtl .n-rfq-details-top-currency-field input {
    border-right: 1px solid #CCC !important;
    border-left: 0px !important;
}

.x-rtl .n-rfq-details-quotation-from-to .x-form-trigger {
    right: 82px;
}

.x-item-disabled .n-rfq-details-top-currency-field-trigger {
    opacity: .3;
}

.n-rfq-mandatory-field {
    background-image: url('../images/rfq/asterisk-Icon.png');
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-color: transparent;
    display: inline-block;
    width: 12px;
    height: 10px;
}

.n-rfq-top-line-currency-label {
    display: inline-block;
}

.x-rtl .n-rfq-mandatory-field {
    background-position: 100% 50%;
}

.n-download-statement {
    background-color: #ffffff;
    cursor: pointer;
    border: 0;
}

    .n-download-statement.x-btn-default-small .x-btn-inner {
        font-family: 'Arial';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        color: #006FCF !important;
        margin-left: 18px;
    }

    .n-download-statement.x-btn:focus, .button:focus {
        outline: none;
    }



.n-statements-download-icon {
    background-image: url(../images/file/ic_download.png) !important;
    background-repeat: no-repeat;
    background-position: 5px 3px;
    background-size: 16px;
}

.n-rfq-details-line-info-supplier-proposal-component .x-form-trigger-wrap {
    margin-top: 10px;
}

.n-rfq-details-line-info-total-value-field {
    font-size: 18px;
    margin-top: 6px;
}

.n-rfq-details-line-info-supplier-proposal-component input {
    height: 30px !important;
}

.n-rfq-details-line-operator-sign {
    background-repeat: no-repeat;
    background-position: 2px 2px;
    height: 20px;
    width: 15px;
    margin: 40px 0px 0px 0px;
}

.n-rfq-details-line-operator-sign-plus {
    background-image: url(../images/rfq/calculation-plus.png) !important;
}

.n-rfq-details-line-operator-sign-x {
    background-image: url(../images/rfq/calculation-x.png) !important;
}

.n-rfq-details-line-operator-sign-equals {
    background-image: url(../images/rfq/calculation-equals.png) !important;
}

.x-rtl .n-rfq-details-line-info-target-unit-price-trigger {
    transform: rotateY(-180deg);
}

.n-rfq-details-line-notificaiton {
    padding: 0px 0px 0px 25px;
    background-image: url(../images/warning-exclamation-mark.png) !important;
    background-repeat: no-repeat;
    background-position: 5px 0px;
    background-size: 15px;
}

.x-rtl .n-rfq-details-line-info-target-copy {
    transform: rotateY(-180deg);
    display: block;
}

.n-rfq-details-line-tab-quotation-proposal-delivery-date.n-blue-arrow .x-form-trigger {
    border-color: #CCC !important;
}

.x-form-invalid.n-rfq-details-line-tab-quotation-proposal-delivery-date.n-blue-arrow .x-form-trigger {
    border-color: #c30 !important;
}

.n-rfq-details-line-tab-title-mandatory {
    background-image: url(../images/rfq/asterisk-Icon.png) !important;
    background-repeat: no-repeat;
    right: auto;
    left: -15px;
    background-position-y: 7px !important;
}

.x-rtl .n-rfq-details-line-tab-title-mandatory {
    right: 6px !important;
    left: auto !important;
}

.n-rfq-details-line-warranty-buttons .x-btn-disabled {
    background-color: white;
    border-color: #cacaca;
}

    .n-rfq-details-line-warranty-buttons .x-btn-disabled.x-n-filter-status-pressed {
        background-color: #cacaca !important;
    }

.n-rfq-details-line-info-supplier-proposal-lbl-mandatory {
    background-image: url(../images/rfq/asterisk-Icon.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-color: transparent;
    padding: 0px 0px 0px 12px;
}


.n-mandatory-box {
    background-color: #ffebeb;
    border-color: #B81A17;
    color: #B81A17;
    padding-top: 6px;
    border-style: solid;
    font-weight: bold;
    text-align: center;
    border-width: thin;
}

.n-data-not-sync-box {
    background-color: #fff7eb;
    border-color: #FFB529;
    color: #FFB529;
    border-style: solid;
    font-weight: bold;
    text-align: center;
    border-width: thin;
    padding-top: 1px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.n-data-not-sync-box-he {
    background-color: #fff7eb;
    border-color: #FFB529;
    color: #FFB529;
    border-style: solid;
    font-weight: bold;
    text-align: center;
    border-width: thin;
    padding-top: 1px;
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.n-data-not-sync-color, .n-data-not-sync-color .x-form-display-field {
    color: #FFB529;
}

.n-status-rfq-awarded {
    width: 20px;
    height: 20px;
    background-image: url('../images/status/awarded.png');
    background-repeat: no-repeat;
}

.n-row-status-rfq-awarded {
    background-image: url('../images/status/awarded.png') !important;
}

.n-status-rfq-no-bid {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url('../images/status/noBid.png');
}

.n-status-rfq-partially-awarded {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url('../images/status/partiallyAwarded.png');
}

.n-status-rfq-partially-closed {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url('../images/status/partiallyClosed.png');
}

.n-status-rfq-partially-no-bid {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url('../images/status/partiallyNoBid.png');
}

.n-status-rfq-partially-submited {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url('../images/status/partiallySubmited.png');
}

.n-rfq-details-line-tab-one-price-title {
    color: #565656;
    font-size: 14px;
    margin: 15px 0px 20px 0px;
    color: #53565A
}

.n-rfq-details-line-tab-one-price-title-left {
    width: 355px;
    display: inline-block;
}

.n-rfq-details-line-quantity-group-first {
    width: 60px;
    display: inline-block;
}

.n-rfq-details-line-quantity-group-second {
    width: 40px;
    display: inline-block;
}

.n-rfq-details-line-quantity-group-with-long-num .n-rfq-details-line-quantity-group-first {
    width: 80px;
}

.n-rfq-details-line-quantity-group-with-extra-long-num .n-rfq-details-line-quantity-group-first {
    width: 100px;
}

.n-rfq-details-line-quantity-group-target {
    height: 190px;
}

.n-rfq-details-line-quantity-group-title {
    color: #565656;
    font-size: 15px;
    margin: 14px 10px 18px 10px;
    font-weight: bold;
    font-family: Arial;
}



.n-contacts-group-title th {
    width: 33%;
    text-align: left;
}

.x-rtl .n-contacts-group-title th {
    width: 33%;
    text-align: right;
}

n-contacts-table {
    border-collapse: collapse;
}

.n-contacts-group-title {
    font-weight: 700;
    color: #006FCF;
    margin: 10px 0;
}

table.n-contacts-table {
    border-collapse: collapse
}

tr.n-contacts-group-title {
    border-bottom: 1px solid #E2E2E2;
}


.n-contacts-origin {
    font-weight: 700;
    color: #222222;
    padding: 10px 0;
}

.n-contacts-box {
    border: 1px solid #E2E2E2;
    width: 50%;
    margin-bottom: 25px;
}

.n-contacts-box-mandatory {
    border: 1px solid #B81A17;
    width: 50%;
    margin-bottom: 25px;
}


.n-contacts-group-name {
    font-weight: 700;
    font-size: 16px;
    color: #222222;
    margin-bottom: 20px;
    display: flex;
    gap: 5px;
}

.n-contacts-star {
    margin-top: 3px;
    color: #B81A17;
}

td.n-contacts-data-shared-contact {
    color: #565656;
    font-weight: 400;
    padding: 10px 0;
}

td.n-contacts-data-not-shared-contact {
    color: #FFB529;
    font-weight: 400;
    padding: 10px 0;
}

.n-contacts-data-notshared {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #B81A17;
}

.n-contacts-data-notshared-not-mandatory-role {
    display: flex;
    align-items: center;
    gap: 5px;
    color: black;
}

.n-contacts-remove-share {
    cursor: pointer
}

.n-reject-ground {
    background-color: #fff1f1;
}

.x-rtl.n-white-with-red-text-btn {
    border-color: white;
    background-color: white;
    margin: 3px 97px 0 0 !important;
}

    .x-rtl.n-white-with-red-text-btn .x-btn-inner {
        color: red;
    }

.n-white-with-red-text-btn {
    border-color: white;
    background-color: white;
    margin: 3px 0 0 285px;
}

    .n-white-with-red-text-btn .x-btn-inner {
        color: red;
    }


.n-border-rejection {
    border-color: lightgrey;
    border-width: thin;
    border-style: solid;
}

.x-rtl .n-rfq-details-line-container .n-companydetails-contactinfoform-remove {
    padding: 0px 3px 0px 0px !important;
}

.n-second-title {
    font-size: 16px;
    display: flex;
    align-items: center;
    margin: 0px 0px 5px 0px;
}

.n-third-title {
    font-size: 11px;
    display: flex;
    align-items: center;
}

.n-grey-dot {
    height: 4px;
    width: 4px;
}

.n-rfq-header-field-value {
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    text-align: right;
    font-weight: 100;
}

.n-rfq-details-line-rejection-reason {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n-rfq-details-line-tab-combo input {
    font-size: 15px;
    cursor: text;
}

.n-rfq-details-line-tab-combo.x-form-invalid .x-form-trigger {
    border-color: #c30 !important;
}

.x-rtl .n-rfq-details-line-tab-combo.x-form-invalid .x-form-trigger {
    border-left: solid 1px #c30 !important;
}

.x-rtl .n-rfq-details-line-tab-combo .x-trigger-cell .n-rfq-details-top-currency-field-trigger {
    border-right: 0px !important;
}

.x-rtl .n-rfq-details-line-tab-combo input.x-form-invalid-field {
    border-right: 1px solid #c30 !important;
}

.n-rfq-download-statement-button {
    background-image: url(../images/file/ic_download.png) !important; /*IE 8 must be important*/
    background-repeat: no-repeat;
    background-position: 4px 7px;
    cursor: pointer;
}

    .n-rfq-download-statement-button span {
        font-size: 14px;
        color: #006FCF;
        font-weight: bold;
        margin: 8px 0px 0px 32px;
        display: block;
    }

.n-rfq-download-statement-approver-name input {
    font-size: 14px;
    padding-left: 8px;
}

.n-rfq-download-statement-approver-name-empty {
    font-size: 14px;
    color: #BCC3C7;
    padding-left: 8px;
    background-image: url('../images/rfq/asterisk-Icon.png');
    background-repeat: no-repeat;
    background-position: 48% 50%;
    background-color: transparent;
    display: inline-block;
}


.n-rfq-download-statement-approver-name ::placeholder {
    color: #BCC3C7;
    opacity: 1;
}

.n-rfq-download-statement-approver-name :-ms-input-placeholder {
    color: #BCC3C7;
}

.n-rfq-download-statement-approver-name ::-ms-input-placeholder {
    color: #BCC3C7;
}

.n-rfq-download-statement-approver-name-label {
    color: red;
    font-size: 20px;
}

.n-rfq-download-statement-readonly .n-rfq-download-statement-readonly-elm {
    display: none;
}

.x-rtl .n-rfq-download-statement-approver-name-empty {
    background-position: 70% 50%;
}

.n-rfq-submitted {
    background-image: url('../images/submit.png');
}


.n-contacts-combobox {
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.n-contacts-no-data-box {
    padding: 15px;
    margin: 0px;
    height: 350px;
    width: 50%;
    right: auto;
    top: 0px;
    border-radius: 2px;
    border: solid 1px #bcc3c7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #e2e2e2;
}

.n-rfq-submitted {
    background-image: url('../images/submit.png');
}

.grid-highlight {
    border: 1px solid #c30 !important;
}

.n-rfq-details-line-round-title {
    color: #53565A;
    font-size: 14px;
    margin-top: 15px;
}

.n-rfq-details-line-round-second-title {
    color: #53565A;
    font-size: 14px;
    /*margin-top: 4px;*/
}

.n-rfq-details-line-info-target-unit-price-trigger-down-box {
    left: 560px !important;
}

    .n-rfq-details-line-info-target-unit-price-trigger-down-box .n-rfq-details-line-info-target-copy {
        transform: none;
    }

.n-rfq-details-line-info-target-unit-price-trigger-down {
    background-image: url(../images/rfq/arrow_down.png) !important;
    background-position: 5px -1px;
    padding: 11px 0px 0px 4px;
}

.n-rfq-details-line-hidden-lbls .n-rfq-details-line-info-target-unit-price-lbl {
    display: none;
}

.n-rfq-details-line-hidden-lbls .n-rfq-details-line-info-supplier-proposal-component .x-form-trigger-wrap {
    margin-top: 0px;
}

.n-rfq-details-line-hidden-lbls .n-rfq-details-line-info-supplier-proposal-component {
    margin-top: 0px !important;
}

.n-rfq-details-line-hidden-lbls .n-rfq-details-line-operator-sign {
    margin-top: 8px !important;
}

.n-rfq-details-line-hidden-lbls .n-rfq-details-line-info-total-value-field {
    margin-top: 4px;
}

.n-rfq-details-top-total-request-first {
    margin: 5px 0px 0px 24px !important;
}


.n-rfq-details-top-proposal {
    padding: 8px 24px 0px 24px !important;
}

.n-rfq-details-top-bafo {
    padding: 25px 22px;
    background-color: #006FCF;
    color: #FFFFFF;
    font-size: 18px;
}

.n-rfq-details-top-request-bafo .n-rfq-details-top-total-request-first {
    margin: 5px 0px 0px 0px !important;
}

.n-rfq-details-line-total-currency {
    font-size: 18px;
    color: #222222;
    font-weight: bold;
}

.n-new-contact-btn {
    background-color: #ffffff;
    cursor: pointer;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.x-rtl .n-new-contact-btn {
    right: 0 !important;
}

.x-ltr .n-new-contact-btn {
    left: 0 !important;
}

    .x-ltr .n-new-contact-btn.x-btn-default-small .x-btn-inner {
        font-weight: 700;
        font-size: 14px;
        color: #565656 !important;
        margin-left: 20px;
    }

.x-rtl .n-new-contact-btn.x-btn-default-small .x-btn-inner {
    font-weight: 700;
    font-size: 14px;
    color: #565656 !important;
    margin-right: 20px;
}

.n-new-contact-btn.x-btn:focus, .button:focus {
    outline: none;
}



.x-ltr .n-new-contact-btn-icon {
    background-image: url(../images/rfq/plus.png) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left
}

.x-rtl .n-new-contact-btn-icon {
    background-image: url(../images/rfq/plus.png) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right
}

.n-view-bank-account-certificate {
    display: flex;
    align-items: center;
}

.n-rfq-details-line-tab-quotation-data-non-editable {
    margin: 0px 0px 0px 47px !important;
}

.n-rfq-details-line-info-delivery-info-copy-down {
    left: 779px !important;
}

.n-rfq-details-line-info-quantity-groups-copy-down {
    left: 750px !important;
}

.n-rfq-details-line-round-tab-title .n-rfq-details-line-round-title {
    color: #53565A;
    font-size: 14px;
    margin-top: 0px;
}

.n-rfq-details-line-info-one-time-price-copy-down {
    left: 432px !important;
}

.n-rfq-details-line-responded .n-rfq-details-line-info-target-copy-container {
    display: none;
}

.n-rfq-details-line-responded .n-rfq-details-line-tab-quotation-data-non-editable {
    margin: 0px 0px 0px 0px !important;
}

.n-rfq-details-line-responded .n-rfq-details-line-subline-copy-down-container {
    height: 16px;
}

.n-rfq-details-line-responded .n-rfq-details-line-subline-copy-down {
    display: none;
}

.n-rfq-details-line-responded .n-rfq-details-line-tab-quotation-data-prev-line {
    margin: 0px 0px 0px -47px !important;
}

.n-rfq-list-rfq-number-with-bafo-first {
    background-color: #006FCF;
    float: left;
    height: 31px;
    color: white;
    width: 43px;
    padding: 8px 4px 0px 4px;
}

.n-rfq-list-rfq-number-with-bafo-second {
    float: left;
    padding: 7px 0px 0px 4px;
}

.x-btn-whitebutton-small-n-rfq-warranty-btn-pressed {
    background-color: #006FCF !important;
    color: white !important;
}

    .x-btn-whitebutton-small-n-rfq-warranty-btn-pressed .x-btn-inner {
        color: white !important;
    }

.n-rfq-details-line-warranty-buttons .x-btn-disabled.x-btn-whitebutton-small-n-rfq-warranty-btn-pressed {
    background-color: #cacaca !important;
}

.n-rfq-details-line-tab-title-recommended {
    background-image: url(../images/rfq/recommended-indication.png) !important;
    background-repeat: no-repeat;
    right: auto;
    left: -15px;
    background-position-y: 8px !important;
    background-size: 6px;
}

.x-rtl .n-rfq-details-line-tab-title-recommended {
    right: 6px !important;
    left: auto !important;
}

.x-rtl .n-rfq-details-line-info-target-unit-price-trigger-down-box {
    right: 560px !important;
}

    .x-rtl .n-rfq-details-line-info-target-unit-price-trigger-down-box .n-rfq-details-line-info-target-copy {
        transform: rotateY(-180deg);
        display: block;
    }

.x-rtl .n-rfq-details-line-info-delivery-info-copy-down {
    right: 779px !important;
}

.x-rtl .n-rfq-details-line-info-quantity-groups-copy-down {
    right: 750px !important;
}

.x-rtl .n-rfq-details-line-info-one-time-price-copy-down {
    right: 432px !important;
}

.n-simple-link, .n-simple-link * {
    color: #006FCF;
    text-decoration: underline;
    cursor: pointer !important;
}

.n-style-label-status {
    color: #565656 !important;
    font-size: 14px;
}

.x-rtl .n-style-active-status {
    height: 20px;
    width: 20px;
    margin-right: 127px;
    margin-left: -9px;
}

n-style-active-status {
    height: 20px;
    width: 20px;
    margin-right: -15px;
    margin-left: 38px;
}

.n-style-inactive-status-logo {
    display: flex;
    align-items: center;
    margin-top: 9px;
    margin-left: -5px;
    font-size: 11px;
}

.n-disabled-text-color {
    color: #EBEBE4;
}

.n-status-company-gallery .n-simplegallery-slider-item-selected {
    display: flex;
    align-items: center;
    margin-top: 9px;
    margin-left: -35px;
    font-size: 11px;
}


.n-status-company-gallery {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-left: -38px;
    font-size: 11px;
}

.n-status-company-gallery-default {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 11px;
}

.n-status-company-gallery-dafault-heb {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-left: -35px;
    font-size: 11px;
}

.n-status-inactive-company-gallery {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-left: -42px;
    font-size: 11px;
    opacity: 0.2;
}

.n-style-active-status-gallery {
    height: 16px;
    width: 16px;
}

.n-remove-icon-process-governance {
    height: 30px;
    width: 16px;
    padding-top: 12px;
}

.n-add-icon-process-governance {
    height: 15px;
    width: 15px;
}

.x-rtl .n-add-icon-process-governance {
    float: right;
}

.n-style-status-icon-process-governance {
    height: 18px;
    width: 18px;
    margin-top: -2px !important;
}

.n-style-div-status-icon-process-governance {
    display: flex;
    align-items: center;
}

.n-style-inactive-status-gallery {
    height: 20px;
    width: 20px;
    margin-top: 1px !important;
}

.n-companyDetails-status-logo {
    margin: 0 0 0 40px;
    display: flex;
    align-items: center;
    margin-top: -30px;
}

.n-companyDetails-status-logo-en {
    margin: 0 0 0 55px;
    display: flex;
    align-items: center;
    margin-top: -32px;
}

.n-border-logo-company {
    border: solid 1px #e2e2e2;
    height: 115px;
}

.n-btn-text-add-compny {
    color: #222222;
    margin-top: 86px;
    font-size: 12px;
}

.n-border-top-add-company {
    border-top: dashed 1px #d1d2d3;
    margin-bottom: 10px;
}

.n-break-word-overflow {
    overflow-wrap: break-word;
}

.n-status-icon-draft {
    background-position: 0px -823px;
}

.n-create-task-document-related-area .x-mask-msg {
    top: 0px !important;
}

.n-create-task-save-btn {
    cursor: pointer !important;
    background-color: unset;
    border: unset !important;
    background-image: url(../images/rfq/save-new.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 1px 0px 0px 25px;
    width: 95px !important;
    float: right;
    right: 0px !important;
    left: auto !important;
}

.x-rtl .n-create-task-save-btn {
    width: 100px !important;
    float: left;
    right: auto !important;
    left: 0px !important;
}

.n-create-task-save-btn-inner {
    font-size: 14px;
    color: #006FCF;
}

.n-create-task-save-btn-disabled-btn {
    background-image: url(../images/rfq/save-disabled.png) !important;
    cursor: default !important;
}

    .n-create-task-save-btn-disabled-btn span {
        color: #bcc3c7 !important;
    }

.n-create-task-warn-task-type-change .n-message-alert-header .x-dlg-icon {
    margin-top: -3px !important;
    left: 20px !important;
}

.n-multiple-upload-files {
    height: 100% !important;
    width: 100% !important;
    overflow-y: scroll !important;
}

.n-border-top-grey {
    border-top: 1px solid #e5e5e5;
    width: 301px;
}

.n-taxinvoice-deliverynote-leading-document-icon {
    padding-right: 0px;
    padding-left: 25px;
    line-height: 20px;
    background-image: url(../images/leading-document.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

.x-rtl .n-taxinvoice-deliverynote-leading-document-icon {
    padding-right: 25px;
    padding-left: 0px;
    background-position: right;
}

.n-taxinvoice-deliverynote-leading-document-no-icon {
    padding-right: 0px;
    padding-left: 25px;
}

.x-rtl .n-taxinvoice-deliverynote-leading-document-no-icon {
    padding-right: 25px;
    padding-left: 0px;
}

.n-collaboration-not-sync-data {
    padding-bottom: 8px;
}

.n-blue-with-white-text-btn {
    border-color: white;
    background-color: #006FCF;
}

    .n-blue-with-white-text-btn .x-btn-inner {
        color: white;
    }

    .n-blue-with-white-text-btn:hover {
        background-color: #d1effd;
    }

    .n-blue-with-white-text-btn.x-btn-pressed,
    .n-blue-with-white-text-btn:active {
        background-color: white;
    }

        .n-blue-with-white-text-btn.x-btn-pressed .x-btn-inner,
        .n-blue-with-white-text-btn:active .x-btn-inner {
            color: #006FCF;
        }

.n-completing-supplier-registration-notification-tip {
    margin: -6px 8px 0px 0px;
    background-image: url(../images/notifications/tip-light.png);
    height: 25px;
    width: 25px;
    border: none;
    float: left;
}

.x-rtl .n-completing-supplier-registration-notification-tip {
    margin: -6px 0px 0px 8px;
    float: right;
}

.x-rtl .n-customer-collaboratio-complete-win .x-tool-after-title {
    left: 0px !important;
}

.n-customer-collaboratio-complete-win .x-btn-inner-center {
    font-size: 15px;
}

.n-customer-collaboratio-complete-win-items p,
.n-customer-collaboratio-complete-win-items span {
    font-size: 14px;
    color: #565656;
}

.n-customer-collaboratio-complete-win-items .n-customer-collaboratio-complete-win-publish-date {
    color: #bcc3c7;
    margin-bottom: 8px;
}


.n-customer-collaboratio-complete-win-items .n-customer-collaboratio-complete-win-body p {
    margin-top: 5px;
}

.n-customer-collaboratio-complete-win .x-window-header-default .x-tool-img {
    margin: 0px;
}

..n-needs-confirmation-box {
    background-color: #e7f5fc;
    padding-top: 14px;
    font-weight: bold;
    text-align: center;
}

.n-document-learn-more {
    color: #63c1ef
}


.n-status-icon-authorized {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url('../images/status/authorized.png');
}

.n-status-icon-forecast {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url('../images/status/forecast.png');
}

.n-companyDetails-invalid-radio-group .x-form-radio {
    background: url(../images/form/radio.png) no-repeat -42px -57px;
}

.n-companyDetails-radio-group-body .x-form-type-radio-item {
    margin-top: -3px;
}

.n-company-details-missing-details {
    border-radius: 2px;
    border: solid 1px #B81A17;
    background-color: #FFEBEB;
    background-image: url('../images/admin/red-warn-new.png');
    background-repeat: no-repeat;
    background-position: 3% 50%;
    font-size: 14px;
}

.x-rtl .n-company-details-missing-details {
    background-position: 95% 50%;
}

.n-account-setting-missing-field-icon {
    background-image: url('../images/admin/red-warn-new.png');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.x-rtl .n-account-setting-missing-field-icon {
    margin-left: 5px;
}

.n-account-setting-missing-field-span {
    color: red;
    font-size: 14px !important;
    margin-left: 4px;
    font-style: italic;
}

.x-rtl .n-account-setting-missing-field-span {
    margin-right: -2px
}

.n-related-tasks-combo {
    float: left;
}

.x-rtl .n-related-tasks-combo {
    float: right;
    right: 0 !important;
}

.n-process-governance-schedule-confirmat-custom-field-language-combobox {
    margin-left: -101px !important;
}

.x-rtl .n-process-governance-schedule-confirmat-custom-field-language-combobox {
    margin-right: -101px !important;
}

.n-custom-field-text-field {
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.12);
}

.n-custom-fiels-rows-title {
    margin-left: 10px !important;
}

.x-rtl .n-custom-fiels-rows-title {
    margin-right: 10px !important;
}

.n-process-governance-combobox-values-title {
    color: #565656;
    font-size: 14px;
    font-weight: bold;
    padding: 20px;
}

.x-rtl .n-process-governance-combobox-values-title {
    right: 8px !important;
    right: 0px !important;
}

.n-container-save-cancel-buttons {
    left: 330px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.x-rtl .n-container-save-cancel-buttons {
    right: 329px !important;
    left: 0px !important;
}

.n-action-close {
    margin-top: 4px !important;
}

.n-custom-field-row-container {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.x-rtl .n-custom-field-row-container {
    right: 0px !important;
}

.n-schedule-confirmation-settings .x-form-trigger {
    height: 13px !important;
}

.n-schedule-confirmation-settings .x-form-spinner-down {
    background-position-y: 12px;
}

.n-schedule-confirmation-settings .x-rtl.x-form-trigger-wrap .x-form-spinner-up, .x-rtl.x-form-trigger-wrap .x-form-spinner-down {
    background-image: url('../images/admin/spinner.gif');
}

.n-company-details-general-text {
    font-size: 11px;
    color: gray;
}

.n-companydetails-checkbox_label {
    font-family: Arial;
    font-size: 14px !important;
    margin-left: 25px !important;
    color: black !important;
}

.n-company-status-action-container {
    margin: 0 0 0 0;
}

.x-rtl .n-company-status-action-container {
    margin: 0 0 0 25px;
}

.n-payment-lines-grid .x-grid-row-summary td {
    border-top: 1px solid #e2e2e2 !important;
    padding-top: 10px;
}

.n-payment-grid-column-header-tip u {
    color: #006FCF;
}

.n-payment-lines-grid-referance-documen-number .x-column-header-text span {
    float: left;
    margin-top: 2px;
}

.x-rtl .n-payment-lines-grid-referance-documen-number .x-column-header-text span {
    float: right;
}

.n-payment-lines-grid-referance-documen-number-td .x-grid-cell-inner {
    direction: ltr;
}

.n-company-status-container .x-box-inner {
    height: 24px !important;
}


.x-rtl .n-custom-field-other {
    right: 20px !important;
}

.n-custom-field-other .x-form-cb-label-before {
    padding-right: 18px !important;
}

.n-add-process-governance {
    margin-left: 10px !important;
}

.x-rtl .n-add-process-governance {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.n-schedule-confirmation-custom-field-empty-text {
    font-size: 11px;
}

.n-process-governance-module .x-form-cb-label-before {
    padding-right: 18px !important;
}

.n-sc-custome-field-win .x-window-header-text-container-default {
    margin-left: 4px !important;
}

.x-rtl .n-sc-custome-field-win .x-window-header-text-container-default {
    margin-right: 4px !important;
}

.n-custom-field-title-details-container {
    margin: 8px 0 !important;
}

.n-add-row-custom-field {
    left: 18px !important;
}

.x-rtl .n-add-row-custom-field {
    right: 18px !important;
}

.n-process-governance-schedule-confirmat-custom-field-language-combobox .x-form-trigger-wrap {
    margin-bottom: 7px !important;
}

.n-process-governance-schedule-confirmat-custom-field-language-combobox .x-form-field {
    height: 22px !important;
}

.n-hr-grey {
    margin-top: 15px !important;
    border-bottom: 1px solid #e2e2e2;
    margin-left: 7px !important;
    margin-right: 7px !important;
}

.x-rtl .n-hr-grey {
    right: 5px !important;
}


.custom-align-collaboration img {
    vertical-align: middle;
    margin-right: 10px;
}

.custom-align-collaboration {
    display: flex;
    align-items: center;
}

.n-message-alert-header-no-icon .x-header-text-container {
    font-weight: bold;
    color: #006FCF !important;
    font-size: 20px;
    left: 0px !important;
}

.n-message-alert-header-no-icon .n-message-alert-header .x-dlg-icon {
    left: 0px !important;
}

.x-rtl .n-message-alert-header-no-icon .n-message-alert-header .x-dlg-icon {
    right: 0px !important;
}

.x-rtl .n-message-alert-header-no-icon .x-header-text-container {
    right: 0px !important;
}

.n-message-alert-header-aligned-icon .x-header-text-container,
.n-message-alert-header-aligned-icon .n-message-alert-header .x-dlg-icon {
    left: 0px !important;
}

.n-message-alert-header-aligned-icon .n-message-alert-header .x-dlg-icon {
    top: 3px !important;
}

.x-rtl .n-message-alert-header-aligned-icon .x-header-text-container,
.x-rtl .n-message-alert-header-aligned-icon .n-message-alert-header .x-dlg-icon {
    right: 0px !important;
}

.n-message-warning-alert-header-aligned-icon .x-header-text-container,
.n-message-warning-alert-header-aligned-icon .n-message-alert-header .x-dlg-icon {
    left: 0px !important;
}

.n-message-warning-alert-header-aligned-icon .n-message-alert-header .x-dlg-icon {
    top: -4px !important;
}

.x-rtl .n-message-warning-alert-header-aligned-icon .x-header-text-container,
.x-rtl .n-message-warning-alert-header-aligned-icon .n-message-alert-header .x-dlg-icon {
    right: 0px !important;
}

.n-btn-remove-style {
    background: none;
    border: none;
}

.x-grid-cell-selected {
    border: 1px dashed #006FCF;
}

.n-focus-border {
    border: 1px solid #0059a8 !important;
}

.n-app-active-page, .n-pagemanager-box {
    border: 1px solid #f1f1f1;
}

input.x-form-invalid-field {
    border-color: #c30 !important;
}

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


.n-source-inspection-request-serial-batch {
    color: #222222;
    font-size: 14px;
    font-family: Arial;
    font-weight: 100;
}

.n-sir-under-line {
    font-size: 14px;
    color: #006FCF;
    cursor: pointer !important;
    text-align: right;
    right: 8px !important;
    left: auto !important;
    text-decoration-line: underline;
}

.n-sir-under-line-sourceinspection {
    font-size: 14px;
    color: #006FCF;
    cursor: pointer !important;
    text-align: right;
    right: 8px !important;
    left: auto !important;
    text-decoration-line: underline;
}

.n-sir-under-line-sourceinspection-view-selected {
    font-size: 14px;
    color: #006FCF;
    cursor: pointer !important;
    text-align: right;
    right: 2px !important;
    left: auto !important;
    text-decoration-line: underline;
}

.n-attachment-limitation {
    font-size: 12px !important;
}

.x-rtl .n-sir-under-line {
    left: 2px !important;
    right: auto !important;
    text-align: left;
}

.n-attachment-limitation {
    font-size: 12px !important;
}

.n-add-info-window-titles {
    color: #006FCF;
    font-size: 16px;
    font-weight: bold;
}

.x-rtl .n-add-info-window-titles {
    right: 0 !important;
}

.x-rtl .n-sir-under-line-sourceinspection {
    right: 367px !important
}

.n-sir-under-line-sourceinspection-view {
    font-size: 14px;
    color: #006FCF;
    cursor: pointer !important;
    text-align: right;
    right: 2px !important;
    left: auto !important;
    text-decoration-line: underline;
}

.x-rtl .n-sir-under-line-sourceinspection-view {
    left: 2px !important;
    right: auto !important;
    text-align: left;
}

.x-rtl .n-sir-under-line-sourceinspection-view-selected {
    right: 410px !important
}

.n-verify-account-radio-button {
    width: 100%;
    background-color: #FBFBFB;
    border: solid 1px #CED4DA;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
}

    .n-verify-account-radio-button .x-form-cb-wrap {
        display: flex;
        align-items: center;
    }

    .n-verify-account-radio-button .x-form-cb {
        transform: scale(1.2);
        margin-right: 10px;
    }

.x-rtl .n-verify-account-radio-button .x-form-cb {
    transform: scale(1.2);
    margin-right: 0px;
}

.n-verify-account-radio-button .x-form-cb-label {
    font-size: 16px;
}

.n-otp-digit-field {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #CED4DA;
    width: 40px;
    height: 40px;
    margin-left: 8px;
    transition: all 0.2s ease-in-out;
}

    .n-otp-digit-field.highlighted {
        border: 1px solid #006FCF !important;
        box-shadow: 0 0 8px rgba(0, 111, 207, 0.4) !important;
        transition: box-shadow 0.2s ease-in-out;
    }

    .n-otp-digit-field.error {
        border: 1px solid red !important;
        box-shadow: 0 0 8px rgba(255, 0, 0, 0.4) !important;
    }

.n-verify-account-radio-button.highlighted {
    border: 2px solid #006FCF !important;
    background: linear-gradient(0deg, rgba(0, 111, 207, 0.1), rgba(0, 111, 207, 0.1));
}

.n-verify-account-wrong-code-msg {
    color: #FF5151;
    font-size: 12px;
    background-color: #FF515114;
    padding: 10px;
}
.n-resend-code-button {
    color: #007BFF; /* Blue color like a link */
    text-decoration: underline;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

    .n-resend-code-button.x-disabled {
        color: #A0A0A0; /* Grey color for disabled state */
        text-decoration: none;
        cursor: not-allowed;
    }

    .n-resend-code-button:hover {
        color: #0056b3; /* Darker blue on hover */
    }


.n-fai-container {
    display: flex;
    justify-content: end;
}

.n-si-reject-button {
    background-color: #A7211A; /* Main button color */
    border: 1px solid #A7211A;
    color: #FFFFFF; /* Text color */
    padding: 5px 10px; /* Optional: Adjust padding */
    cursor: pointer;
    text-align: center;
}

    .n-si-reject-button:hover {
        background-color: #8B1A1A; /* Hover color */
        border-color: #8B1A1A;
    }

.n-approve-without-inspection-button {
    background-color: transparent !important;
    color: #006FCF !important;
    border: 1px solid #006FCF !important;
}

    .n-approve-without-inspection-button:hover {
        background-color: #d1effd !important;
        color: white !important;
        border-color: #006FCF !important;
    }

    .n-approve-without-inspection-button.x-btn-pressed,
    .n-approve-without-inspection-button:active {
        background-color: #006FCF !important;
    }

        .n-approve-without-inspection-button.x-btn-pressed .x-btn-inner,
        .n-approve-without-inspection-button:active .x-btn-inner {
            color: white !important;
        }

.truncate-label {
    white-space: nowrap; /* Prevents wrapping */
    overflow: hidden;
    text-overflow: ellipsis;
}

.mandatory {
    color: red;
    margin-left: 5px;
    margin-right: 5px;
}

.n-black {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 14px;
}

.n-togglebutton-off,
.n-togglebutton-on {
    display: inline-block;
    vertical-align: middle;
}

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

.answers-container {
    font-size: x-large !important;
    /*    margin-right: 0px !important;*/
    direction: inherit;
    text-align: inherit;
    width: fit-content !important;
}

.save-answers-btn.x-btn {
    color: #006FCF !important;
    background-color: #fff !important;
    padding: 5px 15px !important;
    border: 1px solid #006FCF !important;
    border-radius: 1px !important;
    cursor: pointer !important;
    margin: 15px 0 !important;
    font-size: 14px !important;
}




    .save-answers-btn.x-btn.x-btn-disabled {
        opacity: 0.6 !important;
        cursor: not-allowed !important;
    }

    .save-answers-btn.x-btn .x-btn-inner {
        color: #006FCF !important;
        font-size: 15px !important;
        padding: 0 !important;
    }

.answer-field-container {
    margin-left: -20px !important;
    margin-right: -20px !important;
    font-size: 14px !important;
    width: fit-content !important;
}




    .answer-field-container .x-form-text {
        width: 200px !important;
        height: 32px !important;
        margin-top: 7px !important;
        margin-left: 19px !important;
        display: block !important;
        width: fit-content !important;
    }

    .answer-field-container .x-form-cb-label {
        font-size: 17px !important;
        color: #333 !important;
        width: fit-content !important;
    }

.question {
    margin-bottom: 7px !important;
}

.custom-disabled .x-form-cb-label {
    color: black;
    opacity: 1;
}

.custom-disabled-buttons .x-form-cb-input {
    pointer-events: none;
    opacity: 1 !important;
}

.answer-field-container .x-form-text:disabled {
    color: black;
    opacity: 1;
}


.description-field-overflow .x-form-display-field {
    white-space: break-spaces !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-wrap: break-word !important;
    line-height: 1.4 !important;
    text-overflow: ellipsis;
}

.description-textarea .x-form-textarea {
    overflow-y: auto !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    border: none !important;
    font-size: 14px !important;
}