/*!
 * NONE
 */

.x-simple-style.x-avant .x-portlet,
.x-simple-style.x-avant .x-chart-graph,
.x-simple-style.x-avant .x-chart-configuration-panel,
.x-simple-style.x-avant .x-panel.timelineview .x-panel-body > div.x-changelog-panel,
.x-simple-style.x-avant .x-panel.changelog .x-panel-body > div.x-changelog-dataview,
.x-simple-style.x-avant .x-panel.informationboardview,
.x-simple-style.x-avant .x-grid-panel .abstract-grid .x-grid3 {
    border-radius: 8px !important;
    box-shadow: 0px 1px 6px 0px #0000001F;
}

.x-simple-style.x-epic-style #dashboard .x-panel{
    box-shadow: none;
}

.x-simple-style.x-split-details #dashboard .x-panel .x-panel-body{
    padding-left: 0px;
}

.x-simple-style.x-split-details #mainContainer #contentContainer .x-other-panel .x-panel-body {
    background-color: transparent;
    border: none !important;
}
.x-simple-style.x-avant :not(.x-portlet) .x-chart-graph{
    margin-top: 16px;
    box-shadow: none;
}
.x-simple-style.x-avant .x-summary-portlet .x-chart-graph{
    margin-top: 0px;
}

.x-simpleLook.x-split-details .x-chart-graph,
.x-simpleLook.x-split-details .x-chart-configuration-panel{
    margin-left: 16px;
    margin-right: 8px;
}

.x-simple-style.x-split-details #contentContainer .x-other-panel > div,
.x-simple-style.x-split-details .x-panel.timelineview .x-panel-body,
.x-simple-style.x-split-details .x-panel.changelog .x-panel-body,
.x-simple-style.x-split-details .x-panel.x-grid-panel .abstract-grid {
    background-color: var(--color-gray-light);
}

.x-simple-style.x-epic-style.x-split-details #contentContainer .x-other-panel,
.x-simple-style.x-epic-style.x-split-details #contentContainer .x-other-panel > div,
.x-simple-style.x-epic-style.x-split-details #contentContainer .x-border-layout-ct {
    background-color: var(--color-gray-light) !important;
}

.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-report-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-chart-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-details-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-table-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-dashboard-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-company-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-licence-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-integrations-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-import-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-privileges-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-map-icon .xtb-text,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-grid-icon .xtb-text{
    display: none;
}

.x-simple-style.x-epic-style #mainContainer #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-details-icon{

}

.x-simple-style.x-epic-style #mainContainer #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-details-icon .xtb-text{
    display: block;
    background-color: white !important;
    background-image: url(images/content/back-details.svg) !important;
    border: none !important;
    background-position: center center !important;
    background-size: auto !important;
    height: 46px;
    width: 24px;
    border: 1px solid var(--color-gray-10) !important;
    border-radius: 4px;
    margin-top: 6px;
    box-shadow: none;
}
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-details-icon .xtb-text:before,
.x-simple-style.x-epic-style #contentContainer .x-htoolbar .x-toolbar-cell.x-htoolbar-details-icon .xtb-text:after{
    display: none;
}
.x-simple-style #mainContainer #contentContainer .x-simple-top-toolbar .x-htoolbar .x-toolbar-cell.x-htoolbar-details-icon.x-htoolbar-details-icon-back-button .xtb-text{
    margin-left: -5px !important;
    margin-right: 5px;
}

.x-simple-style #contentContainer #transaction.x-simple-top-toolbar-title .x-htoolbar-title-main .x-htoolbar-title-main-element,
.x-simple-style #contentContainer #invoicepreview.x-simple-top-toolbar-title .x-htoolbar-title-main .x-htoolbar-title-main-element,
.x-simple-style #contentContainer #storagedoc.x-simple-top-toolbar-title .x-htoolbar-title-main .x-htoolbar-title-main-element,
.x-simple-style #contentContainer #invoicepreviewsd.x-simple-top-toolbar-title .x-htoolbar-title-main .x-htoolbar-title-main-element,
.x-simple-style #contentContainer #agreement.x-simple-top-toolbar-title .x-htoolbar-title-main .x-htoolbar-title-main-element,
.x-simple-style #contentContainer #agreementpreview.x-simple-top-toolbar-title .x-htoolbar-title-main .x-htoolbar-title-main-element,
.x-simple-style #contentContainer #offer.x-simple-top-toolbar-title .x-htoolbar-title-main .x-htoolbar-title-main-element,
.x-simple-style #contentContainer #offerpreview.x-simple-top-toolbar-title .x-htoolbar-title-main .x-htoolbar-title-main-element,
.x-simple-style #contentContainer #order.x-simple-top-toolbar-title .x-htoolbar-title-main .x-htoolbar-title-main-element,
.x-simple-style #contentContainer #orderpreview.x-simple-top-toolbar-title .x-htoolbar-title-main .x-htoolbar-title-main-element{
    margin-top: 8px;
    font-size: var(--font-size-2xl) !important;
    font-weight: var(--font-weight-semibold) !important;
}

.x-simple-style #mainContainer #contentContainer #transaction.x-simple-top-toolbar-title .x-tabtoolbar-title-prefix,
.x-simple-style #mainContainer #contentContainer #invoicepreview.x-simple-top-toolbar-title .x-tabtoolbar-title-prefix,
.x-simple-style #mainContainer #contentContainer #storagedoc.x-simple-top-toolbar-title .x-tabtoolbar-title-prefix,
.x-simple-style #mainContainer #contentContainer #invoicepreviewsd.x-simple-top-toolbar-title .x-tabtoolbar-title-prefix,
.x-simple-style #mainContainer #contentContainer #agreement.x-simple-top-toolbar-title .x-tabtoolbar-title-prefix,
.x-simple-style #mainContainer #contentContainer #agreementpreview.x-simple-top-toolbar-title .x-tabtoolbar-title-prefix,
.x-simple-style #mainContainer #contentContainer #offer.x-simple-top-toolbar-title .x-tabtoolbar-title-prefix,
.x-simple-style #mainContainer #contentContainer #offerpreview.x-simple-top-toolbar-title .x-tabtoolbar-title-prefix,
.x-simple-style #mainContainer #contentContainer #order.x-simple-top-toolbar-title .x-tabtoolbar-title-prefix,
.x-simple-style #mainContainer #contentContainer #orderpreview.x-simple-top-toolbar-title .x-tabtoolbar-title-prefix {
    top: 28px;
    padding-right: 20px;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--color-gray-80) !important;
}

.x-simple-style #mainContainer #contentContainer .x-simple-top-toolbar-title .x-tabtoolbar-title-prefix.x-toolbar-show-prefix,
.x-simple-style.x-epic-style #contentContainer #calendar .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer .x-details-panel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer .x-grid-panel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer .x-kanban .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer .x-map-panel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer #changelogview .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer #timelineview .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer #partnerprogram .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer #integrations .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer #dataimport .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer #licences .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer #privileges .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer #organization .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer .x-abstract-report .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer #dashboard .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer #informationboardpanel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer .x-grid-panel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner{
    font-size: var(--font-size-2xl) !important;
    font-weight: var(--font-weight-semibold) !important;
    line-height: var(--line-height-normal) !important;
    padding-left: 0px !important;
    margin-top: 2px;
    color: var(--color-black);
}

.x-simple-style.x-epic-style #contentContainer #mail.x-details-panel .x-htoolbar .x-htoolbar-title-main{
    vertical-align: middle !important;
    height: 60px;
}
.x-simple-style.x-epic-style #contentContainer #mail.x-details-panel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner{
    font-size: 16px !important;
    margin-top: 8px;
    margin-bottom: 0px !important;
}

.x-simple-style #mainContainer #contentContainer .x-simple-top-toolbar-title .x-tabtoolbar-title-prefix.x-toolbar-show-prefix {
    padding-right: 5px !important;
}
.x-simple-style #mainContainer #contentContainer .x-simple-top-toolbar-title .x-tabtoolbar-title-prefix.x-toolbar-show-prefix::after {
    content: ":";
}

.x-simple-style.x-epic-style #contentContainer .x-grid-panel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner{
    margin-top: -5px;
}
.x-simple-style #mainContainer #contentContainer .x-simple-top-toolbar-title .x-tabtoolbar-title-prefix.x-toolbar-show-prefix,
.x-simple-style.x-epic-style #contentContainer #calendar .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer .x-invoice-preview .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner,
.x-simple-style.x-epic-style #contentContainer .x-details-panel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner{
    margin-top: 15px;
}

.x-simple-style #contentContainer .x-invoice-preview .x-htoolbar .x-toolbar-left-row .x-toolbar-cell .xtb-text,
.x-simple-style #contentContainer .x-details-toolbar .x-htoolbar .x-toolbar-left-row .x-toolbar-cell .xtb-text{
    margin-top: 16px;
}

#organization .x-toolbar td.x-toolbar-left,
#dataimport .x-toolbar td.x-toolbar-left{
    vertical-align: middle !important;
}

.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-import-tab div.xtb-text,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-integrations-tab div.xtb-text,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-licences-tab div.xtb-text,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-partnerprogram-tab div.xtb-text,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-organization-tab div.xtb-text,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-privileges-tab-de div.xtb-text{
    margin-top: 0px;
    border-radius: 8px !important;
    border: 1px solid var(--color-gray-10) !important;
    background-color: white;
}

.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-import-tab div.xtb-text:hover,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-integrations-tab div.xtb-text:hover,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-licences-tab div.xtb-text:hover,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-partnerprogram-tab div.xtb-text:hover,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-organization-tab div.xtb-text:hover,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-privileges-tab-de div.xtb-text:hover{
    margin-top: 0px;
    border-radius: 8px !important;
    border: 1px solid var(--color-blue-40) !important;
    background-color: white !important;
    cursor: pointer;
}
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-import-tab div.xtb-text:hover > div,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-integrations-tab div.xtb-text:hover > div,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-licences-tab div.xtb-text:hover > div,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-partnerprogram-tab div.xtb-text:hover > div,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-organization-tab div.xtb-text:hover > div,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-privileges-tab-de div.xtb-text:hover > div{
    filter: brightness(0) saturate(100%) invert(32%) sepia(84%) saturate(950%) hue-rotate(203deg) brightness(80%) contrast(92%);
}
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-import-tab div.xtb-text img,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-integrations-tab div.xtb-text img,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-licences-tab div.xtb-text img,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-partnerprogram-tab div.xtb-text img,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-organization-tab div.xtb-text img,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-privileges-tab-de div.xtb-text img{
    margin-left: 3px !important;
}
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-import-tab div.xtb-text span,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-integrations-tab div.xtb-text span,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-licences-tab div.xtb-text span,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-partnerprogram-tab div.xtb-text span,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-organization-tab div.xtb-text span,
.x-simple-style #mainContainer #contentContainer .x-htoolbar .x-htoolbar-privileges-tab-de div.xtb-text span{
    margin-left: 5px !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-userlist-privileges-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-user-privileges-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-workflow-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text {
    margin-top: 0px;
    margin-bottom: 0px;
    filter: none !important;
    border: 1px solid white !important;
    height: 30px !important;
    background-color: white !important;
    /*border-left: 1px solid var(--color-blue-light) !important;*/ /*box shadow create this border but its a little different*/
    /*border-right: 1px solid var(--color-blue-light) !important;*/ /*box shadow create this border*/
}

body #mainContainer #contentContainer .x-details-panel .x-htoolbar-details-tab .xtb-text,
body.x-simple-style #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-tab-selected .xtb-text,
body.x-helix #mainContainer  .right-panel-tab-active{
    border: 1px solid rgba(49, 122, 226, 0.5) !important;
    background-color: var(--color-blue) !important;
    z-index: 8888;
    cursor: pointer !important;
}

body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-list-tab .xtb-text,
body #mainContainer #contentContainer .x-details-panel .x-htoolbar-details-tab .xtb-text,
body #mainContainer #contentContainer .x-invoice-preview .x-htoolbar-details-tab .xtb-text,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-generic-tab .xtb-text,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-kanban-tab .xtb-text,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-chart-tab .xtb-text,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-map-tab .xtb-text,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-invoice-tab .xtb-text,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-report-tab .xtb-text,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-userlist-privileges-tab .xtb-text,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-user-privileges-tab .xtb-text,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-workflow-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text
{
    width: 38px !important;
    box-shadow: 0px 1px 4px 0px #0000001F;
}

body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-list-tab .xtb-text img,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-details-tab .xtb-text img,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-generic-tab .xtb-text img,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-kanban-tab .xtb-text img,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-chart-tab .xtb-text img,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-map-tab .xtb-text img,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-invoice-tab .xtb-text img,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-report-tab .xtb-text img,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-userlist-privileges-tab .xtb-text img,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-user-privileges-tab .xtb-text img,
body #mainContainer #contentContainer .x-htoolbar.x-toolbar-tabs .x-htoolbar-workflow-tab .xtb-text img,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text img{
    height: 24px !important;
    top: 3px;
    left: 8px;
}

body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-list-tab .xtb-text span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-details-tab .xtb-text span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-generic-tab .xtb-text span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-kanban-tab .xtb-text span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-chart-tab .xtb-text span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-map-tab .xtb-text span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-invoice-tab .xtb-text span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-report-tab .xtb-text span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-list-tab .xtb-text span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-details-tab .xtb-text span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-generic-tab .xtb-text span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-kanban-tab .xtb-text span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-chart-tab .xtb-text span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-map-tab .xtb-text span,
    /*body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-invoice-tab .xtb-text span,*/
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-report-tab .xtb-text span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-list-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-details-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-generic-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-kanban-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-chart-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-map-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-invoice-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-report-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-userlist-privileges-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-user-privileges-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-workflow-tab .xtb-text span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text span{
    position: absolute;
    top: 37px;
    left: 30px;
    z-index: 99999;
    padding: 2px 4px 2px 4px;
    border: 1px solid rgba(120,135,150, 0.1) !important;
    background-color: #F7F9FD !important;
    opacity: 0 !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20);
    border-radius: 3px;
    display: none;
}

body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-list-tab .xtb-text:hover span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-details-tab .xtb-text:hover span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-generic-tab .xtb-text:hover span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-kanban-tab .xtb-text:hover span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-chart-tab .xtb-text:hover span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-map-tab .xtb-text:hover span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-invoice-tab .xtb-text:hover span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-report-tab .xtb-text:hover span,
body #contentContainer .x-abstract-report .x-htoolbar .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text:hover span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-list-tab .xtb-text:hover span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-details-tab .xtb-text:hover span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-generic-tab .xtb-text:hover span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-kanban-tab .xtb-text:hover span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-chart-tab .xtb-text:hover span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-map-tab .xtb-text:hover span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-invoice-tab .xtb-text:hover span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-report-tab .xtb-text:hover span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text:hover span,
body #contentContainer .x-details-panel .x-htoolbar .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-list-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-details-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-generic-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-kanban-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-chart-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-map-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-invoice-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-report-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-userlist-privileges-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-user-privileges-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-workflow-tab .xtb-text:hover span,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-gantt-tab .xtb-text:hover span{
    transition: opacity 0.1s ease-in;
    transition-delay: 0.4s;
    opacity: 1 !important;
    display: block;
}

.x-avant .x-toolbar td.x-tab-add,
.x-avant .x-toolbar td.x-htoolbar-privileges-tab-de,
.x-avant .x-toolbar td.x-htoolbar-privileges-tab,
.x-avant .x-toolbar td.x-htoolbar-organization-tab,
.x-avant .x-toolbar td.x-htoolbar-userlist-privileges-tab,
.x-avant .x-toolbar td.x-htoolbar-workflow-tab,
.x-avant .x-toolbar td.x-htoolbar-import-tab,
.x-avant .x-toolbar td.x-htoolbar-integrations-tab,
.x-avant .x-toolbar td.x-htoolbar-partnerprogram-tab,
.x-avant .x-toolbar td.x-htoolbar-licences-tab,
.x-avant #calendar .x-toolbar td.x-htoolbar-title-main{
    vertical-align: middle !important;
}


.x-simple-style #contentContainer .x-details-panel .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer .x-abstract-report:not(.x-invoice-preview) .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer .x-kanban .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer #changelogview .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer #timelineview .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer #partnerprogram .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer #integrations .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer #dataimport .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer #licences .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer #privileges .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer #informationboardpanel .x-toolbar .x-htoolbar-loading .x-btn,
.x-simple-style #contentContainer #dashboard .x-toolbar .x-htoolbar-loading .x-btn {
    margin-bottom: 7px;
}

.x-simple-style #contentContainer #organization .x-toolbar .x-htoolbar-loading .x-btn{
    margin-bottom: 9px;
}

body.x-simple-style #contentContainer .x-grid-panel .x-toolbar .x-htoolbar-loading .x-btn,
body.x-simple-style #contentContainer #dashboard .x-toolbar .x-htoolbar-loading .x-btn,
body.x-simple-style #contentContainer .x-panel .x-toolbar .x-htoolbar-loading .x-btn{
    margin-top: 0px;
    margin-bottom: -1px;
    margin-left: -5px;
    margin-right: 8px !important;
    padding: 6px;
}
body.x-simple-style #contentContainer .x-abstract-report .x-toolbar .x-htoolbar-loading .x-btn{
    margin-top: 9px;
}

body.x-simple-style #contentContainer .x-invoice-preview .x-toolbar .x-htoolbar-loading .x-btn,
body.x-simple-style #contentContainer .x-details-panel .x-toolbar .x-htoolbar-loading .x-btn{
    margin-top: 15px;
}


.x-simple-style #contentContainer .x-panel .x-toolbar .x-btn{
    margin-top: 0px;
    margin-right: 2px;
}

.x-invoice-preview .x-htoolbar-details-tab.mainDetailsTab{
    display: none;
}

.x-simple-style.x-epic-style #mainContainer #contentContainer .informationboardpanel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element,
.x-simple-style.x-epic-style #mainContainer #contentContainer .changelog .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element,
.x-simple-style.x-epic-style #mainContainer #contentContainer .timelineview .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element,
.x-simple-style.x-epic-style #mainContainer #contentContainer .x-kanban .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element,
.x-simple-style.x-epic-style #mainContainer #contentContainer .x-abstract-report:not(.x-invoice-preview):not(.workflow-details-panel) .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element,
.x-simple-style.x-epic-style #mainContainer #contentContainer .x-grid-panel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element{
    border-radius: 20px;
    border: 1px solid var(--color-blue-40) !important;
    color: var(--color-blue-80);
    font-size: 13px !important;
    font-weight: var(--font-weight-semibold) !important;
    width: auto !important;
    padding: 3px 25px 1px 8px !important;
    margin-left: 5px;
    background-image: url(images/content/dropdown.svg) !important;
    background-repeat: no-repeat;
    background-size: 20px !important;
    background-position: right 5px center !important;
    cursor: pointer;
    min-height: 17px;
}

.x-simple-style.x-epic-style #mainContainer #contentContainer .informationboardpanel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element,
.x-simple-style.x-epic-style #mainContainer #contentContainer .changelog .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element,
.x-simple-style.x-epic-style #mainContainer #contentContainer .timelineview .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element,
.x-simple-style.x-epic-style #mainContainer #contentContainer .x-kanban .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element,
.x-simple-style.x-epic-style #mainContainer #contentContainer .x-abstract-report:not(.x-invoice-preview)  .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element,
.x-simple-style.x-epic-style #mainContainer #contentContainer .x-grid-panel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element{
    margin-top: 3px !important;
}

.x-simple-style.x-epic-style #mainContainer #contentContainer .x-grid-panel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element{
    margin-top: 1px !important;
}

.x-simple-style.x-epic-style #mainContainer #contentContainer .informationboardpanel .x-htoolbar .x-htoolbar-title-main div.x-htoolbar-title-inner.x-htoolbar-title-main-element:empty{
    display:none;
}

.x-simple-top-toolbar-title:not(.x-abstract-report) .x-htoolbar .x-htoolbar-title-cell div.x-htoolbar-title-inner.x-htoolbar-title-main-element::after{
    background-image: url(images/pencil.svg) !important;
    background-repeat: no-repeat;
    background-size: 14px !important;
    background-position: 1px 5px !important;
    height: 30px !important;
}
.x-simple-top-toolbar-title:not(.x-abstract-report) .x-htoolbar .x-htoolbar-title-cell div.x-htoolbar-title-inner.x-htoolbar-title-main-element:hover::after{
    opacity: 0.6 !important;
}

.x-toolbar td.x-htoolbar-map-icon,
.x-invoice-preview .x-toolbar td.x-toolbar-left,
.x-details-panel .x-toolbar td.x-toolbar-left{
    vertical-align: top !important;
}


body.x-epic-style .x-htoolbar .x-htoolbar-title-cell div.x-htoolbar-title-addinfo {
    margin-top: 24px !important;
    padding-left: 16px !important;
    font-size: 14px !important;
    color: var(--color-gray-40) !important;
    font-weight: 500 !important;
}

body.x-epic-style.x-simple-style.x-simpleLook #mainContainer #contentContainer .x-tab-hidden,
body.x-epic-style.x-simple-style.x-simpleLook #mainContainer #contentContainer .x-tab-hidden .xtb-text {
    width: 0px !important;
}

body #contentContainer .x-details-panel .x-toolbar-cell.x-htoolbar-first-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-first-tab .xtb-text{
    border-radius: 10px 0px 0px 10px !important;
    border-left: 1px solid white !important;
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
}

body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-invoice-tab .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-left-row:not(.x-shown-details) .x-toolbar-cell.x-htoolbar-last-tab .xtb-text{
    border-radius: 0px 10px 10px 0px !important;
    border-top: 1px solid white !important;
    border-right: 1px solid white !important;
    border-bottom: 1px solid white !important;
}

body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-first-tab .xtb-text{
    border-radius: 10px 0px 0px 10px !important;
    border-left: 1px solid white !important;
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
}

body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-first-tab.x-htoolbar-last-tab  .xtb-text,
body #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-left-row:not(.x-shown-details) .x-toolbar-cell.x-htoolbar-first-tab.x-htoolbar-last-tab .xtb-text{
    border-radius: 10px !important;
    border: 1px solid white !important;
}

body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-list-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-details-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-generic-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-kanban-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-chart-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-map-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-invoice-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-report-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-userlist-privileges-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-user-privileges-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-gantt-tab:hover .xtb-text,
body.x-simple-style #contentContainer .x-panel .x-toolbar .x-htoolbar-loading:hover .x-btn{
    border: 1px solid var(--color-blue-40) !important;
    z-index: 100;
    background-color: white !important;
}

body.x-epic-style #contentContainer .x-details-panel .x-htoolbar-details-tab img,
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-tab-selected img {
    filter: invert() brightness(1000%);
}

#contentContainer .x-invoice-preview  .x-htoolbar td.x-toolbar-right,
#contentContainer .x-grid-panel .x-htoolbar td.x-toolbar-right {
    vertical-align: middle !important;
}

#contentContainer .x-details-panel .x-htoolbar td.x-toolbar-right{
    vertical-align: top !important;
}

#contentContainer .x-details-panel .x-htoolbar td.x-toolbar-right .x-toolbar-right-ct{
    margin-top: 13px !important;
}

.x-simple-style #contentContainer .x-details-panel.x-simple-top-toolbar-title .x-htoolbar .x-htoolbar-title-cell div.x-htoolbar-title-inner.x-htoolbar-title-main-element.x-toolbar-after-first-load {
    margin-bottom: 5px !important;
}

#contentContainer .x-invoice-preview .x-htoolbar-details-tab:not(.mainDetailsTab),
#contentContainer .x-invoice-preview .x-htoolbar-invoice-tab{
    display: inline-block;
}

body.x-epic-style #mainContainer #contentContainer  .x-invoice-preview .x-toolbar-left-row td,
body.x-epic-style #mainContainer #contentContainer  .x-details-toolbar .x-toolbar-left-row td{
    vertical-align: top !important;
}

.message-menu-button.x-toolbar-more-icon{
    transform: none;
}

.x-toolbar-more-icon,
.x-btn-icon .x-btn-small .x-btn-text.x-toolbar-more-icon{
    background-size: auto !important;
    background-position: center !important;
    background-image: url(images/ellipsis-vertical.svg) !important;
}
.x-toolbar-more:hover  .x-btn-small .x-btn-text.x-toolbar-more-icon{
    opacity: 1;
}
.x-toolbar-more{
    background-color: white !important;
    margin-left: 2px;
    border: 1px solid var(--color-gray-10) !important;
    border-radius: 8px;
}
.x-toolbar-more:hover{
    border: 1px solid var(--color-blue-40) !important;
}

.x-lovcombo-list{
    border-radius: 6px;
}
.x-xsuperboxselect-item-text,
.ux-lovcombo-item-text,
.x-combo-list {
    font-size: 14px;
}

.x-xsuperboxselect-item-text,
.ux-lovcombo-item-text{
    line-height: 1;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 2px;
}
.x-xsuperboxselect-item-text{
    padding-left: 28px;
}
.x-lovcombo-list .x-combo-checkbox{
    height: 24px;
    width: 25px;
}
.x-xsuperboxselect-icon, .ux-lovcombo-icon {
    margin-top: 4px;
    margin-left: 5px;
    background-size: auto;
    background-position: 0px 0px !important;
}

#contentContainer .x-custom-field-boolean .boolean-correct,
#contentContainer .x-custom-field-boolean .boolean-notcorrect{
    background-position: center !important;
}

#contentContainer .x-custom-field-boolean .boolean-correct{
    background-image: url(images/checkboxon.svg) !important;
}

#contentContainer .x-custom-field-boolean .boolean-notcorrect,
label.css-label,
.x-checkbox-panel-header-icon,
#organizationModulesSettings label.css-label,
.x-checkbox-undef .x-form-tscheckbox,
.x-form-check-wrap .x-form-tscheckbox,
.x-xsuperboxselect-icon,
.x-menu-check-item .x-menu-item-icon,
.xx-menu-tricheck-checked-null .xx-menu-tricheck-item .x-menu-item-icon,
.ux-lovcombo-icon-unchecked {
    background-image: url(images/checkboxoff.svg) !important;
    background-position: 0px 0px !important;
}

.x-menu-item-checked .x-menu-item-icon,
.xx-menu-tricheck-checked-true .xx-menu-tricheck-item .x-menu-item-icon,
.ux-lovcombo-icon-checked,
.x-checkbox-panel-header-icon.x-checkbox-panel-header-icon-checked,
#contentContainer #organizationadmin input[type=checkbox].css-checkbox:checked + label.css-label,
input[type=checkbox].css-checkbox:checked + label.css-label,
.x-checkbox-checked.x-form-check-wrap .x-form-tscheckbox,
.x-xsuperboxselect-icon-checked{
    background-image: url(images/checkboxonblue.svg) !important;
    background-position: 0px 0px !important;
}

.x-layer.x-combo-list.accordion-opened-list .x-xsuperboxselect-icon.x-xsuperboxselect-icon-checked{
    background-position: 0px 0px !important;
}

.x-checkbox-undef.x-form-check-wrap  .x-form-tscheckbox,
.xx-menu-tricheck-checked-false .xx-menu-tricheck-item .x-menu-item-icon{
    background-image: url(images/checkboxno.svg) !important;
    background-position: 0px 0px !important;
}

.x-superboxselect-btn-clear,
.x-superboxselect-item-close{
    top: 6px;
    right: 5px;
    background-image: url(images/content/close-black.svg) !important;
    opacity: 0.5;
    background-position: 0px 0px !important;
}
.x-superboxselect-btn-clear:hover,
.x-superboxselect-item-close:hover{
    opacity: 0.9;
}

.x-simple-style .x-combo-list .x-combo-selected,
.x-simple-style .x-combo-list .x-combo-selected-withtip {
    background-color: var(--color-blue-light);
}
.x-window.x-top-filter-window .x-form-item .x-form-field-wrap .x-form-arrow-trigger,
.x-superboxselect-btn-expand{
    background-image: url(images/content/expand.svg) !important;
    background-position: 0px 0px !important;
    width: 20px;
}
.x-window.x-top-filter-window .x-form-item .x-form-field-wrap .x-form-arrow-trigger {
    background-position: 4px 10px !important;
}
.x-superboxselect-btns div {
    margin-top: 8px;
    width: 20px;
    margin-right: -4px;
}
.x-superboxselect-item{
    background-color: var(--color-gray-light);
}
.x-superboxselect-item:hover{
    background-color: var(--color-blue-light);
}

.xx-filterpanel-tricheckbox-inner-wrap img{
    margin-bottom: 5px;
    margin-right: 3px;
}
.x-simple-style.x-hs-test .x-window.x-filter-window .x-form-label-top .x-form-item label.x-form-item-label,
.x-simple-style.x-hs-test .x-window.x-filter-window .x-form-label-top .x-form-item label.x-form-cb-label{
    line-height: 24px !important;
    margin-left: 0px;
}
.x-window.x-filter-window .x-fieldset legend,
.x-window.x-filter-window .x-form-item-label{
    letter-spacing: normal !important;
    font-size: 12px !important;
    text-transform: uppercase;
    color: var(--color-gray-80) !important;
    font-weight: 500 !important;
    margin-left: 0px;
}
.x-window.x-filter-window .x-fieldset legend{
    margin-left: -4px;
}

.x-window.x-filter-window  .x-form-label-top .x-hide-label label.x-form-item-label{
    display: none;
}

.x-window.x-filter-window .x-tool {
    margin-top: -6px;
}

.x-window.x-filter-window .x-window-header-text {
    font-size: 14px;
}

.x-filter-window .x-window-tl .x-window-header {
    height: 60px;
    margin-top: -5px;
}

.x-window .x-filter-window-fields-filter .filter-clear{
    top: 2px !important;
    right: 2px !important;
}
.x-filter-window .x-filter-window-fields-filter .filter-clear-icon{
    background-color: var(--color-gray-40) !important;
    width: 18px;
    height: 18px;
    mask-position: 1px 1px;
}

.dash {
    line-height: 38px;
    margin-left: -1px;
}

.x-filter-window-fields-filter{
    width: 238px !important;
    top: -40px;
}
.x-window.x-filter-window{
    box-shadow: 0px 0px 24px 0px #00000040;
    filter: none;
    border: none !important;
}

.x-window.x-filter-window,
.x-window.x-filter-window .x-window-body{
    width: 260px !important;
}

.x-filter-window .x-panel-tbar{
    width: 250px !important;
    padding-left: 10px;
    background-color: white !important;
}

.x-simple-style .x-filter-window .x-window-tl .x-window-tc,
.x-simple-style .x-filter-window .x-window-tl .x-window-header,
.x-window.x-filter-window,
.x-simple-style .filterPanel{
    background-color: var(--color-gray-light) !important;
}

.x-window.x-filter-window .x-filter-window-fields-filter,
.x-window.x-filter-window .x-filter-window-fields-filter,
.x-window.x-filter-window .x-panel-body{
    padding-left: 8px;
    padding-right: 0px;
}

.ext-strict .x-simple-style.x-hs-test .x-window.x-filter-window .x-form-element .x-form-field-wrap.x-form-field-trigger-wrap,
.ext-strict .x-simple-style.x-hs-test .x-window.x-filter-window .x-form-element:not(.x-left-filter-field) .x-form-text:not(.editorGridField):not(.combo-in-fieldset),
.x-window.x-filter-window .x-form-text{
    background-color: white !important;
    border-radius: 8px !important;
    min-height: 35px !important;
    font-size: 14px !important;
    padding-left: 4px;
    border: 1px solid var(--color-gray-10) !important;
    width: 99% !important;
    box-sizing: border-box;
}

.ext-strict .x-simple-style.x-hs-test .x-window.x-filter-window .accordion-closed-component:not(.x-item-has-value) .x-form-element .x-form-field-wrap.x-form-field-trigger-wrap{
    display: none;
}

.x-simple-style.x-epic-style .x-superboxselect-input input.x-form-field.x-form-focus{
    font-size: 14px !important;
    line-height: 20px !important;
    height: 26px !important;
}
.ext-strict .x-simple-style.x-hs-test .x-window.x-filter-window .x-form-element:not(.x-left-filter-field) .x-form-text:not(.editorGridField):not(.combo-in-fieldset):focus-within,
.ext-strict .x-simple-style.x-hs-test .x-window.x-filter-window .x-form-element:not(.x-left-filter-field) .x-form-text:not(.editorGridField):not(.combo-in-fieldset):hover,
.x-window.x-filter-window .x-form-text:focus-within,
.x-window.x-filter-window .x-form-text:hover{
    border: 1px solid var(--color-blue-40) !important;
}

.ext-strict .x-simple-style.x-hs-test .x-window.x-filter-window .x-form-element .x-form-field-wrap.x-form-field-trigger-wrap .x-form-text:not(.editorGridField):not(.combo-in-fieldset){
    border: none !important;
    width: 100% !important;
    box-sizing: border-box;
}

.x-superboxselect-item{
    color: var(--color-gray-80) !important;
    border-radius: 8px;
}
.x-superboxselect-item-caption{
    line-height: 27px;
    color: var(--color-gray-80) !important;
    width: calc(100% - 5px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.x-more-button-filter button{
    background-image: url(images/menu/chevron-black.svg);
    background-position: right !important;
    padding-right: 16px !important;
}
.x-more-button-filter.x-less-button button{
    background-image: url(images/menu/chevronup-black.svg);
}
.x-more-button-filter:hover button{
    background-image: url(images/menu/chevron.svg);
    background-position: right !important;
}
.x-more-button-filter.x-less-button:hover button{
    background-image: url(images/menu/chevronup.svg);
}

.filterPanel .x-more-button.x-btn{
    background-color: white !important;
    border: 1px solid var(--color-gray-10) !important;
    border-radius: 28px !important;
}
.filterPanel .x-more-button.x-btn:hover{
    background-color: var(--color-blue-light) !important;
    border: 1px solid var(--color-blue-40) !important;
    filter: none;
}
.x-more-button-filter button span{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-gray-60);
}

.ext-strict body.x-simple-style.x-hs-test.x-epic-style .x-window.panel-simple-frame.x-filter-window.x-top-filter-window
.accordion-closed-component .x-form-element .x-superboxselect-display-btns{
    background-color: transparent !important;
    border: none !important;
    min-height: 0px !important;
}
.filterPanel .accordion-closed-component  .x-superboxselect-item{
    width: 90% !important;
}

.ext-strict .x-simple-style.x-epic-style .x-window.x-filter-window .x-form-element .x-form-field-wrap .x-form-trigger.x-form-button-date-prev,
.ext-strict .x-simple-style.x-epic-style .x-window.x-filter-window .x-form-element .x-form-field-wrap .x-form-trigger.x-form-button-date-next{
    background-position: 2px 13px !important;
    background-size: 6px !important;
}

.ext-strict .x-simple-style.x-epic-style .x-window.x-filter-window .x-form-element .x-form-field-wrap .x-form-trigger.x-form-button-date-prev{
    background-image: url(images/content/back.svg) !important;
}
.ext-strict .x-simple-style.x-epic-style .x-window.x-filter-window .x-form-element .x-form-field-wrap .x-form-trigger.x-form-button-date-next{
    background-image: url(images/content/forward.svg) !important;
}

.ext-strict .x-simple-style.x-epic-style .x-window.x-filter-window .x-form-element .x-form-field-wrap .x-form-trigger{
    right: 5px;
    border: none;
}
.ext-strict .x-simple-style .x-window.x-filter-window .x-form-element.x-left-filter-field .x-form-field-wrap input{
    width: 95% !important;
    background-color: transparent !important;
    border: none !important;
    font-size: 14px !important;
    padding-left: 4px;
}
.ext-strict .x-simple-style .x-window.x-filter-window .x-form-element.x-left-filter-field .x-form-field-wrap{
    width: 97% !important;
}

.ext-strict .x-simple-style.x-hs-test .x-window.x-filter-window .x-form-element.x-left-filter-field .x-form-field-wrap{
    background-color: white !important;
}
.filter-panel-options-field{
    width: 100% !important;
}

.filter-panel-options-field .x-fieldset-body{
    width: 97% !important;
}

.filterPanel form > div.x-form-item .x-form-element .x-fieldset-body .x-form-field-wrap-date .x-form-text {
    width: calc(100% - 10px) !important;
}


.x-btn-icon .x-btn-small .x-btn-text.x-tbar-loading,
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell img {
    background-repeat: no-repeat;
    background-size: 20px !important;
    background-position: center !important;
}
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-details-tab img {
    background-image: url(images/content/details.svg) !important;
}
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-list-tab img {
    background-image: url(images/content/list.svg) !important;
}
.x-htoolbar .x-htoolbar-generic-tab div img,
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-kanban-tab img {
    background-image: url(images/content/kanban.svg) !important;
}
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-report-tab img {
    background-image: url(images/content/kanban.svg) !important;
}
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-chart-tab img {
    background-image: url(images/content/chart.svg) !important;
}
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-map-tab img {
    background-image: url(images/content/map.svg) !important;
}
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-report-tab img {
    background-image: url(images/content/report.svg) !important;
}
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-invoice-tab img {
    background-image: url(images/content/preview.svg) !important;
}
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-userlist-privileges-tab img {
    background-image: url(images/content/privileges.svg) !important;
}
body.x-epic-style #contentContainer .x-htoolbar.x-toolbar-tabs .x-toolbar-cell.x-htoolbar-user-privileges-tab img {
    background-image: url(images/content/privileges.svg) !important;
}

.x-htoolbar .x-htoolbar-privileges-tab div img,
.x-htoolbar .x-htoolbar-user-privileges-tab div img,
.x-htoolbar .x-htoolbar-userlist-privileges-tab div img,
.x-htoolbar .x-htoolbar-privileges-tab-de div img,
.x-htoolbar .x-htoolbar-user-privileges-tab-de div img,
.x-htoolbar .x-htoolbar-userlist-privileges-tab-de div img{
    background-image: url(images/permissions.svg) !important;
    background-size: 18px !important;
    background-position: 0px 0px !important;
    opacity: 0.8;
}
.x-htoolbar .x-htoolbar-import-tab div img {
    background-image: url(images/import.svg) !important;
    background-size: 18px !important;
    background-position: -0px 0px !important;
    opacity: 0.8;
}
.x-htoolbar .x-htoolbar-integrations-tab div img {
    background-image: url(images/marketplace.svg) !important;
    background-size: 18px !important;
    background-position: 0px 0px !important;
    opacity: 0.8;
}
.x-htoolbar .x-htoolbar-licences-tab div img {
    background-image: url(images/dollar.svg) !important;
    background-size: 18px !important;
    background-position: 0px 0px !important;
    opacity: 0.8;
}
.x-htoolbar .x-htoolbar-organization-tab div img {
    background-image: url(images/company.svg) !important;
    background-size: 18px !important;
    background-position: 0px 0px !important;
    opacity: 0.8;
}
.x-htoolbar .x-htoolbar-workflow-tab div img {
    background-image: url(images/emailsequence.svg) !important;
    background-size: 18px !important;
    background-position: 0px 0px !important;
    opacity: 0.8;
}

.x-btn-icon .x-btn-small .x-btn-text.x-tbar-loading{
    background-image: url(images/content/refresh.svg) !important;
    opacity: 0.9;
}

.x-epic-style .x-htoolbar .x-dashboard-tab .xtb-text{
    border-radius: 8px;
    border: 1px solid transparent !important;
    background-color: transparent !important;
}
.x-epic-style .x-htoolbar .x-dashboard-tab .xtb-text:hover{
    border: 1px solid var(--color-blue-40) !important;
}

.x-htoolbar .x-dashboard-tab .x-dashboard-tab-inner img{
    background-image: url(images/dashboard.svg) !important;
    background-size: 16px !important;
    background-position: 0px 2px !important;
    opacity: 0.6;
    top: 5px;
}
.x-avant .x-htoolbar .x-htoolbar-list-tab.x-dashboard-tab div.xtb-text{
    margin-top: 1px;
    height: 30px;
}
.x-dashboard-tab div.xtb-text span{
    top: 1px !important;
}

.x-menu-item-icon.dasbhoard-name-edit-icon{
    opacity: 1;
    background-size: 18px !important;
}

body.x-epic-style #contentContainer .selected-records-link {
    top: 35px;
    margin-left: 3px;
}
body.x-epic-style #contentContainer .selected-records-link span{
    font-weight: 600 !important;
    font-size: 14px !important;
}

.x-left-filter-menu-trigger-ct{
    display: none;
}

#contentContainer .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button{
    margin-right: 5px !important;
}

#contentContainer .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button button.icon-add{
    background-position: 7px 7px !important;
}
#contentContainer .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button button{
    background-position: 8px 8px !important;
}

#contentContainer .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button.x-btn-text-icon button span{
    padding-left: 30px;
    font-weight: 500;
    font-size: 13px !important;
}

body .x-details-panel .x-panel-buttons .x-main-create-button:not(.x-main-create-button-no-force-icon) button,
body .x-abstract-report .x-panel-buttons .x-main-create-button:not(.x-main-create-button-no-force-icon) button,
body .x-kanban .x-main-create-button:not(.x-main-create-button-no-force-icon) button,
body #calendar .x-main-create-button:not(.x-main-create-button-no-force-icon) button,
body .x-grid-panel .x-panel-buttons .x-main-create-button:not(.x-main-create-button-no-force-icon) button,
body .x-portlet .x-panel-footer.x-panel-btns .x-main-create-button-color-background button{
    background-image: url(images/content/add.svg) !important;

}

.x-epic-style .x-btn.x-btn-create,
.x-epic-style.x-isLogin .x-window-dlg .x-btn,
#changepasswordsubmitbutton,
#creategroupsubmitbutton,
.x-window-bc .x-toolbar-layout-ct .x-btn.x-btn-create,
.x-window .x-window-bc .x-toolbar-layout-ct .x-btn.x-btn-create,
.x-window-bc .x-toolbar-layout-ct .x-btn.x-btn-ok,
.x-window .x-window-bc .x-toolbar-layout-ct .x-btn.x-btn-ok,
.x-btn.x-btn-ok,
.x-window .big-button,
.x-login-button.x-btn.x-btn-create,
body .x-details-panel .x-details-toolbar .x-toolbar-left-row .x-main-button.x-btn,
body .x-details-panel .x-htoolbar .x-panel-buttons .x-main-button.x-btn,
body .x-details-panel .x-htoolbar .x-panel-buttons .x-main-create-button.x-btn,
body .x-abstract-report .x-panel-tbar .x-htoolbar .x-panel-buttons .x-main-button.x-btn,
body .x-abstract-report .x-panel-tbar .x-htoolbar .x-panel-buttons .x-main-create-button.x-btn,
body #contentContainer .x-abstract-report .x-chart-configuration-panel .x-btn.x-btn-create,
body .x-kanban .x-htoolbar .x-main-create-button.x-btn, body #calendar .x-htoolbar .x-main-create-button.x-btn,
body .x-grid-panel .x-htoolbar .x-panel-buttons .x-main-create-button.x-btn,
body .x-portlet .x-panel-footer.x-panel-btns .x-main-create-button-color-background.x-btn {
    background-color: var(--color-blue) !important;
    border: 1px solid var(--color-blue) !important;
    border-radius: 30px;
    filter: none !important;
}

#contentContainer .x-panel-buttons .x-btn.x-main-button:not(.x-item-disabled) button,
#contentContainer .x-details-toolbar .x-panel-buttons .x-btn.x-main-button:not(.x-item-disabled) button,
#contentContainer .x-abstract-report .x-panel-buttons .x-btn.x-main-button:not(.x-item-disabled) button,
#contentContainer .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button:not(.x-item-disabled) button,
#contentContainer .x-details-toolbar .x-panel-buttons .x-btn.x-split-button.x-main-create-button:not(.x-item-disabled) button,
#contentContainer .x-abstract-report .x-panel-buttons .x-btn.x-split-button.x-main-create-button:not(.x-item-disabled) button,
.x-window .x-panel-btns .x-btn-create .x-btn-split button {
    background-color: var(--color-blue);
    border-radius: 20px;
    filter: none !important;
}

#mainContainer #contentContainer .x-panel-buttons .x-btn.x-split-button.x-main-create-button:not(.x-item-disabled) button,
#mainContainer #contentContainer .x-panel-buttons .x-btn.x-split-button.x-main-button:not(.x-item-disabled) button,
.x-window .x-panel-btns .x-btn-create .x-btn-split button{
    border-radius: 20px 0px 0px 20px;
}

#contentContainer .x-panel-buttons .x-btn.x-main-button:not(.x-item-disabled) button,
#contentContainer .x-details-toolbar .x-panel-buttons .x-btn.x-main-button:not(.x-item-disabled) button,
#contentContainer .x-abstract-report .x-panel-buttons .x-btn.x-main-button:not(.x-item-disabled) button,
#contentContainer .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button:not(.x-item-disabled) button,
#contentContainer .x-details-toolbar .x-panel-buttons .x-btn.x-split-button.x-main-create-button:not(.x-item-disabled) button,
#contentContainer .x-abstract-report .x-panel-buttons .x-btn.x-split-button.x-main-create-button:not(.x-item-disabled) button,
.x-window .x-panel-btns .x-btn-create .x-btn-split button {
    background-color: var(--color-blue);
}

.x-epic-style .x-btn.x-btn-create:hover,
.x-epic-style.x-isLogin .x-window-dlg .x-btn.x-btn-over,
#changepasswordsubmitbutton.over,
#creategroupsubmitbutton.over,
.x-window-bc .x-toolbar-layout-ct .x-btn.x-btn-create-over,
.x-window .x-window-bc .x-toolbar-layout-ct .x-btn.x-btn-create-over,
.x-window .x-toolbar-layout-ct .x-btn.x-btn-create:hover,
.x-btn.x-btn-create.x-btn-over,
.x-btn.x-btn-ok-over,
.x-window-bc .x-toolbar-layout-ct .x-btn.x-btn-ok-over,
.x-window .x-window-bc .x-toolbar-layout-ct .x-btn.x-btn-ok-over,
.x-btn.x-btn-ok.x-btn-over,
.x-window .big-button.x-btn-over,
.x-login-button.x-btn.x-btn-create-over{
    background-color: var(--color-blue-darken-20) !important;
    border: 1px solid var(--color-blue-darken-20);
}

#contentContainer .x-panel-buttons .x-btn.x-main-button:not(.x-item-disabled) button:hover,
#contentContainer .x-details-toolbar .x-panel-buttons .x-btn.x-main-button:not(.x-item-disabled) button:hover,
#contentContainer .x-abstract-report .x-panel-buttons .x-btn.x-main-button:not(.x-item-disabled) button:hover,
#contentContainer .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button:not(.x-item-disabled) button:hover,
#contentContainer .x-details-toolbar .x-panel-buttons .x-btn.x-split-button.x-main-create-button:not(.x-item-disabled) button:hover,
#contentContainer .x-abstract-report .x-panel-buttons .x-btn.x-split-button.x-main-create-button:not(.x-item-disabled) button:hover,
.x-window .x-panel-btns .x-btn-create .x-btn-split button:hover {
    border-top-color: var(--color-blue-darken-20);
    border-bottom-color: var(--color-blue-darken-20);
    background-color: var(--color-blue-darken-20);
}

body .x-htoolbar .x-toolbar-left-row .x-toolbar-cell .x-htoolbar-details-tab.mainDetailsTab:hover,
body .x-details-panel .x-details-toolbar .x-htoolbar .x-toolbar-left-row .x-toolbar-cell .x-main-button.x-btn:hover,
body .x-details-panel .x-htoolbar .x-panel-buttons .x-main-button.x-btn:hover,
body .x-details-panel .x-htoolbar .x-panel-buttons .x-main-create-button.x-btn:hover,
body .x-abstract-report .x-panel-tbar .x-htoolbar .x-panel-buttons .x-main-button.x-btn:hover,
body .x-abstract-report .x-panel-tbar .x-htoolbar .x-panel-buttons .x-main-create-button.x-btn:hover,
body #contentContainer .x-abstract-report .x-chart-configuration-panel .x-btn.x-btn-create:hover,
body .x-kanban .x-htoolbar .x-main-create-button.x-btn:hover,
body #calendar .x-htoolbar .x-main-create-button.x-btn:hover,
body .x-grid-panel .x-htoolbar .x-panel-buttons .x-main-create-button.x-btn:hover,
body .x-portlet .x-panel-footer.x-panel-btns .x-main-create-button-color-background.x-btn:hover{
    background-color: var(--color-blue-darken-20) !important;
    border: 1px solid var(--color-blue-darken-20)!important;
}

body .x-details-panel .x-htoolbar .x-panel-buttons .x-main-button:not(.x-split-button).x-btn:hover button,
body .x-details-panel .x-htoolbar .x-panel-buttons .x-main-create-button:not(.x-split-button):not(.x-main-create-button-no-force-icon).x-btn:hover button,
body .x-abstract-report .x-panel-tbar .x-htoolbar .x-panel-buttons .x-main-button:not(.x-split-button).x-btn:hover button,
body .x-abstract-report .x-panel-tbar .x-htoolbar .x-panel-buttons .x-main-create-button:not(.x-split-button):not(.x-main-create-button-no-force-icon).x-btn:hover button,
body .x-kanban .x-htoolbar .x-main-create-button:not(.x-split-button):not(.x-main-create-button-no-force-icon).x-btn:hover button{
    background-color: var(--color-blue-darken-20) !important;
}


body .x-details-panel .x-htoolbar .x-panel-buttons .x-main-create-button.x-btn.x-item-disabled,
body .x-details-panel .x-details-toolbar .x-htoolbar .x-toolbar-left-row .x-toolbar-cell .x-main-button.x-btn.x-item-disabled,
body .x-abstract-report .x-panel-tbar .x-htoolbar .x-panel-buttons .x-main-create-button.x-btn.x-item-disabled,
body .x-kanban .x-htoolbar .x-main-create-button.x-btn.x-item-disabled,
body #calendar .x-htoolbar .x-main-create-button.x-btn.x-item-disabled,
body .x-grid-panel .x-htoolbar .x-panel-buttons .x-main-create-button.x-btn.x-item-disabled{
    background-color: rgba(41,97,171, 0.5) !important;
    border-color: rgba(41,97,171, 0.1) !important;
}

body .x-details-panel .x-htoolbar .x-panel-buttons .x-btn.x-item-disabled button,
body .x-details-panel .x-details-toolbar .x-htoolbar .x-toolbar-left-row .x-toolbar-cell .x-btn.x-item-disabled button,
body .x-abstract-report .x-panel-tbar .x-htoolbar .x-panel-buttons .x-btn.x-item-disabled button,
body .x-kanban .x-htoolbar .x-btn.x-item-disabled button,
body #calendar .x-htoolbar .x-btn.x-item-disabled button,
body .x-grid-panel .x-htoolbar .x-panel-buttons .x-btn.x-item-disabled button{
    opacity: 0.5;
}


#contentContainer .x-grid-panel .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button.x-main-create-button-no-force-icon.x-grid-main-button-before-add button,
#contentContainer .x-grid-panel .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button.x-main-create-button-no-force-icon.x-grid-main-button-before-add button:hover{
    background-position: 10px 8px !important;
    background-size: auto !important;
}
.x-dark-content-style #contentContainer .x-details-toolbar .x-panel-buttons .x-split-button .x-btn-split,
.x-dark-content-style #contentContainer .x-toolbar-tabs .x-panel-buttons .x-split-button .x-btn-split,
#contentContainer .x-panel-buttons .x-btn.x-main-button .x-btn-mc em.x-btn-split,
#contentContainer .x-details-tabs .x-panel-buttons .x-btn.x-main-button .x-btn-mc em.x-btn-split,
#contentContainer .x-details-toolbar .x-btn.x-main-create-button .x-btn-mc em.x-btn-split
/*#contentContainer .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button .x-btn-mc em.x-btn-split*/
{
    background-image: url(images/content/dropdown.svg) !important;
    background-color: transparent !important;
}
#contentContainer .x-details-panel .x-panel-buttons .x-btn.x-main-create-button.x-main-create-button-no-force-icon.x-details-main-button-before-add button,
#contentContainer .x-details-panel .x-panel-buttons .x-btn.x-main-create-button.x-main-create-button-no-force-icon.x-details-main-button-before-add button:hover,
#contentContainer .x-details-panel .x-panel-buttons .x-btn.x-main-create-button.x-main-create-button-no-force-icon.x-details-main-button-before-add a,
#contentContainer .x-details-panel .x-panel-buttons .x-btn.x-main-create-button.x-main-create-button-no-force-icon.x-details-main-button-before-add a:hover {
    filter: brightness(0) invert(1) !important;
    background-color: transparent !important;
    background-clip: padding-box;
}

#contentContainer .x-panel-tbar .x-split-button.x-btn-over .x-btn-mc em.x-btn-split:after,
#contentContainer .x-details-toolbar .x-panel-buttons .x-split-button em.x-btn-split:after,
#contentContainer .x-toolbar-tabs .x-panel-buttons .x-split-button em.x-btn-split:after,
#contentContainer .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button em.x-btn-split:after{
    opacity: 0.5;
    height: 32px;
}

body .x-details-panel .x-toolbar-right-row .x-panel-buttons td:not(:first-child) .x-btn,
body .x-abstract-report .x-toolbar-right-row td:not(:first-child):not(:nth-child(2)) .x-btn,
body #contentContainer .x-grid-panel .x-toolbar-right-row .x-panel-buttons td:not(:first-child) .x-btn{
    margin-left: 2px !important;
}

/*#contentContainer .x-grid-panel .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button.x-main-create-button-no-force-icon.x-grid-main-button-before-add button,*/
/*#contentContainer .x-grid-panel .x-toolbar-tabs .x-panel-buttons .x-btn.x-main-create-button.x-main-create-button-no-force-icon.x-grid-main-button-before-add button:hover {*/
/*    filter: brightness(0) invert(1) !important;*/
/*    background-color: transparent;*/
/*}*/

body .x-grid-panel .x-toolbar .x-toolbar-cell .x-btn span{
    letter-spacing: normal;
}

.x-menu-item-icon,
.x-btn-icon .x-btn-small .x-btn-text,
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
    background-size: 16px !important;
    background-position: 1px 1px !important;
    background-repeat: no-repeat;
}

.x-btn-icon .x-btn-small .x-tbar-page-next,
.x-btn-icon .x-btn-small .x-tbar-page-prev{
    background-size: 6px !important;
    background-position: 4px 5px !important;
}

.x-simple-style.ext-webkit #dashboard .x-small-editor .x-toolbar-cell .x-form-text{
    padding-top: 1px;
}

#dashboard .dashboard-clear-button{
    margin-right: 5px !important;
    padding-right: 4px !important;
}
#contentContainer #dashboard .x-toolbar .dashboard-date-filter-btn.x-btn{
    padding-left: 8px !important;
}

.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-delete{
    background-position: 1px 3px !important;
}
.x-menu-item-icon{
    background-position: 0px 0px !important;
}

body #contentContainer .x-tab-add .xtb-text{
    border-radius: 8px;
    height: 28px !important;
    border: 1px solid transparent !important;
}

.x-comment-panel .x-toolbar-left .x-btn,
body #dashboard .x-toolbar-right-row .x-btn,
body #dashboard .x-toolbar-right-row .contains-filteruser,
body .x-grid-panel .x-toolbar-right-row .x-btn,
body #contentContainer .x-map-panel .x-toolbar-right-row .link,
body #contentContainer .informationboardpanel .x-toolbar-right-row .x-btn,
body #contentContainer .x-abstract-report .x-panel-buttons .x-btn,
body #contentContainer .x-abstract-report .x-toolbar-right-row .x-report-combo,
body #action .x-toolbar-right-row .x-btn,
body #workflow .x-toolbar-right-row .x-btn,
body .x-details-panel .x-toolbar-right-row .x-panel-buttons .x-btn,
body .x-details-panel .x-toolbar-more,
body .x-grid-panel .x-toolbar-more,
body .x-grid-panel .x-toolbar-right-row .x-panel-buttons .x-btn{
    border-radius: 8px;
    height: 32px !important;
    border: 1px solid var(--color-gray-10) !important;
    background-color: white !important;
}

.x-comment-panel .x-toolbar-left .x-btn:hover,
body #dashboard .x-toolbar-right-row .x-btn:hover,
body #dashboard .x-toolbar-right-row .contains-filteruser:hover,
body .x-grid-panel .x-toolbar-right-row .x-btn:not(.btn-green):hover,
body #contentContainer .x-map-panel .x-toolbar-right-row .link:hover,
body #contentContainer .informationboardpanel .x-toolbar-right-row .x-panel-buttons .x-btn:hover,
body #contentContainer .x-tab-add .xtb-text:hover,
body #contentContainer .x-abstract-report .x-panel-buttons .x-btn:not(.x-main-create-button):hover,
body #contentContainer .x-abstract-report .x-toolbar-right-row .x-report-combo:hover,
body #action .x-toolbar-right-row .x-btn:hover,
body #workflow .x-toolbar-right-row .x-btn:hover,
body .x-details-panel .x-toolbar-right-row .x-panel-buttons .x-btn:hover,
body .x-details-panel .x-panel-buttons .x-btn:hover,
body .x-details-panel .x-toolbar-more.x-btn:hover,
body .x-grid-panel .x-toolbar-more.x-btn:hover,
body .x-grid-panel .x-toolbar-right-row .x-panel-buttons .x-btn:hover{
    background-color: white !important;
    border: 1px solid var(--color-blue-40) !important;
}

.x-epic-style .x-window .x-btn.btn-green,
body.x-epic-style  .x-grid-panel .x-btn.btn-green {
    background-color: var(--color-green-light) !important;
    border: 1px solid var(--color-green-light)  !important;
    border-radius: 30px;
}
.x-epic-style  .x-window .x-btn.btn-green span,
body.x-epic-style  .x-grid-panel .x-btn.btn-green span{
    font-weight: 600 !important;
    color: white !important;
}
.x-epic-style .x-window .x-btn.btn-green:hover,
body.x-epic-style  .x-grid-panel .x-btn.btn-green:hover{
    background-color: var(--color-green) !important;
    border: 1px solid var(--color-green) !important;
}
.x-epic-style .x-window .x-btn.btn-green:hover button,
body.x-epic-style  .x-grid-panel .x-btn.btn-green:hover button{
    filter: none !important;
}

.x-simple-style #contentContainer #action .x-small-editor .x-form-text.x-tbar-page-number,
.x-simple-style #contentContainer #workflow .x-small-editor .x-form-text.x-tbar-page-number,
.x-simple-style #contentContainer .x-panel.x-invoice-preview .x-small-editor .x-form-text.x-tbar-page-number,
.x-simple-style #contentContainer .x-panel.x-details-panel .x-small-editor .x-form-text.x-tbar-page-number,
.x-simple-style.x-epic-style #contentContainer #action .x-htoolbar .x-toolbar-cell .xtb-text.x-paging-after-test-item,
.x-simple-style.x-epic-style #contentContainer #workflow .x-htoolbar .x-toolbar-cell .xtb-text.x-paging-after-test-item,
.x-simple-style #contentContainer .x-panel.x-invoice-preview .x-htoolbar .x-toolbar-cell .xtb-text.x-paging-after-test-item,
.x-simple-style #contentContainer .x-panel.x-details-panel .x-htoolbar .x-toolbar-cell .xtb-text.x-paging-after-test-item{
    margin-top: 2px;
}

.x-simple-style #contentContainer #action .x-small-editor .x-form-text.x-tbar-page-number,
.x-simple-style #contentContainer #workflow .x-small-editor .x-form-text.x-tbar-page-number,
.x-simple-style #contentContainer .x-panel.x-invoice-preview .x-small-editor .x-form-text.x-tbar-page-number,
.x-simple-style #contentContainer .x-panel.x-details-panel .x-small-editor .x-form-text.x-tbar-page-number{
    min-width: 10px;
}

.x-epic-style #contentContainer  #action .x-toolbar .x-btn.x-paging-button,
.x-epic-style #contentContainer  #workflow .x-toolbar .x-btn.x-paging-button,
.x-epic-style #contentContainer  .x-invoice-preview .x-toolbar .x-btn.x-paging-button,
.x-epic-style #contentContainer  .x-details-panel .x-toolbar .x-btn.x-paging-button{
    margin-bottom: 3px !important;
}

.ext-strict .x-simple-style .x-abstract-report .x-small-editor .x-form-text.x-tbar-page-number {
    padding-top: 0px;
    padding-bottom: 0px;
}

.x-comment-panel .x-toolbar-left .x-btn{
    padding-right: 8px;
}

body #contentContainer .x-abstract-report .x-chart-configuration-panel .x-btn.x-btn-create{
    padding-left: 8px;
    padding-right: 8px;
}

.x-simple-style #mainContainer #contentContainer .report-combo-button-group{
    margin-top: 0px;
    margin-right: 5px;
}
.x-simple-style #mainContainer #contentContainer .x-report-combo{
    padding: 0px;
    padding-left: 6px;
    height: 30px !important;
}
.x-simple-style #contentContainer .x-report-combo .x-form-field-wrap {
    border-radius: 8px;
}
.x-simple-style #contentContainer .x-report-combo input{
    height: 26px !important;
    border: none;
    padding: 0px;
    padding-left: 8px;
    border-radius: 8px;
}
.x-simple-style #contentContainer .x-report-combo img{
    filter: none !important;
    border: none;
    right: 3px;
    top: 2px;
}
[id$="chart"] .x-toolbar .x-form-field-wrap .x-form-trigger {
    background-color: transparent;
    border: none;
}

body #dashboard .x-toolbar-right-row .x-btn{
    padding-left: 8px;
}

.quickAddIcon,
.icon-add-small,
.x-simple-style .icon-add,
.x-simple-style .icon-dashboard-add{
    background-image: url(images/add-black.svg) !important;
}

.x-btn-icon .x-btn-text.icon-sort-asc{
    background-image: url(images/arrow-down-narrow-wide.svg) !important;
    opacity: 0.7;
}
.x-btn-icon .x-btn-text.icon-sort-desc{
    background-image: url(images/arrow-down-wide-narrow.svg) !important;
    opacity: 0.7;
}
.x-hide-comment-icon{
    background-image: url(images/check.svg) !important;
    opacity: 0.7;
}
.x-show-deleted-eye-icon,
.x-btn-icon .x-btn-small .x-btn-text.x-show-deleted-eye-icon{
    background-image: url(images/eye.svg) !important;
    opacity: 0.6;
    background-size: 16px !important;
    background-position: center !important;
}

.edited-comment{
    background-image: url(images/pencil.svg) !important;
    background-size: 12px !important;
    background-position: center !important;
    opacity: 0.5;
}

.grid-edit-icon{
    background-image: url(images/content/edit-window.svg) !important;
}

.icon-dashboard-reset{
    background-image: url(images/rotate.svg) !important;
    background-size: 14px !important;
    background-position: 2px 2px !important;
    opacity: 0.9;
}

#contentContainer .x-panel-tbar .x-split-button .x-btn-mc em.x-btn-split,
.x-form-field-wrap .x-form-trigger,
.x-btn-mc em.x-btn-arrow{
    background-image: url(images/content/dropdown-black.svg) !important;
}

body .x-details-panel .x-toolbar-right-row .x-panel-buttons .x-main-create-button .x-btn-mc em.x-btn-split,
body .x-abstract-report .x-panel-tbar .x-toolbar-right-row .x-panel-buttons .x-main-create-button .x-btn-mc em.x-btn-split,
body #calendar .x-main-create-button .x-btn-mc em.x-btn-arrow,
body .x-grid-panel .x-toolbar-right-row .x-panel-buttons .x-main-create-button .x-btn-mc em.x-btn-split {
    background-image: url(images/content/dropdown-white.svg) !important;
}

.x-form-field-wrap .x-form-trigger.x-form-show-password-trigger,
#newPasswordWindow .x-form-show-password-trigger{
    background-image: url(images/eye.svg) !important;
    border: none;
    width: 32px;
    background-size: 18px;
    background-position: 5px center !important;
}

.x-form-field-wrap:has(input[type="text"]) .x-form-trigger.x-form-show-password-trigger,
#newPasswordWindow .x-form-field-wrap:has(input[type="text"]) .x-form-show-password-trigger{
    background-image: url(images/eye-off.svg) !important;
}

.x-btn-mc em.x-btn-arrow{
    padding-right: 15px;
}

.x-toolbar-more .x-btn-mc em.x-btn-arrow{
    padding-right: 0px;
}

.x-spinner-trigger-in-renderer,
.x-form-field-wrap .x-form-spinner-trigger{
    background-image: url(images/content/spinner-black.svg) !important;
    background-size: 18px 36px !important;
    background-position: 0px 1px !important;
}

.x-spinner-trigger-in-renderer{
    background-size: 14px 28px !important;
    background-position: -1px 1px !important;
    background-repeat: no-repeat !important;
}
.x-spinner-trigger-in-renderer.x-spinner-down{
    background-position: -1px -15px !important;
}

.x-form-field-wrap .x-form-spinner-splitter.x-global-discount {
    top: 21px !important;
}

#menu-settings .x-btn-mc em.x-btn-arrow{
    background-image: none !important;
}
#dashboard .x-btn:not(.x-toolbar-more) .x-btn-mc em.x-btn-arrow,
#contentContainer .x-panel-tbar .x-split-button .x-btn-mc em.x-btn-split{
    padding-right: 16px;
}
body.x-avant #dashboard .contains-filteruser .x-form-trigger{
    transform: none;
}
#dashboard .x-btn-mc em.x-btn-arrow {
    background-position: right -1px center;
}

#contentContainer .x-htoolbar .x-tab-add .x-dashboard-tab-add-inner img,
#contentContainer .x-htoolbar .x-tab-add .x-informationboard-tab-add-inner img{
    background-image: url(images/add-black.svg) !important;
    background-position: 0px -2px !important;
    background-size: 16px;
    opacity: 0.4;
}

body .x-map-panel .x-toolbar-right-row .x-btn:not(.x-split-button):hover button,
body .x-abstract-report .x-toolbar-right-row .x-btn:not(.x-btn-create):hover button,
body .x-details-panel .x-toolbar-right-row .x-btn:not(.x-split-button):hover button,
body .x-invoice-preview .x-toolbar-right-row .x-btn:not(.x-split-button):hover a,
body .x-grid-panel .x-toolbar-right-row .x-btn:not(.x-split-button):hover button,
body .x-details .x-toolbar-right-row .x-panel-buttons .x-btn:not(.x-split-button):hover button,
body .x-grid-panel .x-toolbar-right-row .x-panel-buttons .x-btn:not(.x-split-button):hover button,
body .x-map-panel .x-toolbar-right-row .x-btn.x-split-button:hover button span,
body .x-abstract-report .x-toolbar-right-row .x-btn:not(.x-main-create-button).x-split-button:hover button span,
body .x-grid-panel .x-toolbar-right-row .x-btn:not(.x-main-create-button).x-split-button:hover button span,
body .x-grid-panel .x-toolbar-right-row .x-panel-buttons .x-btn:not(.x-main-create-button).x-split-button:hover button.span{
    filter: brightness(0) saturate(100%) invert(32%) sepia(84%) saturate(950%) hue-rotate(203deg) brightness(80%) contrast(92%);
}
body #mainContainer #contentContainer .x-grid-panel .x-toolbar-right-row .x-panel-buttons .x-btn.x-split-button:not(.x-main-create-button),
body #mainContainer #contentContainer .x-grid-panel .x-toolbar-right-row .x-panel-buttons .x-btn.x-split-button:not(.x-main-create-button) button{
    background-color: white !important;
}
body #mainContainer #contentContainer .x-grid-panel .x-toolbar-right-row .x-panel-buttons .x-btn.x-split-button:not(.x-main-create-button) button{
    background-color: white !important;
    border-color: white !important;
}

#contentContainer .x-details-toolbar .x-panel-buttons .x-split-button button,
#contentContainer .x-toolbar-tabs .x-panel-buttons .x-split-button button{
    background-color: transparent;
    border-color: transparent;
    background-position: 4px 3px !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: transparent;
    border-color: transparent;
}

.icon-report-download,
.pin-icon{
    background-image: url(images/pin.svg);
    background-position: center !important;
    filter: brightness(0);
    background-size: 16px !important;
}

.icon-download-all,
.attachment-download-grid-icon,
.icon-report-download,
.icon-pdf,
.icon-download-pdf{
    background-image: url(images/download.svg) !important;
}

.icon-download-all, .attachment-download-grid-icon {
    background-size: 16px !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat;
    height: 16px;
}

#contentContainer .x-toolbar-tabs .x-panel-buttons .x-split-button button.icon-report-download{
    background-position: 7px 3px !important;
}

.x-dark-menu-style .changelog-icon{
    background-position: center;
    opacity: 0.8;
    filter: none;
}

.x-grid3-hd.x-grid3-td-done .mail-done-column-header-icon,
.x-grid3-td-salesNotesCount .xg3ci div,
.x-grid3-td-cashDocsCount .xg3ci div,
.x-grid3-td-tasksCount .xg3ci div,
.x-grid3-td-salesOpportunitiesCount .xg3ci div,
.x-grid3-td-offersCount .xg3ci div,
.x-grid3-td-ordersCount .xg3ci div,
.x-grid3-td-transactionsCount .xg3ci div,
.x-grid3-td-contactsCount .xg3ci div,
.x-grid3-td-projectsCount .xg3ci div,
.x-grid3-td-storageDocsCount .xg3ci div,
.x-grid3-td-remindersCount .xg3ci div,
.x-grid3-td-resourcesCount .xg3ci div,
.x-grid3-td-mailsCount .xg3ci div,
.x-grid3-td-phoneCallsCount .xg3ci div,
.x-grid3-td-attachmentsCount .xg3ci div,
.x-grid3-td-connectedObjectsAttachmentsCount .xg3ci div,
.header-icon-style{
    opacity: 0.7;
    background-position: center !important;
    background-size: 16px !important;
}

.x-simpleLook.x-split-details.x-avant .x-sticked-details-tab .timeline-icon,
.x-epic-style.x-simple-style .timeline-icon {
    background-size: 20px !important;
    background-position: center;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    margin-left: 8px;
    opacity: 0.8;
}

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

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

.x-htoolbar .x-htoolbar-show-directions div img{
    background-image: url(images/route.svg) !important;
}
.x-htoolbar .x-htoolbar-show-names div img{
    background-image: url(images/book-type.svg) !important;
}


#contentContainer .x-grid-panel .x-main-create-button span{
    display: initial;
}

.comment-item:hover .xx-form-field-windowdelete,
.icon-delete{
    background-image: url(images/delete.svg) !important;
}
.x-grid-panel .x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-delete{
    padding-left: 0px;
    width: 18px;
}
.x-grid-panel .icon-delete span,
#contentContainer .x-grid-panel .icon-delete span{
    display: none;
}

.mails-icon,
.x-avant .timeline-mail,
.x-btn-text-icon .x-btn-icon-small-left .mails-icon{
    background-image: url(images/mail.svg) !important;
}

.x-main-create-button.x-btn-text-icon .mails-icon {
    background-image: url(images/mail-white.svg) !important;
}

.mail-done-column-header-icon{
    background-image: url(images/check-check.svg) !important;
}

.timeline-box:after {
    width: 12px;
    height: 12px;
    top: -2px;
    left: -3px;
    border-radius: 4px;
    background-image: url(images/arrow-big-up.svg) !important;
    background-color: var(--color-white);
    background-size: 12px;
    background-position: center !important;
}
.timeline-inbox:after{
    background-image: url(images/arrow-big-down.svg) !important;
}

.timeline-inbox:after,
.timeline-phonecall.timeline-box:after{
    left: auto;
    right: -3px;
}

.icon-mail-spam{
    background-image: url(images/octagon-alert.svg) !important;
}

.icon-mail-import{
    background-image: url(images/redownload.svg) !important;
}

.timeline-phonecall:after {
    transform: none;
}

.error-icon{
    background-image: none !important;
    mask-image: url(images/circle-alert.svg);
    background-color: var(--color-red) !important;
    mask-position: center;
    mask-size: 16px;
    mask-repeat: no-repeat;
    margin-right: 3px;
}

.labelInfoInline,
.info-icon{
    background-image: url(images/info.svg) !important;
}

.details-panel-icon {
    background-image: url(images/content/change-view.svg) !important;
}

.icon-undelete {
    background-image: url(images/archive-restore.svg) !important;
}

.x-btn-text-icon .x-btn-icon-small-left .mails-icon {
    background-position: 0px 1px !important;
}

.x-main-create-button .x-btn-text span {
    display: block;
}

.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-mail-reply,
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-mail-fwd,
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-mail-reply,
#contentContainer .x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-mail-set-read,
#contentContainer .x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-mail-set-unread {
    background-size: 16px !important;
    background-position: 2px 0px !important;
}

.icon-message-comment {
    background-size: 16px !important;
    background-position: 3px 3px !important;
    opacity: 0.7;
}

.icon-message-comment,
.icon-mail-reply {
    background-image: url(images/reply.svg) !important;
}

.x-main-button.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-mail-reply,
.x-main-button .icon-mail-reply {
    background-image: url(images/reply-white.svg) !important;
    background-position: 0px 0px !important;
}

.icon-mail-reply-all {
    background-image: url(images/reply-all.svg) !important;
}

.icon-mail-fwd {
    background-image: url(images/forward.svg) !important;
}


.icon-mail-set-unread {
    background-image: url(images/mail.svg) !important;
    background-size: 16px !important;
}

#contentContainer .x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-mail-set-unread {
    background-position: 6px 1px !important;
}

.icon-mail-set-read {
    background-image: url(images/mail-open.svg) !important;
    background-size: 16px !important;
}

#contentContainer .x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-mail-set-read {
    background-position: 6px 1px !important;
}

.ksef-status-banner-refresh-button .icon,
.x-btn-icon .x-btn-small .x-btn-text.icon-mail-import {
    background-image: url(images/redownload.svg) !important;
    opacity: 0.7;
    background-size: 18px !important;
    background-position: 0px 0px !important;
}

.ksef-status-banner-refresh-button .icon {
    background-size: 14px !important;
}

#organizationSettings\.ksefForm .x-btn {
    border-radius: 30px;
}

.invoice-correction-icon,
.x-btn-icon .x-btn-small .invoice-correction-icon {
    background-image: url(images/file-pen-line.svg) !important;
    background-size: 16px !important;
}

.x-epic-style .timeline-salesnote,
.salesnote-small-icon,
.menu-icon-salesnotelist,
.salesnote-icon,
.add-salesnote-icon {
    background-image: url(images/salesnote.svg) !important;
}

.cashdoc-icon,
.add-cashdoc-icon {
    background-image: url(images/cashdoc.svg) !important;
}

.searchall-small-icon {
    background-image: url(images/search.svg) !important;
}

.user-small-icon,
.menu-icon-userlist {
    background-image: url(images/user.svg) !important;
}

.invoice-send,
.mail-small-icon,
.menu-icon-maillist {
    background-image: url(images/mail.svg) !important;
}

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

.customer-icon,
.x-epic-style .timeline-customer,
.add-customer-icon,
.add-customer-icon-16,
.customer-small-icon,
.menu-icon-customerlist {
    background-image: url(images/customer.svg) !important;
}

.surveytemplate-small-icon {
    background-image: url(images/survey.svg) !important;
}

.letter-small-icon {
    background-image: url(images/letter.svg) !important;
    background-size: 16px !important;
}

.localization-small-icon {
    background-image: url(images/localization.svg) !important;
    background-size: 16px !important;
}

.contract-small-icon {
    background-image: url(images/contract.svg) !important;
    background-size: 16px !important;
}

.paymentlist-small-icon {
    background-image: url(images/localization.svg) !important;
    background-size: 16px !important;
}

.mailaccount-small-icon {
    background-image: url(images/mailaccount.svg) !important;
    background-size: 16px !important;
}

.transactionentry-small-icon {
    background-image: url(images/list.svg) !important;
    background-size: 18px !important;
}


.contact-icon,
.x-epic-style .timeline-contact,
.add-contact-icon,
.add-contact-icon-16,
.contact-small-icon,
.menu-icon-contactlist {
    background-image: url(images/contact.svg) !important;
}

.x-epic-style .timeline-salesopportunity,
.salesopportunity-icon,
.add-salesopportunity-icon,
.salesopportunity-small-icon,
.menu-icon-salesopportunitykanban,
.menu-icon-salesopportunitylist {
    background-image: url(images/salesopportunity.svg) !important;
}

.offer-icon,
.add-offer-icon,
.x-epic-style .timeline-offer,
.offer-small-icon,
.menu-icon-offerlist {
    background-image: url(images/offer.svg) !important;
}

.order-icon,
.add-order-icon,
.x-epic-style .timeline-order,
.order-small-icon,
.menu-icon-orderlist {
    background-image: url(images/order.svg) !important;
}

.transaction-icon,
.add-transaction-icon,
.x-epic-style .timeline-transaction,
.transaction-small-icon,
.menu-icon-transactionlist {
    background-image: url(images/invoice.svg) !important;
}

.product-icon,
.x-epic-style .timeline-product,
.product-small-icon,
.menu-icon-productlist {
    background-image: url(images/product.svg) !important;
}

.storagedoc-icon,
.x-epic-style .timeline-storagedoc,
.add-storagedoc-icon,
.storagedoc-small-icon,
.menu-icon-storagedoclist {
    background-image: url(images/storagedoc.svg) !important;
}

.agreement-icon,
.add-agreement-icon,
.x-epic-style .timeline-agreement,
.agreement-small-icon,
.menu-icon-agreementlist {
    background-image: url(images/agreement.svg) !important;
}

.task-icon,
.x-epic-style .timeline-task,
.add-task-icon,
.add-task-icon-16,
.task-small-icon,
.menu-icon-tasklist {
    background-image: url(images/task.svg) !important;
}

.project-icon,
.x-epic-style .timeline-project,
.project-small-icon,
.menu-icon-projectlist {
    background-image: url(images/project.svg) !important;
}

.resources-icon,
.resource-small-icon,
.menu-icon-resourcelist {
    background-image: url(images/resource.svg) !important;
}

.reminders-icon,
.reminders-small-icon,
.menu-icon-reminderslist {
    background-image: url(images/reminder.svg) !important;
}

.documents-icon,
.documents-icon.header-icon-style {
    background-image: url(images/download.svg) !important;
}

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

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

.jpk-us-icon-16,
.gus-icon-16 {
    background-image: url(images/cloud-download.svg) !important;
}

.jpk-us-icon-green-16 {
    background-image: url(images/cloud-upload.svg) !important;
}

.menu-icon-workflowlist,
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.workflow-icon,
.workflow-icon {
    background-image: url(images/emailsequence.svg) !important;
    background-size: 16px !important;
}

.msgTextWrapper .msgTextContainer .x-btn-text.upload-file-button-icon,
.x-epic-style .timeline-document {
    background-image: url(images/attachment.svg) !important;
}

.msgTextWrapper .msgTextContainer .x-btn-text.upload-file-button-icon {
    background-position: 1px 2px !important;
    background-size: 14px !important;
}

.emoticon-button {
    background-image: url(images/smile.svg);
    background-position: 2px 2px !important;
    background-size: 16px !important;
}

.msgText {
    padding-left: 4px;
}

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

.icon-printer-16 {
    background-image: url(images/print.svg) !important;
}

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

.export-report-icon-type,
.export-report-icon,
.icon-generate-payment {
    background-image: url(images/export.svg) !important;
}

.x-menu-list .export-report-icon-type {
    background-position: center !important;
}

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

.icon-copy-serial-chat {
    background-image: url(images/copy.svg) !important;
}

.grid-edit-icon-chat {
    background-image: url(images/pencil.svg) !important;
}

.change-visible-fields-icon {
    background-image: url(images/settings.svg) !important;
}

.x-row-summary-hide .icon-summary {
    background-image: url(images/panel-top-close.svg) !important;
    background-size: 16px !important;
}

.x-row-summary-show .icon-summary {
    background-image: url(images/panel-top-open.svg) !important;
    background-size: 16px !important;
}

.menu-icon-changelogview {
    background-image: url(images/alarm-clock-check.svg) !important;
    background-size: 16px !important;
}

.change-mailview-icon {
    background-image: url(images/content/change-view.svg) !important;
}

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

img.x-menu-item-icon.icon-maximize {
    background-image: url(images/list.svg) !important;
    background-size: 16px !important;
    background-position: center;
    opacity: 1 !important;
}

.hide-column-icon {
    background-image: url(images/content/close-black.svg) !important;
    opacity: 0.7 !important;
}

.upload-icon,
.mail-attachment-icon {
    background-image: url(images/attachment.svg) !important;
    background-size: 16px !important;
    background-position: center !important;
}

.mail-attachment-icon {
    opacity: 0.8;
}

.x-form-file-btn .upload-icon,
.x-form-file-btn .mail-attachment-icon {
    opacity: 0.7;
}

.x-btn-icon .x-btn-small .x-btn-text.upload-icon {
    width: 24px;
    height: 24px;
    background-size: 20px !important;
}

.tooltipPanel{
    padding-top: 10px;
}

.x-tab-scroller-left{
    background-image: url(images/arrow-big-left.svg) !important;
}
.x-tab-scroller-right{
    background-image: url(images/arrow-big-right.svg) !important;
}

.x-tab-scroller-left,
.x-tab-scroller-right{
    background-size: 10px !important;
    background-position: center !important;
    opacity: 0.7;
}

.x-tab-scroller-left-disabled,
.x-tab-scroller-right-disabled{
    opacity: 0.2;
}

.ux-gridfilter-text-icon {
    background-image: url(images/topmenu/search.svg) !important;
}

.icon-layout-1 {
    background-image: url(images/square.svg) !important;
    opacity: 0.8;
}

.icon-layout-2-eq {
    background-image: url(images/columns-2.svg) !important;
    opacity: 0.8;
}

.icon-layout-3 {
    background-image: url(images/columns-3.svg) !important;
    opacity: 0.8;
}

.icon-layout-2-left {
    background-image: url(images/panel-right.svg) !important;
    opacity: 0.8;
}

.icon-layout-2-right {
    background-image: url(images/panel-left.svg) !important;
    opacity: 0.8;
}


.x-filter-window .icon-filter-apply.x-btn-text,
.icon-save,
.icon-filter-clear {
    background-image: none !important;
    position: relative;
}

.icon-filter-apply.x-btn-text::before,
.icon-filter-apply::before,
.icon-save::before,
.icon-filter-clear::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.4;
    width: 16px;
}

.icon-filter-apply.x-btn-text::before,
.icon-filter-apply::before {
    background: url(images/content/filter.svg) center/cover no-repeat;
}

.icon-save::before {
    background: url(images/content/save.svg) center/cover no-repeat;
    opacity: 0.6;
}

.icon-filter-clear::before {
    background: url(images/content/close-black.svg) center/cover no-repeat;
    width: 20px;
}

.x-window.x-filter-window .x-panel-tbar .x-btn:hover {
    background-color: var(--color-blue-light) !important;
    border-color: var(--color-blue-40);
}

.x-epic-style .x-top-filters.x-kanban .x-panel-tbar {
    padding-bottom: 40px;
}

.x-new-style .x-top-filters .chartContainer,
.timelineview.x-top-filters .x-timeline-history-panel,
#changelogview.x-top-filters .x-changelog-dataview,
.x-top-filters .reportpreview,
.informationboardpanel.x-top-filters .informationboardview {
    margin-top: 40px;
}

.x-top-filters-container {
    height: 36px;
}

.x-epic-style .timeline-data {
    margin-left: 40px;
}

.x-epic-style .timeline-icon {
    margin-right: 5px;
}

.changelog-transaction-entry,
.description-panel-container .xx-form-field,
textarea.x-form-field,
.x-form-grow-sizer-comment-panel,
.salesnote-description,
.comment-item-text,
.content-editable-comment-editor {
    line-height: 1.75 !important;
    font-weight: 400;
    color: var(--color-black);
}

.x-grid3-td-description_full .xg3ci {
    line-height: 1.75;
}

.x-form-module-check-innerwrap.x-form-module-checked,
.x-form-module-check-innerwrap.x-form-module-checked .x-form-module-check-icon {
    border-color: var(--color-blue);
}

.x-form-module-check-innerwrap.x-form-module-checked .x-form-module-check-checkbox {
    background-color: var(--color-blue);
}


.x-epic-style .x-form-module-check-crmIcon,
.x-epic-style .x-form-module-check-taskIcon,
.x-epic-style .x-form-module-check-erpIcon,
.x-epic-style .x-form-module-check-assetsIcon {
    background-image: none;
    background-color: var(--color-blue);
    mask-size: 60% 60%;
    border-radius: 0px;
}

.x-chat-emoticon {
    margin-bottom: 1px;
    margin-left: 2px;
}

.messageLinksWrapper, .messageWrapperText {
    background-color: var(--color-blue-light);
}

.x-rendered-object-ct .rendered-object-icon {
    background-size: 18px;
}

.message-edited {
    background-image: url(images/pencil.svg);
    background-position: center !important;
    opacity: 0.5 !important;
    background-size: 12px;
}

.message-read-info {
    background-image: none !important;
    -webkit-mask-image: url(images/check-bold.svg);
    mask-image: url(images/check-bold.svg);
    background-color: var(--color-gray-20) !important;
    mask-position: 0px 0px;
    mask-size: 14px;
}

.message-read-info {
    background-color: var(--color-green-light) !important;
    opacity: 1 !important;
}

.message-unread {
    background-color: var(--color-gray-20) !important;
    opacity: 0.5 !important;
}

.x-details-panel .time-part {
    line-height: 21px !important;
    font-size: 11px;
    margin-left: 3px;
}

/*.x-form-module-check-innerwrap{*/
/*    height: 360px;*/
/*}*/

/*.x-form-module-check-icon{*/
/*    margin-top: 25%;*/
/*}*/

/*.x-form-module-check-subtitle{*/
/*    margin-top: 78%;*/
/*}*/
/*.x-form-module-check-description {*/
/*    margin-top: 110%;*/
/*}*/