app_pages.css

/* style of body (remove margins) */
body {
    margin: 0;
}

/* style of all divs (just to see layout easily) */
div {    
    box-sizing: border-box;     
    border: solid red 0px;
    position: absolute;
}

.graph{
    overflow: hidden;
    position: absolute;
}

.graph-info{
    right: 0;
    color: white;
    z-index: 1;

}

.text-box{
    background-color: white;
    color: black;
    font-size: 10px;
}

/* center mathjax expressions */
.MJXc-display{
    display:table;
    margin:0 auto;
    
}
p{
    padding: 5px;
}



/* style of stage buttons */
.stage-btn {
    background-color: #222 ;
    float: left;
    border: none;
    font-size: 15px;
    height: 100%;
    color: white;
    outline: none;
}

/* stage buttons during hover */
.stage-btn:hover {
    background-color: #333;
}

/* stage button when active */
.stage-btn.active {
    background-color: white;
    color: black;
}

/* style of back forward button */
.back-fwd-btn {
    background-color:inherit;
    border: none;
    position: "absolute";
    font-size: 40;
    color: black;
    right: 100px;
    z-index: 2;
    outline: none;
    
}

.back-fwd-btn:disabled{
    color: #444;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 80px;
    background-color: gray;
    color: black;
    text-align: center;
    border-radius: 0px;
    padding: 5px 0;
    position: absolute;  
    font-size: 10px;
}

.tooltip:hover .tooltiptext {
    transition-delay: 0.3s;
    visibility: visible;
}

 
.slider {
    -webkit-appearance: none;
    width: 100%;
    border-radius: 20px;  
    background: lightgray;
    outline: none;
    opacity: 0.8;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    border-radius: 50%; 
    background: var(--c)
}

.slider::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    border-radius: 50%; 
    background: var(--c)
}