/**
 * Sencha GXT 3.1.1 - Sencha for GWT
 * Copyright(c) 2007-2014, Sencha, Inc.
 * licensing@sencha.com
 *
 * http://www.sencha.com/products/gxt/license/
 */
@def borderRadius value('theme.button.borderRadius','px');
@def borderColor value('theme.button.border.color');
@def borderStyle value('theme.button.border.style');
@def borderWidth value('theme.button.border.toString');

@def gradient value('theme.button.gradient');
@def overGradient value('theme.button.overGradient');
@def pressedGradient value('theme.button.pressedGradient');

/*
@def padding value('theme.button.padding.toString');
*/

@def fontSize value('theme.button.font.size','px');
@def fontFamily value('theme.button.font.family');
@def fontWeight value('theme.button.font.weight');
@def fontColor value('theme.button.font.color');

@def smallFontSize value('theme.button.smallFontSize','px');
@def mediumFontSize value('theme.button.mediumFontSize','px');
@def largeFontSize value('theme.button.largeFontSize','px');
@def smallLineHeight value('theme.button.smallLineHeight','px');
@def mediumLineHeight value('theme.button.mediumLineHeight','px');
@def largeLineHeight value('theme.button.largeLineHeight','px');

@def css3Leftover value('theme.button.radiusMinusBorderWidth.toString');

.button {
  border-radius: borderRadius;
  border-width: borderWidth;
  border-style: borderStyle;
  border-color: borderColor;
  background-color: #d0f4f7;
  box-sizing: border-box;
  height: 100%;

  background: -webkit-linear-gradient(top, gradient); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, gradient); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, gradient); /* IE10+ */
  background: linear-gradient(to bottom, gradient); /* W3C */

  padding: 0px;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  overflow: hidden;
}

.buttonInner {
  padding: 0px;
  text-align: center;
  font-size: fontSize;
  color: fontColor;
  font-weight: fontWeight;
  font-family: fontFamily;
  vertical-align: middle;
}

.over {
  background: -webkit-linear-gradient(top, overGradient); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, overGradient); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, overGradient); /* IE10+ */
  background: linear-gradient(to bottom, overGradient); /* W3C */
}

.pressed {
  background: -webkit-linear-gradient(top, pressedGradient) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, pressedGradient) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top, pressedGradient) !important; /* IE10+ */
  background: linear-gradient(to bottom, pressedGradient) !important; /* W3C */
}

.focused {
  background: -webkit-linear-gradient(top, overGradient); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, overGradient); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, overGradient); /* IE10+ */
  background: linear-gradient(to bottom, overGradient); /* W3C */
}


.small {
  line-height: smallLineHeight;
  font-size: smallFontSize;
}

.medium {
  line-height: mediumLineHeight;
  font-size: mediumFontSize;
}

.large {
  line-height: largeLineHeight;
  font-size: largeFontSize;
}

.iconLeft {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}

.iconRight {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}

.iconTop {
  display: block;
  margin: 0 auto;
  margin-bottom: 2px;
}

.iconBottom {
  display: block;
  margin: 0 auto;
  margin-top: 2px;
}

.noText .iconLeft {
  margin-right: 0px;
}

.noText .iconRight {
  margin-left: 0px;
}

@sprite .split {
  gwt-image: 'split';
  width: auto;
  height: auto;
  background-position: right center;
  padding-right: 20px;
  background-repeat: no-repeat;
}

@sprite .splitBottom {
  gwt-image: 'splitBottom';
  width: auto;
  height: auto;
  background-position: center bottom;
  padding-bottom: 14px;
  background-repeat: no-repeat;
}

@sprite .arrow {
  gwt-image: 'arrow';
  width: auto;
  height: auto;
  padding-right: 10px;
  background-position: right center;
  background-repeat: no-repeat;
}

@sprite .arrowBottom {
  gwt-image: 'arrowBottom';
  width: auto;
  height: auto;
  padding-bottom: 14px;
  background-position: center bottom;
  background-repeat: no-repeat;
}