@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;600;700&family=Bebas+Neue&display=swap");

:root {
    --btp-primary: #002F87;
    --btp-secondary: #54595F;
    --btp-text: #7A7A7A;
    --btp-bg: #FAFAFA;
    --btp-surface: #FFFFFF;
    --btp-muted: #D2D6E2;
    --btp-dark: #111111;
    --btp-accent-light: #CFE3FF;
    --btp-accent-mid: #B7D4FF;
    --btp-accent-strong: #2C5FB8;
}

body {
    font-family: "Roboto", sans-serif;
    color: var(--btp-text);
    background-color: var(--btp-bg);
}

.primary_nav,
.primary_nav.dev {
    background-color: #ffffff !important;
    min-height: 90px !important;
    height: 90px !important;
    padding: 0 28px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.primary_nav .webix_list_item,
.primary_nav button,
.topnav_button .webix_button,
.topnav_button .webix_button span,
.topEnv,
.topEnv code,
.topnav_service {
    color: var(--btp-primary) !important;
    line-height: 90px !important;
}

.topnav_button .webix_img_btn,
.topnav_button .webix_img_btn .webix_icon,
.topnav_button .webix_img_btn .webix_icon_btn,
.topnav_button .webix_img_btn_text {
    color: var(--btp-primary) !important;
}

.topnav_button.nobg button.webix_button,
.topnav_button.nobg .webix_button {
    background-color: transparent !important;
    color: var(--btp-primary) !important;
}

.topnav_button.nobg .webix_img_btn_text,
.topnav_button.nobg .webix_icon,
.topnav_button.nobg .webix_icon_btn {
    color: var(--btp-primary) !important;
}

.topnav_button.nobg button.webix_button:hover,
.topnav_button.nobg .webix_button:hover {
    background-color: var(--btp-accent-light) !important;
    color: var(--btp-primary) !important;
}

.topnav_button.nobg button.webix_button:hover .webix_img_btn_text,
.topnav_button.nobg .webix_button:hover .webix_img_btn_text,
.topnav_button.nobg button.webix_button:hover .webix_icon,
.topnav_button.nobg .webix_button:hover .webix_icon,
.topnav_button.nobg button.webix_button:hover .webix_icon_btn,
.topnav_button.nobg .webix_button:hover .webix_icon_btn {
    color: #1b4fb0 !important;
}

.badge-err,
.mapTooltip ul li .badge-err,
.badge-err,
.mapTooltip ul li .badge-err {
    background-color: #e60026 !important;
}

.compileerror {
    border-left-color: #e60026 !important;
}

.badge-err,
.mapTooltip ul li .badge-err {
    color: #fff !important;
}

html body#manage.manage.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_layout_space div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_multiview div.webix_view.webix_layout_line div#datatable1769628650863.webix_view.webix_dtable div.webix_ss_body div.webix_ss_center div.webix_ss_center_scroll div.webix_column div.webix_cell i.fa-iw.fa-stack i.fas.fa-times-square.red,
html body#manage.manage.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_layout_space div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_multiview div.webix_view.webix_layout_line div#datatable1769628650863.webix_view.webix_dtable div.webix_ss_body div.webix_ss_center div.webix_ss_center_scroll div.webix_column div.webix_cell i.fas.fa-bell.red.fa-fw {
    color: #e60026 !important;
}

html body#manage.manage.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_layout_space div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_multiview div.webix_view.webix_layout_line div#datatable1769628650863.webix_view.webix_dtable div.webix_ss_body div.webix_ss_center div.webix_ss_center_scroll div.webix_column div.webix_cell i.fa-stack i.fas.fa-times.red.fa-stack-1x,
html body#manage.manage.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_layout_space div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_multiview div.webix_view.webix_layout_line div#datatable1769628650863.webix_view.webix_dtable div.webix_ss_body div.webix_ss_center div.webix_ss_center_scroll div.webix_column div.webix_cell i.far.fa-badge-dollar.red.fa-fw {
    color: #e60026 !important;
}

html body#manage.manage.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_layout_space div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_layout_line div#treetable1769629063842.webix_view.webix_dtable div.webix_ss_body div.webix_ss_center div.webix_ss_center_scroll div.webix_column.webix_last div.webix_cell i.fa-iw.fa-stack i.fas.fa-times-square.red {
    color: #e60026 !important;
}

.green {
    color: #008714 !important;
}

.iconlink:hover,
div.outerWidgetPanel div.widgetcfg:hover {
    color: #008714 !important;
}

body#manage.manage .webix_template.webix_header,
body#manage.manage .webix_template.webix_header .webix_el_label {
    color: #95abd2 !important;
}

html body#manage.manage.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_layout_space div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_multiview div.webix_view.webix_scrollview div.webix_scroll_cont div.webix_view.webix_layout_line div.webix_view.webix_layout_accordion div.webix_view.webix_accordionitem.groupAccSettings.horizontal div.webix_accordionitem_body div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_header div.webix_template {
    color: #c9d5e9 !important;
}

html body#manage.manage.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_header.breadcrumbs div#breadcrumbHeader.webix_template {
    margin-top: 35px;
}

body#manage.manage .systemTools .webix_el_button button.webixtype_base,
body#manage.manage .systemTools a .webix_el_button button.webixtype_base,
body#manage.manage .systemTools .webix_el_button button.webix_button {
    background-color: #c9d5e9 !important;
    color: var(--btp-primary) !important;
    border-color: transparent !important;
}

body#manage.manage .systemTools .webix_el_button button.webix_button:hover,
body#manage.manage .systemTools .webix_el_button button.webix_button:focus,
body#manage.manage .systemTools .webix_el_button button.webix_button.webixtype_base:hover,
body#manage.manage .systemTools a .webix_el_button button.webixtype_base:hover {
    background-color: #95abd2 !important;
    color: var(--btp-primary) !important;
}

i.red,
.red i {
    color: #e60026 !important;
}

.tank-config-richselect .webix_inp_icon {
    color: var(--btp-accent-strong) !important;
}

.tank-config-window .webix_form {
    background-color: var(--btp-surface) !important;
    border-radius: 10px;
    padding: 18px 20px 14px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.tank-config-window .webix_form .webix_control {
    margin-bottom: 12px;
}

.tank-config-option-list .tank-color-swatch,
.tank-color-option .tank-color-swatch {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.tank-color-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 6px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: rgba(255, 255, 255, 0.85);
}

.tank-config-option-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 8px;
    padding: 6px 0;
}

.tank-config-richselect .webix_richselect_icon,
.tank-config-window .webix_richselect .webix_inp_icon {
    color: var(--btp-accent-strong) !important;
}

#statusArea .progress {
    background-color: #008714 !important;
    border-color: #008714 !important;
}

#statusArea .progress .progress-bar {
    background-color: #e60026 !important;
}

#statusArea .progress .progress-text {
    color: #fff !important;
}

#statusArea .progress.candy .progress-bar {
    box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.3) inset;
}
i.red,
.red i {
    color: #e60026 !important;
}

.compileok {
    border-left-color: #008714 !important;
}

.badge-ok,
.mapTooltip ul li .badge-ok,
.badge-ok,
div.tableview .badge-ok {
    background-color: #008714 !important;
}

.badge-ok {
    color: #fff !important;
}

.primary_nav .webix_list_item:hover,
.right_menu .webix_list_item:hover {
    color: var(--btp-primary) !important;
}

.topnav_service th,
.topnav_service td,
.right_menu .webix_list_item,
.right_menu span,
.right_menu .webix_submenu_icon {
    color: var(--btp-primary) !important;
}

.breadcrumbs img[src*="g1121.png"] {
    display: none !important;
}

.breadcrumbs .webix_template {
    background-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.breadcrumbs .group_isaccount,
.breadcrumbs span.group_isaccount {
    color: var(--btp-surface) !important;
}

.webix_list_item[webix_l_id="topmenu_doc"] {
    display: none !important;
}

.login,
.forgot,
.register,
.user_registration {
    position: relative;
    background-color: #001f5a;
}

.login::before,
.forgot::before,
.register::before,
.user_registration::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: linear-gradient(rgba(0, 47, 135, 0.10), rgba(0, 47, 135, 0.75)),
        url("/theme/4243_W8C2YBOSNZAQI8FLONET/login_background.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    z-index: -1;
}

.login-form form {
    background: rgba(255, 255, 255, 0.70) !important;
    position: relative;
    padding: 30px !important;
    padding-top: 200px !important;
}

.login-form form::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 30px;
    right: 30px;
    height: 160px;
    background-color: rgba(255, 255, 255, 0.0);
    background-image: url("/theme/4243_W8C2YBOSNZAQI8FLONET/Blue Command Logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 4px;
}

.login-form .btn {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.login-form .btn:hover,
.login-form .btn:focus,
.login-form .btn:active {
    background-color: #001f5a !important;
    border-color: #001f5a !important;
}

.login-form a,
.login-form a:link {
    color: var(--btp-primary) !important;
}

.login-form a:visited {
    color: var(--btp-accent-strong) !important;
}

.logo {
    background-image: url("/theme/4243_W8C2YBOSNZAQI8FLONET/Blue Command Logo straight.png") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;
    background-color: #ffffff !important;
    border-radius: 4px;
    width: 300px !important;
    height: 69px !important;
}

.logo img {
    height: 69px;
    width: auto;
}

.webix_view,
.webix_layout_toolbar,
.webix_toolbar {
    font-family: "Roboto", sans-serif;
}

body#manage.manage .webix_el_button input,
body#manage.manage .webix_el_toggle input,
body#manage.manage .webix_el_button button,
body#manage.manage .webix_el_toggle button,
body#manage.manage .webixbutton {
    background-color: var(--btp-primary);
    border: 1px solid var(--btp-primary);
    color: var(--btp-surface);
}

body#manage.manage .webix_el_button button:hover,
body#manage.manage .webix_el_toggle button:hover,
body#manage.manage .webixbutton:hover {
    background-color: var(--btp-accent-mid);
    border-color: var(--btp-accent-strong);
    color: var(--btp-dark);
}

body#manage.manage .webix_el_button .webix_button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

body#manage.manage .webix_el_button .webix_button,
body#manage.manage .webix_primary .webix_button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

body#manage.manage .webix_el_button .webix_button:hover,
body#manage.manage .webix_el_button .webix_button:focus,
body#manage.manage .webix_primary .webix_button:hover,
body#manage.manage .ezebtn div button:hover {
    background-color: var(--btp-accent-mid) !important;
    border-color: var(--btp-accent-strong) !important;
    color: var(--btp-dark) !important;
}

body#manage.manage .webix_el_button .webix_button:active,
body#manage.manage .webix_primary .webix_button:active,
body#manage.manage .ezebtn div button:active {
    background-color: var(--btp-accent-strong) !important;
    border-color: var(--btp-accent-strong) !important;
    color: var(--btp-surface) !important;
}

html body#configure.configure.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_layout_space div.webix_view.configureTabs.webix_layout_line div.webix_view.webix_multiview div.webix_view.webix_layout_wide div.webix_view.webix_scrollview div.webix_scroll_cont div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_control.webix_el_button.webix_secondary div.webix_el_box button.webix_button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

html body#configure.configure.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_layout_space div.webix_view.configureTabs.webix_layout_line div.webix_view.webix_multiview div.webix_view.webix_layout_wide div.webix_view.webix_scrollview div.webix_scroll_cont div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_control.webix_el_button.webix_secondary div.webix_el_box button.webix_button:hover,
html body#configure.configure.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_layout_space div.webix_view.configureTabs.webix_layout_line div.webix_view.webix_multiview div.webix_view.webix_layout_wide div.webix_view.webix_scrollview div.webix_scroll_cont div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_control.webix_el_button.webix_secondary div.webix_el_box button.webix_button:focus {
    background-color: var(--btp-accent-mid) !important;
    border-color: var(--btp-accent-strong) !important;
    color: var(--btp-dark) !important;
}

html body#configure.configure.webix_full_screen div.webix_view.webix_layout_line div.webix_view.webix_layout_space div.webix_view.configureTabs.webix_layout_line div.webix_view.webix_multiview div.webix_view.webix_layout_wide div.webix_view.webix_scrollview div.webix_scroll_cont div.webix_view.webix_layout_line div.webix_view.webix_layout_line div.webix_view.webix_control.webix_el_button.webix_secondary div.webix_el_box button.webix_button:active {
    background-color: var(--btp-accent-strong) !important;
    border-color: var(--btp-accent-strong) !important;
    color: var(--btp-surface) !important;
}

.nobg .webix_button {
    background-color: transparent !important;
    border-color: transparent !important;
    color: inherit !important;
}

.webix_primary .webix_button,
.webix_primary button,
.webix_primary input {
    background-color: var(--btp-primary);
    border-color: var(--btp-primary);
    color: var(--btp-surface);
}

.webix_secondary .webix_button,
.webix_secondary button,
.webix_secondary input {
    background-color: var(--btp-secondary);
    border-color: var(--btp-secondary);
    color: var(--btp-surface);
}

.ezebtn .webix_el_box .webix_button,
.ezebtn div button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
}

.ezebtn div button:hover {
    background-color: #001f5a !important;
}

.webix_header,
.webix_hcell,
.webix_column > div.webix_header_border {
    background-color: var(--btp-primary);
    color: var(--btp-surface);
    border-color: var(--btp-primary);
}

.webix_ss_header,
.webix_ss_header td {
    background-color: var(--btp-primary);
    color: var(--btp-surface);
}

.webix_selected,
.webix_selected .webix_cell,
.webix_row_select,
.webix_row_select .webix_cell,
.webix_column > div.webix_row_select {
    background-color: var(--btp-muted) !important;
    color: var(--btp-dark) !important;
}

.webix_sidebar .webix_sidebar_item.webix_selected,
.webix_sidebar .webix_sidebar_item.webix_selected:hover {
    background-color: var(--btp-primary);
    color: var(--btp-surface);
}

.webix_progress_bottom .webix_progress_state {
    background-color: var(--btp-primary);
}

.webix_tabbar .webix_item_tab.webix_selected,
.webix_tabbar .webix_item_tab.webix_selected:hover {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_item_tab.webix_selected,
.webixtype_bottom .webix_item_tab.webix_selected {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_icon,
.webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_icon_btn,
.webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_icon,
.webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_icon_btn,
.webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_img_btn_text,
.webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_img_btn_text {
    color: var(--btp-surface) !important;
}

.webix_item_tab,
.webixtype_bottom .webix_item_tab,
.webix_el_tabbar .webixtype_icon .webix_item_tab,
.webix_el_tabbar .webixtype_iconTop .webix_item_tab,
.webix_el_tabbar .webixtype_image .webix_item_tab {
    color: var(--btp-primary) !important;
}

.webix_el_tabbar .webixtype_iconTop .webix_item_tab .webix_icon,
.webix_el_tabbar .webixtype_iconTop .webix_item_tab .webix_icon_btn,
.webix_el_tabbar .webixtype_image .webix_item_tab .webix_icon,
.webix_el_tabbar .webixtype_image .webix_item_tab .webix_icon_btn,
.webix_el_tabbar .webixtype_iconTop .webix_item_tab .webix_img_btn_text,
.webix_el_tabbar .webixtype_image .webix_item_tab .webix_img_btn_text {
    color: var(--btp-primary) !important;
}

.webix_win_head,
.webix_popup .webix_win_head,
.webix_popup .webix_win_head .webix_template {
    background-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_popup .webix_win_body,
.webix_popup .webix_win_body .webix_template {
    background-color: var(--btp-surface) !important;
    color: var(--btp-dark) !important;
}

.webix_popup .webix_button,
.webix_popup .webix_el_button .webix_button,
.webix_popup .webix_el_button button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_popup .webix_button:hover,
.webix_popup .webix_el_button .webix_button:hover,
.webix_popup .webix_el_button button:hover {
    background-color: #001f5a !important;
    border-color: #001f5a !important;
}

.webix_confirm .webix_popup_title,
.webix_confirm-warning .webix_popup_title,
.webix_confirm-error .webix_popup_title {
    background-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_confirm .webix_popup_text,
.webix_confirm-warning .webix_popup_text,
.webix_confirm-error .webix_popup_text {
    color: var(--btp-dark) !important;
}

.webix_confirm .webix_popup_button button,
.webix_confirm-warning .webix_popup_button button,
.webix_confirm-error .webix_popup_button button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_confirm .webix_popup_controls .webix_popup_button,
.webix_confirm-warning .webix_popup_controls .webix_popup_button,
.webix_confirm-error .webix_popup_controls .webix_popup_button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_confirm .webix_popup_controls .webix_popup_button.confirm,
.webix_confirm-warning .webix_popup_controls .webix_popup_button.confirm,
.webix_confirm-error .webix_popup_controls .webix_popup_button.confirm {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_confirm .webix_popup_controls .webix_popup_button button,
.webix_confirm-warning .webix_popup_controls .webix_popup_button button,
.webix_confirm-error .webix_popup_controls .webix_popup_button button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_confirm .webix_popup_button .webix_button,
.webix_confirm-warning .webix_popup_button .webix_button,
.webix_confirm-error .webix_popup_button .webix_button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_confirm .webix_button,
.webix_confirm-warning .webix_button,
.webix_confirm-error .webix_button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_confirm .webix_popup_button .webix_button button,
.webix_confirm-warning .webix_popup_button .webix_button button,
.webix_confirm-error .webix_popup_button .webix_button button {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-surface) !important;
}

.webix_confirm .webix_popup_button button:hover,
.webix_confirm-warning .webix_popup_button button:hover,
.webix_confirm-error .webix_popup_button button:hover {
    background-color: #001f5a !important;
    border-color: #001f5a !important;
}

.webix_confirm .webix_popup_controls .webix_popup_button:hover,
.webix_confirm-warning .webix_popup_controls .webix_popup_button:hover,
.webix_confirm-error .webix_popup_controls .webix_popup_button:hover {
    background-color: #001f5a !important;
    border-color: #001f5a !important;
}

.webix_confirm .webix_popup_controls .webix_popup_button.confirm:hover,
.webix_confirm-warning .webix_popup_controls .webix_popup_button.confirm:hover,
.webix_confirm-error .webix_popup_controls .webix_popup_button.confirm:hover {
    background-color: #001f5a !important;
    border-color: #001f5a !important;
}

.webix_confirm .webix_popup_controls .webix_popup_button button:hover,
.webix_confirm-warning .webix_popup_controls .webix_popup_button button:hover,
.webix_confirm-error .webix_popup_controls .webix_popup_button button:hover {
    background-color: #001f5a !important;
    border-color: #001f5a !important;
}

.webix_confirm .webix_popup_button .webix_button:hover,
.webix_confirm-warning .webix_popup_button .webix_button:hover,
.webix_confirm-error .webix_popup_button .webix_button:hover {
    background-color: #001f5a !important;
    border-color: #001f5a !important;
}

.webix_confirm .webix_button:hover,
.webix_confirm-warning .webix_button:hover,
.webix_confirm-error .webix_button:hover {
    background-color: #001f5a !important;
    border-color: #001f5a !important;
}

.webix_confirm .webix_popup_button .webix_button button:hover,
.webix_confirm-warning .webix_popup_button .webix_button button:hover,
.webix_confirm-error .webix_popup_button .webix_button button:hover {
    background-color: #001f5a !important;
    border-color: #001f5a !important;
}

.webix_message {
    background-color: var(--btp-primary);
    color: var(--btp-surface);
}

.webix_tooltip {
    background-color: var(--btp-dark);
    color: var(--btp-surface);
}

.webix_header .webix_selected.webix_segment_0,
.webix_header .webix_selected.webix_segment_1,
.webix_header .webix_selected.webix_segment_N {
    background-color: var(--btp-accent-light) !important;
    border-color: var(--btp-primary) !important;
    color: var(--btp-dark) !important;
}

.webix_header .webix_selected.webix_segment_0:hover,
.webix_header .webix_selected.webix_segment_1:hover,
.webix_header .webix_selected.webix_segment_N:hover,
.webix_header .webix_selected.webix_segment_0:focus,
.webix_header .webix_selected.webix_segment_1:focus,
.webix_header .webix_selected.webix_segment_N:focus,
.webix_header .webix_selected.webix_segment_0:active,
.webix_header .webix_selected.webix_segment_1:active,
.webix_header .webix_selected.webix_segment_N:active {
    background-color: var(--btp-accent-mid) !important;
}

.groupAccSettings .webix_header,
.svcAccHdr,
.svcCtlHdr,
.cartSection {
    background-color: var(--btp-accent-light) !important;
    color: var(--btp-dark) !important;
}

.groupAccSettings .webix_header .webix_template .fas.fa-trash,
.groupAccSettings .webix_header .webix_el_button .fas.fa-trash {
    color: #fff !important;
}

.groupAccSettings .webix_colorpicker .webix_el_input,
.groupAccSettings .webix_colorpicker .webix_input_inner,
.groupAccSettings .webix_colorpicker .webix_icon {
    background-color: #c9d5e9 !important;
}

.svcActHeader {
    border-left-color: var(--btp-accent-light) !important;
}

.svcPkg {
    color: var(--btp-accent-strong) !important;
}

.custom_confirm_button button {
    background-color: var(--btp-accent-light) !important;
    border-color: var(--btp-accent-light) !important;
    color: var(--btp-dark) !important;
}

.custom_confirm_button button:hover {
    background-color: var(--btp-accent-mid) !important;
}

.webix_input_icon.wxi-calendar,
.webix_input_icon.wxi-clock,
.webix_cal_icon,
.webix_cal_time {
    color: var(--btp-primary) !important;
}

.webix_cal_icon:hover,
.webix_cal_time:hover {
    color: #001f5a !important;
}

.webix_el_datepicker .webix_input_icon,
.webix_el_datepicker .webix_input_icon.wxi-clock,
.webix_el_datepicker .webix_input_icon.wxi-calendar {
    background-color: var(--btp-accent-light) !important;
    color: var(--btp-primary) !important;
    border-left: 1px solid var(--btp-accent-mid) !important;
    border-radius: 0 6px 6px 0;
}

.webix_el_datepicker .webix_input_icon:hover,
.webix_el_datepicker .webix_input_icon:focus {
    background-color: var(--btp-accent-mid) !important;
}

.webix_cal_done {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    border-bottom-color: #001f5a !important;
    color: var(--btp-surface) !important;
}

.webix_cal_done:hover,
.webix_cal_done:focus,
.webix_cal_done:active {
    background-color: #001f5a !important;
}

.webix_cal_body .webix_cal_today {
    border-color: var(--btp-accent-mid) !important;
}

.webix_cal_body .webix_selected,
.webix_cal_body .webix_cal_event.webix_cal_select {
    background-color: var(--btp-accent-mid) !important;
    color: var(--btp-dark) !important;
}

.webix_cal_body .webix_selected:focus,
.webix_cal_body .webix_cal_select:focus,
.webix_cal_body .webix_cal_event.webix_cal_select:focus {
    background-color: var(--btp-accent-light) !important;
}

.webix_inp_counter_prev,
.webix_inp_counter_next {
    background-color: var(--btp-primary) !important;
    border-color: var(--btp-primary) !important;
    border-bottom-color: #001f5a !important;
    color: var(--btp-surface) !important;
}

.webix_inp_counter_prev:hover,
.webix_inp_counter_prev:focus,
.webix_inp_counter_prev:active,
.webix_inp_counter_next:hover,
.webix_inp_counter_next:focus,
.webix_inp_counter_next:active {
    background-color: #001f5a !important;
}