/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
   background: url(../images/arrow.png) no-repeat;  display:block; background-position:right; 
}

/*
 * Scrollbar rail styles
 */


.ps__rail-y {
  display: none;
  opacity: 1;
  width:49px;
  right: 0;
  position: absolute;
}

.ps--active-y > .ps__rail-y {
  display: block;

}

.ps:hover > .ps__rail-y,
.ps > .ps__rail-y,
.ps > .ps__rail-y {
 opacity: 1;
display: block!important;
}

.ps .ps__rail-y:hover,
.ps .ps__rail-y:focus,
.ps .ps__rail-y.ps--clicking {


    height: 470px !important;
    padding: 45px 0px;

}



.ps__thumb-y {
    background: url(../images/arrow1.png) no-repeat;
        background-size: auto;
    border-radius: 6px;
    width: 49px;
    position: absolute;
    background-size: 100%;
	background-position:center;
	height:97px!important;
}



.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
#container {
    position: relative;
    margin: 20px auto;
    padding: 0px 60px 0px 0px;
    width: 120%;
    height: 470px;
    overflow: auto;
}