:root {
  --b-primary: #2C7CEC;
  --b-secundary: #1976D2;
  --focus-ring: #fdfdfd;
}

/* ### CLASSE BUTTON ### */

.fs-btn {
  /* display: inline-block!important;*/
  padding: 1px 0px !important;
  margin-bottom: 0 !important;

  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  -ms-touch-action: manipulation !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  background-image: none !important;
  border: 1px solid transparent !important;
}

.fs-btn:active:focus,
.fs-btn.active:focus,
.fs-btn.focus,
.fs-btn:active.focus,
.fs-btn.active.focus {
  outline-offset: -2px !important;
}

.fs-btn:hover,
.fs-btn:focus,
.fs-btn.focus {
  text-decoration: none !important;
}

.fs-btn.disabled,
.fs-btn[disabled],
fieldset[disabled] .fs-btn {
  cursor: not-allowed !important;
  filter: alpha(opacity=65) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  opacity: .65 !important;
}

a.fs-btn.disabled,
fieldset[disabled] a.fs-btn {
  pointer-events: none !important;
}

.fs-btn-default {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
  border-radius: 6px !important;
}

.fs-btn-default:focus,
.fs-btn-default.focus {
  color: #333 !important;
  background-color: #e6e6e6 !important;
  border-color: #8c8c8c !important;
}

.fs-btn-default:hover {
  color: #333 !important;
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
}

.fs-btn-default:active,
.fs-btn-default.active,
.open>.dropdown-toggle.fs-btn-default {
  color: #333 !important;
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
}

.fs-btn-default:active:hover,
.fs-btn-default.active:hover,
.open>.dropdown-toggle.fs-btn-default:hover,
.fs-btn-default:active:focus,
.fs-btn-default.active:focus,
.open>.dropdown-toggle.fs-btn-default:focus,
.fs-btn-default:active.focus,
.fs-btn-default.active.focus,
.open>.dropdown-toggle.fs-btn-default.focus {
  color: #333 !important;
  background-color: #d4d4d4 !important;
  border-color: #8c8c8c !important;
}

.fs-btn-default:active,
.fs-btn-default.active,
.open>.dropdown-toggle.fs-btn-default {
  background-image: none !important;
}

.fs-btn-default.disabled:hover,
.fs-btn-default[disabled]:hover,
fieldset[disabled] .fs-btn-default:hover,
.fs-btn-default.disabled:focus,
.fs-btn-default[disabled]:focus,
fieldset[disabled] .fs-btn-default:focus,
.fs-btn-default.disabled.focus,
.fs-btn-default[disabled].focus,
fieldset[disabled] .fs-btn-default.focus {
  background-color: #fff !important;
  border-color: #ccc !important;
}

.fs-btn-default .badge {
  color: #fff !important;
  background-color: #333 !important;
}

.fs-btn-default-icon-el {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
}

.fs-btn-black {
  color: #fff !important;
  background-color: #212121 !important;
  border-color: #000 !important;
  border-radius: 6px !important;
}

.fs-btn-black:focus,
.fs-btn-black.focus {
  color: #fff !important;
  background-color: #002121 !important;
  border-color: #000 !important;
}

.fs-btn-black:hover {
  color: #fff !important;
  background-color: #002121 !important;
  border-color: #000 !important;
}

.fs-btn-black:active,
.fs-btn-black.active,
.open>.dropdown-toggle.fs-btn-black {
  color: #fff !important;
  background-color: #002121 !important;
  border-color: #000 !important;
}

.fs-btn-black:active:hover,
.fs-btn-black.active:hover,
.open>.dropdown-toggle.fs-btn-black:hover,
.fs-btn-black:active:focus,
.fs-btn-black.active:focus,
.open>.dropdown-toggle.fs-btn-black:focus,
.fs-btn-black:active.focus,
.fs-btn-black.active.focus,
.open>.dropdown-toggle.fs-btn-black.focus {
  color: #fff !important;
  background-color: #002121 !important;
  border-color: #000 !important;
}

.fs-btn-black:active,
.fs-btn-black.active,
.open>.dropdown-toggle.fs-btn-black {
  background-image: none !important;
}

.fs-btn-black.disabled:hover,
.fs-btn-black[disabled]:hover,
fieldset[disabled] .fs-btn-black:hover,
.fs-btn-black.disabled:focus,
.fs-btn-black[disabled]:focus,
fieldset[disabled] .fs-btn-black:focus,
.fs-btn-black.disabled.focus,
.fs-btn-black[disabled].focus,
fieldset[disabled] .fs-btn-black.focus {
  background-color: #002121 !important;
  border-color: #000 !important;
}

.fs-btn-black .badge {
  color: #fff !important;
  background-color: #002121 !important;
}

.fs-btn-black-icon-el {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
}

.fs-btn-primary {
  color: #fff !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
  border-radius: 6px !important;
}

.fs-btn-primary:focus,
.fs-btn-primary.focus {
  color: #fff !important;
  background-color: #286090 !important;
  border-color: #122b40 !important;
}

.fs-btn-primary:hover {
  color: #fff !important;
  background-color: #286090 !important;
  border-color: #204d74 !important;
}

.fs-btn-primary:active,
.fs-btn-primary.active,
.open>.dropdown-toggle.fs-btn-primary {
  color: #fff !important;
  background-color: #286090 !important;
  border-color: #204d74 !important;
}

.fs-btn-primary:active:hover,
.fs-btn-primary.active:hover,
.open>.dropdown-toggle.fs-btn-primary:hover,
.fs-btn-primary:active:focus,
.fs-btn-primary.active:focus,
.open>.dropdown-toggle.fs-btn-primary:focus,
.fs-btn-primary:active.focus,
.fs-btn-primary.active.focus,
.open>.dropdown-toggle.fs-btn-primary.focus {
  color: #fff !important;
  background-color: #204d74 !important;
  border-color: #122b40 !important;
}

.fs-btn-primary:active,
.fs-btn-primary.active,
.open>.dropdown-toggle.fs-btn-primary {
  background-image: none !important;
}

.fs-btn-primary.disabled:hover,
.fs-btn-primary[disabled]:hover,
fieldset[disabled] .fs-btn-primary:hover,
.fs-btn-primary.disabled:focus,
.fs-btn-primary[disabled]:focus,
fieldset[disabled] .fs-btn-primary:focus,
.fs-btn-primary.disabled.focus,
.fs-btn-primary[disabled].focus,
fieldset[disabled] .fs-btn-primary.focus {
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}

.fs-btn-primary .badge {
  color: #337ab7 !important;
  background-color: #fff !important;
}

.fs-btn-primary-icon-el {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
}

.fs-btn-success {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
  border-radius: 6px !important;
}

.fs-btn-success:focus,
.fs-btn-success.focus {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #255625 !important;
}

.fs-btn-success:hover {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #398439 !important;
}

.fs-btn-success:active,
.fs-btn-success.active,
.open>.dropdown-toggle.fs-btn-success {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #398439 !important;
}

.fs-btn-success:active:hover,
.fs-btn-success.active:hover,
.open>.dropdown-toggle.fs-btn-success:hover,
.fs-btn-success:active:focus,
.fs-btn-success.active:focus,
.open>.dropdown-toggle.fs-btn-success:focus,
.fs-btn-success:active.focus,
.fs-btn-success.active.focus,
.open>.dropdown-toggle.fs-btn-success.focus {
  color: #fff !important;
  background-color: #398439 !important;
  border-color: #255625 !important;
}

.fs-btn-success:active,
.fs-btn-success.active,
.open>.dropdown-toggle.fs-btn-success {
  background-image: none !important;
}

.fs-btn-success.disabled:hover,
.fs-btn-success[disabled]:hover,
fieldset[disabled] .fs-btn-success:hover,
.fs-btn-success.disabled:focus,
.fs-btn-success[disabled]:focus,
fieldset[disabled] .fs-btn-success:focus,
.fs-btn-success.disabled.focus,
.fs-btn-success[disabled].focus,
fieldset[disabled] .fs-btn-success.focus {
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

.fs-btn-success .badge {
  color: #5cb85c !important;
  background-color: #fff !important;
}

.fs-btn-success-icon-el {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
}

.fs-btn-info {
  color: #fff !important;
  background-color: #5bc0de !important;
  border-color: #46b8da !important;
  border-radius: 6px !important;
}

.fs-btn-info:focus,
.fs-btn-info.focus {
  color: #fff !important;
  background-color: #31b0d5 !important;
  border-color: #1b6d85 !important;
}

.fs-btn-info:hover {
  color: #fff !important;
  background-color: #31b0d5 !important;
  border-color: #269abc !important;
}

.fs-btn-info:active,
.fs-btn-info.active,
.open>.dropdown-toggle.fs-btn-info {
  color: #fff !important;
  background-color: #31b0d5 !important;
  border-color: #269abc !important;
}

.fs-btn-info:active:hover,
.fs-btn-info.active:hover,
.open>.dropdown-toggle.fs-btn-info:hover,
.fs-btn-info:active:focus,
.fs-btn-info.active:focus,
.open>.dropdown-toggle.fs-btn-info:focus,
.fs-btn-info:active.focus,
.fs-btn-info.active.focus,
.open>.dropdown-toggle.fs-btn-info.focus {
  color: #fff !important;
  background-color: #269abc !important;
  border-color: #1b6d85 !important;
}

.fs-btn-info:active,
.fs-btn-info.active,
.open>.dropdown-toggle.fs-btn-info {
  background-image: none !important;
}

.fs-btn-info.disabled:hover,
.fs-btn-info[disabled]:hover,
fieldset[disabled] .fs-btn-info:hover,
.fs-btn-info.disabled:focus,
.fs-btn-info[disabled]:focus,
fieldset[disabled] .fs-btn-info:focus,
.fs-btn-info.disabled.focus,
.fs-btn-info[disabled].focus,
fieldset[disabled] .fs-btn-info.focus {
  background-color: #5bc0de !important;
  border-color: #46b8da !important;
}

.fs-btn-info .badge {
  color: #5bc0de !important;
  background-color: #fff !important;
}

.fs-btn-info-icon-el {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
}

.fs-btn-warning {
  color: #fff !important;
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
  border-radius: 6px !important;
}

.fs-btn-warning:focus,
.fs-btn-warning.focus {
  color: #fff !important;
  background-color: #ec971f !important;
  border-color: #985f0d !important;
}

.fs-btn-warning:hover {
  color: #fff !important;
  background-color: #ec971f !important;
  border-color: #d58512 !important;
}

.fs-btn-warning:active,
.fs-btn-warning.active,
.open>.dropdown-toggle.fs-btn-warning {
  color: #fff !important;
  background-color: #ec971f !important;
  border-color: #d58512 !important;
}

.fs-btn-warning:active:hover,
.fs-btn-warning.active:hover,
.open>.dropdown-toggle.fs-btn-warning:hover,
.fs-btn-warning:active:focus,
.fs-btn-warning.active:focus,
.open>.dropdown-toggle.fs-btn-warning:focus,
.fs-btn-warning:active.focus,
.fs-btn-warning.active.focus,
.open>.dropdown-toggle.fs-btn-warning.focus {
  color: #fff !important;
  background-color: #d58512 !important;
  border-color: #985f0d !important;
}

.fs-btn-warning:active,
.fs-btn-warning.active,
.open>.dropdown-toggle.fs-btn-warning {
  background-image: none !important;
}

.fs-btn-warning.disabled:hover,
.fs-btn-warning[disabled]:hover,
fieldset[disabled] .fs-btn-warning:hover,
.fs-btn-warning.disabled:focus,
.fs-btn-warning[disabled]:focus,
fieldset[disabled] .fs-btn-warning:focus,
.fs-btn-warning.disabled.focus,
.fs-btn-warning[disabled].focus,
fieldset[disabled] .fs-btn-warning.focus {
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
}

.fs-btn-warning .badge {
  color: #f0ad4e !important;
  background-color: #fff !important;
}

.fs-btn-warning-icon-el {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
}

.fs-btn-danger {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
  border-radius: 6px !important;
}

.fs-btn-danger:focus,
.fs-btn-danger.focus {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #761c19 !important;
}

.fs-btn-danger:hover {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #ac2925 !important;
}

.fs-btn-danger:active,
.fs-btn-danger.active,
.open>.dropdown-toggle.fs-btn-danger {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #ac2925 !important;
}

.fs-btn-danger:active:hover,
.fs-btn-danger.active:hover,
.open>.dropdown-toggle.fs-btn-danger:hover,
.fs-btn-danger:active:focus,
.fs-btn-danger.active:focus,
.open>.dropdown-toggle.fs-btn-danger:focus,
.fs-btn-danger:active.focus,
.fs-btn-danger.active.focus,
.open>.dropdown-toggle.fs-btn-danger.focus {
  color: #fff !important;
  background-color: #ac2925 !important;
  border-color: #761c19 !important;
}

.fs-btn-danger:active,
.fs-btn-danger.active,
.open>.dropdown-toggle.fs-btn-danger {
  background-image: none !important;
}

.fs-btn-danger.disabled:hover,
.fs-btn-danger[disabled]:hover,
fieldset[disabled] .fs-btn-danger:hover,
.fs-btn-danger.disabled:focus,
.fs-btn-danger[disabled]:focus,
fieldset[disabled] .fs-btn-danger:focus,
.fs-btn-danger.disabled.focus,
.fs-btn-danger[disabled].focus,
fieldset[disabled] .fs-btn-danger.focus {
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}

.fs-btn-danger .badge {
  color: #d9534f !important;
  background-color: #fff !important;
}

.fs-btn-danger-icon-el {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
}

.fs-btn-purple {
  color: #fff !important;
  background-color: #9384FA !important;
  border-color: #9384FA !important;
  border-radius: 6px !important;
}

.fs-btn-purple:focus,
.fs-btn-purple.focus {
  color: #fff !important;
  background-color: #8E59F2 !important;
  border-color: #8710E5 !important;
}

.fs-btn-purple:hover {
  color: #fff !important;
  background-color: #8E59F2 !important;
  border-color: #8E3CF2 !important;
}

.fs-btn-purple:active,
.fs-btn-purple.active,
.open>.dropdown-toggle.fs-btn-purple {
  color: #fff !important;
  background-color: #8E59F2 !important;
  border-color: #8E3CF2 !important;
}

.fs-btn-purple:active:hover,
.fs-btn-purple.active:hover,
.open>.dropdown-toggle.fs-btn-purple:hover,
.fs-btn-purple:active:focus,
.fs-btn-purple.active:focus,
.open>.dropdown-toggle.fs-btn-purple:focus,
.fs-btn-purple:active.focus,
.fs-btn-purple.active.focus,
.open>.dropdown-toggle.fs-btn-purple.focus {
  color: #fff !important;
  background-color: #8E3CF2 !important;
  border-color: #8710E5 !important;
}

.fs-btn-purple:active,
.fs-btn-purple.active,
.open>.dropdown-toggle.fs-btn-purple {
  background-image: none !important;
}

.fs-btn-purple.disabled:hover,
.fs-btn-purple[disabled]:hover,
fieldset[disabled] .fs-btn-purple:hover,
.fs-btn-purple.disabled:focus,
.fs-btn-purple[disabled]:focus,
fieldset[disabled] .fs-btn-purple:focus,
.fs-btn-purple.disabled.focus,
.fs-btn-purple[disabled].focus,
fieldset[disabled] .fs-btn-purple.focus {
  background-color: #9384FA !important;
  border-color: #9384FA !important;
}

.fs-btn-purple .badge {
  color: #9384FA !important;
  background-color: #fff !important;
}

.fs-btn-purple-icon-el {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
}

.fs-btn-butterfly {
  color: #fff !important;
  background-color: #509EEB !important;
  border-color: #509EEB !important;
  border-radius: 6px !important;
}

.fs-btn-butterfly:focus,
.fs-btn-butterfly.focus {
  color: #fff !important;
  background-color: #35699C !important;
  border-color: #35479C !important;
}

.fs-btn-butterfly:hover {
  color: #fff !important;
  background-color: #35699C !important;
  border-color: #354B9C !important;
}

.fs-btn-butterfly:active,
.fs-btn-butterfly.active,
.open>.dropdown-toggle.fs-btn-butterfly {
  color: #fff !important;
  background-color: #35699C !important;
  border-color: #354B9C !important;
}

.fs-btn-butterfly:active:hover,
.fs-btn-butterfly.active:hover,
.open>.dropdown-toggle.fs-btn-butterfly:hover,
.fs-btn-butterfly:active:focus,
.fs-btn-butterfly.active:focus,
.open>.dropdown-toggle.fs-btn-butterfly:focus,
.fs-btn-butterfly:active.focus,
.fs-btn-butterfly.active.focus,
.open>.dropdown-toggle.fs-btn-butterfly.focus {
  color: #fff !important;
  background-color: #354B9C !important;
  border-color: #35479C !important;
}

.fs-btn-butterfly:active,
.fs-btn-butterfly.active,
.open>.dropdown-toggle.fs-btn-butterfly {
  background-image: none !important;
}

.fs-btn-butterfly.disabled:hover,
.fs-btn-butterfly[disabled]:hover,
fieldset[disabled] .fs-btn-butterfly:hover,
.fs-btn-butterfly.disabled:focus,
.fs-btn-butterfly[disabled]:focus,
fieldset[disabled] .fs-btn-butterfly:focus,
.fs-btn-butterfly.disabled.focus,
.fs-btn-butterfly[disabled].focus,
fieldset[disabled] .fs-btn-butterfly.focus {
  background-color: #509EEB !important;
  border-color: #509EEB !important;
}

.fs-btn-butterfly .badge {
  color: #509EEB !important;
  background-color: #fff !important;
}

.fs-btn-butterfly-icon-el {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  background-repeat: no-repeat !important;
  text-align: center !important;
}

.fs-btn-googlenarrow {
  color: #333 !important;
  background-color: #fff !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googlenarrow:focus,
.fs-btn-googlenarrow.focus {
  color: #333 !important;
  background-color: #fff !important;
}

.fs-btn-googlenarrow:hover {
  color: #333 !important;
  background-color: #fff !important;
}

.fs-btn-googlenarrow:active,
.fs-btn-googlenarrow.active,
.open>.dropdown-toggle.fs-btn-googlenarrow {
  color: #333 !important;
  background-color: #fff !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googlegreen {
  color: #fff !important;
  background-color: #0f9d58 !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  animation: ripple-animation 2s;
}

.fs-btn-googlegreen:focus,
.fs-btn-googlegreen.focus {
  color: #fff !important;
  background-color: #0f9d50 !important;
}

.fs-btn-googlegreen:hover {
  color: #fff !important;
  background-color: #3FA044 !important;
}

.fs-btn-googlegreen:active,
.fs-btn-googlegreen.active,
.open>.dropdown-toggle.fs-btn-googlegreen {
  color: #fff !important;
  background-color: #3FA044 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googlenarrow {
  color: #000 !important;
  background-color: #fff !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  border: 1px solid #52505012 !important;
}

.fs-btn-googlenarrow:focus,
.fs-btn-googlenarrow.focus {
  color: #000 !important;
  background-color: #f1f3f4 !important;
}

.fs-btn-googlenarrow:hover {
  color: #000 !important;
  background-color: #f1f3f4 !important;
}

.fs-btn-googlenarrow:active,
.fs-btn-googlenarrow.active,
.open>.dropdown-toggle.fs-btn-googlenarrow {
  color: #000 !important;
  background-color: #f1f3f4 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleblue {
  color: #fff !important;
  background-color: var(--b-primary) !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleblue:focus,
.fs-btn-googleblue.focus {
  color: #fff !important;
  background-color: var(--b-primary) !important;
}

.fs-btn-googleblue:hover {
  color: #fff !important;
  background-color: var(--b-secundary) !important;
}

.fs-btn-googleblue:active,
.fs-btn-googleblue.active,
.open>.dropdown-toggle.fs-btn-googleblue {
  color: #fff !important;
  background-color: var(--b-primary) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleblue1 {
  color: #fff !important;
  background-color: var(--b-primary) !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleblue1:focus,
.fs-btn-googleblue1.focus {
  color: #fff !important;
  background-color: var(--b-primary) !important;
}

.fs-btn-googleblue1:hover {
  color: #fff !important;
  background-color: var(--b-secundary) !important;
}

.fs-btn-googleblue1:active,
.fs-btn-googleblue1.active,
.open>.dropdown-toggle.fs-btn-googleblue1 {
  color: #fff !important;
  background-color: var(--b-primary) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleblue2 {
  color: #fff !important;
  background-color: #014FA1 !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleblue2:focus,
.fs-btn-googleblue2.focus {
  color: #fff !important;
  background-color: #01468F !important;
}

.fs-btn-googleblue2:hover {
  color: #fff !important;
  background-color: #013770 !important;
}

.fs-btn-googleblue2:active,
.fs-btn-googleblue2.active,
.open>.dropdown-toggle.fs-btn-googleblue2 {
  color: #fff !important;
  background-color: #013770 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleblue3 {
  color: #fff !important;
  background-color: #096EA9 !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleblue3:focus,
.fs-btn-googleblue3.focus {
  color: #fff !important;
  background-color: #096FC9 !important;
}

.fs-btn-googleblue3:hover {
  color: #fff !important;
  background-color: #097FC9 !important;
}

.fs-btn-googleblue3:active,
.fs-btn-googleblue3.active,
.open>.dropdown-toggle.fs-btn-googleblue3 {
  color: #fff !important;
  background-color: #097FC9 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleblue4 {
  color: #fff !important;
  background-color: #163058 !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleblue4:focus,
.fs-btn-googleblue4.focus {
  color: #fff !important;
  background-color: #1f3d6b !important;
}

.fs-btn-googleblue4:hover {
  color: #fff !important;
  background-color: #1f3d6b !important;
}

.fs-btn-googleblue4:active,
.fs-btn-googleblue4.active,
.open>.dropdown-toggle.fs-btn-googleblue4 {
  color: #fff !important;
  background-color: #163058 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googledanger {
  color: #fff !important;
  background-color: #F44336 !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googledanger:focus,
.fs-btn-googledanger.focus {
  color: #fff !important;
  background-color: #D50000 !important;
}

.fs-btn-googledanger:hover {
  color: #fff !important;
  background-color: #D50000 !important;
}

.fs-btn-googledanger:active,
.fs-btn-googledanger.active,
.open>.dropdown-toggle.fs-btn-googledanger {
  color: #fff !important;
  background-color: #D50000 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleaccent {
  color: #fff !important;
  background-color: #FF5A92 !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleaccent:focus,
.fs-btn-googleaccent.focus {
  color: #fff !important;
  background-color: #FF5A92 !important;
}

.fs-btn-googleaccent:hover {
  color: #fff !important;
  background-color: #FF1092 !important;
}

.fs-btn-googleaccent:active,
.fs-btn-googleaccent.active,
.open>.dropdown-toggle.fs-btn-googleaccent {
  color: #fff !important;
  background-color: #FF1092 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googlesilver {
  color: #000 !important;
  background-color: #E5E5E5 !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googlesilver:focus,
.fs-btn-googlesilver.focus {
  color: #000 !important;
  background-color: #E5E5E5 !important;
}

.fs-btn-googlesilver:hover {
  color: #000 !important;
  background-color: #D9D9D9 !important;
}

.fs-btn-googlesilver:active,
.fs-btn-googlesilver.active,
.open>.dropdown-toggle.fs-btn-googlesilver {
  color: #000 !important;
  background-color: #D9D9D9 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleyellow {
  color: #000 !important;
  background-color: #FFEB3B !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleyellow:focus,
.fs-btn-googleyellow.focus {
  color: #000 !important;
  background-color: #FFFC3B !important;
}

.fs-btn-googleyellow:hover {
  color: #000 !important;
  background-color: #FFFD3B !important;
}

.fs-btn-googleyellow:active,
.fs-btn-googleyellow.active,
.open>.dropdown-toggle.fs-btn-googleyellow {
  color: #000 !important;
  background-color: #FFFD3B !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleorange {
  color: #fff !important;
  background-color: #FF9800 !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleorange:focus,
.fs-btn-googleorange.focus {
  color: #fff !important;
  background-color: #FFA100 !important;
}

.fs-btn-googleorange:hover {
  color: #fff !important;
  background-color: #FFB100 !important;
}

.fs-btn-googleorange:active,
.fs-btn-googleorange.active,
.open>.dropdown-toggle.fs-btn-googleorange {
  color: #fff !important;
  background-color: #FFB100 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleblack {
  color: #fff !important;
  background-color: #000000 !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleblack:focus,
.fs-btn-googleblack.focus {
  color: #fff !important;
  background-color: #030000 !important;
}

.fs-btn-googleblack:hover {
  color: #fff !important;
  background-color: #010000 !important;
}

.fs-btn-googleblack:active,
.fs-btn-googleblack.active,
.open>.dropdown-toggle.fs-btn-googleblack {
  color: #fff !important;
  background-color: #010000 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-transparent {
  color: #000 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0);
}

.fs-btn-transparent:focus,
.fs-btn-transparent.focus {
  color: #000 !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.fs-btn-transparent:hover {
  color: #000 !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.fs-btn-transparent:active,
.fs-btn-transparent.active,
.open>.dropdown-toggle.fs-btn-transparent {
  color: #000 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0);
  transition-delay: 0s;
}

.fs-btn-googlebrow {
  color: #fff !important;
  background-color: #795548 !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0);
}

.fs-btn-googlebrow:focus,
.fs-btn-googlebrow.focus {
  color: #fff !important;
  background-color: #995548 !important;
}

.fs-btn-googlebrow:hover {
  color: #fff !important;
  background-color: #995548 !important;
}

.fs-btn-googlebrow:active,
.fs-btn-googlebrow.active,
.open>.dropdown-toggle.fs-btn-googlebrow {
  color: #fff !important;
  background-color: #915548 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0);
  transition-delay: 0s;
}

.fs-btn-googlecustommenu {
  color: #fff !important;
  background-color: #fff !important;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
}

.fs-btn-googlecustommenu:focus,
.fs-btn-googlecustommenu.focus {
  color: #fff !important;
  background-color: #fff !important;
}

.fs-btn-googlecustommenu:hover {
  color: #fff !important;
  background-color: #fff !important;
}

.fs-btn-googlecustommenu:active,
.fs-btn-googlecustommenu.active,
.open>.dropdown-toggle.fs-btn-googlecustommenu {
  color: #fff !important;
  background-color: #fff !important;
  transition-delay: 0s;
}

.fs-btn-googledangerround {
  color: #fff !important;
  background-color: #F44336 !important;
  border-radius: 20px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googledangerround:focus,
.fs-btn-googledangerround.focus {
  color: #fff !important;
  background-color: #D50000 !important;
}

.fs-btn-googledangerround:hover {
  color: #fff !important;
  background-color: #D50000 !important;
}

.fs-btn-googledangerround:active,
.fs-btn-googledangerround.active,
.open>.dropdown-toggle.fs-btn-googledangerround {
  color: #fff !important;
  background-color: #D50000 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleblueround {
  color: #fff !important;
  background-color: #2196F3 !important;
  border-radius: 20px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleblueround:focus,
.fs-btn-googleblueround.focus {
  color: #fff !important;
  background-color: #1A77C9 !important;
}

.fs-btn-googleblueround:hover {
  color: #fff !important;
  background-color: #1A77C9 !important;
}

.fs-btn-googleblueround:active,
.fs-btn-googleblueround.active,
.open>.dropdown-toggle.fs-btn-googleblueround {
  color: #fff !important;
  background-color: #1A77C9 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleblue1round {
  color: #fff !important;
  background-color: #2C6CED !important;
  border-radius: 20px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleblue1round:focus,
.fs-btn-googleblue1round.focus {
  color: #fff !important;
  background-color: #2C6CED !important;
}

.fs-btn-googleblue3round:hover {
  color: #fff !important;
  background-color: #2C8CED !important;
}

.fs-btn-googleblue1round:active,
.fs-btn-googleblue1round.active,
.open>.dropdown-toggle.fs-btn-googleblue1round {
  color: #fff !important;
  background-color: #2C8CED !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleblue3round {
  color: #fff !important;
  background-color: #096EA9 !important;
  border-radius: 20px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleblue3round:focus,
.fs-btn-googleblue3round.focus {
  color: #fff !important;
  background-color: #096FC9 !important;
}

.fs-btn-googleblue3round:hover {
  color: #fff !important;
  background-color: #097FC9 !important;
}

.fs-btn-googleblue3round:active,
.fs-btn-googleblue3round.active,
.open>.dropdown-toggle.fs-btn-googleblue3round {
  color: #fff !important;
  background-color: #097FC9 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googlesilverround {
  color: #000 !important;
  background-color: #E5E5E5 !important;
  border-radius: 20px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googlesilverround:focus,
.fs-btn-googlesilverround.focus {
  color: #000 !important;
  background-color: #E5E5E5 !important;
}

.fs-btn-googlesilverround:hover {
  color: #000 !important;
  background-color: #D9D9D9 !important;
}

.fs-btn-googlesilverround:active,
.fs-btn-googlesilverround.active,
.open>.dropdown-toggle.fs-btn-googlesilverround {
  color: #000 !important;
  background-color: #D9D9D9 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googlegreenround {
  color: #fff !important;
  background-color: #0f9d58 !important;
  border-radius: 20px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  animation: ripple-animation 2s;
}

.fs-btn-googlegreenround:focus,
.fs-btn-googlegreenround.focus {
  color: #fff !important;
  background-color: #0f9d50 !important;
}

.fs-btn-googlegreenround:hover {
  color: #fff !important;
  background-color: #3FA044 !important;
}

.fs-btn-googlegreenround:active,
.fs-btn-googlegreenround.active,
.open>.dropdown-toggle.fs-btn-googlegreenround {
  color: #fff !important;
  background-color: #3FA044 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-jfgreenround {
  color: #fff !important;
  background-color: #0099AF !important;
  border-radius: 20px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  animation: ripple-animation 2s;
}

.fs-btn-jfgreenround:focus,
.fs-btn-jfgreenround.focus {
  color: #fff !important;
  background-color: #287b88 !important;
}

.fs-btn-jfgreenround:hover {
  color: #fff !important;
  background-color: #287b88 !important;
}

.fs-btn-jfgreenround:active,
.fs-btn-jfgreenround.active,
.open>.dropdown-toggle.fs-btn-jfgreenround {
  color: #fff !important;
  background-color: #287b88 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleyellowround {
  color: #000 !important;
  background-color: #FFEB3B !important;
  border-radius: 20px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.fs-btn-googleyellowround:focus,
.fs-btn-googleyellowround.focus {
  color: #000 !important;
  background-color: #FFFC3B !important;
}

.fs-btn-googleyellowround:hover {
  color: #000 !important;
  background-color: #FFFD3B !important;
}

.fs-btn-googleyellowround:active,
.fs-btn-googleyellowround.active,
.open>.dropdown-toggle.fs-btn-googleyellowround {
  color: #000 !important;
  background-color: #FFFD3B !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googlenarrowround {
  color: #000 !important;
  background-color: #fff !important;
  border-radius: 24px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  border: 1px solid #52505012 !important;
}

.fs-btn-googlenarrowround:focus,
.fs-btn-googlenarrowround.focus {
  color: #000 !important;
  background-color: #f1f3f4 !important;
}

.fs-btn-googlenarrowround:hover {
  color: #000 !important;
  background-color: #f1f3f4 !important;
}

.fs-btn-googlenarrowround:active,
.fs-btn-googlenarrowround.active,
.open>.dropdown-toggle.fs-btn-googlenarrowround {
  color: #000 !important;
  background-color: #f1f3f4 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-googleorangeround {
  color: #000 !important;
  background-color: #FFA100 !important;
  border-radius: 24px !important;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
  border: 1px solid #52505012 !important;
}

.fs-btn-googleorangeround:focus,
.fs-btn-googleorangeround.focus {
  color: #000 !important;
  background-color: #FFA100 !important;
}

.fs-btn-googleorangeround:hover {
  color: #000 !important;
  background-color: #FFA100 !important;
}

.fs-btn-googleorangeround:active,
.fs-btn-googleorangeround.active,
.open>.dropdown-toggle.fs-btn-googleorangeround {
  color: #000 !important;
  background-color: #FFA100 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

.fs-btn-tbdcround {
  color: #0050a0 !important;
  background-color: #fff !important;
  border-radius: 24px !important;
  transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1);
  transition-delay: .2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .26);
  border: 1px solid #0050a0 !important;
}

.fs-btn-tbdcround:focus,
.fs-btn-tbdcround.focus {
  color: #fff !important;
  background-color: #d6e2f1 !important;
}

.fs-btn-tbdcround:hover {
  color: #fff !important;
  background-color: #d6e2f1 !important;
}

.fs-btn-tbdcround:active,
.fs-btn-tbdcround.active,
.open>.dropdown-toggle.fs-btn-tbdcround {
  color: #fff !important;
  background-color: #d6e2f1 !important;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}

/* ### THEME BUTTON ### */


.fs-btn-default,
.fs-btn-primary,
.fs-btn-success,
.fs-btn-info,
.fs-btn-warning,
.fs-btn-danger,
.fs-btn-black {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) !important;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) !important;
}

.fs-btn-default:active,
.fs-btn-primary:active,
.fs-btn-success:active,
.fs-btn-info:active,
.fs-btn-warning:active,
.fs-btn-danger:active,
.fs-btn-default.active,
.fs-btn-primary.active,
.fs-btn-success.active,
.fs-btn-info.active,
.fs-btn-warning.active,
.fs-btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
}

.fs-btn-default.disabled,
.fs-btn-primary.disabled,
.fs-btn-success.disabled,
.fs-btn-info.disabled,
.fs-btn-warning.disabled,
.fs-btn-danger.disabled,
.fs-btn-default[disabled],
.fs-btn-primary[disabled],
.fs-btn-success[disabled],
.fs-btn-info[disabled],
.fs-btn-warning[disabled],
.fs-btn-danger[disabled],
fieldset[disabled] .fs-btn-default,
fieldset[disabled] .fs-btn-primary,
fieldset[disabled] .fs-btn-success,
fieldset[disabled] .fs-btn-info,
fieldset[disabled] .fs-btn-warning,
fieldset[disabled] .fs-btn-danger {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.fs-btn-default .badge,
.fs-btn-primary .badge,
.fs-btn-success .badge,
.fs-btn-info .badge,
.fs-btn-warning .badge,
.fs-btn-danger .badge {
  text-shadow: none !important;
}

.fs-btn:active,
.fs-btn.active {
  background-image: none !important;
}

.fs-btn-default {
  text-shadow: 0 1px 0 #fff !important;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%) !important;
  background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)) !important;
  background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
  background-repeat: repeat-x !important;
  border-color: #dbdbdb !important;
  border-color: #ccc !important;
}

.fs-btn-default:hover,
.fs-btn-default:focus {
  background-color: #e0e0e0 !important;
  background-position: 0 -15px !important;
}

.fs-btn-default:active,
.fs-btn-default.active {
  background-color: #e0e0e0 !important;
  border-color: #dbdbdb !important;
}

.fs-btn-default.disabled,
.fs-btn-default[disabled],
fieldset[disabled] .fs-btn-default,
.fs-btn-default.disabled:hover,
.fs-btn-default[disabled]:hover,
fieldset[disabled] .fs-btn-default:hover,
.fs-btn-default.disabled:focus,
.fs-btn-default[disabled]:focus,
fieldset[disabled] .fs-btn-default:focus,
.fs-btn-default.disabled.focus,
.fs-btn-default[disabled].focus,
fieldset[disabled] .fs-btn-default.focus,
.fs-btn-default.disabled:active,
.fs-btn-default[disabled]:active,
fieldset[disabled] .fs-btn-default:active,
.fs-btn-default.disabled.active,
.fs-btn-default[disabled].active,
fieldset[disabled] .fs-btn-default.active {
  background-color: #e0e0e0 !important;
  background-image: none !important;
}

.fs-btn-primary {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%) !important;
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)) !important;
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
  background-repeat: repeat-x !important;
  border-color: #245580 !important;
}

.fs-btn-primary:hover,
.fs-btn-primary:focus {
  background-color: #265a88 !important;
  background-position: 0 -15px !important;
}

.fs-btn-primary:active,
.fs-btn-primary.active {
  background-color: #265a88 !important;
  border-color: #245580 !important;
}

.fs-btn-primary.disabled,
.fs-btn-primary[disabled],
fieldset[disabled] .fs-btn-primary,
.fs-btn-primary.disabled:hover,
.fs-btn-primary[disabled]:hover,
fieldset[disabled] .fs-btn-primary:hover,
.fs-btn-primary.disabled:focus,
.fs-btn-primary[disabled]:focus,
fieldset[disabled] .fs-btn-primary:focus,
.fs-btn-primary.disabled.focus,
.fs-btn-primary[disabled].focus,
fieldset[disabled] .fs-btn-primary.focus,
.fs-btn-primary.disabled:active,
.fs-btn-primary[disabled]:active,
fieldset[disabled] .fs-btn-primary:active,
.fs-btn-primary.disabled.active,
.fs-btn-primary[disabled].active,
fieldset[disabled] .fs-btn-primary.active {
  background-color: #265a88 !important;
  background-image: none !important;
}

.fs-btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%) !important;
  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)) !important;
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
  background-repeat: repeat-x !important;
  border-color: #3e8f3e !important;
}

.fs-btn-success:hover,
.fs-btn-success:focus {
  background-color: #419641 !important;
  background-position: 0 -15px !important;
}

.fs-btn-success:active,
.fs-btn-success.active {
  background-color: #419641 !important;
  border-color: #3e8f3e !important;
}

.fs-btn-success.disabled,
.fs-btn-success[disabled],
fieldset[disabled] .fs-btn-success,
.fs-btn-success.disabled:hover,
.fs-btn-success[disabled]:hover,
fieldset[disabled] .fs-btn-success:hover,
.fs-btn-success.disabled:focus,
.fs-btn-success[disabled]:focus,
fieldset[disabled] .fs-btn-success:focus,
.fs-btn-success.disabled.focus,
.fs-btn-success[disabled].focus,
fieldset[disabled] .fs-btn-success.focus,
.fs-btn-success.disabled:active,
.fs-btn-success[disabled]:active,
fieldset[disabled] .fs-btn-success:active,
.fs-btn-success.disabled.active,
.fs-btn-success[disabled].active,
fieldset[disabled] .fs-btn-success.active {
  background-color: #419641 !important;
  background-image: none !important;
}

.fs-btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%) !important;
  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)) !important;
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
  background-repeat: repeat-x !important;
  border-color: #28a4c9 !important;
}

.fs-btn-info:hover,
.fs-btn-info:focus {
  background-color: #2aabd2 !important;
  background-position: 0 -15px !important;
}

.fs-btn-info:active,
.fs-btn-info.active {
  background-color: #2aabd2 !important;
  border-color: #28a4c9 !important;
}

.fs-btn-info.disabled,
.fs-btn-info[disabled],
fieldset[disabled] .fs-btn-info,
.fs-btn-info.disabled:hover,
.fs-btn-info[disabled]:hover,
fieldset[disabled] .fs-btn-info:hover,
.fs-btn-info.disabled:focus,
.fs-btn-info[disabled]:focus,
fieldset[disabled] .fs-btn-info:focus,
.fs-btn-info.disabled.focus,
.fs-btn-info[disabled].focus,
fieldset[disabled] .fs-btn-info.focus,
.fs-btn-info.disabled:active,
.fs-btn-info[disabled]:active,
fieldset[disabled] .fs-btn-info:active,
.fs-btn-info.disabled.active,
.fs-btn-info[disabled].active,
fieldset[disabled] .fs-btn-info.active {
  background-color: #2aabd2 !important;
  background-image: none !important;
}

.fs-btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%) !important;
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)) !important;
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
  background-repeat: repeat-x !important;
  border-color: #e38d13 !important;
}

.fs-btn-warning:hover,
.fs-btn-warning:focus {
  background-color: #eb9316 !important;
  background-position: 0 -15px !important;
}

.fs-btn-warning:active,
.fs-btn-warning.active {
  background-color: #eb9316 !important;
  border-color: #e38d13 !important;
}

.fs-btn-warning.disabled,
.fs-btn-warning[disabled],
fieldset[disabled] .fs-btn-warning,
.fs-btn-warning.disabled:hover,
.fs-btn-warning[disabled]:hover,
fieldset[disabled] .fs-btn-warning:hover,
.fs-btn-warning.disabled:focus,
.fs-btn-warning[disabled]:focus,
fieldset[disabled] .fs-btn-warning:focus,
.fs-btn-warning.disabled.focus,
.fs-btn-warning[disabled].focus,
fieldset[disabled] .fs-btn-warning.focus,
.fs-btn-warning.disabled:active,
.fs-btn-warning[disabled]:active,
fieldset[disabled] .fs-btn-warning:active,
.fs-btn-warning.disabled.active,
.fs-btn-warning[disabled].active,
fieldset[disabled] .fs-btn-warning.active {
  background-color: #eb9316 !important;
  background-image: none !important;
}

.fs-btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%) !important;
  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)) !important;
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
  background-repeat: repeat-x !important;
  border-color: #b92c28 !important;
}

.fs-btn-danger:hover,
.fs-btn-danger:focus {
  background-color: #c12e2a !important;
  background-position: 0 -15px !important;
}

.fs-btn-danger:active,
.fs-btn-danger.active {
  background-color: #c12e2a !important;
  border-color: #b92c28 !important;
}

.fs-btn-danger.disabled,
.fs-btn-danger[disabled],
fieldset[disabled] .fs-btn-danger,
.fs-btn-danger.disabled:hover,
.fs-btn-danger[disabled]:hover,
fieldset[disabled] .fs-btn-danger:hover,
.fs-btn-danger.disabled:focus,
.fs-btn-danger[disabled]:focus,
fieldset[disabled] .fs-btn-danger:focus,
.fs-btn-danger.disabled.focus,
.fs-btn-danger[disabled].focus,
fieldset[disabled] .fs-btn-danger.focus,
.fs-btn-danger.disabled:active,
.fs-btn-danger[disabled]:active,
fieldset[disabled] .fs-btn-danger:active,
.fs-btn-danger.disabled.active,
.fs-btn-danger[disabled].active,
fieldset[disabled] .fs-btn-danger.active {
  background-color: #c12e2a !important;
  background-image: none !important;
}

.fs-btn-purple {
  background-image: -webkit-linear-gradient(top, #8E59F2 0%, #8710E5 100%) !important;
  background-image: -o-linear-gradient(top, #8E59F2 0%, #8710E5 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8E59F2), to(#8710E5)) !important;
  background-image: linear-gradient(to bottom, #8E59F2 0%, #8710E5 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
  background-repeat: repeat-x !important;
  border-color: #8E3CF2 !important;
}

.fs-btn-purple:hover,
.fs-btn-purple:focus {
  background-color: #8710E5 !important;
  background-position: 0 -15px !important;
}

.fs-btn-purple:active,
.fs-btn-purple.active {
  background-color: #8710E5 !important;
  border-color: #8E3CF2 !important;
}

.fs-btn-purple.disabled,
.fs-btn-purple[disabled],
fieldset[disabled] .fs-btn-purple,
.fs-btn-purple.disabled:hover,
.fs-btn-purple[disabled]:hover,
fieldset[disabled] .fs-btn-purple:hover,
.fs-btn-purple.disabled:focus,
.fs-btn-purple[disabled]:focus,
fieldset[disabled] .fs-btn-purple:focus,
.fs-btn-purple.disabled.focus,
.fs-btn-purple[disabled].focus,
fieldset[disabled] .fs-btn-purple.focus,
.fs-btn-purple.disabled:active,
.fs-btn-purple[disabled]:active,
fieldset[disabled] .fs-btn-purple:active,
.fs-btn-purple.disabled.active,
.fs-btn-purple[disabled].active,
fieldset[disabled] .fs-btn-purple.active {
  background-color: #8710E5 !important;
  background-image: none !important;
}

.fs-btn-butterfly {
  background-image: -webkit-linear-gradient(top, #35699C 0%, #35479C 100%) !important;
  background-image: -o-linear-gradient(top, #35699C 0%, #35479C 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#35699C), to(#35479C)) !important;
  background-image: linear-gradient(to bottom, #35699C 0%, #35479C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
  background-repeat: repeat-x !important;
  border-color: #354B9C !important;
}

.fs-btn-butterfly:hover,
.fs-btn-butterfly:focus {
  background-color: #35479C !important;
  background-position: 0 -15px !important;
}

.fs-btn-butterfly:active,
.fs-btn-butterfly.active {
  background-color: #35479C !important;
  border-color: #354B9C !important;
}

.fs-btn-butterfly.disabled,
.fs-btn-butterfly[disabled],
fieldset[disabled] .fs-btn-butterfly,
.fs-btn-butterfly.disabled:hover,
.fs-btn-butterfly[disabled]:hover,
fieldset[disabled] .fs-btn-butterfly:hover,
.fs-btn-butterfly.disabled:focus,
.fs-btn-butterfly[disabled]:focus,
fieldset[disabled] .fs-btn-butterfly:focus,
.fs-btn-butterfly.disabled.focus,
.fs-btn-butterfly[disabled].focus,
fieldset[disabled] .fs-btn-butterfly.focus,
.fs-btn-butterfly.disabled:active,
.fs-btn-butterfly[disabled]:active,
fieldset[disabled] .fs-btn-butterfly:active,
.fs-btn-butterfly.disabled.active,
.fs-btn-butterfly[disabled].active,
fieldset[disabled] .fs-btn-butterfly.active {
  background-color: #35479C !important;
  background-image: none !important;
}

.fs-btn .x-btn-default-large .x-btn-wrap,
.x-btn-default-medium .x-btn-wrap,
.x-btn-default-small .x-btn-wrap {
  background-color: transparent;
  background-image: none;
}

.fs-btn .x-btn-default-large.x-btn-pressed .x-btn-wrap,
.x-btn-default-medium.x-btn-pressed .x-btn-wrap,
.x-btn-default-small.x-btn-pressed .x-btn-wrap,
.x-btn-default-large.x-btn-pressed.x-btn-over .x-btn-wrap,
.x-btn-default-medium.x-btn-pressed.x-btn-over .x-btn-wrap,
.x-btn-default-small.x-btn-pressed.x-btn-over .x-btn-wrap,
.x-btn-default-large.x-btn-pressed.x-btn-focus .x-btn-wrap,
.x-btn-default-medium.x-btn-pressed.x-btn-focus .x-btn-wrap,
.x-btn-default-small.x-btn-pressed.x-btn-focus .x-btn-wrap,
.x-btn-default-large.x-btn-pressed.x-btn-focus.x-btn-over .x-btn-wrap,
.x-btn-default-medium.x-btn-pressed.x-btn-focus.x-btn-over .x-btn-wrap,
.x-btn-default-small.x-btn-pressed.x-btn-focus.x-btn-over .x-btn-wrap {
  background-color: transparent;
  background-image: none;
}

.fs-btn .x-btn-default-large.x-btn-focus,
.x-btn-default-medium.x-btn-focus,
.x-btn-default-small.x-btn-focus,
.x-btn-default-large.x-btn-focus.x-btn-over,
.x-btn-default-medium.x-btn-focus.x-btn-over,
.x-btn-default-small.x-btn-focus.x-btn-over {
  border-color: transparent !important;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-large .x-btn-wrap {
  outline: none;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-medium .x-btn-wrap {
  outline: none;
}