body, html {
    height:100%;
    margin:0px;
    padding:0px;
    font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
    min-width:1300px;
    min-height: 600px;
    width: auto !important;
    width:1300px;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
}

.dygraph-legend {
    background-color: rgba(200, 200, 255, 1) !important;
    padding: 2px;
    border: 1px solid #000;
    border-radius: 10px;
    margin-top: 50px !important
}

.nav > .nav-item > .active {
    color: #ffcb05;
    background-color: #00274c;
}

.nav > .nav-item > .disabled {
    color: #00274c;
    background-color: rgb(199, 199, 199);
}

.btn-secondary{
    background-color: rgb(199, 199, 199);
}

.nav > .nav-item >a:hover {
    color: #ffcb05;
    background-color: #00274c;
}

.assignment-font{
    font-size: 20px;
}

/* Heights of main Rows */
.title-height {
    height: 3%;
}

.main-height {
    height: 97%;
}

.assignment-height{
    height: 10%;
}

.toolbar-height{
    height: 10%;
}

.canvas-collapsed-height{
    height: 90%;
}

.button-size{
    height: 100%;
    width: 100%;
}

/* .canvas-not-collapsed-height{
    height: 70%;
} */

.properties-title-height{
    height: 5%;
}

.properties-content-height{
    height: 95%;
}

.graph-text-font{
    font-size: 35px;
}

.tooltip-text-font{
    font-weight: bold;
    font-size: 14px;
}

.google-visualization-tooltip {  margin-top: 10px !important;}

.go-text-font{
    font-size: 50px;
}

.property-width{
    width: 80%;
}

.property-left{
    margin-left: 10px;
}

.pre-post-font{
    font-size: 20px;
}

.title-font{
    font-size: 20px;
    color: #00274c;
}

.card-back{
    background-color: #ffcb05;
}

.card-back-other{
    background-color: #00274c;
}

.card-back-back{
    background-color: #FFFFFF;
}

.white-back{
    background-color: #FFFFFF;
}

.card-font{
    color: #00274c;
}

.card-font-other{
    color: #ffcb05;
}

/* Colors of main Rows */
.title-color {
    background-color: #ffcb05;
}

.assignment-color {
    background-color: #FFFFFF;;
}

.toolbar-color {
    background-color: #FFFFFF;;
}

.properties-color {
    background-color: #FFFFFF;
}

.graph-color {
    background-color: #FFFFFF;; /*#A9DEF9;*/
}

.graph-row-height {
    height: 95%;
}

.graph-x-height {
    height: 5%;
}

/* Colors of sliders */
.red-slider .noUi-connect {
    background: #FF0000;
}

.green-slider .noUi-connect {
    background: #00FF00;
}

.green-slider1 .noUi-connect {
    background: #7030A0;
}
.green-slider2 .noUi-connect {
    background: #0070C0;
}
.green-slider3 .noUi-connect {
    background: #0FACBD;
}
.green-slider4 .noUi-connect {
    background: #006600;
}
.green-slider5 .noUi-connect {
    background: #BDE5A2;
}
.green-slider6 .noUi-connect {
    background: #84D0A5;
}

.red-slider1 .noUi-connect {
    background: #C3284D;
}
.red-slider2 .noUi-connect {
    background: #F56F43;
}
.red-slider3 .noUi-connect {
    background: #FDB163;
}


/* Base noUiSlider style */
.noUi-base .noUi-handle {
    background: #000000;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    color: #000000;
    padding: 0;
    position: absolute;
    text-align: center;
    z-index: 2;
}

.noUi-horizontal .noUi-handle {
    height: 17px;
    width: 30px;
    top: 0px;
}

.noUi-vertical .noUi-handle {
    height: 30px;
    width: 17px;
    top: -15px;
    left: 0px;
}

svg > g:last-child > g:last-child { pointer-events: none }
div.google-visualization-tooltip { pointer-events: none }