@font-face {
    font-family: 'NavuBaseFontNormal';
    src: url('/fonts/frutiger/frutiger-lt-std-45-light.woff2') format("woff2"),
    url('/fonts/frutiger/frutiger-lt-std-45-light.woff') format("woff");
}

html, body {
    line-height: normal;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}

h1 {
    display: block;
    font-size: 2em;
    margin: 0.67em 0;
    font-weight: bold;
}

h2 {
    font-family: 'NavuBaseFont', arial, tahoma, verdana, helvetica, sans-serif;
    color: #44A848;
    display: block;
    font-size: 1.5em;
    margin: 0.83em 0;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin: 1em 0;
    font-weight: bold;
}

h4 {
    display: block;
    font-size: 1em;
    margin: 1.33em 0;
    font-weight: bold;
}

h5 {
    display: block;
    font-size: .83em;
    margin: 1.67em 0;
    font-weight: bold;
}

h6 {
    display: block;
    font-size: .67em;
    margin: 2.33em 0;
    font-weight: bold;
}

a[role=button] {
    text-decoration: underline;
}

/* Login Form */

@media screen and (max-device-width: 650px), (max-device-height: 480px) {
    .portal__loginform .x-form-field {
        font-size: 16px;
    }

    .portal__loginform .x-form-text, .portal__loginform .x-form-email {
        height: 32px;
        line-height: unset;
    }

    .portal__loginform .x-form-item-label {
        font-size: 16px;
        line-height: unset;
    }

    .portal__helperform input[type="text"] {
        font-size: 16px;
        line-height: 22px;
        width: 145.454545454% !important;

        /* scale down by 11/16 = 68.7% */
        transform: scale(0.687);
        transform-origin: left center;
    }
}

.login-newsfeed-item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid silver;
    max-width: 300px;
}
.login-newsfeed-avatar {
    float: left;
    margin-right: 6px;
}
.login-newsfeed-title{
    margin-top: 2px;
    padding-left: 36px;
    font-size: 18px;
}
.login-newsfeed-username {
    color: #2f5f8a;
}
.login-newsfeed-date {
    font-size: 10px;
}
.login-newsfeed-content {
    font-size: 12px;
    margin-top: 6px;
    padding-left: 36px;
    white-space: pre-wrap;
}
.login-newsfeed-button {
	background-color: #4CAF50;
  	border: none;
  	color: white;
  	padding: 5px;
  	margin-left: 100px;
  	margin-top: 5px;
}
/* Main Portal */

.green_bold_text {
    color: #44a848 !important;
    font-weight: bold !important;
}

.red_bold_text {
    color: #bd1e2f !important;
    font-weight: bold !important;
}

/* Main & Header Menu */
.header__username .x-btn-inner {
	text-transform: uppercase;
    color: #313a41 !important;
    font-weight: bold !important;
    display: flex;
    align-items: center;
}

.header__userimage {
    width: 32px;
    height: 32px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-left: 10px;
}

.header__button.x-btn-plain-toolbar-small-icon .x-btn-icon-el {
    height: auto;
    width: auto;
}

.plain_toolbar.x-toolbar {
    background-color: white;
    border-bottom: 0;
    padding: 0 0 0 4px;
    color: white;
}

.header__button .x-btn-button {
    overflow: visible;
}

.header__button .alert-wrapper {
    height: 16px;
    line-height: 16px !important;
    font-size: 10px !important;
    font-weight: normal !important;
    position: absolute;
    left: 21px;
    top: -2px;
    background: #bd1e2f;
    color: white !important;
    border-radius: 50%;
    z-index: 10;
}

.customer__button .x-btn-icon-el {
    height: auto;
    width: auto;
}

.customer__button .x-btn-button {
    overflow: visible;
}

.customer__button .alert-wrapper {
    height: 16px;
    width: 16px;
    line-height: 16px !important;
    font-size: 10px !important;
    font-weight: normal !important;
    text-align: center !important;
    position: absolute;
    left: 21px;
    bottom: -2px;
    background: #bd1e2f;
    color: white !important;
    border-radius: 50%;
    z-index: 10;
}

.tab_count_wrapper {
    width: 16px;
    height: 16px;
    line-height: 16px !important;
    font-size: 10px !important;
    font-weight: normal !important;
	position: absolute;
    top: -7px;
    right: -19px;
    background: #bd1e2f;
    color: white !important;
    text-align: center !important;
    border-radius: 50%;
    z-index: 10;
}

.button-with-badge .x-btn-button {
    position: relative;
    overflow: visible;
    padding-right: 10px;
}

.button_count_wrapper {
	width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top: 0px;      /* bump upward outside the button */
    right: -3px;    /* move slightly outside to the right */
    background: #bd1e2f;
    color: white !important;
    text-align: center !important;
    border-radius: 50%;
    z-index: 10;
    display: none;  /* hidden until count > 0 */
}

.panel_count_wrapper {
    width: 18px;
    height: 18px;
    line-height: 18px !important;
    font-size: 10px !important;
    background: #bd1e2f;
    color: white !important;
    text-align: center !important;
    border-radius: 50%;
    z-index: 10;
}

.siteservice__button .x-btn-icon-el {
    height: auto;
    width: auto;
}

.siteservice__button .x-btn-button {
    overflow: visible;
}

.siteservice__button .alert-wrapper {
    height: 16px;
    width: 16px;
    line-height: 16px !important;
    font-size: 10px !important;
    font-weight: normal !important;
    text-align: center !important;
    position: absolute;
    left: 15px;
    bottom: -2px;
    background: #bd1e2f;
    color: white !important;
    border-radius: 50%;
    z-index: 10;
}

.header__toolbar .x-toolbar-item:last-child {
    margin: 0 0 0 0;
}

.mainmenu__button {
    border-radius: 5px;
}

.mainmenu__button.x-btn-over, .mainmenu__button.x-btn-focus {
    border-color: #d8d8d8;
    background-color: #ebebeb;
}

.mainmenu__button.x-btn-pressed {
    border-color: #cecece;
    background-image: none;
    background-color: #e1e1e1;
}

.mainmenu__button .x-btn-inner-center {
    line-height: normal !important;
    padding-top: 28px;
    color: #313a41 !important;
    font-size: 10px;
    font-weight: bold !important;
}

.back--hidden {
    visibility: hidden;
}

.report-total-row .x-grid-cell {
    background-color: #E5E5E5 !important;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none !important;
}

/* Customer Service */
.top-only-border .x-panel-body {
    border-left: 0;
    border-top: 1px solid #D7D7D7;
    border-bottom: 0;
    border-right: 0;
}

.no-border .x-panel-body {
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

.top-only-border-grid .x-grid-body {
    border-left: 0;
    border-top: 1px solid #D7D7D7;
    border-bottom: 0;
    border-right: 0;
}

.form-trigger {
    height: 15px;
}

.activitycal-today .x-cell-border {
    border-left: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
}

.activitycal-normal .x-cell-border {
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

.home_panel_toolbar.x-toolbar {
    background-color: #808589;
    border-bottom: 0;
    padding: 0 0 0 4px;
    color: white;
}

.home_panel_toolbar .x-field-label-cell {
    vertical-align: middle;
}

.home_panel_toolbar .x-form-item-label {
    margin-top: 0;
}

.home_panel_toolbar .x-form-display-field {
    margin-top: 0;
    height: 17px;
}

.customerservice_panel_toolbar.x-toolbar {
    background-color: #808589;
    border-bottom: 0;
    padding: 0 0 0 4px;
}

.customerservice_panel_toolbar .x-box-layout-ct,
.customerservice_panel_toolbar .x-box-inner {
    overflow: visible;
}

.customerservice_panel_toolbar .x-field-label-cell {
    vertical-align: middle;
}

.customerservice_panel_toolbar .x-form-item-label {
    margin-top: 0;
}

.customerservice_panel_toolbar .x-toolbar-item {
    font-weight: bold;
    font-size: 10px;
    color: white;
}

.customerservice_panel_toolbar .x-toolbar-item.x-btn-focus {
    background-color: transparent;
}

.customerservice_panel_toolbar .x-form-display-field {
    margin-top: 0;
    height: 17px;
}

.customerservice_panel_toolbar .x-toolbar-footer {
    border-width: 0;
    border-bottom: 0;
}

.customerservice__toolbar.x-toolbar {
    padding: 0 0 0 0;
    border-right: 1px solid #86b078;
}

.customerservice_panel_grid .x-grid-header-ct {
    border-top: 0;
}

.navurequest_panel_toolbar.x-toolbar {
    background-color: #FFFFFF;
    border-bottom: 0;
    padding: 0 0 0 4px;
}

.navurequest_panel_toolbar .x-field-label-cell {
    vertical-align: middle;
}

.navurequest_panel_toolbar .x-form-item-label {
    margin-top: 0;
}

.navurequest_panel_toolbar .x-toolbar-item {
    font-weight: bold;
    font-size: 14px;
    color: black;
}

.navurequest_panel_toolbar .x-toolbar-item.x-btn-focus {
    background-color: transparent;
}

.navurequest_panel_toolbar .x-form-display-field {
    margin-top: 0;
}

.navurequest_panel_toolbar .x-toolbar-footer {
    border-width: 0;
    border-bottom: 0;
}

.toolbar_without_bottom_border.x-toolbar {
    border-bottom: 0;
}

/*.toolbar-btn {*/
/*	background-color: #44A848 !important;*/
/*	color: white !important;*/
/*	background-image: none;*/
/*}*/

/*.toolbar-btn .x-btn-inner {*/
/*    color: white !important;*/
/*    font-weight: bold;*/
/*}*/

.customerservice__toolbar .x-toolbar-item:last-child {
    margin: 0 0 0 3px;
}

.customerservice__toolbar .x-toolbar-item {
    margin: 0 3px 0 3px;
}

.customerservice__idfield.x-toolbar-item {
    text-align: center;
    margin: 0;
}

.customerservice__namefield {
    word-break: break-all;
    font-weight: bold;
}

.customerservice__agingfield .x-form-item-label {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.customerAddressTable {
    table-layout: fixed;
    border-collapse: collapse;
}

.customerAddressTable td {
    vertical-align: top;
    word-break: break-all;
    padding: 1px 0;
}

.customerDetailTable {
    width: 100%;
    margin-top: 5px;
    border-collapse: collapse;
}

.customerDetailTable table {
    border-collapse: collapse;
}

.customerDetailTable td {
    vertical-align: baseline;
    padding: 2px 2px 2px 0;
    white-space: normal;
    word-wrap: break-word;
}

.customerDetailTable td:nth-child(2) span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.customerDetailsLabel {
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    color: #313a41;
    text-align: left;
    width: 110px;
}

.customerDetailsLabel.dynamicLabelWidth {
    width: unset;
    padding-right: 5px;
}

.dispatchDetailTable {
    width: 100%;
    margin-top: 5px;
}

.dispatchDetailTable td {
    vertical-align: baseline;
    padding: 2px 0;
}

.dispatchDetailsLabel {
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    color: #313a41;
    text-align: left;
    width: 65px;
}

/* Theme Level Changes */
.x-grid3-cell {
    vertical-align: center;
}

.grid-no-border .x-grid-body {
    border-width: 0;
}

.grid-no-border .x-grid-group-hd {
    border-width: 0;
}

.legend-grid-row-class .x-grid-cell {
    background-color: transparent !important;
    border: none !important;
}

.legend-grid-row-class .x-grid-row {
    border: none !important;
}

.legend-grid-row-class .x-grid-item-selected {
    background: none !important;
}

.legend-grid-row-class .x-grid-item-over {
    background: none !important;
}

.plain-grid-rows.x-grid-row-over .x-grid-cell {
    border-style: none !important;
    background-color: #FFFFFF;
}

.plain-grid-rows.x-grid-row-selected .x-grid-cell {
    border-style: none !important;
    background-color: #FFFFFF;
}

.plain-grid-rows-with-custom-font.x-grid-row-over .x-grid-cell {
    border-style: none !important;
    background-color: #FFFFFF;
    font-size: 13px !important;
}

.plain-grid-rows-with-custom-font.x-grid-row-selected .x-grid-cell {
    border-style: none !important;
    background-color: #FFFFFF;
    font-size: 13px !important;
}

.plain-grid-rows-with-custom-font.x-grid-row .x-grid-cell {
    border-style: none !important;
    background-color: #FFFFFF;
    font-size: 13px !important;
}

.plain-grid-rows-with-custom-font.x-grid-row-summary{
	border-style: none !important;
    background-color: #FFFFFF;
    font-size: 13px !important;
}

.plain-viewport .x-viewport, .x-viewport body {
    background: #ffffff;
}

.grid-some-border .x-grid-cell {
    border-width: 0
}

.grid-no-border-small-font .x-grid-cell {
    border-width: 0;
    font-size: 9px !important;
    color: black;
}

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

.middle-align.x-grid-cell {
    vertical-align: middle;
}

.grid-calendar-view .x-grid-cell {
    height: 120px;
    width: 100%;
    border-right-width: 1px;
    cursor: context-menu;
}

/* Dashboard */
@media screen and (max-device-width: 650px), (max-device-height: 480px) {
    .dashboard__header .x-box-inner {
        margin-left: auto;
        margin-right: auto;
    }

    .dashboard__header .x-form-item-label {
        font-size: 14px;
        line-height: normal;
    }

    .dashboard__header .x-form-field {
        font-size: 16px;
        line-height: normal;
    }

    .dashboard__picklist .x-boundlist-item {
        font-size: 16px;
        line-height: 32px;
    }
}

.x-column-header.dashboardgroupheader {
    background-color: #ebebeb;
    border: 0;
    height: 0;
}

.x-column-header.portalgroupheader {
    background-color: #FFFFFF;
    border: 0;
    height: 0;
}

.x-column-header.portalinnerheader {
    background-color: #FFFFFF;
    color: rgb(57, 74, 85) !important;
    vertical-align: top;
    border: 0 none;
}

.x-column-header.dashboardwogroupheader {
    background-color: #f0f8ff;
    border: 0;
    height: 0;
}

.x-column-header.dashboardplainheader {
    background-color: #ebebeb;
    border: 0;
    color: rgb(1, 117, 194) !important;
    font-weight: bold;
    vertical-align: top;
}

.x-column-header.dashboardwhiteheader {
    background-color: #FFFFFF;
    vertical-align: top;
    border-style: none !important;
}

.dashboard_container {
    background-color: #ebebeb;
    border-radius: 10px;
}

.dashboard_container .x-grid-body {
    background-color: #ebebeb;
}

.dashboardrow .x-grid-cell {
    color: rgb(57, 74, 85);
    background-color: #ebebeb;
}

.dashboardrow .x-style-cellborder {
    border-style: none !important;
    background-color: #FFFFFF;
    color: #FFFFFF !important;
}

.dashboardrow.x-grid-row-over .x-grid-cell.x-style-cellborder {
    border-style: none !important;
    background-color: #FFFFFF;
    color: #FFFFFF !important;
}

.dashboardrow.x-grid-row-selected .x-grid-cell.x-style-cellborder {
    border-style: none !important;
    background-color: #FFFFFF;
    color: #FFFFFF !important;
}

.dashboardrow.x-grid-row-over .x-grid-cell {
    background-color: #ebebeb;
}

.dashboardrow.x-grid-row-selected .x-grid-cell {
    background-color: #ebebeb;
}

.dashboardrow-odd .x-grid-cell {
    color: rgb(57, 74, 85);
    background-color: #D2D9DA;
}

.dashboardrow-odd .x-style-cellborder {
    border-style: none !important;
    background-color: #FFFFFF;
    color: #FFFFFF !important;
}

.dashboardrow-odd.x-grid-row-over .x-grid-cell.x-style-cellborder {
    border-style: none !important;
    background-color: #FFFFFF;
    color: #FFFFFF !important;
}

.dashboardrow-odd.x-grid-row-selected .x-grid-cell.x-style-cellborder {
    border-style: none !important;
    background-color: #FFFFFF;
    color: #FFFFFF !important;
}

.dashboardrow-odd.x-grid-row-over .x-grid-cell {
    background-color: #D2D9DA;
}

.dashboardrow-odd.x-grid-row-selected .x-grid-cell {
    background-color: #D2D9DA;
}

.x-column-header.dashboardwosummaryinnerheader {
    background-color: #ebebeb;
    color: rgb(57, 74, 85) !important;
    vertical-align: top;
    border: 0 none;
}

.green-row .x-grid-cell {
    color: #167c16 !important;
}

.gray-row .x-grid-cell {
    color: #808080 !important;
}

.blue-row .x-grid-cell {
    color: #0000b2 !important;
}

.red-row .x-grid-cell {
    color: #ff0000 !important;
}

.light-green-row .x-grid-cell {
    background-color: #aae895 !important;
}

.dark-green-row .x-grid-cell {
    background-color: #86b078 !important;
}

.right-only-border .x-panel-body {
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-right: 1px solid #86b078;
}

.scanned-row .x-grid-cell {
    background-color: rgb(115, 191, 68) !important;
}

.x-panel.bottom-only-border {
    border-bottom: 1px solid #808080;
}

.x-panel.bottom-white-border {
    border-bottom: 1px solid #ffffff;
}

.greybackground {
    background-color: #CCCCCC !important;
}

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

.active-row .x-grid-cell {
    background-color: #E8FFD2 !important;
}

.disabled-row .x-grid-cell {
    background-color: #E5E5E5 !important;
}

.futurechange-row .x-grid-cell {
    background-color: #e5e5ff !important;
}

.futureend-row .x-grid-cell {
    background-color: #ffe2e2 !important;
}

.recordend-row .x-grid-cell {
    background-color: #FF9999 !important;
}

.pendingprocessing-row .x-grid-cell {
    background-color: #bbf4fa !important;
}

.posted-row .x-grid-cell {
    background-color: #D3F4CF !important;
}

.child-shared-service-row .x-grid-cell {
    background-color: #FFCC66 !important;
}



.highlightCell {
    border-color: rgb(4, 64, 140) !important;
    border-style: solid !important;
    border-width: 4px;
    border-radius: 7px;
}

.prospect-row .x-grid-cell {
    /*color: #9932CC !important;*/
    background-color: #d1b3ff !important;
}

.endservice-row .x-grid-cell {
    background-color: #FFCCCC !important;
}

.hold-row .x-grid-cell {
    background-color: #ffe2e2 !important;
}

.hide-row .x-grid-cell {
    display: none;
}

.route-summary-scheduled-with-separation .x-grid-cell {
    background-color: #FFFFFF;
}

.route-summary-scheduled-with-separation .cellborder {
    border-style: none !important;
    background-color: #FFFFFF;
    color: #FFFFFF !important;
}

.route-summary-scheduled-nonrouted-with-separation .x-grid-cell {
    background-color: #fff3f3;
}

.route-summary-scheduled-nonrouted-with-separation .cellborder {
    border-style: none !important;
    background-color: #fff3f3;
    color: #fff3f3 !important;
}

.route-summary-inprogress-with-separation .x-grid-cell {
    background-color: #FFFF99;
}

.route-summary-inprogress-with-separation .cellborder {
    border-style: none !important;
    background-color: #FFFFFF;
    color: #FFFFFF !important;
}

.route-summary-completed-with-separation .x-grid-cell {
    background-color: #E8FFD2;
}

.route-summary-completed-with-separation .cellborder {
    border-style: none !important;
    background-color: #FFFFFF;
    color: #FFFFFF !important;
}

.route-summary-scheduled .x-grid-cell {
    background-color: #FFFFFF;
}

.route-summary-scheduled-nonrouted .x-grid-cell {
	background-color: #fff3f3;
}

.route-summary-inprogress .x-grid-cell {
    background-color: #FFFF99;
}

.route-summary-completed .x-grid-cell {
    background-color: #D3F4CF;
}

.route-summary-optimization-running .x-grid-cell {
    background-color: #ad91cc;
}

.route-summary-optimization-finished .x-grid-cell {
    background-color: #d1b3ff;
}

.route-summary-optimization-error .x-grid-cell {
    background-color: #FFB8FF;
}

.route-summary-billing-column.x-column-header {
    background-color: rgba(106, 158, 204, 0.15);
}

.route-summary-billing-column.x-grid-cell {
    background-color: rgba(106, 158, 204, 0.15);
}

.route-summary-vendor-column.x-column-header {
    background-color: rgba(128,0,128, 0.2);
}

.route-summary-vendor-column.x-grid-cell {
    background-color: rgba(128,0,128, 0.2);
}

.deposit-row .x-grid-cell {
    background-color: #d1b3ff !important;
}

.clickable-row .x-grid-cell {
    background-color: #B2F0FF !important;
    cursor: pointer !important;
}

.blanketpo-expired .x-grid-cell {
    background-color: #FFCCCC !important;
}

.blanketpo-exeeds-billamount .x-grid-cell {
    background-color: #FFFF99 !important;
}

.routeservice-pendingpayment-or-approval .x-grid-cell {
    background-color: #bbf4fa !important;
}

.routeservice-scheduled .x-grid-cell {
    background-color: #FFFFFF !important;
}

.routeservice-inprogress .x-grid-cell {
    background-color: #FFFF99 !important;
}

.routeservice-notserviced .x-grid-cell {
    background-color: #FFCC66 !important;
}

.routeservice-completed .x-grid-cell {
    background-color: #D3F4CF !important;
}

.routeservice-cancelled .x-grid-cell {
    background-color: #ebebeb !important;
}

.routeservice-credithold .x-grid-cell {
    background-color: #FF9980 !important;
}

.outbound-completed-pending-weight .x-grid-cell {
    background-color: #B2F0FF !important;
}

.inbound-outbound-cancelled .x-grid-cell {
    background-color: #ffcccb !important;
}

.inbound-outbound-completed-ready-to-post .x-grid-cell {
    background-color: #e9f9e7 !important;
}

.inbound-outbound-completed-posted-or-billed .x-grid-cell {
    background-color: #d3f4cf !important;
}

.salesresult-red {
    background-color: #FF9999 !important;
}

.salesresult-yellow {
    background-color: #FFCC00 !important;
}

.salesresult-green {
    background-color: #009900 !important;
}

.salesresult-gray {
    background-color: #AAAAAA !important;
}

.salepipeline-light-green {
    background-color: #75C575 !important;
}

.salespipeline-light-yellow {
    background-color: #FFFF99 !important;
}

.salespipeline-light-orange {
    background-color: #FFCC66 !important;
}

.salespipeline-light-red {
    background-color: #FFCCCC !important;
}

.proposal-open .x-grid-cell {
    background-color: #FFFFFF !important;
}

.proposal-submitted-to-client .x-grid-cell {
    background-color: #B2F0FF !important;
}

.proposal-sold .x-grid-cell {
    background-color: #D3F4CF !important;
}

.proposal-verbalapproval .x-grid-cell {
    background-color: #99EB99 !important;
}

.proposal-lost .x-grid-cell {
    background-color: #FF9980 !important;
}

.proposal-void .x-grid-cell {
    background-color: #FFFF99 !important;
}

.proposal-preapproval .x-grid-cell {
    background-color: #d1b3ff !important;
}

.proposal-masteragreement .x-grid-cell {
    background-color: #e6e6ff !important;
}

.proposal-rejected .x-grid-cell {
    background-color: #FFB6C1 !important;
}

.proposal-refusedtosign .x-grid-cell {
    background-color: #FFA500 !important;
}

.labtest-notstarted .x-grid-cell {
    background-color: #B2F0FF !important;
}

.labtest-open .x-grid-cell {
    background-color: #FFFFFF !important;
}

.labtest-held .x-grid-cell {
    background-color: #FFFFFF !important;
}

.labtest-pendingapproval .x-grid-cell {
    background-color: #FFFFFF !important;
}

.labtest-failed .x-grid-cell {
    background-color: #FF99DD !important;
}

.labtest-approved .x-grid-cell {
    background-color: #99EB99 !important;
}

.salesresult-summary-subtotal .x-grid-cell {
    background-color: #e6e6e6 !important;
}

.declined_merchant_transaction .x-grid-cell {
    background-color:  rgba(255, 153, 153, 0.7) !important;
}

.voided_merchant_transaction .x-grid-cell {
    background-color:  #FFCCCC !important;
}

.chargeback_merchant_transaction .x-grid-cell {
    background-color:  #FFCC66 !important;
}

.settled_merchant_transaction .x-grid-cell {
    background-color:  #D3F4CF !important;
}

.paymentbatch_disable_unpost_light_red .x-grid-cell{
    background-color: #FFCCCC !important;
}

.paymentbatch_processed_success .x-grid-cell{
     background-color: rgba(138, 212, 138, 0.7) !important;
}

.paymentbatch_processed_failed .x-grid-cell{
     background-color: #FFCCCC !important;
}

.servicerecord_payment_voided .x-grid-cell{
     background-color: #FFCCCC !important;
}

.task-completed .x-grid-cell {
   background-color: rgba(138, 212, 138, 0.7) !important;
}

.task-pastdue .x-grid-cell {
   background-color: rgba(255, 153, 153, 0.7) !important;
}

.task-duetoday .x-grid-cell {
    background-color: rgba(178, 240, 255, 0.7) !important;
}

.navuproject-notstarted .x-grid-cell {
    background-color: #FFFFFF !important;
}

.navuproject-notstarted-hide-expander .x-grid-cell {
    background-color: #FFFFFF !important;
}

.navuproject-notstarted-hide-expander .x-grid-row-expander {
    visibility: hidden !important;
}

.navuproject-inprogress .x-grid-cell {
    background-color: #FFFF99 !important;
}

.navuproject-in-development .x-grid-cell {
    background-color: #FFCC66 !important;
}

.navuproject-in-development-hide-expander .x-grid-cell {
    background-color: #FFCC66 !important;
}

.navuproject-in-development-hide-expander .x-grid-row-expander {
    visibility: hidden !important;
}

.navuproject-inprogress-hide-expander .x-grid-cell {
    background-color: #FFFF99 !important;
}

.navuproject-inprogress-hide-expander .x-grid-row-expander {
    visibility: hidden !important;
}

.navuproject-completed .x-grid-cell {
    background-color: #D3F4CF !important;
}

.navuproject-completed-hide-expander .x-grid-cell {
    background-color: #D3F4CF !important;
}

.navuproject-selected-row .x-grid-cell {
    background-color: #D0E9D1 !important;
}

.navuproject-completed-hide-expander .x-grid-row-expander {
    visibility: hidden !important;
}

.navuproject-void .x-grid-cell {
    background-color: #FF9980 !important;
}

.navuproject-void-hide-expander .x-grid-cell {
    background-color: #FF9980 !important;
}

.navuproject-void-hide-expander .x-grid-row-expander {
    visibility: hidden !important;
}

.navuproject-task-customer-waiting .x-grid-cell {
    background-color: #d1b3ff !important;
}

.navuproject-task-customer-waiting-hide-expander .x-grid-cell {
    background-color: #d1b3ff !important;
}

.navuproject-task-customer-waiting-hide-expander .x-grid-row-expander {
    visibility: hidden !important;
}

.audit-unsuccessfull-response {
	background-color: #FFB6C1 !important;
}

.audit-successfull-response {
	background-color: white !important;
}

.audit-unsuccessfull-response .x-grid-cell {
    background-color: #FFB6C1 !important;
}

.disposallocation-usage .x-grid-cell {
    background-color: #D3F4CF !important;
}

.disposallocation-usage-plain-grid-rows .x-grid-cell {
    background-color: #FFFFFF !important;
}

.dailyrevenue-totalrow .x-grid-cell {
    background-color: #CCCCCC !important;
    font-weight: bold;
    font-size: 11px;
}

.approve-button .x-btn-inner {
    background: #44A848 !important;
    border-color: #44A848;
    color: #ffffff !important;
}

.decline-button {
    border-color: #bd1e2f;
    color: #ffffff !important;
    background: #bd1e2f !important;
}

.link-owner-button .x-btn-inner {
    background: #44A848 !important;
    border-color: #44A848;
    color: #ffffff !important;
}

.runningoptimization .x-grid-cell {
    background-color: #FFFF99 !important;
}

.arpaymentbatch-void .x-grid-cell {
    background-color: #FFFF99 !important;
}

.arpaymentbatch-open .x-grid-cell {
    background-color: #FFFFFF !important;
}

.autopaymentbatch-open .x-grid-cell {
    background-color: #d1b3ff !important;
}

.arpaymentbatch-posted .x-grid-cell {
    background-color: #66CC66 !important;
}

.incorrectroute-selection .x-grid-cell {
    background-color: #ffcccb !important;
}

.currentroute-importerror .x-grid-cell {
    background-color: #FFCCCC !important;
}

.inactive-record .x-grid-cell {
    background-color: #ffcccb !important;
}

.expired-waste-profile .x-grid-cell {
    background-color: #ffcccb !important;
}

.rejected-adjustments .x-grid-cell {
    background-color: #ffcccb !important;
}

.reversed-adjustments .x-grid-cell {
    background-color: #ffcccb !important;
}

.x-grid-row.permission-not-authorized {
    background-color: #ffcccb; /* Light Pink */
}

.x-grid-row.permission-authorized {
    background-color: #D3F4CF; /* Pale Green */
}

.permission-not-authorized .x-grid-cell {
    background-color: #ffcccb !important;
}

.permission-authorized .x-grid-cell {
    background-color: #D3F4CF !important;
}

.returned-to-submitter-refund-request .x-grid-cell {
    background-color: #d1b3ff !important;
}

.approved-refund-request .x-grid-cell {
    background-color: #D3F4CF !important;
}

.rejected-refund-request .x-grid-cell {
    background-color: #ffcccb !important;
}

.voided-refund-request .x-grid-cell {
    background-color: #FF9980 !important;
}

.expired-default-rate .x-grid-cell {
	background-color: #ffcccb !important;
}

.future_start_default_rate .x-grid-cell {
	background-color: #e5e5ff !important;
}

.renumber-future-sequence .x-grid-cell {
	background-color: #e5e5ff !important;
}


/** Theme level changes **/


/**************************/
/* icon classes for button background */

.icon-collapse {
    background-image: url(/images/group_collapse_icon.png) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-expand-svg {
    background-image: url(/images/svg/expand_icon.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-expand-white-svg {
    background-image: url(/images/svg/expand_icon_white.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-expand-green-svg {
    background-image: url(/images/svg/expand_icon_green.svg) !important;
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-calendar-expand {
    background-image: url(/images/svg/calendar_gray.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-calendar-expand-white {
    background-image: url(/images/svg/calendar_icon_white.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-attachment_new {
    background-image: url(/images/svg/attachments_icon.svg) !important;
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-contacts {
    background-image: url(/images/svg/contacts_icon.svg) !important;
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-sharedservice {
    background-image: url(/images/svg/share_c_green.svg) !important;
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-expand {
    background-image: url(/images/group_expand_icon.png) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-tab {
    background-image: url(/images/svg/tabs_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon_edit {
    background-image: url(/images/svg/edit_green.svg) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon-edit-large {
    background-image: url(/images/svg/edit_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-map-large {
    background-image: url(/images/svg/locationpinmap_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-map-red {
    background-image: url(/images/svg/locationpinmap_c_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-check {
    background-image: url(/images/checkmark_black.png) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon-delete {
    background-image: url(/images/svg/minussign_c_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-print {
    background-image: url(/images/svg/print_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-print-manifest {
    background-image: url(/images/svg/print_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-print-manifest-large {
    background-image: url(/images/svg/print_c_green.svg) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.icon-print-completed-manifest {
    background-image: url(/images/svg/printcomplete_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-back, .icon-back1, .icon-back2 {
    background-image: url(/images/svg/back_icon_green.svg) !important;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-back-medium {
    background-image: url(/images/svg/back_icon_green.svg) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-up {
    background-image: url(/images/svg/up-chevron_green.svg) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-add {
    background-image: url(/images/svg/plussign_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-add-large {
    background-image: url(/images/svg/plussign_c_green.svg) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-add-24 {
    background-image: url(/images/svg/plussign_c_green.svg) !important;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-refresh {
    background-image: url(/images/svg/refresh_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-refresh-white {
    background-image: url(/images/svg/refresh_white.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-closeperiod {
    background-image: url(/images/closeperiod.png) !important;
    background-size: 100% !important;
    height: 19px !important;
    width: 61px !important;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.icon-reopenperiod {
    background-image: url(/images/reopenperiod.png) !important;
    background-size: 100% !important;
    height: 19px !important;
    width: 61px !important;
    background-repeat: no-repeat;
}

.icon-closecommission {
    background-image: url(/images/closecommission.png) !important;
    background-size: 100% !important;
    height: 19px !important;
    width: 75px !important;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.icon-map {
    background-image: url(/images/maphomepage_icon.png) !important;
    background-size: 17px 17px;
    background-repeat: no-repeat;
}

.icon-xls {
    background-image: url(/images/svg/excel_c_green.svg) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center center;
}

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

.icon-email-button {
    background-image: url(/images/svg/mail_c_green.svg) !important;
}

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

.icon-zoomtofit {
    background-image: url(/images/svg/zoom_out_map.svg) !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-detailview {
    background-image: url(/images/detail_view.png) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-renewal {
    background-image: url(/images/renewal.png) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-greencheckbox-checked {
    background-image: url(/images/checkbox_green_checked.png) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon-greencheckbox-unchecked {
    background-image: url(/images/checkbox_green_unchecked.png) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon-error {
    background-image: url(/images/svg/close_c_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-email {
    background-image: url(/images/svg/letter_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-export-xls {
    background-image: url(/images/svg/excel_c_green.svg) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-export-small {
    background-image: url(/images/svg/excel_c_green.svg) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-export-smaller {
    background-image: url(/images/svg/excel_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-print-new {
    background-image: url(/images/svg/print_c_green.svg) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.icon-missing {
    background-image: url(/images/svg/exclamation_c_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-check-yellow {
    background-image: url(/images/svg/check_c_yellow.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-exclamation-green {
    background-image: url(/images/svg/exclamation_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-exclamation-yellow {
    background-image: url(/images/svg/exclamation_yellow.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-calendar {
    background-image: url(/images/svg/appointments_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-signed-proposal-alert {
    background-image: url(/images/svg/signed_green.svg) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-proposal-signed-alert {
    background-image: url(/images/svg/signed_green.svg) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-proposal-viewed-alert {
    background-image: url(/images/svg/eye_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-proposal-message-alert {
    background-image: url(/images/svg/messagebubble_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-other-alerts {
    background-image: url(/images/svg/upsideexclaim_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-header-tasks {
    background-image: url(/images/svg/tasklist_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-viewed-proposal-alert {
    background-image: url(/images/svg/stalkereye_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-edit {
    background-image: url(/images/svg/edit_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-tasks {
    background-image: url(/images/svg/tasklist_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-subtask {
    background-image: url(/images/sub_task_icon.png) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-apply {
    background-image: url(/images/apply.png) !important;
    background-size: 100% !important;
    height: 20px !important;
    width: 40px !important;
    background-repeat: no-repeat;
}

.icon-equipment {
    background-image: url(/images/svg/equipment_properties.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-lookup {
    background-image: url(/images/svg/lookup_green.svg) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-adjustment {
    background-image: url(/images/svg/adjustment_gray.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-transfter {
    background-image: url(/images/svg/transfer_gray.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-adjustment-green {
    background-image: url(/images/svg/adjustment_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-transfter-green {
    background-image: url(/images/svg/transfer_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-transfter-green2 {
    background-image: url(/images/svg/transfer_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.adjustment-icon {
    background-image: url(/images/svg/adjustment_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-refund {
    background-image: url(/images/svg/refund_blue.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-reverse {
    background-image: url(/images/svg/reverse_blue.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

/*.transfter-icon {*/
/*    background-image: url(/images/transfer_icon.png) !important;*/
/*    background-size: 16px 16px;*/
/*    background-repeat: no-repeat;*/
/*}*/

.icon-disposal {
    background-image: url(/images/disposal_icon.png) !important;
    background-size: 22px 18px;
    background-repeat: no-repeat;
}

.icon-close {
    background-image: url(/images/svg/close_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-attachment {
    background-image: url(/images/svg/attachments_icon.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-additionalinfo {
    background-image: url(/images/svg/moreinfo_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-more {
    background-image: url(/images/svg/more_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon-more-small {
    background-image: url(/images/svg/more_green.svg) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_moreinfo {
    background-image: url(/images/svg/moreinfo_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_add_note {
	background-image: url(/images/svg/add-note.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_right_check {
	background-image: url(/images/svg/check_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon_wrong_close {
	background-image: url(/images/svg/close_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.icon_approve_check {
    background-image: url(/images/svg/check_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon_void_check {
    background-image: url(/images/svg/close_c_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon_void {
    background-image: url(/images/svg/void_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon_overweight_lead {
    background-image: url(/images/svg/weight_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon_properties {
    background-image: url(/images/svg/properties_c_green.svg) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
}

.icon_properties_top {
    background-image: url(/images/svg/properties_c_green.svg) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: top;
}

.icon_regeocode {
    background-image: url(/images/svg/map_c_green.svg) !important;
    background-size: 21px 20px;
    background-repeat: no-repeat;
}

.icon_home {
    background-image: url(/images/svg/home_c_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.icon_help {
    background-image: url(/images/svg/help_c_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_accounting {
    background-image: url(/images/svg/accounting_c_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.icon_imports {
    background-image: url(/images/svg/import_c_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.icon_database {
    background-image: url(/images/svg/database_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.icon_customer {
    background-image: url(/images/svg/customerservice_c_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.icon_dashboard {
    background-image: url(/images/svg/barchart_c_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.icon_recentactivity {
    background-image: url(/images/svg/recentactivity_green.svg) !important;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_recentactivity_blue {
    background-image: url(/images/svg/recentactivity_blue.svg) !important;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_recentactivity_orange {
    background-image: url(/images/svg/recentactivity_orange.svg) !important;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_recentactivity_red {
    background-image: url(/images/svg/recentactivity_red.svg) !important;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_healthscore_red {
	background-image: url(/images/svg/red_circle_icon.svg) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_healthscore_yellow {
	background-image: url(/images/svg/yellow_circle_icon.svg) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_healthscore_orange {
	background-image: url(/images/svg/orange_circle_icon.svg) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_healthscore_green {
	background-image: url(/images/svg/green_circle_icon.svg) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_reports {
    background-image: url(/images/svg/reports_c_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.icon_sales {
    background-image: url(/images/svg/sales_c_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.icon_setup {
    background-image: url(/images/svg/setup_c_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.icon_truck {
    background-image: url(/images/svg/operations_c_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.icon_breakdown {
    background-image: url(/images/breakdown_icon.png) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
}

.icon_scan {
    background-image: url(/images/scan-icon.png) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon_new_map {
    background-image: url(/images/svg/locationpinmap_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon_new_print {
    background-image: url(/images/svg/print_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

/*.icon_import {*/
/*    background-image: url(/images/svg/download_c_green.svg) !important;*/
/*    background-size: 16px 16px;*/
/*    background-repeat: no-repeat;*/
/*}*/

.icon_download {
    background-image: url(/images/svg/download_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon_singleinvoice {
    background-image: url(/images/svg/createinvoice_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.icon_message {
    background-image: url(/images/svg/messagebubble_c_green.svg) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
}

.icon-messagebubble {
    background-image: url(/images/svg/messagebubble_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_clone {
    background-image: url(/images/clone_icon.png) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.icon_export {
    background-image: url(/images/svg/excel_c_green.svg) !important;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.icon_summary {
    background-image: url(/images/svg/barchart_c_green.svg) !important;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.icon_wrench {
    background-image: url(/images/svg/wrench_c_green.svg) !important;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.icon_payment_green {
    background-image: url(/images/svg/payments_green.svg) !important;
    background-size: 17px 15px;
    background-repeat: no-repeat;
}

.icon_payment {
    background-image: url(/images/svg/payment_green.svg) !important;
    background-size: 20px 18px;
    background-repeat: no-repeat;
}

.icon_payment_red {
    background-image: url(/images/svg/payments_red.svg) !important;
    background-size: 17px 15px;
    background-repeat: no-repeat;
}

.icon_post_payment {
    background-image: url(/images/postpayment.png) !important;
    background-size: 17px 15px;
    background-repeat: no-repeat;
}

.icon-pdf {
    background-image: url(/images/svg/pdf_icon.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-video {
    background-image: url(/images/video_icon.png) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-documentation {
    background-image: url(/images/svg/article.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-releasenote {
    background-image: url(/images/svg/release_notes.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-html {
    background-image: url(/images/svg/html_icon.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_cancellation {
    background-image: url(/images/svg/cancellations_c_green.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_timeline_type3_lunch {
    background-image: url(/images/timeline_type3_lunch_icon.png) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon_timeline_type4 {
    background-image: url(/images/timeline_type4_icon.png) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon_timeline_type5 {
    background-image: url(/images/svg/yard_icon.svg) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon_timeline_type6, .icon_timeline_type1_action6 {
    background-image: url(/images/timeline_type6_icon.png) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon_timeline_type7, .icon_timeline_type1_action7 {
    background-image: url(/images/svg/weight_green.svg) !important;
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon_timeline_type1_action0 {
    background-image: url(/images/svg/deliver_arrow.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon_timeline_type1_action0 {
    background-image: url(/images/svg/deliver_arrow.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon_timeline_type1_action1 {
    background-image: url(/images/svg/remove_arrow.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon_timeline_type1_action2, .icon_timeline_type1_action3 {
    background-image: url(/images/svg/exchange_arrow.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon_timeline_type1_action4, .icon_timeline_type1_action5 {
    background-image: url(/images/svg/move_arrow.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

.icon_timeline_inspection {
    background-image: url(/images/svg/operations_c_green.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
}

/* Toolbar Icons */
.icon_tasklist {
    background-image: url(/images/svg/tasklist_c_green.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon_appointmentlist {
    background-image: url(/images/svg/appointments_c_green.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon_cancellationlist {
    background-image: url(/images/svg/cancellations_c_green.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon_signedlist {
    background-image: url(/images/svg/signature_c_green.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon_viewedproposallist {
    background-image: url(/images/svg/stalkereye_c_green.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon_otheralertlist {
    background-image: url(/images/svg/info_c_green.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon_recentactivitylist {
    background-image: url(/images/svg/recentact_c_green.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon_customerrequestlist {
    background-image: url(/images/svg/customer_request_green.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon_contexthelp {
    background-image: url(/images/svg/help_c_green.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon_contexthelp_small {
    background-image: url(/images/svg/help_c_green.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* Customer Detail Icons */

.icon_customer_edit {
    background-image: url(/images/svg/edit_c_green.svg) !important;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_summary_small {
    background-image: url(/images/svg/barchart_c_green.svg) !important;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_customer_calendar {
    background-image: url(/images/svg/calendar_c_green.svg) !important;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_geocode {
    background-image: url(/images/svg/map_c_green.svg) !important;
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_sitelocation {
    background-image: url(/images/svg/site_location.svg) !important;
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_shine_star {
    background-image: url(/images/svg/star_shine_purple.svg) !important;
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
}


.icon_web_search {
    background-image: url(/images/svg/websearch_c_green.svg) !important;
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_additional_info {
    background-image: url(/images/addtionalinfo_icon.png) !important;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_properties {
    background-image: url(/images/svg/properties_c_green.svg) !important;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-copy-link {
    background-image: url(/images/svg/link_c_green.svg) !important;
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_spacing {
    margin-left: 5px;
}

.icon_question_green {
    background-image: url(/images/svg/question_blue.svg) !important;
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_complaint_red {
    background-image: url(/images/svg/complaint_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_complaint_green {
    background-image: url(/images/svg/complaint_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_complaint_yellow {
    background-image: url(/images/svg/complaint_yellow.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_complaint_green_big {
    background-image: url(/images/svg/complaint_green.svg) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.icon_list_view {
    background-image: url(/images/svg/list_view.svg) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_list_view_white {
    background-image: url(/images/svg/list_view_white.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_camera_green {
    background-image: url(/images/svg/camera_green.svg) !important;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-letter-green {
    background-image: url(/images/svg/letter_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-letter-red {
    background-image: url(/images/svg/letter_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_inventory_green {
    background-image: url(/images/svg/inventory_c_green.svg) !important;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_resend_email {
    background-image: url(/images/svg/resend_email.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_tiered_pricing_green {
    background-image: url(/images/tiered-pricing-icon-green.png) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_charts_green {
    background-image: url(/images/svg/charts_green_icon.svg) !important;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_audittrail_green {
    background-image: url(/images/svg/audit_c_green.svg) !important;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_tax_search_green {
    background-image: url(/images/svg/tax_search_green.svg) !important;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_manualcharge {
    background-image: url(/images/svg/dollar_c_green.svg) !important;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_down {
    background-image: url(/images/svg/down_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_up {
    background-image: url(/images/svg/up_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_left {
    background-image: url(/images/svg/left_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_right {
    background-image: url(/images/svg/right_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_eq_properties_green {
    background-image: url(/images/svg/eq_properties_green.svg) !important;
    background-size: 17px 17px;
    background-repeat: no-repeat;
}

.icon_rate_lookup {
    background-image: url(/images/svg/rate_lookup.svg) !important;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon_leads {
    background-image: url(/images/svg/lead.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_signature {
    background-image: url(/images/svg/signature_c_green.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_add_message {
    background-image: url(/images/svg/addmessage_c_green.svg) !important;
    background-size: 100% !important;
    height: 20px !important;
    width: 20px !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon_zero_rate {
    background-image: url(/images/svg/zerorate_c_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon_service_change {
    background-image: url(/images/svg/servicechange_c_blue.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon_rate_increase {
    background-image: url(/images/svg/rateincrease_c_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon_rate_decrease {
    background-image: url(/images/svg/ratedecrease_c_red.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-safety-profile-large {
    background-image: url(/images/svg/safeprofile_c_red.svg) !important;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-safety-profile-medium {
    background-image: url(/images/svg/safeprofile_c_red.svg) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-safety-profile {
    background-image: url(/images/svg/safeprofile_c_red.svg) !important;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-split-order {
    background-image: url(/images/svg/split_order.svg) !important;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-funnel-green {
    background-image: url(/images/svg/funnel_c_green.svg) !important;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_documentation {
    background-image: url(/images/svg/documentation_green.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_navu_request {
    background-image: url(/images/svg/navu_request.svg) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_navu_project {
    background-image: url(/images/navu-project-green.png) !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-show-eye {
    background-image: url(/images/svg/eye_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-hide-eye {
    background-image: url(/images/svg/eye_gray.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_biohazard {
    background-image: url(/images/svg/biohazard.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_create_lead {
	background-image: url(/images/create_lead.png) !important;
    background-size: 100% !important;
    height: 22px !important;
    width: 90px !important;
    background-repeat: no-repeat;
}

.icon_authorize_green {
	background-image: url(/images/authorize_icon_green.svg) !important;
    background-size: 100% !important;
    height: 22px !important;
    width: 90px !important;
    background-repeat: no-repeat;
}

.icon_renumber_stop {
    background-image: url(/images/svg/renumber_c_green.svg) !important;
    height: 20px !important;
    width: 80px !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.imageZoomCls:hover {
    height: 200px;
    width: 200px;
}

.my-scale.x-btn-default-medium-icon .x-btn-icon {
    width: 24px;
    height: 24px;
}

.subRow {
    background-color: #CFCFCF;
}

.dashboardsection {
    float: left;
    width: 470px;
    margin: 10px;
}

.dashboardlabelcont {
    background-color: #cccccc;
    padding: 5px;
}

.dashboardlabelcont label {
    color: #000000;
    margin: 8px;
    font: 11px/1 Helvetica, Verdana, sans-serif;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-weight: bold
}

.dashboardstat {
    padding: 5px;
    cursor: pointer;
}

.dashboardstat:hover {
    background-color: #B2E6B2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.dashboardstatactive {
    background-color: #66CC66;
    color: #ffffff;
    font-weight: normal;
}

.motivationalmessage {
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
    font-size: 1.3em;
    font-family: PT Mono, Verdana, sans-serif;
    text-align: center;
}

.motivationalmessageauthor {
    font-size: 1em;
    font-family: PT Mono, Verdana, sans-serif;
    color: #44A848;
    text-align: center;
    margin-top: 4px;
}

.home-dashboard-title {
    color: #313a41;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
}

.salespipeline-title {
    color: #808080;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
}

.tankinventory-name {
    color: #808080;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
}

.tankinventory-active {
    color: green;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
}

.tankinventory-inactive {
    color: #bd1e2f;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
}

.customer-active-color {
    color: #44a848;
}

.customer-active-bg-color .x-grid-cell {
    background-color: #f0faf0;
}

.customer-inactive-color {
    color: #808080;
}

.customer-inactive-bg-color .x-grid-cell {
    background-color: #f9f9f9;
}

.customer-prospect-color {
    color: #9932CC;
}

.customer-prospect-bg-color .x-grid-cell {
    background-color: #faf5fc;
}

.customer-baddebt-color {
    color: #FF69B4;
}

.customer-baddebt-bg-color .x-grid-cell {
    background-color: #fff7fb;
}

.customer-credithold-color {
    color: #2f5f8a;
}

.customer-credithold-bg-color .x-grid-cell {
    background-color: #f1fcfe;
}

.customer-acct-credithold-color {
    color: #FF0000;
}

.customer-acct-credithold-bg-color .x-grid-cell {
    background-color: #fff2f2;
}

.customer-acct-internal-external-collection-color {
    color: #F69705;
}

.customer-acct-internal-external-collection-bg-color .x-grid-cell {
    background-color: #fff2cc;
}

.customer-site-credithold-color {
    color: #FF0000;
}

.customer-site-credithold-bg-color .x-grid-cell {
    background-color: #fff2f2;
}

.customer-vacant-color {
    color: #40B1F1;
}

.customer-vacant-bg-color .x-grid-cell {
    background-color: #f5fbfe;
}

.customer-exempt-from-service-color {
    color: #FA89E6;
}

.customer-exempt-from-service-bg-color .x-grid-cell {
    background-color: #fff9fe;
}

.salesopp-table {
    display: flex;
    flex-direction: column;
}

.salesopp-table-row {
    display: flex;
}

.salesopp-table-headerrow {
    display: flex;
    font-weight: bold;
}

.salesopp-table-col {
    width: 130px;
    margin: 5px;
    background-color: #44A848;
    border-radius: 7px;
    border: 1px;
    height: 50px;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.salesopp-table-col:hover {
    background-color: #B5D99F;
}

.salesopp-table-col-active {
    background-color: #FFC266;
}

.salesopp-table-col-header {
    width: 110px;
    font-weight: bold;
    margin: 5px;
    height: 50px;
    display: flex;
    padding-left: 10px;
    align-items: center;
}

.salesopp-table-col-firstcolumnheaderrow {
    width: 110px;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
}

.salesopp-table-col-headerrow {
    width: 130px;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
    text-align: center
}

.salesopp-table-row-firstcolumnheaderrow {
    display: flex;
    width: 110px;
    font-weight: bold;
    font-size: 14px;
    margin: 5px;
}

.salesopp-table-row-headerrow {
    display: flex;
    width: 130px;
    font-weight: bold;
    font-size: 14px;
    margin: 5px;
}

.saleslead-table {
    display: flex;
    flex-direction: column;
}

.saleslead-table-row {
    display: flex;
}

.saleslead-table-headerrow {
    display: flex;
    font-weight: bold;
}

.saleslead-table-row0 {
    text-align: center;
    width: 100px;
    margin: 5px;
    background-color: #5e93b9;
    border-radius: 7px;
    border: 1px;
    height: 50px;
    cursor: pointer;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.saleslead-table-row1 {
    text-align: center;
    width: 100px;
    margin: 5px;
    background-color: #5e93b9E6;
    border-radius: 7px;
    border: 1px;
    height: 50px;
    cursor: pointer;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.saleslead-table-row2 {
    text-align: center;
    width: 100px;
    margin: 5px;
    background-color: #5e93b9CC;
    border-radius: 7px;
    border: 1px;
    height: 50px;
    cursor: pointer;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.saleslead-table-row3 {
    text-align: center;
    width: 100px;
    margin: 5px;
    background-color: #5e93b9B3;
    border-radius: 7px;
    border: 1px;
    height: 50px;
    cursor: pointer;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.saleslead-table-row4 {
    text-align: center;
    width: 100px;
    margin: 5px;
    background-color: #5e93b999;
    border-radius: 7px;
    border: 1px;
    height: 50px;
    cursor: pointer;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.saleslead-table-row0:hover {
    background-color: #C2A516;
}

.saleslead-table-row1:hover {
    background-color: #C2A516E6;
}

.saleslead-table-row2:hover {
    background-color: #C2A516CC;
}

.saleslead-table-row3:hover {
    background-color: #C2A516B3;
}

.saleslead-table-row4:hover {
    background-color: #C2A51699;
}

.saleslead-table-cell {
    color: #bd1e2f;
    font-weight: bold;
}

.saleslead-table-col-active {
    background-color: #44A848;
}

.saleslead-table-col-header {
    width: 100px;
    font-weight: bold;
    margin: 5px;
    height: 50px;
    display: flex;
    padding-left: 10px;
    align-items: center;
}

.saleslead-table-col-headerrow {
    width: 100px;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
}

/* check combo */
.x-combo-checker {
    background-image: url(/extjs4/resources/themes/images/default/grid/unchecked.gif) !important;
    background-position: center 1px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 16px;
    width: 15px;
    display: inline-block;
}

.x-boundlist-selected .x-combo-checker {
    background-image: url(/extjs4/resources/themes/images/default/grid/checked.gif) !important;
}

.tooltip {
    position: absolute;
    width: 170px;
    padding: 5px;
    border: 1px solid gray;
    font-size: 9pt;
    font-family: 'NavuBaseFont', helvetica, arial, verdana, sans-serif;
    background-color: #fff;
    color: #5e93b9;
}

.agreementtitle {
    background: transparent;
    font-weight: bold;
    font-size: 13px;
    font-family: 'NavuBaseFont', helvetica, arial, verdana, sans-serif;
    text-align: justify;
    width: 100%;
}

.agreementcontent {
    background: transparent;
    font-weight: normal;
    font-family: 'NavuBaseFontNormal', helvetica, arial, verdana, sans-serif;
    font-size: 13px;
    text-align: justify;
    width: 100%;
}

.agreementcontentuppercase {
    background: transparent;
    font-weight: normal;
    font-family: 'NavuBaseFontNormal', helvetica, arial, verdana, sans-serif;
    font-size: 12px;
    text-align: justify;
    width: 100%;
}

.activity-calendar-day {
    height: 26px;
    width: 26px;
    margin-left: 5px;
    margin-bottom: 3px;
    line-height: 26px;
    display: inline-block;
    -moz-border-radius: 13px;
    border-radius: 13px;
    box-shadow: 0 3px 3px -2px black;
    color: white;
    text-align: center;
}

.calgrid-calendar-dayDisplay {
    font-size: 15px;
    float: right;
    width: 50%;
    text-align: right;
}

.calgrid-calendar-holidayDisplay {
  float: left;
  width: 50%;
  text-align: left;
  color: blue !important;
  
}

.calgrid-day-prospect {
    color: #8c3ac4 !important;
}

.calgrid-day-active {
    color: #44A848 !important;
}

.calgrid-day-inactive {
    color: #7f7f7f !important;
}

.calgrid-day-credithold {
    color: #ea3222 !important;
}

.calgrid-day-baddebt {
    color: #e892a6 !important;
}

.calgrid-day-vacationhold {
    color: #4ca4c2 !important;
}

.calgrid-day-internal-external-collection {
    color: #F69705 !important;
}

.calgrid-cell-holiday.x-grid-cell,
.calgrid-col-holiday.x-column-header {
    background-color: rgba(255, 153, 153, 0.5);
}

.calgrid-cell-weekend.x-grid-cell,
.calgrid-col-weekend.x-column-header {
    background-color: #EFF9FC;
}

.calgrid-cell-today.x-grid-cell,
.calgrid-col-today.x-column-header {
    background: #FFF4BF;
}


.activity-day-prospect {
    background-color: #8c3ac4;
}

.activity-day-active {
    background-color: #44A848;
}

.activity-day-inactive {
    background-color: #7f7f7f;
}

.activity-day-credithold {
    background-color: #ea3222;
}

.activity-day-baddebt {
    background-color: #e892a6;
}

.activity-day-vacationhold {
    background-color: #4ca4c2;
}

.rateupdate-invalid-reversal .x-grid-cell {
    background-color: #FFCC66 !important;
}

.rateupdate-excluded .x-grid-cell {
    background-color: #ebebeb !important;/* #ebebeb !important;*/
}

.rateupdate-completed .x-grid-cell {
    background-color: #D3F4CF !important;
}

.rateupdate-reversed .x-grid-cell {
    background-color: #FF9980 !important;
}

/*
.rateupdate-default .x-grid-cell{
    background-color: #FFFFFF !important;
}
*/

.rateupdate-default .x-grid-cell {
    background-color: #EFF9FC !important; 
 }

.activity-event {
    display: flex;
    align-items: center;
    background-color: inherit;
    color: black;
    font-size: 11px;
    min-height: 18px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.activity-eventwrapper {
    width: 100%;
    padding-top: 7px;
    clear: both;
    text-align: left;
}

.activity-event img {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    vertical-align: middle;
}

.activity-event.activity-event-route {
    font-size: 10px;
    cursor: default;
    min-height: auto;
}

.activity-event.activity-event-exception {
    font-size: 10px;
    cursor: default;
    min-height: auto;
    text-decoration: underline;
}

.activity-event.activity-event-wo {
    font-size: 10px;
    cursor: default;
    min-height: auto;
}

.activity-event.activity-event-hours {
    font-size: 9px;
    color: blue;
    min-height: auto;
    cursor: default;
    margin-bottom: 2px;
}

.activity-event-route-0 { /* Scheduled */
    background-color: #B2F0FF;
}

.activity-event-route-1 { /* In Progress */
    background-color: #FFFF99;
}

.activity-event-route-2 { /* Completed */
    background-color: #D3F4CF;
}

.activity-event-service--2 { /* Pending Payment */
    background-color: #bbf4fa;
}

.activity-event-service--1 { /* Pending Approval */
    background-color: #bbf4fa;
}

.activity-event-service-0 { /* Scheduled */
    background-color: #FFFFFF;
}

.activity-event-service-1 { /* In Progress */
    background-color: #FFFF99;
}

.activity-event-service-2 { /* Not Serviced */
    background-color: #FFCC66;
}

.activity-event-service-3 { /* Service Completed */
    background-color: #D3F4CF;
}

.activity-event-service-4 { /* Cancelled */
    background-color: #ebebeb;
}

.activity-event-service-5 { /* Do Not Service */
    background-color: #FF9980;
}

.activity-event-service-0 .x-grid-cell { /* Scheduled */
    background-color: #FFFFFF;
}

.activity-event-service-1 .x-grid-cell { /* In Progress */
    background-color: #FFFF99;
}

.activity-event-service-2 .x-grid-cell { /* Not Serviced */
    background-color: #FFCC66;
}

.activity-event-service-3 .x-grid-cell { /* Service Completed */
    background-color: #D3F4CF;
}

.activity-event-service-4 .x-grid-cell { /* Cancelled */
    background-color: #ebebeb;
}

.activity-event-service-5 .x-grid-cell { /* Do Not Service */
    background-color: #FF9980;
}

.activity-event-servicechange-Processed { /* Scheduled */
    background-color: #66CC66;
}

.activity-event-servicechange-Pending{ /* Scheduled */
    background-color: #bbf4fa;
}

.activity-event-servicechange-Hold { /* Scheduled */
    background-color: #FF9999;
}

.mapLegendImageSquare {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 5px;
}

td > .mapLegendImageSquare {
    margin-top: 1px;
    margin-bottom: 1px;
    width: 13px;
    height: 13px;
}

.pac-container {
    z-index: 30000 !important;
}

#routemanagementMap-body {
    height: 100%;
    z-index: 19051 !important;
}

#routemanagementMap {
    height: 100%;
    z-index: 19051 !important;
}

.gm-style {
    height: 100%;
    z-index: 19051 !important;
}

.service-point-services-childgrid {
    text-align: left;
    margin-left: 5%;
}

.x-grid-row a:link, .x-grid-row a:visited, .x-grid-row a:hover {
    color: #313a41;
}

.salesresultdetail__toolbar {
    font-weight: bold;
}

.siteinventory__maptable td {
    padding-right: 15px;
}

.ux-notification-icon-message {
    background-image: url(/images/svg/messagebubble_green.svg) !important;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.chatnotification__image {
    width: 36px;
    height: 36px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

.chatactive__panel {
    background-color: #ebebeb;
}

.chatactive__convo {
    /*position: relative;*/
    min-height: 40px;
    width: 100%;
    font-size: 11px;
    cursor: pointer;
    padding: 3px;
    display: flex;
    flex-flow: row nowrap;
    justify-items: flex-start;
    align-items: center;
}

.chatactive__convo.unread {
    background-color: #D3F4CF !important;
}

.chatactive__convo.highlight {
    background-color: #B2F0FF !important;
}

.chatactive__convo:not(:first-child) {
    border-top: 1px dotted #dedede;
}

.chatactive__presence {
    width: 10px;
    margin-right: 5px;
    text-align: center;
}

.chatactive__image {
    width: 36px;
    height: 36px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-right: 4px;
}

.chatactive__userGroup {
    flex: 1;
}

.chatactive__user {
    font-size: 11px;
    font-weight: bold;
}

.chatactive__user.highlight {
    background-color: #B2F0FF !important;
}

.chatactive__convo.group {
    background-color: #D2D9DA !important;
}

.chatactive__usertitle {
    font-size: 9px;
}

.chatactive__userdep {
    font-size: 9px;
}


.chatactive__dismissbutton {
    height: 16px;
    width: 16px;
    visibility: hidden;
    margin-right: 2px;
}

.chatactive__convo:hover {
    background-color: #dedede;
}

.chatactive__convo:hover .chatactive__dismissbutton {
    visibility: visible;
}

.presence__indicator {
    background-image: url(/images/svg/circle_hollow_grey.svg);
    background-size: 10px 10px;
    background-position: center center;
    background-repeat: no-repeat;
}

.presence__indicator--present {
    background-image: url(/images/svg/circle_green.svg);
}

.chatwindow__userpanel {
    background-color: #efefef;
    font-size: 13px;
    padding: 5px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.chatwindow__presence {
    width: 10px;
    margin-right: 10px;
    text-align: center;
}

.chatwindow__users {
    flex: 1
}

.chatwindow__user:not(:first-child):before {
    content: ", ";
}

.chatwindow__messagepanel {
    border: 1px solid #dedede;
    padding: 5px;
}

.chatwindow__message {
    font-size: 14px;
    min-height: 40px;
    margin-top: 5px;
}

.chatwindow__sentmessage {
    font-size: 14px;
    min-height: 40px;
    margin-top: 5px;
    margin-left: 320px;
}

.chatmessage_image {
    height: 36px;
    width: 36px;
    margin-right: 10px;
    float: left;
    border-radius: 3px;
}

.chatmessage__user {
    font-size: 12px;
    font-weight: bold;
}

.chatmessage__timestamp {
    font-size: 10px;
    font-weight: normal;
    margin-left: 10px;
}

.chatmessage__text {
    margin-top: 4px;
}

.healthgreenscore.x-grid-cell {
    color: #44A848 !important;
}

.healthyellowscore.x-grid-cell {
    color: #F6C705 !important;
}

.healthorangescore.x-grid-cell {
    color: #F69705 !important;
}

.healthredscore.x-grid-cell {
    color: #bd1e2f !important;
}

.containerCanvas {
    position: relative;
    top: 0;
    left: 0;
    margin: -15px -5px -5px -5px;
    padding: 0;
}

/* Outside white border */
.asset-map-image-marker {
    background-color: #ffffff;
    border-radius: 5px;
    cursor: pointer !important;
    height: 40px;
    margin-left: -20px; /* margin-left = -width/2 */
    margin-top: -50px; /* margin-top = -height + arrow */
    padding: 0;
    position: absolute;
    width: 40px;
}

.marker-dragover .asset-map-image-marker {
    background-color: #5BB35F;
}

.marker-selected .asset-map-image-marker {
    background-color: #8AC98D;
}

/* Arrow on bottom of container */
.asset-map-image-marker:after {
    border-color: #ffffff transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    content: '';
    display: block;
    left: 10px;
    position: absolute;
    width: 0;
}

/* Inner image container */
.asset-map-image-marker div.image {
    background-color: #cccccc;
    background-position: center center;
    background-size: cover;
    border-radius: 5px;
    height: 36px;
    margin: 2px;
    width: 36px;
}

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

.smallBottomBar.x-toolbar {
    padding: 1px 0 1px 8px;
}

.recentactivity-card-grid table {
    border-spacing: 0 4px;
}

.recentactivity-card {
    height: 60px;
}

.recentactivity-card .x-grid-cell {
    vertical-align: middle;
}

.recentactivity-card-gray .x-grid-cell {
    background: #ebebeb;
}

.recentactivity-card-red .x-grid-cell {
    background: rgba(214, 35, 37, 0.3);
}

.recentactivity-card-blue .x-grid-cell {
    background: rgba(106, 158, 204, 0.3);
}

.x-grid-header-ct-hidden {
    border: 0 !important;
}

.column__icon .x-grid-cell-inner {
    padding: 2px 5px 1px 5px;
}

.column__icon__image {
    margin-left: 2px;
    height: 16px;
    width: 16px;
}

.home__salesrepdashboard__funnelvalue {
    position: absolute;
    font-family: 'NavuBaseFont', helvetica, arial, sans-serif;
    font-size: 20px;
    /*font-weight: bold;*/
}

.servicerecord-card-grid table {
    border-spacing: 0 4px;
}

.servicerecord-card {
    /*height: 60px;*/
}

.servicerecord-card .x-grid-cell {
    /*vertical-align: middle;*/
}

.servicerecord-card .x-grid-cell-inner {
    min-height: 50px;
}

.servicerecord-card .x-grid-cell-inner div {
    overflow: hidden;
    white-space: normal;
}

.servicerecord-card-blue .x-grid-cell {
    background: rgba(106, 158, 204, 0.3);
}

.servicerecord-card[draggable=true] .x-unselectable {
    cursor: move;
}

.route-gantt-header {
    margin-left: 10px; /* Extra Margin to match extjs grid row padding */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.route-gantt-header-time {
    /*width: 60px;*/
}

.route-gantt-row {
    height: 49px;
}

.route-gantt-row .x-grid-cell {
    vertical-align: middle;
}

.route-gantt-row-contents {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 40px;
    margin-left: 8px; /* Extra Margin for Route Start Icon */
}

.route-gantt-action-group {
    display: flex;
    flex-flow: row nowrap;
    height: 40px;
}

.route-gantt-subaction {
    overflow: visible;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    padding-bottom: 4px;
}

.route-gantt-placeholder {
    background-color: #8AC98D;
    height: 40px;
    width: 60px;
}

.route-gantt-subaction:not(.route-gantt-subaction-TRAVEL):not(.route-gantt-subaction-TIMEGAP) {
    background: rgba(106, 158, 204, 0.3);
}

.route-gantt-subaction.route-gantt-subaction-WOTRAVEL {
    padding-bottom: 0;
}

.route-gantt-subaction.route-gantt-subaction-WOTRAVEL svg {
    margin-left: -5px;
}

.route-gantt-subaction.route-gantt-subaction-status-1 { /*in-progress*/
    background-color: #FFFF99 !important;
}

.route-gantt-subaction.route-gantt-subaction-status-2 { /*exception*/
    background-color: #FFCC66 !important;
}

.route-gantt-subaction.route-gantt-subaction-status-3 { /*completed*/
    background-color: #D3F4CF !important;
}

.route-gantt-subaction .gantt-icon {
    width: 20px;
    height: 20px;
    align-self: center;
    background-color: beige;
    border-radius: 3px;
}

.route-gantt-subaction .gantt-content {
    align-self: center;
}

.route-gantt-current-time-indicator {
    position: absolute;
    background-color: darkred;
    width: 1px;
    top: 1px;
    bottom: 1px;
}

.route-gantt-action-group[draggable=true] {
    cursor: move;
}

.route-gantt-action-group[draggable=false] {
    cursor: not-allowed;
}

/* Enable Google AutoComplete Width Adjustment */
.pac-container, .pac-item {
    width: inherit !important;
}

.addservice-map-infowindow {
    font-size: 10px;
}

.addservice-map-infowindow table {
    width: 100%
}

.checkboxlabel .x-form-cb-label {
    font-weight: bold;
}

/* Video controll */

.controls {
    visibility: visible;
    opacity: 0.5;
    width: 50px;
    border-radius: 10px;
    position: absolute;
    bottom: 20px;
    left: 55%;
    margin-left: -100px;
    background-color: black;
    box-shadow: 3px 3px 5px black;
    transition: 1s all;
    display: flex;
}

.player:hover .controls, .player:focus .controls {
    opacity: 1;
}

.checkcombo-all-item:hover {
    background: #e5f1dd;
    border-color: #e5f1dd;
}

.hide-row-expander .x-grid-row-expander {
    visibility: hidden !important;
}

#signatureCanvas {
    width: 590px;
    height: 100px;
}

.editor-wrapper {
    z-index: 1000;
}

.navurequest__note {
    width: 100%;
    border-radius: 8px;
    background-image: linear-gradient(#f5f7f9, #f5f7f9);
    margin-bottom: 7px;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 14px;
    padding: 3px;
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 5px;
}

.navurequest__note__navuuser {
    width: 100%;
    border-radius: 8px;
    background-image: linear-gradient(#B2F0FF, #B2F0FF);
    margin-bottom: 7px;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 14px;
    padding: 3px;
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 5px;
}

.navurequest__statushist {
    width: 100%;
    border-radius: 8px;
    background-image: linear-gradient(#f5f7f9, #f5f7f9);
    margin-bottom: 7px;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 14px;
    padding: 3px;
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 5px;
}

.navurequest__statushist__navuuser {
    width: 100%;
    border-radius: 8px;
    background-image: linear-gradient(#B2F0FF, #B2F0FF);
    margin-bottom: 7px;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 14px;
    padding: 3px;
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 5px;
}

.navurequest__note__content {
    font-size: 14px;
    font-family: Roboto, helvetica, arial, sans-serif;
    margin-bottom: 5px;
}

.navurequest__note__header {
    font-size: 12px;
    margin-bottom: 5px;
}

.navurequest__note__user {
    font-weight: bold;
    color: #808080
}

.navurequest__note__timestamp {
    font-style: italic;
    /*margin-left: 5px;*/
    color: #808080
}

.videoInsert {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: inline-block;
}

.videoWrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.short-display-field .x-form-display-field {
    height: 20px;
}

/* Notification Response */
.notificationresponse__divisionname, .notificationresponse__loading, .notificationresponse__notfound, .notificationresponse__submitted {
    font-size: 20px;
}

.notificationresponse__details {
    white-space: normal;
}

.notificationresponse__question__header {
    font-weight: bold;
}

.notificationresponse__page .x-panel-body-default {
    font-size: 14px;
}

.notificationresponse__page .x-form-cb-label {
    font-size: 14px;
}

.notificationresponse__page .x-checkboxgroup-form-item {
    margin-top: 12px
}

.notificationresponse__submitted {
    text-align: center;
}

@media screen and (max-device-width: 650px), (max-device-height: 480px) {
    .notificationresponse__page .x-box-inner {
        margin-left: auto;
        margin-right: auto;
    }

    .notificationresponse__page .x-form-field {
        font-size: 16px;
        line-height: normal;
    }
}

#navuresponse-dropzone {
    background: #d3d3d3;
}

#navuresponse-dropzone.dropzone .dz-preview .dz-progress {
    display: none;
}

#navuresponse-dropzone.dropzone {
    padding: 5px;
    min-height: 110px;
}

#navuresponse-dropzone.dropzone .dz-preview {
    margin: 4px;
    min-height: 80px;
}

#navuresponse-dropzone.dropzone .dz-preview {
    margin: 4px;
    min-height: 80px;
}

#navuresponse-dropzone.dropzone .dz-preview .dz-image {
    height:80px;
    width:80px;
}

#navuresponse-dropzone.dropzone .dz-preview .dz-details {
    padding: 0;
}

.querybuilder__entity__name, .querybuilder__sortField__name, .querybuilder__sortField__separator, .querybuilder__conditionitem__name {
    font-weight: bold;
    margin-top: 2px;
    white-space: normal;
}

.querybuilder__entity__join {
    margin: 2px 5px 0 5px;
}

.x-panel-body-default .tlr_only {
    border-style: solid solid none solid;
}

.x-panel-body-default .lrb_only {
    border-style: none solid solid solid;
}

.x-panel-body-default .lr_only {
    border-style: none solid none solid;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.attachmentdropzone {
    width: 900px;
    height: 150px;
}

.billing-in-progress .x-grid-cell {
    background-color: #FFFF99;
}

.billing-autopay-in-progress .x-grid-cell {
    background-color: #FF9980 !important;
}

.billing-processed .x-grid-cell {
    background-color: #bbf4fa;
}

.billing-posted .x-grid-cell {
    background-color: #D3F4CF;
}

.rowbody-label {
    text-align: right;
    font-weight: bold;
    padding-right: 8px;
    padding-left: 20px;
}

.rowbody-button {
    background:none;
    border: 0;
    cursor: pointer;
    height: 18px;
}

.notification_history_grid .x-grid-cell-inner {
	overflow: hidden;
    white-space: nowrap;
    max-height: 63px;
}

.large_count_indicator {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 28px;
    font-weight: bold;
    line-height: 40px;
}

.projectGridHeader > .x-column-header-inner {
    background: #44A848;
    color: white;
}

.projectGridColorHeader > .x-column-header-inner {
    background: #296bab;
    color: white;
}

.projectGridCountHeader > .x-column-header-inner {
    background: #706a6a;
    color: white;
}

.projectGridColorHeader > .x-column-header-inner {
    background: #296bab;
    color: white;
}

.grid__sub__title {
    color: #2f5f8a;
    font-size: 9px;
}

.hide-cell {
    display: none;
}

.fake-link-button.x-btn .x-btn-inner {
    text-decoration: underline;
    color: #44A848;
}

.x-tree-icon-leaf.icon-documentation {
    background-image: url(/images/svg/article.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.x-tree-icon-leaf.icon-releasenote {
    background-image: url(/images/svg/new_releases.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.x-tree-icon-leaf.icon-doc-video {
    background-image: url(/images/video_icon.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

/* Panel Header / Toolbar Overrides */

.x-toolbar.outside-borders {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.fake-toolbar.x-panel-default,
.fake-toolbar.x-container-default {
    padding: 6px 0 6px 8px;
}

.fake-toolbar .x-toolbar-separator {
    margin: 0 8px 0 0;
    height: 14px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-left-color: #e1e1e1;
    border-right-color: white;
}

.x-panel-default.outside-borders {
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

.x-container-default.outside-borders {
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

/* Phone Editor */
.iti {
    width: 100%;
}

.iti__country-list {
	z-index: 300000;
}

.iti--container {
    z-index: 50000 !important;
}

/* Resource Availability */
.resource_not_scheduled a:link, .resource_not_scheduled a:visited, .resource_not_scheduled a:hover,
.resource_not_scheduled .x-form-text,
.resource_not_scheduled {
    color: #bd1e2f !important;
}

.resource_exception a:link, .resource_exception a:visited, .resource_exception a:hover,
.resource_exception .x-form-text,
.resource_exception {
    color: #bd1e2f !important;
}

.form-icon {
    width: 20px;
    height: 20px;
}

.form-icon.clickable {
    cursor: pointer;
}

.form-icon.padded {
    margin-right: 4px;
    margin-left: 4px;
}

.form-icon.small {
    width: 16px;
    height: 16px;
}

.grid-subtitle {
    font-size: 9px;
    color: #2f5f8a;
}

.grid-action-no-pointer {
    cursor: default;
}

.bulk-update-processed .x-grid-cell{
    background-color: #D3F4CF !important;
}

.bulk-update-void .x-grid-cell {
    background-color: #FFCCCC !important;
}

.wrap-content {
    white-space: normal;
    word-wrap: break-word;
}

/* TOGGLE SWITCH */
.x-form-switch {
    position: relative;
    height: 1.0rem;
    width: 2.2rem;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 9999px;
    background-color: rgba(100, 116, 139, 0.377);
    transition: all .3s ease;
    margin-top: 4px;
    margin-right: 4px;
}

.x-form-switch:enabled {
    cursor: pointer;
}

.x-form-switch:checked {
    background-color: #44A848;
}

.x-form-switch::before {
    position: absolute;
    content: "";
    left: calc(1.5rem - 1.6rem);
    top: calc(1.1rem - 1.2rem);
    display: block;
    height: 1.2rem;
    width: 1.2rem;
    border: 1px solid rgba(100, 116, 139, 0.527);
    border-radius: 9999px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 3px 3px rgba(100, 116, 139, 0.327);
    transition: all .3s ease;
}

.x-form-switch:enabled::before {
    cursor: pointer;
}

.x-form-switch:hover:enabled::before {
    box-shadow: 0 0 0px 3px rgba(0, 0, 0, .15)
}

.x-form-switch:checked:hover:enabled::before {
    box-shadow: 0 0 0px 3px rgba(236, 72, 153, .15)
}

.x-form-switch:checked::before {
    transform: translateX(100%);
    border-color: #44A848
}

/* TOGGLE CHIP */

.x-form-chip-wrap-inner {
    padding-top: 5px;
    padding-bottom: 5px;
}

.x-form-chip {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.x-form-chip-label {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid rgba(100, 116, 139, 0.527);
    padding: 4px 10px 4px 19px;
}

.x-form-chip:enabled + .x-form-chip-label {
    cursor: pointer;
}

.x-form-chip:checked + .x-form-chip-label::before {
    content:  url(/images/svg/checkmark_small.svg);
    position: absolute;
    top: -1px;
    left: -2px;
}

.x-form-chip + .x-form-chip-label:hover,
.x-form-chip.x-form-chip-focus + .x-form-chip-label {
    background-color: #ebebeb;
}


/* TOGGLE ACTION COLUMN */
.x-toggle-col {
    position: relative;
    height: 15px;
    width: 30px;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 9999px;
    background-color: rgba(100, 116, 139, 0.377);
    transition: all .3s ease;
}

.x-toggle-col:not(.x-item-disabled) {
    cursor: pointer;
}

.x-toggle-col.x-item-checked {
    background-color: #44A848;
}

.x-toggle-col::before {
    position: absolute;
    content: "";
    left: calc(29px - 30px);
    top: calc(16px - 17px);
    display: block;
    height: 17px;
    width: 17px;
    border: 1px solid rgba(100, 116, 139, 0.527);
    border-radius: 9999px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 2px rgba(100, 116, 139, 0.327);
    transition: all .3s ease;
}

.x-toggle-col:not(.x-item-disabled)::before {
    cursor: pointer;
}

.x-toggle-col:hover:not(.x-item-disabled)::before {
    box-shadow: 0 0 0px 3px rgba(0, 0, 0, .15)
}

.x-toggle-col.x-item-checked:hover:not(.x-item-disabled)::before {
    box-shadow: 0 0 0px 3px rgba(236, 72, 153, .15)
}

.x-toggle-col.x-item-checked::before {
    transform: translateX(100%);
    border-color: #44A848
}

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

.grid-header-image-button {
    background: none;
    border: none;
    padding: 0;
    outline: none;
    width: 23px;
    height: 20px;
}

.grid-header-image-button:focus {
    outline: none; 
    background-color: #D0E9D1;
    /*background-color: #f5f5f5;*/
}

.create-account-properties-button {
    width: 210px !important;
    text-align: left;
}

.create-account-properties-button .x-btn-inner {
    text-align: left;
    display: inline-block;
    width: 100%;
}

.x-column-header-checkbox.partial-selection .x-column-header-text::after {
    content: ''; 
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 35%; 
    height: 0.5px; 
    background-color: black; 
    transform: translateY(-50%); 
    z-index: 2;
    pointer-events: none;
}

.x-grid-row-checker.hidden-checkbox {
    display: none !important; /* Completely hide the checkbox */
}

.grid-cell-img {
    vertical-align: bottom;
    margin-right: 3px;
    height: 13px;
    width: 13px;
}

.quickpay__panel {
  background-color: #e8edf2;
}

.menu_exporter_button .x-btn-inner {
    text-transform: none !important;  /* Prevent uppercase */
    font-family: Arial, sans-serif !important;  /* Same font as menu items */
    background-color: transparent !important;  /* Make background transparent */
    color: black !important;  /* Inherit color from parent */
    text-align: left !important;  /* Left align text */
}

/* Optional: If you need to specifically target margin */
.menu_exporter_button {
    padding-left: 0px !important; 
}

@media screen and (min-device-width: 650px) {
  .quickpay__panel {
    /* border-radius */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px;
  }

  .quickpay__panel_divisioninfo {
  	font-size: 12px;
  }
  
  .quickpay__panel_servicelabel {
  	font-size: 12px;
  	font-weight: bold;
  }
  
  .quickpay__panel_serviceinfo {
  	font-size: 12px;
  }
}

.scale-grid-weight-table {
    margin-right: 10px;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.scale-grid-weight-table td {
    padding: 0;
}

.inbound-grid-rowbody {
    padding: 0 0 3px 12px !important;
    color: #bd1e2f;
}

.inbound-grid-rowbody-nocontent {
    padding: 0 !important;
}