@CHARSET "UTF-8";

body { margin: 0; }

div#main-container { width: 96%; /*min-width: 1000px;*/ margin: 0 auto; }

div.dash-container { 
    width: 480px;
    float: left;
    padding: 4px;
    border: none;
    margin: 10px;
}

div#widget-palette {
    display: none;
    float: left;
    background-color: #eee;
    border: 1px dashed #000;
    border-radius: 8px;
    margin: 0 10px;
}

div#widget-palette h4 { text-align: center; margin: 20px; }
div#widget-palette p { font-style: italic; margin: 20px; }
div.dash-container.dash-container-sm { width: 248px; background-color: #fff; padding: 4px; }
div.dash-container.dash-container-sm img { width: 240px; height: auto; }

div.dash-container.bordered {
    border: 1px #aaa solid;
    border-radius: 8px;
}

a#customize-dash {
    font-size : 14px;
    vertical-align: middle;
}

.dt-body-right { text-align: right; }
.dt-body-nowrap { white-space: nowrap; }
.table-hover>tbody>tr:hover { background: #e0f0fb; }

div#sql-modal div.modal-content div.modal-body code {
    color: #333;
    white-space: pre;
    font-size: 11px;
    line-height: 16px;
    background-color: #fff;
    border: none;
}

div#loading {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaf;
    opacity: 0.80;
}
div#loading>div { text-align: center; background: #aaf; margin-top: 15%; z-index: 2; }

div.highcharts { border: 2px #def solid; margin: 40px 0 60px; }

div#dt-buttons { float: right; }
div#dt-search { float: right; padding-right: 80px; }

li.list-category {
    font-weight: bold;
    padding-left: 8px;
}

li.list-empty,
li span.list-meta {
    font-style: italic;
    color: #888;
    padding-left: 20px;
}

span.color-code {
    display: inline-block;
    width: 32px;
    height: 16px;
    border: 1px #aaa solid;
    margin: 0 8px -3px;
}
span.color-code.yellow { background-color: #f8f8d8; }
span.color-code.green { background-color: #ddffd8; }
span.color-code.red { background-color: #ffd8d8; }

h4#report-title span#report-title-meta {
    font-size: 14px;
    font-weight: normal;
}

.query-builder .rules-group-container {
    background: #ddd;
    border-color: #333;
}

table#import-upload-table.datatable { width : 100%; }

table#kpi-summary-table thead tr th { white-space: nowrap; font-size: 11px; }
table#kpi-summary-table tbody tr td { white-space: nowrap; font-size: 11px; }

div#kpi-summary-table_wrapper { font-size: 11px; }

td.multi-value-cell { background-color : #ddffd8; }
td.multi-value-cell.dirty-values { background-color : #ffd8d8; }

div#orig-headings { height : 200px; overflow-y : scroll; }

div#headings-list-nav { text-align: center; margin-top: 12px; }

div#error-panel table { background: #fff; }

/* initially hidden things */
div#error-panel,
div#download-button-container { 
    display: none;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.bold { font-weight: bold; }
.error { color: #f44; }

/* some tweaks for small devices */
@media only screen and (max-device-width: 1024px) {
    div.dash-container { width: 98%; }
}