/*!
 * NONE
 */
#mainheader {
    background-color: #308fdb;
    border-bottom: 0px solid #1e88e5;
}

.white-header-style #mainheader {
    background-color: #eff1f6;
}

.x-simple-style-image.x-new-style #mainheader{
    border-bottom: 0px solid #e5e5ee;
}

.darkLogo #mainheader,
.darkLogo #mainheader .x-box-inner{
    overflow: visible;
}

.darkLogo:not(.x-menu-collapsed) #mainheader #logo-panel-container img.no-organization-logo {
    content: url(../static/resources/images/firmao_logo_dark_simple.svg);
    width: 155px !important;
    height: 35px !important;
    left: 2px !important;
    margin-left: 0px !important;
    margin-top: 5px;
    filter: none;
}

.x-menu-collapsed #logo-panel-container {
    overflow: hidden;
    border-right: 1px solid #0e2038;
}
.darkLogo #logo-panel-container {
    background-color: #122844 !important;
}

.darkLogo.x-menu-collapsed #mainheader #logo-panel-container img.no-organization-logo{
    margin-left: 5px !important;
    content: none;
    background-image: url(../static/resources/images/firmao_logo_dark_small.svg);
    background-position: -4px -2px;
    background-color: #122844 !important;
    background-size: 38px;
    cursor: pointer;
}

.x-dark-menu-style.darkLogo #menuContainer.xcollapsed-menu:before{
    content:'';
    background-image: url(../static/resources/images/firmao_logo_dark_small.svg);
    background-color: #122844 !important;
    border-left: 1px solid #122844;
}

.x-leftMenuOnHover.x-dark-menu-style.darkLogo #menuContainer.xcollapsed-menu:hover:before,
.x-leftMenuOnHover.x-dark-menu-style.darkLogo.x-left-menu-floating #menuContainer.xcollapsed-menu:before,
.x-leftMenuOnHover.x-dark-menu-style.darkLogo.x-left-menu-lastobject #menuContainer.xcollapsed-menu:before{
    background-image: url(../static/resources/images/firmao_logo_dark_simple.svg);
    background-position: 8px 8px;
    background-size: 137px;
    transition: all 100ms ease-in-out;
    transition-delay: 0.3s;
    width: calc(100%) !important;
}

.x-simple-style-image.x-menu-collapsed #mainheader #logo-panel-container img.no-organization-logo,
.x-simple-style-image #menuContainer.xcollapsed-menu:before,
.x-simple-style-image.x-leftMenuOnHover.darkLogo #menuContainer.xcollapsed-menu:before,
.x-simple-style-allimage.x-leftMenuOnHover.darkLogo #menuContainer.xcollapsed-menu:before{
    background-color: transparent !important;
}

.x-simple-style-image.x-leftMenuOnHover.darkLogo #menuContainer:hover.xcollapsed-menu:before,
.x-simple-style-allimage.x-leftMenuOnHover.darkLogo #menuContainer:hover.xcollapsed-menu:before{
    background-color: #122844 !important;
}


.x-simple-style-image.darkLogo #logo-panel-container{
    filter: none;
}

.x-simple-style.darkLogo #menuContainer.filter-panel-notactive .x-toolbar{
    background-color: #122844 !important;
}

.darkLogo .fnmenu{
    background-color: #122844;
}

.darkLogo  #menuContainer.filter-panel-notactive .x-htoolbar .x-toolbar-cell.x-htoolbar-fnmenu-tab,
.darkLogo  #menuContainer.filter-panel-notactive .x-htoolbar .x-toolbar-cell.x-htoolbar-fnmenu-tab div.xtb-text {
    background-color: #122844;
}

.darkLogo #menuContainer.filter-panel-notactive .x-htoolbar .x-htoolbar-trans-cell,
.darkLogo #menuContainer .x-toolbar-cell,
.darkLogo #menuContainer .x-toolbar-cell div.xtb-text{
    border-top: 0px
}

#menuContainer .x-htoolbar .x-toolbar-cell .xtb-text,
#menuContainer .x-htoolbar .x-htoolbar-title-cell{
    border-top: 0px
}

.darkLogo:not(.x-menu-collapsed) #logo-panel-container{
    background-color: #122844;
}
.x-simple-style-image.darkLogo #logo-panel-container,
.x-simple-style-allimage.darkLogo #logo-panel-container{
    background-color: transparent;
}

#menuContainer.filter-panel-notactive{
    border-top: 0px solid black;
}

#mainContainer{
    border-top: 0px solid #dddddd;
}

.white-header-style #breadcrumb .breadcrumb-image, .white-header-style #breadcrumb .breadcrumb-empty-description{
    color: #44444f;
}

#breadcrumb .breadcrumb-image, #breadcrumb .breadcrumb-empty-description,
.x-simple-style-image #breadcrumb .breadcrumb-image, .x-simple-style-image #breadcrumb .breadcrumb-empty-description,
.x-dark-content-style #breadcrumb .breadcrumb-image, .x-dark-content-style #breadcrumb .breadcrumb-empty-description{
    color: #ffffff;
}

.white-header-style .breadcrumb-link-active{
    color: #1e5abc;
}

.white-header-style .breadcrumb-link-active:hover{
    color: #1e5abc;
}

.breadcrumb-link-active,
.x-simple-style-image .breadcrumb-link-active,
.x-dark-content-style .breadcrumb-link-active{
    color: #eeeeff;
}

.breadcrumb-link-active:hover,
.x-simple-style-image .breadcrumb-link-active:hover,
.x-dark-content-style.breadcrumb-link-active:hover{
    color: #ddddff;
}

.white-header-style .mainheader-button {
    background-image: url(images/topmenu_dark.png);
    color: #111111 !important;
}

.x-simple-style-image .mainheader-notifications,
.x-simple-style-image .mainheader-chat {
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.6));
}

.x-dark-content-style .mainheader-chat {
    background-image: url("images/chat_light.png") !important;
}

.x-dark-content-style .mainheader-notifications {
    background-image: url("images/notifications_light.png") !important;
}

.x-simple-style-image .mainheader-chat{
    background-image: url("images/chat_lighter.png") !important;
}

.x-simple-style-image .mainheader-notifications{
    background-image: url("images/notifications_lighter.png") !important;
}

.mainheader-button,
.x-simple-style-image .mainheader-button,
.x-dark-content-style .mainheader-button {
    background-image: url("images/topmenu_light.png");
    color: #111111 !important;
}

body.x-simple-style-allimage.x-new-style #mainContainer #contentContainer
.x-htoolbar.x-toolbar-tabs td.my-bright-btn span {
    color: #ffffff !important;
}
#mainheader  .x-link-with-buttons .button-change-task,
#mainheader  .x-link-with-buttons .button-change-task:hover,
#mainheader  .button-edit-current-description,
#mainheader  .button-edit-current-description:hover,
#mainheader .breadcrumb-empty .xx-form-field-editor,
#mainheader .currentDescriptionHover
{
    background-image: url("images/pencil.png");
}

.x-simple-style-image #mainheader  .x-link-with-buttons .button-change-task,
.x-simple-style-image #mainheader  .x-link-with-buttons .button-change-task:hover,
.x-simple-style-image #mainheader  .button-edit-current-description,
.x-simple-style-image #mainheader  .button-edit-current-description:hover,
.x-simple-style-image #mainheader .breadcrumb-empty .xx-form-field-editor,
.x-simple-style-image #mainheader .currentDescriptionHover
{
    background-image: url("images/pencil_white.png");
}


#mainheader .button-edit-current-description {
    opacity: 0.3;
}
#mainheader .button-edit-current-description:hover, .currentDescriptionHover {
    opacity: 1;
}


.white-header-style .breadcrumb-empty {
    color: #66666f;
}

.breadcrumb-empty,
.x-simple-style-image .breadcrumb-empty,
.x-dark-content-style .breadcrumb-empty {
    color: #eeeeee;
}


.white-header-style #mainheader .x-form-inline-editor-active-edit {
    color: #44444f !important;
}

#mainheader .x-form-inline-editor-active-edit,
.x-simple-style-image #mainheader .x-form-inline-editor-active-edit,
.x-dark-content-style .x-form-inline-editor-active-edit {
    color: #ffffff !important;
}

.white-header-style .breadcrumb-empty-description-field,
.x-simple-style-image .white-header-style .breadcrumb-empty-description-field,
.x-dark-content-style .white-header-style .breadcrumb-empty-description-field {
    color: #66666f;
}

.breadcrumb-empty-description-field {
    color: #eeeeee;
}

/*menu*/

.fnmenu .fnmenu-body{
    background-color: #122844 !important;
}

#menuContainer.xcollapsed-menu:before,
.x-simple-style .fnmenu .fnmenu-body,
.x-simple-style .fnmenu .x-more-left-menu{
    background-color: #122844 !important;
    border-right: 0px solid transparent;
}

.fnmenu-menu-body .x-tree-node span {
    color: #f2f2f2 !important;
}
.fnmenu-menu-body .x-tree-node a:hover span {
    color: #f2f2f2 !important;
}
.fnmenu-menu-body .x-tree-node span.linkNew{
    color: #F00 !important;
}

.fnmenu .x-panel-header {
    color: #dddddd;
}

.fnmenu .x-panel-header {
    border-color: #122844;
}

.fnmenu-menu-body .fnmenu-menu-item-over{
    background-color: #091833 !important;
    transition: background-color  100ms linear;
}

.x-simple-style-image .fnmenu-menu-body .fnmenu-menu-item-over {
    background-color: rgba(9,24,51,0.5) !important;
}

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

.x-simple-style-image .fnmenu-menu-body .x-tree-selected {
    background-color: rgba(0,16,32,0.7) !important;
}

.x-simple-style-image .xcollapsed-menu .fnmenu-menu-body .x-tree-selected {
    background-color: rgba(0,16,32,0.2) !important;
}

.floating-filter-menu .x-tree-selected {
    background-color: #001020 !important;
}

.floating-filter-menu .x-menu-item.x-tree-selected .x-menu-item-text {
    color: #FFFFFF !important;
}

.floating-filter-menu .x-menu-item-text {
    background-color: #001020 !important;
}

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

.xcollapsed-menu .fnmenu-menu-body .fnmenu-menu-item-over{
    background-color: #001122 !important;
}

.fnmenu-menu-item-over .x-tree-node-icon,
.xcollapsed-menu .x-tree-selected .x-tree-node-icon {
    background-position: 0 0px !important;
}

#menuContainer.xcollapsed-menu {
    border: 1px solid #091833;
    border-left: 0px;
}

#menuContainer-xcollapsed {
    background-color: #122844 !important;
    border: 1px solid #091833;
}

.x-leftMenuOnHover.x-left-menu-hover #menuContainer-xcollapsed,
.x-leftMenuOnHover.x-left-menu-lastobject #menuContainer-xcollapsed,
.x-leftMenuOnHover.x-left-menu-floating #menuContainer-xcollapsed {
    background-color: transparent !important;
    border: 1px solid transparent;
}

.x-simple-style-image #menuContainer-xcollapsed{
    background-color: transparent !important;
    border: 1px solid transparent;
}
.x-simple-style-image #menuContainer.xcollapsed-menu .x-panel-tbar-noheader {
    opacity: 0;
}
.x-simple-style-image #menuContainer.xcollapsed-menu:hover .x-panel-tbar-noheader {
    opacity: 1;
}
.x-menu-collapsed.x-simple-style-image #fnmenu-menu .fnmenu-section {
    border-top: 1px solid rgba(110,120,130,0.2);
}

#menuContainer.filter-panel-notactive .x-htoolbar .x-toolbar-cell, #menuContainer.filter-panel-notactive .x-htoolbar .x-toolbar-cell div.xtb-text{
    background-color: #122844;
    color: #eeeeee;
    border-right: none;
    border-bottom: none;
}

#menuContainer.filter-panel-notactive div.tab-hover{
    background-color: #000000 !important;
}
#menuContainer.filter-panel-notactive div.tab-hover .link{
    color: #ffffff !important;
}

#menuContainer.filter-panel-notactive .x-htoolbar .x-toolbar-cell.x-htoolbar-fnmenu-tab, #menuContainer.filter-panel-notactive .x-htoolbar .x-toolbar-cell.x-htoolbar-fnmenu-tab div.xtb-text{
    background-color: #091833;
}

#menuContainer.filter-panel-notactive .x-htoolbar .x-htoolbar-trans-cell{
    border-right: 1px solid #23344f;
}

#menuContainer.filter-panel-notactive .x-htoolbar .x-toolbar-cell div{
    color: #eeeeee;
}

.fnmenu-menu-item-tooltip{
    background-color: #122844 !important;
    border: 1px solid #091833;
}
.fnmenu-menu-item-tooltip .x-tip-ml{
    background-color: #122844 !important;
}
.fnmenu-menu-item-tooltip span.link{
    color: #dddddd !important;
}

#menuContainer .x-toolbar {
    border-left: 0px solid #DDD;
}

#menuContainer-xcollapsed > .x-tool {
    background-image: url("./images/default/panel/tool-sprites-white.png");
}

.fnmenu.filter-panel-active .fnmenu-body {
    background-color: transparent !important;
}
.fnmenu.filter-panel-active .x-panel-header {
    background-color: rgba(120,140,160, 0.05);
    border-color: #EAEAEA;
}
.fnmenu.filter-panel-active .x-panel-header {
    color: #888888;
}

.x-dark-menu-style .x-menu-add-button span {
    background-position-y: -16px !important;
}

.x-dark-menu-style .x-menu-add-button.x-menu-filter-pin-button span:hover,
.x-dark-menu-style .x-menu-add-button.x-menu-filter-unpin-button span:hover {
    opacity: 0.9;
}

.x-menu-add-button:hover {
    background-color: #44556f !important;
}

.x-menu-add-button:hover {
    background-color: #44556f !important;
}

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


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

.fnmenu-menu .x-more-button:hover {
    background-position: center top;
}

.fnmenu-section-header:hover .x-tool{
    opacity: 1;
}

#menuContainer.filter-panel-notactive .x-toolbar{
    background-color: #122844;
    background-image: none;
    border-right: 0px solid #122844;
}

.x-simple-style #menuContainer.filter-panel-notactive .x-toolbar{
    background-color: #091833 !important;
    border-bottom: 0px solid #091833;
}

.x-tool.x-tool-collapse-west {
    background-image: url("images/default/panel/tool-sprites-white.png");
}

.x-isMobile .x-tool.x-tool-collapse-west {
    background-image: url("images/default/panel/tool-sprites-white-big.png");
}

.mainheader-icon-over{
    color: #222222 !important;
}

.x-window .x-tool-suggester {
    background-image: url("images/lightbulb_white.png");
}

.x-isLogin .x-window-header-text{
    color: #000000;
}
.x-isLogin .noBackground .x-window-header-text{
    color: #000000;
}

.x-isLogin .x-window-tl .x-window-header {
    background-color: transparent !important;
}

.white-header-style .x-link-with-buttons .button-finish-current-activity {
    background-image:url(images/control.png);
}

.x-link-with-buttons .button-finish-current-activity,
.x-simple-style-image .x-link-with-buttons .button-finish-current-activity,
.x-simple-style-allimage .x-link-with-buttons .button-finish-current-activity {
    background-image:url(images/control_white.png);
}

.ie6-fix .button-finish-current-activity {
    background-image:url(images/control_white.png);
}



.white-header-style .x-link-with-buttons .button-finish-current-activity:hover {
    background-image:url(images/control.png);
}

.x-link-with-buttons .button-finish-current-activity:hover,
.x-simple-style-image .button-finish-current-activity:hover,
.x-simple-style-allimage .x-link-with-buttons .button-finish-current-activity:hover {
    background-image:url(images/control_white.png);
}



.white-header-style .x-link-with-buttons .button-pause-current-activity {
    background-image: url(images/control.png);
}

.x-link-with-buttons .button-pause-current-activity,
.x-simple-style-image .x-link-with-buttons .button-pause-current-activity,
.x-simple-style-allimage .x-link-with-buttons .button-pause-current-activity {
    background-image: url(images/control_white.png);
}


.ie6-fix .button-pause-current-activity {
    background-image: url(images/control_white.png);
}

.x-link-with-buttons .button-pause-current-activity:hover {
    background-image: url(images/control_white.png);
}

.white-header-style .x-link-with-buttons .button-pause-current-activity:hover {
    background-image: url(images/control.png);
}

.x-link-with-buttons .button-add-current-description {
    background-image: url(images/control_white.png);
}

.white-header-style .x-link-with-buttons .button-add-current-description {
    background-image: url(images/control.png);
}

.ie6-fix .button-add-current-description {
    background-image: url(images/control_white.png);
}

.x-link-with-buttons .button-add-current-description:hover {
    background-image: url(images/control_white.png);
}

.white-header-style .x-link-with-buttons .button-add-current-description:hover {
    background-image: url(images/control.png);
}

.x-link-with-buttons .button-resume-current-activity {
    background-image: url(images/control_white.png);
}

.white-header-style .x-link-with-buttons .button-resume-current-activity {
    background-image: url(images/control.png);
}

.ie6-fix .button-resume-current-activity {
    background-image: url(images/control_white.png);
}

.x-link-with-buttons .button-resume-current-activity:hover {
    background-image: url(images/control_white.png);
}

.white-header-style .x-link-with-buttons .button-resume-current-activity:hover {
    background-image: url(images/control.png);
}

.x-change-logo-icon{
    background-image: url("images/options_white.png");
}

.white-header-style .x-change-logo-icon{
    background-image: url("images/options.png");
}

.white-header-style .x-form-field-wrap .x-form-search-trigger-fn{
    background-image: url("images/search.png") !important;
}

.x-form-field-wrap .x-form-search-trigger-fn {
    background-image: url("images/search_white.png") !important;
}

.x-form-field-wrap.x-trigger-wrap-focus .x-form-search-trigger-fn {
    background-image: url("images/search.png") !important;
}


#mainheader .search-field.x-form-field-wrap.x-trigger-wrap-focus .x-form-search-trigger-fn, 
#mainheader .search-field.x-form-field-wrap.x-trigger-wrap-focus table, 
#mainheader .search-field.x-form-field-wrap.x-trigger-wrap-focus input,
#mainheader .search-field.x-form-field-wrap.x-trigger-wrap-focus .x-form-trigger.x-form-search-trigger-fn{
    background-color: #ffffff !important;
    color: black;
    transition: background-color 100ms linear;
}

#mainheader .x-trigger-wrap-focus .x-form-trigger.x-form-search-trigger-fn {
    border: 1px solid #60a7e5;
    border-left: 0px solid transparent;
}

#mainheader .x-trigger-wrap-focus .x-form-text{
    border-left: 0px solid transparent;
    border-right: 1px solid transparent;
}

#mainheader .search-field input,
#mainheader .search-field table,
#mainheader .search-field.x-form-field-wrap .x-form-search-trigger-fn {
    background-color: #57a1db !important;
    color: white;
    transition: background-color 100ms linear;
}

.white-header-style #mainheader .search-field input,
.white-header-style #mainheader .search-field table,
.white-header-style #mainheader .search-field.x-form-field-wrap .x-form-search-trigger-fn {
    background-color: #ffffff !important;
    color: #44444f;
}

/*#mainheader .search-field input,
#mainheader .search-field table,
#mainheader .search-field.x-form-field-wrap .x-form-search-trigger-fn{
    border-bottom: 1px solid #0058C5 !important;
    border-top: 1px solid #0058C5 !important;
}

#mainheader .search-field.x-form-field-wrap .x-form-search-trigger-fn{
    border-right: 1px solid #0058C5 !important;
}

#mainheader .search-field table{
    border-left: 1px solid #0058C5 !important;
}*/

#mainheader .search-field.x-form-field-wrap .x-form-search-trigger-fn {
    border-left: 0px solid transparent;
}

#mainheader .x-form-text{
    border-left: 0px solid transparent;
}

.search-field .x-btn-icon .x-btn-small .searchall-small-icon.x-btn-text,
.search-field .x-btn-icon .x-btn-small .customer-small-icon.x-btn-text,
.search-field .x-btn-icon .x-btn-small .salesnote-small-icon.x-btn-text,
.search-field .x-btn-icon .x-btn-small .survey-small-icon.x-btn-text,
.search-field .x-btn-icon .x-btn-small .surveytemplate-small-icon.x-btn-text,
.search-field .x-btn-icon .x-btn-small .salesopportunity-small-icon.x-btn-text,
.search-field .x-btn-icon .x-btn-small .resource-small-icon.x-btn-text,
.search-field .x-btn-icon .x-btn-small .mail-small-icon.x-btn-text,
.search-field .x-btn-icon .x-btn-small .contact-small-icon.x-btn-text {
     background-position: 0px -36px !important;
}


.x-simple-style .x-menu.fnmenu-menu-last-object-menu-floating .x-menu-item .x-menu-item-icon{
    filter: brightness(1.15) invert(0%);
}

/*.x-simple-style .x-tree-selected .x-tree-node-icon{
    filter: brightness(100%);
}*/

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

/* Track */ 
.fnmenu.filter-panel-notactive ::-webkit-scrollbar, #menuLastObjectsFloating ::-webkit-scrollbar{
    background: #122844;
}

/* Track */ 
.fnmenu.filter-panel-notactive ::-webkit-scrollbar-button, #menuLastObjectsFloating ::-webkit-scrollbar-button{
    background-image: url("images/scrolls_dark.png");
} 

/* Handle */ 
.fnmenu.filter-panel-notactive ::-webkit-scrollbar-thumb, #menuLastObjectsFloating ::-webkit-scrollbar-thumb{
    background: #556677;
    border: 2px solid #122844;
}


.fnmenu.filter-panel-notactive *,
#menuLastObjectsFloating *{
    scrollbar-color: #556677 transparent;
}

.x-simple-style-image #rightPanel,
.x-simple-style-image #rightPanel .x-panel-header,
.x-simple-style-image #rightPanel-xcollapsed, .menu-color {
    background-color: #122844 !important;
    color: #eeeeee;
}

.x-simple-style-image.x-temporary-expand-right #rightPanel,
.x-simple-style-image.x-temporary-expand-right #rightPanel .x-panel-header {
    color: #EEEEEE;
}

.x-simple-style-image .x-rightpanel-holder .oneItem .controls div{
    color: #dddddd;
}

.x-simple-style-image #rightPanel-xcollapsed .x-tool,
.x-simple-style-image #rightPanel .x-tool{
    background-image: url("images/default/panel/tool-sprites-white.png");
    filter: drop-shadow(0px 0px 2px rgba(0,0,0,1));
    opacity: 0.75;
}

.x-simple-style-image #mainHeaderFill .x-tool,
.x-simple-style-allimage #mainHeaderFill .x-tool {
    background-image: url("images/default/panel/tool-sprites-white.png");
    opacity: 0.9;
}

.x-simple-style-image #rightPanel-xcollapsed{
    background-color: transparent !important;
}

.x-simple-style-image #rightPanel-xcollapsed .x-tool:hover,
.x-simple-style-image #rightPanel .x-tool:hover{
    opacity: 1;
}

.fnmenu-menu-last-object-menu-floating{
    box-shadow: 0 2px 8px 0 rgba(0,4,8,0.4);
}

.white-header-style .search-field button{
    filter: none !important;
}

.search-field button {
    filter: brightness(0) invert(1) !important;
}


.search-field button.searchall-small-icon {
    background-image: url("images/searchall-hollow.png");
}

.search-field.x-trigger-wrap-focus button{
    filter: none !important;
}

/* combos */

.dark-combo .task-breadcrumb-priority{
    border-right: 1px solid #091833;
}

.dark-combo.x-combo-list{
    border: 1px solid #091833;
    background-color: #122844;
}

.dark-combo .x-combo-list-inner {
    background-color: #122844;
    color: #eeeeee;
}
.dark-combo .x-combo-list-item {
    border: 1px solid #122844;
}

.dark-combo .x-combo-list-item-separator{
    border-bottom: 1px solid #44556f;
}

.dark-combo.x-combo-list .x-combo-list-item-separator.x-combo-selected{
    border-bottom: 1px solid #44556f !important;
}


.dark-combo.x-combo-list .x-combo-selected,
.dark-combo.x-combo-list .x-combo-selected-withtip {
    background-color: #23344f;
    border: 1px dotted #66778f !important;
}
.dark-combo .x-combo-list-inner .x-icon-combo-icon-SALE,
.dark-combo .x-combo-list-inner .x-icon-combo-icon-SALE.x-combo-selected{
    border: 2px solid #122844 !important;
}

.dark-combo .x-combo-list-inner .x-icon-combo-icon-PURCHASE,
.dark-combo .x-combo-list-inner .x-icon-combo-icon-PURCHASE.x-combo-selected{
    border: 2px solid #122844 !important;
}

.dark-combo .x-resizable-pinned .x-combo-list-inner {
    border-bottom: 1px solid #122844;
}

.converser_data, .group_data {
    color: #dddddd;
}

.white-header-style .converser_data, .white-header-style .group_data{
    color: #222222;
}

.x-simple-style-image.white-header-style .converser_data,
.x-simple-style-allimage.white-header-style .converser_data,
.x-simple-style-image.white-header-style .group_data,
.x-simple-style-allimage.white-header-style .group_data{
    color: #ffffff !important;
}

.actualConverser,
.chatTiles.chatModern .actualConverser,
.chatTiles.chatModern .actualConverser:hover{
    background-color: #001020;
}

.white-header-style .actualConverser,
.white-header-style .chatTiles.chatModern .actualConverser,
.white-header-style .chatTiles.chatModern .actualConverser:hover{
    background-color: rgba(120, 130, 140, 0.15);
}


.converser:hover{
    background-color: rgba(60, 220, 0, 0.6);
}

.chatTiles .actualConverser, .chatTiles .actualConverser:hover{
    background-color: #39dc00;
}

.white-header-style .converser:hover {
    background-color: rgba(120, 130, 140, 0.1);
}

.white-header-style .chatTiles .actualConverser, .white-header-style .chatTiles .actualConverser:hover{
    background-color: rgba(120, 130, 140, 0.15);
}


#floatingFilterMenu,
.floating-filter-menu,
.floating-filter-menu .x-menu-list-item,
.floating-filter-menu .x-menu-list-item .x-menu-item-text,
.floating-filter-menu .x-menu-scroller,
.fnmenu-menu-last-object-menu-floating,
.fnmenu-menu-last-object-menu-floating .x-menu-list-item,
.fnmenu-menu-last-object-menu-floating .x-menu-list-item .x-menu-item-text,
.fnmenu-menu-last-object-menu-floating .x-menu-scroller{
    background-color: #22334f !important;
    border-color: #000000;
    color: #dddddd !important;
}

.floating-filter-menu .x-menu-list-item{
    border-color: #22334f;
}

.x-simple-style-allimage #floatingFilterMenu,
.x-simple-style-allimage .floating-filter-menu,
.x-simple-style-allimage .floating-filter-menu .x-menu-list-item,
.x-simple-style-allimage .floating-filter-menu .x-menu-list-item .x-menu-item-text,
.x-simple-style-allimage .floating-filter-menu .x-menu-scroller,
.x-simple-style-allimage .fnmenu-menu-last-object-menu-floating,
.x-simple-style-allimage .fnmenu-menu-last-object-menu-floating .x-menu-list-item,
.x-simple-style-allimage .fnmenu-menu-last-object-menu-floating .x-menu-list-item .x-menu-item-text,
.x-simple-style-allimage .fnmenu-menu-last-object-menu-floating .x-menu-scroller{
    background-color: transparent !important;
}

.x-simple-style-allimage #floatingFilterMenu,
.x-simple-style-allimage .floating-filter-menu,
.x-simple-style-allimage .fnmenu-menu-last-object-menu-floating{
    border-color: rgba(10,20,40, 0.6) !important;
}

.x-simple-style-allimage .floating-filter-menu .x-menu-list-item,
.x-simple-style-allimage .fnmenu-menu-last-object-menu-floating .x-menu-list-item{
    filter: drop-shadow(0px 0px 3px rgba(0,0,0,1));
}

.x-simple-style-allimage #floatingFilterMenu .x-menu-list,
.x-simple-style-allimage .floating-filter-menu .x-menu-list,
.x-simple-style-allimage .fnmenu-menu-last-object-menu-floating .x-menu-list{
    /*background-color: rgba(20,35,60, 0.9) !important;*/
}

.x-simple-style-allimage #floatingFilterMenu .x-menu-list:before,
.x-simple-style-allimage .floating-filter-menu .x-menu-list:before,
.x-simple-style-allimage .fnmenu-menu-last-object-menu-floating .x-menu-list:before{
    background-color: red !important;
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(20,35,60, 0.85) !important;
    backdrop-filter: blur(2px);
    /*z-index: -1;*/
}

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

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

.floating-filter-menu ::-webkit-scrollbar,
.fnmenu-menu-last-object-menu-floating ::-webkit-scrollbar{
    background-color: #122844;
}

.fnmenu-menu-item-tooltip,
.fnmenu-menu-item-tooltip .x-tip-ml{
    background-color: #122844;
}

.user-header-image div{
    border-color: #7bb0e0;
}

.white-header-style .user-header-image div{
    border-color: #DADDE1;
}

/*.x-simple-style #menuContainer .x-htoolbar-title-cell{
    border-bottom: 3px solid transparent !important;
}*/

.x-button-loading {
    background-image: url("images/loader-black.gif") !important;
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.x-leftMenuOnHover #menuContainer.xcollapsed-menu:hover,
.x-leftMenuOnHover.x-left-menu-floating #menuContainer.xcollapsed-menu,
.x-leftMenuOnHover.x-left-menu-lastobject #menuContainer.xcollapsed-menu{
    background-color: rgba(0,24,50, 0.9) !important;
}

.x-leftMenuOnHover.x-simple-style-image #menuContainer.xcollapsed-menu:hover,
.x-leftMenuOnHover.x-simple-style-image.x-left-menu-floating #menuContainer.xcollapsed-menu,
.x-leftMenuOnHover.x-simple-style-image.x-left-menu-lastobject #menuContainer.xcollapsed-menu,
.x-leftMenuOnHover.x-simple-style-allimage #menuContainer.xcollapsed-menu:hover,
.x-leftMenuOnHover.x-simple-style-allimage.x-left-menu-floating #menuContainer.xcollapsed-menu,
.x-leftMenuOnHover.x-simple-style-allimage.x-left-menu-lastobject #menuContainer.xcollapsed-menu{
    background-color: rgba(0,24,50, 1) !important;
}

.x-new-style .x-tree-node-el .menu-icon-filter-leaf{
    background-image: none !important;
}

.x-new-style .x-tree-node-el .menu-icon-filter-leaf img{
    background-size: 22px 22px !important;
    background-position:  0px 0px !important;
}

.x-new-style .x-tree-node-leaf .x-top-lvl-filter.x-tree-node-icon, .x-simple-style .x-tree-node-el .x-top-lvl-filter.x-tree-node-icon{
    background-size: auto;
    background-image: url(images/filtertoplevel_white.png) !important;
    background-position:  0px 1px !important;
}

/*.x-simple-style .x-tree-selected .x-tree-node-leaf .x-top-lvl-filter, .x-simple-style .x-tree-selected .x-tree-node-el .x-top-lvl-filter {
    background-position:  0px 1px !important;
}*/

.x-simple-style .x-tree-node-el.x-menu-kanban .menu-icon-filter-leaf {
    background-image: url(images/filter_kanban_white.png) !important;
}

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

#fnmenu-menu .fnmenu-section-header-dragtool {
    filter: brightness(2.5);
}
.subMenuContentButton.x-more-button {
    background-color: #122844 !important;
}

.x-menu-more-button button, .x-menu-more-button.x-btn-click button {
    color: #f2f2f2;
}

.x-menu-less-button button {
    background-color: #1a85db;
    opacity: 1;
}

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

#menuContainer .x-menu-add-button.tutorial-menu-add {
    background-color: #ffffff !important;
    opacity: 1 !important;
    transition: opacity .5s ease-in-out;
}

#menuContainer .x-menu-add-button.tutorial-menu-add span {
    filter: invert(1);
}
/* NIE WSTAWIAMY KODU NA KONCU PLIKU. NALEZY ZNALEZC MIEJSCE W KODZIE POWIAZANE TEMATYCZNIE I UNIKAC DUPLIKACJI CSS.
JEZELI NIE MA TAKIEGO MIEJSCA WSTAWIAMY W DOWOLNYM BYLE NIE NA KONCU PLIKU ANI PRZED TYM KOMETARZEM */