/* Button */
.button {
  display: inline-block;
  padding: 2px 16px 3px;
  min-width: 64px; height: 32px;
  border: 1px solid #569CAB; border-radius: 15px;
  background: #569CAB;
  color: #FFF;
  font-size: 18px; font-weight: normal;
  font-family: 'PT Sans Narrow Bold', 'PT Sans Narrow', Helvetica, Arial, Tahoma, sans-serif;
  line-height: 25px;
  vertical-align: middle;
  text-align: center; text-decoration: none;
  white-space: nowrap;
  cursor: pointer;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  -webkit-transition: background-color, border-color 0.3s linear;
     -moz-transition: background-color, border-color 0.3s linear;
       -o-transition: background-color, border-color 0.3s linear;
          transition: background-color, border-color 0.3s linear;
}
.button:hover,
.button:focus,
.button:active {
  -webkit-box-shadow: 0 0 0 3px rgba(86, 156, 171, 0.2);
          box-shadow: 0 0 0 3px rgba(86, 156, 171, 0.2);

  text-decoration: none;
}

.button-good {
  border-color: #DEBE70;
  background-color: transparent;
  color: #DEBE70;
}
.button-good:hover,
.button-good:focus,
.button-good:active {
  -webkit-box-shadow: 0 0 0 3px rgba(222, 190, 112, 0.2);
          box-shadow: 0 0 0 3px rgba(222, 190, 112, 0.2);

  text-decoration: none;
}

.button-green {
  border-color: #74B382;
  background-color: transparent;
  color: #74B382;
}
.button-green:hover,
.button-green:focus,
.button-green:active {
  -webkit-box-shadow: 0 0 0 3px rgba(114, 179, 130, 0.2);
          box-shadow: 0 0 0 3px rgba(114, 179, 130, 0.2);

  text-decoration: none;
}

.button-warn {
  border-color: transparent;
  background-color: #E7391E;
  color: #FFF;
}
.button-warn:hover,
.button-warn:focus,
.button-warn:active {
  -webkit-box-shadow: 0 0 0 3px rgba(231, 57, 30, 0.2);
          box-shadow: 0 0 0 3px rgba(231, 57, 30, 0.2);

  text-decoration: none;
}

/*.button-confirm {
  border-color: transparent;
  background-color: #725238;
  color: #FFF;
}
.button-confirm:hover,
.button-confirm:focus,
.button-confirm:active {
  -webkit-box-shadow: 0 0 0 3px rgba(114, 82, 56, 0.2);
          box-shadow: 0 0 0 3px rgba(114, 82, 56, 0.2);

  text-decoration: none;
}*/

/*.button-small {
  padding: 5px 16px;
  height: 32px;
}*/
.button-big {
  padding: 9px 16px 10px;
  height: 46px;
  border-color: #569CAB;
  background-color: #569CAB;
  font-family: 'PT Sans Narrow Bold', 'PT Sans Narrow', Helvetica, Arial, Tahoma, sans-serif;
}
.button-big:hover,
.button-big:focus,
.button-big:active {
  -webkit-box-shadow: 0 0 0 3px rgba(86, 156, 171, 0.2);
          box-shadow: 0 0 0 3px rgba(86, 156, 171, 0.2);

  text-decoration: none;
}

.button.disabled,
.button.disabled,
.button:disabled,
.button[disabled] {
  opacity: .4;
  cursor: default;
}


/* Link button */
a.button {
  padding: 0 16px;
  height: 32px;
  line-height: 30px;
}
/*a.button-small {
  padding-left: 16px; padding-right: 16px;
  height: 32px;
  line-height: 30px;
}*/
a.button-big {
  padding-left: 25px; padding-right: 25px;
  height: 46px;
  line-height: 46px;
}
a.button-simple {
  border-color: transparent;
  background: none;
  color: #81888C;
}
a.button-simple:hover,
a.button-simple:focus,
a.button-simple:active {
  font-weight: normal;
  text-decoration: underline;

  -webkit-box-shadow: none;
          box-shadow: none;
}

/*button.button.disabled,
button.button:disabled,
button.button[disabled] {
  border-color: #81888C;
  background: #81888C;
}*/
button.button.disabled:hover,
button.button.disabled:focus,
button.button.disabled:active,
button.button:disabled:hover,
button.button:disabled:focus,
button.button:disabled:active,
button.button[disabled]:hover,
button.button[disabled]:focus,
button.button[disabled]:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

button.simple {
  display: inline-block;
  padding: 11px 16px 12px;
  min-width: 64px; height: 46px;
  border: none; border-radius: 15px;
  background: none;
  color: inherit;
  font-size: 20px; font-weight: 600;
  line-height: 23px;
  vertical-align: middle;
  text-align: center; text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  -webkit-transition: background-color, border-color 0.3s linear;
     -moz-transition: background-color, border-color 0.3s linear;
       -o-transition: background-color, border-color 0.3s linear;
          transition: background-color, border-color 0.3s linear;
}
button.simple:hover,
button.simple:focus {
  background: #DEF0F6;
  text-decoration: none;
}

a.action {
  display: inline-block;
  height: 32px;
  /*color: #81888C;*/
  line-height: 32px;
  /*text-decoration: none;*/
  white-space: nowrap;
}
a.action:hover,
a.action:focus {
  /*text-decoration: underline;*/
}
a.action.i {
  position: relative; z-index: 1;
  padding-left: 32px;
}
a.action.i::before {
  position: absolute; top: 4px; left: 4px;
}
a.action.i-add::before { background-position: 0 -570px; }
a.action.i-only {
  width: 32px;
  padding: 4px;
  overflow: hidden;
}
a.action.i-only::before { position: static; }

span.action-spacer {
  display: block;
  width: 32px; height: 1px;
}