.item-elem {
    width: 100px;
    display: inline-block;
 }
 .val-elem {
    width: 60px;
    display: inline-block;
    
 }

 .val-elem-nowidth {
    display: inline-block;
    min-width: 60px;
 }

 .val-elem-special {
    width: 150px;
    display: inline-block;
    
 }
 .row-elem {
     height: 25px;
 }
 .left{ display:inline-block;width:40%;color: rgba(255, 255, 255, 0.8);padding-top:3px; }
 .right{ margin-left:17px;display:inline-block;width:33%;height:20px;color: rgba(255, 255, 255, 0.8);padding-top:3px; }
 .center{ display:inline-block;width:15%;color: rgba(255, 255, 255, 0.8);text-align:center;padding-top:5px; }
 
 .center-special {
      display:inline-block;width:55%;color: rgba(255, 255, 255, 0.8);text-align:center;padding-top:5px;
 }
 .ps> .ps__scrollbar-x-rail, .ps> .ps__scrollbar-y-rail{
    
     opacity: 0.6;
 }
 .momentum-scroll {
        -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
 }
.scroll-pane
{
 width: 100%;
 height: 200px;
 overflow: auto;
}
.scroll-pane p
{
 margin: 5px 0;
}

.navbar-collapse::-webkit-scrollbar {
 width: 20px;
}
.navbar-collapse::-webkit-scrollbar-track {
 background-color: lightgray;
}
.navbar-collapse::-webkit-scrollbar-thumb {
 background-color: lightblue;
}