:root {
    --main-dark-color: #131436;
    --main-hover-color: #CCDDF266;
    --main-focus-color: #CCDDF266;
    --main-hover-opacity: 0.66;
    --main-warning-color: #F8ECD4;
}

@font-face {
    font-family: "system-ui";

}

html {
    font-size: 14px;
}

a {
    vertical-align: middle !important;
    display:contents;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}
.middle-align {
    vertical-align: middle !important;
    height: 100%; /* Ensure the parent container has a defined height */
    padding: 6px 12px;
}


.left-aligned {
    text-align: left;
}


.webix_view {
    background: transparent;
}
.webix_template {
    color: var(--main-dark-color);
}
.webix_header > div {
    padding-left: 0px;
}

.webix_win_title {
    margin-top: 8px !important;
    margin-left: 16px !important;
    padding-left: 0px !important;
}

.webMicrosoft Teamsix_column > div:nth-child(2n) {
    background-color: #ECEFF266;
}
.enmswarning {
    background: var(--main-warning-color) !important;
}
.enmshover {
    background: #CCDDF266;
}
a:hover {
    color: var(--main-dark-color);
}
.webix_menu.webix_view .webix_list_item:hover, .webix_menu.webix_view .webix_list_item:active {
    background-color: transparent !important;
}
.webix_spacer {
    margin-left: 0px !important;
}
.webix_dtable {
    border-width: 1px 1px 1px 1px !important;
    border-color: #BCC8CE;
}

.webix_column > div {
    border-right: 1px solid #BCC8CE !important;
    border-bottom: 0px solid #BCC8CE !important;
    border-color: #BCC8CE;
}
.webix_column > div:nth-child(2n).enmshover {
    background: #CCDDF266;
}

.webix_list_item.webix_selected:focus {
    background: var(--main-dark-color);
}
.webix_dataview_item.webix_selected:focus {
    background: var(--main-dark-color);
}

.webix_cell {
    text-overflow: ellipsis; /* Enables the ellipsis effect */
    white-space: nowrap; /* Keeps the text in a single line */
    overflow: hidden; /* Prevents the element from overflowing */
}

.enms-credits {
    font-family: monospace;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 26.4px;
}

.basic_style {
    background: #ffffff;
    border-color: #ff0000;
}
.credit_title {
    background: #BEBEBE;
}
.webix_window {
    background: #ffffff;
    box-shadow: 0px 0px 8px 2px var(--svgeneral-svpalette-shadow) !important;
    border-radius: 24px;
}

.enms-toolbar {
    box-shadow: 0px 0px 8px 2px var(--svgeneral-svpalette-shadow) !important;
    display:block;
}

.enms-datatable {
    background: #ffffff;
    border-radius: 6px;
}

.webix_el_select select, 
.webix_el_textarea textarea {
    border-radius: 6px;
}

.webix_el_richselect .webix_inp_static {
    border-radius: 6px;
}

.webix_el_search input, .webix_el_text input, .webix_el_combo input, .webix_el_colorpicker input, .webix_el_datepicker input {
    border-radius: 6px;
}

.webix_el_text .webix_inp_static {
    border-radius: 6px;
}

.webix_inp_textarea {
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
}
.webix_dtable .webix_ss_filter select, .webix_dtable .webix_ss_filter input {
    border-radius: 6px;
}
.wraphead {
    line-height: 15px !important;
    top: 10px !important;
}

.home_dataview .webix_dataview_item {
    margin: 0 0px 0 0px !important;
    padding: 12px 28px 12px 28px !important;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.home_dataview {
    padding: 0px 0px 0px 0px !important;
    margin: 0 16px 0 16px !important;
}

.commodities_dataview .webix_scroll_cont > div {
    margin-bottom: 8px;
}
    .commodities_dataview .webix_dataview_item {
    margin: 0px 4px 0px 4px !important;
    padding: 8px 2px 2px 8px !important;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
    .commodities_dataview .webix_dataview_item:hover {
        background: var(--main-hover-color);
        border-radius: 24px;
    }

.webix_dataview_item.webix_selected {
    color: #ffffff;
    background: transparent !important;
    border-radius: 24px;
    box-shadow: unset;
}

.commodities_dataview {
    padding: 0px 0px 0px 0px !important;
    margin: 0 0px 0 0px !important;
}

.enms-widget {
    background: #ffffff;
    border-radius: 24px;
    border-color: #BCC8CE;
}
    .enms-tree {
        margin: 12px;
    }

.enms-buttons {
    padding: 16px 16px 16px 16px !important;
    margin: 8px 8px 8px 8px !important;
}

.custom-image {
    height: 100%;
    width: 32px;
}
.comment-text {
    height: auto !important;
    vertical-align:middle !important;
}

.enms_error {
    background-color: transparent;
    display: flex;
    align-items: center;
}

    .enms_error > .webix_template {
        background-color: transparent;
        color: red;
    }


.enms_comment {
    background-color: #CCDDF2;
    padding: 8px, 8px, 8px, 8px;
    border-radius: 24px;
    margin-left: 8px;
    display: flex;
    align-items: center;
}
    .enms_comment:before {
        background-image: url("./icons/Information.svg") !important;
        background-repeat: no-repeat;
        background-size: contain;
        width: 32px;
        height: 32px;
        display: block;
    }
    .enms_comment > .webix_template {
        background-color: #CCDDF2;
        padding: 8px, 8px, 8px, 8px;
        border-radius: 24px;
        margin-right: 8px;
        margin-left:8px;
    }
        .enms_comment > .webix_template:before {
            background-image: url("./icons/Information.svg") !important;
            background-repeat: no-repeat;
            background-size: contain;
            width: 32px;
            height: 32px;
            display: block;
        }

.enms_warning {
    background-color: var(--main-warning-color);
    padding: 8px, 8px, 8px, 8px;
    border-radius: 24px;
    margin-left: 8px;
    display: flex;
    align-items: center;
}

    .enms_warning > .webix_template {
        background-color: var(--main-warning-color);
        padding: 8px, 8px, 8px, 8px;
        border-radius: 24px;
        margin-right: 8px;
        margin-left: 8px;
    }

.webix_calendar {
    background: #ffffff;
}

.webix_view.webix_control .webix_disabled_box input,
.webix_view.webix_control .webix_disabled_box select,
.webix_view.webix_control .webix_disabled_box textarea,
.webix_view.webix_control .webix_disabled_box .webix_inp_static,
.webix_view.webix_control .webix_disabled_box .webix_slider_right,
.webix_view.webix_control .webix_disabled_box .webix_slider_handle {
    color: #9297A3 !important;
    background: #ECEFF2 !important;
    border-color: #BCC8CE !important;
}

.webix_disabled_view .webix_disabled_top_label {
    color: #131436 !important;
}

.webix_column > div:nth-child(2n) {
    background-color: #F0F6FF;
}
.webix_hcell {
    background-color: #ECEFF2;
    border: 1px;
    border-color: #BCC8CE;
}
.webix_header_border {
    border: 1px;
    border-color: #BCC8CE;
}
.webix_data_border {
    border: 1px;
    border-color: #BCC8CE;
}

.webix_modal_box {
    border-radius: 24px;
    color: #303030;
    text-shadow: 0 1px 0 #FFFFFF;
    background-color: #ffffff;
}

.webix_alert .webix_popup_text {
    box-shadow: 0 1px 0 #FFFFFF !important;
}
.webix_popup_title {
    box-shadow: inset 0 0px #FFFFFF !important;
}
.webix_confirm .webix_popup_title {
    box-shadow: inset 0 0px #FFFFFF !important;
}
.webix_confirm-warning .webix_popup_text {
    box-shadow: inset 0 0px #FFFFFF !important;
}
.hide-checkbox .webix_table_checkbox {
    display: none;
}

.hide-editicon .webix_icon_btn.wxi-pencil {
    display: none;
}

input[type="checkbox"] {
    border: 1px solid gray;
    height: 16px;
    width: 16px;
}

input[type="checkbox"]:checked {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: transparent;
    height: 16px;
    width: 16px;
    border: 1px solid gray;
    color: green;
    border-radius: 3px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDpncmVlbjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg");
}

input[type="checkbox"]:checked:disabled {
    background: lightgray;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8 + CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDpncmF5O2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

.hide-drag .webix_drag_handle {
    display: none;
}

.hide-trash .delButton {
    display: none;
}

.enms-widget .table_data_view {
    border-radius: 6px;
    color: #303030;
    text-shadow: 0 1px 0 #FFFFFF;
    background-color: #ffffff;
    border: 1px;
    border-color: #BCC8CE;
}


.table_data_view {
    border-radius: 6px;
    color: #303030;
    text-shadow: 0 1px 0 #FFFFFF;
    background-color: #ffffff;
}
.text {
    /* SvFont-16 */
    font-family: 'system-ui';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--main-dark-color);
    text-decoration-line: none;
    display: inline-flex;
    white-space: nowrap;
}
.linkButton .webix_button {
    background-color: transparent;
    border: 0;
    border-radius: 24px;
    padding: 0px;
    vertical-align: middle !important;
    display: inline-flex;
    flex:content;
    align-items: center;
}
.webix_disabled_box .text {
    color: #9297A3 !important;
}

    .linkButton .webix_button:hover {
        background: var(--main-hover-color);
        opacity: var(--main-hover-opacity);
    }
    .linkButton .webix_button:focus {
        background: var(--main-hover-color);
        opacity: var(--main-hover-opacity);
    }
    .linkButton .webix_button .webix_selected {
        background: var(--main-hover-color);
        opacity: var(--main-hover-opacity);
    }


.linkButton .webix_icon {
    color: var(--main-dark-color) !important;

}

.linkButton .webix_icon::before {
    color: var(--main-dark-color) !important;
    vertical-align: middle !important;

}

.linkButton .webix_icon_btn {
    color: var(--main-dark-color) !important;
    vertical-align: middle !important;
}

.linkButton .webix_icon_btn::before {
    color: var(--main-dark-color) !important;
    vertical-align: middle !important;
}

.webix_progress_icon .webix_progress_state {
	color: #131436;
}

.webix_button {
    border-radius: 24px;
    font-family: 'system-ui';
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}

.enms .webix_button {
    border-radius: 24px;
    font-family: 'system-ui';
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}

.webix_icon_button:hover .webix_icon, .webix_icon_button:focus .webix_icon {
    color: #ffffff;
}

.blankBg {
    background-color: none !important;
}

    .blankBg .webix_button {
        background: none !important;
    }

            .selectedButton {
            background-color: var(--main-dark-color) !important;
            border-radius: 24px;
            /**
            border: 1px solid var(--main-dark-color) !important;
    border-color: var(--main-dark-color);
    border-radius: 24px;

    */
        }

.centeredIcon .webix_image {
    max-width: 100%; /* Adjust the size based on the container's width */
    max-height: 100%; /* Adjust the size based on the container's height */
    margin: auto; /* Center the image horizontally and vertically */
    display: block; /* Removes default inline styling of img */
}

.centeredIcon.webix_disabled_view .webix_img_btn {
    border: 0px solid red !important;
}

.tabsCalc .webix_el_tabbar {
    border-left: 0px !important;
    border-right: 0px !important;
}

.tabsCalc .webix_item_tab:not(.webix_selected):hover {
    color: white !important;
}



    .unSelectedButton {
        border: none !important;
        border-color: none !important;
    }

.linkButton.trends .webix_el_box {
    display: flex;
    align-items: center;
    white-space: nowrap; /* Prevents text from wrapping */
}

    .linkButton.trends .webix_el_box .webix_img_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: var(--main-dark-color);
    }

    .linkButton.trends .webix_el_box .webix_img_btn img {
        max-width: 100%;
        height: auto;
        margin-right: 5px;
    }

.webix_view.webix_control.trends .webix_disabled_box .webix_button {
    color: #9297A3 !important;
    background-color: #FFFFFF !important;
}

.webix_secondary.primaryButton .webix_el_box {
    padding: 0px 0px;
}

.primaryButton {
    padding: 0px 0px;
    color: #ffffff;
    height: 38px !important;
    border-width: 0px 0px 0px 0px !important;
}
    .primaryButton .webix_button {
        border-radius: 32px;
        padding: 0px 0px;
        height: 38px;
    }
        .primaryButton .webix_button:hover {
            border-color: #323965;
            background-color: #323965;
        }
    	.primaryButton .webix_button:active{
        	border-color: #323965;
        	background-color: #323965;
    	}
        .primaryButton .webix_button:focus {
            background: #323965;
            border: 4px solid #CCDDF2;
            border-radius: 32px;
        }
        .primaryButton .webix_button:active {
            border-color: #323965;
            background-color: #323965;
        }
    .webix_disabled_view .primaryButton  {
        color: #9297A3 !important;
        background-color: #ECEFF2 !important;
        border-color: #ECEFF2 !important;
    }
    .primaryButton .webix_disabled_box {
        color: #9297A3 !important;
        background-color: none !important;
        border-color: #ECEFF2 !important;
        padding: 0px 0px;
    }

.buttonLine {
    height: 44px !important;
}

.webix_secondary.webix_primary .webix_el_box {
    padding: 0px 0px;
}

.webix_secondary.secondaryButton .webix_el_box {
    padding: 0px 0px;
}
.secondaryButton {
    border-color: transparent;
    border-radius: 32px;
    vertical-align: bottom !important;
    text-align: center;
    padding: 0px 0px;
    height: 38px !important;
    margin-top: 0px !important;
}


    .secondaryButton .webix_button {
        font-family: 'system-ui';
        font-style: normal;
        font-size: 13px;
        text-align: center;
        vertical-align: middle;
        background-color: transparent;
        border-radius: 38px;
        height: 38px;
        color: var(--main-dark-color);
        border: 1px solid var(--main-dark-color);
    }
        .secondaryButton .webix_button:focus {
            background: #CCDDF2;
            border: 4px solid #EBEEFA !important;
        }
        .secondaryButton .webix_button:hover {
            background: #CCDDF2;
        }
        .secondaryButton .webix_button:active {
            background: #CCDDF2;
        }

.secondaryButton .webix_icon {
    color: var(--main-dark-color) !important;
}

.webix_secondary.webix_disabled_view .webix_el_box.webix_disabled_box {
    padding: 0px 0px;
}
    .webix_secondary:not(.trends).webix_disabled_view .webix_el_box.webix_disabled_box .webix_button {
        color: #9297A3 !important;
        border: 1px solid;
        border-color: #9297A3 !important;
        padding: 0px 0px;
        background: none;
    }


.terciaryButton {
    /* SvFont-16 */
    font-family: 'system-ui';
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    color: var(--main-dark-color) !important;
    background-color: transparent;
}

    .terciaryButton .webix_button {
        /* SvFont-16 */
        font-family: 'system-ui';
        font-style: normal;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        vertical-align: middle;
        color: var(--main-dark-color) !important;
        background-color: transparent !important;
        text-decoration-line: underline;
        border: 0;
        border-radius: 24px;
        padding: 3px 8px;
    }
        .terciaryButton .webix_button webix_img_btn {
            padding: 0px 0px;
        }
        .terciaryButton .webix_button:hover {
            background: var(--main-hover-color) !important;
            opacity: var(--main-hover-opacity);
        }

    .terciaryButton .webix_icon {
        color: var(--main-dark-color) !important;
    }

.formAddButton {
    /* SvFont-16 */
    font-family: 'system-ui';
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    color: var(--main-dark-color) !important;
    background-color: transparent;
}

    .formAddButton .webix_button {
        /* SvFont-16 */
        font-family: 'system-ui';
        font-style: normal;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        vertical-align: middle;
        color: var(--main-dark-color) !important;
        background-color: transparent;
        text-decoration-line: underline;
        border: 0;
        border-radius: 24px;
        padding: 4px 4px 4px 0px;red
    }
        .formAddButton .webix_button:hover {
            background: var(--main-hover-color);
            opacity: var(--main-hover-opacity);
        }

    .formAddButton .webix_icon {
        color: var(--main-dark-color) !important;
    }

.webix_secondary .webix_button .webix_icon_btn:not(.mdiButtonIcons) {
    color: var(--main-dark-color) !important;
}

.webix_icon_btn.wxi-trash-disabled {
    background-image: url("./icons/remove_grey.svg");
    background-size: 24px 24px;
    color: #94a1b3;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.webix_disabled_view.webix_control .webix_button .webix_icon_btn.wxi-trash {
    background-image: url("./icons/remove_grey.svg");
    color: #94a1b3 !important;
}
.webix_disabled_view.webix_control .webix_button .webix_icon_btn.wxi-trash:before {
    background-image: url("./icons/remove_grey.svg");
    color: #94a1b3 !important;
}

.formAddButton .webix_img_btn {
    background: transparent !important;
}


.labelText {
    vertical-align: middle;
}

    .mdiButton {
        vertical-align: top;
        margin-top: 8px;
        font-size: 16px;
    }

.webix_modal_box {
    box-shadow: 0px 0px 8px 2px var(--svgeneral-svpalette-shadow) !important;
    border: 0;
}

.deletePopup .webix_modal_box {
    box-shadow: 0px 0px 8px 2px var(--svgeneral-svpalette-shadow) !important;
}

.confirmPopup .webix_modal_box {
    box-shadow: 0px 0px 8px 2px var(--svgeneral-svpalette-shadow) !important;
}

.webix_confirm .webix_popup_text {
    box-shadow: 0px 0px 0px 0px var(--svgeneral-svpalette-shadow) !important;
}

.webix_popup_button {
    font-family: 'system-ui';
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    color: var(--main-dark-color) !important;
    background-color: transparent;
    border: 1px solid var(--main-dark-color) !important;
    border-color: var(--main-dark-color);
    border-radius: 24px;
    vertical-align: middle !important;
    padding: 4px 8px;
}

.webix_popup_button:hover {
    background-color: var(--main-hover-color);
}

.webix_popup_button:focus {
    background-color: var(--main-focus-color);
}

.webix_popup_button:active {
    background-color: var(--main-focus-color);
}

    .webix_popup_button.confirm {
        font-style: normal;
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
        text-shadow: none;
        vertical-align: middle;
        background: #131436;
        color: #ffffff !important;
    }
.deletePopup .webix_popup_button.confirm {
    background: red;
    border: 0 !important;
}

    .webix_popup_button.confirm:hover {
        background-color: var(--main-hover-color);
    }

    .webix_popup_button.confirm:focus {
        background-color: var(--main-focus-color);
    }

    .webix_popup_button.confirm:active {
        background-color: var(--main-focus-color);
    }

.mdiButtonIcons .webix_icon_btn {
    vertical-align: top;
    margin-top: 7px;
    color: white !important;
}

.enms .webix_layout_line {
    border-radius: 24px;
    background: #ffffff;
    background-image: linear-gradient(180deg, #F7FAFC 0%, #EAEDEF 100%);
}

.webix_el_segmented.enms {
    border-width: 1px 1px 1px 1px !important;
    border-radius: 24px;
    padding: 0px;
    box-shadow: 0px 0px 8px 2px var(--svgeneral-svpalette-shadow) !important;
}

.webix_full_screen {
    background-image: linear-gradient(180deg, #F7FAFC 0%, #EAEDEF 100%);
}

.webix_view .chart {
    border-radius: 24px;
}
.webix_view.custom_header {
    background: var(--main-dark-color);
}

.webix_view.cursor-pointer {
    cursor: pointer;
}

.webix_view.custom_box {
    border: 3px solid var(--main-dark-color);
    margin: 10px;
}
.webix_list_item {
    text-overflow: ellipsis; /* Enables the ellipsis effect */
    white-space: nowrap; /* Keeps the text in a single line */
    overflow: hidden; /* Prevents the element from overflowing */
}
.webix_menu-x .webix_list_item:first-child{
    border-right: none !important;
}

.webix_menu {
    background-color: #ffffff;
    color: var(--main-dark-color);
    border-radius: 24px;
    border: 1px;
    border-color: var(--main-dark-color);
}
.webix_menu_alt {
    background-color: var(--main-dark-color);
    color: #ffffff;
}

.webix_menu-x .webix_list_item {
    background-color: transparent;
}

.webix_list_item_menu_alt {
    background-color: var(--main-dark-color);
    color: #ffffff;
}

.wizard_title {
    /* SvFont-Semibold-24 */
    font-family: 'system-ui';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #0C131F;
}

.webix_list_item {
    /* SvFont-16 */
    font-family: 'system-ui';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    border-bottom: 0px;
    /* identical to box height */
    color: #585D67;
}
.enmsContext .webix_list_item {
    line-height: 28px;
}
.webix_menu.webix_view .webix_list_item.webix_selected {
    /* SvFont-Semibold-18 */
    font-family: 'system-ui';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    /* identical to box height */
    color: var(--main-dark-color);
    background: #ffffff;
}

.hamburger_menu {
    background: #000000 !important;
} 
.hamburger_menu .menu {
    background: #000000 !important;
}

div.webix_inp_static,
.webix_el_textarea textarea {
    border-color: #BCC8CE;
}

/******************** fix bad border *******************/

.webix_el_box input {
    width: 100% !important;
}

.webix_el_datepicker .webix_el_box {
    width: 100% !important;
}

.webix_el_datepicker .webix_el_box .webix_inp_static {
    width: 100% !important;
}

/******************** end fix bad border *******************/

.webix_button.webix_img_btn:hover {
    color: #ffffff;
}

.linkButton .webix_button.webix_img_btn:hover {
    color: var(--main-dark-color);
}

.webix_segment_0, .webix_segment_1, .webix_segment_N {
    border: 0px;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.enms div {
    border-radius: 24px;
}

.enms .webix_el_box {
    background-color: #ffffff;
    color: var(--main-dark-color);
    border-radius: 24px;
    padding: 0px 0px;
    margin: 0px -0px 0px -0px;
}

    .enms .webix_el_box > .webix_all_segments {
        background-color: #ffffff;
        color: var(--main-dark-color);
        border-radius: 24px;
        text-overflow: ellipsis; /* Enables the ellipsis effect */
        white-space: nowrap; /* Keeps the text in a single line */
        overflow: hidden; /* Prevents the element from overflowing */
        width: 100% !important;
        display: flex;
    }

        .enms .webix_el_box > .webix_all_segments > .webix_segment_0 {
            background-color: #ffffff;
            color: var(--main-dark-color);
            border: 0px;
            border-radius: 24px;
            text-overflow: ellipsis; /* Enables the ellipsis effect */
            white-space: nowrap; /* Keeps the text in a single line */
            overflow: hidden; /* Prevents the element from overflowing */
        }

        .enms .webix_el_box > .webix_all_segments > .webix_segment_1 {
            background-color: #ffffff;
            color: var(--main-dark-color);
            border-radius: 24px;
            text-overflow: ellipsis; /* Enables the ellipsis effect */
            white-space: nowrap; /* Keeps the text in a single line */
            overflow: hidden; /* Prevents the element from overflowing */
        }

        .enms .webix_el_box > .webix_all_segments > .webix_segment_N {
            background-color: #ffffff;
            color: var(--main-dark-color);
            border-radius: 24px;
            text-overflow: ellipsis; /* Enables the ellipsis effect */
            white-space: nowrap; /* Keeps the text in a single line */
            overflow: hidden; /* Prevents the element from overflowing */
            flex: 1;
        }

.webix_list_item.webix_selected {
    background-color: #EFF6F4;
    color: #131436;
    border-radius: 24px;
    box-shadow: inset 0px 0 #131436;
}

.webix_list_item:hover {
    background-color: var(--main-hover-color);
    opacity: var(--main-hover-opacity);
}

.webix_list_item.webix_selected:focus {
    background-color: #EFF6F4;
    color: #131436;
    border-radius: 24px;
}
/*selection*/
.webix_column > div.webix_cell_select,
.webix_column > div.webix_column_select,
.webix_column > div.webix_row_select {
    background-color: #EFF6F4;
    color: #131436;
}

    .webix_column > div.webix_cell_select:focus,
    .webix_column > div.webix_column_select:focus,
    .webix_column > div.webix_row_select:focus {
        background-color: #EFF6F4;
        color: #131436;
    }

.webix_column > div.webix_row_select {
    background-color: #EFF6F4;
    color: #131436;
}

.webix_column > div.webix_cell_select {
    background-color: #EFF6F4;
    color: #131436;
}

.webix_dtable_focused .webix_column > div.webix_row_select, .webix_dtable_focused .webix_column > div.webix_column_select {
    background-color: #EFF6F4;
    color: #131436;
}

.enms .webix_el_box > .webix_all_segments > .webix_selected {
    background-color: var(--main-dark-color);
    color: #ffffff;
    border-radius: 24px;
}

.enms .webix_el_box > .webix_inp_static {
    color: var(--main-dark-color);
    border-color: var(--main-dark-color);
}

.webix_tree_item.webix_selected span {
    font-weight: bold;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--main-dark-color);
}
.webix_tree_item.webix_selected {
    background: transparent !important;
    background-color: transparent !important;
}

.enms-chart-header {
    text-align: center;
}

.enms-chart-header .webix_template {
    font-size: 12px;
}

.demo {
    font-size: x-large;
    color: white;
    font-weight: bold;
    border: none
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    border: 0px;
    background: transparent;
}

.body_filler {
    background: #EAEDEF;
}

.footer {
    background: #EAEDEF;
}

.rowhover {
    background: #BEBEBE;
}

/* Header */

.header {
    background: #131436;
    /* PcVueSolutions_logo_white_little 1 */
    font-family: 'system-ui';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
.meterTile {
    cursor: pointer;
}

.webix_el_box .meterTile:hover {
    cursor: pointer;
}
.meterTileTitle {
    text-overflow: ellipsis; /* Enables the ellipsis effect */
    white-space: nowrap; /* Keeps the text in a single line */
    overflow: hidden; /* Prevents the element from overflowing */
    display: block;
    width: 100%;
    text-align: center;
    line-height: 20px;
}
.title {
    /* PCVUE CONNECTOR */
    background: transparent;
    padding: 0px 0px 0px 0px;
    border: 0px;
    font-family: 'system-ui';
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    text-overflow: ellipsis; /* Enables the ellipsis effect */
    white-space: nowrap; /* Keeps the text in a single line */
    overflow: hidden; /* Prevents the element from overflowing */
}
.form_title {
    /* PCVUE CONNECTOR */
    background: transparent;
    padding: 10px 0px;
    border: 0px;
    font-family: 'system-ui';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle;
    text-align: left;
    color: #1F224D;
}

.form_section_title .webix_el_box {
    /* PCVUE CONNECTOR */
    background: transparent;
    padding: 0px 0px;
    border: 0px;
    font-family: 'system-ui';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
    color: #1F224D;
}
.form_button .webix_icon {
    background: transparent;
    padding: 0px 0px;
    border: 0px;
    color: var(--main-dark-color) !important;
}

.form_button .webix_icon_button {
    background: transparent;
    padding: 0px 0px;
    border: 0px;
    color: var(--main-dark-color) !important;
}
.form_button .webix_icon:hover {
    color: #ffffff !important;
}

.logo {
    background-image: url(./img/logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.logo .webix_icon {
    width: 80px;
    height: 40px;
}

    .logo .webix_icon.wxi-menu-down:before {
        content: "";
        background-image: url("./img/logo.svg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 80px;
        height: 40px;
        display: block;
    }

/*.webix_el_combo .webix_input_icon.wxi-menu-down:before {
    content: "";*/ /*removes the default icon */
    /*background-image: url("./icons/ArrowDownOutline.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-color: white;
    color: var(--main-dark-color);
    width: 16px;
    height: 16px;
    display: block;
    align-content:center;
    padding-top: 0px;
}*/

.webix_cal_icon_clear {
    display: none;
}

.webix_cal_body .webix_cal_block:hover {
    color: var(--main-warning-color);
}
.webix_cal_body .webix_cal_day_inner:hover {
    background-color: var(--main-dark-color);
    color: var(--main-warning-color);
}

.icon_spinner {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url("./icons/spinner.svg");
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

.webix_icon_btn {
    vertical-align:middle !important;
    color: var(--main-dark-color);
    width: 24px;
    height: 24px;
}

.primaryButton .webix_icon_btn {
    color: var(--main-dark-color);
    width: 20px;
    height: 20px;
}

.webix_icon_btn.wxi-pencil:before {
    content: ""; /*removes the default icon */
    width: 24px;
    height: 24px;
    display: block;
    background-image: url("./icons/edit.svg");
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

.webix_icon_btn.wxi-trash:before {
    content: ""; /*removes the default icon */
    background-image: url("./icons/remove.svg");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    align-items: center;
    justify-content: center;
    background-size: 24px 22px;
    vertical-align:middle !important;
}
.linkButton .webix_icon_btn.wxi-trash {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    vertical-align: middle !important;
}
    .linkButton .webix_icon_btn.wxi-trash:before {
        content: ""; /*removes the default icon */
        background-image: url("./icons/remove32.svg");
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        display: flex;
        flex:content;
        align-items: center;
        vertical-align: middle !important;
        background-size: 32px 32px;
    }

.webix_icon_btn.mdi-import:before {
    content: ""; /*removes the default icon */
    width: 24px;
    height: 24px;
    display: block;
    background-image: url("./icons/import.svg");
    background-repeat: no-repeat;
    background-size: 20px 23px;
}

.linkButton .webix_icon_btn.mdi-import:before {
    content: ""; /*removes the default icon */
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("./icons/import.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
}
.linkButton .webix_icon_btn.mdi-import {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
}

.webix_icon_btn.wxi-plus-circle:before {
    content: ""; /*removes the default icon */
    width: 20px;
    height: 20px;
    display: block;
    background-image: url("./icons/plus.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    margin-top: 0px;
    align-items: center;
}
.linkButton .webix_icon_btn.wxi-plus-circle {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
}
    .linkButton .webix_icon_btn.wxi-plus-circle:before {
        content: ""; /*removes the default icon */
        width: 32px;
        height: 32px;
        display: flex;
        background-image: url("./icons/plus32.svg");
        background-repeat: no-repeat;
        background-size: 32px 32px;
        align-items: center;
    }

.webix_icon_btn.wxi-plus:before {
    content: ""; /*removes the default icon */
    width: 32px;
    height: 32px;
    display: block;
    background-image: url("./icons/plusRounded.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    margin-top: -6px;
}

.webix_hcell .webix_excel_filter {
    top: 50%;
    right: 1px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-top: -8px;
}

.webix_icon.wxi-columns {
    display: inline-block;
    vertical-align: middle !important;
    height: 35px;
}
.webix_icon.wxi-columns:before {
    content: "";
    background-image: url("./icons/iconMore.svg");
    background-repeat: no-repeat;
    width: 40px;
    height: 32px;
    display: block;
    margin-left: -10px;
    vertical-align: middle !important;
}

.webix_icon.wxi-filter:before {
    content: "";
    background-image: url("./icons/filter.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
}

.webix_hcell.webix_ss_filter_active .webix_excel_filter {
    color: var(--main-dark-color);
    background-image: url("./icons/filterActive.svg");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
}
.webix_view.webix_menu .webix_submenu_icon:before {
    content: ""; /*removes the default icon */
    background-image: url("./icons/ArrowRightOutline.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    line-height:20;
}

.webix_view.webix_menu .webix_submenu_icon {
    top: 5px !important;
    display:list-item !important;
}

/*.webix_input_icon.wxi-menu-down:before {
    content: "";
    background-image: url("./icons/ArrowDownOutline.svg");
    background-color: white;
    width: 20px;
    height: 20px;
    display: block;
}
*/
.settings_icon:before {
    background-image: url("./icons/settings.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: block;
}

.linkButton .webix_icon_btn.Vector_icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
}

    .linkButton .webix_icon_btn.Vector_icon:before {
        content: ""; /*removes the default icon */
        width: 24px;
        height: 24px;
        display: flex;
        background-image: url("./icons/Vector.svg");
        background-repeat: no-repeat;
        background-size: 24px 24px;
        align-items: center;
    }

.linkButton .webix_icon_btn.configuration_icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
}

    .linkButton .webix_icon_btn.configuration_icon:before {
        content: ""; /*removes the default icon */
        width: 32px;
        height: 32px;
        display: flex;
        background-image: url("./icons/configuration.svg");
        background-repeat: no-repeat;
        background-size: 32px 32px;
        align-items: center;
    }

.commoditiesIcon:before {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: block;
}

.gotoDashboard {

    padding-bottom: 1px;
    width: 20px;
    height: 20px;
}



.webix_filter {
    margin-left: 5px; /* Adjust the margin as needed */
}

.commoditiesIcon :not(.webix_pressed) .webix_button {
    background-color: white;
}
.commoditiesIcon .webix_button:hover {
    background-color: var(--main-hover-color);
    opacity: var(--main-hover-opacity);
}

.commoditiesIcon .webix_pressed .webix_button {
    background-color: transparent !important;
    opacity: var(--main-hover-opacity);
    box-shadow: unset;
}

.webix_view.webix_control.webix_el_button.webix_secondary.primaryButton.webix_disabled_view {
    height: 38px !important;
}

    .webix_view.webix_control.webix_el_button.webix_secondary.primaryButton.webix_disabled_view .webix_disabled_box .webix_button {
        color: #FFFFFF !important;
        background-color: #9297A3 !important;
        height: 38px !important;
    }


.webix_secondary.linkButton:not(.trends) .webix_el_box.webix_disabled_box .webix_button {
    color: #FFFFFF !important;
    background: none !important;
    border: 0px;
}


.webix_icon_btn.optionIcon:before {
    margin: 0px;
    padding: 1px;
    width: 20px;
    height: 20px;
    display: block;
    background-size: contain;
}


.webix_icon_btn.optionIcon.baseline {
    background-image: url("../img/ClassIcon/baselineIcon.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
}

.webix_icon_btn.optionIcon.weatherStation {
    background-image: url("../img/ClassIcon/weatherStationIcon.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
}

.webix_icon_btn.optionIcon.tariff {
    background-image: url("../img/ClassIcon/tariffIcon.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
}

.commoditiesIcon .Electricity:before {
    background-image: url("../img/CommoditiesIcon/meter.svg");
}

.commoditiesIcon .webix_button img {
    margin: 8px;
    padding: 0px;
    height: 32px;
    width: 32px;
    vertical-align: top;
}

.button_group {
    background: #C6D1D9;
}

.option_cell {
    float: left;
}

.datatable_cell_borderless .webix_cell {
    border: 0px;
    padding: 0px;
}

.datatable_cell_highlighted {
    background: var(--main-dark-color);
}

.wrap {
    padding: 0;
    text-align: center;
    vertical-align: middle
}

    .wrap svg {
        margin: 0;
        display: block
    }

.rounded-tabs {
    background: #131436;
}

ul.rounded-tabs {
    list-style-type: none;
    margin: +1px 0 0 0;
    display: flex;
    flex-wrap: nowrap;
}

    ul.rounded-tabs li {
        display: inline-block;
        background: #131436;
        margin: 0 30px;
        padding: 0.625rem 2rem;
        position: relative;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        cursor: pointer;
        flex-grow: 1;
        flex-shrink: 1;
        text-align:center;
    }

        ul.rounded-tabs li.selected {
            display: inline-block;
            background: #F7FAFC;
            margin: 0 30px;
            padding: 0.625rem 2rem;
            position: relative;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
            cursor: pointer;
        }

        ul.rounded-tabs li:after,
        ul.rounded-tabs li:before {
            content: '';
            height: 20px;
            width: 20px;
            background: #131436;
            position: absolute;
            top: 0;
            right: -20px;
            z-index: 1;
        }

        ul.rounded-tabs li.selected:after,
        ul.rounded-tabs li.selected:before {
            content: '';
            height: 20px;
            width: 20px;
            background: #F7FAFC;
            position: absolute;
            top: 20px;
            right: -20px;
            z-index: 1;
        }

        ul.rounded-tabs li:before {
            right: auto;
            left: -20px;
        }

        ul.rounded-tabs li span:after,
        ul.rounded-tabs li span:before {
            content: '';
            height: 40px;
            width: 40px;
            background: #131436;
            position: absolute;
            top: 0;
            right: -40px;
            z-index: 2;
            border-radius: 50%;
        }

        ul.rounded-tabs li span:before {
            right: auto;
            left: -40px;
        }

        ul.rounded-tabs li span {
            color: #ffffff;
            text-overflow: ellipsis; /* Enables the ellipsis effect */
            white-space: nowrap; /* Keeps the text in a single line */
            overflow: hidden; /* Prevents the element from overflowing */
            font-weight: 500;
        }
        ul.rounded-tabs li.selected span {
            color: #131436;
            text-overflow: ellipsis; /* Enables the ellipsis effect */
            white-space: nowrap; /* Keeps the text in a single line */
            overflow: hidden; /* Prevents the element from overflowing */
        }


.webix {
    font-family: 'system-ui';
}

.webix_view {
    font-family: 'system-ui';
}

.webix_el_box {
    font-family: 'system-ui';
}

.webix_inp_label {
    font-family: 'system-ui';
}

.webix_ss_header .webix_hcell.webix_last_row {
    border-bottom: 1px solid;
    border-color: #BCC8CE;
}

.webix_ss_header .webix_hcell {
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    text-overflow: ellipsis; /* Enables the ellipsis effect */
    white-space: nowrap; /* Keeps the text in a single line */
    overflow: hidden; /* Prevents the element from overflowing */
}

.webix_hcell .webix_ss_excel_filter {
    padding: 0px 20px 0px 10px;
}

.webix_win_head {
    border-style: none;
}

.webix_view.webix_popup {
    border: 1px solid #dddddd;
}

.webix_view.webix_window.webix_popup { /* padding for datatable filters */
    padding: 8px;
}

    .webix_view.webix_window.webix_popup.userPopup {
        margin:0px 0px 0px -16px;
    }

    .webix_drag_handle {
        background-image: url(//docs.webix.com/samples/15_datatable/22_dnd/handle.png);
        background-repeat: no-repeat;
        background-position: -2px 6px;
        width: 20px;
        height: 20px;
        cursor: grab;
    }

.enms-tree .webix_tree .webix_tree_item.webix_selected {
    background-color: transparent;
}

.enms-tree .webix_tree .webix_tree_item.webix_selected:focus {
    background-color: transparent;
}

.enms-tree .webix_tree .webix_tree_item.webix_selected span {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.enms-tree .webix_tree .webix_tree_item.webix_selected div {
    background-color: transparent;
}

.webix_tree .webix_tree_item,
.webix_tree .webix_tree_item.webix_selected {
    padding-right: 12px;
    background-color: transparent;
}

.enms-tree .webix_tree_open,
.enms-tree .webix_tree_close {
    background-image: none;
    font-family: "Webix Material Icons";
    font-size: 32px;
    text-align: center;
    color: var(--main-dark-color);
}

.enms-tree .webix_tree_open:before {
    margin-left: -2px;
    content: "\F027";
}

.enms-tree .webix_tree_close:before {
    margin-left: -2px;
    content: "\F028";
}


/*.enms-tree .webix_tree_none {
    background-image: url('./icons/ArrowDownOutline.svg');
    background-position: center;
    width: 16px;
    height: 16px;
}*/

.enms-tree .webix_tree_folder {
    background-position: 0px 4px;
    width: 0px;
    content: "";
    color: transparent;
}

.enms-tree .webix_tree_folder_open {
    background-position: 0px 4px;
    width: 0px;
    content: "";
    color: transparent;
}

.enms-tree .webix_tree_file {
    background-position: 0px 4px;
    width: 0px;
    content: "";
    color: transparent;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 70px;
    height: 70px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid black;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.form-title {
    font-size: large;
}

.info-bar {
    background-color: #CCDDF2;
    border-radius: 20px;
}

.colored-round {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0px;
    margin-top: 9px;
}

.badgeContainer {
    position: relative;
    display: flex;
    align-items: flex-start;
    height: 100%; /* Ensure it takes up the full height of the parent */
}




.improvedTextArea_container .webix_el_box {
    position: relative;
}

.improvedTextArea_container .webix_el_box textarea.webix_inp_textarea {
    background: transparent;
    position: relative;
}


.improvedTextArea_container__mirror {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    color: transparent;
}

.improvedTextArea_container__suggestions {
    border: 1px solid rgb(203 213 225);
    background: #fff;
    border-radius: 0.5rem;
    display: none;
    position: absolute;
    width: auto;
    max-width: 80%;
}

.improvedTextArea_container__suggestion {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 2rem;
    padding: 0 0.5rem;
}

    .improvedTextArea_container__suggestion:not(:first-child) {
        border-top: 1px solid rgb(203 213 225);
    }

.improvedTextArea_container__suggestion--focused {
    background: rgb(226 232 240);
}

.improvedTextArea_container .webix_inp_textarea {
    border: 1px solid !important;
}

.webix_view.webix_window.webix_popup .webix_list_item {
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: flex-start; /* Align text to the left */
    height: 100%; /* Ensure proper alignment */
    padding: 10px; /* Optional: Add spacing for better aesthetics */
}

.webix_el_switch .webix_label_right {
    display: block;
    padding-top: 5px;
    padding-left: 16px;
    margin-top: 0px;
}

.webix_el_switch.webix_disabled_view .webix_disabled_box .webix_switch_box {

    background-color: #94a1b3;
    border-color: #94a1b3;
}