/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */


#omnie-flexcroll-vscroller {
height:100%;
width: 30px;
position: absolute;
/*  Enable following line if you want to keep the scrollbase visible at all times
visibility: visible !important; */
    
width: 10px;

margin-left:-6px;
margin-top:0px;
}


#omnie-flexcroll-vscroller .flexcroll-scrollbar {
visibility: hidden;
position: absolute; /* position needs to be absolute */
width: 12px;
height: 20px !important;   
padding-top:105px;
border-top:6px solid #0e0f39;
border-bottom:6px solid #0e0f39;
border-radius:5px;
margin-top:0px;
background: url('../img/scrollar.svg') center no-repeat red; 

background-color: #0e0f39;
   
}



.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: -12px;
    padding-left:5px;
    
}

.vscrollerbase {
width: 1px;
background: #13144a;
background: rgba(19,20,74, 0.7);
background: none;
border-radius: 4px;
position: absolute;
margin-left:0;
margin-top:20px;
   


}

.vscrollerbar:before {
    content:"";
    width: 1px;
    height:1000px;
    display:block;
    margin-top:-1020px;
    margin-left:5px;
    //background: #6bddff;
    border-left: solid 1px #2e3192;
}

.vscrollerbar {
width: 12px;
height: 20px;
max-height: 20px;
background: #737693;
background: rgba(164, 166, 188, 0.5);
margin-top:-20px;
border-radius: 5px;
    
    
   background: url('../img/scrollar.svg') center no-repeat; 

   background-size: contain;
   border-radius:0;

}
.vscrollerbar:after{
    content:"";
    width: 1px;
    height:1000px;
    display:block;
    margin-top:60px;
    margin-left:5px;
    //background: #6bddff;
    border-left: solid 1px #2e3192;
}



.scrollgeneric:hover > .vscrollerbar{
	//background: rgba(164, 166, 188, 1);
}

.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}