body {
    background-image: url('/content/resources/wallpapers/bg.jpg');
}

.x-field.value-undefined input {
    opacity: 0.4;
}

    .x-field.value-undefined input:hover {
        opacity: 1;
    }

.x-btn-inner.catalog-icon, img.catalog-icon, .catalog-icon {
    background-image: url('../images/icon/book.png');
}

.x-btn-inner.filter-minus-icon, img.filter-minus-icon, .filter-minus-icon {
    background-image: url('../images/icon/table_refresh.png');
}

.x-btn-inner.register-icon, img.register-icon, .register-icon {
    background-image: url('../images/Register-16.png');
}

.x-btn-inner.help-icon, img.help-icon, .help-icon {
    background-image: url('../images/Help-16.png');
}

.left-right-buttons .x-panel-btns {
    text-align: center;
}

    .left-right-buttons .x-panel-btns table {
        width: 100%;
    }

    .left-right-buttons .x-panel-btns .x-btn-left {
        float: left;
    }

.wincoll .x-win-collapsed .x-window-win-collapsed .x-window-default-win-collapsed {
    width: 150px;
    height: 200px;
}

.no-icon-menu .x-menu-item-icon {
    width: 0px;
}

.x-grid3-row td,
.x-grid3-summary-row td,
.x-grid3-cell-text,
.x-grid3-hd-text,
.x-grid3-hd,
.x-grid3-row {
    -moz-user-select: inherit;
    -khtml-user-select: text;
    -webkit-user-select: text;
}

.x-btn-inner.add-icon, img.add-icon, .add-icon {
    background-image: url('../images/Add-16.png');
}

.x-btn-inner.excel-icon, img.excel-icon {
    background-image: url('../images/Excel-16.png?v3');
}

.x-btn-inner.word-icon, img.word-icon {
    background-image: url('../images/Word-16.png?v3');
}

.archive-icon {
    background-image: url('../images/archive.png');
}

.detail-form .x-form-item {
    margin: 0;
}

.detail-form .x-form-item-label, .detail-form .x-form-display-field {
    font-size: 0.9em;
}

.x-grid-row.row-inactive, .x-grid-row.row-inactive .x-grid-cell {
    background-color: #e0e0e0 !important;
}

.x-grid-row.row-warning-1, .x-grid-row.row-warning-1 .x-grid-cell {
    background-color: #fdd !important;
}

.x-grid-row.row-warning-2, .x-grid-row.row-warning-2 .x-grid-cell {
    background-color: #fbb !important;
}

.x-grid-row.row-warning-3, .x-grid-row.row-warning-3 .x-grid-cell {
    background-color: #f99 !important;
}

.x-grid-row.row-warning-4, .x-grid-row.row-warning-4 .x-grid-cell {
    background-color: yellow !important;
}

.x-grid-row.row-warning-5, .x-grid-row.row-warning-5 .x-grid-cell {
    background-color: orange !important;
}

.x-grid-row.row-warning-6, .x-grid-row.row-warning-6 .x-grid-cell {
    background-color: red !important;
}

.x-grid-row.row-warning-15, .x-grid-row.row-warning-15 .x-grid-cell {
    background-color: darkseagreen !important;
}

.x-field.search-field input {
    padding-left: 18px;
    background: #fff url('../images/Search-14.png') no-repeat 1px center;
}

.x-field.link-button .x-form-display-field {
    text-decoration: underline;
    cursor: pointer;
}

.ats-detal p {
    margin-top: 5px;
}

    .ats-detal p label {
        display: inline-block;
        width: 120px;
        text-align: right;
        margin-right: 6px;
        font-weight: bold;
    }

.state-detal .x-form-display-field {
    font-weight: bold;
}

.prmain-check-all .x-form-cb-wrap {
    padding: 2px 0 0 2px;
}

.prmain-check-all .x-form-cb-label-after {
    position: relative;
    font-size: 11px;
    line-height: 16px;
    color: #333;
    top: -1px;
}

.x-field.red-displayfield, .x-field.red-displayfield .x-form-display-field {
    color: red;
}

.home-page-info {
    width: 700px;
    background-color: white;
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.home-page-info-h1 {
    margin-bottom: 12px;
}

.home-page-info-h2 {
    margin-bottom: 6px;
}

.x-column-header.x-column-header-no-border {
    border-color: transparent;
}
/* DinnerTime */
.ns-grid-rrschedule .x-grid-cell.x-grid-cell-cls-1 {
    background-color: #eee8aa;
}
/* DayOff */
.ns-grid-rrschedule .x-grid-cell.x-grid-cell-cls-2 {
    background-color: #d3d3d3;
}
/* HasJob */
.ns-grid-rrschedule .x-grid-cell.x-grid-cell-cls-3 {
    background-color: #A1C2FD;
}

.product-ct {
    padding-top: 3px;
}

.product-img {
    border: solid 1px #aaa;
    border-radius: 3px;
    padding: 5px;
}

.product-lbl {
    padding: 0 8px;
}

.no-opacity, .no-opacity .x-form-item-label, .no-opacity .x-form-field {
    filter: none !important;
    opacity: 1.0 !important;
}

.label-red, .value-red, .value-red .x-form-display-field {
    color: red;
}

.label-bold, .value-bold, .value-bold .x-form-display-field {
    font-weight: bold;
}

.x-tree-panel.all-folders .x-tree-icon-leaf,
.x-tree-panel.all-folders .x-tree-icon-folder {
    background-image: url('../images/folder.gif');
}

.x-tree-panel.all-folders .x-grid-tree-node-expanded .x-tree-icon-parent {
    background-image: url('../images/folder-open.gif');
}

.x-form-item.x-form-readonly {
    opacity: 0.5;
}

.x-field.note .x-form-display-field {
    color: #777 !important;
    font-style: italic;
}

.hidden-brand {
    visibility: hidden !important;
}

.disabled-tmc {
    pointer-events: none;
}

.xo-button {
    left: unset !important;
    border: 1px red solid;
}

.remember-button {
    left: auto !important;
}


.notifications {
    flex-direction: column;
    position: absolute;
    height: 20%;
    display: flex;
    top: 2%;
    right: 2%;
    width: 20%;
}

    .notifications div {
        width: 100%;
        height: 33%;
    }

    .notifications h1 {
        display: flex;
        align-items: center;
        color: black;
        font-weight: bold;
        background-color: #b0c9e8;
        height: 30%;
        padding: 0 0 0 3%;
    }

    .notifications h2 {
        display: flex;
        align-items: center;
        color: black;
        font-weight: normal;
        background-color: #f7f7f7;
        height: 50%;
        padding: 0 0 0 3%;
    }