/*
    bz analytics
    graphics web ui / css 

    SPDX-FileCopyrightText: (C) 2018 IDM Suedtirol - Alto Adige
    SPDX-FileCopyrightText: (C) 2019 NOI Techpark Suedtirol/Alto Adige
 
    see vendor/ for third pary libraries needed by this code

    author: chris@1006.org  

    SPDX-License-Identifier: AGPL-3.0-or-later
*/


/* gfx container */

#gfx {
    min-width: 990px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding: 4px 16px 16px 16px;
    color: #999999;
}

#gfx input {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

#gfx select {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

#gfx button {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}


/* x-axis (time) range selection */
#gfx_time {
    height: 70px;
}


/* chart  */

#gfx_plot {
    height: 400px; 
    position: relative;
    border: 1px solid #999999;
    padding: 4px;
}

#gfx_flot {
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#gfx_wait {
    background-color: #FFFFFF;
    font-size: 24px;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}


/* data cursor */

#gfx_data_cursor_pane {
    position: absolute;
    min-width: 40px;
    min-height: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: rgba(160, 160, 160, 0.75);
    padding: 8px;
}

#gfx_data_cursor_mark {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px 5px;
    background-color: rgba(0, 0, 0, 0.75);
}



/* spacer */

#gfx_vspacer {
    height: 4px;
}


/* tabs */

#gfx_tabs {
}

.gfx_tab {
    display: inline-block;
    padding: 4px;
    margin-right: 4px;
    border-radius: 4px 4px 0 0;
}

.gfx_tab a, .gfx_tab a:link, .gfx_tab a:visited {
    text-decoration: none;
    color: #000000;
}

.gfx_tab a:hover {
    color: #FF0000;
}

.gfx_tab_active {
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #df9011;
}

.gfx_tab_active a, .gfx_tab_active a:link, .gfx_tab_active a:visited {
    color: #df9011;
}

.gfx_tab_active a:hover {
    color: #FF0000;
}


/* tabbed panels */

#gfx_tabbed_panels {
}

#gfx_legend > table {
    border-collapse: collapse;
}

#gfx_legend > table tr:first-child > td {
    background-color: #f5f7f4;
    border: none;
}

#gfx_legend > table td {
    background-color: #FFFFFF;
    padding: 2px 8px 2px 8px;
    border: 1px solid black;
}

#gfx_legend {
}

#gfx_moredata {
    height: 60px;
}

#gfx_moredata > table {
    border-collapse: collapse;
}

#gfx_moredata > table td {
    padding-right: 10px;
}

.gfx_notice {
  animation: blinking 0.5s infinite;
}

.gfx_status_error {
  color: #FF0000;
}

#gfx_error_log {
  color: #FF1111;
}

@keyframes blinking {
  0% {
    background-color: #FFFFFF;
  }
  50% {
    background-color: #ffa513;
  }
  0% {
    background-color: #FFFFFF;
  }
}


/* links and buttons */

button.gfx_sel {
    background-color: #ffa513;
}
button.gfx_nsel {
    background-color: #EEEEEE;
}


/* highlighted text */

.gfx_hi {
    color: #df9011
}