/**
 * custom CSS goes here
 */

/**
 * Show it is fixed to the top
 */
body {
    padding-top: 4.5rem;
    font-size: 14px;
}

/**
 * fix for DataTables issues with browsers on OSX,
 * needs to be combined with the 100% width tag in the table element
 *
 * NOTE:
 * can cause issues with long content in columns in other browsers
 */
table {
    table-layout: fixed;
}

/**
 * make menus scrollable
 */
.scrollable-menu {
    height: auto;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
}

/**
 * styling for our charts
 */
.chart_container {
    width: 100%;
    height: 300px;
    margin: 0 auto;
    position: relative;
}

.loading_spinner {
    position: absolute;
    top: 30%;
    width: 100%;
    font-size: 100%;
    z-index: 11;
    opacity: 0.5;
}

canvas {
    width: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.site_chart_wrapper {
    min-width: 0;
}