/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
/* line 6, ../../scss/scrollable/scrollable-horizontal.scss */
.scrollable {
  /* required settings */
  text-align: left;
  position: relative;
  overflow: hidden;
  width: 380px;
  height: 60px;
  /* custom decorations */
  border: 0px solid red;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
/* line 27, ../../scss/scrollable/scrollable-horizontal.scss */
.scrollable .items {
  /* this cannot be too large */
  position: absolute;
  clear: both;
}

/* single scrollable item */
/* line 35, ../../scss/scrollable/scrollable-horizontal.scss */
.scrollable img {
  margin: 0;
  padding: 0;
}

/* line 40, ../../scss/scrollable/scrollable-horizontal.scss */
.scrollable a {
  margin: 0;
  background-color: #fff;
  padding: 0px;
  cursor: pointer;
  width: 60px;
  height: 60px;
}

/* active item */
/* line 51, ../../scss/scrollable/scrollable-horizontal.scss */
.scrollable .active {
  border: 0px solid #000;
  position: relative;
}