/*! Fataliiseeds JQUERY UI v1.0.0 | Leximo <hi@leximo.cz> */

/*
  ui
  ***
*/

.ui {
  /* NOPE */
}

/*
  ui-spinner
  ***
*/

.ui-spinner {
  width: 120px;
  position: relative;
  display: inline-block;
}

/*
  Adjust input
  ---
*/

.ui-spinner .input, 
.ui-spinner .input-text {
  padding: 11px 42px 10px 42px;
  border-radius: 100px;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
}

/*
  button
  ---
*/

.ui-spinner-button {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 6px;
  background-color: #DCE2E4;
  border-radius: 50%;
  cursor: pointer;
  color: #333;
  transition: 150ms linear;
}

/* hover */

.ui-spinner-button:hover {
  background-color: #54ab60;
  color: #fff;
}

/*
  Arrow
  ...
*/

.ui-spinner-button:before {
  content: '\2023';
  position: absolute;
  left: 11px;
  top: 14px;
  font: 30px 'Verdana', sans-serif;
  line-height: 0;
}

/*
  - up
  ...
*/

.ui-spinner-button.ui-spinner-up {
  right: 6px;
}
.ui-spinner-button.ui-spinner-up:before {
  transform: scaleX(0.8);
}

/*
  - down
  ...
*/

.ui-spinner-button.ui-spinner-down {
  left: 6px;
}
.ui-spinner-button.ui-spinner-down:before {
  transform: scaleX(-0.8);
}