@import "Icons.css";
@import "font-awesome.min.css";

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.helpicon, .widget-helpicon, .button-helpicon {
    background-image: url(images/Help-icon.png) !important;
    cursor: pointer;
}

.widget-helpicon, .button-helpicon {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

.widget-helpicon {
    position: absolute;
    margin-top: 3px;
    right: 0;
}

.tableGrid {
    display: block;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.Subtotal-line {
    border-bottom: 1px dotted navy;
    padding-bottom: 2px;
    display: block;
    min-height: 18px;
}

.contained-item {
    padding-bottom: 3px;
    display: block;
}

.navy-color-item, .navy-color-item .x-form-display-field {
    color: navy;
}

.white-color-item {
    color: white;
}

.green-color-item, .green {
    color: green;
}

.red-color-item, .red {
    color: red;
}

.yellow {
    color: orange;
}

.blue-color-item {
    color: Blue;
}

.field-item-nowrap {
    color: Blue;
    white-space: nowrap;
}

.RightColumn {
    color: Blue;
    text-align: left;
    width: 150px;
    display: block;
}

.RightColumnRed {
    color: Red;
}

.bold-navy-item {
    font-weight: bold;
    color: Navy;
}

.bold-black-item {
    font-weight: bold;
    color: black;
}

.bold-red-item {
    font-weight: bold;
    color: Red;
}


.custom-slider {
    width: 254px;
    padding-top: 12px;
    background-image: url(/Repository/TraxV2/images/ticks.gif);
}

    .custom-slider .x-slider-thumb {
        background-image: url(/Repository/TraxV2/images/slider-thumb.png);
    }


.x-form-item-label {
    font-weight: normal;
    color: Navy;
}

div.x-column-header-inner {
    text-align: center;
}


/*buttons*/
.print {
    background-image: url(images/printer16.png) !important;
}

.tax {
    background-image: url(images/tax.png) !important;
}

.export-to {
    background-image: url(images/Export-To-File-icon.png) !important;
}

.export-csv {
    background-image: url(images/Files-Csv-icon.png) !important;
}

.export-excel {
    background-image: url(images/export-excel-icon.png) !important;
}

.delete {
    background-image: url(images/delete2.png) !important;
}

.statement {
    background-image: url(images/mail_forward.png) !important;
}

/*.cellEditing {
    padding-right: 16px;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(images/edit-in-line.png) !important;
}*/



.expression {
    background-image: url(images/math.png) !important;
}

.add2expression {
    background-image: url(images/add2expression.png) !important;
}

.zommdetail {
    background-image: url(images/Zoom-in-icon.png) !important;
}

.search {
    background-image: url(images/find16.png) !important;
}

.language {
    background-image: url(images/language-skills-icon.png) !important;
}

.languageFlag {
    height: 16px;
    width: 16px;
    margin: 0px auto 0px auto;
}

.spflag {
    background-image: url(images/spain-flag-icon.png) !important;
}

.enflag {
    background-image: url(images/English-Flag-icon.png) !important;
}

.bell {
    background-image: url(images/bell.png) !important;
}

.calculator {
    background-image: url(images/calculator.png) !important;
}

.postdoc {
    background-image: url(images/post-it.png) !important;
}

.selectdoc {
    background-image: url(images/CircleSelected.png) !important;
}

.unselect {
    background-image: url(images/CircleUnselected.png) !important;
}

.clear, .clearpay {
    background-image: url(images/Actions-edit-clear-icon.png) !important;
}

.reloadpay {
    background-image: url(images/reset16.png) !important;
}

.applypay {
    background-image: url(images/Pay-Per-Click-icon.png) !important;
}

.multiedit {
    background-image: url(images/view-multi-column-icon.png) !important;
}

.newrecords {
    background-image: url(images/new_record.png) !important;
}

.cruddelete {
    background-image: url(images/application-form-delete-icon.png) !important;
}

.crudsave {
    background-image: url(images/Save-as-icon.png) !important;
}

.closedocument, .closedocuments {
    background-image: url(images/document-close-icon.png) !important;
}

.close {
    background-image: url(images/close16.png) !important;
}

.reset {
    background-image: url(images/reset16.png) !important;
}

.resetpay, .back {
    background-image: url(images/back.png) !important;
}

.login {
    background-image: url(images/key16.png) !important;
}

.UserPreference {
    background: url(images/UserPreference.png) transparent no-repeat !important;
}

.logout {
    background: url(images/logout.png) transparent no-repeat !important;
}

/* Tabs */

.CustomerViewport, .CustomerSearchSetup {
    background-image: url(images/tabs/customers16.png) !important;
}

.CustomerPerformanceViewport, .CustomerSalesPerformanceViewport {
    background-image: url(images/tabs/column-chart.png) !important;
}

.CustomerAgingViewport {
    background-image: url(images/tabs/date-time.png) !important;
}

.CustContactsLookup {
    background-image: url(images/tabs/address_book2.png) !important;
}

.notesTextFormating {
    border: 0px solid red;
    margin-top: 5px;
    width: 100%;
    padding: 5px;
    text-align: justify;
}

.image-button {
    height: 20px !important;
    width: 20px !important;
    border: 0;
    text-align: center;
    background: none;
}

    .image-button.notesImageButton {
        background-image: url(images/tabs/note_pinned.png) !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
    }

.technotes {
    background-image: url(images/note_pinned.png) !important;
}

.repairnotes {
    background-image: url(images/note_pinned.png) !important;
}


.NotesLookup {
    background-image: url(images/tabs/note_pinned.png) !important;
    background-repeat: no-repeat !important;
}

.PaymentLookup {
    background-image: url(images/money.png) !important;
}

.CustomerBalanceLookup {
    background-image: url(images/cashier.png) !important;
}

.CreditLookup {
    background-image: url(images/tabs/briefcase_document.png) !important;
}

.InvoiceLookup {
    background-image: url(images/tabs/briefcase2_document.png) !important;
}

.search-item {
    white-space: normal;
    color: #555;
}

    .search-item h3 {
        display: block;
        font: inherit;
        font-weight: bold;
        color: #222;
    }

    .search-item span {
        font-weight: normal;
        margin: 0 2px 0px 0px;
        clear: none;
    }

.searchsyn {
    background-image: url(images/table-add-icon.png) !important;
}

.lookup-trigger {
    background-image: url(images/lookup-trigger.gif) !important;
}

.suggest-trigger {
    background-image: url(images/suggest-trigger.png) !important;
    background-repeat: no-repeat;
    border-top: 1px solid #b5b8c8;
    border-right: 1px solid #b5b8c8;
    background-size: 102px;
}

.lookup-clear {
    display: block;
    background-image: url(images/delete2.png);
}

.lookup-close {
    display: block;
    background-image: url(images/lookup_close.png);
    width: 30px;
}

.lat-lookup {
    z-index: 20000 !important;
}

.rptStatusBk1 {
    padding: 2px 2px 2px 2px;
    background-image: url(images/statusGreen_bg.png) !important;
}

.rptStatusBk2 {
    color: black;
    padding: 2px 2px 2px 2px;
    background-image: url(images/statusPurple_bg.png) !important;
}

.rptStatusBk3 {
    padding: 2px 2px 2px 2px;
    background-image: url(images/statusYellow_bg.png) !important;
}

.rptStatusBk4 {
    padding: 2px 2px 2px 2px;
    background-image: url(images/statusRed_bg.png) !important;
}

.insuranceExpired {
    padding: 2px 0;
    background-image: url(images/expired.png) !important;
    background-repeat: no-repeat;
}

.insuranceInactive {
    padding: 2px 0;
    background-image: url(images/waiting.png) !important;
}

.not-done {
    padding: 2px 0;
    background-image: url(images/delete2.png) !important;
}
/* report table */
.cellCls {
    vertical-align: top;
}

.collapseAll {
    background-image: url(images/collapse.png) !important;
}

.expandAll {
    background-image: url(images/expand.png) !important;
}


.no-icon {
    display: none;
}

.SubMenuOption {
    display: block;
    background-color: #cfe0f5;
    font-weight: bold;
}

.MenuOption {
    display: block;
    /*background-color: #fbfafa;
    border-top: 1px solid #ededed;*/
}

.x-grid-tree-loading .x-tree-icon {
    background-image: url(images/loading.gif) !important;
}

.x-tree-icon-parent {
    display: none;
    margin: 0px 2px 0px 0px;
    background: transparent no-repeat 0 0;
}

.x-grid-tree-node-expanded .x-tree-icon-parent {
    display: none;
    margin: 0px 2px 0px 0px;
    background: transparent no-repeat 0 0;
    xbackground-image: url('images/collapse.png');
}

.x-tree-no-lines .x-tree-elbow-plus, .x-tree-no-lines .x-tree-elbow-end-plus {
    margin: 0px 2px 0px 2px;
    background: transparent no-repeat 0 0;
    background-image: url('images/expand.png');
}

.x-tree-no-lines .x-grid-tree-node-expanded .x-tree-elbow-plus, .x-tree-no-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    margin: 0px 2px 0px 2px;
    background: transparent no-repeat 0 0;
    background-image: url('images/collapse.png');
}


.Logo {
    background-color: Red;
}

.UserInfo-form-item {
    display: block;
    min-height: 18px;
    color: White;
    font-weight: bold;
}


.Mail {
    width: 16px;
    height: 16px;
    /*background-image: url(images/mail.png) !important;*/
}

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

.FieldModified {
    background-color: blue !important;
}

.dbFieldModified {
    background-color: green;
}

.dataEdit {
    background-image: url(images/data_edit.png) !important;
}

.download {
    background-image: url(images/Downloads-icon.png) !important;
}

.upload {
    background-image: url(images/uploads-icon.png) !important;
}

.dataSaved {
    background-image: url(images/data_saved.png) !important;
}

/* to hide dirty mark in grids with class "non-dirty-cells". See an example in ReportScheduleLookup.xml */
div.non-dirty-cells .x-grid-dirty-cell {
    background-image: none !important;
}

    div.non-dirty-cells .x-grid-dirty-cell div.x-unselectable b {
        display: none !important;
    }

/*Edit in line*/

.edit-in-line {
    background: url(images/close16.png) top;
}

.delete-in-line {
    background: url(images/close16.png) top;
}

.hiddenAction img {
    display: none;
}

.hiddenAction {
    display: none;
}

/*Purge reports repository*/
.purge-repository {
    background: url(images/purge.png) top;
}

/*patch to scroll in chrome*/
/*div.x-window-body {
    overflow: auto;
}*/

/*Reports options*/
.report-options {
    background: url(images/report_options.png) top;
}

/* Localization */

.Loc-DefaultValue, .Loc-Value, .Loc-Entry {
    font-weight: bold;
    color: blue;
}

.Loc-Value {
    color: green;
}

.Loc-Entry {
    color: black;
}

.mail_forward, .mail {
    background-image: url(images/mail_forward.png) !important;
}

.browser {
    background-image: url(images/browser.png) !important;
}

.printer {
    background-image: url(images/printer.png) !important;
}

.mail_add {
    background-image: url(images/mail_add.png) !important;
}

.play-button {
    background: url("images/Button-Play-icon.png") transparent no-repeat !important;
    width: 18px;
    height: 18px;
    border: 0;
}

/*forms fields styles*/

/* Validation error Tip*/

.x-form-invalid-tip-body li {
    margin-bottom: 14px !important;
}

/*.x-tip {
    width: auto !important;
}*/

.x-container.x-form-item:not(.itemsgroup) {
    margin-bottom: 0px
}

.panel-base div.x-field.x-form-item:not(.no-line), .panel-base div.x-container.x-form-item:not(.no-line) {
    min-height: 17px;
}

.panel-base div.x-field.x-form-item > .x-clear, .panel-base .x-form-checkboxgroup-body {
    padding: 0px 4px !important;
}

    .panel-base div.x-field.x-form-item > .x-clear, .panel-base .x-form-checkboxgroup-body ~ .x-clear {
        width: 100%;
        border-bottom: 1px solid #ccdbed;
        height: 3px;
    }

.panel-base div.x-field.x-form-item.is-empty.no-label > .x-clear {
    border-bottom: none;
}

.panel-base .x-form-checkboxgroup-body .x-form-radio-group.x-box-item div.x-field.x-form-item, .panel-base .x-form-checkboxgroup-body .x-form-check-group.x-box-item div.x-field.x-form-item {
    margin-bottom: 0px !important;
}

    .panel-base .x-form-checkboxgroup-body .x-form-radio-group.x-box-item div.x-field.x-form-item > .x-clear, .panel-base .x-form-checkboxgroup-body .x-form-check-group.x-box-item div.x-field.x-form-item > .x-clear {
        display: none;
    }

.panel-base div.x-field.x-form-item.no-line > .x-clear {
    border-bottom: none;
}

.panel-base div.x-container.x-form-item div.x-field.x-form-item:not(.no-line), .panel-base div.x-container.x-form-item div.x-container.x-form-item:not(.no-line) {
    border-bottom: none;
    padding-bottom: unset;
}

div[role=form] div.x-form-display-field {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.x-grid-view div[role=form] div.x-form-display-field {
    width: 100%;
}

.showdocument {
    background-image: url(images/template-report-icon.png) !important;
}

.discount {
    background-image: url(images/discount.png) !important;
}

.locopen {
    background-image: url(images/Locopen.png) !important;
}

.locsave {
    background-image: url(images/Locsave.png) !important;
}

.clipboard-delete {
    background-image: url(images/clipboard-delete.png) !important;
}

.clipboard-copy {
    background-image: url(images/clipboard-copy.png) !important;
}

.clipboard-cut {
    background-image: url(images/clipboard-cut.png) !important;
}

.clipboard-paste {
    background-image: url(images/clipboard-paste.png) !important;
}

.copy {
    background-image: url(images/copy.png) !important;
}

.copy {
    background-image: url(images/copy.png) !important;
}

.merge {
    background-image: url(images/merge.png) !important;
}

.location {
    background-image: url(images/location.png) !important;
}

.datasaved {
    background-image: url(images/data_saved.png) !important;
}

.cartfilled {
    background-image: url(images/cartfilled.png) !important;
}

.attributed_product {
    background-image: url(images/attributed_product.png) !important;
}

/*Fix for menu in internet explorer*/
div[id^="treeview"] table {
    width: 100% !important;
}

/*tablet style*/
/* Main Menu */
body.bodyTabletStyle div[id^="treeview"] table.x-grid-table tbody tr.x-grid-row td.x-grid-cell div.x-grid-cell-inner {
    height: 40px;
    line-height: 40px;
}

body.bodyTabletStyle table.x-grid-table tbody tr.x-grid-row td.x-grid-cell div.x-grid-cell-inner div.MenuOption {
    font-size: 150%;
}

body.bodyTabletStyle table.x-grid-table tbody tr.x-grid-row td.x-grid-cell div.x-grid-cell-inner img {
    margin-top: 13px;
}

/* toolbar MainMenu */
body.bodyTabletStyle .x-btn-default-toolbar-small .x-btn-inner {
    font-size: 120%;
    /* height: 40px; */
}

body.bodyTabletStyle div.x-box-inner div.mainMenuStyle {
    top: 20px;
}

body.bodyTabletStyle .buttonResizeTabletStyle {
    height: 32px;
    background-position: top;
}

body.bodyTabletStyle .buttonDivHeightTabletStyle {
    height: 35px !important;
}

body.bodyTabletStyle .buttonHeightTabletStyle {
    height: inherit;
}

.mousepointer {
    cursor: pointer;
}

.box {
    border: 1px solid #000000;
    white-space: nowrap;
    overflow: auto;
    padding: 5px 5px 5px 5px;
}

.definitions-errors {
    color: red;
}

.float-right {
    float: right !important;
}

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

.status-bar-field input {
    white-space: nowrap;
}

/* Dynamic Messages */

.ux-notification-window .x-window-body {
    text-align: center;
    padding: 15px 5px 15px 5px;
    background-color: yellow;
}

.ux-notification-light {
    min-width: 140px;
}

.ux-yellow-notification-window .x-window-body {
    text-align: center;
    padding: 15px 5px 15px 5px;
    background-color: yellow;
}

.ux-notification-icon-information {
    background-image: url('images/icon16_info.png');
}

.ux-notification-icon-warning {
    background-image: url('images/icon16_warning.gif');
}

.ux-notification-icon-error {
    background-image: url('images/icon16_error.png');
}

.ux-notification-light .x-window-header {
    background-color: transparent;
}

.ux-notification-light .x-window-header-body {
    height: 18px;
}

body .ux-notification-light {
    max-width: 98.5% !important;
    background: #ced9e7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ced9e7, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ced9e7, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ced9e7, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ced9e7, #ffffff); /* Standard syntax */
}

.ux-notification-light .x-window-body {
    text-align: left;
    padding: 15px 25px 20px 5px;
    background-color: transparent;
    border: 0px solid white;
    max-height: 400px;
    overflow-y: auto;
}

@keyframes blink-animation {
    to {
        background-image: none;
    }
}

@-webkit-keyframes blink-animation {
    to {
        background-image: none;
    }
}

.ux-notification-light.notification-fixed .x-window-header-body.x-window-header-body-default-top {
    background-image: url('images/locked.png');
    background-position: right;
    background-repeat: no-repeat;
    background-origin: content-box;
    padding-right: 20px;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 5;
    -webkit-animation-name: blink-animation;
    -webkit-animation-timing-function: ease;
    animation-direction: normal;
    animation-duration: 2s;
    animation-iteration-count: 5;
    animation-name: blink-animation;
    animation-timing-function: ease;
}

.ux-notification-light .x-window-body div {
    padding-left: 5px !important;
    max-height: 1000px;
    padding-right: 5px !important;
}

.ux-notification-light .x-window-body li {
    list-style-type: square;
}

.crud-disabled-panel .x-mask {
    opacity: .4 !important;
    -moz-opacity: .4 !important;
}

.crud-disabled-formPanel .x-mask {
    opacity: .4 !important;
    -moz-opacity: .4 !important;
}

.disabled-operation {
    opacity: .4 !important;
    -moz-opacity: .4 !important;
}

.DisplayOff {
    display: none;
}

.PinNote0, .PinNote1, .PinNote2, .PinNote3 {
    background-color: #baef04;
    color: navy;
    padding: 5px 5px 5px 5px;
    height: 100%;
    width: 100%;
}

.PinNote1 {
    background-color: #fcf3a5;
}

.PinNote2 {
    background-color: #fcb8fa;
}

.PinNote3 {
    background-color: #aefbfc;
}

.uploadImgViewMode {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid green;
    width: 310px !important;
    height: 230px !important;
}

.uploadImgCls {
    margin-left: auto !important;
    margin-right: auto !important;
    border: 3px dashed #ccc;
}

.uploadImgClsHover {
    border: 3px dashed #0c0;
}

.uploadImgClsHoverInvalid {
    border: 3px dashed red;
}

input[name=pageSize] {
    width: 40px !important;
}

input[role=checkbox][disabled], input[role=radio][disabled] {
    opacity: 0.5;
}

.x-form-radio-group.x-container-default {
    overflow: hidden;
}

.x-message-box li {
    list-style-type: initial;
}

*[readonly].x-trigger-noedit {
    background-color: #F5F5F5;
}

*[readonly]:not(.x-trigger-noedit) {
    opacity: 0.7;
}

.clearlist {
    border: none;
    background-image: url(images/clearlist.png) !important;
}

.x-form-item-label-left, .x-form-item-label-right, .x-form-cb-label-after {
    white-space: nowrap;
    text-overflow: ellipsis !important;
    overflow: hidden;
    max-width: 100%;
}

body:not(.logged-in) .main-top {
    background-image: url(/Repository/TraxV2/images/logo-corp.png) !important;
    background: transparent no-repeat 0 0;
    background-color: white;
    background-size: 80% auto;
    background-position: center;
    background-position-y: 30px;
}

body:not(.logged-in) .x-mask {
    background-color: white !important;
    opacity: 0;
}

body.logged-in .main-top {
    background-image: url(/Repository/TraxV2/images/logo-164x45.png) !important;
    background-color: white;
    background-size: auto 45px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

#MainApplication-embedded-center {
    border-top: solid #99bbe8 1px;
}

.main-menu {
    top: -1px !important;
}

.cellPencilIndicator,.cellEditing {
    padding-right: 15px;
}

    .cellPencilIndicator,.cellEditing:after {
        font-family: 'FontAwesome';
        content: "\f040";
        position: relative;
        margin-bottom: -15px;
        color: green;
    }
    .cellEditing:after {
        float: right;
        top: -15px;
        right: -10px;
    }

.boxStyle div.x-column-layout-ct {
    border: 1px solid #ccdbed;
}

.resultsetmore {
    background-image: url(images/resultset-more.png) !important;
}

.resultsetnext {
    background-repeat: no-repeat;
    background-image: url(images/folder-arrow-right-icon.png) !important;
}

.resultsetprev {
    background-repeat: no-repeat;
    background-image: url(images/folder-arrow-left-icon.png) !important;
}

.notifyCategoryText, .notifyText {
    padding: 3px 0 0 0px;
    display: block;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.notifyCategoryText {
    text-align: left;
    font-size: 10pt;
}

.notifyFields {
    height: 25px;
}

.Critical_Notify, .New_Notify, .Follow_Up_Notify, .Open_Notify, .notify, .confirm_Notify, .mailok, .ok, .shopping-cart, .supermarket-sale-tag, .openmail, .shopping-basket,
.birthdayCake, .cake, .plate, .pizza, .wine-bottle, .DayOff, .megaphone, .amplifiedSpeaker, .linkto, .holiday {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url(images/notifications.png);
}

.holiday {
    background-image: url(images/palm.svg) !important;
}

.Open_Notify {
    background-image: url(images/notification-bell-green.svg) !important;
}

.Critical_Notify {
    background-image: url(images/notification-bell-red.svg) !important;
}

.Follow_Up_Notify {
    background-image: url(images/notification-bell-yellow.svg) !important;
}

.New_Notify {
    background-image: url(images/notification-bell-blue.svg) !important;
}

.shopping-cart {
    background-image: url(images/shopping-cart.svg) !important;
}

.shopping-basket {
    background-image: url(images/shopping-basket.svg) !important;
}

.supermarket-sale-tag {
    background-image: url(images/supermarket-sale-tag.svg) !important;
}

.openmail {
    background-image: url(images/opened-email-envelope.svg) !important;
}

.confirm_Notify {
    background-image: url(images/confirm.svg) !important;
}

.imageComboBox {
    float: left;
    margin-right: 5px;
}

.notifyLookup {
    cursor: pointer;
    margin: 0 0 0 5px;
    display: block;
    width: 12px;
    height: 12px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-image: url(images/foreign.svg) !important;
}

.colorBox {
    border: blue;
    width: 20px;
    height: 20px;
}

.foreign {
    width: 16px;
    height: 16px;
    background-image: url(images/foreign.svg) !important;
}

.addNotify {
    background-image: url(images/plusbell.svg) !important;
}

.linktoDoc {
    background-image: url(images/chains.svg) !important;
}

.linkto {
    background-image: url(images/link.svg) !important;
}

.checkedmark {
    background-image: url(images/checked.svg) !important;
}

.amplifiedSpeaker {
    background-image: url(images/amplified-speaker.svg) !important;
}

.megaphone {
    background-image: url(images/megaphone.svg) !important;
}

.birthdayCake {
    background-image: url(images/birthday-cake.svg) !important;
}

.cake {
    background-image: url(images/cake.svg) !important;
}

.plate {
    background-image: url(images/plate.svg) !important;
}


.pizza {
    background-image: url(images/pizza.svg) !important;
}

.wine-bottle {
    background-image: url(images/wine-bottle.svg) !important;
}

.DayOff {
    background-image: url(images/calendar.svg) !important;
}

.zommdetail, .linkdoc {
    background-image: url(images/link.svg) !important;
}

.zommdetail, .linkdoc {
    background-image: url(images/link.svg) !important;
}

.circular-shape {
    background-image: url(images/circular-shape-silhouette.svg) !important;
    width: 0px !important;
}

.statusbar-resultset-buttongroup {
    margin: 3px;
    background-color: transparent;
    padding: 0 !important;
    border: 0;
}

.x-tab-top-active {
    background-image: none !important;
    background-color: white !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.x-tab-bar-strip-default, .x-tab-bar-strip-default-plain {
    background-color: white !important;
}

.x-tab-default-top-active {
    border-bottom-color: white !important;
}

/*Styles for tabs' groups*/
.groupTabIcon {
    background-image: url(images/tabs.gif) !important;
    background-size: 15px;
}

.grouptabs {
    top: 0 !important;
}

.grouptabs-after {
    top: 25px !important;
}

.grouptabs-body {
    height: 1px !important;
    visibility: hidden !important;
}

/*STYLES FOR TILE VIEW FEATURE*/
/*views icons*/
.icon-default {
    background: transparent no-repeat;
    background-image: url('Images/switch.png');
    background-position: 0 0 !important;
}

.icon-tile {
    background: transparent no-repeat;
    background-image: url('Images/switch.png');
    background-position: -16px 0 !important;
}

.icon-medium {
    background: transparent no-repeat;
    background-image: url('Images/switch.png');
    background-position: -32px 0 !important;
}

/**
* Medium View
*/
.ux-explorerview-medium-icon-row {
    width: 114px;
    height: 145px;
    float: left;
    border: none;
    padding: 1px;
}

.x-grid-table.thumbnails .x-grid-row-over .ux-explorerview-medium-icon-row {
    border: 1px solid #dddddd;
    padding: 0px;
    background: #efefef;
}

.ux-explorerview-medium-icon-row .x-grid-row-table {
    width: 100%;
}

    .ux-explorerview-medium-icon-row .x-grid-row-table td {
        text-align: center;
    }

        .ux-explorerview-medium-icon-row .x-grid-row-table td.ux-explorerview-icon {
            height: 100px;
            text-align: center;
            vertical-align: middle;
            background-size: 100% !important;
        }


/**
* Tile View
*/
.ux-explorerview-detailed-icon-row {
    width: 200px;
    height: 53px;
    float: left;
    padding: 1px;
    border: 0px solid #FFF;
}

.x-grid-table.thumbnails .x-grid-row-over .ux-explorerview-detailed-icon-row {
    border: 1px solid #dddddd;
    padding: 0px;
    background: #efefef;
}

.ux-explorerview-detailed-icon-row .x-grid-row-table {
    width: 100%;
}

    .ux-explorerview-detailed-icon-row .x-grid-row-table td {
        vertical-align: bottom;
    }

        .ux-explorerview-detailed-icon-row .x-grid-row-table td.ux-explorerview-icon {
            width: 56px;
            height: 50px;
            text-align: center;
            vertical-align: middle;
            background-size: 100% !important;
        }

        .ux-explorerview-detailed-icon-row .x-grid-row-table td span {
            color: #aaaaaa;
        }

.x-menu-scroll-bottom {
    display: none !important;
}

.x-menu-scroll-top {
    display: none !important;
}

.refresh-list {
    background-image: url(../../../ext-4.0/resources/themes/images/default/grid/refresh.gif);
}

.refresh-on-timeout {
    position: absolute;
    top: 3px;
    right: 15px;
    color: red !important;
    text-decoration: underline;
    width: 80px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    background-color: white !important;
    font-size: 9px !important;
}

.float-left-6 {
    float: left !important;
    margin-left: 6px !important;
}

.category-Attr, .attribute-tag {
    background-size: 16px 16px;
    background-image: url(images/information-symbol.png) !important;
}

.organizational-chart {
    display: block !important;
    background-size: 16px 16px;
    background-image: url(images/organizational-chart.png) !important;
}


.expansion-tag, .product-tag {
    background-size: 16px 16px;
    background-image: url(images/product-tag.png) !important;
}

.special-tag {
    display: block !important;
    background-size: 16px 16px;
    background-image: url(images/special-tag.png) !important;
}

.category-tag {
    display: block !important;
    background-size: 16px 16px;
    background-image: url(images/category-tag.png) !important;
}

.category-filter-tag {
    display: block !important;
    background-size: 16px 16px;
    background-image: url(images/category-filter-tag.png) !important;
}

.specialprice {
    background-size: 16px 16px;
    background-image: url(images/specialprice-tag.png) !important;
}

.specialprice_a-tag {
    background-size: 16px 16px;
    background-image: url(images/specialprice_a-tag.png) !important;
}

.specialprice_l-tag {
    background-size: 16px 16px;
    background-image: url(images/specialprice_l-tag.png) !important;
}

.specialprice_r-tag {
    background-size: 16px 16px;
    background-image: url(images/specialprice_r-tag.png) !important;
}

.specialprice-tag {
    display: block !important;
    background-size: 16px 16px;
    background-image: url(images/specialprice-tag.png) !important;
}

.category-image-tab {
    background-image: url(images/photo-camera.png) !important;
}

.alarm {
    margin: 7px 0px 0px 250px;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    background-image: url(images/alarm.png) !important;
    font-size: small;
    font-weight: bold;
    color: red;
    text-align: center;
    background-color: transparent;
    border: 0px;
    visibility: hidden;
}

.category-node {
    color: black;
    font-size: small;
    font-family: Arial;
}

    .category-node .id {
        font-weight: bold;
    }

.tree-explorer .x-tree-icon-parent {
    display: block;
    margin: 0px 2px 0px 0px;
    background-size: 16px 16px;
    background: transparent no-repeat 0 0;
    background-image: url(images/category-top.png);
    background-color: transparent;
}

.tree-explorer .x-grid-tree-node-expanded .x-tree-icon-parent {
    display: block;
    margin: 0px 2px 0px 0px;
    background: transparent no-repeat 0 0;
    background-size: 16px 16px;
    background-image: url(images/category-top.png);
}

.x-boundlist-item img.chkCombo {
    background: transparent url(images/unchecked.gif);
}

.x-boundlist-selected img.chkCombo {
    background: transparent url(images/checked.gif);
}

.noTested, .pasedTest, .failTest {
    margin: 4px 0px 0px 2px;
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-image: url(images/exclamation-sign_gray.png);
}

.pasedTest {
    background-image: url(images/exclamation-sign_green.png);
}

.failTest {
    background-image: url(images/exclamation-sign_red.png);
}

.x-container.x-form-item > .x-form-item-body {
    overflow: hidden !important;
}

.mandatoryField:not(.x-item-disabled) > label:after {
    color: #e32;
    content: ' *';
    display: inline;
}

.displayfield-pull-center .x-form-display-field {
    width: 100%;
    min-height: 18px;
    text-align: center;
    display: block;
}

.x-form-display-field, .blue-color-item {
    padding-top: 3px !important;
}

.is-empty .x-form-display-field {
    min-height: 17px;
}

.read-only-lookup > .x-form-item-body, .is-display-field > .x-form-item-body {
    height: 17px !important;
}

.edit-mode.read-only-lookup > .x-form-item-body, .edit-mode.is-display-field > .x-form-item-body, .edit-mode .x-form-item-body.x-form-cb-wrap {
    height: 22px !important;
}

.read-only-lookup > .x-form-item-body > input {
    border: none !important;
    padding: 0 !important;
    background: none !important;
    height: 17px;
    padding-top: 3px !important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-style: italic;
    opacity: 0.4;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style: italic;
    opacity: 0.4;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style: italic;
    opacity: 0.4;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-style: italic;
    opacity: 0.4;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-style: italic;
    opacity: 0.4;
}

::placeholder { /* Most modern browsers support this now. */
    font-style: italic;
    opacity: 0.4;
}

.x-docked-top .x-toolbar-item, .x-docked-top .x-btn-default-toolbar-small {
    top: 0 !important;
}

.x-fieldset-body.x-table-layout-ct table {
    width: 98%;
}

.stamp-textarea {
    padding-bottom: 30px !important;
}

.x-btn.fa:before {
    margin-top: 3px !important;
    margin-left: 3px !important;
    position: absolute !important;
}

.x-btn-default-toolbar-small-icon-text-left .x-btn-inner.fa {
    padding-left: 0 !important;
}

    .x-btn-default-toolbar-small-icon-text-left .x-btn-inner.fa:before {
        font: normal normal normal 12px/1 FontAwesome !important;
        margin-right: 3px !important;
    }

.x-item-disabled {
    opacity: 0.3 !important;
    -moz-opacity: 0.3 !important;
}

.lat-lookup {
    border-right: 1px solid #99bbe8;
}

    .lat-lookup.multiselect {
        border-left: 1px solid #99bbe8;
    }

.fa:before {
    font-family: 'FontAwesome'
}

.fa.disabled:before, button[disabled] .fa:before, .x-menu-item-disabled .fa:before {
    color: grey !important;
}

td.editInLine .fa, td.deleteInLine .fa {
    font-size: 12px !important;
}

    td.editInLine .fa.disabled:before, td.deleteInLine .fa.disabled:before {
        opacity: .5;
    }

.fa.fa-color-black:before {
    color: black;
}

.fa.fa-color-green:before {
    color: green;
}


.fa.fa-color-yellow:before {
    color: orange;
}

.fa.fa-color-red:before {
    color: red;
}

.fa.fa-color-blue:before {
    color: blue;
}

.x-btn-default-small-icon-text-left button > span.x-btn-inner.fa {
    padding-left: 5px !important;
}

    .x-btn-default-small-icon-text-left button > span.x-btn-inner.fa:before {
        padding-right: 10px !important;
    }

td.editInLine .x-grid-cell-inner, td.deleteInLine .x-grid-cell-inner {
    text-overflow: initial !important;
}

.x-tool-link {
    background-image: url(images/foreign.svg) !important;
    background-size: 12px 12px;
    background-position: center;
    cursor: pointer !important;
}


.x-grid-cell.line-indicator {
    border: none !important;
}

.gridRowExpanderHidden {
    display: none !important;
}

/*.scrollable-menu {
    top: 30px !important;
}*/

    .scrollable-menu .x-vertical-box-overflow-body {
        overflow-y: auto !important;
    }

    .scrollable-menu .x-menu-item {
        padding-right: 20px;
    }

.grid-row-need-attention .x-grid-cell {
    color: darkred !important;
    font-style: italic;
}

.x-menu-item-link .x-menu-item-icon.fa {
    margin-bottom: 0px;
    margin-top: 2px;
}

    .x-menu-item-link .x-menu-item-icon.fa:before {
        position: absolute;
        top: 5px;
        left: 8px;
    }

    .x-menu-item-link .x-menu-item-icon.fa ~ x-menu-item-text {
        top: -2px !important;
    }


.ext-ux-clearbutton-text {
    /* width: 12px; */
    height: 12px;
    /* background-image: url(Images/clear-text-icon.gif); */
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-user-focus: ignore;
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    margin-top: 4px;
    background-color: white;
    font-size: smaller;
    opacity: 0.8;
}

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

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

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

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

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

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