.ac-btns .ac-btns-item {
  margin-right: 8px;
  cursor: pointer; }

.ac-btns span.ac-btns-item {
  color: #0073e1;
  font-size: 12px; }
  .ac-btns span.ac-btns-item[disabled] {
    color: #dfe1e6; }

.ac-btns button.ac-btns-item.u-button {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  min-width: 60px;
  min-height: 30px;
  padding: 0 10px;
  min-height: 30px;
  line-height: 30px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .ac-btns button.ac-btns-item.u-button.u-button-sm {
    min-width: 44px;
    min-height: 22px;
    line-height: 22px; }
  .ac-btns button.ac-btns-item.u-button:last-child {
    margin-right: 0; }
  .ac-btns button.ac-btns-item.u-button.ac-btns-write {
    box-shadow: none;
    border-color: #d9d9d9;
    color: #535a69;
    background-color: #fff;
    font-weight: 500; }
    .ac-btns button.ac-btns-item.u-button.ac-btns-write:hover {
      color: #505766;
      border-color: #505766;
      background-color: unset;
      z-index: 2; }
  .ac-btns button.ac-btns-item.u-button.u-button-primary {
    background: linear-gradient(90deg, #fa482e, #f32f27);
    color: #fff;
    border: none;
    box-shadow: none;
    height: 30px;
    line-height: 30px; }
    .ac-btns button.ac-btns-item.u-button.u-button-primary:hover {
      background: linear-gradient(90deg, #f32f27, #fa482e);
      color: #fff; }
  .ac-btns button.ac-btns-item.u-button.u-button-secondary {
    background-color: #eceff1;
    color: #212121;
    border: 1px solid #eceff1;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
    .ac-btns button.ac-btns-item.u-button.u-button-secondary:hover {
      border: 1px solid #dfe1e6;
      background-color: #dfe1e6;
      color: #212121; }
  .ac-btns button.ac-btns-item.u-button.ac-btns-write.u-button-dark {
    background-color: #505766;
    color: #fff;
    border: 1px solid #505766;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
    .ac-btns button.ac-btns-item.u-button.ac-btns-write.u-button-dark:hover {
      border: 1px solid #616875;
      background-color: #616875;
      color: #fff; }
  .ac-btns button.ac-btns-item.u-button.ac-btns-search, .ac-btns button.ac-btns-item.u-button.ac-btns-clear, .ac-btns button.ac-btns-item.u-button.ac-btns-empty, .ac-btns button.ac-btns-item.u-button.ac-btns-first, .ac-btns button.ac-btns-item.u-button.ac-btns-previous, .ac-btns button.ac-btns-item.u-button.ac-btns-next, .ac-btns button.ac-btns-item.u-button.ac-btns-last, .ac-btns button.ac-btns-item.u-button.ac-btns-max, .ac-btns button.ac-btns-item.u-button.ac-btns-min {
    min-width: 30px;
    padding: 0;
    line-height: 30px;
    color: #111;
    background-color: #fff;
    height: 30px; }
  .ac-btns button.ac-btns-item.u-button.ac-btns-add .uf {
    font-size: 12px;
    padding: 0;
    margin-right: 3px; }
  .ac-btns button.ac-btns-item.u-button.ac-btns-search {
    background: linear-gradient(90deg, #fa482e, #f32f27);
    color: #fff;
    min-width: 52px;
    position: relative;
    top: 1px; }
  .ac-btns button.ac-btns-item.u-button.ac-btns-empty .uf, .ac-btns button.ac-btns-item.u-button.ac-btns-clear .uf, .ac-btns button.ac-btns-item.u-button.ac-btns-search .uf, .ac-btns button.ac-btns-item.u-button.ac-btns-max .uf, .ac-btns button.ac-btns-item.u-button.ac-btns-min .uf {
    font-size: 18px;
    position: relative;
    top: 2px; }
  .ac-btns button.ac-btns-item.u-button.u-button[disabled], .ac-btns button.ac-btns-item.u-button.u-button[disabled]:hover {
    border: 1px solid #d9d9d9;
    color: rgba(0, 0, 0, 0.25);
    background: #f7f7f7;
    box-shadow: none; }

.ac-btns .icon.ac-btns-add, .ac-btns .icon.ac-btns-update, .ac-btns .icon.ac-btns-delete {
  color: linear-gradient(90deg, #fa482e, #f32f27); }
  .ac-btns .icon.ac-btns-add .uf, .ac-btns .icon.ac-btns-update .uf, .ac-btns .icon.ac-btns-delete .uf {
    padding: 0; }

.u-button-group .ac-btns .u-button {
  float: left;
  min-width: 25px;
  margin-right: 0; }

.u-button-group .ac-btns .u-button:first-child {
  margin-left: 0; }

.u-button-group .ac-btns .u-button:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.u-button-group .ac-btns .u-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.u-button-group .ac-btns .u-button:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.u-button-group .ac-btns .u-button-border + .u-button-border,
.u-button-group .ac-btns .u-button-border + .u-button-group,
.u-button-group .ac-btns .u-button-group + .u-button-border,
.u-button-group .ac-btns .u-button-group + .v-group {
  margin-left: 1px; }

.u-button-group .ac-btns .u-button + .u-button,
.u-button-group .ac-btns .u-button + .u-button-group,
.u-button-group .ac-btns .u-button-group + .u-button,
.u-button-group .ac-btns .u-button-group + .v-group {
  margin-left: -1px; }

.ac-btns-dropdown .u-dropdown-menu > .u-dropdown-menu-item-selected {
  color: #000;
  background-color: #fff; }

.ac-btns-dropdown .u-dropdown-menu > .u-dropdown-menu-item-selected:hover {
  background-color: #ebecf0; }

.ac-btns-dropdown .icon.ac-btns-add, .ac-btns-dropdown .icon.ac-btns-update, .ac-btns-dropdown .icon.ac-btns-delete {
  color: linear-gradient(90deg, #fa482e, #f32f27); }

.ac-btns-item {
  margin-top: 10px; }

.demo2-title {
  margin-top: 10px;
  margin-bottom: 10px; }

/*# sourceMappingURL=demo.css.map */
