body {
font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
}

body .masthead, .top-bar {
font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
background: linear-gradient(to bottom, #3b3d42 0, #3b3d42 100%);

padding-bottom: 10px;
height: 45px;
border-bottom: 5px solid #ffd702;
}
.view {
padding-top: 45px;
}


body.dark-theme .control-tabs>li>a, body.dark-theme .control-tabs-left>li>a, body.dark-theme .tabbed-layout .tabs>li>a, .tabbed-layout body.dark-theme .tabs>li>a, body.dark-theme .settings-layout .tabs>li>a, .settings-layout body.dark-theme .tabs>li>a, body.dark-theme .user-layout .tabs>li>a, .user-layout body.dark-theme .tabs>li>a, body.dark-theme .control-tabs-top>li>a, body.dark-theme .chart-editor .tabs>li>a, .chart-editor body.dark-theme .tabs>li>a,
body.light-theme .control-tabs>li>a, body.light-theme .control-tabs-left>li>a, body.light-theme .tabbed-layout .tabs>li>a, .tabbed-layout body.light-theme .tabs>li>a, body.light-theme .settings-layout .tabs>li>a, .settings-layout body.light-theme .tabs>li>a, body.light-theme .user-layout .tabs>li>a, .user-layout body.light-theme .tabs>li>a, body.light-theme .control-tabs-top>li>a, body.light-theme .chart-editor .tabs>li>a, .chart-editor body.light-theme .tabs>li>a
{
color: #ffcd00;
}

body.dark-theme.route-nav-dashboards #nav-dashboards, body.dark-theme.route-nav-events #nav-events, body.dark-theme.route-nav-settings #nav-settings, body.dark-theme.route-nav-user #nav-user
{
background-color: transparent;
}

body.dark-theme.route-nav-dashboards #nav-dashboards a,
body.dark-theme.route-nav-events #nav-events a,
body.dark-theme.route-nav-settings #nav-settings a,
body.dark-theme.route-nav-user #nav-user a
{
font-weight: bold;
color: #ffd702;
}

body.dark-theme .control-tabs-left>li.active>a, body.dark-theme .tabbed-layout .tabs>li.active>a, .tabbed-layout body.dark-theme .tabs>li.active>a, body.dark-theme .settings-layout .tabs>li.active>a, .settings-layout body.dark-theme .tabs>li.active>a, body.dark-theme .user-layout .tabs>li.active>a, .user-layout body.dark-theme .tabs>li.active>a,
body.dark-theme ul.list-items>li.list-item,
body.dark-theme .workspaces-dialog .popout .current-workspace,
body.dark-theme .workspaces-dialog .popout .search-box-container,
body.light-theme .control-tabs-left>li.active>a, body.light-theme .tabbed-layout .tabs>li.active>a, .tabbed-layout body.light-theme .tabs>li.active>a, body.light-theme .settings-layout .tabs>li.active>a, .settings-layout body.light-theme .tabs>li.active>a, body.light-theme .user-layout .tabs>li.active>a, .user-layout body.light-theme .tabs>li.active>a,
body.light-theme ul.list-items>li.list-item,
body.light-theme .workspaces-dialog .popout .current-workspace,
body.light-theme .workspaces-dialog .popout .search-box-container
{
border-color: #ffd702!important;
}

body.dark-theme .border,
body.dark-theme .dashboards .dashboard-list-container .show-hide-toggle.bar,
body.light-theme .border,
body.light-theme .dashboards .dashboard-list-container .show-hide-toggle.bar
{
background-color: #ffd702!important;
}


body.dark-theme ul.list-items>li.list-item.active,
body.light-theme ul.list-items>li.list-item.active
{
border-color: #fff200!important;
}

body.dark-theme .signal-bar .show-hide-toggle.bar,
body.light-theme .signal-bar .show-hide-toggle.bar
{
background-color: #ffd702;
}

body.dark-theme .control-tabs>li.active>a:active, body.dark-theme .control-tabs-left>li.active>a:active, body.dark-theme .tabbed-layout .tabs>li.active>a:active, .tabbed-layout body.dark-theme .tabs>li.active>a:active, body.dark-theme .settings-layout .tabs>li.active>a:active, .settings-layout body.dark-theme .tabs>li.active>a:active, body.dark-theme .user-layout .tabs>li.active>a:active, .user-layout body.dark-theme .tabs>li.active>a:active, body.dark-theme .control-tabs-top>li.active>a:active, body.dark-theme .chart-editor .tabs>li.active>a:active, .chart-editor body.dark-theme .tabs>li.active>a:active, body.dark-theme .control-tabs>li.active>a:focus, body.dark-theme .control-tabs-left>li.active>a:focus, body.dark-theme .tabbed-layout .tabs>li.active>a:focus, .tabbed-layout body.dark-theme .tabs>li.active>a:focus, body.dark-theme .settings-layout .tabs>li.active>a:focus, .settings-layout body.dark-theme .tabs>li.active>a:focus, body.dark-theme .user-layout .tabs>li.active>a:focus, .user-layout body.dark-theme .tabs>li.active>a:focus, body.dark-theme .control-tabs-top>li.active>a:focus, body.dark-theme .chart-editor .tabs>li.active>a:focus, .chart-editor body.dark-theme .tabs>li.active>a:focus, body.dark-theme .control-tabs>li.active>a:hover, body.dark-theme .control-tabs-left>li.active>a:hover, body.dark-theme .tabbed-layout .tabs>li.active>a:hover, .tabbed-layout body.dark-theme .tabs>li.active>a:hover, body.dark-theme .settings-layout .tabs>li.active>a:hover, .settings-layout body.dark-theme .tabs>li.active>a:hover, body.dark-theme .user-layout .tabs>li.active>a:hover, .user-layout body.dark-theme .tabs>li.active>a:hover, body.dark-theme .control-tabs-top>li.active>a:hover, body.dark-theme .chart-editor .tabs>li.active>a:hover, .chart-editor body.dark-theme .tabs>li.active>a:hover,
body.light-theme .control-tabs>li.active>a:active, body.light-theme .control-tabs-left>li.active>a:active, body.light-theme .tabbed-layout .tabs>li.active>a:active, .tabbed-layout body.light-theme .tabs>li.active>a:active, body.light-theme .settings-layout .tabs>li.active>a:active, .settings-layout body.light-theme .tabs>li.active>a:active, body.light-theme .user-layout .tabs>li.active>a:active, .user-layout body.light-theme .tabs>li.active>a:active, body.light-theme .control-tabs-top>li.active>a:active, body.light-theme .chart-editor .tabs>li.active>a:active, .chart-editor body.light-theme .tabs>li.active>a:active, body.light-theme .control-tabs>li.active>a:focus, body.light-theme .control-tabs-left>li.active>a:focus, body.light-theme .tabbed-layout .tabs>li.active>a:focus, .tabbed-layout body.light-theme .tabs>li.active>a:focus, body.light-theme .settings-layout .tabs>li.active>a:focus, .settings-layout body.light-theme .tabs>li.active>a:focus, body.light-theme .user-layout .tabs>li.active>a:focus, .user-layout body.light-theme .tabs>li.active>a:focus, body.light-theme .control-tabs-top>li.active>a:focus, body.light-theme .chart-editor .tabs>li.active>a:focus, .chart-editor body.light-theme .tabs>li.active>a:focus, body.light-theme .control-tabs>li.active>a:hover, body.light-theme .control-tabs-left>li.active>a:hover, body.light-theme .tabbed-layout .tabs>li.active>a:hover, .tabbed-layout body.light-theme .tabs>li.active>a:hover, body.light-theme .settings-layout .tabs>li.active>a:hover, .settings-layout body.light-theme .tabs>li.active>a:hover, body.light-theme .user-layout .tabs>li.active>a:hover, .user-layout body.light-theme .tabs>li.active>a:hover, body.light-theme .control-tabs-top>li.active>a:hover, body.light-theme .chart-editor .tabs>li.active>a:hover, .chart-editor body.light-theme .tabs>li.active>a:hover
{
    color: #ffd702;
}

body.dark-theme #nav-dashboards:focus-within, body.dark-theme #nav-dashboards:hover, body.dark-theme #nav-events:focus-within, body.dark-theme #nav-events:hover, body.dark-theme #nav-ingestion:focus-within, body.dark-theme #nav-ingestion:hover, body.dark-theme #nav-settings:focus-within, body.dark-theme #nav-settings:hover, body.dark-theme #nav-user:focus-within, body.dark-theme #nav-user:hover, body.dark-theme #nav-support:focus-within, body.dark-theme #nav-support:hover,
body.light-theme #nav-dashboards:focus-within, body.light-theme #nav-dashboards:hover, body.light-theme #nav-events:focus-within, body.light-theme #nav-events:hover, body.light-theme #nav-ingestion:focus-within, body.light-theme #nav-ingestion:hover, body.light-theme #nav-settings:focus-within, body.light-theme #nav-settings:hover, body.light-theme #nav-user:focus-within, body.light-theme #nav-user:hover, body.light-theme #nav-support:focus-within, body.light-theme #nav-support:hover
{
    color: #50a684;
}

body.dark-theme .btn.btn-success,
body.light-theme .btn.btn-success
{
border-radius: 0.25rem;
background-color: #ffd702;
border-color: #ffd702;
color: #212529;
font-weight: bold;
font-family: Century Gothic,Futura,Helvetica Neue,Helvetica,Arial,sans-serif
}

body.dark-theme .btn.btn-success:hover,
body.dark-theme .btn.btn-success:focus,
body.light-theme .btn.btn-success:hover,
body.light-theme .btn.btn-success:focus
{
background-color: #d9ae00;
border-color: #d9ae00;
color: #212529;
}