.button {
  display: inline-block;
  padding: 9px 16px 8px;
  min-width: 64px; height: 40px;
  border: 1px solid #EE7023; border-radius: 4px;
  background: #FFF;
  color: #EE7023;
  font-size: 18px; font-weight: bold;
  line-height: 21px;
  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 0.15s linear;
     -moz-transition: background-color 0.15s linear;
       -o-transition: background-color 0.15s linear;
          transition: background-color 0.15s linear;
}
.button:hover,
.button:focus,
.button:active {
  -webkit-box-shadow: 0 0 0 3px rgba(238, 112, 35, 0.2);
          box-shadow: 0 0 0 3px rgba(238, 112, 35, 0.2);

  text-decoration: none;
}

.button_stretch {
  padding-right: 8px; padding-left: 8px;
  width: 100%;
}

.button_submit {
  border-color: transparent;
  background-color: #EE7023;
  color: #FFF;
}
.button_submit:hover,
.button_submit:focus,
.button_submit:active {
  -webkit-box-shadow: 0 0 0 3px rgba(238, 112, 35, 0.2);
          box-shadow: 0 0 0 3px rgba(238, 112, 35, 0.2);
}
.button_submit[disabled] {
  background-color: #9B8583;
}

.button_red {
  border-color: transparent;
  background-color: #C5131C;
  color: #FFF;
}
.button_red:hover,
.button_red:focus,
.button_red:active {
  -webkit-box-shadow: 0 0 0 3px rgba(197, 19, 28, 0.2);
          box-shadow: 0 0 0 3px rgba(197, 19, 28, 0.2);
}

.button_warn {
  border-color: transparent;
  background-color: #EE7023;
  color: #FFF;
}
.button_warn:hover,
.button_warn:focus,
.button_warn:active {
  -webkit-box-shadow: 0 0 0 3px rgba(238, 112, 35, 0.2);
          box-shadow: 0 0 0 3px rgba(238, 112, 35, 0.2);
}

.button_simple,
.button_transparent {
  border-color: transparent;
  background-color: transparent;
  color: #512B2B;
}
.button_simple:hover,
.button_simple:focus,
.button_simple:active,
.button_transparent:hover,
.button_transparent:focus,
.button_transparent:active {
  background-color: rgba(155, 133, 131, .2);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button_simple {
  font-size: 14px;
}
.button_white {
  background-color: #FFF;
  border-color: #EE7023;
  color: #EE7023;
}

.button_small {
  padding: 6px 16px 5px;
  font-size: 16px; font-weight: bold;
  line-height: 19px;
  height: 32px;
}

.button[disabled] {
  opacity: .4;
  cursor: default;
}
.button[disabled]:hover,
.button[disabled]:focus,
.button[disabled]:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button.hidden {
  display: none;
}

.action {
  display: inline-block;
  position: relative;
  color: #9C8D8D;
  line-height: 24px;
  white-space: nowrap;
}
.action_button {
  padding: 0 8px;
  border-radius: 3px;
  background-color: #7C6C6C;
  color: #FFF;
}
.action_button_submit {
  background-color: #EE7023;
}
.action_button:hover,
.action_button:focus,
.action_button:active {
  -webkit-box-shadow: 0 0 0 2px rgb(124, 108, 108, 0.2);
          box-shadow: 0 0 0 2px rgb(124, 108, 108, 0.2);
}
.action_button.i::before {
  background-image: url('../img/icons_white11.png');
  background-image: none, url('../img/icons_white11.svg');
}
.action_icon {
  padding-left: 32px;
}
.action_icon::before {
  position: absolute; top: 0; left: 0;
}
.action_icon_right {
  padding-right: 32px;
}
.action_icon_right::before {
  position: absolute; top: 0; right: 0;
}
.action_icon_only {
  width: 32px;
  padding: 4px;
  overflow: hidden;
}
.action_icon_only::before { position: static; }
.action.hidden {
  display: none;
}

.action-inline {
  color: #9B8583;
  font-size: 12px; font-weight: normal;
  text-decoration: underline;
}

.floating-action {
  display: block;
  position: fixed; right: 16px; bottom: 16px; z-index: 40;
  width: 56px; height: 56px;
  border: none;
  border-radius: 28px;
  background: #F79131;
  color: #FFF;
  appearance: none;
  overflow: visible;
  box-sizing: border-box;
  cursor: pointer;

  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
          box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
}
.floating-action_flashlight::after {
  content: '';
  position: absolute; top: 12px; left: 12px;
  width: 32px; height: 32px;
  background: url('../img/icons11.png') no-repeat 0 -448px;
  background-image: none, url('../img/icons11.svg');
  background-size: 32px;
}
.floating-action_flashlight.active::after {
  background-position: 0 -480px;
}


@media only screen and (min-width: 641px) {

  .button_meter_value {
    width: 208px;
  }
  .button_120 {
    padding-right: 8px; padding-left: 8px;
    width: 120px;
  }
  .button_right {
    float: right;
  }

}


@media only screen and (max-width: 640px) {

  .button {
    padding-top: 12px; padding-bottom: 11px;
    height: 46px;
  }
  .button_m_stretch {
    padding-right: 8px; padding-left: 8px;
    width: 100%;
  }
  .button_m_stretch + .button_m_stretch {
    margin-top: 8px;
  }

  .action_m_icon_only {
    width: 32px;
    padding-left: 32px;
    overflow: hidden;
  }

}