#login .wrapper .inner-wrapper { opacity: 0.8; }body#login { background-color: #151515; }#login .wrapper .inner-wrapper { background-color: #FFFFFF; }#top_panel .chat-btn span { color: #151515; }#top_panel { border-bottom-color: #d8d3a8; }#top_panel .chat-btn span { background-color: #d8d3a8; }.ui-dialog .ui-dialog-titlebar { background-color: #151515; }#login .wrapper .content-block input.button { background-color: #151515; }.ui-pg-div .ui-icon-plus { background-color: #151515; }#login .registration-closed{ background-color: #d8d3a8; }#top_panel .cpanel-btn a{ background-color: #d8d3a8; }#top_panel .cpanel-btn a:hover { background-color: #d8d3a8; opacity: 0.9; }.dialog-billing-titlebar .ui-dialog-titlebar { background-color: #151515; }#dialog_billing .ui-pg-div .ui-icon-plus { background-color: #151515; }#cpanel #cpanel_manage_server .ui-tabs .ui-tabs-nav li.ui-tabs-active a { background-color: #d8d3a8; }body { color: #444444; }input, select, .inputbox, .textarea { color: #444444; }input:focus, textarea:focus { color: #444444; }optgroup, option { color: #444444; }input.button { color: #444444; }.ms-drop span { color: #444444; }.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444444; }.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #444444; }.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #444444; }.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #444444; }.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { color: #444444; }.menu.ui-menu .ui-menu-item a { color: #444444; }#top_panel .chat-btn span { color: #808080; }.title-block { color: #151515; }#cpanel h1.title { color: #151515; }#cpanel h1.title span { color: #d8d3a8; }.cms-tracking-mileage-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 10px; }.cms-tracking-control-group { display: flex; align-items: center; gap: 6px; }.cms-tracking-control-group .inputbox-calendar { width: 110px; }.cms-tracking-label { font-size: 12px; white-space: nowrap; }.cms-tracking-button-group { display: flex; gap: 8px; margin-left: auto; }.cms-tracking-button-group input.button { width: 90px; padding: 4px 8px; }#location_history_tab .ui-jqgrid-btable td { text-align: center; vertical-align: middle; }#location_history_tab .ui-jqgrid-btable td[aria-describedby="location_history_grid_ps"] { text-align: left; }#location_history_tab .ui-jqgrid-htable th { text-align: center; }#top_panel { background-color: #151515 !important; border-bottom-color: #d8d3a8 !important; }#top_panel .about-btn img, #top_panel .user-btn img, #top_panel .map-btn, #top_panel .top_panel_btn { border-color: #d8d3a8 !important; }#top_panel .cpanel-btn a, .ui-pg-div .ui-icon-plus { background-color: #151515 !important; }#top_panel .cpanel-btn a:hover { background-color: #151515 !important; color: #ffffff !important; opacity: 1; }#top_panel .chat-btn span, #top_panel .billing-btn span, #top_panel .billing-btn-red span, #top_panel #alerts_dropdown_count, #left_menu #chat_msg_count { background-color: #d8d3a8 !important; color: #151515 !important; }#top_panel .top_panel_btn.total, #top_panel .top_panel_btn.active, #top_panel .top_panel_btn.problems, #top_panel .top_panel_btn.engine-on, #top_panel #top_panel_dashboard_total, #top_panel .top_panel_dashboard_item:hover, #top_panel .top_panel_dashboard_item.selected { background-color: #151515 !important; color: #ffffff !important; }#top_panel .alerts-dropdown-btn > a:hover, #top_panel .announcement-admin-btn > a:hover, #top_panel .mobile-btn > a:hover { background-color: #d8d3a8 !important; }#top_panel .alerts-dropdown-header { background-color: #151515 !important; color: #ffffff !important; }#top_panel .alerts-dropdown-announcement { border-left-color: #d8d3a8 !important; }#top_panel .alerts-dropdown-announcement .alerts-dropdown-title { color: #151515 !important; }#top_panel .general-search-topbar-submit, #top_panel .general-search-topbar-submit:hover, #top_panel .general-search-topbar-submit:focus { background-color: #151515 !important; border: 1px solid #d8d3a8 !important; }#top_panel .logout-btn img, body#cpanel #top_panel .logout-btn img, #top_panel img[src*="-orang.svg"] { filter: grayscale(1) brightness(0) invert(1) !important; }#top_panel .logout-btn > a:focus-visible { outline: 3px solid #d8d3a8 !important; outline-offset: 2px; border-radius: 11px; }.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li a:focus, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a:hover, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a:focus, #cpanel #cpanel_manage_server .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .side-panel-list li a, .side-panel-list li a:hover, .side-panel-list li a:focus, .dashboard_link:hover, .dashboard_link:focus, .dashboard_link_active, #side_panel_history_parameters .row3-input:hover, #side_panel_history_parameters .row3-input:focus, .manage_server_input.button.panel.ms-save.icon-save.icon:hover, .manage_server_input.button.panel.ms-save.icon-save.icon:focus, #dialog_user_edit_tabs .controls input:hover, #dialog_user_edit_tabs .controls input:focus { background-color: #151515 !important; border-color: #151515 !important; color: #ffffff !important; }#left_menu > div:hover, #left_menu > div.active { background-color: #151515 !important; }input.button:not(.mobile-v):not(:disabled), input.button:not(.mobile-v):not(:disabled):hover, input.button:not(.mobile-v):not(:disabled):focus, input.button:not(.mobile-v):not(:disabled):active, button.button:not(:disabled), button.button:not(:disabled):hover, button.button:not(:disabled):focus, button.button:not(:disabled):active, .ui-dialog .ui-dialog-buttonpane button:not(:disabled), .ui-dialog .ui-dialog-buttonpane button:not(:disabled):hover, .ui-dialog .ui-dialog-buttonpane button:not(:disabled):focus, .ui-dialog .ui-dialog-buttonpane button:not(:disabled):active { background-color: #151515 !important; border-color: #151515 !important; color: #ffffff !important; opacity: 1; }.ui-dialog input.button, .ui-dialog input.button:hover, .ui-dialog input.button:focus, .ui-dialog input.button:active, .ui-dialog .ui-dialog-buttonpane .ui-button-text { color: #ffffff !important; }input.button:not(.mobile-v):focus-visible, button.button:focus-visible, .ui-dialog .ui-dialog-buttonpane button:focus-visible { box-shadow: 0 0 0 3px #d8d3a8 !important; }#dialog_client_email_update .ceu-btn-primary, #dialog_client_email_update .ceu-btn-primary:hover, #dialog_client_email_update .ceu-btn-primary:focus, #dialog_client_email_update .ceu-btn-primary:active { background: #151515 !important; border-color: #151515 !important; color: #ffffff !important; }#dialog_client_email_update .ceu-btn-secondary:hover, #dialog_client_email_update .ceu-btn-secondary:focus, #dialog_client_email_update .ceu-btn-secondary:active { background: #d8d3a8 !important; color: #151515 !important; }#dialog_client_email_update .ceu-btn-link, #dialog_client_email_update .ceu-btn-link:hover, #dialog_client_email_update .ceu-btn-link:focus, #dialog_client_email_update .ceu-btn-link:active, #dialog_client_email_update .ceu-destination { background: transparent !important; color: #151515 !important; }#dialog_client_email_update .ceu-btn:focus-visible { outline: none !important; box-shadow: 0 0 0 3px #d8d3a8 !important; }.panel-button { background-color: #d8d3a8 !important; border-radius: 6px; transition: background-color 0.15s ease; }.panel-button img { background-color: transparent !important; filter: grayscale(1) brightness(0) !important; transition: filter 0.15s ease; }.panel-button:hover, .panel-button:focus, a:hover > .panel-button, a:focus > .panel-button { background-color: #151515 !important; }.panel-button:hover img, .panel-button:focus img, a:hover > .panel-button img, a:focus > .panel-button img { background-color: transparent !important; filter: grayscale(1) brightness(0) invert(1) !important; }.panel-button.disabled, .panel-button.disabled:hover, .panel-button.disabled:focus { background-color: #e6e6e6 !important; opacity: 0.55; }.panel-button.disabled img, .panel-button.disabled:hover img, .panel-button.disabled:focus img { background-color: transparent !important; filter: grayscale(1) brightness(0) !important; opacity: 1; }#side_panel_objects_object_list_grid .object-action-menu img, .dashboard-container-header-menu img { filter: grayscale(1) brightness(0) !important; }.dashboard-container-header-icon { background: #d8d3a8 !important; }.dashboard-container-header-icon img, .ui-pg-div .ui-icon-import, .ui-pg-div .ui-icon-export, .ui-pg-div .ui-icon-action { filter: grayscale(1) brightness(0) !important; }.ui-widget-content input[type="checkbox"]:checked:before, #side_panel_objects_object_list_grid .ui-widget-content input[type="checkbox"]:checked:before { background-color: #151515 !important; border-color: #151515 !important; }.view-all-btn-map, .geofences-span, table.cluster::before, .marker-popup-tbl-wrap { background-color: #151515 !important; }.leaflet-popup-content table:not(.cluster) tr:nth-child(3) td:nth-child(2) { color: #151515 !important; }.marker-popup-tbl-wrap-icon { border-color: #d8d3a8 !important; }#cpanel_user_list, #cpanel_object_list, #cpanel_unused_object_list, #cpanel_billing_plan_list, #cpanel_manage_server { border-top-color: #151515; }.ui-dialog .ui-dialog-titlebar, .dialog-billing-titlebar .ui-dialog-titlebar { background-color: #151515 !important; color: #ffffff !important; }.tenant-powered-by { box-sizing: border-box; font-family: "Open Sans", Arial, sans-serif; letter-spacing: 0.02em; text-align: center; white-space: nowrap; }#login .tenant-powered-by-login { width: 100%; margin: 12px 0 0; color: #756d7e; font-size: 10px; line-height: 1.4; }#login .tenant-powered-by-login strong { color: #151515; font-weight: 700; }body#tracking .tenant-powered-by-app, body#cpanel .tenant-powered-by-app { position: fixed; z-index: 900; left: 50%; bottom: max(6px, env(safe-area-inset-bottom)); transform: translateX(-50%); padding: 4px 11px; border: 1px solid #d8d3a8; border-radius: 999px; color: #151515; background-color: #eeeccf; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); font-size: 10px; font-weight: 500; line-height: 1.2; pointer-events: none; }body#tracking .tenant-powered-by-app strong, body#cpanel .tenant-powered-by-app strong { font-weight: 700; }@media (max-width: 480px) { body#tracking .tenant-powered-by-app, body#cpanel .tenant-powered-by-app { bottom: max(3px, env(safe-area-inset-bottom)); padding: 3px 8px; font-size: 9px; } }