.custom-icon-add {
    background-image: url(../img/add.png) !important;
}

.custom-icon-calendar {
    background-image: url(../img/RR.png) !important;
}

.custom-icon-edit {
    background-image: url(../img/edit.png) !important;
}

.custom-icon-delete {
    background-image: url(../img/delete.png) !important;
}

.custom-icon-attachment {
    background-image: url(../img/attach.png) !important;
}

.custom-icon-requests {
    background-image: url(../img/page_white_stack.png) !important;
}

.custom-icon-group {
    background-image: url(../img/group.png) !important;
}

.custom-icon-user {
    background-image: url(../img/user.png) !important;
}

.custom-icon-lock {
    background-image: url(../img/lock.png) !important;
}

.custom-icon-bank {
    background-image: url(../img/bank.png) !important;
}

.custom-icon-logout {
    background-image: url(../img/logout.png) !important;
}

.custom-icon-save {
    background-image: url(../img/save.png) !important;
}

.custom-icon-cancel {
    background-image: url(../img/cancel.png) !important;
}

.custom-icon-print {
    background-image: url(../img/print.png) !important;
}

.custom-icon-loadresults {
    background-image: url(../img/loadresults.png) !important;
}

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

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

.custom-icon-route {
    background-image: url(../img/route_16.png) !important;
}

.custom-icon-driver {
    background-image: url(../img/driver.png) !important;
}

.custom-icon-factory {
    background-image: url(../img/factory.png) !important;
}

.custom-icon-regular-replenishment {
    background-image: url(../img/RR.png) !important;
}

.custom-icon-post {
    background-image: url(../img/post.png) !important;
}

.custom-icon-pdf {
    background-image: url(../img/pdf.png) !important;
}

.custom-icon-locations {
    background-image: url(../img/house.png) !important;
}

.custom-icon-machines {
    background-image: url(../img/machine.png) !important;
}

.custom-icon-products {
    background-image: url(../img/brick.png) !important;
}

.custom-icon-loads {
    background-image: url(../img/lorry.png) !important;
}

.custom-icon-routes {
    background-image: url(../img/flag_green.png) !important;
}

.custom-icon-suppliers {
    background-image: url(../img/supplier.png) !important;
}

.custom-icon-purchases {
    background-image: url(../img/cart.png) !important;
}

.custom-icon-reports {
    background-image: url(../img/chart_bar.png) !important;
}

.custom-icon-map16 {
    background-image: url(../img/map16.png) !important;
}

.custom-icon-configuration {
    background-image: url(../img/cog.png) !important;
}

.custom-icon-expenses {
    background-image: url(../img/money_dollar.png) !important;
}

.custom-icon-report-leaf {
    background-image: url(../img/reports3.png) !important;
}

.custom-icon-pdf16 {
    background-image: url(../img/pdf16.png) !important;
}

.custom-icon-dollar {
    background-image: url(../img/dollar.png) !important;
}

.custom-icon-xls {
    background-image: url(../img/xls.png) !important;
}

.custom-icon-reload {
    background-image: url(../img/reload.png) !important;
}

.custom-icon-dashboard {
    background-image: url(../img/dashboard2.png) !important;
}

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

.custom-icon-category {
    background-image: url(../img/category.png) !important;
}

.custom-icon-history {
    background-image: url(../img/history.png) !important;
}

.custom-icon-trips {
    background-image: url(../img/lorry.png) !important;
}

.custom-icon-welcome {
    background-image: url(../img/welcome2.png) !important;
}

.custom-icon-help {
    background-image: url(../img/help.png) !important;
}

.custom-icon-account {
    background-image: url(../img/account.png) !important;
}

.custom-icon-prediction {
    background-image: url(../img/prediction.png) !important;
}

.custom-icon-money {
    background-image: url(../img/money.png) !important;
}

.custom-icon-mileage {
    background-image: url(../img/mileage.png) !important;
}

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

.custom-icon-telemetry {
    background-image: url(../img/telemetry.png) !important;
}

.custom-icon-video {
    background-image: url(../img/video.png) !important;
}

.custom-icon-video {
    background-image: url(../img/video.png) !important;
}

.custom-icon-optimal-route {
    background-image: url(../img/optimal_route.png) !important;
}

.custom-icon-writeoff {
    background-image: url(../img/writeoff.png) !important;
}

.custom-icon-adjust {
    background-image: url(../img/adjust.png) !important;
}

.custom-icon-price-change {
    background-image: url(../img/price-change.png) !important;
}

.custom-icon-subscription {
    background-image: url(../img/payment1.png) !important;
}

.custom-icon-folder {
    background-image: url(../img/folder.png) !important;
}

.custom-icon-trash {
    background-image: url(../img/trash.png) !important;
}

.custom-icon-pack {
    background-image: url(../img/pack.png) !important;
}

.custom-icon-iot {
    background-image: url(../img/iot.png) !important;
}

.custom-icon-telemetry-history {
    background-image: url(../img/telemetry-history.png) !important;
}

.custom-icon-finger {
    background-image: url(../img/finger.png) !important;
}

.custom-icon-import {
    background-image: url(../img/import.png) !important;
}

.custom-icon-custom-fields {
    background-image: url(../img/custom-fields.png) !important;
}

.custom-icon-arrow-up {
    background-image: url(../img/arrow-up.png) !important;
}

.custom-icon-arrow-down {
    background-image: url(../img/arrow-down.png) !important;
}

.custom-icon-switch {
  background-image: url(../img/switch.png) !important;
}

/* .x-tab-default-top button,
.x-tab-default-top .x-tab-inner {
  height: 16px !important;
} */

.my-fieldset .x-fieldset-header-text {
/*    font-weight: bold;
    font-size: 12px; */
}

.x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 4px;
    padding-bottom: 2px;
    line-height: 14px;
}
.x-grid-with-row-lines .x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 3px;
}
.x-grid-checkheader {
    height: 14px;
    background-image: url('../img/unchecked.gif');
    background-position: 50% -2px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-checkheader-checked {
    background-image: url('../img/checked.gif');
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

/**** splash ****/
.x-mask.splashscreen {
    background-color: white;
    opacity: 1;
}
.x-mask-msg.splashscreen,
.x-mask-msg.splashscreen div {
    font-size: 16px;
    font-weight: bold;
    padding: 30px 5px 5px 5px;
    border: none;
    background-color: transparent;
    background-position: top center;
}
.x-message-box .x-window-body .x-box-inner {
    min-height: 110px !important;
}
.x-splash-icon {
    background-image: url('../img/logo.png') !important;
    background-repeat: no-repeat;
    margin-top: -30px;
    margin-bottom: 15px;
    height: 100px;
}

.simple-button.x-btn-default-toolbar-large {
    background: #FFF;
    border-style: none;
}

.simple-button.x-btn-default-toolbar-large-over {
    background-color: #EBEBEB;
}

.vendsoft-logo {
    background-image: url(../img/logo.png) !important;
    background-repeat: no-repeat;
/*    background-position: 0 10px;*/
}

.x-orange-button {
    background: #ED5400 !important;
    border: 0;
}

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

div.blank_slate h1 {
    margin: 0 0 3px 0;
    font-size: 18px;
    line-height: 1.3em;
    padding-top: 10px;
}

.x-toolbar-default span.x-btn-inner {
    text-decoration: underline;
    color: rgb(0,0,238) !important;
}

.x-toolbar-default .x-btn-over span.x-btn-inner {
    color: rgb(255,255,255) !important;
}

.x-toolbar-default .x-btn-focus span.x-btn-inner {
    color: rgb(255,255,255) !important;
}

/*********************************
https://github.com/EirikLorentsen/Ext.ux.window.Notification
*********************************/

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

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

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

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

body .ux-notification-light {
	background-image: url('/images/fader.png');
}

.ux-notification-light .x-window-body {
	text-align: center;
	padding: 15px 5px 20px 5px;
	background-color: transparent;
	border: 0px solid white;
}

td.my-cell-error, .x-window-active.x-window-blue-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell.my-cell-error {
    border: 1px red solid !important;
}

.x-grid-row-alt .x-grid-cell,
.x-grid-row-alt .x-grid-rowwrap-div {
  background-color: #f9fbfb !important;
}

.x-tree-icon-leaf {
    background-repeat: no-repeat;
    background-position: center center;
}

.trip-tree .x-tree-icon-parent, .trip-tree .x-tree-elbow-end, .trip-tree .x-tree-elbow {
    display: none !important;
/*  width: 16px;
  background-repeat: no-repeat;
  background-position: 0 0 !important;*/
}

.trip-tree .x-tree-elbow-plus, .trip-tree .x-tree-elbow-minus, .trip-tree .x-tree-elbow-end-plus {
    margin-top: -5px;
}

.trip-tree .x-grid-cell-treecolumn .x-grid-cell-inner {
  line-height: 19px;
}

.trip-tree .x-tree-icon-leaf {
  width: 16px;
}

.trip-tree .x-tree-expander,
.trip-tree .x-tree-elbow,
.trip-tree .x-tree-elbow-img {
  height: 24px;
}

.x-grid-row-summary {
    background-color: #ccc;
}

.x-grid-row .my-total-cell {
    background-color: #ccc !important;
}

.gridCss .x-column-header-inner {
    text-align:center;
    white-space: normal;
    padding: 3px;
}

.gridCss .x-column-header-inner .x-column-header-text {
    white-space: normal;
}

.fill-call-row .x-grid-cell {
    background-color: #e2ffe2 !important;
    color: #090;
}

.x-grid-cell.x-grid-td.price-change-cell {
    background-color: #FFFF66 !important;
}

.x-grid-cell.x-grid-td.new-count-cell {
    background-color: #FF6961 !important;
}
.gridCss .vs-row-inactive td {
   background-color: #d3d3d3 !important;
}

/********** Portal *************/
.x-panel-ghost {
    z-index: 1;
}
.x-portal-body {
    padding: 0 0 0 5px;
}
.x-portal .x-panel-dd-spacer {
    border: 2px dashed #99bbe8;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 10px;
}
.x-portlet {
    margin-bottom:10px;
    padding: 1px;
    margin: 5px 5px 0 0;
}
.x-portlet .x-panel-body {
    background: #fff;
}
.portlet-content {
    color: black;
    padding: 10px;
/*    font-size: 11px; */
}

 #app-options .portlet-content {
    padding: 5px;
/*    font-size: 12px;*/
}


 /* Fix Azzurra 1.2.19 */
.x-menu-item .x-menu-item-link {
  padding: 7px 6px 4px 32px;
}

.my-div-icon {
    background: transparent;
    border: none;
}

.leaflet-marker-icon .number {
    position: relative;
    top: -42px;
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    width: 25px;
    text-align: center;
    padding-left: 3px;
}

.my-label .x-form-item-label-top {
    padding: 0px;
}

/*******************************************
 * Extensible recurrence control styles
 *
 ******************************************/
.extensible-recur-inner-ct {
    padding: 8px 0 0 15px;
}
.extensible-recur-inner-ct label {
    margin-top: 2px !important;
}
.extensible-recur-weekly label {
    /* checkbox alignment is slightly different */
    margin-top: 1px !important;
    margin-right: 5px !important;
}
.extensible-recur-weekly .x-form-item {
    margin-bottom: 5px;
}
.extensible-recur-frequency,
.extensible-recur-duration,
.extensible-recur-interval,
.extensible-recur-monthly,
.extensible-recur-weekly,
.extensible-recur-yearly {
    margin-bottom: 0 !important;
}
.extensible-recur-edit-options .x-btn {
    margin: 0 5px;
}
/* Recurrence edit options icon classes */
.extensible-recur-edit-options .recur-edit-single {
    width: 50px !important;
    margin: 0 auto;
    background: url(/img/recur-edit-options.png) -100px -3px !important;
}
.extensible-recur-edit-options .recur-edit-future {
    width: 50px !important;
    margin: 0 auto;
    background: url(/img/recur-edit-options.png) -50px -3px !important;
}
.extensible-recur-edit-options .recur-edit-all {
    width: 50px !important;
    margin: 0 auto;
    background: url(/img/recur-edit-options.png) 0 -3px !important;
}

.permission-tree .x-tree-icon-parent,
.permission-tree .x-tree-icon-leaf {
    display: none !important;
}

.report-tree .x-tree-elbow-img.x-tree-elbow,
.report-tree .x-tree-elbow-img.x-tree-elbow-end {
    display: none !important;
}

.demoPanelClass .x-panel-header-text {
    color: white;
}

.demoPanelClass .x-panel-header {
    background-color: #df5034;
}

.demoPanelClass .x-panel-body {
    vertical-align: middle;
}

.demoPanelBody {
    margin-top: 42px;
}

.demoPanelClass h2 {
    text-align:center;
    font-size:16px;
}

.demoPanelClass p {
    color:#727271;
    padding-top: 10px;
    text-align: center;
}

span.welcome {
    font-size:22px;
    padding-left: 25px;
    vertical-align:middle;
    color:#727271;
}

.demoWarning p {
    background-color: #fffbe6;
    color: #FF6961;
    padding: 7px;
    text-align: center;
    vertical-align: middle;
}

/************** Top Products Legend ***************/
.x-grid-cell.x-grid-td.product-order-0 {
    background-color: #fdc34b !important;
}
.x-grid-cell.x-grid-td.product-order-1 {
    background-color: #ea4b4b !important;
}
.x-grid-cell.x-grid-td.product-order-2 {
    background-color: #fd7e4b !important;
}
.x-grid-cell.x-grid-td.product-order-3 {
    background-color: #f0fd58 !important;
}
.x-grid-cell.x-grid-td.product-order-4 {
    background-color: #a9fd9e !important;
}
.x-grid-cell.x-grid-td.product-order-other {
    background-color: #4bcffd !important;
}

.x-fieldset {
  overflow: visible;
}

body.hide-intercom .intercom-launcher { display: none; }