.scroltable-wrapper {
  position: relative;
}

.scroltable-container {
  overflow: hidden;
}

.scroltable-nav {
  display: none;
  position: absolute;
  width: 40px;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}


.scroltable-nav {
    /*
    background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -webkit-linear-gradient(180deg, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -moz-linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -ms-linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -o-linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
    
      
    background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -webkit-linear-gradient(180deg, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -moz-linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -ms-linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -o-linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
        */

  
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center;
  border-right: 1px solid #dadada;
}

.scroltable-nav.scroltable-nav-left {
left: -40px;
}

.scroltable-nav.scroltable-nav-right {
    
  right: -40px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);        
  -o-transform: rotate(180deg);          
  -ms-transform: rotate(180deg);         
  transform: rotate(180deg); 
}

@media screen and (max-width: 1250px) {

    .scroltable-wrapper.narrow {max-width: 95%; margin: 0 auto;}

    /*

    .scroltable-nav {border-right: none; border-left: 1px solid #dadada;

                       background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -webkit-linear-gradient(180deg, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -moz-linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -ms-linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, -o-linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);
  background: url(/images/icons/arrow-icon--pink.png) no-repeat 10px center, linear-gradient(to left, rgba(255,255,255,0), #f8f8f8);

    }

    .scroltable-nav.scroltable-nav-left {
left: 0px;
}

    .scroltable-nav.scroltable-nav-right {
        right: 0px;
    }

        */

}

@media screen and (max-width: 991px) {

    .scroltable-wrapper.narrow {max-width: 100%; margin: 0 auto;}

    .scroltable-nav {border:none;  width: 14px; background: url(/images/icons/arrow-icon--dark-yellow-thin.png) no-repeat center top;  background-size: 8px auto; top: 8px;}

.scroltable-nav.scroltable-nav-left {
left: 2px;
}

.scroltable-nav.scroltable-nav-right {
  right: 2px;
  background-position: center bottom;
}

table.hotel-price-table th {vertical-align:bottom;}

}