/********************************************************************\
/*  This file is part of the Fregis System (http://www.fregis.cz)     \
/*  Copyright (c) 2012 Karel Hák, Martin Jelič, Jakub Kocourek         \
/*                                                                     /
/*  @license http://www.fregis.cz/license                             /
/********************************************************************/
.ui-spinner {
  border: none;
  border-radius: 2px;
  display: block;
  margin-bottom: 5px;
}
.input-group .ui-spinner {
  margin-bottom: 0;
}
.input-group .ui-spinner {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group .ui-spinner input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ui-spinner a.ui-spinner-up,
.ui-spinner a.ui-spinner-down {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-width: 1px 1px 0 1px;
  z-index: 4;
}
.ui-spinner a.ui-spinner-down {
  border-width: 0 1px 1px 1px;
}
.ui-spinner input {
  margin: 0;
}
.ui-spinner-button {
  width: 18px;
  line-height: unset;
}
.ui-spinner .ui-icon {
  margin-left: 0;
}
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
  .backend .ui-spinner {
    display: block;
    color: red;
  }
  .backend .ui-spinner input,
  .backend .ui-spinner input.form-control {
    border-radius: 0;
    width: 60%;
    margin: 0 20%;
    float: none;
    text-align: center;
  }
  .backend .ui-spinner .ui-spinner-button {
    width: 20%;
    height: 100%;
  }
  .backend .ui-spinner .ui-spinner-button.ui-spinner-up {
    border-width: 1px 1px 1px 0;
    right: 0;
  }
  .backend .ui-spinner .ui-spinner-button.ui-spinner-up span {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    background: none;
  }
  .backend .ui-spinner .ui-spinner-button.ui-spinner-up span::after {
    content: '+';
    display: block;
    font-size: 20px;
    margin-top: 3px;
  }
  .backend .ui-spinner .ui-spinner-button.ui-spinner-down {
    border-width: 1px 0 1px 1px;
    left: 0;
  }
  .backend .ui-spinner .ui-spinner-button.ui-spinner-down span {
    background: none;
  }
  .backend .ui-spinner .ui-spinner-button.ui-spinner-down span::after {
    content: '-';
    display: block;
    font-size: 20px;
  }
  .backend form input.title ~ .ui-spinner-button,
  .backend form select.title ~ .ui-spinner-button,
  .backend form .title .remoteSelect ~ .ui-spinner-button,
  .backend form .title.select2 ~ .ui-spinner-button,
  .backend .row-fluid form input.title ~ .ui-spinner-button,
  .backend .row-fluid form div.title ~ .ui-spinner-button {
    width: 20%;
  }
  .backend form input.title ~ .ui-spinner-button.ui-spinner-down span::after,
  .backend form select.title ~ .ui-spinner-button.ui-spinner-down span::after,
  .backend form .title .remoteSelect ~ .ui-spinner-button.ui-spinner-down span::after,
  .backend form .title.select2 ~ .ui-spinner-button.ui-spinner-down span::after,
  .backend .row-fluid form input.title ~ .ui-spinner-button.ui-spinner-down span::after,
  .backend .row-fluid form div.title ~ .ui-spinner-button.ui-spinner-down span::after,
  .backend form input.title ~ .ui-spinner-button.ui-spinner-up span::after,
  .backend form select.title ~ .ui-spinner-button.ui-spinner-up span::after,
  .backend form .title .remoteSelect ~ .ui-spinner-button.ui-spinner-up span::after,
  .backend form .title.select2 ~ .ui-spinner-button.ui-spinner-up span::after,
  .backend .row-fluid form input.title ~ .ui-spinner-button.ui-spinner-up span::after,
  .backend .row-fluid form div.title ~ .ui-spinner-button.ui-spinner-up span::after {
    margin-top: 8px;
  }
}