/* Menu */

#mmenu {
    position: fixed;
    top: calc(50% - 12.8px);
    right: -100px;
    
    height: 25.6px;
    width: 25.6px;
    
    opacity: 0.8;
    
    user-select: none;
    
    z-index: 110;
}

.mcircle {
    position: absolute;
    top: 0;
    
    height: 25.6px;
    width: 25.6px;
    
    border-radius: 50%;
    
    opacity: 0.9;
    background: #777777;
    
    user-select: none;
    
    -webkit-box-shadow: 0px 10px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 10px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.35);
}

.mcircle_2 {
    position: absolute;
    bottom: 0;
    
    height: 25.6px;
    width: 25.6px;
    
    border-radius: 50%;
    
    opacity: 0.9;
    background: #777777;
    
    user-select: none;
    
    -webkit-box-shadow: 0px 10px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 10px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.35);
}

.moptions {
    position: absolute;
    top: 38.4px;
    bottom: 38.4px;
    left: 0;
    right: 0;
    
    border-radius: 24px;
    
    opacity: 0.9;
    background: #777777;
    
    user-select: none;
    
    -webkit-box-shadow: 0px 10px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 10px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.35);
}


.moption {
    width: 6px;
    height: 6px;
    
    position: absolute;
    
    left: calc(50% - 3px);
    right: calc(50% - 3px);
    
    background: white;
    
    border-radius: 50%;
    
    user-select: none;
}

#mopt1 {
    top: 12px;
}

#mopt2 {
    top: 29.4px;
}

#mopt3 {
    top: 46.8px;
}

#mopt4 {
    top: 64.2px;
}

#mopt5 {
    top: 81.6px;
}

#mopt6 {
    top: 99px;
}



/* Option selection boxes */
.moptionBox {
    width: 17.4px;
    height: 17.4px;
    
    position: absolute;
    
    z-index: 110;
    
    left: calc(50% - 8.7px);
    right: calc(50% - 8.7px);
    
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    
    user-select: none;
    
    /*box-sizing: border-box;
    border: 1px solid white;*/
}

#moptBox1 {
    top: 6.3px;
}

#moptBox2 {
    top: 23.7px;
}

#moptBox3 {
    top: 41.1px;
}

#moptBox4 {
    top: 58.5px;
}

#moptBox5 {
    top: 75.9px;
}

#moptBox6 {
    top: 93.3px;
}



/* optTop + optHeight / 2 - optnHeight / 2*/
#moptn1 {
    top: 8px;
}

#moptn2 {
    top: 25.4px;
}

#moptn3 {
    top: 42.8px;
}

#moptn4 {
    top: 60.2px;
}

#moptn5 {
    top: 77.6px;
}

#moptn6 {
    top: 95px;
}



.moption_name {
    position: absolute;
    
    right: 130%;
    
    height: 14px; /* 12.8 */
    width: 425%;
    
    opacity: 0.9;
    background: #777777;
    
    z-index: 99;
    
    border-radius: 8px;
    
    opacity: 0;
    
    display: table-cell;
    
    color: white;
    font-family: sans-serif;
    
    text-align:center; 
    vertical-align:middle;
    
    user-select: none;
    
    font-size: 11px;
}

#mselection {
    width: 10px;
    height: 10px;
    
    position: absolute;
    
    top: 11px;
    left: calc(50% - 5px);
    right: calc(50% - 5px);
    
    border: 1px solid white;
    
    border-radius: 50%;
    
    user-select: none;
}

.mmenu_text {
    /*color: white;
    font-family: sans-serif;
    
    font-size: 11px;*/
}