/*!
 * NONE
 */
#mainheader,
.white-header-style #mainheader {
    background-color: #e6e9ee;
}

.white-header-style.x-dark-menu-style #mainheader {
    background-color: #e0e2e7;
}

.universal-create-object-button--floater {
    --uni-create-obj-bg-color: #f2f4f7;
    --uni-create-obj-bg-hover-color: #edf0f4;
}

body {
    --background: rgb(234, 241, 247);
}
body.x-helix {
    --background: rgb(236, 239, 243);
}

#menuContainer,
#contentContainer,
#rightPanel{
    border-top: 1px solid #d9d9dd;
}

.ext-el-mask {
    background-color: #f2f4f7;
}

div.x-change-organization.x-tip{
    background-color: #D0D5DD !important;
}

.informationboardpanel .x-toolbar{
    background-color: #F2F5F9;
}

.x-grid3-scroller{
    background-color: #f2f4f7;
}

.x-grid3-row{
    background-color: #F7F7F9;
} 

.x-grid3-row-alt{
    background-color: #EEF1F5;
} 

.x-simple-style.x-simple-style .x-toolbar{
    background: none;
    background-color: #F2F4F7;
}
.x-simple-style.x-simple-style .x-toolbar{
    background: none;
    background-color: #F2F4F7;
}

.x-uitesting4.x-simple-style .x-toolbar{
    background: none;
    background-color: #F2F4F7;
}
.x-uitesting4.x-simple-style .x-toolbar{
    background: none;
    background-color: #F2F4F7;
}

.x-simple-style .dashboard-body,
.x-uitesting4 .dashboard-body{
    background-color: #F2F4F7 !important;
}

.x-simple-style .x-panel-body.dashboard-body,
.x-uitesting4 .x-panel-body.dashboard-body{
    background-color: #ebeef3 !important;
}

.x-simple-style .dashboard-body  .x-grid3-hd-inner, .x-simple-style .dashboard-body  .x-grid3-header{
    background-color: #f4f6f9 !important;
}

.dashboard-body .x-portlet,
.dashboard-body .x-portlet .x-panel-header,
.dashboard-body .x-portlet .x-panel-body,
.dashboard-body .x-portlet .x-panel-btns,
.dashboard-body .x-calendar-dashboard-page,
.dashboard-body .x-portlet .x-grid3-scroller,
.dashboard-body .x-portlet .x-grid3-header,
.dashboard-body .x-portlet .ext-cal-dayview .ext-cal-hd-days-tbl{
    background-color: #f1f3f6 !important;
}

#lostPasswordRecovery.x-window .x-tool,
.x-window .x-tool,
.x-portlet .x-panel-header .x-tool{
    border-color: #f4f6f9;
}

.x-helix .x-window .x-tool,
.x-helix .x-portlet .x-panel-header .x-tool{
    border-color: #eceff3;
}

.x-window .x-tool:hover,
.x-portlet .x-panel-header .x-tool:hover{
    background-color: #DADCDF;
    border-color: #DADCDF;
}
.x-window .x-tool:active,
.x-portlet .x-panel-header .x-tool:active {
    background-color: #CCDDFE;
    border-color: #CCDDFE;
}

.x-portlet {
    border: 1px solid #d5d7da;
}

.x-simple-style .x-grid3-scroller{
    background-color: #f4f6f9 !important;
}

.x-simple-style .x-grid3-hd-inner,
.x-simple-style .x-grid3-row,
.x-simple-style .x-grid3-header,
.x-simple-style .x-grid3-scroller,
.x-simple-style .x-portlet .x-grid3-scroller{
    background-color: #f4f6f9 !important;
}

.x-simple-style .x-grid3-row:hover {
    background-color: #F1F3F7 !important;
}

.x-simple-style .x-grid3-row.read:hover {
    background-color: #E8EAF0 !important;
}

.x-simple-style .changelog-transaction {
    background: none repeat scroll 0 0 #f4f6f9;
}

.x-simple-style .x-grid3-hd-inner,
.x-simple-style .x-grid3-header{
    background-color: #ebeef3 !important;
}

.x-simple-style ul.x-tab-strip-top {
    text-transform: uppercase;
    border-bottom: 1px solid #e0e2e6;
    border-top: 0px solid #e0e2e6;
}

.x-simple-style .tabpanel-vertical ul.x-tab-strip-top {
    border-bottom: none;
}

.x-simple-style .x-tab-panel-header{
    text-transform: uppercase;
    border-bottom: 1px solid #e0e2e6 !important;
}

.x-simple-style .x-tab-panel-header{
    background-color: #F2F4F7 !important;
}

.x-simple-style div.panel-simple-frame > div.x-panel-bwrap{
    background-color: #F2F4F7 !important;
}

.x-window{
    background-color: #F2F4F7;
}

.x-simple-style .x-window {
    border-color: #F2F4F7;
}

.upperfields-salesopportunitydetails .x-form-element .xx-item-gray,
.upperfields-salesopportunitydetails .x-form-text,
.upperfields-salesopportunitydetails .x-form-field-wrap .x-form-trigger {
    background-color: #eceff3;
}

.x-simple-style .x-window-tl .x-window-tc,
.x-simple-style .x-window-tl .x-window-header {
    background-color: #F2F4F7;
}

.description-panel.product-description,
.x-column.product-description {
    border: 1px solid #DADDE1;
}

.x-simple-style #contentContainer .x-form-field-wrap,
.x-simple-style .x-form-text,
.x-simple-style .x-form-element .xx-item-gray,
.x-simple-style .description-panel.product-description,
.x-simple-style .x-column.product-description {
    background-color: #F2F4F7;
    border-bottom: 1px solid #DADDE1;
}

#contentContainer .x-top-filters-container .date-filter-btn,
.x-top-filters-container .x-btn-icon{
    background-color: #F2F4F7 !important;
}

.x-top-filters-container .x-form-item .x-has-value-container .top-filter-clear {
    background-color: #dfe7f4 !important;
}

.x-simple-style #contentContainer #integrations .x-form-field-wrap {
    background-color: unset;
    border-bottom: 0px;
}

.x-simple-style.x-simple-style-allimage #contentContainer .x-form-field-wrap{
    border-bottom-color: transparent;
}

[id$="chart"] .x-toolbar .x-form-field-wrap .x-form-trigger{
    background-color: #ECEFF3;
}

.x-simple-style-allimage.x-new-style #contentContainer iframe.x-form-text{
    background-color: #F2F4F7;
}

.x-simple-style .description-panel iframe.html-description-panel {
    background-color: #F2F4F7;
    border-width: 0 !important;
}

.x-simple-style-allimage.x-new-style .description-panel iframe.html-description-panel {
    background-color: transparent;
    border-width: 0 !important;
}

.x-simple-style .fnmenu .fnmenu-body,
.x-simple-style .fnmenu .fnmenu-body{
    background-color: #F2F4F7 !important;
}

body.x-simple-style.x-border-layout-ct{
    background-color: #F2F4F7;
}

.ux-table-grid .xg3c {
    border-bottom: 1px solid #ededef;
}

.x-dark-tag .xg3c {
    border-bottom: 1px solid #aaaaac;
}

td.gantt-grid-hd-group-cell, td.gantt-grid-hd-nogroup-cell {
    border-bottom: 1px solid #e6e6e8;
}

.x-grid3-row-selected.x-grid3-row {
    background-color: #e2ecf6 !important;
}
.x-grid3-row-selected.x-grid3-row-alt {
    background-color: #dde9f6 !important;
}

.x-grid3 .x-grid3-row.read {
    background-color: rgb(235,238,243) !important;
}

.xg3c{
    border-right: 1px solid #F0F3F7;
}
.x-grid3-row-alt .xg3c{
    border-right: 1px solid #EEF1F5;
}

.x-form-element .xx-item-gray {
    background-color: #FDFEFF;
}

.x-grid3-header, td.gantt-grid-hd-group-cell, td.gantt-grid-hd-nogroup-cell {
    background-color: #ECEFF3 !important;
}

td.x-grid3-hd-over .x-grid3-hd-inner{
    background-color: #E4E7EB !important;
}

.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br, .x-panel-bc, .x-panel-mc, .x-panel-ml, .x-panel-mr {
    background-color: #F2F4F7;
}

.x-simple-style-allimage.x-new-style .x-panel-tl,
.x-simple-style-allimage.x-new-style .x-panel-tr,
.x-simple-style-allimage.x-new-style .x-panel-bl,
.x-simple-style-allimage.x-new-style .x-panel-br,
.x-simple-style-allimage.x-new-style .x-panel-bc,
.x-simple-style-allimage.x-new-style .x-panel-mc,
.x-simple-style-allimage.x-new-style .x-panel-ml,
.x-simple-style-allimage.x-new-style .x-panel-mr {
    background-color: transparent !important;
}

#contentContainer {
    background-color: #ECEFF3;
}

.x-reminder-advance{
    background-color: #f2f4f7 !important;
}

.x-simple-style-image #menuContainer .x-toolbar{
    border-right: 1px solid #e0e2e6;
}

.x-window-tl, .x-window-tr, .x-window-tc,
.x-window-bl, .x-window-br, .x-window-bc,
.x-window-ml, .x-window-mr,
.object-create-window .x-window-body {
    background-image: none;
    background-color: #F2F4F7;
}

.x-simple-style-allimage .x-window .x-grid3-cell-overflowed  {
    border-color: rgba(190,220,255,0.1) !important;
    background-color: rgb(242, 244, 247) !important;
}

.x-window-bl, .x-window-br, .x-window-bc{
    background-color: #F2F4F7;
}

.x-window-dlg .x-window-bl, 
.x-window-dlg .x-window-br, 
.x-window-dlg .x-window-bc{
    background-color: #F2F4F7;
}

.filterPanel .x-more-button.x-btn {
    border: 1px solid #ebeef3;
}

.fnmenu-menu  .x-more-button.x-btn:hover{
    background-color: #e2e2e4 !important;
    border: 1px solid #e2e2e4;
}

.fnmenu-menu .x-more-button.x-btn{
    background-color: #ebeef3 !important;
}

.details-tab-panel{
    background-color: #ECEFF3;
}

.x-window .x-btn,
.filterPanel .x-btn,
#integrations .x-tab-panel-body .x-btn:not(.x-btn-create),
#organizationadmin .x-panel-body .x-btn{
    background-color: #E2E5E9 !important;
    border: 1px solid #e0e0e2;
}

.filterPanel .x-panel-tbar,
.filterPanel .x-panel-tbar .x-toolbar {
    background-color: #ebeef3;
}

#licences .x-panel-body .x-btn {
    background-color: transparent !important;
}

body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-list-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-details-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-generic-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-kanban-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-chart-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-map-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-invoice-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-report-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text,
body .x-details-panel .x-toolbar-right-row .x-panel-buttons .x-btn,
body .calendar-panel .x-toolbar-right-row .x-panel-buttons .x-btn,
body .x-kanban .x-toolbar-right-row .x-btn,
body .timelineview .x-toolbar-right-row .x-panel-buttons .x-btn,
body .changelog .x-toolbar-right-row .x-panel-buttons .x-btn,
body #informationboardpanel .x-toolbar-right-row .x-panel-buttons .x-btn,
body .x-abstract-report .x-panel-tbar .x-toolbar-right-row .x-panel-buttons .x-btn,
body .x-grid-panel .x-toolbar-right-row .x-panel-buttons .x-btn,
body .details-panel-with-diagram .x-toolbar-right-row .workflow--activate-button,
body #actionTypeSelectWindow .action-type-button,
body #transferlist .x-toolbar-right-row .x-toolbar-cell #transfer-list-balance-button {
    background-color: #F5F8FB !important;
}

#contentContainer .x-details-toolbar .x-panel-buttons .x-split-button button,
#contentContainer .x-toolbar-tabs .x-panel-buttons .x-split-button button{
    border-top: 3px solid #F5F8FB;
    border-bottom: 4px solid #F5F8FB;
    background-color: #F5F8FB;
}

body .x-details-panel .x-toolbar-right-row .x-panel-buttons .x-btn:hover,
body .calendar-panel .x-toolbar-right-row .x-panel-buttons .x-btn:hover,
body .x-kanban .x-toolbar-right-row .x-btn:hover,
body .timelineview .x-toolbar-right-row .x-panel-buttons .x-btn:hover,
body .changelog .x-toolbar-right-row .x-panel-buttons .x-btn:hover,
body #informationboardpanel .x-toolbar-right-row .x-panel-buttons .x-btn:hover,
body #actionTypeSelectWindow .action-type-button.x-btn:hover,
body .x-abstract-report .x-toolbar-right-row .x-btn:not(.x-btn-create):hover,
body .x-grid-panel .x-toolbar-right-row .x-panel-buttons .x-btn:hover{
    background-color: #EDF0F2 !important;
}

#contentContainer .x-details-toolbar .x-panel-buttons .x-split-button button:hover,
#contentContainer .x-toolbar-tabs .x-panel-buttons .x-split-button button:hover{
    background-color: #EDF0F2;
    border-top-color: #EDF0F2;
    border-bottom-color: #EDF0F2;
}

.x-window .x-panel-btns .x-btn-mc em.x-btn-split:after{
    background-color: #CDCDF0;
}

.details-tab-panel .x-btn-over,
.x-window .x-btn-over,
.filterPanel .x-btn-over,
#integrations .x-tab-panel-body .x-btn:not(.x-btn-create) {
    background-color: #D2D5D9 !important;
    border: 1px solid #CDD0D4;
}

#licences .x-panel-body .x-btn-over {
    background-color: transparent !important;
}

.x-btn-over {
    background-color: #E2E5E9 !important;
    border: 1px solid #e0e0e2;
}

.x-newemail-email-link.add-customer-icon-ct table:hover .add-customer-icon:before,
.x-newemail-email-link.add-contact-icon-ct table:hover .add-contact-icon:before{
    border-color: #E2E5E9;
}

.x-newemail-email-link .add-customer-icon:before,
.x-newemail-email-link .add-contact-icon:before{
    border-color: #f2f4f7;
}


.wrap-btn {
    background-color: #DADDE1 !important;
    border: 1px solid #CCD0D4;
}

.wrap-btn:hover {
    background-color: #CCD0D4 !important;
    border: 1px solid #CCD0D4;
}

div.tab-hover{
    background-color: #E2E5E9 !important;
}

.x-date-middle .x-btn .x-btn-text{
    color: #333333;
}

.x-toolbar-left-row .x-btn-over, .x-window .x-html-editor-wrap .x-toolbar-left-row .x-btn-over  {
    background-color: #E2E5E9 !important;
    border: 1px solid #e0e0e2;
}

.x-sticked-details-tab .x-toolbar-left-row .x-btn-over{
    background-color: #E6E9ED !important;
    border: 1px solid #E2E5E9;
}

.x-window .x-panel-tbar .x-btn,
.x-window .x-grid3-body .x-btn,
.transaction-entry-grid .x-grid3-body .x-btn {
    background-color: #ECEFF3 !important;
    border: 1px solid #ededef;
}

.x-window .x-panel-tbar .x-btn-over,
.x-window .x-grid3-body .x-btn-over,
.transaction-entry-grid .x-grid3-body .x-btn-over {
    background-color: #ECEFF3 !important;
    border: 1px solid #ededef;
}

.x-window-bc .x-toolbar-layout-ct .x-btn {
    background-color: #DADDE1 !important;
    border: 1px solid #CDD0D4;
}

.x-window-bc .x-toolbar-layout-ct .x-btn:hover,
.x-window-bc .x-toolbar-layout-ct .x-btn-over {
    background-color: #CDD0D4 !important;
}

.x-window .x-window-bbar .x-btn-split button,
.x-window .x-panel-btns .x-btn-split button {
    background-color: #DADDE1;
}

.x-window .x-window-bbar .x-btn-split button:hover,
.x-window .x-panel-btns .x-btn-split button:hover {
    background-color: #CDD0D4;
}

.x-window-bc .x-toolbar-layout-ct .x-item-disabled{
    /*background-color: #ebeef3 !important;*/
}


.x-tip-ml{
    background-color: #f9f9fb !important;
}

.x-tip, .x-showOnHover {
    background-color: #f9f9fb !important;
    border: 1px solid rgba(128,128,128, 0.2);
}

.x-showOnHover {
    color: #333;
}



.x-window-tl .x-window-tc,
.x-window-tl .x-window-header{
    background-color: #ECEFF3;
}


.x-isLogin .ext-el-mask, .x-window-body .x-panel-mc, .record-form-panel .x-panel-mc, div.panel-simple-frame > div.x-panel-bwrap, .suggester-window .x-window-mc, .help-top-content > div.x-panel-bwrap, .ext-cal-dayview .ext-cal-hd-days-tbl {
    background-color: #ECEFF3;
}

.x-timeline-history-panel,
.x-changelog-dataview,
.informationboardview,
.x-simple-style .x-panel-tl,
.x-simple-style .x-panel-tr,
.x-simple-style .x-panel-bl,
.x-simple-style .x-panel-br,
.x-simple-style .x-panel-bc,
.x-simple-style .x-panel-mc,
.x-simple-style .x-panel-ml,
.x-simple-style .x-panel-mr {
    background-color: #F2F4F7;
}

.x-simple-style .x-window-body .x-panel-mc,
.x-simple-style .record-form-panel .x-panel-mc,
.x-simple-style div.panel-simple-frame > div.x-panel-bwrap,
.x-simple-style .suggester-window .x-window-mc,
.x-simple-style #dataimport .x-tab-panel,
.x-simple-style #dataimport .x-tab-panel-bwrap,
.x-simple-style #partnerprogram .x-panel-mc,
.x-simple-style #licences .x-panel-mc,
.x-simple-style .help-top-content > div.x-panel-bwrap,
.x-simple-style .ext-cal-dayview .ext-cal-hd-days-tbl {
    background-color: #F2F4F7 !important;
}

.x-simple-style #calendar .ext-cal-dayview .ext-cal-hd-days-tbl {
    background-color: #EBEEF3 !important;
}

.org-settings-window div.panel-simple-frame > div.x-panel-bwrap, 
.org-settings-window .x-window-bl,  
.org-settings-window .x-window-bc,  
.org-settings-window .x-window-br{
    background-color: #F2F5F9;
}

.org-settings-window .x-tab-panel-bwrap{
    background-color: #F2F5F9 !important;
}

#org-settings-tab-panel #invoicePatternPanel__addNewInvoice,
#org-settings-tab-panel #offerPatternPanel__addNewInvoice,
#org-settings-tab-panel #orderPatternPanel__addNewInvoice,
#org-settings-tab-panel #storageDocPatternPanel__addNewInvoice {
    border-top: 0px;
}

.x-window-ml, .x-window-mr,
.object-create-window .x-window-body {
    background-color: #ECEFF3;
}

.x-simple-style .x-window-ml, .x-window-mr,
.x-simple-style .object-create-window .x-window-body {
    background-color: #ECEFF3;
}


.fnmenu-body .filterPanel .x-toolbar{
    border-color: #d9d9da !important;
}

.x-border-layout-ct,
.fnmenu {
    background-color: #F2F5F9;
}

#menuContainer{
    border-right-color: #DADDE1;
}

#rightPanel{
    border-left: 1px solid #DADDE1;
}

.x-filter-window{
    border-right: 1px solid #DADDE1 !important;
}

.x-simple-style #rightPanel > .x-panel-bwrap {
    border-top: solid 1px #e0e2e6;
}

.x-htoolbar .x-htoolbar-details-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-list-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-ubersicht-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-tasktree-tab div.xtb-text,
.x-htoolbar .x-htoolbar-report-tab div.xtb-text,
.x-htoolbar .x-htoolbar-gantttab div.xtb-text,
.x-htoolbar .x-htoolbar-chart-tab div.xtb-text,
.x-htoolbar .x-htoolbar-show-directions div.xtb-text,
.x-htoolbar .x-htoolbar-show-names div.xtb-text,
.x-htoolbar .x-htoolbar-map-tab div.xtb-text,
.x-htoolbar .x-htoolbar-workflow-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-generic-tab div.xtb-text,
.x-htoolbar .x-htoolbar-kanban-tab div.xtb-text,
.x-htoolbar .x-htoolbar-export-tab div.xtb-text,
.x-htoolbar .x-htoolbar-fnmenu-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-invoice-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-booking-note-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-organization-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-import-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-integrations-tab div.xtb-text,
.x-htoolbar .x-htoolbar-privileges-tab div.xtb-text,
.x-htoolbar .x-htoolbar-licences-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-partnerprogram-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-user-privileges-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-userlist-privileges-tab div.xtb-text, 
.x-htoolbar .x-htoolbar-user-privileges-tab-de div.xtb-text, 
.x-htoolbar .x-htoolbar-userlist-privileges-tab-de div.xtb-text, 
.x-htoolbar .x-htoolbar-privileges-tab-de div.xtb-text,
.x-htoolbar .x-htoolbar-trans-cell div{
    background-color: #ECEFF3;
    border: 1px solid #d9d9da;
    border-left: 0px solid #d9d9da;
}

.x-htoolbar .x-htoolbar-trans-cell div{
    border: 0px;
    border-right: 1px solid #d9d9da;
    border-top: 1px solid #d9d9da;
}

.x-toolbar-cell.x-htoolbar-trans-cell{
    background-color: #d9d9da;
}

.x-htoolbar .x-htoolbar-title-cell,
.x-htoolbar .x-htoolbar-grid-icon,
.x-htoolbar .x-htoolbar-map-icon,
.x-helix .x-htoolbar .x-left-filter-menu-trigger-ct,
.x-helix .x-htoolbar .x-left-filter-tigger-ct,
.x-htoolbar .x-htoolbar-report-icon,
.x-htoolbar .x-htoolbar-chart-icon,
.x-htoolbar .x-htoolbar-details-icon,
.x-htoolbar .x-htoolbar-dashboard-icon,
.x-htoolbar .x-htoolbar-company-icon,
.x-htoolbar .x-htoolbar-privileges-icon,
.x-htoolbar .x-htoolbar-licence-icon,
.x-htoolbar .x-htoolbar-integrations-icon,
.x-htoolbar .x-htoolbar-suggestion-icon,
.x-htoolbar .x-htoolbar-import-icon {
    background-color: #ECEFF3;
    border-top: 1px solid #d9d9da;
}

.x-simple-style .x-toolbar-cell.x-htoolbar-trans-cell,
.x-simple-style .x-htoolbar .x-htoolbar-title-cell,
.x-simple-style .x-htoolbar .x-htoolbar-grid-icon,
.x-simple-style .x-htoolbar .x-htoolbar-map-icon,
.x-simple-style .x-htoolbar .x-htoolbar-report-icon,
.x-simple-style .x-htoolbar .x-htoolbar-chart-icon,
.x-simple-style .x-htoolbar .x-htoolbar-details-icon,
.x-simple-style .x-htoolbar .x-htoolbar-dashboard-icon,
.x-simple-style .x-htoolbar .x-htoolbar-company-icon,
.x-simple-style .x-htoolbar .x-htoolbar-privileges-icon,
.x-simple-style .x-htoolbar .x-htoolbar-licence-icon,
.x-simple-style .x-htoolbar .x-htoolbar-integrations-icon,
.x-simple-style .x-htoolbar .x-htoolbar-suggestion-icon,
.x-simple-style .x-htoolbar .x-htoolbar-import-icon {
    background-color: #ebeef3;
}

.x-simple-style .x-htoolbar .x-htoolbar-fnmenu-tab div.xtb-text{
    background-color: #ebeef3;
}

li.x-tab-strip-active{
    background-color: #ECEFF3;
}

ul.x-tab-strip li{
    border: 1px solid #DADDE1;
    border-bottom: 0px solid #DADDE1;
    border-top: 1px solid #DADDE1;
    border-left: 0px solid #DADDE1;
}

#org-settings-tab-panel ul.x-tab-strip li{
    border-top: 1px solid #e0e0e2;
}

ul.x-tab-strip-top{
    border-left: 1px solid #DADDE1;
}

.panel-borders{
    border-bottom: 1px solid #DADDE1;
}
.panel-borders, .details-tab-panel .x-tab-scroller-right{
    border-right: 1px solid #DADDE1;
}
.panel-borders, .details-tab-panel .x-tab-scroller-left{
    border-left: 1px solid #DADDE1;
}

.x-details-panel .x-panel-body > .panel-simple-frame.panel-borders,
.x-details-panel .x-tab-panel-body > .panel-simple-frame.panel-borders{
    border-right: 1px solid #F2F4F7;
}

#contentContainer .x-tab-panel .x-toolbar {
    background-image: none;
    background-color: #ECEFF3;
    border-bottom: 1px solid #e0e2e6;
}

.dashboard-body{
    background-color: #ECEFF3 !important;
}

.x-tab-panel-bwrap, 
.fnmenu .fnmenu-body,
#menuContainer .fnmenu-body .x-toolbar, 
.reportpreview, 
.filterPanel, 
.x-tab-panel 
.x-panel-mc, 
#licences .x-panel-mc, 
#calendar .x-panel-mc {
    background-color: #ECEFF3 !important;
}

.x-menu-collapsed #logo-panel-container,
.x-menu-collapsed #mainheader #logo-panel-container img.no-organization-logo,
#menuContainer.xcollapsed-menu:before,
.x-simple-style  .x-tab-panel-bwrap,
.x-simple-style  .fnmenu .fnmenu-body,
.x-simple-style  #menuContainer .fnmenu-body .x-toolbar,
.x-simple-style  .reportpreview,
.x-simple-style  .filterPanel,
.x-window.x-filter-window .x-window-tl,
.x-window.x-filter-window .x-window-tc,
.x-simple-style  .x-tab-panel,
.x-simple-style #calendar .x-panel-mc,
#rightPanel-xsplit,
.subMenuContentButton.x-more-button{
    background-color: #ebeef3 !important;
}

.x-filter-window .x-tool {
    border-color: #ebeef3;
}

.x-simple-style .x-tab-panel .xx-grid3-page{
    background-color: #f2f4f7 !important;
}

.x-simple-style .fnmenu-body .filterPanel .x-panel-body{
    background-color: #f2f4f7 !important;
}

.fnmenu ::-webkit-scrollbar,
#menuLastObjectsFloating ::-webkit-scrollbar,
.x-menu-floating ul.x-menu-list ::-webkit-scrollbar {
    background: #ebeef3;
}

.x-simple-style #rightPanel > .x-panel-bwrap {
    border-top: solid 1px transparent;
}

.messagesContainer, #conversationpanel{
    background-color: #f9fafd;
}

.x-form-text, textarea.x-form-field,
.x-form-element .xx-item-gray,
.description-panel.product-description,
.description-panel iframe.html-description-panel,
.x-column.product-description {
    background-color: #f9fafd;
}

iframe.x-form-text{
    background-color: #ffffff;
}

.x-form-field.x-form-focus, textarea.x-form-focus, .x-grid3 .x-grid-editor{
    background-color: #f9fafd;
}

.x-simple-style textarea.x-form-focus, .x-simple-style .x-grid3 .x-grid-editor{
    background-color: #F2F4F7;
}

.x-simple-style .x-trigger-wrap-focus .x-form-trigger,
.x-simple-style .x-grid-editor .x-form-field-wrap .x-form-trigger{
    background-color: #F2F4F7;
}

.x-simple-style .x-combo-list{
    background-color: #F2F4F7;
}

.x-simple-style .x-combo-list .x-combo-selected, .x-simple-style .x-combo-list .x-combo-selected-withtip{
    background-color: #EDF0F4;
}

.ext-cal-dayview .ext-cal-bg-tbl {
    background-color: #ffffff !important;
}

.x-panel-header, .x-portlet .x-panel-header{
    background-color: #ECEFF3;
    border: 1px solid #E0E3E7;
}

.x-portlet .x-panel-header{
    border-bottom: 1px solid #ebeef2;
}

.x-portlet.x-panel-collapsed .x-panel-header, .x-portlet .x-finances-panel{
    border-bottom: 1px solid #E0E3E7;
}

.x-portlet .x-panel-header,
.x-calendar-dashboard-page,
.x-portlet .x-grid3-scroller,
.x-portlet .x-grid3-header,
.x-portlet .ext-cal-dayview .ext-cal-hd-days-tbl {
    background-color: #ebeef3 !important;
}

.x-new-style.x-split-details .x-chart-graph,
.x-new-style.x-split-details .x-chart-configuration-panel{
    background-color: #F1F3F7;
    border: 1px solid #d5d7da;
}

.x-finances-panel {
    background-color: #F1F3F7 !important;
}

.x-portlet .x-grid3-header {
    border-bottom: 1px solid #ebeef2;
}

.x-portlet ::-webkit-scrollbar{
    background: #F2F5F9;
}


.x-portlet .x-grid-panel, .x-calendar-dashboard-page, .x-portlet .panel-borders {
    border: 1px solid #E0E3E7;
    border-top: 0px;
}

#contentContainer .x-portlet .x-toolbar {
    border-width: 0 1px;
    border-color: #E0E3E7;
}

.x-layout-collapsed {
    background-color: #ECEFF3 !important;
    border: 1px solid #d9d9da;
}

.x-panel-floating{
    border: 1px solid #d9d9da;
}

.x-panel-tab, .notification-tip-live-view {
    border: 1px solid #d9d9da !important;
    background-color: #ECEFF3;
}

.x-portlet .x-panel-tab{
    border: none !important;
}

.x-portlet .x-toolbar{
    background-image: none !important;
    border-bottom: 1px solid #E0E3E7 !important;
}

.notification-tip-live-view .x-tip-ml {
    border: 0px solid #d9d9da !important;
    background-color: transparent !important;
}

div.panel-simple-frame-grid .x-panel-body, .help-top-content > div.x-panel-bwrap {
    border: 1px solid #d9d9da;
}

body.x-border-layout-ct{
    background-color: #ECEFF3;
}

.changelogview .x-panel-body {
    background-color: #ECEFF3;
    border: 1px solid #d9d9db !important;
}

.comment-item:hover {
    background: none repeat scroll 0 0 #F2F5F9 !important;
}

.changelog-transaction-even, .comment-item-even {
    background: none repeat scroll 0 0 #f9fafd;
}

.x-comment-panel .x-panel-bwrap, #suggestionCommentPanel .x-panel-bwrap {
    border: 0px solid #E4E4E6 !important;
}

.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-color: #e0e0e2;
}

.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-color: #e0e0e2;
}

.reportpreview {
    border-left: 1px solid #e0e0e2;
}

.x-simple2-style.x-dark-menu-style #rightPanel,
.x-simple2-style.x-dark-menu-style #rightPanel .x-panel-header,
.x-simple2-style.x-dark-menu-style #rightPanel-xcollapsed,
.x-simple2-style.x-dark-menu-style .menu-color {
    background-color: #ebeef3 !important;
}

.x-simple2-style.x-dark-menu-style #rightPanel{
    border-left: 1px solid #e0e0e2;
}

.x-menu,
.x-menu.x-user-menu .x-menu-list{
    background-color: #f2f4f7;
}

.x-menu .x-menu-scroller{
    background-color: #E2E5E9;
}

.x-menu .x-menu-scroller-active{
    background-color: #e0e0e2;
}

.x-helix .description-panel.product-description,
.x-helix .x-column.product-description,
.x-form-element .xx-item-gray, 
.x-form-text, 
textarea.x-form-field, 
.x-object-create-panel-border textarea.x-form-field, 
.x-form-grow-sizer-comment-panel,
.x-form-field-wrap .x-form-trigger,
.content-editable-comment-editor{
    border-color: #ebeef3;
}

.x-trigger-wrap-focus .x-form-trigger{
    border-color: #adc2e9;
}

.maillist-border-bottom {
    border-bottom: 1px solid #d9d9da;
}

#detailsViewInList{
    border-top: 1px solid #d9d9da;
}

/* Track */ 
::-webkit-scrollbar { 
    background: #ECEFF3;
} 

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(200,200,210,0.4);
    border: 2px solid #ECEFF3;
}

body *{
    scrollbar-color: rgba(200,200,210,0.4) transparent;
}

.fnmenu-menu-body .fnmenu-menu-item-over{
    background-color: #dbdee3 !important;
    cursor: pointer;
}

.fnmenu-menu-body .x-tree-selected{
    background-color: #E0E3E7 !important;
}

div.x-mail-attachment, div.x-mail-attachments-container{
    background-color: #EFF2F6;
}

.x-form-field-wrap .x-form-trigger {
    background-color: #f9fafd;
}

.x-simple-style .x-form-field-wrap .x-form-trigger {
    background-color: transparent;
}

.x-simple-style .changelog-transaction,
.x-simple-style .comment-item{
    background: #F2F5F9;
}

.x-simple-style .x-timeline-history-panel .x-panel-mc  {
    background: #F2F5F9 !important;
}

.x-helix .x-timeline-history-panel .x-panel-mc  {
    background: #fafafb !important;
}

.fnmenu-menu-item-tooltip, 
.right-panel-tooltip,
.fnmenu-menu-item-tooltip .x-tip-ml,
.right-panel-tooltip .x-tip-ml{
    background-color: #ebeef3 !important;
    }
.actualConverser,
.chatTiles.chatModern .actualConverser,
.chatTiles.chatModern .actualConverser:hover{
    background-color: #DADDE1;
}

.wholeMessage:hover{
    background-color: #EDF0F4;
}

.floating-filter-menu,
.floating-filter-menu .x-menu-list-item,
.floating-filter-menu .x-menu-list-item .x-menu-item-text,
.fnmenu-menu-last-object-menu-floating,
.fnmenu-menu-last-object-menu-floating .x-menu-list-item,
.fnmenu-menu-last-object-menu-floating .x-menu-list-item .x-menu-item-text{
    background-color: #ECEFF3 !important;
    color: #000 !important;
}

.x-menu-floating {
    border: 1px solid #DADDE1;
}

.x-calendar-filter-panel .x-panel-body {
    background-color: #F2F4F7;
}

.x-simple-style-image .x-calendar-filter-panel .x-panel-body {
    background-color: transparent;
}

.fnmenu-menu-last-object-menu-floating{
    border-color: #dfdfdf;
}

.floating-filter-menu .fnmenu-menu-item-over,
.floating-filter-menu .fnmenu-menu-item-over .x-menu-item-text,
.floating-filter-menu .x-menu-item-active.x-menu-list-item,
.floating-filter-menu .x-menu-item-active.x-menu-list-item .x-menu-item-text,
.fnmenu-menu-last-object-menu-floating .x-menu-item-active.x-menu-list-item,
.fnmenu-menu-last-object-menu-floating .x-menu-item-active.x-menu-list-item .x-menu-item-text{
    background-color: #ebeef3 !important;
}

.action-grid .xg3ci.x-grid3-cell-overflowed{
    background-color: #ecf1f6;
}

.x-sticked-details-tab{
    border: 1px solid #e6e6e8;
}

.kanban-column,
.x-kanban {
    background-color: #F5F6FA;
}

.kanban-item, .kanban-more {
    background-color: #f7f7f8;
    border-color: #ebebec;
}

.kanban-header, .kanban-footer-header {
    border-color: #ebebeb;
    border-right-color: #e0e0e1;
}

.right-panel-tab-active{
    background: #F2F4F7;
    border-right: 1px solid #cccccf;
    border-left: 1px solid #cccccf;
}

.x-simple-style #contentContainer .x-kanban .x-toolbar{
    border-bottom: 1px solid #e7e7ea;
}

.x-simple-style .kanban-footer-header{
    background-color: #ebeef3;
}

.kanban-footer-header {
    background-color: #ebeef3;
}

.kanban-proxy {
    border-color: #ebebeb;
    background-color: #EBEEF2;
}

.kanban-header-stage-not-completed {
    background-color: #d9dfe9 !important;
}

.x-simple-style .required-text-red,
.x-new-style .required-text-red{
    background-color: #ebeef3;
}

.x-simple-style #menuContainer .x-toolbar,
.x-simple-style .chat-conversation-window .x-window-header,
.x-simple-style #calendar .ext-cal-gutter,
.x-simple-style #calendar .ext-cal-gutter-rt,
.x-simple-style #contentContainer .x-toolbar{
    background-color: #ebeef3  !important;
}

.x-simple-style #contentContainer .x-details-panel .x-toolbar,
.x-simple-style #menuContainer .x-toolbar{
    background-color: #ebeef3  !important;
}

.x-simple-style #contentContainer .x-comment-panel .x-toolbar {
    background-color: #F2F5F9 !important;
}

.x-simple-style .x-window-ml, .x-simple-style .x-window-mr, .x-simple-style .object-create-window .x-window-body {
    background-color: #F2F4F7;
}

.x-simple-style #contentContainer .x-details-panel .x-toolbar,
.x-simple-style #contentContainer .informationboardpanel .x-toolbar,
.x-simple-style #contentContainer #organization .x-toolbar,
.x-simple-style #contentContainer #privileges .x-toolbar,
.x-simple-style #contentContainer #dataimport .x-toolbar,
.x-simple-style #contentContainer #licences .x-toolbar,
.x-simple-style #contentContainer #partnerprogram .x-toolbar,
.x-simple-style #contentContainer #integrations .x-toolbar,
.x-simple-style #contentContainer #dashboard .x-toolbar,
.x-simple-style #contentContainer .timelineview .x-toolbar,
.x-simple-style #contentContainer .changelog .x-toolbar{
    border-bottom: 1px solid #e0e2e6;
}

.x-simple-style.x-crystal .x-tree-selected .x-tree-node-icon{
    filter: invert(100%) !important;
}

#rightPanel .x-right-header,
#rightPanel{
    background-color: #ebeef3 !important;
}

.x-simple-style #contentContainer .x-grid-panel .x-toolbar{
    border-bottom: 1px solid transparent;
}
.x-simple-style .x-grid3-header {
    border-bottom: 1px solid #e0e2e6;
}

.x-simple-style.x-crystal #contentContainer .x-grid-panel .x-toolbar{
    border-bottom: 1px solid #e0e2e6;
}

.x-simple-style .x-tip-with-editor .x-tip-body{
    background-color: #F2F4F7;
}

.x-simple-style .x-tip.x-tip-with-editor{
    background-color: #F2F4F7 !important;
}

.x-simple-style .x-tip.x-tip-with-editor .x-tip-ml, .x-tip-with-editor .x-tip-mr{
    background-color: #F2F4F7 !important;
}

.x-panel.object-create-formpanel #task-description {
    background-color: #F2F4F7 !important;
}

.x-panel.object-create-formpanel #project-description {
    background-color: #F2F4F7 !important;
}

.chat-conversation-window .x-window-body {
    background-color: #F2F4F7 !important;
}

.messagesContainer .text-line.date.scrolling {
    background-color: #F2F4F7;
}

.preformatted-text-container pre {
    background-color: #dedee0;
}

.x-menu-more-button button {
    color: #555566;
}

.x-menu-less-button.x-btn-click button {
    opacity: 1;
}

.x-task-name-phone-call{
    background-color: #EAECEF;
    border: 1px solid #E0E2E5;
}

.x-new-style.x-rightmenu-collapsed.x-temporary-expand-right #rightPanel,
.x-leftMenuOnHover #menuContainer.xcollapsed-menu:hover,
.x-leftMenuOnHover.x-leftMenuOnHover #menuContainer.xcollapsed-menu{
    background-color: rgba(235,238,243, 1) !important;
}

.x-simpleLook.x-split-details #contentContainer .x-other-panel,
.x-simpleLook.x-split-details #contentContainer .x-other-panel > div,
.x-simpleLook.x-split-details #contentContainer .x-border-layout-ct{
    background-color: #ebeef3 !important;
}

.x-simpleLook.x-split-details #contentContainer .x-licences-panel .panel-simple-frame > div,
.x-simpleLook.x-split-details #contentContainer .x-other-panel > div.x-tab-panel > div.x-tab-panel-header,
.x-simpleLook.x-split-details #contentContainer .x-other-panel > div.x-tab-panel > div.x-tab-panel-bwrap .x-tab-panel-body,
.x-simpleLook.x-split-details #contentContainer .x-other-panel > div > .x-panel-body,
.x-simpleLook.x-split-details #contentContainer .x-other-panel > div > div > div > div > .x-panel-body,
.x-simpleLook.x-split-details .x-panel.timelineview  .x-panel-body > div,
.x-simpleLook.x-split-details .x-panel.changelog  .x-panel-body > div,
.x-simpleLook.x-split-details .x-panel.informationboardview,
.x-simple-style.x-split-details .x-grid-panel .abstract-grid .x-grid3{
    border: 1px solid #d5d7da !important;
}

.x-simpleLook.x-split-details #contentContainer .x-other-panel > div.x-tab-panel > div.x-tab-panel-header {
    border-bottom: 0px solid red !important;
}
.x-simpleLook.x-split-details #contentContainer .x-other-panel > div.x-tab-panel > div.x-tab-panel-bwrap .x-tab-panel-body {
    border-top: 0px solid red !important;
}

.x-simple-style.x-split-details .x-grid3-header,
.x-simple-style.x-split-details .x-grid3-hd-inner{
    background-color: #f1f3f6 !important;
}

.x-simpleLook.x-split-details .x-new-details-ct .title-salesopportunitydetails,
.x-simpleLook.x-split-details .x-new-details-ct .kanban-salesopportunitydetails,
.x-simpleLook.x-split-details .x-new-details-ct.x-border-layout-ct{
    background-color: #ebeef3 !important;
}

.x-simpleLook.x-split-details #contentContainer .x-before-split-panel{
    background-color: #ebeef3 !important;
}

.x-simpleLook.x-split-details .x-new-details-ct .details-tab-panel .x-grid3-hd-inner,
.x-simpleLook.x-split-details .x-new-details-ct .details-tab-panel .x-grid3-header,
.x-simpleLook.x-split-details .x-new-details-ct .x-split-details-panel > div {
    background-color: #f2f4f7 !important;
}

.x-simpleLook.x-split-details #contentContainer .x-other-panel > div,
.x-simpleLook.x-split-details .x-panel.timelineview  .x-panel-body,
.x-simpleLook.x-split-details .x-panel.changelog  .x-panel-body,
.x-simpleLook.x-split-details .x-panel.informationboardview,
.x-simpleLook.x-split-details .x-panel.x-grid-panel .abstract-grid{
    background-color: #ebeef3;
}

.x-simpleLook.x-split-details .x-new-details-ct .upperfields-salesopportunitydetails  .x-editor .x-form-text{
    background-color: #f2f4f7 !important;
}

.x-simpleLook.x-split-details #salesopportunitychartcanvas,
.x-simpleLook.x-split-details #contentContainer .x-licences-panel .panel-simple-frame > div,
.x-simpleLook.x-split-details .x-new-details-ct .details-tab-panel .x-grid3-hd-inner,
.x-simpleLook.x-split-details .x-new-details-ct .x-new-details .x-grid3-hd-inner,
.x-simpleLook.x-split-details .x-new-details-ct .details-tab-panel .x-grid3-header,
.x-simpleLook.x-split-details .x-new-details-ct .x-new-details .x-grid3-header,
.x-simpleLook.x-split-details .x-new-details-ct .x-new-details > div,
.x-simpleLook.x-split-details .x-new-details-ct .panel-simple-frame,
.x-simpleLook.x-split-details .x-new-details-ct li.x-tab-strip-active {
    background-color: #f2f4f7 !important;
}

.x-simpleLook.x-split-details #contentContainer .x-other-panel .x-panel-body,
.x-simpleLook.x-split-details .details-tab-panel .x-sticked-details-tab,
.x-simpleLook.x-split-details.x-simple-style .details-tab-panel .x-grid3-header{
    background-color: #f2f4f7;
}

.x-simple-style.x-split-details .x-new-details-ct .x-new-details {
    border: 1px solid #d5d7da;
}

.x-simpleLook.x-split-details #contentContainer .x-new-details-ct .x-split-details-panel .x-tab-panel-header{
    border-top: 1px solid #d5d7da !important;
}

.x-simpleLook.x-split-details .x-grid3-scroller{
    border-top: 1px solid #e5e7ea;
}

.x-simpleLook.x-split-details #contentContainer .x-new-details-ct .x-split-details-panel ul.x-tab-strip-top {
    border-bottom: 1px solid #e5e7ea;
}

.x-simpleLook.x-split-details.x-helix #contentContainer .x-new-details-ct .x-split-details-panel ul.x-tab-strip-top {
    border-bottom: 0px solid #e5e7ea;
}

.x-simpleLook.x-split-details #contentContainer .x-new-details-ct .x-split-details-panel .x-tab-panel-header,
.x-simpleLook.x-split-details #contentContainer .x-new-details-ct .x-new-details .x-tab-panel-header{
    background-color: #f2f4f7 !important;
}

.x-simpleLook.x-split-details .x-new-details-ct .x-split-details-panel > div{
    border: 1px solid #d2d4d7;
}

.x-simple-style.x-split-details .x-tab-panel-header{
    border-bottom: 0px !important;
}

.x-simple-style.x-pd-test .x-window-tl .x-window-tc,
.x-simple-style.x-pd-test .x-window-tl .x-window-header,
.x-simple-style.x-pd-test .x-window-bl,
.x-simple-style.x-pd-test .x-window-br,
.x-simple-style.x-pd-test .x-window-bc {
    background-color: #ebeef3 !important;
}

.x-pd-test .object-create-window .x-window-bc .x-toolbar-layout-ct .x-btn,
.x-pd-test .x-window-bc .x-toolbar-layout-ct .x-btn {
    background-color: #F2F4F7 !important;
}

.timeline-data-fade{
    background: linear-gradient(hsla(0,0%,100%,0),#F2F5F9);
}

.timeline-data-fade div{
    background-color: #F2F5F9;
}

.x-simple-style .x-searchresult-task-date,
.x-simple-style .x-searchresult-mail-date{
    background-color: #F2F4F7;
}

.x-simple-style .x-combo-selected .x-searchresult-task-date,
.x-simple-style .x-combo-selected .x-searchresult-mail-date{
    background-color: #EDF0F4;
}
.x-form-module-check-checkbox {
    background-color: #f2f4f7;
}
/* NIE WSTAWIAMY KODU NA KONCU PLIKU. NALEZY ZNALEZC MIEJSCE W KODZIE POWIAZANE TEMATYCZNIE I UNIKAC DUPLIKACJI CSS.
JEZELI NIE MA TAKIEGO MIEJSCA WSTAWIAMY W DOWOLNYM BYLE NIE NA KONCU PLIKU ANI PRZED TYM KOMETARZEM */