/*!
 * NONE
 */
.x-new-style.x-hs-test .x-window:not(.x-filter-window) .x-html-editor-wrap iframe,
.x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-form-field-wrap .x-form-trigger,
.ext-strict .x-simple-style.x-hs-test .x-window .x-form-element:not(.x-left-filter-field) .x-form-text:not(.editorGridField):not(.combo-in-fieldset),
.ext-strict .x-simple-style.x-hs-test .x-window .x-toolbar-cell .x-form-text:not(.editorGridField):not(.combo-in-fieldset),
.ext-strict .x-simple-style.x-hs-test .x-window.x-filter-window .x-form-element.x-left-filter-field .x-form-field-wrap,
.ext-strict .x-simple-style.x-hs-test .x-window.x-filter-window .x-combo-list-inner,
.ext-strict .x-simple-style.x-hs-test .x-window textarea.x-form-field{
    background-color: var(--color-white);
}


.x-details-panel .x-htoolbar-details-tab{
    display: block;
}

.content-editable-comment-editor,
.x-details-panel .x-editor .x-form-field-wrap,
.x-epic-style .x-form-element .xx-item-gray,
.x-epic-style .x-form-text{
    border: 1px solid var(--color-gray-10);
    border-radius: 8px;
}

.x-mask-formfield div{
    padding-top: 10px;
    background-position: 1px 9px;
}

.x-details-panel .x-editor .x-form-field-wrap,
.x-epic-style .x-form-text:focus,
.x-epic-style .x-html-editor-wrap:focus{
    border-color: var(--color-blue-40);
}

.x-details-panel .x-editor .x-form-field-wrap.x-form-invalid,
.x-epic-style .x-form-text.x-form-invalid:focus,
.x-epic-style .x-html-editor-wrap.x-form-invalid:focus{
    border-color: var(--color-red);
}

.x-simple-style .x-grid3 .x-grid-editor,
.x-grid-panel .x-form-field-wrap{
    border: none !important;
}
.x-simple-style .x-grid3 .x-grid-editor{
    border: 1px solid var(--color-blue-40) !important;
    border-radius: 8px !important;
}

.x-details-panel .x-editor .x-form-field-wrap{
    box-sizing: border-box;
}

.x-simple-style .x-details-panel .x-grid-editor .x-form-field-wrap .x-form-trigger{
    right: 1px !important;
}
.x-toolbar .x-form-field-wrap .x-form-trigger, .x-details-panel .x-form-field-wrap .x-form-trigger {
    background-position: 0px 12px;
}

.x-simple-style .x-details-panel .x-grid-editor .x-form-field-wrap .x-form-trigger.x-form-date-trigger{
    top: 0.3px !important;
    right: 2.7px !important;
}

.x-form-element .statusIcon{
    top: 12px;
    left: 7px;
}
.x-form-element .priorityIcon{
    top: 12px;
    left: 7px;
}


#x-form-el-task-priority-create-window .x-icon-combo-icon,
.priorityIcon {
    background-size: 24px !important;
    background-position: 0px -3px;
    width: 24px;
}
.priorityText {
    padding-left: 26px;
    color: var(--color-gray-80);
    opacity: 1;
}
.priorityTextSmall {
    font-size: 14px;
}

.priority-low{
    background-image: url(images/priority-low.svg) !important;
}
.priority-normal {
    background-image: url(images/priority-normal.svg) !important;
}
.priority-high {
    background-image: url(images/priority-high.svg) !important;
}
.priority-critical{
    background-image: url(images/priority-critical.svg) !important;
}

.x-icon-combo-item.priority-critical,
.x-icon-combo-item.priority-high,
.x-icon-combo-item.priority-normal,
.x-icon-combo-item.priority-low {
    background-position: 3px 4px !important;
    background-size: 24px !important;
    padding-left: 28px !important;
}

.task-breadcrumb.priority-critical,
.task-breadcrumb.priority-high,
.task-breadcrumb.priority-normal,
.task-breadcrumb.priority-low {
    background-position: 0px 8px !important;
}

.x-hs-test .x-window .x-form-field-wrap .x-icon-combo-icon {
    top: 13px;
}

.x-details-panel .x-editor .x-form-field-trigger-wrap .x-form-text{
    border: none;
}

.x-simpleLook.x-split-details .x-details-name .xx-form-field{
    border: 1px solid rgba(140,150,160,0.0) !important;
}

.x-epic-style .x-form-field-wrap .x-form-trigger{
    border: 1px solid var(--color-gray-10);
}

.x-form-element .xx-item-gray,
.description-panel.product-description,
.x-column.product-description {
    border-color: var(--color-gray-10) !important;
}
.x-epic-style .x-form-element .xx-item-gray,
.x-epic-style .description-panel.product-description,
.x-epic-style .x-column.product-description {
    border-color: var(--color-gray-10) !important;
}

.x-epic-style .x-new-mail-data .x-form-element .xx-item-gray,
.x-epic-style .description-panel.product-description,
.x-epic-style .x-column.product-description {
    border-color: transparent !important;
}

.x-epic-style .x-form-element .xx-item-gray:hover,
.x-epic-style .description-panel.product-description:hover,
.x-epic-style .x-column.product-description:hover {
    border-color: var(--color-blue-40) !important;
}

.x-form-element .xx-item-gray.combo-in-fieldset,
.x-form-element .xx-item-gray.combo-in-fieldset:hover {
    border-color: transparent !important;
}


.x-epic-style .x-form-text,
.x-simple-style .x-form-element .xx-item-gray,
.x-epic-style .description-panel iframe.html-description-panel,
.x-epic-style .description-panel.product-description,
.x-epic-style .x-column.product-description {
    background-color: #FFFFFF;
}

.x-epic-style .x-column.product-description {
    border-radius: 8px;
    margin-top: 12px;
}
.x-epic-style .x-column.product-description .x-form-item{
    margin-top: 0px;
}

.x-simple-style .combo-parent .x-form-element .xx-item-gray{
    background-color: transparent;
}

.ext-strict .x-chart-configuration-panel .x-panel-body .x-form-text,
.object-details-vertical-checkboxes .x-form-element,
.ext-strict .x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-form-text:not(.combo-in-fieldset):not(.editorGridField):not(.x-formfield-iconborder),
.ext-strict .x-details-panel .x-panel-body .x-form-text:not(.editorGridField):not(iframe) {
    height: 40px !important;
    line-height: 22px;
    padding-left: 10px !important;
    font-size: 14px !important;
    margin-right: 2px !important;

}

#mail .x-inline-display-field .x-form-text{
    height: auto !important;
}

.ext-strict #contentContainer .x-details-panel .x-panel-body .x-form-text:not(.editorGridField):not(iframe){
    align-items: center;
    display: flex;
    flex-direction: row;
}

.x-form-twin-triggers{
    position: absolute;
    top:13px;
    right: 15px;
}

#organization-settings-panel .x-form-twin-triggers{
    position: relative;
    top: 0px;
    right: 0px;
}

#products-groups-settings-container .x-form-num-field{
    margin-left: 10px;
}

.x-settings-mutli-field-separator{
    margin-top: 6px;
}

.x-simple-style #products-groups-settings-container .x-form-check-wrap label{
    margin-top: 12px;
    margin-left: 10px !important;
}

.ext-strict .x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-form-text:not(.combo-in-fieldset):not(.editorGridField).x-icon-combo-input,
.x-form-item .x-icon-combo-input,
.x-icon-combo-input {
    padding-left: 28px !important;
}

.object-details-vertical-checkboxes .x-form-element {
    padding-left: 0px !important;
}

.ext-strict .x-simple-style.x-hs-test #organization-settings-panel.x-window:not(.x-filter-window) .x-form-text:not(.combo-in-fieldset):not(.editorGridField){
    margin-right: 0px !important;
}
.ext-strict .x-details-panel .x-panel-body .x-form-text.editorFormField {
    padding-top: 2px !important;
    padding-bottom: 0px !important;
}
.object-create-formpanel .xx-form-field:not(.combo-in-fieldset) .x-formfield-value-and-icon{
    line-height: 40px;
}
.ext-strict .x-simple-style.x-hs-test .x-chart-configuration-panel  .x-form-text:not(.combo-in-fieldset):not(.editorGridField):not(.x-formfield-iconborder),
.ext-strict .x-simple-style.x-hs-test .x-window.object-create-window:not(.x-filter-window) .x-window-bwrap .x-form-text:not(.combo-in-fieldset):not(.editorGridField):not(.x-formfield-iconborder){
    height: 40px !important;
    padding-bottom: 0px;
}
.ext-strict .x-simple-style.x-hs-test .x-chart-configuration-panel .x-form-text:not(.combo-in-fieldset):not(.editorGridField),
.ext-strict .x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-window-bwrap .x-form-text:not(.combo-in-fieldset):not(.editorGridField){
    border-radius: 8px !important;
    background-color: var(--color-gray-light);
}
.ext-strict .x-simple-style.x-hs-test .x-window textarea.x-form-field{
    border-radius: 8px !important;
}

.ext-strict .x-simple-style.x-hs-test .x-chart-configuration-panel .x-form-text:not(.combo-in-fieldset):not(.editorGridField),
.ext-strict .x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-window-bwrap .x-form-text:not(.combo-in-fieldset):not(.editorGridField),
.ext-strict .x-simple-style.x-hs-test .x-window textarea.x-form-field{
    border-color: var(--color-gray-20) !important;
}

.ext-strict .x-simple-style.x-hs-test .x-chart-configuration-panel  .x-form-invalid-owner .x-form-text:not(.combo-in-fieldset):not(.editorGridField),
.ext-strict .x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-window-bwrap .x-form-invalid-owner .x-form-text:not(.combo-in-fieldset):not(.editorGridField),
.ext-strict .x-simple-style.x-hs-test .x-window .x-form-invalid-owner textarea.x-form-field {
    border-color: var(--color-red) !important;
}

.ext-strict .x-simple-style.x-hs-test .x-chart-configuration-panel  .x-trigger-wrap-focus .x-form-text:not(.combo-in-fieldset):not(.editorGridField),
.ext-strict .x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-window-bwrap .x-trigger-wrap-focus .x-form-text:not(.combo-in-fieldset):not(.editorGridField),
.ext-strict .x-simple-style.x-hs-test .x-chart-configuration-panel  .x-form-text:not(.combo-in-fieldset):not(.editorGridField):focus,
.ext-strict .x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-window-bwrap .x-form-text:not(.combo-in-fieldset):not(.editorGridField):focus,
.ext-strict .x-simple-style.x-hs-test .x-window textarea.x-form-field:focus,
.ext-strict .x-simple-style.x-hs-test .x-window textarea.x-form-field:hover{
    border-color: var(--color-blue-40) !important;
}

.x-form-text,
textarea.x-form-field,
.content-editable-comment-editor,
.x-form-trigger{
    transition-behavior: normal;
    transition-duration: 200ms;
    transition-timing-function: linear;
    transition-delay: 0s;
    transition-property: box-shadow;
    transition: border-color 200ms linear;
}

textarea.x-form-field, .x-form-grow-sizer-comment-panel {
    padding: 10px !important;
}

#ocrInvoiceCreateForm .x-panel-body,
#ocrInvoiceCreateForm .x-form-item,
div.fileuploadfield .x-panel-body,
div.fileuploadfield .x-form-item{
    overflow: visible !important;
}
.x-window #ocrInvoiceCreateForm .x-panel-body,
.x-window div.fileuploadfield .x-panel-body{
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.x-window #ocrInvoiceCreateForm .x-panel-body{
    margin-bottom: 10px;
}
#ocrInvoiceCreateForm .x-form-item,
div.fileuploadfield .x-form-item{
    margin-top: 4px !important;
}

.x-formfield-iconborder > .x-formfield-icon{
    min-width: 16px;
    height: 30px;
}
.x-formfield-iconborder{
    position: absolute;
    right: 2px;
    top: 9px;
    padding-left: 0px !important;
}

.combo-in-fieldset.xx-form-field .xx-form-field-noeditor{
    top: -7px;
}

.x-formfield-value-and-icon.x-formfield-readonly .x-form-text {
    padding-right: 18px;
}

.x-formfield-value-and-icon.x-formfield-readonly .x-formfield-icon{
    background-image: url(images/lock.svg);
    opacity: 0.3 !important;
    background-size: 14px;
}
.x-formfield-value-and-icon.x-formfield-readonly .x-formfield-icon:hover{
    opacity: 0.8 !important;
}

.ext-strict .x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-form-file-text.x-form-text:not(.combo-in-fieldset):not(.editorGridField):not(.x-dont-hide-right-border),
.ext-strict .x-simple-style.x-hs-test .x-chart-configuration-panel .x-form-field-trigger-wrap:not(.x-formfield-readonly)  .x-form-text:not(.combo-in-fieldset):not(.editorGridField):not(.x-dont-hide-right-border),
.ext-strict .x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-form-field-trigger-wrap:not(.x-formfield-readonly)  .x-form-text:not(.combo-in-fieldset):not(.editorGridField):not(.x-dont-hide-right-border){
    border-radius: 8px 0px 0px 8px !important;
    border-right: none !important;
}

.x-simple-style.x-pd-test .x-chart-configuration-panel .x-form-element:not(.x-left-filter-field) .x-form-field-wrap:not(.x-formfield-readonly) .x-form-text:not(.x-dont-hide-right-border),
.x-simple-style.x-pd-test .x-window:not(.x-filter-window) .x-form-element:not(.x-left-filter-field) .x-form-field-wrap:not(.x-formfield-readonly) .x-form-text:not(.x-dont-hide-right-border),
.x-simple-style.x-hs-test .x-chart-configuration-panel .x-toolbar-cell .x-form-field-wrap:not(.x-formfield-readonly) .x-form-text:not(.x-dont-hide-right-border),
.x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-toolbar-cell .x-form-field-wrap:not(.x-formfield-readonly) .x-form-text:not(.x-dont-hide-right-border),
.x-simple-style.x-hs-test .x-chart-configuration-panel .x-form-element:not(.x-left-filter-field) .x-form-field-wrap:not(.x-formfield-readonly) .x-form-text:not(.x-dont-hide-right-border),
.x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-form-element:not(.x-left-filter-field) .x-form-field-wrap:not(.x-formfield-readonly) .x-form-text:not(.x-dont-hide-right-border) {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-right: 0px !important;
}

.x-avant .x-window:not(.object-create-window):not(.chat-conversation-window) .x-form-file-btn.x-btn,
.x-simple-style.x-hs-test .x-chart-configuration-panel .x-form-field-wrap .x-form-trigger,
.x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-form-field-wrap .x-form-trigger{
    height: 41px !important;
    background-color: var(--color-gray-light);
    border-radius: 0px 8px 8px 0px !important;
    background-position: -2px 12px;
    border-color: var(--color-gray-20) !important;
}

.x-simple-style.x-hs-test .x-chart-configuration-panel  .x-form-invalid-owner .x-form-field-wrap .x-form-trigger,
.x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-form-invalid-owner .x-form-field-wrap .x-form-trigger{
    border-color: var(--color-red) !important;
}

.x-simple-style.x-hs-test .x-chart-configuration-panel  .x-form-field-wrap.x-trigger-wrap-focus .x-form-trigger,
.x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-form-field-wrap.x-trigger-wrap-focus .x-form-trigger{
    border-color: var(--color-blue-40) !important;
}

.x-avant .x-window:not(.object-create-window):not(.chat-conversation-window) .x-form-file-btn.x-btn{
    height: 43px !important;
    background-color: var(--color-gray-light) !important;
    width: 40px !important;
}

.x-epic-style #fn\.common\.columnwindow .x-form-cb-label,
.x-epic-style #fn\.common\.fieldswindow .x-form-cb-label{
    font-size: 14px;
    letter-spacing: 0px;
    padding-left: 20px;
}

.x-epic-style #fn\.common\.columnwindow.x-window input,
.x-epic-style #fn\.common\.fieldswindow input,
#contentContainer .x-toolbar td .x-unitPriceTypeCombo-ct3 input {
    height: 30px !important;
    line-height: 26px;
    padding-left: 6px !important;
    border: 1px solid transparent !important;
    font-size: 12px !important;
}
#contentContainer .x-toolbar td .x-unitPriceTypeCombo-ct3 input {
    display: inline-block !important;
}

#contentContainer .x-toolbar td .x-unitPriceTypeCombo-ct3 .x-form-field-wrap .x-form-trigger{
    border: 1px solid transparent !important;
    background-position: -2px 8px !important;
}
.x-epic-style #fn\.common\.columnwindow.x-window input,
.x-epic-style #fn\.common\.fieldswindow.x-window input,
#contentContainer .x-toolbar td .x-unitPriceTypeCombo-ct3 .x-form-field-wrap {
    border: 1px solid var(--color-gray-20) !important;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 0px;
    border-radius: 8px;
}
.x-epic-style #fn\.common\.columnwindow.x-window input:hover,
.x-epic-style #fn\.common\.fieldswindow.x-window input:hover,
.x-epic-style #fn\.common\.columnwindow.x-window input:focus,
.x-epic-style #fn\.common\.fieldswindow.x-window input:focus,
#contentContainer .x-toolbar td .x-unitPriceTypeCombo-ct3 .x-form-field-wrap:hover {
    border: 1px solid var(--color-blue-40) !important;
}

.x-epic-style #fn\.common\.columnwindow.x-window input,
.x-epic-style #fn\.common\.fieldswindow.x-window input{
    width: 400px !important;
}

.x-epic-style #fn\.common\.fieldswindow.x-window input{
    margin-bottom: 20px;
}

.x-simple-style.x-hs-test .x-window:not(.x-filter-window):not(.org-settings-window) .x-grid-panel .x-panel-body .x-form-field-wrap .x-form-trigger{
    background-color: transparent;
    border-color: transparent !important;
    top: 0px !important;
}

.ext-strict .x-simple-style.x-hs-test .x-window:not(.x-filter-window) .x-form-field-trigger-wrap .x-form-text:not(.combo-in-fieldset):not(.editorGridField).x-dont-hide-right-border{
    border-radius: 8px !important;
}

div.panel-simple-frame > div.x-panel-bwrap{
    padding: 7px;
}

.x-window:not(.x-filter-window)  {
    border: none;
}

.x-simple-style .x-window-bl, .x-simple-style .x-window-br, .x-simple-style .x-window-bc {
    background-color: transparent;
}
.x-simple-style .x-window-bl{
    padding: 5px;
    border-radius: 0px 0px 8px 8px;
}

.x-window-tl{
    margin: 3px;
    margin-bottom: 0px;
}

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

.x-isLogin .x-window .x-tool, .x-window .x-tool, .x-portlet .x-panel-header .x-tool {
    border: 7px solid transparent;
}

.x-window-dlg .x-window-body{
    padding: 5px 15px;
}

.x-window-dlg .x-dlg-icon .ext-mb-content{
    margin-left: 10px;
    margin-right: 10px;
}

.x-window-dlg .x-tool-close{
    margin-top: -20px;
}

.x-window-dlg .x-window-header{
    padding-top: 20px !important;
    text-align: center;
    font-weight: 700;
}
.x-window-dlg .x-window-footer{
    margin-bottom: 10px !important;
}

.x-window-dlg .x-window-header-text{
    font-size: 14px !important;
}

.x-window-dlg .ext-mb-content{
    text-align: center;
}

.dialog-checkbox-div,
.x-window-dlg .ext-mb-text{
    font-size: 13px !important;
    font-weight: 400;
    text-align: center;
}

.x-window-dlg .ext-mb-question{
    background-image: none;
}

.ext-mb-icon{
    display: none;
}

.dialog-checkbox-div{
    text-align: left;
}

.x-window .x-btn span{
    line-height: 20px;
}

.x-window-dlg .x-window-bc .x-toolbar-layout-ct .x-btn {
    background-color: white !important;
    border: 1px solid var(--color-gray-20) !important;
}
.x-window-dlg .x-window-bc .x-toolbar-layout-ct .x-btn span{
    color: var(--color-blue-80);
    font-size: 12px !important;
    font-weight: 600;
}
.x-window-dlg .x-window-bc .x-toolbar-layout-ct .x-btn:hover {
    background-color: var(--color-blue-light) !important;
    border: 1px solid var(--color-blue-80) !important;
}

.x-window-dlg .x-window-bc .x-toolbar-layout-ct .x-btn.x-button-red{
    background-color: var(--color-red) !important;
}
.x-window-dlg .x-window-bc .x-toolbar-layout-ct .x-btn.x-button-red span{
    color: white !important;
}
.x-window-dlg .x-window-bc .x-toolbar-layout-ct .x-btn.x-button-red:hover {
    background-color: color-mix(in srgb, var(--color-red) 80%, black 20%) !important;
    border: 1px solid color-mix(in srgb, var(--color-red) 75%, black 25%) !important;
}
.x-window-dlg .x-window-bc .x-toolbar-layout-ct .x-btn.x-button-red span{
    color: white !important;
}

.x-simple-style .x-tip{
    border-radius: 8px;
}
.notification-tip-msg-error .x-tip-header-text {
    color: var(--color-red);
    font-size: 13px;
}

.notification-tip-body,
.x-tip.notification-tip-msg .x-tip-body {
    font-size: 13px;
    line-height: 1.6 !important;
}

.notification-tip.x-bottom-right{
    right: 30px !important;
    bottom: 30px !important;
    left: auto !important;
    top: auto !important;
    background-color: var(--color-blue-darken-50) !important;
    color: var(--color-white) !important;
    border: 1px solid var(--color-blue-darken-50) !important;
    width: auto !important;
}
.notification-tip.x-bottom-right .notification-tip-body,
.notification-tip.x-bottom-right .notification-tip-title {
    color: var(--color-white) !important;
    font-weight: 700;
    font-size: 14px;
}

.notification-tip-titled .notification-tip-body,
.notification-tip-body {
    line-height: 20px;
}

.notification-tip.x-bottom-right a{
    color: var(--color-blue-light-hover) !important;
    font-weight: 700;
    font-size: 13px;
}

.notification-tip.x-bottom-right .x-tip-ml{
    background-color: transparent !important;
}

.notification-tip.x-bottom-right .x-tip-body{
    width: auto !important;
}


.notification-tip.x-bottom-right .x-tip-body div:not(.notification-tip-titled) .notification-tip-body,
.notification-tip.x-bottom-right .notification-tip-titled{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    padding: 8px;
    padding-right: 30px;
}

/* usuń narzucone połowy */
.notification-tip.x-bottom-right .notification-tip-title,
.notification-tip.x-bottom-right .notification-tip-titled .notification-tip-body{
    width: auto !important;
    max-width: none !important;
}

/* tytuł ma brać tylko tyle ile tekst */
.notification-tip.x-bottom-right  .notification-tip-title{
    flex: 0 0 auto !important;
    white-space: nowrap;
    padding-bottom: 0px;
}

/* body ma brać resztę (albo też auto – patrz wariant niżej) */
.notification-tip.x-bottom-right .notification-tip-body{
    flex: 1 1 auto !important;
    min-width: 0;                 /* żeby link mógł się zwężać */
    display: flex;
    align-items: center;
    gap: 8px;
}

/* link niech zajmie pozostałe miejsce i ewentualnie się utnie */
.notification-tip.x-bottom-right .notification-tip-body > a{
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@property --p {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}

.notification-tip.x-bottom-right .fn-notification-tip-progressbar{
    left: auto;
    right: 4px;
    top: 5px;
    color: var(--color-blue-light-hover-transparent);
    width: 30px !important;   /* radius 15px */
    height: 30px !important;
    border-radius: 50%;
    background: conic-gradient(currentColor calc(var(--p) * 1turn), rgba(0,0,0,0) 0);
    /* ring thickness = 1.5px */
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 0);
    mask: radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 0);
}
.notification-tip.x-bottom-right .notification-tip-body:after{
    content: '';
    position: absolute;
    top: 10px;
    right: -1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border-radius: inherit;
    background: inherit;
    background-size: 20px;
    background-image: url(images/cross-blue.svg);
    cursor: pointer;
}


/* uruchamiasz dodając klasę jak teraz */
.notification-tip.x-bottom-right .fn-notification-tip-progressbar-start{
    animation-name: notifRing;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-duration: var(--dur, 8000ms); /* JS nadpisze --dur */
}

@keyframes notifRing{
    from { --p: 0; }
    to   { --p: 1; }
}

.after-create-tip-buttons-wrap{
    gap: 5px;
    margin-top: -3px;
}

.after-create-tip-button{
    background-color: var(--color-blue-darken-50) !important;
    border: 1px solid var(--color-blue-darken-20) !important;
    border-radius: 8px !important;
}

.after-create-tip-button:hover{
    background-color: var(--color-blue-darken-20) !important;
    border: 1px solid var(--color-blue) !important;
}

.after-create-tip-button.icon-download-pdf,
.after-create-tip-button.icon-invoice{
    background-image: none !important;
    position: relative;
}
.after-create-tip-button.icon-download-pdf::after,
.after-create-tip-button.icon-invoice::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    filter: brightness(0) invert(1);
    background-repeat: no-repeat;
    position: absolute;
    left: 6px;
    top: 4px
}
.after-create-tip-button.icon-download-pdf::after{
    background-image: url(images/download.svg) !important;
}
.after-create-tip-button.icon-invoice::after{
    background-image: url(images/invoice.svg) !important;
}




.x-window .x-window-header-text{
    font-size: 18px;
}
.x-window-tl .x-window-header {
    padding-bottom: 0px;
}

.x-toolbar td, .x-toolbar span {
    font-size: 13px;
}

.document-create-window .x-window-header-text,
.main-create-window .x-window-header-text{
    font-size: 20px;
}

.x-window .x-details-panel-tab-edit.x-details-panel ul.x-tab-strip li{
    padding-bottom: 5px;
}

.x-simple-style .x-window .object-create-tab-panel {
    margin-left: -5px;
    margin-right: -5px;
}

.object-create-window .x-window-tl .x-window-header{
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-bottom: 0px !important;
}


.x-split-details .x-split-details-ct .x-onefield-address-firstfield.x-column .x-form-element .xx-item-gray,
.x-split-details .x-split-details-ct .x-form-element .xx-item-gray, .x-split-details .x-split-details-ct .x-form-text{
    margin-right: 5px !important;
}
.x-simple-style .editorFormField{
    height: 31px !important;
    padding-top: 6.5px !important;
    font-size: 14px !important;
    border-radius: 8px;
    border: none !important;
}

.x-form-item .x-grid-editor .x-form-spinner-splitter{
    top: 20px !important;
    right: 2px !important;
}

.x-fieldset{
    overflow: visible;
}

.x-quick-create-handler .quickAddIcon,
.xx-form-field .xx-form-field-editor {
    top: 11px;
    right: 2px !important;
    background-position: center !important;
}
.x-new-mail-data .x-quick-create-handler .quickAddIcon,
.x-new-mail-data .xx-form-field .xx-form-field-editor {
    top: 2px;
}

.x-simple-style.x-split-details .xx-form-field:hover .xx-form-field-editor{
    opacity: 0.4;
}
.x-simple-style.x-split-details .xx-form-field .xx-form-field-editor:hover{
    opacity: 1;
}

.xx-form-field .xx-form-field-editor.combo-icon-editor-class,
.x-tip-with-editor .xx-form-field-editor.combo-icon-editor-class,
.ext-ie6 .xx-form-field .xx-form-field-editor.combo-icon-editor-class{
    background-image: url(images/content/dropdown-black.svg) !important;
}

.x-epic-style .x-details-panel  .x-column {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-right: 4px;
}

.x-epic-style .x-details-panel .x-newemail-details-body .x-column{
    display: inline-block;
}

.x-epic-style .x-window:not(.x-filter-window) .x-form-item:not(.x-form-item-label),
.x-epic-style .x-chart-configuration-panel .x-form-item,
.x-epic-style .x-details-panel  .x-form-item {
    position: relative;
    overflow: visible;
    margin-top: 12px;
    margin-bottom: 0px;
}

.window-padding .x-form-item {
    margin-left: 5px;
    padding-left: 0px;
}

.x-epic-style .x-details-panel .x-new-mail-data .x-form-item,
.x-epic-style .x-details-panel .x-newemail-details-body .x-inline-display-field.x-form-item,
.x-epic-style .x-details-panel #x-newemail-status-quick-edit .x-form-item {
    margin-top: 0px;
}

.x-simple-style .x-window #org-settings-tab-panel .x-form-item {
    margin-top: 2px;
}

.x-epic-style .x-details-panel  .x-form-item .x-form-item:first-child{
    margin-top: 0px;
}

.x-epic-style.x-simple-style .x-details-panel .fix-top-margin2 .fix-top-margin .x-form-item,
.x-epic-style.x-simple-style .x-details-panel .fix-top-margin .x-form-item {
    margin-top: 12px;
}
.x-epic-style.x-simple-style .x-details-panel .fix-top-margin2 .fix-top-margin .x-form-item .x-form-item,
.x-epic-style.x-simple-style .x-details-panel .fix-top-margin .x-form-item .x-form-item {
    margin-top: 0px;
}
.x-epic-style.x-simple-style .x-details-panel .fix-top-margin2 .x-form-item {
    margin-top: 0px;
}

.x-window .combo-parent,
.x-epic-style .x-details-panel .x-panel-body .combo-in-fieldlabel-container{
    position: relative;
}

.x-window .combo-parent .combo-in-fieldlabel-parent{
    width: auto !important;
}


.x-epic-style .x-details-panel .x-panel-body .combo-in-fieldlabel-container > div:first-child,
.x-epic-style .x-window:not(.x-filter-window) .combo-parent .combo-in-fieldlabel-parent,
.x-epic-style #contentContainer .x-chart-configuration-panel .x-form-label-top  .x-form-item-label,
.x-epic-style #contentContainer .x-details-panel .x-form-label-top  .x-form-item-label,
.x-epic-style .x-window:not(.x-filter-window) .x-form-label-top .x-form-item-label {
    position: absolute;
    left: 0px;
    top: -8px;
    display: block;
    border-radius: 20px;
    padding: 0px 5px 0px 5px;
    font-size: 12px !important;
    font-weight: 500;
    color: var(--color-gray-80) !important;
    z-index: 8003;
    max-width: calc(100% - 22px) !important;
}

.x-simple-style .x-chart-configuration-panel .x-form-item-no-bottom-margin label.x-form-item-label{
    margin-left: 6px !important;
}
.x-simple-style .x-object-create .x-form-item-label,
.x-simple-style .object-create-window .x-form-item-label {
    margin-left: 6px;
}

.x-simple-style #userSettingsWindow.x-object-create .x-form-item-label{
    margin-left: 2px;
}

.x-form-item:has(.x-form-element .x-form-check-wrap) > .x-form-item-label{
    margin-left: -2px;
}

.x-form-item-label{
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-left: 3px;
}

.x-simple-style .object-create-window .object-details-vertical-checkboxes label{
    margin-left: -5px;
}
.x-epic-style .x-window:not(.x-filter-window) .x-form-item.object-details-vertical-checkboxes{
    margin-bottom: 10px;
}

.x-epic-style .x-window:not(.x-filter-window) .combo-parent .x-form-item-label,
.x-epic-style .x-window:not(.x-filter-window) .combo-parent .combo-in-fieldlabel-parent{
    margin-left: 3px !important;
}

.x-epic-style .x-window:not(.x-filter-window) .combo-parent > div:nth-child(2){
    margin-top: -5px;
}

.x-hs-test .x-window .combo-parent > div.x-form-item:first-of-type {
    margin-bottom: 5px;
}

.x-form-check-wrap  .x-form-cb-label{
    font-weight: 400 !important;
}


.x-tab-strip .x-tab-strip-close, .x-hide-label label.x-form-item-label,
.x-epic-style #contentContainer .x-form-label-top .x-hide-label label.x-form-item-label,
.x-grid-group-collapsed .x-grid-group-body, .x-panel-collapsed .x-resizable-handle,
.x-panel-reset .x-panel-body head, .x-window-maximized .x-window-handle {
    display: none;
}

.x-epic-style .x-details-panel .x-panel-body .combo-in-fieldlabel-container > div:first-child,
.x-epic-style .x-chart-configuration-panel .x-form-item-label,
.x-epic-style #contentContainer .x-details-panel .x-form-item-label,
.x-epic-style .x-window:not(.x-filter-window) .x-form-item-label{
    background-color: #FFFFFF;
}

.x-epic-style.x.x .x-miniadmin-functions .x-form-item-label{
    background-color: transparent;
    top: 0px;
    left: -2px;
    position: relative;
    font-size: 13px !important;
}

.object-create-formpanel .combo-in-fieldset .x-formfield-value-and-icon{
    background-color: white;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-gray-80) !important;
    width: auto;
    border-radius: 20px;
}

.x-combo-date-field .x-panel-body{
    margin: 0px;
}
.x-combo-date-field .x-panel-body .x-form-item{
    margin: 0px !important;
}

.x-form-text .x-ext-el-mask{
    z-index: 8002;
}

.x-epic-style .x-details-panel .x-panel-body .combo-in-fieldlabel-container > div:first-child{
    margin-left: 4px;
}
.ext-strict .x-details-panel .x-panel-body .combo-in-fieldlabel-parent .x-form-text{
    padding-left: 0px !important;width: auto !important;
    padding-right: 0px !important;width: auto !important;
}

.x-epic-style #contentContainer .x-details-panel .x-panel-body .combo-in-fieldlabel-parent .x-form-text{
    font-size: 12px !important;
    font-weight: 400;
    height: 14px !important;
    color: var(--color-gray-80) !important;
}


@media (max-width: 1520px) {
    .x-simple-style .x-form-item-label,
    .x-simple-style .x-form-cb-label,
    .combo-in-fieldlabel-parent .x-form-text{
        letter-spacing: -0.3px;
    }
}

@media (max-width: 1450px) {
    .x-simple-style .x-form-item-label,
    .x-simple-style .x-form-cb-label,
    .combo-in-fieldlabel-parent .x-form-text{
        letter-spacing: -0.6px;
    }
}
@media (max-width: 1370px) {
    .x-simple-style .x-form-item-label,
    .x-simple-style .x-form-cb-label,
    .combo-in-fieldlabel-parent .x-form-text{
        letter-spacing: -0.8px;
    }
}

.x-epic-style #contentContainer .x-details-panel .object-details-vertical-checkboxes .x-form-item-label {
    left: -4px;
    background-color: transparent;
}

.x-epic-style .x-dark-tag a,
.x-epic-style .x-dark-tag .link,
.x-epic-style a.x-dark-tag,
.x-epic-style span.x-dark-tag {
    color: #FFFFFF;
}

.x-simple-style.x-split-details #salesopportunitychartcanvas,
.x-simple-style.x-split-details #contentContainer .x-licences-panel .panel-simple-frame > div,
.x-simple-style.x-split-details .x-new-details-ct .x-split-details-panel > div,
.x-simple-style.x-split-details .x-new-details-ct .x-new-details > div,
.x-simple-style.x-split-details .x-new-details-ct .panel-simple-frame {
    background-color: var(--color-gray-light) !important;
    border-color: transparent !important;
}

#customerAISummaryPanel{
    background-color: var(--color-white) !important;
}

.x-simple-style.x-split-details .x-new-details-ct .details-tab-panel .panel-simple-frame{
    background-color: white !important;
}

.x-simple-style.x-split-details .x-new-details-ct .details-tab-panel .x-grid3-hd-inner,
.x-simple-style.x-split-details .x-new-details-ct .x-new-details .x-grid3-hd-inner,
.x-simple-style.x-split-details .x-new-details-ct .details-tab-panel .x-grid3-header,
.x-simple-style.x-split-details .x-new-details-ct .x-new-details .x-grid3-header{
    background-color: var(--color-blue-light) !important;
}

#appConsole.x-window.x-object-create label.css-label,
.object-create-window input[type=checkbox].css-checkbox + label.css-label:not(.x-no-field-label),
#contentContainer label.css-label,
.object-create-window-attachments-checkbox-table label.css-label,
.object-create-window label.css-label {
    background-image: url(images/checkboxoff.svg) !important;
    background-size: auto !important;
    background-position: center !important;
    margin-top: 14px
}

#contentContainer #companyDetails\.enabledIntegrationsTab label.css-label,
#contentContainer .x-grid-panel label.css-label{
    margin-top: 0px;
}
#contentContainer .x-miniadmin label.css-label{
    margin-top: 1px;
}

.ext-strict .x-miniadmin .x-form-text {
    height: auto;
    line-height: 2;
    padding-left: 6px;
}

.x-chart-configuration-panel .x-form-check-wrap,
.x-details-panel .x-form-check-wrap {
    height: 30px;
}
.x-epic-style .x-window .x-form-check-wrap {
    min-height: 30px;
}

.x-miniadmin .x-form-item {
    margin-left: 3px;
}
.x-simple-style #contentContainer .x-miniadmin .x-form-item-label {
     margin-left: 3px !important;
    color: var(--color-gray-80);
 }

.object-create-window input[type=checkbox].css-checkbox:checked + label.css-label:not(.x-no-field-label),
#contentContainer input[type=checkbox].css-checkbox:checked + label.css-label{
    background-image: url(images/checkboxon.svg) !important;
}

#appConsole.x-window.x-object-create input[type=checkbox].css-checkbox:checked + label.css-label:not(.x-no-field-label),
#contentContainer #companyDetails\.enabledIntegrationsTab input[type=checkbox].css-checkbox:checked + label.css-label{
    background-image: url(images/checkboxonblue.svg) !important;
}

#contentContainer .x-paid-checkbox label.css-label{
    background-image: url(images/checkboxno.svg) !important;
}
#contentContainer .x-paid-checkbox input[type=checkbox].css-checkbox:checked + label.css-label{
    background-image: url(images/checkboxyes.svg) !important;
}

#contentContainer #mail .statusIcon{
    background-position: 0px 0px !important;
    background-size: 18px !important;
    margin-left: 0px;
}

#contentContainer label.css-label.star-empty,
.star-empty {
    background-image: url(images/star.svg) !important;
}

#contentContainer input[type=checkbox].css-checkbox:checked + label.css-label.star-filled,
#contentContainer label.css-label.star-filled,
.star-filled {
    background-image: url(images/star-filled.svg) !important;
}



.xx-form-field:hover .xx-form-field-noeditor{
    background-image: url(images/lock.svg) !important;
    background-repeat: no-repeat;
    background-position: -1px 8px;
    background-size: 14px !important;
    cursor: default;
    opacity: 0.2;
    height: 30px;
}

.x-details-panel .x-htoolbar-preview-button{
    display: none;
}
.x-details-panel .x-htoolbar-invoice-tab{
    display: table-cell;
}

.x-details-panel .x-panel-header .x-panel-header-text{
    color: var(--color-gray-80);
}

.x-sticked-details-tab .x-panel-tbar{
    left: 180px;
    top: -33px;
}

.x-details-panel .x-grid3-viewport {
    box-shadow: none;
    border-radius: 8px;
}
.x-simple-style.x-split-details.x-epic-style .x-grid3-header{
    border-radius: 8px 8px 0px 0px;
}

.x-split-details-panel-right{
    background-color: white;
}

.x-split-details-panel-left .x-sticked-details-tab{
    width: calc(100% - 18px) !important;
}

.x-split-details-panel-left .x-sticked-details-tab .x-grid-panel{
    width: 100% !important;
}

.x-simpleLook.x-split-details #contentContainer .x-new-details-ct .x-split-details-panel .x-tab-panel-header,
.x-simpleLook.x-split-details .x-new-details-ct .x-split-details-panel > div{
    border: 0px !important;
}

.x-simple-style.x-split-details .x-new-details-ct .x-new-details {
    padding: 0px;
    padding-left: 8px;
    margin: 0px;
    margin-top: 5px;
    border: 0px solid #e6e8eb;
    background-color: white;
}

.x-simple-style.x-split-details .x-new-details-ct .x-new-details.details-tab-panel  {
    padding-left: 8px;
}

.x-simple-style.x-split-details .x-new-details-ct .x-new-details.details-tab-panel  .x-sticked-details-tab{
    margin-left: -4px;
}

.x-epic-style #contentContainer .details-tab-panel{
    background-color: white !important;
    border-radius: 0px;
}


.x-epic-style #contentContainer .details-tab-panel{
    margin-top: 16px;
}
.x-simple-style #contentContainer #organizationadmin .details-tab-panel,
.x-simple-style #contentContainer #action .details-tab-panel,
.x-simple-style #contentContainer #workflow .details-tab-panel{
    margin-top: 0px;
}
.x-simple-style #contentContainer #action .x-toolbar,
.x-simple-style #contentContainer #workflow .x-toolbar{
    padding-bottom: 0px;
}

.x-report-combo-label{
    margin-left: 8px !important;
}

.x-epic-style #contentContainer .x-split-details-panel-right .details-tab-panel{
    margin-top: 0px;
}

.x-split-details-panel-left{
    padding-bottom: 16px;
}

.x-simpleLook.x-split-details:not(.x-helix) #contentContainer .x-details-panel .x-htoolbar.x-toolbar{
    height: auto !important;
    min-height: 56px !important;
    padding-bottom: 0px;
}

.x-simpleLook.x-split-details:not(.x-helix) #contentContainer .x-details-panel  .x-htoolbar.x-toolbar .x-toolbar-ct{
    border-bottom: none !important;
}
.x-simpleLook.x-split-details:not(.x-helix) #contentContainer .x-details-panel  .x-htoolbar.x-toolbar {
    border-bottom: 1px solid var(--color-gray-10) !important;
}

.x-simple-style.x-hs-test #mainContainer ul.x-tab-strip-top.x-tab-strip span.x-tab-strip-text,
.x-simple-style.x-hs-test .x-window ul.x-tab-strip-top.x-tab-strip span.x-tab-strip-text{
    text-transform: uppercase;
    font-weight: 500;
    color: var(--color-gray-60);
    font-size: 12px;
    letter-spacing: 0.3px;
}
.x-simple-style.x-hs-test #mainContainer ul.x-tab-strip-top.x-tab-strip li.x-tab-strip-active  span.x-tab-strip-text,
.x-simple-style.x-epic-style .x-window ul.x-tab-strip li.x-tab-strip-active span.x-tab-strip-text {
    color: var(--color-gray-80);
    text-shadow: none;
}

ul.x-tab-strip-top.x-tab-strip span.x-tab-strip-text span.x-tab-counter{
    font-size: 12px;
}

.x-details-panel .x-grid-panel.header-bottom .x-panel-tbar{
    position: absolute;
    bottom: 0px;
}
.x-details-panel .x-grid-panel{
    position: relative;
}

.x-details-panel  .timeline-view,
.x-details-panel .x-grid-panel .x-panel-bwrap{
    margin: 8px;
    margin-top: 10px;
    box-shadow: 0px 1px 8px 0px #00000020;
    border-radius: 8px;
}

.x-window .x-details-panel .x-grid-panel .x-panel-bwrap{
    margin: 0px;
    box-shadow: none;
    border-radius: 8px;
}

.object-create-tab-panel .x-panel-body{
    margin: 0px;
}

.x-details-panel .x-grid-panel.header-bottom .x-panel-bwrap{
    padding-bottom: 30px;
}

.x-details-panel .x-toolbar td.x-toolbar-left{
    padding-top: 0px;
}

.x-sticked-details-tab {
    width: calc(100% - 2px) !important;
}

.x-simple-style #contentContainer .x-details-panel .details-tab-panel .x-toolbar{
    padding-top: 0px;
}

.x-details-panel .x-grid-panel .x-panel-tbar{

}

.x-details-panel .x-details-tab-with.x-panel-bwrap {
    padding-bottom: 0px;
}

.x-details-panel .x-grid-panel .x-panel-bwrap .x-panel-body{
    width: 100% !important;
}

.x-details-panel .x-tab-panel-body{
    background-color: white;
}
.x-simpleLook.x-split-details .x-new-details-ct .x-split-details-panel > div{
    margin-left: 0px;
}
.ext-strict #contentContainer .x-details-panel .x-timeline-filter .x-form-text{
    height: 28px !important;
    font-size: 13px !important;
}

.x-simpleLook.x-split-details #contentContainer .x-new-details-ct .x-split-details-panel.x-split-details-panel-left > div{
    margin-left: 8px !important;
    margin-right: 0px !important;
}

.x-portlet-configuration-panel .x-panel-body{
    margin-left: 8px;
    margin-right: 6px;
}



#dashboard .x-portlet-configuration-panel .x-btn span{
    color: var(--color-gray-80) !important;
    font-size: 13px;
}

#dashboard .x-portlet-configuration-panel .x-btn{
    border-radius: 30px !important;
}
#dashboard .x-portlet-configuration-panel .x-btn.x-btn-ok{
    background-color: var(--color-blue) !important;
}
#dashboard .x-portlet-configuration-panel .x-btn.x-btn-ok:hover{
    background-color: var(--color-blue-darken-20) !important;
}
#dashboard .x-portlet-configuration-panel .x-btn.x-btn-ok span{
    color: var(--color-white) !important;
}

.x-simple-style #contentContainer #dashboard .x-timeline-history-panel .x-form-field-wrap,
.x-timeline-filter .x-form-field-trigger-wrap{
    border: 1px solid var(--color-gray-10);
    border-radius: 8px;
}

.timeline-type-title{
    background-color: var(--color-blue-light);
    border: 1px solid white;
    border-radius: 8px 8px 0px 0px;
}
.timeline-type-title div{
    background-color: transparent;
    color: var(--color-gray-80);
    text-align: left;
    margin-left: 13px;
    background-position: left center;
    padding-left: 25px;
}
.timeline-type-title.timeline-planned div{
    background-image: url(images/content/planned.svg);
}
.timeline-type-title.timeline-done div{
    background-image: url(images/content/done.svg);
}
.x-epic-style .x-details-panel .comment-item{
    padding-left: 0px;
    border-radius: 8px;
}

.x-btn-icon .x-btn-small .x-btn-text.gus-icon-16,
.x-btn-icon .x-btn-small .x-btn-text.copyToInvoiceButton {
    background-image: url(images/content/update.svg) !important;
    background-position: center !important;
    opacity: 0.3;
    top: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 15px !important;
}

.x-btn-icon .x-btn-small .x-btn-text.copyToInvoiceButton {
    background-image: url(images/content/update.svg) !important;
}

.x-btn-icon .x-btn-small .x-btn-text.gus-icon-16 {
    background-image: url(images/content/download.svg) !important;
}

.x-simple-style ul.x-tab-strip li{
    margin-top: 3px;
}

.x-epic-style .x-details-panel.x-hide-details-name .x-details-name {
    display: none;
}

.x-sticked-details-tab{
    border: none;
}

.x-timeline-filter img {
    right: 0px;
    background-position: 0px 7px !important;
}
.x-timeline-filter img.quickAddIcon {
    position: absolute;
    background-image: url(images/content/close-black.svg);
    right: 16px;
    transform: none !important;
    opacity: 0.7;
}
.x-timeline-filter img.quickAddIcon:hover {
    opacity: 1;
}

.show-edit-in-window,
.xx-form-field:hover .xx-form-field-windoweditor,
.xx-form-field .xx-form-field-windoweditor:hover,
.comment-item:hover .xx-form-field-windoweditor,
.comment-item .xx-form-field-windoweditor:hover{
    background-image: url(images/content/edit-window.svg) !important;
    background-position: 1px 1px !important;
    top: 1px;
    opacity: 0.3;
}
.show-edit-in-window:hover,
.xx-form-field .xx-form-field-windoweditor:hover,
.comment-item .xx-form-field-windoweditor:hover{
    opacity: 1;
    background-position: 1px 1px !important;
}

.x-colored-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}
.x-value-with-dot div{
    display: inline-block;
}

.x-formfield-editing .required-field-button,
.x-formfield-editing .x-formfield-hide-button{
    background-image: url(images/eye-off.svg);
    background-position: 0px 0px;
    background-size: 16px;
    opacity: 0.7;
    border-radius: 4px;
}
.x-formfield-editing .x-formfield-hidden .x-formfield-hide-button{
    background-image: url(images/eye.svg);
    background-position: 0px 0px;
    opacity: 0.7;
}

.x-formfield-editing .required-field-button {
    background-image: url(images/asterisk.svg);
}
.x-formfield-editing .required-field-button.x-item-disabled {
    display: none;
}

.x-formfield-editing .required-field-button:hover,
.x-formfield-editing .x-formfield-hide-button:hover{
    opacity: 1;
}

.x-formfield-editing .x-formfield-hidden:not(.x-hide-display){
    opacity: 1;
    display: block !important;
}

.x-formfield-editing .x-formfield-hidden:not(.x-hide-display) .x-form-element{
    opacity: 0.2;
}
.x-formfield-editing .x-formfield-hidden:not(.x-hide-display) label{
    opacity: 0.4;
}
.x-formfield-editing  img.x-form-trigger{
    background-image: none !important;
}

.x-tab-more-button {
    background-image: url(images/more.svg);
    background-position: 4px 4px !important;
    background-size: 12px;
    opacity: 0.3;
}
.x-epic-style .x-tab-more-button:hover {
    opacity: 0.6;
}

.x-btn-icon .x-btn-small .x-btn-text.x-pin{
    background-image: url(images/menu/pin.svg);
    background-position: center;
    filter: brightness(0);
}

.x-tool-pin{
    background-image: url(images/menu/unpin.svg);
    background-position: center;
    filter: brightness(0);
}
.x-tool.x-tool-unpin{
    background-image: url(images/content/close-black.svg);
    background-position: center;
}

.xx-form-field.showPencilIcon .xx-form-field-editor{
    background-image: url(images/content/edit-black.svg);
}

.x-window .x-window-bl table.x-btn button.icon-attachment{
    background-image: url(images/attachment.svg);
    background-position: center !important;
    background-size: 18px !important;
    opacity: 0.6;
}

.x-avant .x-window.x-object-create .x-html-editor-wrap .x-btn{
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid transparent !important;
    border-radius: 8px;
    margin-right: 1px;
}
.x-avant .x-window.x-object-create .x-html-editor-wrap .x-btn:hover{
    background-color: transparent !important;
    filter: brightness(0) saturate(100%) invert(32%) sepia(84%) saturate(950%) hue-rotate(203deg) brightness(80%) contrast(92%);
    border-color: var(--color-blue-light-hover-transparent) !important;
}
.details-tab-panel .x-btn:hover{
    filter: none !important;
}
.details-tab-panel .x-btn:hover{
    background-color: transparent !important;
    border-color: var(--color-blue-40) !important;
}
.details-tab-panel .x-btn:hover button{
    filter: brightness(0) saturate(100%) invert(32%) sepia(84%) saturate(950%) hue-rotate(203deg) brightness(80%) contrast(92%);
}

.details-tab-panel .x-licences-panel  .x-btn {
    border-radius: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.details-tab-panel .x-licences-panel .x-btn button{
    filter: none;
    padding-left: 12px;
    padding-right: 12px;
}

.x-html-editor-wrap .x-html-editor-tb .x-btn-text,
.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-text{
    background-position: center !important;
    background-size: 16px !important;
    width: 22px;
    opacity: 1;
}

.x-html-editor-tb .x-edit-bold{
    background-image: url(images/html/bold.svg);
}
.x-html-editor-tb .x-edit-italic{
    background-image: url(images/html/italic.svg);
}
.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-edit-underline{
    background-image: url(images/html/underline.svg);
}
.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-edit-increasefontsize{
    background-image: url(images/html/a-arrow-up.svg);
    background-position: left center !important;
    background-size: 22px !important;
}
.x-html-editor-tb .x-edit-decreasefontsize{
    background-image: url(images/html/a-arrow-down.svg);
}
.x-html-editor-tb .x-edit-forecolor{
    background-image: url(images/html/baseline.svg);
}
.x-html-editor-tb .x-edit-backcolor{
    background-image: url(images/html/paint-bucket.svg);
}
.x-html-editor-tb .x-edit-justifyright{
    background-image: url(images/html/text-align-end.svg);
}
.x-html-editor-tb .x-edit-justifyleft{
    background-image: url(images/html/text-align-start.svg);
}
.x-html-editor-tb .x-edit-justifycenter{
    background-image: url(images/html/text-align-justify.svg);
}
.x-html-editor-tb .x-edit-createlink{
    background-image: url(images/html/link.svg);
}
.x-html-editor-tb .x-edit-insertImage{
    background-image: url(images/html/image.svg);
}
.x-html-editor-tb .x-edit-insertorderedlist{
    background-image: url(images/html/list-ordered.svg);
}
.x-html-editor-tb .x-edit-insertunorderedlist{
    background-image: url(images/html/list.svg);
}
.x-html-editor-tb .x-edit-sourceedit{
    background-image: url(images/html/code-xml.svg);
}
.x-html-editor-tb .x-edit-formatingButton{
    background-image: url(images/html/form.svg);
}
.x-html-editor-tb .x-edit-variablesButton{
    background-image: url(images/html/file-plus-corner.svg);
}
.x-html-editor-tb .x-edit-textFragmentButton{
    background-image: url(images/html/textfragment.svg);
}

.x-window #reminderCreateQuickSelection .x-btn,
.x-avant .x-window .x-window-bbar .x-btn,
.x-avant .x-window.x-object-create:not(.org-settings-window) .x-btn,
.x-avant .transaction-entry-grid-row-add-button-under-last-row,
.x-avant .x-window .org-settings-script-column-wrap .x-btn,
.x-avant #integrations .x-tab-panel-body .x-btn,
.x-avant .x-window .x-panel-btns .x-btn{
    border-radius: 30px;
}

.x-avant .x-window.x-object-create.x-filter-window .x-btn {
    padding-left: 10px;
}

#organization-settings-panel .x-toolbar .x-btn{
    height: 30px;
    padding-left: 7px;
    padding-right: 7px;
}

#invoicePatternPanel__addNewInvoice,
#offerPatternPanel__addNewInvoice,
#orderPatternPanel__addNewInvoice,
#agreementPatternPanel__addNewInvoice,
#salesOpportunityPatternPanel__addNewInvoice,
#storageDocPatternPanel__addNewInvoice{
    background-image: url(images/add-black.svg);
    opacity: 0.7;
}

.x-window-bc .x-toolbar-layout-ct .x-btn {
    background-color: var(--color-gray-05) !important;
    border: 1px solid var(--color-gray-05);
}
.x-window .x-window-bbar .x-btn-split button, .x-window .x-panel-btns .x-btn-split button {
    background-color: var(--color-gray-05) ;
    cursor: pointer;
}

.x-window .x-toolbar-layout-ct .x-btn:hover,
.x-window #org-settings-actions-tab-panel .x-toolbar-layout-ct .x-btn:hover,
.x-window .x-grid3-body .x-btn:hover,
.transaction-entry-grid .x-grid3-body .x-btn:hover{
    background-color: var(--color-gray-10) !important;
    cursor: pointer;
}

.x-window .x-window-bbar .x-btn-split button:hover,
.x-window .x-panel-btns .x-btn-split button:hover {
    background-color: var(--color-gray-10);
    cursor: pointer;
}

.x-html-editor-wrap .x-toolbar .x-btn {
    padding: 5px;
}

.x-simple-style .x-window .x-grid3-body .x-btn,
.x-simple-style .x-window .transaction-entry-grid .x-grid3-body .x-btn {
    background-color: var(--color-blue) !important;
    border: 1px solid transparent;
    color: white;
    margin-top: 6px !important;
}

.x-simple-style .x-window .x-grid3-body .x-btn button{
    color: white;
    background-image: url(images/add-white.svg) !important;
}

.ext-strict .x-simple-style.x-hs-test .x-window.object-create-window.document-create-window:not(.x-filter-window) .x-window-bwrap .transaction-create-grid-panel .x-form-text:not(.combo-in-fieldset):not(.editorGridField){
    height: 30px !important;
    font-size: 13px !important;
}
.x-simple-style.x-hs-test .x-window:not(.x-filter-window) .transaction-create-grid-panel .x-form-field-wrap .x-form-trigger {
    height: 31px !important;
    background-position: -2px 8px;
}

.x-simple-style.x-hs-test .x-window:not(.x-filter-window) .transaction-create-grid-panel .x-form-field-wrap .x-form-trigger.x-form-spinner-trigger{
    background-position: 1px -2px !important;
}
.x-simple-style.x-hs-test .x-window:not(.x-filter-window) .transaction-create-grid-panel .x-toolbar-left .x-form-field-wrap .x-form-trigger.x-form-spinner-trigger{
    background-position: 1px -4px !important;
}

.transaction-create-grid-panel .x-form-field-wrap .x-form-spinner-splitter.x-global-discount {
    top: 16px !important;
}

.x-simple-style.x-hs-test .x-window .x-form-item .x-form-spinner-splitter{
    top: 20px !important;
}

.x-form-file-wrap, .x-form-file-wrap .x-form-file{
    height: 40px;
}

#userSettingsWindow.x-window:not(.x-filter-window) .x-form-item,
#userSettingsWindow .x-column-layout-ct{
    margin-top: 0px !important;
}

#userSettingsWindow .x-fieldset-header-text,
#userSettingsWindow label,
#userSettingsWindow .x-form-item-label {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}
#userSettingsWindow .x-fieldset-header-text{
    font-weight: 600 !important;
}

#userSettingsWindow .aligned-field-container label.x-form-item-label{
    width: 260px !important;
}
#userSettingsWindow .aligned-field-container div.x-form-element{
    padding-left: 275px !important;
}

.x-marketingAgreements .fieldLabelInfo{
    background-image: none !important;
}

.timeline-type-loadmore a{
    border-radius: 20px;
    background-color: white;
    border: 1px solid var(--color-gray-10);
    text-decoration: none;
}

.timeline-type-loadmore a:hover{
    background-color: var(--color-blue-light);
    border: 1px solid var(--color-blue-40);
    color: var(--color-blue-80);
}

.x-panel-body #newLicence.x-btn,
.x-panel-body #renewLicence.x-btn,
.x-panel-body #addUsersLicence.x-btn,
#licences .licence-card-related-info .x-panel-body .licence-panel-call-to-action-green-button.x-btn,
#contentContainer .clientPanelInfo .x-panel-body .x-btn,
#organizationadmin .x-panel-body .x-btn.x-btn-pay,
#licences .x-panel-body .x-btn.x-btn-pay,
#P24FormContainer .x-btn.x-btn-pay {
    background-color: var(--color-blue) !important;
    border: var(--color-blue);
    border-radius: 20px;
    padding-left: 8px;
    padding-right: 8px;
}

.x-panel-body #newLicence.x-btn:hover,
.x-panel-body #renewLicence.x-btn:hover,
.x-panel-body #addUsersLicence.x-btn:hover,
#licences .licence-card-related-info .x-panel-body .licence-panel-call-to-action-green-button.x-btn:hover,
#contentContainer .clientPanelInfo .x-panel-body .x-btn:hover,
#organizationadmin .x-panel-body .x-btn.x-btn-pay:hover,
#licences .x-panel-body .x-btn.x-btn-pay:hover,
#P24FormContainer .x-btn.x-btn-pay:hover {
    background-color: var(--color-blue-darken-20) !important;
    border: var(--color-blue-darken-20);
}

#organization-settings-panel .x-form-item-label {
    font-size: 14px !important;
    line-height: 2 !important;
}

.x-new-style #contentContainer .x-left-filter-tigger{
    background-image: url(images/filter.svg);
}

.x-new-style #contentContainer .x-left-filter-tigger-ct table{
    margin-right: 8px !important;
    margin-left: 0px !important;
}

.x-calendar-filter-panel .x-panel-header .x-panel-header-text{
    color: var(--color-gray-80) !important;
}

.x-calendar-filter-panel .x-panel-body{
    margin: 0px;
}
.x-filter-window .x-panel-tbar.calendarfilterTbar,
.x-filter-window .x-panel-tbar.calendarfilterTbar .x-toolbar{
    width: 225px !important;
}

.x-epic-style .x-calendar-filter-window.x-window.x-filter-window.left-filter-window,
.x-calendar-filter-window.x-window.x-filter-window .x-window-body{
    width: 225px !important;
    border-radius: 0px !important;
}

.x-avant .x-calendar-telist,
.x-simple-style .ext-cal-evr,
.x-simple-style .ext-cal-evi {
    border-radius: 6px;
}

.x-calendar-telist {
    line-height: 18px;
}

.x-calendar-filter-window.x-filter-window .x-panel-tbar{
    padding-left: 0px;
}
.x-avant .x-calendar-filter-window.x-window.x-object-create.x-filter-window .calendarfilterTbar .x-btn{
    padding-left: 6px;
}

.fix-description-edit .x-shown-editor iframe {
    height: calc(100% - 54px) !important;
}

.x-window .x-window-bbar .x-btn.x-btn-icon .x-btn-icon-small-left button,
.x-window .x-panel-btns .x-btn.x-btn-icon .x-btn-icon-small-left button{
    background-position: center !important;
    background-size: 18px !important;
}

.customer-ai-summary-space-between{
    background-color: white;
}
.customer-ai-summary {
    padding: 10px 0px 10px 15px;
}

.x-new-style.x-hs-test .x-window .x-window-bbar .x-toolbar-right-row .x-btn span,
.x-new-style.x-hs-test .x-window .x-panel-footer .x-toolbar-right-row .x-btn span,
.x-new-style.x-hs-test .x-window .x-window-footer .x-toolbar-right-row .x-btn span {
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
    margin-right: 10px;
}

.x-new-style.x-hs-test .x-window .x-window-footer .x-toolbar-right-row .x-btn.x-split-button span{
    margin-right: 0px;
}

.x-new-style.x-hs-test .x-window .x-window-bbar .x-toolbar-right-row .x-btn,
.x-new-style.x-hs-test .x-window .x-panel-footer .x-toolbar-right-row .x-btn,
.x-new-style.x-hs-test .x-window .x-window-footer .x-toolbar-right-row .x-btn,
.x-window .x-panel-btns .x-btn-mc em.x-btn-split:after,
.x-new-style .x-window.object-create-window .x-window-footer button{
    height: 40px !important;
}
.x-avant .x-window .x-window-bbar .x-btn-split button, .x-avant .x-window .x-panel-btns .x-btn-split button {
    border-radius: 30px 0 0 30px;
}

.x-window .x-btn span, #actionTypeSelectWindow .action-types-form .x-btn.action-type-button span {
    font-size: 13px;
}
.x-window .x-btn, #integrations .x-tab-panel-body .x-btn {
    background-color: var(--color-gray-05) !important;
    border: 1px solid var(--color-gray-10);
}
.x-window .x-btn:hover, #integrations .x-tab-panel-body .x-btn:hover {
    background-color: var(--color-blue-light) !important;
    border: 1px solid var(--color-blue-40);
    color: var(--color-blue-60) !important;
}

#mailCreateWindow .ai-generate-mail-form-field{
    min-height: 33px !important;
    padding-top: 8px !important;
    padding-left: 8px !important;
}
#mailCreateWindow .ai-generate-mail-button {
    background-color: var(--color-gray-fields) !important;
    border: 1px solid var(--color-gray-20);
    border-radius: 8px;
    height: 43px;
    margin-top: 11px;
}
#mailCreateWindow .ai-generate-mail-button button{
    background-image: url(images/content/ai.svg);
    padding-left: 22px;
    background-position: 0px 0px !important;
    color: var(--color-gray-80) !important;
}
#mailCreateWindow .ai-generate-mail-button:hover{
    background-color: var(--color-gray-fields) !important;
    border: 1px solid var(--color-blue-40);
}
#mailCreateWindow .ai-generate-mail-button:hover button{
    filter: brightness(0) saturate(100%) invert(32%) sepia(84%) saturate(950%) hue-rotate(203deg) brightness(80%) contrast(92%);
}

.category-btn .x-btn-icon-small-left .x-btn-text{
    background-image: none;
    padding-left: 0px;
    margin-top: 0px;
}
.category-btn .x-btn-icon-small-left .x-btn-text span{
    font-size: 12px !important;
}
.x-window #categories-box .x-btn.category-btn{
    border-radius: 8px !important;
    margin-right: 3px !important;
    background-color: var(--color-gray-light) !important;
    margin-bottom: 5px !important;
}

#organization-settings-panel .x-tab-strip span.x-tab-strip-text {
    line-height: 23px;
}


.x-kanban .x-panel-body{
    padding-left: 8px;
    padding-right: 8px;
}

.kanban-item{
    border-radius: 8px;
    border: 1px solid var(--color-gray-10);
    box-shadow: none;
    padding: 8px;
}
.kanban-item-wrapper {
    position: relative;
    padding: 5px 5px 0px 2px;
}

.kanban-bottom-text {
    font-weight: 400;
    color: var(--color-gray-80);
}
.kanban-item a{
    color: var(--color-gray-80);
    line-height: 1.6;
    margin-left: 5px;
}
.with-customer a{
    color: var(--color-gray-60);
}

.kanban-item .phone-calls-icon,
.kanban-item .mails-icon {
    opacity: 0.5;
    background-size: 14px;
    background-position: center !important;
}
.kanban-item .phone-calls-icon:hover,
.kanban-item .mails-icon:hover {
    opacity: 1;
}
.x-simple-style .kanban-item .icon-add{
    background-image: none !important
}
.kanban-item-salesopportunity .kanban-bottom-text .current-task button{
    background-image: url(images/content/add_task.svg) !important;
    background-position: center !important;
    background-size: 24px;
    background-color: transparent;
    opacity: 0.7;
}
.kanban-item-salesopportunity .kanban-bottom-text .current-task button:hover{
    background-color: transparent;
    opacity: 0.9;
}

.kanban-column .kanban-item:hover {
    background-color: white;
}

.kanban-footer-header{
    border-radius: 8px;
}
.kanban-footer-header div{
    font-weight: 600;
}

#salesopportunity .kanban-salesopportunitydetails .kanban-header:after,
.x-kanban .kanban-header:after{
    background-image: url(images/content/kanban-arrow.svg) !important;
    background-repeat: no-repeat;
    margin-right: -30px;
    top: 1px;
}

#salesopportunity .kanban-salesopportunitydetails .kanban-header:after{
    margin-right: -1px;
}

.kanban-header-stage-not-completed {
    background-color: var(--color-blue-light-hover) !important;
}
.kanban-header-stage-not-completed:hover {
    background-color: color-mix(in srgb, var(--color-blue-light-hover) 99%, black 1%) !important;
}

.kanban-header {
    background-color: var(--color-blue);
    color: white;
}

.kanban-status-name{
    font-weight: 600;
}

.kanban-footer-header {
    border: 1px solid var(--color-green-light) !important;
    background-color: var(--color-green-light)  !important;
}

.kanban-footer-header-lost {
    border: 1px solid var(--color-red) !important;
    background-color: var(--color-red)  !important;
}
.x-simpleLook.x-split-details .x-split-details-panel.upperfields-salesopportunitydetails .x-form-item{
    margin: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.x-simpleLook.x-split-details .x-split-details-panel.upperfields-salesopportunitydetails > div{
    margin: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.x-new-style #contentContainer .x-details-panel .x-toolbar.kanban-salesopportunitydetails {
    margin-top: -3px;
}

.x-split-details-ct #salesopportunity .x-panel-body .xx-form-field .xx-form-field-editor.calendar-icon-editor-class{
    background-image: url(images/content/calendar-black.svg) !important;
}


div.x-automatic .xx-form-field-noeditor,
.xg3c:hover div.x-automatic .xg3cnb {
    background-image: url(images/calculator.svg) !important;
    background-position: 0px 8px !important;
    height: 30px;
}

.fix-description-edit .x-panel-bwrap{
    padding-left: 8px;
    box-sizing: border-box;
}
.comment-panel .x-panel-bwrap,
#createcommentwindow .x-panel-bwrap{
    margin-left: 5px;
    overflow: visible;
}
#createcommentwindow .fix-description-edit .x-panel-bwrap{
    padding-left: 0px;
}
.content-editable-comment-editor{
    margin-left: 3px;
    box-sizing: border-box;
    font-size: 14px;
}
.x-simple-style .comment-panel .x-form-cb-label {
    font-size: 12px;
}

.x-html-editor-wrap {
    margin-left: 0px;
}

.x-html-editor-wrap .toogleToolbarButton{
    right: 6px;
    bottom: 14px;
    background-image: url(images/html/bold.svg);
}

.toogleToolbarButton.scrollVertical{
    right: 12px;
}

.x-epic-style #fn\.common\.columnwindow .x-window-bl {
    padding: 0px;
}

#organization-settings-panel #organizationSettings\.ksefForm .x-form-element {
    padding-left: 0px !important;
    display: grid;
}

.x-day-title-element .day-title-and-number-wrapper p.day-number.today{
    background-color: var(--color-blue);
}

.x-select-te-type .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    padding-left: 0px;
    background-image: none;
}
.x-select-te-type{
    border-radius: 8px;
}

.x-select-te-type.x-menu-floating div.panel-simple-frame{
    border: 0px !important;
}
.x-select-te-type .x-menu-list,
.x-select-te-type .x-menu-list-item{
    border: 0px !important;
}

.x-select-te-type .x-btn{
    padding-top: 1px;
    padding-bottom: 5px;
}

.x-window .panel-simple-frame {
    padding-right: 1px !important;
}
#conversationpanel .toolbar-tool, .chat-conversation-window .toolbar-tool{
    border: none !important;
    width: 28px;
    height: 28px;
    margin: 0px !important;
    margin-top: 2px !important;
    border-radius: 20px;
}

.ext-el-mask-msg div {
    font-size: 14px;
    border-radius: 30px;
    background-color: var(--color-blue-light);
    border-color: var(--color-blue-40);
}

.x-window .x-mask-loading div {
    background-image: url(images/loading.svg);
    background-position: 7px center;
    line-height: 20px;
    padding: 5px 10px 5px 30px;
}

.ksef-status-banner-yellow{
    background-image: url(images/loading.svg);
    background-position: 7px center;
    padding-left: 30px;
}

.x-simple-style #organization-settings-panel .x-form-item-label,
.x-simple-style #organization-settings-panel .x-form-cb-label,
.x-simple-style #organization-settings-panel .x-form-display-field,
.x-simple-style #organization-settings-panel label,
.x-simple-style #organization-settings-panel #przelewy24Panel div,
.x-simple-style #organization-settings-panel #baselinkerForm div {
    font-weight: 400;
}

.x-simple-style #organization-settings-panel .x-form-check-wrap label{
    margin-left: 6px;
}

#organization-settings-panel .x-fieldset.x-fieldset-no-border.x-fieldset legend .x-tool-toggle{
    margin-left: 0px;
}

.x-epic-style .ksef-status-banner-refresh-button.x-btn button{
    padding-left: 10px;
    padding-right: 10px;
}

.x-licences-panel .x-btn .x-btn-text {
    font-size: 13px;
}
#licences,
#licences .licence-row,
#licences .x-panel-mc,
#licences .licence-list-text{
    font-size: 14px;
}

.floating-filter-menu{
    z-index: 150001 !important;
}

.credit-card-edit {
    background-image: url(images/settings.svg) !important;
}
.licence-card-related-info .x-btn-text-icon .x-btn-icon-small-left .x-btn-text.icon-delete {
    background-position: 1px 0px !important;
}
.licence-card-related-info .licence-list-text {
    margin-top: 12px !important;
}

.customer-ai-summary-markdown{
    background-color: var(--color-blue-light);
}

.customer-ai-summary-markdown-background-color{
    background-color:  color-mix(in srgb, transparent 80%, var(--color-red-light) 20%) !important;
}
.customer-ai-summary-status{
    padding-left: 8px;
    padding-right: 8px;
}

#priceGroupGrid{
    margin-top: 15px;
}

#productCreateWindow #priceGroupGrid .x-grid3-scroller{
    height: auto !important;
}

.x-mail-attachment-label{
    border-radius: 8px;
    background-color: var(--color-blue-light);
}

.x-form-field-cc,
.x-form-field-bcc{
    right: 10px;
}
.x-form-field-cc {
    right: 45px;
}