*, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
    border-radius: 3px;
    border: 1px solid #CDCDCD;
    padding: 5px;
}

button, input, optgroup, select, textarea {
    font: inherit;
    color: inherit;
}

a {
    text-decoration: underline;
}

.link-like {
    color: #337ab7;
    text-decoration: underline;
}

.link-like:hover,
.link-like:focus {
    color: #23527c;
}

.clear {
    clear: both;
}

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.k-switch-container, .km-widget * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .display-none {
    display: none !important;
}

@font-face {
    font-family: Arial;
}

.sub-header {
    text-transform: capitalize;
    padding-top: 25px;
    padding-bottom: 10px;
    color: #428BCA;
}

.small-header {
    color: #428BCA;
}

label {
    font-weight: normal;
}

body {
    -ms-overflow-style: scrollbar;
    font-family: Arial, serif;
}

.big-font {
    font-size: 3.2em;
}

.medium-font {
    font-size: 1.3em;
}

.small-font {
    font-size: 0.9em;
}

.visibility-hidden {
    visibility: hidden;
}

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

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

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

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

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clearfix::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

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

.pre-line {
    white-space: pre-line;
}

.transparent {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.clickable {
    cursor: pointer;
}

.inline-block {
    display: inline-block;
}

.upper-case {
    text-transform: uppercase;
}

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

.glyphicon-animate {
    transform-origin: 50% 48%;
    -webkit-animation: spin .7s infinite linear;
    -moz-animation: spin .7s infinite linear;
    -o-animation: spin .7s infinite linear;
    animation: spin .7s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

.inline {
    display: inline-block;
}

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

.page-container {
    position: relative;
    padding-left: 16px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.page-info-text {
    padding-top: 25px;
}

.account-code-wrapper {
    width: 265px;
}

.account-code-text {
    display: table-cell;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 1px;
    padding-right: 5px;
}

.account-code-value {
    display: table-cell;
    padding-left: 5px;
    height: 100%;
    width: 100%;
}

.content .page-container th.k-header,
.legacy-content .page-container th.k-header {
    background: #f3f3f4 none, linear-gradient(to bottom, rgba(255, 255, 255, .45) 0%, rgba(255, 255, 255, 0) 100%) repeat 50% 50%;
    border-color: #ccc;
}

table.fixed-table,
.k-grid.fixed-table table {
    table-layout: fixed;
}

table.full-width,
.k-grid.full-width table {
    width: 100%;
}

.table-grid .k-grid-header {
    padding: 0 !important;
}

.table-grid .k-grid-content {
    overflow-y: visible;
}

.table-grid .k-button {
    line-height: 1em;
}

.text-view-grid {
    margin-bottom: 15px;
}

.text-view-grid .k-grouping-row td, .text-view-grid .k-resize-handle-inner, .text-view-grid td.k-group-cell {
    background-color: #FCFCFC;
}

.text-view-grid tr.k-alt {
    background-color: #F9F9F9;
}

.k-pager-wrap .k-state-selected {
    color: #515967;
    border-color: #c5c5c5;
    background-color: #dbdbde;
}

.k-pager-wrap .k-pager-nav .k-icon {
    color: #333;
}

.k-grid tbody a.k-button,
.k-grid .icon-wrapper {
    font-size: 26px;
    border-style: none;
    padding: 0;
    color: #428BCA;
    background-color: inherit;
    min-width: 26px;
}

.fas.fa-percent {
    font-size: 24px;
}

.k-button.k-state-active:hover,
.k-button:active:hover {
    color: #4077a6;
}

.k-grid tbody a.k-button.k-state-disabled:hover {
    background-color: transparent;
}

.k-grid tbody a.k-button.k-state-disabled, .k-grid tbody a.k-button.k-state-disabled:focus {
    color: #c7c7c7;
}

.k-grid td.action-column {
    text-align: center;
    height: 4em;
    padding: 0;
}

.k-grid .k-autocomplete {
    border-style: none;
}

.k-grid td {
    display: table-cell;
    font-size: 14px;
    font-weight: normal;
    text-align: start;
    white-space: normal;
    color: #333333;
}

.k-grid-header a {
    text-decoration: none;
}

.alt-grid.k-grid tr:nth-child(even) {
    background-color: #f9f9f9;
}

.alt-grid.k-grid tr:nth-child(even):hover {
    background-color: #ebebeb;
}

.action-buttons-wrapper .k-header.k-grid-toolbar {
    background-color: #ffffff;
    padding: 0;
}

.page-container .k-grid {
    margin-top: 25px;
}

.comments-grid .k-grid-content {
    min-height: 56px;
}

.k-grid-norecords-template {
    border: 0;
}

.no-scrollbar {
    overflow: visible;
}

.no-border {
    border: 0;
}

.label-disabled {
    color: #a1a1a1;
}

.k-checkbox-label-no-disabled {
    color: #333333 !important;
}

.k-pager-wrap > .k-link,
.k-pager-wrap > .k-pager-numbers li a.k-link,
.k-pager-wrap > .k-pager-numbers li .k-state-selected {
    border-radius: 1.0833em !important;
    margin: 0 0.08333em !important;
    border-right: 1px solid #CCCCCC !important;
}

.k-pager-wrap > .k-pager-numbers li a.k-link {
    color: #515967;
}

.separated-pager {
    padding-left: 0;
}

.table-grid .k-grid {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.k-popup-edit-form .k-edit-form-container .k-edit-buttons .k-button {
    background-color: #eaeaea;
    background-image: linear-gradient(to bottom, #eaeaea, #dedede);
    border-color: #aaaaaa;
    color: #333333;
}

.k-popup-edit-form .k-edit-form-container .k-edit-label label {
    font-weight: normal;
}

/*Grey out disabled checkboxes*/
.k-checkbox:checked:disabled + .k-checkbox-label:active:before,
.k-checkbox:checked:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:before,
.k-checkbox:disabled + .k-checkbox-label:before {
    background: #f1f1f1;
    border-color: #e3e3e3;
}

#emailSetupForm .inline {
    display: inline-block;
}

#emailSetupForm .k-switch {
    margin-left: 15px;
    margin-top: -23px;
    margin-right: 10px;
}

.grey-color,
.k-item:not(.k-state-selected) .disabled,
.k-dropdown-wrap .disabled {
    color: grey;
}

.column-left-fluid {
    margin-right: 400px;
}

.sidebar-fixed {
    margin-top: 10px;
    float: right;
    width: 380px;
}

.feed .article {
    margin-top: 20px;
    text-align: justify;
}

.feed .article p.pre-wrap {
    white-space: pre-wrap;
}

.feed .article.type-alert p {
    color: #BF1722;
}

.quick-search-input {
    width: 332px;
}

.quick-search-button {
    font-size: 30px;
    margin: 0;
    padding: 1px;
}

.quick-panel {
    border: none;
    box-shadow: none;
    margin-top: 10px;
}

.quick-panel .k-link {
    background-color: #ffffff !important;
    box-shadow: none !important;
}

.quick-panel .k-item.k-state-active .k-link {
    border-bottom: none;
}

.quick-panel .panel-icon {
    font-size: 28px;
    margin: 0 5px;
    line-height: 40px;
    color: #666 !important;
}

.quick-panel .k-link.k-header {
    color: #666 !important;
}

.quick-panel ul {
    list-style: none;
}

.quick-panel li {
    margin: 12px 0 0 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.quick-panel ul li abbr,
.quick-panel ul li a {
    margin-right: 4px;
}

.quick-panel .see-all {
    margin: 14px 0 8px 0;
}

.quick-panel .see-all a.k-link {
    color: #337ab7;
}

.quick-panel .see-all a.k-link:hover,
.quick-panel .see-all a.k-link:focus {
    color: #23527c;
}

.quick-panel .see-all a {
    display: inline !important;
    text-decoration: underline !important;
    float: left;
}

.quick-panel .spinner-panel {
    width: 380px;
    height: 80px;
}

.quick-panel .panel-has-no-data {
    height: 36px;
}

/* glyphicons position fix */

.glyphicons {
    position: relative;
}

.k-grid td.action-column .glyphicons-edit {
    top: -3px;
    font-size: 1.2em;
}

.glyphicons-plus {
    top: -1px;
}

/* user info page */
#userInfoForm .column-left label,
#userInfoForm .column-right label {
    width: 162px;
}

#userInfoForm .k-autocomplete {
    width: 300px;
}

/* address book page */
#addressForm .column-left label,
#addressForm .column-right label {
    width: 7em;
}

#addressForm .k-info-colored {
    padding: 1em;
    margin-top: 1em;
}

#orgUnitAddress-list .k-list-scroller .small-font {
    line-height: 1.5em;
}

#orgUnitAddress-list .k-list-scroller li:nth-child(even):not(.k-state-selected):not(.k-state-hover) {
    background-color: #f9f9f9;
}

/* approval delegation page */
#approvalDelegationForm label {
    width: 165px;
    vertical-align: top;
    margin-top: 4px;
}

#approvalDelegationForm .validated-control {
    width: 260px;
}

/*Punch-out Suppliers page*/
#punchOutSuppliersSearchInputs {
    width: 815px;
    margin: 50px auto 30px;
    position: relative;
}

#punchOutSuppliersSearchInputs .type,
#punchOutSuppliersSearchInputs .department {
    width: 365px;
}

#punchOutSuppliersSearchInputs .k-input {
    height: 35px;
}

.k-pager-sizes .k-widget.k-dropdown {
    width: 70px;
}

#punchOutToolbar {
    margin-bottom: 40px;
}

.suppliers-list-wrapper {
    overflow: hidden;
}

.item-list {
    margin-right: -25px;
    text-align: justify;
}

.suppliers-list {
    line-height: 0;
    padding-left: 2px;
    padding-right: 2px;
}

.item-list .item {
    display: inline-block;
    position: relative;
    margin-right: 25px;
    margin-bottom: 50px;
    vertical-align: top;
    width: 145px;
    padding: 10px 8px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px #cccccc;
}

.item-list .item.item-blank {
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
}

.item-list .item .shadowed-info {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    text-align: center;
}

.item-list .item .shadowed-info:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.item-list .item h5 {
    display: block;
    display: -webkit-box;
    font-size: 1.2em;
    height: 37px;
    position: relative;
    margin-top: 0;
    margin-bottom: 5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    text-align: center;
}

.item-list .item .image-holder {
    height: 100%;
    background: #EEE no-repeat center;
    background-size: contain;
}

.item-list .image-wrapper {
    position: relative;
    height: 145px;
}

.item-list .image-wrapper:hover .shadowed-info {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.75);
}

.item-list .item .preferred {
    z-index: 2;
    position: absolute;
    top: 38px;
    left: 20px;
}

.item-list .item .preferred,
#punchOutSuppliersGrid .preferred {
    font-size: 1.9em;
    color: #ffbf00;
}

.item-list .item .shadowed-info {
    cursor: pointer;
    transition: all .2s linear, color .2s linear;
    -moz-transition: all .2s linear, color .2s linear;
    -webkit-transition: all .2s linear, color .2s linear;
    -o-transition: all .2s linear, color .2s linear;
}

.item-list .item .shadowed-info span {
    color: white;
}

.item-list .item .shadowed-info img {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 1em;
    width: 27px;
    height: 27px;
}

.punch-out-no-data, .quick-add-no-data {
    margin-top: 20px;
    line-height: normal;
}

#punchNumResults {
    color: #a6a6a6;
    margin-top: 20px;
    line-height: normal;
}

#punchOutToolbar .punch-out-pager {
    display: inline-block;
    width: 530px;
    vertical-align: middle;
}

#punchOutToolbar #sortBy {
    display: inline-block;
}

.page-container #sortBy .k-dropdown {
    width: 70px;
}

/*Supplier details window (Punch-out Suppliers page)*/
#supplierDetailsWindow .supplier-category-description {
    margin-bottom: 4px;
}

#supplierDetailsWindow label {
    width: 100px;
    vertical-align: top;
}

#supplierDetailsWindow .k-tabstrip .k-content {
    height: 500px !important;
}

#supplierDetailsWindow .form-field span {
    display: inline-block;
    white-space: normal;
    max-width: 340px;
}

#supplierDetailsWindow {
    padding: 0;
    overflow: hidden;
}

#supplierDetailsWindow .k-tabstrip-wrapper, #supplierDetailsWindow .k-tabstrip {
    border: none;
}

#supplierDetailsWindow .k-content {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    margin: 0;
}

#supplierDetailsWindow .scheme-name {
    font-weight: bold;
    margin-bottom: 5px;
}

#supplierDetailsWindow .text-scheme-charge {
    margin-bottom: 5px;
}

#supplierDetailsWindow .delivery-scheme {
    line-height: 24px;
    margin-left: 3px;
}

#supplierDetailsWindow .delivery-scheme table td.money-cell {
    text-align: right;
    padding-left: 5px;
}

#supplierDetailsWindow #categories li {
    padding-bottom: 3px;
    padding-top: 3px;
}

/* Catalogue upload page */

#catalogueUploadForm .wide-dropdown,
#catalogueUploadForm .wide-input {
    width: 400px;
}

#catalogueUploadForm .column-left label {
    width: 11em;
}

#catalogueUploadForm .column-left label.top {
    vertical-align: top;
}

#catalogueUploadForm .k-info-colored {
    margin-top: 1em;
    padding: 1em;
    text-align: center;
    width: 568px;
}

#catalogueUploadForm .k-error-colored {
    margin-bottom: 2em;
    margin-left: 168px;
    margin-top: 1em;
    padding: 1em;
    width: 400px;
    white-space: normal;
}

#catalogueUploadForm .action-button.field-button {
    font-size: 23px;
    margin-left: 0;
}

#catalogueUploadForm label.field-label {
    text-align: left;
    width: auto;
}

#catalogueUploadForm .k-upload {
    display: inline-block;
    width: 398px;
}

#catalogueUploadForm #validation {
    margin-top: 2px;
    display: inline-block;
}

#catalogueUploadForm #validation .k-radio-label {
    padding-left: 22px;
}

#catalogueUploadForm .upload-label {
    margin-top: 17px;
}

#catalogueUploadHistoryWindow {
    padding: 0;
}

.grid-in-window {
    border: none;
}

.grid-in-window .k-grid-header-wrap {
    border: none;
}

/*Catalogue search and supplier directory commons*/
.search-inputs #searchButton {
    height: 35px;
    border: none;
    border-radius: 3px;
    color: white;
    width: 65px;
    font-size: 1.2em;
    padding-left: 6px;
    padding-right: 6px;
}

.search-inputs .k-autocomplete {
    margin-bottom: 5px;
}

.search-inputs .k-autocomplete .k-i-loading {
    margin-bottom: 5px;
    margin-right: 5px;
}

.search-inputs #searchInput {
    height: 35px;
}

/*Catalogue Search page*/
#catalogueSearchInputs {
    width: 1000px;
    margin: 50px auto 0;
    position: relative;
}

.tool-tip-bg {
    background: #484646 !important;
}

#catalogueSearchInputs .keyword {
    width: 500px;
}

#catalogueSearchInputs .k-multiselect {
    display: inline-block;
    width: 413px;
    vertical-align: middle;
    margin-bottom: 5px;
    position: relative;
}

#catalogueSearchInputs .k-multiselect-wrap {
    height: 35px;
}

#catalogueSearchInputs .k-multiselect .k-button {
    padding-top: 6px;
    height: 33px;
    background-color: transparent;
    border: none;
}

#catalogueSearchInputs .k-multiselect .k-button:active {
    box-shadow: none;
}

#catalogueSearchInputs .k-multiselect .k-input {
    padding-top: 6px;
    line-height: normal;
}

#catalogueSearchInputs .k-multiselect .k-icon.k-i-arrow-60-down {
    display: none;
}

#catalogueSearchInputs .k-multiselect .k-icon.k-i-loading {
    right: 5px;
    bottom: 9px;
    z-index: 1;
    background-color: white;
}

#catalogueSearchInputs .k-multiselect:not(.disable-clear-icon) .k-icon.k-clear-value {
    padding-top: 8px;
    margin-right: 20px;
    display: inline-block;
}

#catalogueSearchInputs .disable-clear-icon .k-icon.k-clear-value {
    visibility: hidden;
}

#catalogueSearchInputs .k-multiselect:after {
    content: "\25BC";
    position: absolute;
    top: 11px;
    right: 8px;
    font-size: 10px;
    cursor: pointer;
}

#suppliersSelect-list .k-item.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#suppliersSelect-list .k-item.k-state-selected {
    background-color: transparent;
    color: black;
    box-shadow: none;
}

#suppliersSelect-list .select-item {
    margin-top: 2px;
}

#suppliersSelectHeader {
    line-height: 25px;
}

#suppliersSelectHeader .glyphicons {
    vertical-align: middle;
    margin-bottom: 2px;
}

#catalogueSearchInputs #suppliersSelectTag {
    background-color: transparent;
    color: black;
}

#exactSearchWrapper {
    margin-top: 5px;
    position: absolute;
    right: 0;
    z-index: 1;
}

#resultAndFilters {
    min-height: 50px;
    margin-top: 30px;
    position: relative;
}

#browseCategories {
    width: 1001px;
    margin: 0 auto;
    position: relative;
}

#browseCategories #categorySearchWrapper {
    width: 350px;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 0;
}

#browseCategories #categorySearchWrapper input {
    width: 285px;
    height: 20px;
}

#browseCategories #categorySearchWrapper .glyphicons {
    font-size: 1.5em;
    vertical-align: middle;
    padding-bottom: 2px;
}

#browseCategories #actions {
    height: 25px;
    position: relative;
    color: #666;
    padding-bottom: 5px;
    padding-top: 5px;
}

#browseCategories #resetCategories {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 1.5em;
}

#browseCategories #toggleBlock {
    position: absolute;
}

#browseCategories #navigationBlock {
    text-align: center;
    font-size: 1.5em;
}

#browseCategories #navigationBlock .glyphicons-ok {
    margin-left: 10px;
    margin-right: 10px;
}

#browseCategories .toggle-icon {
    font-size: 1.3em;
    vertical-align: text-bottom;
}

#categoriesBrowser {
    overflow: hidden !important;
    border-top: 1px solid #CDCDCD;
}

#categoriesBrowser #levelsWrapper {
    overflow-x: hidden;
    white-space: nowrap;
    width: 2000px;
    position: relative;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
    margin-bottom: 15px;
}

#categoriesBrowser .categories-container {
    overflow-y: auto;
    height: 246px;
}

#categoriesBrowser .category-level {
    display: inline-block;
    width: 500px;
    height: 100%;
    vertical-align: top;
    box-sizing: border-box;
    border-right: 1px solid #CDCDCD;
}

#categoriesBrowser .category {
    padding: 10px;
}

#categoriesBrowser .category:not(.selected):hover {
    background-color: #EBEBEB;
}

#categoriesBrowser .category.selected {
    background-color: #DBDBDE;
}

#categoriesBrowser .category-description {
    max-width: 400px;
    display: inline-block;
    vertical-align: middle;
}

#categoriesBrowser .category-description.full-width {
    max-width: 100%;
}

#categoriesBrowser .category-count {
    float: right;
    display: inline-block;
}

#categoriesBrowser .category-header {
    padding-left: 10px;
    line-height: 30px;
    border-bottom: 1px solid;
    background-color: #f3f3f4;
    border-color: #dbdbde;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .45) 0%, rgba(255, 255, 255, 0) 100%);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: repeat;
}

.catalogue-item-details-window {
    padding: 10px;
}

.table-grid .k-grid-content > .k-loading-mask {
    position: initial;
    height: 56px !important;
}

.k-grid-content .k-loading-image {
    position: absolute;
}

#catalogueSearchResult {
    margin-left: 320px;
    margin-bottom: 30px;
    padding-top: 15px;
}

.catalogue-search-pager {
    display: inline;
}

.catalogue-search-pager .k-pager-first,
.catalogue-search-pager .k-pager-last {
    display: none;
}

#toolbar {
    max-width: 960px;
    margin: 0 0 20px;
}

#toolbar h3 {
    display: inline-block;
    margin-top: 0;
}

#toolbar #sortBy {
    display: inline-block;
}

#toolbar #sortBy .k-dropdown {
    width: 150px;
    display: inline-block;
}

#toolbar #sortBy .k-input {
    width: 126px;
}

#toolbar .catalogue-search-pager {
    display: inline-block;
    width: 446px;
    vertical-align: middle;
    margin-bottom: 5px;
}

#toolbar .catalogue-search-pager .k-pager-sizes {
    padding-left: 5px;
    padding-right: 5px;
}

.catalogue-item-list {
    text-align: justify;
    line-height: 0;
}

#suggestions {
    margin-top: 6px;
}

.item-mask {
    line-height: normal;
    width: 230px;
    display: inline-block;
}

.catalogue-item.blank-item {
    display: inline-block;
    border: none;
    height: 0;
    width: 230px;
    margin: 0;
}

.item-mask .item-header {
    height: 35px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

.item-mask .select-wrapper, .item-mask .price, .item-mask .item-info-icon {
    line-height: 35px;
    vertical-align: middle;
}

.item-mask .select-wrapper {
    text-align: center;
    height: 100%;
    line-height: 30px;
    width: 18px;
    float: left;
}

.item-mask .select-wrapper .k-checkbox {
    position: absolute;
}

.item-mask .select-wrapper label:before {
    border-color: #848484;
    width: 18px;
    height: 18px;
    font-size: 1.3em;
}

.item-mask .select-wrapper label {
    margin-top: 2px;
}

.item-mask .price {
    text-align: center;
    font-weight: bold;
    padding-right: 15px;
    white-space: nowrap;
}

.item-mask .price > div {
    padding-left: 3px;
    padding-right: 3px;
}

.item-mask .main-price {
    display: block;
    line-height: 15px;
    font-size: 0.9em;
}

.item-mask .price-per {
    display: block;
    line-height: 15px;
    font-size: 0.8em;
}

.item-mask .item-info-icon {
    font-size: 1.4em;
    margin-left: 6px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 0;
}

.item-mask .item-body {
    height: 250px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
}

.item-mask .shadowed-info {
    position: absolute;
    width: 100%;
    height: 95%;
    text-align: center;
    overflow: hidden;
}

.catalogue-item.grid .item-mask .item-body:hover .shadowed-info {
    background-color: rgba(255, 255, 255, 0.85);
    visibility: visible;
}

.item-mask .item-description-outer {
    font-size: 1.2em;
    position: relative;
    top: 80%;
    margin-left: 5px;
    margin-right: 5px;
    display: table;
    height: 20%;
}

.catalogue-item .item-mask .item-description {
    display: table-cell;
    vertical-align: middle;
}

.color-transition,
.catalogue-item .shadowed-info,
.catalogue-item.grid .item-mask .item-body .item-description-outer em {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.catalogue-item.grid .carousel-next,
.catalogue-item.grid .carousel-prev {
    transition: all .05s linear;
    -moz-transition: all .05s linear;
    -webkit-transition: all .05s linear;
    -o-transition: all .05s linear;
}

.catalogue-item.grid .item-mask .item-body:hover .carousel-next,
.catalogue-item.grid .item-mask .item-body:hover .carousel-prev {
    transition: all .4s linear;
    -moz-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
}

.catalogue-item .carousel-next,
.catalogue-item .carousel-prev {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    width: 18px;
    height: 200px;
}

.catalogue-item .shadowed-info {
    top: 0;
    z-index: 11;
}

.catalogue-item .track {
    width: 210px !important;
}

.catalogue-item-details-window .slide {
    display: inline-block;
}

.catalogue-item .slide {
    display: inline-block;
}

.carousel-prev,
.carousel-next {
    position: absolute;
    top: 5px;
    z-index: 12;
}

.catalogue-item.grid .carousel-prev,
.catalogue-item.grid .carousel-next,
.catalogue-item .carousel-prev,
.catalogue-item .carousel-next {
    top: 0;
    visibility: hidden;
    cursor: pointer;
    text-align: center;
}

.catalogue-item.grid .carousel-prev,
.catalogue-item.grid .carousel-next {
    height: 180px;
    width: 14px;
    border: 2px dashed #ccc;
}

.catalogue-item.grid .carousel-prev:hover,
.catalogue-item.grid .carousel-next:hover {
    background-color: dimgrey;
    border-color: dimgrey;
}

.catalogue-item .carousel-prev:hover span,
.catalogue-item .carousel-next:hover span,
.catalogue-item.grid .carousel-prev:hover span,
.catalogue-item.grid .carousel-next:hover span {
    color: white;
}

.catalogue-item .carousel-next {
    right: 0;
    padding-left: 3px;
}

.catalogue-item .carousel-prev {
    left: 0;
    padding-right: 3px;
}

.catalogue-item.grid .carousel-prev span,
.catalogue-item.grid .carousel-next span {
    color: #ccc;
    font-size: 30px;
    margin-top: 73px;
}

.catalogue-item .carousel-prev span,
.catalogue-item .carousel-next span {
    color: white;
    font-size: 30px;
    margin-top: 85px;
}

.catalogue-item.grid .item-mask .item-body:hover .carousel-next,
.catalogue-item.grid .item-mask .item-body:hover .carousel-prev {
    visibility: visible;
}

.catalogue-item:not(.grid) .item-mask .item-body:hover .carousel-next,
.catalogue-item:not(.grid) .item-mask .item-body:hover .carousel-prev {
    visibility: visible;
    background-color: dimgrey;
}

.catalogue-item.grid .item-mask .item-description-inner {
    vertical-align: middle;
    display: inline-block;
    max-height: 43px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
}

.catalogue-item.grid .item-mask .item-body:hover .item-description-inner {
    max-height: 100%;
}

.catalogue-item.grid .item-mask .item-body:hover .item-description-outer {
    top: 0;
    height: 95%;
}

.catalogue-item.grid .item-mask .item-body:hover .item-description-outer em {
    color: #005680;
}

.catalogue-item .item-mask .image-holder {
    width: 210px;
    background: no-repeat center;
    background-size: contain;
    position: absolute;
    margin-top: -15px;
}

.catalogue-item.list .item-mask .image-holder {
    height: 200px;
}

.catalogue-item.grid .item-mask .image-holder {
    height: 186px;
}

.transition-item {
    background: no-repeat center;
    background-size: contain;
    position: absolute !important;
    width: 210px;
    height: 210px;
    opacity: 0.5;
    z-index: 20000;
    pointer-events: none;
}

.item-mask .recommended-icon {
    position: absolute;
    right: 0;
    width: 90px;
    z-index: 11;
}

.catalogue-item.list .recommended-icon {
    bottom: 52px;
}

.catalogue-item.grid .recommended-icon {
    bottom: 66px;
}

.catalogue-item {
    transition: box-shadow 0.3s ease-out;
    border-radius: 5px;
    position: relative;
}

.catalogue-item .item-mask .product-info-icons {
    position: absolute;
    left: 0;
    top: 30px;
    padding-left: 15px;
    z-index: 12;
}

.product-info-icons * {
    margin-left: 5px;
}

/*catalogue item grid view mode*/
.catalogue-item.grid .item-mask {
    padding-bottom: 10px;
    position: relative;
}

.catalogue-item.grid .item-mask .buttons-wrapper {
    width: 100%;
    margin-left: 10px;
    margin-top: 5px;
}

.catalogue-item.grid {
    margin-bottom: 50px;
    display: inline-block;
}

.catalogue-item.grid .item-mask .related-items {
    bottom: 30px;
}

.catalogue-item.grid .item-mask .item-alternatives {
    bottom: 15px;
}

.catalogue-item.grid .item-mask .item-alternatives,
.catalogue-item.grid .item-mask .related-items {
    position: absolute;
    right: 15px;
    color: rgba(0, 0, 0, 0);
    visibility: hidden;
}

.catalogue-item.grid .item-mask .item-body:hover .item-alternatives,
.catalogue-item.grid .item-mask .item-body:hover .related-items {
    visibility: visible;
}

.catalogue-item.grid .item-mask .item-body .item-lead-time {
    position: absolute;
    bottom: 30px;
    right: 15px;
}

.catalogue-item.grid .item-mask .best-value-icon {
    position: absolute;
    right: -3px;
    top: 30px;
    z-index: 12;
}

/*catalogue item list view mode*/
.catalogue-item.list {
    min-width: 650px;
    max-width: 960px;
    height: 260px;
    position: relative;
    margin-bottom: 50px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.catalogue-item.list .item-mask {
    float: left;
    margin-right: 15px;
}

.catalogue-item.list .item-list-info {
    line-height: 0.8em;
    padding-top: 28px;
    position: relative;
    margin-left: 230px;
}

.catalogue-item.list .item-list-info h4 {
    margin-bottom: 15px;

}

.catalogue-item.list .item-list-info h4 em {
    color: #005680;
}

.catalogue-item.list .item-list-info label {
    width: 90px;
}

.catalogue-item.list .buttons-wrapper .basket-add-btn {
    display: inline-block;
    width: 170px;
    vertical-align: middle;
}

.catalogue-item.list .item-mask .buttons-wrapper {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.catalogue-item.list .details-btn {
    border-radius: 3px;
    border: 1px solid #AAAAAA;
    height: 41px;
    min-width: 65px;
    background: #EAEAEA linear-gradient(to bottom, #EAEAEA, #DEDEDE);
    font-size: 14px;
    margin: 0 2px;
    vertical-align: middle;
    display: inline-block;
}

.catalogue-item.list .item-mask .product-info-icons {
    position: absolute;
    top: 35px;
}

.catalogue-item.list .item-mask .best-value-icon {
    position: absolute;
    left: 175px;
    top: 30px;
    z-index: 10;
}

.catalogue-item.list .item-list-info .related-items {
    position: absolute;
    right: 0;
    top: 175px;
}

.catalogue-item.list .item-list-info .item-alternatives {
    position: absolute;
    right: 0;
    top: 195px;
}

/*end of catalogue item list view mode*/

.delivery-scheme-icon {
    height: 22px;
    vertical-align: top;
}

.quantity-break-icon {
    font-size: 1.3em !important;
    margin-top: 2px;
    color: #EF235A;
}

.punchout-icon {
    font-size: 1.5em;
    margin-top: 1px;
    color: #EF235A;
}

.lead-time-icon {
    font-size: 1.6em;
    color: #EF235A;
}

.item-mask .item-footer {
    padding: 5px 10px 8px;
}

/*Filters of catalogue search*/
#filters {
    float: left;
    width: 270px;
}

#filtersPanelBar {
    border-style: none;
    box-shadow: none;
}

#filtersPanelBar li {
    padding-bottom: 5px;
}

#filtersPanelBar .price-block .k-content {
    line-height: 30px;
}

#filtersPanelBar .org-currency {
    line-height: 30px;
    vertical-align: middle;
}

#filtersPanelBar .price-block .k-content .k-checkbox-label {
    margin-top: 3px;
}

#filters .reset-filter {
    text-align: right;
    font-style: italic;
}

#filters .reset-filter a {
    cursor: pointer;
}

#filtersPanelBar .price-filter {
    width: 40px;
    height: 15px;
    vertical-align: middle;
    line-height: 24px;
}

#filtersPanelBar .k-header {
    padding-left: 10px;
    border: none;
    box-shadow: none;
}

#filtersPanelBar .k-content {
    border-bottom: none;
    line-height: 25px;
}

#filtersPanelBar .k-content .content-inner {
    padding: 5px 10px;
}

#filtersPanelBar .filter-body {
    max-height: 255px;
    overflow-y: auto;
}

#filtersPanelBar .filter-body .k-checkbox-label {
    line-height: 18px;
}

#filtersPanelBar .filter-body .k-checkbox-label:before {
    top: 1px;
}

#filtersPanelBar #poaCheck {
    margin-left: 10px;
}

.k-checkbox-label {
    padding-left: 22px;
}

#filtersPanelBar .filter-label {
    max-width: 175px;
    display: inline-block;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bestbuy-supplier-icon {
    color: #BF1722;
    font-size: 1.3em;
    vertical-align: bottom;
}

/*Product from catalogue details*/
.catalogue-item-details-window .images-wrapper {
    position: relative;
}

.catalogue-item-details-window .image-holder {
    background: #EEE no-repeat center;
    background-size: contain;
    width: 215px;
    height: 215px;
    margin-bottom: 10px;
}

.catalogue-item-details-window .product-icons {
    width: 90px;
    font-size: 1.7em;
    margin-left: 5px;
}

.catalogue-item-details-window .product-info-icons {
    position: absolute;
    left: 5px;
    top: -5px;
    z-index: 12;
}

.catalogue-item-details-window .alternatives-and-related-items {
    float: right;
    text-align: right;
}

.catalogue-item-details-window .column-left {
    float: left;
    width: 215px;
    margin-left: 5px;
}

.catalogue-item-details-window .column-right {
    float: right;
    width: 350px;
}

.catalogue-item-details-window .form-field {
    overflow: hidden;
    text-overflow: ellipsis;
}

.catalogue-item-details-window .form-field label {
    width: 130px;
    margin-bottom: 0;
}

.catalogue-item-details-window .price-and-description {
    margin-left: 5px;
}

.catalogue-item-details-window .carousel-prev,
.catalogue-item-details-window .carousel-next {
    top: 0;
    width: 18px;
    height: 215px;
    visibility: hidden;
    cursor: pointer;
    text-align: center;
}

.catalogue-item-details-window .carousel-next {
    right: 0;
    padding-left: 5px;
}

.catalogue-item-details-window .carousel-prev {
    left: 0;
    padding-right: 5px;
}

.catalogue-item-details-window .carousel-prev:hover {
    background-color: black;
}

.catalogue-item-details-window .carousel-prev span,
.catalogue-item-details-window .carousel-next span {
    color: white;
    font-size: 25px;
    margin-top: 95px;
}

.catalogue-item-details-window .carousel-next,
.catalogue-item-details-window .carousel-prev {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.catalogue-item-details-window .images-wrapper:hover .carousel-next,
.catalogue-item-details-window .images-wrapper:hover .carousel-prev {
    visibility: visible;
    background-color: dimgrey;
}

/*Quantity breaks details window*/
.qb-window {
    padding: 0 !important;
}

.qb-grid .k-grid-header {
    padding: 0 !important; /* remove scroll */
}

.qb-grid .k-grid-content {
    overflow-y: visible; /* remove scroll */
}

/*Delivery scheme details window*/
.delivery-scheme-info {
    padding: 10px 15px 5px 15px;
}

.delivery-scheme-info label {
    width: 110px;
    font-weight: bold;
}

.delivery-scheme-info .table-wrapper {
    margin-left: 10px;
    margin-right: 10px;
}

.delivery-scheme-info table {
    line-height: 25px;
    width: 100%;
}

.delivery-scheme-info table .money-cell {
    text-align: right;
    padding-left: 5px;
}

/*Alternatives page*/
#alternatives {
    margin-bottom: 25px;
}

#alternatives .checkbox-oem {
    padding-left: 5px;
    margin-top: 0;
}

#alternatives .panel-head .glyphicon {
    padding-right: 6px;
}

#alternatives .panel {
    box-shadow: none;
}

#alternatives .panel-title a {
    text-decoration: none;
}

#alternatives .panel-body {
    padding: 5px 10px 10px 15px;
}

#alternatives .product-card-secondary {
    margin-right: 25px;
}

#alternatives table.product-card td {
    height: 30px;
    padding: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
}

#alternatives .row-table-wrapper {
    overflow: auto;
}

#alternatives .margin-fixed-col {
    margin-left: 370px;
}

#alternatives table.row-table td.fixed-col {
    position: absolute;
    left: 20px;
    background-color: #F5F5F5;
    width: 350px;
}

#alternatives table.product-card-main tr td {
    min-width: 180px;
    max-width: 180px;
}

#alternatives .basket-add-wrapper {
    width: 175px;
}

#alternatives .basket-add-txt {
    padding-left: 60px;
}

#alternatives table.product-card-main tr td:first-child {
    min-width: 140px;
    max-width: 140px;
}

#alternatives .panel-group {
    margin-top: 20px;
}

#alternatives table .product-thumb-container {
    width: 170px;
    height: 170px;
    margin-top: 5px;
    text-align: center;
    position: relative;
}

#alternatives table .product-thumb-container .track {
    width: 510px !important;
    text-align: left;
}

#alternatives table .product-thumb-container .slide {
    width: 170px !important;
    height: 170px;
    display: inline-block;
}

#alternatives .slide {
    position: absolute !important;
}

#alternatives .carousel-prev,
#alternatives .carousel-next {
    top: 0;
    width: 18px;
    height: 170px;
    visibility: hidden;
    cursor: pointer;
}

#alternatives .carousel-next {
    right: 0;
    padding-left: 3px;
}

#alternatives .carousel-prev {
    left: 0;
    padding-right: 3px;
}

#alternatives .carousel-prev:hover {
    background-color: black;
}

#alternatives .carousel-prev span,
#alternatives .carousel-next span {
    color: white;
    font-size: 25px;
    margin-top: 70px;
}

#alternatives .carousel-next,
#alternatives .carousel-prev {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
}

#alternatives .product-thumb-container:hover .carousel-next,
#alternatives .product-thumb-container:hover .carousel-prev {
    visibility: visible;
    background-color: dimgrey;
}

#alternatives table .product-thumb-container .image-holder {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

img.icon-best-price {
    position: absolute;
    top: -10px;
    right: -10px;
}

img.icon-delivery-scheme {
    position: absolute;
    top: -7px;
    left: -7px;
}

img.icon-best-price,
img.icon-delivery-scheme {
    z-index: 13;
}

#alternatives table .main-product-thumb-container {
    width: 200px;
    height: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#alternatives td.savings span.unit-of-measure,
#alternatives td.unit-price span.unit-of-measure {
    color: #b12704;
    font-size: 0.89em;
    font-weight: normal;
}

#alternatives td.savings span,
#alternatives div.popover-msg p span {
    font-size: 16px;
    font-weight: bold;
}

#alternatives td.savings-positive span,
#alternatives div.popover-msg p span {
    color: #008a00;
}

#alternatives td.savings-negative span {
    color: #b12704;
}

#alternatives div.product-header span {
    color: #b12704;
    font-size: 16px;
    font-weight: bold;
}

#alternatives div.fixed-msg {
    position: fixed;
    top: 0;
    left: 0;
}

#alternatives div.popover-inner {
    text-align: center;
}

#alternatives div.popover-msg p {
    margin-bottom: 7px;
}

#alternatives div.popover-msg p span.negative {
    color: #b12704;
}

#alternatives .sticky-panel {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #fffece;
    line-height: 60px;
}

#alternatives .sticky-panel-inner {
    padding-left: 20px;
    padding-right: 20px;
}

#alternatives .input-amount {
    width: 34px !important;
}

#alternatives table.product-card-secondary tr td {
    min-width: 193px;
    max-width: 193px;
}

#alternatives input.input-amount {
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
}

/*Compare products*/
#compareProducts table {
    width: 100%;
    margin-bottom: 20px;
}

#compareProducts div {
    height: 35px;
    display: flow-root;
}

#compareProducts td:not(:first-child) .table-cell {
    padding-left: 25px;
    padding-right: 0;
}

#compareProducts td:first-child {
    width: 120px;
    padding-left: 10px;
    font-weight: bold;
    vertical-align: top;
}

#compareProducts td:not(:first-child) {
    max-width: 185px;
}

#compareProducts img {
    max-width: 120px;
    height: 120px;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
}

#compareProducts .slide {
    display: inline-block;
}

#compareProducts .track-wrapper {
    margin-top: 50px;
}

#compareProducts .carousel-wrapper {
    width: 120px;
}

#compareProducts .carousel-item {
    width: 120px;
}

#compareProducts .carousel-wrapper .carousel-next {
    margin-left: 105px;
}

#compareProducts .carousel-wrapper .carousel-prev,
#compareProducts .carousel-wrapper .carousel-next {
    top: 47px;
    width: 15px;
    height: 120px;
    visibility: hidden;
    cursor: pointer;
    text-align: center;
}

#compareProducts .carousel-wrapper .carousel-next,
#compareProducts .carousel-wrapper .carousel-prev {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
}

#compareProducts .carousel-wrapper:hover .carousel-next,
#compareProducts .carousel-wrapper:hover .carousel-prev {
    visibility: visible;
    background-color: dimgrey;
}

#compareProducts .carousel-prev span,
#compareProducts .carousel-next span {
    color: white;
    font-size: 15px;
    margin-top: 60px;
}

#compareProducts .image-row {
    height: 120px;
    padding-bottom: 10px;
}

#compareProducts .empty-column {
    vertical-align: top;
}

#compareProducts .item-description {
    font-weight: bold;
}

#compareProducts .price {
    font-size: 1.2em;
    height: 25px;
}

.popover-buttons {
    float: right;
    margin-bottom: 10px;
}

table.multisection tr td {
    white-space: nowrap;
}

#basket tr th {
    border-top-width: 1px;
    border-bottom-width: 0;
}

#basket span.k-invalid-msg {
    position: absolute;
    left: 0;
    top: 0;
}

table.multisection tr.active:not(:hover) {
    background-color: #dbdbde;
}

table.multisection tr.detailed-info > td {
    padding: 0;
}

table.multisection tr.detailed-info:hover {
    background-color: transparent;
}

table.multisection > tbody > tr:not(.detailed-info) > td {
    border-top-width: 1px;
}

table.multisection tr .title,
table.multisection tr .expand {
    cursor: pointer;
}

table.multisection tr .price,
table.multisection tr .price input,
table.multisection tr .quantity,
table.multisection tr .quantity input {
    text-align: right;
}

table.multisection tr .uoi,
table.multisection tr .uoi input {
    text-align: center;
}

table.multisection tr .uoi select {
    max-width: 100px;
}

table.multisection > tbody > tr > th:first-child,
table.multisection > tbody > tr > td:first-child {
    border-left-width: 1px !important;
}

table.multisection > tbody > tr > th:last-child,
table.multisection > tbody > tr > td:last-child {
    border-right-width: 1px;
}

table.multisection > tbody > tr.section-start > th,
table.multisection > tbody > tr.section-start > td {
    border-top-width: 1px;
}

table.multisection > tbody > tr.section-start > th:first-child,
table.multisection > tbody > tr.section-start > td:first-child {
    border-left-width: 1px;
    border-top-left-radius: 4px;
}

table.multisection > tbody > tr.section-start > th:last-child,
table.multisection > tbody > tr.section-start > td:last-child {
    border-right-width: 1px;
    border-top-right-radius: 4px;
}

table.multisection > tbody > tr.section-end > td {
    border-bottom-width: 1px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

table.multisection > tbody > tr.section-end > td:first-child {
    border-left-width: 1px;
    border-bottom-left-radius: 4px;
}

table.multisection > tbody > tr.section-end > td:last-child {
    border-right-width: 1px;
    border-bottom-right-radius: 4px;
}

table.multisection > tbody > tr > th {
    position: relative;
}

table.multisection > tbody > tr > th .supplier-name {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 10px;
}

table.multisection > tbody > tr.between-sections > td {
    border: 0;
    height: 20px;
}

table.multisection > tbody > tr.between-sections:hover,
table.multisection > tbody > tr.section-end:hover,
table.multisection .detailed-info-content-inner tr:hover {
    background-color: transparent;
}

table.multisection .validated {
    display: inline-block;
    position: relative;
}

table.multisection .validated .input-error-img {
    position: absolute;
    left: -8px;
    top: 10px;
}

table.multisection .validated.non-editable .input-error-img {
    top: 3px;
}

table.multisection .no-width {
    width: 1px;
}

table.multisection .small-width {
    width: 40px;
}

table.multisection .medium-width {
    width: 52px;
}

table.multisection .full-width {
    box-sizing: border-box;
    width: 100%;
}

table.multisection td.expand {
    padding: 0.4em 0;
    position: relative;
}

table.multisection td.expand .common-error {
    position: relative;
    top: -3px;
    margin-left: 5px;
    margin-bottom: 2px;
    width: 19px;
}

.without-rounding {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#basket td.expand {
    width: 25px;
}

#basket td.description input,
#basket td.description span,
#basket td.comment-area textarea {
    padding-left: 10px;
}

table.multisection .merge-cell {
    border-left: none;
    padding-left: 8px;
}

table.multisection .merge-cell-right {
    padding-right: 0;
}

table.multisection .toggle-icon {
    font-size: 19px;
    line-height: 34px;
    margin-left: 9px;
    margin-right: 2px;
}

table.multisection .outdated {
    font-size: 1.2em;
    position: relative;
    top: 3px;
    left: 8px;
    color: #BF1722;
}

table.multisection .link-icon {
    font-size: 22px;
}

table.multisection .supplier-info-icon {
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

table.multisection .detailed-info-content-inner {
    padding: 0.4em 0.6em;
    table-layout: fixed;
    box-sizing: border-box;
}

table.multisection .detailed-info-content-inner td {
    border: none;
    height: 38px;
    padding: 1px;
}

#basket .detailed-info-content-inner {
    table-layout: auto;
}

#basket .detailed-info-content-inner input[type="text"] {
    width: 158px;
}

#basket .detailed-info-content-inner td.label {
    padding-right: 6px;
    text-align: left;
    width: 1px;
}

table.multisection .detailed-info-content-inner td.fixed-label {
    width: 120px;
}

table.multisection .detailed-info-content-inner td .item-type {
    margin-left: 24px;
}

table.multisection .detailed-info-content-inner td .long-field {
    display: block;
    max-width: 450px;
}

table.multisection .detailed-info-content-inner td label {
    margin-bottom: 0;
}

table.multisection .detailed-info-content-inner td span.price {
    font-weight: bold;
}

table.multisection .detailed-info-content-inner td select {
    width: 163px;
}

table.multisection .detailed-info-content-inner td span.pseudo-block {
    display: inline-block;
    min-width: 170px;
}

table.multisection .detailed-info-content-inner td.comment-label {
    vertical-align: top;
    padding-top: 42px;
}

table.multisection .detailed-info-content-inner td.comment-area {
    padding-top: 25px;
    padding-right: 6px;
}

table.multisection .detailed-info-content-inner td.comment-area textarea {
    box-sizing: border-box;
    resize: vertical;
    width: 100%;
}

table.multisection .detailed-info-content-inner td > * {
    margin-left: 6px
}

table.multisection .detailed-info-content-inner td .k-checkbox-label {
    margin-left: 0;
}

table.multisection .price .validated {
    margin-left: 5px;
}

table.multisection .detailed-info-content-inner td .validated input {
    padding-left: 10px;
}

#basket .detailed-info-content-inner td .validated input {
    width: 153px;
}

table.multisection .description {
    max-width: 1px !important;
}

#basket .basket-queue-message {
    padding: 10px 15px;
}

#basket .actions {
    width: 160px;
    white-space: nowrap;
}

#basket .actions.no-alternatives {
    width: 130px;
}

#basket select[disabled] {
    background-color: rgb(235, 235, 228);
}

#basket .k-dropdown[aria-disabled=true] .k-input {
    color: black;
}

table.multisection .action-wrapper {
    margin-right: 5px;
    width: 25px;
    display: inline-block;
}

table.multisection .action-wrapper .k-button {
    margin: 0;
}

table.multisection .edited-button {
    color: #666;
    font-size: 23px;
}

table.multisection .qb-button img {
    height: 23px;
    margin-top: -6px;
}

.basket-stats {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.basket-stats span {
    margin-left: 20px;
}

#basketGrid .additional-forms {
    margin: -5px 0 0 20px;
    float: right;
}

#basketGrid .additional-forms label {
    margin-top: 5px;
}

#basketGrid .additional-forms .wide-dropdown {
    width: 190px;
}

/* placeholders */
::-webkit-input-placeholder {
    color: #afafaf;
}

:-ms-input-placeholder {
    color: #afafaf;
}

:-moz-placeholder, /* Firefox 18- */
::-moz-placeholder { /* Firefox 19+ */
    color: #656565;
}

/*Supplier directory page*/
#supplierDirectorySearchInputs {
    width: 800px;
    margin: 50px auto 15px;
    position: relative;
}

#supplierDirectorySearchInputs .keyword {
    width: 500px;
}

#supplierDirectorySearchInputs .postcode {
    width: 215px;
}

#supplierDirectorySearchInputs #postCode {
    height: 35px;
}

#supplierDirectorySearchInputs #toggleBlock {
    margin-bottom: 5px;
}

#supplierDirectorySearchInputs .toggle-icon {
    font-size: 1.3em;
    vertical-align: text-bottom;
}

#criteria .category-suggest {
    width: 100%;
}

#criteria .category-suggest.k-autocomplete {
    margin-bottom: 20px;
}

#categoriesSelectorTable .k-top,
#categoriesSelectorTable .k-mid,
#categoriesSelectorTable .k-bot {
    white-space: nowrap;
}

#categoriesSelectorTable .k-state-focused,
#categoriesSelectorTable .k-state-hover {
    box-shadow: none;
    background-color: transparent;
}

#categoriesSelectorTable .k-checkbox-label:before {
    margin-top: 3px;
}

#categoriesSelectorTable .k-item {
    padding-top: 5px;
    padding-bottom: 5px;
}

#categoriesSelectorTable .k-in {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 92%;
    box-sizing: border-box;
}

#categoriesSelectorTable ul.k-treeview-lines {
    max-height: 440px;
    overflow: auto;
}

#categoriesSelectorTable .column-left,
#categoriesSelectorTable .column-right {
    box-sizing: border-box;
    height: 100%;
    vertical-align: top;
    width: 48%;
}

#categoriesSelectorTable .column-center {
    width: 4%;
}

#categoriesSelectorTable .category-action {
    display: block;
    font-size: 2em;
    cursor: pointer;
    margin-bottom: 30px;
}

#suppliersGrid .supplier-name {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.supplier-directory-actions {
    height: 4em;
    padding: 0 !important;
    font-size: 0 !important;
}

#punchOutCategories {
    padding: 15px 30px;
    margin: 0;
}

#punchOutCategories li {
    padding-bottom: 3px;
    padding-top: 3px;
}

table.multisectionItemCommentsWindow textarea {
    box-sizing: border-box;
    resize: vertical;
    width: 100%;
}

table.multisectionItemAttachmentsWindow .k-info-colored,
table.multisectionItemAttachmentsWindow .k-error-colored {
    padding: 8px;
    margin: 15px 20px 15px;
}

table.multisectionItemAttachmentsWindow .k-upload button.k-button {
    display: none;
}

/*Smart forms*/
.k-window .window-header {
    margin-left: 10px;
    margin-bottom: 20px;
}

#additionalForms.multiple #formWrapper {
    height: 550px;
    overflow-y: auto;
}

#additionalForms.single #formWrapper {
    max-height: 550px;
    overflow-y: auto;
}

#additionalForms td {
    padding: 5px 10px;
    position: relative;
    width: 100%;
}

#additionalForms td.label-cell {
    white-space: nowrap;
    text-align: right;
    padding-right: 0;
    vertical-align: top;
}

#additionalForms td.label-cell label {
    max-width: 270px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    vertical-align: middle;
}

#additionalForms .full-width {
    width: 100%;
}

#additionalForms .full-width > * {
    width: 100%;
    box-sizing: border-box;
}

#additionalForms .switch-wrapper {
    padding-top: 0;
}

#additionalForms textarea {
    height: 70px;
    resize: vertical;
}

#additionalForms .input-error-img {
    position: absolute;
    left: 2px;
    top: 12px;
    z-index: 1;
}

#additionalForms {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

/*Code items page*/
#codeItems td {
    min-width: 50px;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#codeItems td.expand {
    min-width: 30px;
    width: 30px;
}

#codeItems td.description {
    width: 100%;
}

#codeItems th.actions {
    text-align: center;
}

#codeItems .actions .k-button {
    margin-left: 0;
}

#codeItems .detailed-info-content-inner {
    table-layout: fixed;
}

#codeItems tr th {
    border-top-width: 1px;
    border-bottom-width: 0;
}

/*Basket history page*/
#basketHistory .search-inputs {
    width: 600px;
    margin: 50px auto 15px;
    position: relative;
}

#basketHistory #searchButton {
    vertical-align: middle;
}

#basketHistory .keyword {
    width: 500px;
    height: 25px;
    vertical-align: middle;
}

#basketHistory .basket-wrapper {
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-top: 15px;
    position: relative;
}

#basketHistory .punch-out-pager:last-child {
    margin-top: 20px;
}

#basketHistory .basket-wrapper .table-grid {
    margin-top: 0;
}

#basketHistory .basket-section {
    padding: 7px;
    background-color: #DBDBDE;
}

#basketHistory .basket-section .toggle-icon {
    vertical-align: middle;
    font-size: 19px;
    margin-left: 2px;
    margin-right: 4px;
}

#basketHistory .basket-section .basket-name {
    vertical-align: middle;
    font-size: 1.2em;
}

#basketHistory .basket-section .basket-name .glyphicons {
    vertical-align: middle;
    margin: 0 3px 5px;
    color: #666;
}

#basketHistory .basket-section .dates {
    float: right;
}

#basketHistory .basket-section .date {
    vertical-align: middle;
}

#basketHistory .loading-block {
    height: 60px;
}

#basketHistory table.multisection > tbody > tr > th:first-child,
#basketHistory table.multisection > tbody > tr > td:first-child {
    border-left-width: 0 !important;
}

#basketHistory table.multisection > tbody > tr > th:last-child,
#basketHistory table.multisection > tbody > tr > td:last-child {
    border-right-width: 0;
}

#basketHistory th.description {
    padding-left: 33px;
}

#basketHistory td.price,
#basketHistory td.quantity,
#basketHistory td.uoi {
    width: 70px;
    max-width: 70px;
    min-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#basketHistory td.expand {
    width: 27px;
    padding-left: 28px;
}

#basketHistory td.expand .outdated {
    top: 3px;
    left: 10px;
}

#basketHistory td.description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 1px;
}

.history-action-buttons .basket-action {
    margin-right: 20px;
    margin-left: 2px;
    display: inline-block;
}

.history-action-buttons .disabled {
    pointer-events: none;
    cursor: default;
}

.history-action-buttons .disabled a,
.history-action-buttons .disabled span {
    color: #C7C7C7 !important;
    text-decoration: none !important;
}

.history-action-buttons .glyphicons {
    cursor: pointer;
    vertical-align: middle;
    font-size: 1.1em;
    margin-bottom: 4px;
}

.history-action-buttons .glyphicons.glyphicons-ban-circle {
    cursor: auto;
}

.history-action-buttons .glyphicons-edit {
    font-size: 1.3em;
    top: -1px;
    left: 3px;
}

#basketHistory .section-footer:hover {
    background-color: inherit;
}

#basketHistory tr th {
    border-top-width: 1px;
    border-bottom-width: 0;
}

#basketHistory .section-footer td {
    border: none;
}

.close-icon {
    border: none;
    padding: 0;
    text-decoration: none;
}

.close-icon:hover {
    text-decoration: none;
}

.close-icon:after {
    content: "\274c";
    position: absolute;
    text-align: center;
    font-weight: normal;
    display: none;
    right: 14px;
    font-size: 11px;
    cursor: pointer;
    color: black;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1em;
    line-height: 1;
}

.search-box::-ms-clear {
    width: 0;
    height: 0;
    display: none;
}

.search-box {
    display: inline-block;
    outline: 0;
    /*Kendo's selectors for box-shadow transition*/
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out;
    -webkit-transition: "box-shadow .15s ease-out";
    transition: "box-shadow .15s ease-out";
}

.search-box-wrapper {
    display: inline-block;
    position: relative;
}

.search-box:focus {
    border-color: #76abd9;
    -webkit-box-shadow: 0 0 7px 0 #76abd9;
    box-shadow: 0 0 7px 0 #76abd9;
}

.search-box-wrapper:hover .close-icon:after,
.search-box:focus ~ .close-icon:after {
    display: block;
}

#basketHistoryToolbar .basket-history-pager {
    display: inline-block;
    width: 530px;
    vertical-align: middle;
    margin-bottom: 4px;
}

#basketHistoryNoResultsMessage {
    margin-top: 40px;
}

#basketHistoryNumResults {
    color: #a6a6a6;
    margin-top: 20px;
    line-height: initial;
}

#basketHistory #sortBy .k-dropdown {
    width: 125px;
}

/*#region BasketQueue */

#basketNumResults {
    color: #a6a6a6;
    margin-top: 20px;
    line-height: initial;
}

#basketQueueNoResultsMessage {
    margin-top: 40px;
    margin-left: 16px;
}

#basketItemToolbar #sortBy .k-dropdown {
    width: 125px;
}

#basketItemToolbar .basket-item-pager {
    display: inline-block;
    width: 530px;
    vertical-align: middle;
    margin-bottom: 4px;
}
#basketItem .search-inputs {
    width: 600px;
    margin: 50px auto 15px;
    position: relative;
}

#basketItem #searchButton {
    vertical-align: middle;
}

#basketItem .keyword {
    width: 500px;
    height: 25px;
    vertical-align: middle;
}

#basketItem .basket-wrapper {
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-top: 15px;
    position: relative;
}

#basketItem .punch-out-pager:last-child {
    margin-top: 20px;
}

#basketItem .basket-wrapper .table-grid {
    margin-top: 0;
}

#basketItem .basket-section {
    padding: 7px;
    background-color: #DBDBDE;
}

#basketItem .basket-section .toggle-icon {
    vertical-align: middle;
    font-size: 19px;
    margin-left: 2px;
    margin-right: 4px;
}

#basketItem .basket-section .basket-name {
    vertical-align: middle;
    font-size: 1.2em;
}

#basketItem .basket-section .basket-name .glyphicons {
    vertical-align: middle;
    margin: 0 3px 5px;
    color: #666;
}

#basketItem .basket-section .dates {
    float: right;
}

#basketItem .basket-section .date {
    vertical-align: middle;
}

#basketItem .loading-block {
    height: 60px;
}

#basketItem table.multisection > tbody > tr > th:first-child,
#basketItem table.multisection > tbody > tr > td:first-child {
    border-left-width: 0 !important;
}

#basketItem table.multisection > tbody > tr > th:last-child,
#basketItem table.multisection > tbody > tr > td:last-child {
    border-right-width: 0;
}

#basketItem th.description {
    padding-left: 33px;
}

#basketItem td.price,
#basketItem td.quantity,
#basketItem td.uoi {
    width: 70px;
    max-width: 70px;
    min-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#basketItem td.expand {
    width: 27px;
    padding-left: 28px;
}

#basketItem td.expand .outdated {
    top: 3px;
    left: 10px;
}

#basketItem td.description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 1px;
}

#basketItem .section-footer:hover {
    background-color: inherit;
}

#basketItem tr th {
    border-top-width: 1px;
    border-bottom-width: 0;
}

#basketItem .section-footer td {
    border: none;
}

#basketQueue .search-inputs {
    width: 600px;
    margin: 50px auto 15px;
    position: relative;
}

#basketQueue #searchButton {
    vertical-align: middle;
}

#basketQueue .keyword {
    width: 500px;
    height: 25px;
    vertical-align: middle;
}
/*#endregion*/

/* Basket attachments */
#basketItemAttachmentsWindow .form-instruction {
    padding: 10px 15px;
    margin: 0 0 15px 0;
}

#basketItemAttachmentsWindow .k-clear-selected,
#basketItemAttachmentsWindow .k-upload-selected,
#basketItemAttachmentsWindow .k-upload-status-total {
    display: none;
}

#basketItemAttachmentsWindow .k-upload-files {
    max-height: 180px;
    overflow-y: auto;
}

.attached-documents-table tr th:first-child,
.attached-documents-table tr td:first-child {
    padding-left: 15px;
}

.attached-documents-table .k-grid-pager {
    padding-left: 10px;
}

.attached-documents-table .k-grid-norecords-template {
    height: 36px;
    line-height: 36px;
}

.attachment-close-btn {
    width: 115px;
}

/* File upload component */
.k-file-validation-message {
    font-size: 0.9em;
    color: #d92800;
}

.k-file-error .k-file-name,
.k-file-invalid .k-file-name-invalid {
    color: #333;
}

/* Sweetalert */
.sweet-overlay {
    z-index: 99998 !important;
}

body.stop-scrolling {
    overflow: auto !important;
}

#deliverySchemeDescription {
    overflow: auto;
}

/* Supplier notes pop-up */
#supplierNotes .notes-wrapper {
    overflow-y: auto;
    max-height: 400px;
}

#supplierNotes .supplier-name {
    font-weight: bold;
}

#supplierNotes .supplier-note {
    white-space: pre-line;
    margin-top: -1em;
}

.popover.top {
    z-index: 11003;
}

.quick-add-page .block {
    margin-bottom: 40px;
}

.quick-add-page .row {
    margin: 0 auto 0 0;
}

.quick-add-page .row .form-field {
    margin-bottom: 5px;
}

.quick-add-page .row .delete-btn {
    display: inline;
}

.quick-add-page .row .delete-btn .k-button {
    font-size: 26px;
    border-style: none;
    color: #428BCA;
    background-color: inherit;
    line-height: 0;
}

.quick-add-page .header-row {
    margin: 25px 0 2px 0;
}

.quick-add-page .second-header-row {
    margin: 5px auto 2px 0;
}

.quick-add-page .form-header {
    display: inline-block;
    width: 360px;
    margin-right: 8px;
}

.quick-add-page .form-header.quantity-header {
    width: 48px;
    text-align: right;
}

.quick-add-page .row > .form-field,
.quick-add-page .row > .basket-add-btn {
    display: inline-block;
    vertical-align: top;
}

.quick-add-page .row > .form-field.vendor-id-field {
    width: 420px;
}

.quick-add-page .row > .form-field .field.vendor-id-field {
    width: 420px;
}

.quick-add-page .row > .form-field .field {
    width: 350px;
    margin-right: 8px;
}

.quick-add-page .row > .form-field .k-invalid-msg {
    display: block;
}

.quick-add-page .row > .form-field .quantity-field {
    text-align: right;
    width: 43px;
}

.quick-add-page .row > .form-field .validated-control.k-invalid {
    border-color: #FF9999;
}

.quick-add-page .form-field .input-error-img {
    position: absolute;
    left: -8px;
    top: 8px;
}

[id='clin-{{item.index}}-{{block.blockIndex}}-list'] li:nth-child(even):not(.k-state-hover) {
    background-color: #f9f9f9;
}

/* UNSPSC Message pop-up */
#unspscMessage .message-wrapper {
    overflow-y: auto;
    max-height: 400px;
}

/*Catalogue item page*/
#catalogueItem {
    margin-top: 25px;
    margin-bottom: 50px;
}

#catalogueItem .form-field {
    line-height: 33px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#catalogueItem .form-field .review-value {
    margin-left: 11px;
}

#catalogueItem .form-field .k-dropdown {
    width: 257px;
}

#catalogueItem .form-field input[type=text],
#catalogueItem .form-field input[type=url],
#catalogueItem .form-field textarea {
    width: 240px;
    line-height: normal;
    padding-left: 10px;
}

#catalogueItem .form-field textarea {
    resize: vertical;
}

#catalogueItem .form-field > label {
    width: 165px;
    margin-right: 44px;
    vertical-align: top;
}

#catalogueItem #generalInfo {
    float: left;
    width: 600px;
    margin-right: 3em;
}

#catalogueItem #imageAndAccordion {
    width: 430px;
    display: inline-block;
}

#catalogueItem #catalogueItemImage {
    max-width: 250px;
    margin-bottom: 100px;
    position: relative;
}

#catalogueItem #catalogueItemImage .image-holder {
    min-height: 150px;
    max-width: 250px;
    width: 250px;
    background: #FFFFFF no-repeat left center;
    background-size: contain;
    margin-bottom: 10px;
}

#catalogueItem #catalogueItemImage .track {
    width: 250px !important;
}

#catalogueItem #catalogueItemImage .slide {
    display: inline-block;
}

#catalogueItem .carousel-wrapper .carousel-prev,
#catalogueItem .carousel-wrapper .carousel-next {
    top: 0;
    width: 22px;
    height: 150px;
    visibility: hidden;
    cursor: pointer;
    text-align: center;
}

#catalogueItem #catalogueItemImage .carousel-next {
    right: 0;
}

#catalogueItem #catalogueItemImage .carousel-prev {
    left: 0;
}

#catalogueItem #catalogueItemImage .carousel-prev span,
#catalogueItem #catalogueItemImage .carousel-next span {
    color: white;
    font-size: 25px;
    margin-top: 60px;
}

#catalogueItem .carousel-wrapper .carousel-next,
#catalogueItem .carousel-wrapper .carousel-prev {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
}

#catalogueItem .carousel-wrapper:hover .carousel-next,
#catalogueItem .carousel-wrapper:hover .carousel-prev {
    visibility: visible;
    background-color: dimgrey;
}

#catalogueItem .modify-item-images {
    display: block;
    cursor: pointer;
    margin-top: 20px;
}

#catalogueItem .modify-item-images .glyphicons {
    font-size: 20px;
}

#modifyItemImagesWindow #toolbar {
    margin-bottom: 5px;
}

#modifyItemImagesWindow #result-wrapper {
    margin-bottom: 0;
}

#modifyItemImagesWindow #numResults {
    float: right;
    margin-right: 10px;
}

#modifyItemImagesWindow button {
    border-radius: 3px;
    border: 1px solid #AAAAAA;
    height: 35px;
    min-width: 65px;
    background: #EAEAEA linear-gradient(to bottom, #EAEAEA, #DEDEDE);
    font-size: 14px;
    margin: 10px 2px 10px 2px;
    position: absolute;
    top: 7px;
    right: 20px;
}

#modifyItemImagesWindow #deleteImages .remove-icon {
    font-size: 20px;
    margin-top: -2px;
}

#modifyItemImagesWindow .image-wrapper {
    width: 226px;
    height: 226px;
    display: inline-block;
    margin-bottom: 7px;
    margin-right: 10px;
}

#modifyItemImagesWindow .select-wrapper {
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
}

#modifyItemImagesWindow .image-holder {
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: no-repeat center;
    background-size: contain;
}

#modifyItemImagesWindow .checked-image {
    border-color: #0E1D37;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#catalogueItem #catalogueItemImage .k-upload {
    border: 1px solid #ccc;
    width: 430px;
    margin-top: 10px;
}

#catalogueItem #itemAttributes .k-item.k-state-active .k-link {
    border-bottom: none;
}

#catalogueItem #itemAttributes {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

#catalogueItem #itemAttributes .attribute-title {
    font-size: 16px;
}

#catalogueItem #itemAttributes .search-box-wrapper {
    border-bottom: none;
}

#catalogueItem #itemAttributes > li > div.k-content {
    list-style: none;
    max-height: 320px;
    overflow-y: auto;
    margin-right: 3px;
}

#catalogueItem #itemAttributes .search-box-wrapper {
    margin: 10px 0;
}

#catalogueItem #itemAttributes .search-box-wrapper input {
    line-height: initial;
    width: 367px;
}

#catalogueItem #itemAttributes .k-link {
    background-color: #ffffff !important;
    box-shadow: none !important;
    color: inherit !important;
    border: none;
}

#catalogueItem .checkboxes {
    margin-left: 80px;
}

#catalogueItem .price-wrapper {
    display: inline;
    position: relative;
}

#catalogueItem .price-wrapper .currency {
    position: absolute;
    right: 0;
}

#catalogueItem .attribute-item {
    margin-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

#catalogueItem .attribute-label,
#catalogueItem .image-url-label {
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 34px;
}

#catalogueItem .attribute-label {
    width: 160px;
}

#catalogueItem .image-url-label {
    width: 360px;
}

#catalogueItem .attribute-value {
    width: 215px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #aeaeae;
    display: inline-block;
}

#catalogueItem input.attribute-value {
    height: 30px;
    line-height: 0;
    border: 0;
    text-indent: .33em;
}

#catalogueItem .attribute-item.last-item {
    margin-bottom: 15px;
}

#catalogueItem .attribute-item .glyphicons {
    vertical-align: middle;
    cursor: pointer;
    font-size: 1.1em;
    margin-left: 3px;
}

#catalogueItem .attribute-item .add-icon {
    font-size: 1.6em;
    top: -2px;
}

#catalogueItem .attribute-item .remove-icon {
    font-size: 1.3em;
}

#catalogueItem .input-error-img {
    top: 8px;
}

#catalogueItem .form-error {
    margin-top: 0;
}

/* PAGINATION */
.pagination {
    clear: both;
    overflow: hidden;
    background: url("../images/toolbar_bg.png") bottom repeat-x #FFF;
    border: 1px solid #D1D1D1;
    margin-top: -1px;
}

.pagination ul {
    border-left: 1px solid #D1D1D1;
    margin: 10px;
}

.pagination ul li {
    display: inline;
    float: left;
}

.pagination ul li a,
.pagination ul li span {
    color: #181818;
    display: block;
    width: 36px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.pagination ul li span.current {
    background: url("../images/primary_sprite.png") -83px -190px #2578A8;
    color: #FFF;
    height: 32px;
    line-height: 34px;
}

.pagination ul li a {
    background: url("../images/secondary_sprite.png") -464px -412px #EEE;
    border: 1px solid #D1D1D1;
    border-left: 0;
    text-decoration: none;
}

.pagination ul li a:hover,
.pagination ul li a:focus {
    background: url("../images/secondary_sprite.png") -428px -412px #EEE;
}

.pagination ul li a:active {
    background: url("../images/secondary_sprite.png") -392px -412px #EEE;
}

.pagination ul li a.total-pages {
    border-left: 1px solid #D1D1D1;
}

.pagination p {
    font-size: 13px;
    margin: 10px 10px 0 10px;
}

.pagination p a {
    color: #181818;
    text-decoration: underline;
}

.pagination p a:hover,
.pagination p a:focus {
    text-decoration: none;
}

/*Catalogue approval pages: Pending catalogues and Published catalogues*/
#catalogueApproval #approvalYears {
    margin-top: 20px;
}

#catalogueApproval #approvalYears .year {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #D1D1D1;
    font-size: 15px;
    font-style: italic;
}

#catalogueApproval #approvalYears .year:last-child {
    border: none;
}

#catalogueApproval #approvalYears .year:not(.active) {
    color: #999;
}

#catalogueApprovalGrid .approval-cell {
    text-align: center;
    padding: 0;
    border-left: 0;
    overflow: visible;
    font-size: 13px;
}

#catalogueApprovalGrid .entry-date-cell {
    border-left: none;
}

#catalogueApprovalGrid .checkbox-wrapper {
    overflow: visible;
}

#catalogueApprovalGrid .k-header {
    white-space: normal;
    vertical-align: middle;
    position: relative;
}

#catalogueApprovalGrid td {
    height: 54px;
    box-sizing: border-box;
}

#catalogueApprovalGrid .catalogue-name {
    display: block;
}

#catalogueApprovalGrid .approval-breadcrumb {
    display: table;
    background-color: #d9534f;
    padding: 0 6px;
    height: 53px;
    width: 78px;
    position: relative;
    color: #fff;
    text-decoration: none;
}

#catalogueApprovalGrid .approval-breadcrumb:not(.na-breadcrumb):hover span {
    text-decoration: underline;
    cursor: pointer;
}

#catalogueApprovalGrid .na-breadcrumb {
    color: #696969;
    background-color: #F9F9F9;
}

#catalogueApprovalGrid .middle-breadcrumb:before,
#catalogueApprovalGrid .last-breadcrumb:before {
    content: "";
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 10px solid #F0F0F0;
    left: 1px;
    position: absolute;
}

#catalogueApprovalGrid .first-breadcrumb:after,
#catalogueApprovalGrid .middle-breadcrumb:after,
#catalogueApprovalGrid .na-breadcrumb:after {
    content: "";
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 10px solid #d9534f;
    z-index: 1;
    right: -10px;
    position: absolute;
}

#catalogueApprovalGrid .disable-breadcrumb:after {
    border-left-color: #BEBEBE;
}

#catalogueApprovalGrid .approval-breadcrumb span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    text-align: center;
}

#catalogueApprovalGrid .first-breadcrumb {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#catalogueApprovalGrid .last-breadcrumb {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#catalogueApprovalGrid .approved-breadcrumb {
    background-color: #9DCD9D;
    color: #696969;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

#catalogueApprovalGrid .approved-breadcrumb:after {
    border-left: 10px solid #9DCD9D;
    pointer-events: none;
    cursor: default;
}

#catalogueApprovalGrid .na-breadcrumb:after {
    border-left: 10px solid #F9F9F9;
    pointer-events: none;
    cursor: default;
}

#catalogueApprovalGrid .disable-breadcrumb {
    background-color: #BEBEBE;
    color: #696969;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

#catalogueApprovalGrid .k-grid-header tr {
    height: 65px;
}

#catalogueApprovalGrid .k-grid-header .sortable-header:hover {
    cursor: pointer;
}

#catalogueApprovalGrid .k-grid-header .sortable-header .k-icon {
    vertical-align: text-top;
}

#catalogueApprovalGrid .filterable-header .table-filter input {
    width: 100%;
    max-width: 160px;
    margin-right: 5px;
}

#catalogueApprovalGrid .table-filter {
    padding-right: 20px;
    margin-top: 5px;
    position: relative;
}

#catalogueApprovalGrid .loader-name span {
    margin-top: -6px;
    display: block;
}

#catalogueApprovalGrid .loader-name .k-checkbox-label {
    margin-top: 11px;
    font-style: italic;
}

#catalogueApprovalGrid .loader-name .k-checkbox-label:before {
    font-style: normal;
}

#catalogueApprovalGrid .k-checkbox {
    display: none;
}

#catalogueApprovalGrid .k-checkbox-label {
    margin-top: 3px;
}

#catalogueApprovalGrid .label-with-tooltip,
#catalogueReviewGrid .label-with-tooltip {
    display: inline;
    padding-right: 5px;
}

.item-score-info .form-field:last-of-type {
    margin-bottom: 0;
}

.item-score-info .form-field label {
    width: 126px;
    margin-right: 50px;
}

.item-score-info .icon {
    font-size: 26px;
    color: #428BCA;
    vertical-align: text-bottom;
}

/* Supplier Network Failed messages */
.failed-messages {
    margin-top: 20px;
}

.failed-messages .pagination-container {
    margin-bottom: 40px;
}

/*Punch Out Error page*/
#punchOutError {
    margin-top: 25px;
}

#punchOutError .glyphicons-warning-sign {
    color: #BF1722;
    margin-top: -2px;
    margin-right: 11px;
    font-size: 1.6em;
}

#punchOutError .error-text {
    color: #BF1722;
}

/*Catalogue Approval Review page*/
#catalogueReviewGrid {
    margin-top: 20px;
}

#catalogueReviewGrid .checkbox-wrapper {
    overflow: visible;
}

#catalogueReviewGrid .k-header {
    white-space: normal;
    vertical-align: middle;
    position: relative;
}

#catalogueReviewGrid td {
    height: 54px;
    box-sizing: border-box;
}

#catalogueReviewGrid .k-grid-header tr {
    height: 65px;
}

#catalogueReviewGrid .filterable-header .filterable-action {
    margin-top: -30px;
    white-space: nowrap;
}

#catalogueReviewGrid .filterable-header .table-filter .k-dropdown {
    max-width: 120px;
    margin-right: 5px;
}

#catalogueReviewGrid .table-filter {
    padding-right: 20px;
    width: 100%;
    margin-top: 5px;
    position: absolute;
}

#catalogueReviewGrid .k-checkbox {
    display: none;
}

#catalogueReviewGrid .k-checkbox-label {
    margin-top: 3px;
}

#catalogueReviewGrid .sortable-header ~ .k-icon {
    float: right;
    margin-top: -20px;
}

#catalogueApprovalReview #catalogueName {
    padding-top: 25px;
    padding-bottom: 10px;
    color: #428BCA;
}

#catalogueApprovalReview #pendingInfo {
    width: 500px;
}

#catalogueApprovalReview #pendingInfo td {
    padding-bottom: 10px;
}

#catalogueApprovalReview #pendingInfo tr td:first-child {
    text-align: left;
}

#catalogueApprovalReview #pendingInfo tr td:last-child {
    text-align: right;
    padding-left: 10px;
}

#catalogueApprovalReview #approvalRequirements {
    float: right;
    margin-top: -90px;
}

#catalogueReviewGrid .approval-cell {
    text-align: center;
    padding: 0;
    overflow: visible;
}

#catalogueReviewGrid .approval-required-cell {
    text-align: center;
    padding: 0 0 1px 1px;
    overflow: visible;
    border-left: 0;
}

#catalogueReviewGrid table tr:first-child .approval-required-cell {
    padding-top: 1px;
}

#catalogueReviewGrid .approval-status {
    display: table-cell;
    height: 54px;
    width: 99px;
    vertical-align: middle;
}

#catalogueReviewGrid .none-status {
    color: #696969;
}

#catalogueReviewGrid .pending-status {
    background-color: #BEBEBE;
    color: #696969;
}

#catalogueReviewGrid .approved-status {
    background-color: #9DCD9D;
    color: #696969;
}

#catalogueReviewGrid .disapproved-status {
    background-color: #d9534f;
    color: #fff;
}

/*Failed messages queue*/

#failedMessagesGrid {
    margin-top: 20px;
}

#failedMessagesGrid .checkbox-wrapper {
    overflow: visible;
}

#failedMessagesGrid .k-header {
    white-space: normal;
    vertical-align: middle;
    position: relative;
}

#failedMessagesGrid td {
    height: 54px;
    box-sizing: border-box;
}

#failedMessagesGrid .k-checkbox {
    display: none;
}

#failedMessagesGrid .k-checkbox-label {
    margin-top: 3px;
}

#failedMessagesGrid a {
    cursor: pointer;
}

#failedMessagesGrid a.disabled {
    pointer-events: none;
    cursor: default;
}

#failedMessagesHistoryWindow {
    padding: 0;
}

#failedMessagesHistoryWindow .k-grid-content a {
    cursor: pointer;
}

/*Delivery scheme page*/

#deliverySchemesGrid {
    margin-top: 20px;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#deliverySchemesGrid tbody:nth-child(2) tr:first-child td {
    border-top: 0;
}

#deliverySchemesGrid tr:first-child td:first-child {
    border-left: 0;
}

#deliverySchemesGrid td:last-child {
    border-right: 0;
}

#deliverySchemesGrid tr:not(:first-child) td {
    border-top: 0;
}

#deliverySchemesGrid th.type {
    width: 120px;
}

#deliverySchemesGrid th.value {
    width: 120px;
}

#deliverySchemesGrid th.charge {
    width: 120px;
}

#deliverySchemesGrid .k-header {
    white-space: normal;
    vertical-align: middle;
    position: relative;
}

#deliverySchemesGrid td {
    height: 40px;
    box-sizing: border-box;
}

#deliverySchemesGrid .actions {
    width: 75px;
}

#deliverySchemesGrid .rule {
    border-right: 0;
}

#deliverySchemesGrid a {
    cursor: pointer;
}

#deliverySchemesGrid a.disabled {
    pointer-events: none;
    cursor: default;
}

#deliverySchemeWindow {
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

#deliverySchemeWindow .k-window-title {
    margin-left: 7px;
}

#deliverySchemeWindow #formWrapper {
    max-height: 450px;
    overflow-y: auto;
}

#deliverySchemeWindow table {
    table-layout: fixed;
    width: 100%;
}

#deliverySchemeWindow .table-grid {
    padding-top: 5px;
}

#deliverySchemeWindow .table-grid .k-grid-header {
    border-top: 1px solid #ccc;
}

#deliverySchemeWindow .scheme-name {
    margin-top: 2px;
}

#deliverySchemeWindow .operator-grid-header {
    margin-left: 1px;
}

#deliverySchemeWindow .grid-header {
    margin-left: 2px;
}

#deliverySchemeWindow .operator-grid-header span::after {
    content: '*';
    color: #BF1722;
    position: absolute;
    margin-left: 2px;
    margin-top: -5px;
}

#deliverySchemeWindow .grid-header span::after {
    content: '*';
    color: #BF1722;
    position: absolute;
    margin-left: 2px;
    margin-top: -5px;
}

#deliverySchemeWindow td {
    padding: 5px 0;
    position: relative;
    width: 100%;
}

#deliverySchemeWindow .table-grid td {
    padding: 5px 10px;
}

#deliverySchemeWindow .scheme-type {
    margin-top: 3px;
}

#deliverySchemeWindow .scheme-type label {
    margin-right: 10px;
}

#deliverySchemeWindow td.rule-scheme-name {
    text-align: left;
}

#deliverySchemeWindow .label-cell {
    white-space: nowrap;
    text-align: right;
    padding-right: 5px;
    padding-left: 0;
    vertical-align: top;
    width: 110px;
}

#deliverySchemeWindow .label-cell label {
    margin-top: 5px;
}

#deliverySchemeWindow .input-field {
    width: 270px;
}

#deliverySchemeWindow .input-icon .form-control {
    padding-left: 20px;
    float: left;
    font-weight: normal;
}

#deliverySchemeWindow .input-icon .currency-symbol {
    position: absolute;
    left: 7px;
    width: 10px;
    text-align: center;
    top: 13px;
}

#deliverySchemeWindow .input-icon .create-grid-currency-symbol {
    top: 12px;
    left: 17px
}

#deliverySchemeWindow .input-icon .edit-grid-currency-symbol {
    top: 11px;
    left: 17px;
}

#deliverySchemeWindow .input-field input {
    width: 100%;
    box-sizing: border-box;
}

#deliverySchemeWindow textarea {
    width: 100%;
    height: 70px;
    resize: vertical;
}

#deliverySchemeWindow .k-dropdown {
    width: 100%;
}

#deliverySchemeWindow .input-field .has-tooltip {
    margin-left: -10px;
}

#deliverySchemeWindow span.k-invalid-msg {
    position: absolute;
    left: 2px;
    top: 5px;
}

#deliverySchemeWindow .validated-control.k-invalid .k-dropdown-wrap,
#deliverySchemeWindow .input-icon .validated-control.k-invalid,
#deliverySchemeWindow .validated-control.k-invalid {
    border-color: #FF9999;
}

#deliverySchemeWindow .validated-control.k-invalid .k-dropdown-wrap {
    box-shadow: 0 0 10px #FF9999;
}

#deliverySchemeWindow .footer-buttons-wrapper {
    margin: 0;
}

#deliverySchemeWindow .window-footer button {
    margin: 10px 0;
}

#deliverySchemeWindow .window-footer #addLineBtn {
    position: absolute;
    left: 20px;
}

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

/*#region open order report */
#openOrderReportContainer{
    margin-top: 25px;
}

#openOrderReportContainer .field-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 290px;
    height: 80px;
}

#openOrderReportContainer .validated-control,
#openOrderReportContainer .k-dropdown {
    margin-right: 30px;
}

/* #endregion */

/* catalogue usage report page */
#catalogueUsageReportContainer,
#savingsReportContainer {
    margin-top: 25px;
}

#catalogueUsageReportContainer .field-wrapper,
#savingsReportContainer .field-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 290px;
    height: 80px;
}

#catalogueUsageReportContainer .validated-control,
#catalogueUsageReportContainer .k-dropdown,
#savingsReportContainer .validated-control,
#savingsReportContainer .k-dropdown {
    margin-right: 30px;
}

/*PO Range Report page*/
#poRangeReportContainer {
    margin-top: 25px;
}

#poRangeReportContainer .field-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 290px;
    height: 80px;
}

#poRangeReportContainer #poNumber {
    margin-right: 55px;
}

#poRangeReportContainer .header {
    display: inline-block;
}

/*  supplier network integration settings page  */
.supplier-network-integration .page-container .small-font {
    font-size: 0.8em;
}

.supplier-network-integration #snSettings {
    width: 310px;
}

.supplier-network-integration #snSettings #loadDataToSN {
    padding-right: 22px;
}

.supplier-network-integration #snSettings .k-checkbox-label:before {
    top: 2px;
}

#supplierNetworkGrid .k-header {
    white-space: normal;
    vertical-align: middle;
    position: relative;
}

#supplierNetworkGrid table {
    width: 100%;
    table-layout: fixed;
}

#supplierNetworkGrid .k-grid-header tr {
    height: 65px;
}

#supplierNetworkGrid .filterable-header .k-link {
    margin-top: -35px;
    white-space: nowrap;
}

#supplierNetworkGrid .filterable-header .table-filter input {
    width: 100%;
    max-width: 160px;
    margin-right: 5px;
}

#supplierNetworkGrid .k-grid-header .sortable-header:hover {
    cursor: pointer;
}

#supplierNetworkGrid .k-grid-header .sortable-header .k-icon {
    vertical-align: text-top;
}

#supplierNetworkGrid .table-filter {
    padding-right: 20px;
    margin-top: 5px;
    position: relative;
}

#supplierNetworkGrid .k-checkbox {
    display: none;
}

#supplierNetworkGrid .k-checkbox-label {
    margin-top: 3px;
}

#supplierNetworkGrid .preference-cell-style {
    width: 200px;
}

/*  supplier network linking window  */
#supplierNetworkLinkingWindow {
    margin: 0 10px;
    padding: 20px 10px 10px 10px;
}

#supplierNetworkLinkingWindow .window-header {
    margin: 0 0 20px 0;
    border-bottom: solid 1px #cdcdcd;
    padding-bottom: 10px;
}

#supplierNetworkLinkingWindow .window-header .steps {
    position: absolute;
    right: 10px;
}

#supplierNetworkLinkingWindow .window-main {
    display: inline-block;
}

#supplierNetworkLinkingWindow .window-main .description {
    display: block;
    margin-bottom: 10px;
}

#supplierNetworkLinkingWindow .window-main table th:last-child,
#supplierNetworkLinkingWindow .window-main table .centered {
    text-align: center;
}

#supplierNetworkLinkingWindow .window-main .k-pager-wrap {
    border: none;
    border-top: solid 1px #c4c4c4;
    border-bottom: solid 1px #c4c4c4;
}

#supplierNetworkLinkingWindow .window-main .create-new {
    width: 376px;
    margin: 20px 34px 20px 0;
    position: relative;
    float: right;
}

#supplierNetworkLinkingWindow .window-main .create-new .choose-supplier-radio {
    position: absolute;
    right: 0;
}

#supplierNetworkLinkingWindow .errors-block {
    margin-bottom: 20px;
}

#supplierNetworkLinkingWindow .window-footer {
    border: none;
}

#supplierNetworkLinkingWindow .footer-buttons {
    margin-top: 10px;
}

#supplierNetworkLinkingWindow .footer-buttons button:disabled {
    cursor: not-allowed;
    box-shadow: none;
    opacity: .65;
}

#supplierNetworkLinkingWindow .supplier-name {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*  supplier network linking results window  */
#supplierNetworkLinkingResultsWindow {
    margin: 0 10px;
    padding: 20px 10px 10px 10px;
}

#supplierNetworkLinkingResultsWindow .clickable {
    color: #428BCA;
    cursor: pointer;
}

#supplierNetworkLinkingResultsWindow .window-main .summary-block {
    margin-bottom: 20px;
}

#supplierNetworkLinkingResultsWindow .window-main .transmission-settings {
    border-top: solid 1px #cdcdcd;
    padding-top: 10px;
    margin-top: 20px;
}

#supplierNetworkLinkingResultsWindow .window-main table .centered {
    text-align: center;
}

#supplierNetworkLinkingResultsWindow .window-main .preference-cell-style {
    width: 230px;
}

#supplierNetworkLinkingResultsWindow .footer-buttons {
    margin-top: 10px;
}

/*  supplier update review page  */
.supplier-update-review .main-block {
    padding-top: 26px;
}

.supplier-update-review .main-block .preference-cell-style {
    width: 220px;
}

.download-report,
.download-report:focus,
.download-report:hover {
    text-decoration: none;
    margin-left: 4px;
}

.download-report .glyphicons {
    font-size: 20px;
}

.download-report .text {
    text-decoration: underline;
}

.download-report.disabled {
    cursor: text;
    color: gray;
}

.download-report.disabled .text {
    text-decoration: none;
}

.k-autocomplete .k-i-loading {
    bottom: 0;
    transform: translateY(-50%);
    margin-right: 6px;
    right: 0;
    top: 50%;
}

/* supplier billing preferences page */

#billingPreferencesForm {
    margin-top: 24px;
}

#billingPreferencesForm label {
    width: 165px;
}

#billingPreferencesForm .form-field {
    width: 900px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#billingPreferencesForm .validated-control {
    width: 260px;
}

.report-download-message {
	margin: 10px 0 25px 4px;
}

/*AppInsights property page*/

#appInsightsPropertyGrid {
    margin-top: 20px;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#appInsightsPropertyGrid tbody:nth-child(2) tr:first-child td {
    border-top: 0;
}

#appInsightsPropertyGrid tr:first-child td:first-child {
    border-left: 0;
}

#appInsightsPropertyGrid td:last-child {
    border-right: 0;
}

#appInsightsPropertyGrid tr:not(:first-child) td {
    border-top: 0;
}

#appInsightsPropertyGrid th.type {
    width: 120px;
}

#appInsightsPropertyGrid th.key {
   /* width: 120px;*/
}

#appInsightsPropertyGrid th.charge {
    width: 120px;
}

#appInsightsPropertyGrid .k-header {
    white-space: normal;
    vertical-align: middle;
    position: relative;
}

#appInsightsPropertyGrid td {
    height: 40px;
    box-sizing: border-box;
    white-space: normal;
}

#appInsightsPropertyGrid .actions {
    width: 75px;
}

#appInsightsPropertyGrid .rule {
    border-right: 0;
}

#appInsightsPropertyGrid a {
    cursor: pointer;
}

#appInsightsPropertyGrid a.disabled {
    pointer-events: none;
    cursor: default;
}

#appInsightPropertyWindow {
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

#appInsightPropertyWindow .k-window-title {
    margin-left: 7px;
}

#appInsightPropertyWindow #formWrapper {
    max-height: 450px;
    overflow-y: auto;
}

#appInsightPropertyWindow table {
    table-layout: fixed;
    width: 100%;
}

#appInsightPropertyWindow .table-grid {
    padding-top: 5px;
}

#appInsightPropertyWindow .table-grid .k-grid-header {
    border-top: 1px solid #ccc;
}

#appInsightPropertyWindow .property-key {
    margin-top: 2px;
}

#appInsightPropertyWindow .operator-grid-header {
    margin-left: 1px;
}

#appInsightPropertyWindow .grid-header {
    margin-left: 2px;
}

#appInsightPropertyWindow .operator-grid-header span::after {
    content: '*';
    color: #BF1722;
    position: absolute;
    margin-left: 2px;
    margin-top: -5px;
}

#appInsightPropertyWindow .grid-header span::after {
    content: '*';
    color: #BF1722;
    position: absolute;
    margin-left: 2px;
    margin-top: -5px;
}

#appInsightPropertyWindow td {
    padding: 5px 0;
    position: relative;
    width: 100%;
}

#appInsightPropertyWindow .table-grid td {
    padding: 5px 10px;
}

#appInsightPropertyWindow .property-value {
    margin-top: 3px;
}

#appInsightPropertyWindow .property-value  label {
    margin-right: 10px;
}

#appInsightPropertyWindow td.rule-scheme-name {
    text-align: left;
}

#appInsightPropertyWindow .label-cell {
    white-space: nowrap;
    text-align: left;
    padding-right: 5px;
    padding-left: 0;
    vertical-align: top;
    width: 50px;
}

#appInsightPropertyWindow .label-cell label {
    margin-top: 5px;
}

#appInsightPropertyWindow .input-field {
    width: 270px;
}

#appInsightPropertyWindow .input-icon .form-control {
    padding-left: 20px;
    float: left;
    font-weight: normal;
}

#appInsightPropertyWindow .input-icon .currency-symbol {
    position: absolute;
    left: 7px;
    width: 10px;
    text-align: center;
    top: 13px;
}

#appInsightPropertyWindow .input-icon .create-grid-currency-symbol {
    top: 12px;
    left: 17px
}

#appInsightPropertyWindow .input-icon .edit-grid-currency-symbol {
    top: 11px;
    left: 17px;
}

#appInsightPropertyWindow .input-field input {
    width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
}

#appInsightPropertyWindow textarea {
    width: 100%;
    height: 70px;
    resize: vertical;
    overflow: auto;
}

#appInsightPropertyWindow .k-dropdown {
    width: 100%;
}

#appInsightPropertyWindow .input-field .has-tooltip {
    margin-left: -10px;
}

#appInsightPropertyWindow span.k-invalid-msg {
    position: absolute;
    left: 2px;
    top: 5px;
}

#appInsightPropertyWindow .validated-control.k-invalid .k-dropdown-wrap,
#appInsightPropertyWindow .input-icon .validated-control.k-invalid,
#appInsightPropertyWindow .validated-control.k-invalid {
    border-color: #FF9999;
}

#appInsightPropertyWindow .validated-control.k-invalid .k-dropdown-wrap {
    box-shadow: 0 0 10px #FF9999;
}

#appInsightPropertyWindow .footer-buttons-wrapper {
    margin: 0;
}

#appInsightPropertyWindow .window-footer button {
    margin: 10px 0;
}

#appInsightPropertyWindow .window-footer #addLineBtn {
    position: absolute;
    left: 20px;
}

.link-btn {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    outline: none;
}

.item-mask .item-header .select-item-checkbox {
    border-color: #848484;
    width: 22px;
    height: 22px;
    font-size: 1.3em;
    background: #fff;
    border-radius: 3px;
}

.label-required {
    color: #BF1722;
    font-style: italic;
}

.help-box {
    background: url("../images/help.png") 15px center no-repeat;
    background-color: #e5f7fe;
    display: block;
    margin: 15px 0 0;
    padding: 15px 100px 15px 50px;
    font-size: 13px;
    color: #005476;
}

.search-in-results-block span {
    width: 500px;
}

.search-in-results-block .k-clear-value:before {
    left: calc(500px - 6px - 16px);
}

.search-in-results-go-btn, .search-in-results-clear-btn {
    height: 26px;
    min-width: 50px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
}

.search-in-results-go-btn[disabled], .search-in-results-clear-btn[disabled] {
    opacity: 0.7;
}