/**
  * Kanso - Semantic Flat Buttons
  * Author & copyright (c) 2013: Kris Olszewski
  * Mertize Icons by Alessio Atzeni
  * Support: IE8+
  * 
  * Repo: https://github.com/KrisOlszewski/Kanso/
  */
.button {
  display: inline-block;
  margin: 0;
  padding: 10px 25px;
  border: 0;
  border-radius: 2px;
  color: #ffffff;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, "Lucida Grande", sans-serif;
  line-height: 20px;
  cursor: pointer;
  outline: none;
  background-color: #434a54;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.button:hover,
.button:focus {
  background-color: #5a6370;
}
.button.is-active,
.button:active {
  background-color: #2c3138;
}
.button.is-disabled,
.button[disabled] {
  background-color: #707c8d;
}
.button:hover,
.button:focus {
  color: #ffffff;
}
.button.is-disabled,
.button[disabled] {
  pointer-events: none;
}
.button.is-primary {
  background-color: #3bafda;
}
.button.is-primary:hover,
.button.is-primary:focus {
  background-color: #66c1e2;
}
.button.is-primary.is-active,
.button.is-primary:active {
  background-color: #2494be;
}
.button.is-primary.is-disabled,
.button.is-primary[disabled] {
  background-color: #91d2ea;
}
.button.is-secondary {
  background-color: #967adc;
}
.button.is-secondary:hover,
.button.is-secondary:focus {
  background-color: #b6a2e7;
}
.button.is-secondary.is-active,
.button.is-secondary:active {
  background-color: #7652d1;
}
.button.is-secondary.is-disabled,
.button.is-secondary[disabled] {
  background-color: #d6cbf1;
}
.button.is-tertiary {
  background-color: #d770ad;
}
.button.is-tertiary:hover,
.button.is-tertiary:focus {
  background-color: #e298c4;
}
.button.is-tertiary.is-active,
.button.is-tertiary:active {
  background-color: #cc4896;
}
.button.is-tertiary.is-disabled,
.button.is-tertiary[disabled] {
  background-color: #edc0db;
}
.button.is-success {
  background-color: #8cc152;
}
.button.is-success:hover,
.button.is-success:focus {
  background-color: #a5ce78;
}
.button.is-success.is-active,
.button.is-success:active {
  background-color: #72a53b;
}
.button.is-success.is-disabled,
.button.is-success[disabled] {
  background-color: #bedc9d;
}
.button.is-danger {
  background-color: #E40909;
}
.button.is-danger:hover,
.button.is-danger:focus {
  background-color: #e26f7a;
}
.button.is-danger.is-active,
.button.is-danger:active {
  background-color: #E40909;
}
.button.is-danger.is-disabled,
.button.is-danger[disabled] {
  background-color: #eb99a1;
}
.button.is-warning {
  background-color: #f6bb42;
}
.button.is-warning:hover,
.button.is-warning:focus {
  background-color: #f8cd73;
}
.button.is-warning.is-active,
.button.is-warning:active {
  background-color: #f4a911;
}
.button.is-warning.is-disabled,
.button.is-warning[disabled] {
  background-color: #fbdea3;
}
.button.is-link {
  background-color: transparent;
  color: #3bafda;
}
.button.is-link:hover,
.button.is-link:focus,
.button.is-link.is-active,
.button.is-link:active {
  background-color: transparent;
  color: #434a54;
}
.button.is-link.is-disabled,
.button.is-link[disabled] {
  background-color: transparent;
  color: #707c8d;
}
.button.is-embossed {
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
}
.button.is-embossed.is-active,
.button.is-embossed:active,
.button.is-embossed.is-disabled,
.button.is-embossed[disabled] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.is-block {
  display: block;
  width: 100%;
}
.button.has-icon {
  padding: 10px;
}
.button.has-icon.has-text {
  padding: 10px 15px 10px 10px;
}
.button.has-icon.has-text [class^="icon-"],
.button.has-icon.has-text [class*=" icon-"] {
  margin-right: 10px;
}
input.button,
button.button {
  font-weight: normal;
  width: auto;
}
.button-group-row:after,
.button-group-row:before {
  display: table;
  content: '';
  line-height: 0;
}
.button-group-row:after {
  clear: both;
}
.button-group {
  position: relative;
  display: block;
  float: left;
}
.button-group + .button-group {
  margin-left: 40px;
}
.button-group.push-right {
  float: right;
}
.button-group > .button {
  display: block;
  float: left;
  margin-right: 5px;
}
.button-group > .button:last-child {
  margin-right: 0;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background-image: url(../images/icon-sprite.png);
  background-repeat: no-repeat;
  vertical-align: top;
  text-indent: 20px;
  font: 0/0 a;
}
.icon-search {
  background-position: 0 0;
}
.icon-check {
  background-position: -20px 0;
}
.icon-plus {
  background-position: -40px 0;
}
.icon-minus {
  background-position: -60px 0;
}
.icon-cross {
  background-position: -80px 0;
}
.icon-help {
  background-position: -100px 0;
}
.icon-pin {
  background-position: -120px 0;
}
.icon-cloud {
  background-position: -140px 0;
}
.icon-arrow-left {
  background-position: -160px 0;
}
.icon-arrow-right {
  background-position: -180px 0;
}
.icon-arrow-up {
  background-position: -200px 0;
}
.icon-arrow-down {
  background-position: -220px 0;
}
.icon-attachment {
  background-position: -240px 0;
}
.icon-chat {
  background-position: -260px 0;
}
.icon-config {
  background-position: -280px 0;
}
.icon-tool {
  background-position: -300px 0;
}
.icon-phone {
  background-position: -320px 0;
}
.icon-minimize {
  background-position: -340px 0;
}
.icon-maximize {
  background-position: -360px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  [class^="icon-"],
  [class*=" icon-"] {
    -webkit-background-size: 380px 20px;
    -moz-background-size: 380px 20px;
    -o-background-size: 380px 20px;
    background-size: 380px 20px;
    background-image: url(../images/icon-sprite@2x.png);
  }
}