.jc--display {
  display: block;
  padding-bottom: 15px;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: right;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.jc--button {
  -webkit-font-smoothing: antialiased;
}

.jc--button-negative:before,
.jc--button-pi:before,
.jc--button-fraction:before,
.jc--button-caret:before,
.jc--button-exponent-xto2:before,
.jc--button-exponent-xto3:before,
.jc--button-exponent-ytox:before,
.jc--button-root-ofx:before,
.jc--button-root-3ofx:before,
.jc--button-root-xofy:before {
  font-family: 'javascript-calculator-icons';
  display: inline-block;
  font-size: 1.33em;
}
.jc--button-negative .jc--buttonLabel,
.jc--button-pi .jc--buttonLabel,
.jc--button-fraction .jc--buttonLabel,
.jc--button-caret .jc--buttonLabel,
.jc--button-exponent-xto2 .jc--buttonLabel,
.jc--button-exponent-xto3 .jc--buttonLabel,
.jc--button-exponent-ytox .jc--buttonLabel,
.jc--button-root-ofx .jc--buttonLabel,
.jc--button-root-3ofx .jc--buttonLabel,
.jc--button-root-xofy .jc--buttonLabel {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.jc--button-negative:before {
  content: "\e604";
}

.jc--button-pi:before {
  content: "\e603";
}

.jc--button-fraction:before {
  content: "\e605";
}

.jc--button-caret:before {
  content: "\e609";
}

.jc--button-exponent-xto2:before {
  content: "\e601";
}

.jc--button-exponent-xto3:before {
  content: "\e608";
}

.jc--button-exponent-ytox:before {
  content: "\e606";
}

.jc--button-root-ofx:before {
  content: "\e602";
}

.jc--button-root-3ofx:before {
  content: "\e607";
}

.jc--button-root-xofy:before {
  content: "\e600";
}

@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: 'javascript-calculator-icons';
  src: url("fonts/javascript-calculator-icons.eot");
  src: url("fonts/javascript-calculator-icons.eot?#iefix") format("embedded-opentype"), url("fonts/javascript-calculator-icons.ttf") format("truetype"), url("fonts/javascript-calculator-icons.woff") format("woff"), url("fonts/javascript-calculator-icons.svg#javascript-calculator-icons") format("svg");
}
.jc {
  *zoom: 1;
  width: 224px;
  padding: 7px;
  border: 1px solid black;
  border-radius: 2px;
  background-color: #444;
  box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
}
.jc:before, .jc:after {
  display: table;
  content: " ";
  clear: both;
}

.jc--display {
  margin: 0 0 14px;
  padding-top: 1px;
  padding-right: 8px;
  padding-left: 8px;
  border: 1px solid black;
  border-radius: 2px;
  font-size: 37px;
  background-color: white;
  box-shadow: inner 0 0 5px #000;
  -moz-box-shadow: inset 0 0 5px #000;
  -webkit-box-shadow: inset 0 0 5px #000;
}

.jc--button {
  width: 50px;
  height: 40px;
  margin: 3px;
  padding: 0px;
  border: 1px solid;
  color: white;
  font-size: 25px;
  vertical-align: top;
}
.jc--button:focus {
  outline: none;
}

.jc--button-number,
.jc--button-negative,
.jc--button-negativepositive,
.jc--button-decimal {
  background: #3e6372;
  /* Old browsers */
  background: -o-linear-gradient(top, #3e6372 0%, #1e2f36 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3e6372 0%, #1e2f36 100%);
  /* IE10+ */
  background: -moz-linear-gradient(top, #3e6372 0%, #1e2f36 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #3e6372 0%, #1e2f36 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #3e6372 0%, #1e2f36 100%);
  /* W3C */
  border-color: #869da7;
}
.jc--button-number:hover,
.jc--button-negative:hover,
.jc--button-negativepositive:hover,
.jc--button-decimal:hover {
  box-shadow: inset 0 0 10px #869da7;
}
.jc--button-number:active,
.jc--button-negative:active,
.jc--button-negativepositive:active,
.jc--button-decimal:active {
  background: #1e2f36;
  /* Old browsers */
  background: -o-linear-gradient(top, #1e2f36 0%, #3e6372 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1e2f36 0%, #3e6372 100%);
  /* IE10+ */
  background: -moz-linear-gradient(top, #1e2f36 0%, #3e6372 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #1e2f36 0%, #3e6372 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #1e2f36 0%, #3e6372 100%);
  /* W3C */
}

.jc--button-operation {
  background: #cb8164;
  /* Old browsers */
  background: -o-linear-gradient(top, #cb8164 0%, #ae5430 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cb8164 0%, #ae5430 100%);
  /* IE10+ */
  background: -moz-linear-gradient(top, #cb8164 0%, #ae5430 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #cb8164 0%, #ae5430 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #cb8164 0%, #ae5430 100%);
  /* W3C */
  border-color: #deb09e;
}
.jc--button-operation:hover {
  box-shadow: inset 0 0 10px #deb09e;
}
.jc--button-operation:active {
  background: #ae5430;
  /* Old browsers */
  background: -o-linear-gradient(top, #ae5430 0%, #cb8164 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ae5430 0%, #cb8164 100%);
  /* IE10+ */
  background: -moz-linear-gradient(top, #ae5430 0%, #cb8164 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #ae5430 0%, #cb8164 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #ae5430 0%, #cb8164 100%);
  /* W3C */
}

.jc--button-other,
.jc--button-clear,
.jc--button-del {
  background: #7c7c7c;
  /* Old browsers */
  background: -o-linear-gradient(top, #7c7c7c 0%, #454545 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7c7c7c 0%, #454545 100%);
  /* IE10+ */
  background: -moz-linear-gradient(top, #7c7c7c 0%, #454545 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #7c7c7c 0%, #454545 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #7c7c7c 0%, #454545 100%);
  /* W3C */
  border-color: #adadad;
}
.jc--button-other:hover,
.jc--button-clear:hover,
.jc--button-del:hover {
  box-shadow: inset 0 0 10px #adadad;
}
.jc--button-other:active,
.jc--button-clear:active,
.jc--button-del:active {
  background: #454545;
  /* Old browsers */
  background: -o-linear-gradient(top, #454545 0%, #7c7c7c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #454545 0%, #7c7c7c 100%);
  /* IE10+ */
  background: -moz-linear-gradient(top, #454545 0%, #7c7c7c 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #454545 0%, #7c7c7c 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #454545 0%, #7c7c7c 100%);
  /* W3C */
}

.jc--button-del,
.jc--button-clear {
  font-size: 8px;
  text-transform: uppercase;
}

/*# sourceMappingURL=javascript-calculator-theme-classic.css.map */