/* Track */
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
input[type=checkbox],
input[type=radio] {
  font-size: 16px;
  position: relative;
  border: 1px solid #bed3d4;
  display: inline-block;
  line-height: 1em;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
  -webkit-appearance: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.4);
  -webkit-border-radius: 3px;
  cursor: pointer;
}
input[type=checkbox]:active {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2));
  border: 1px solid #71c5c7;
}
input[type=checkbox].disabled:active {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2));
  border: 1px solid #bed3d4;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
  border: 1px solid #71c5c7;
}
input[type=checkbox].disabled:checked {
  border: 1px solid #bed3d4;
}
input[type=checkbox]:checked::after {
  position: absolute;
  content: '';
  left: 2px;
  top: 3px;
  width: 8px;
  height: 4px;
  border-bottom: 2px solid #53bbbc;
  border-left: 2px solid #53bbbc;
  -webkit-transform: rotate(-45deg);
  z-index: 1;
}
input[type=checkbox].disabled:checked::after {
  position: absolute;
  content: '';
  left: 2px;
  top: 3px;
  width: 8px;
  height: 4px;
  border-bottom: 2px solid #bed2d3;
  border-left: 2px solid #bed2d3;
  -webkit-transform: rotate(-45deg);
  z-index: 1;
}
input[type=text],
input[type=password] {
  padding: 3px 0px 3px 3px;
  border: 1px solid #54aed0;
  background-color: #ffffff;
  color: #000000;
  border-radius: 4px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=text]:active,
input[type=password]:active,
input[type=text].active,
input[type=password].active {
  border-color: #72d1d4;
  -webkit-box-shadow: 0px 0px 3px #72d1d4;
  box-shadow: 0px 0px 3px #72d1d4;
}
input[type=radio] {
  -webkit-border-radius: 50%;
}
input[type=radio]:checked::after {
  position: absolute;
  content: '';
  left: 4px;
  top: 4px;
  width: 6px;
  height: 6px;
  background-color: #53bbbc;
  -webkit-border-radius: 50%;
  z-index: 1;
}
select,
select:active {
  -webkit-appearance: none;
  border: 1px solid #bed2d3;
  color: #687677;
  width: 100%;
  height: 26px;
  line-height: 23px;
  background: url("../images/controls/ComboDropBtn.png") no-repeat right 2px;
  cursor: pointer;
  border-radius: 2px;
}
select:focus,
select:active:focus {
  outline: 0;
  border-color: #72d1d4;
  -webkit-box-shadow: 0px 0px 3px #72d1d4;
  box-shadow: 0px 0px 3px #72d1d4;
  background-position: right -18px;
}
input[type=range] {
  -webkit-appearance: none;
  background-color: #45c2c6;
  border-radius: 4px;
  width: 100%;
  height: 6px;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #56c7cd;
  background-color: #ffffff;
  width: 13px;
  height: 14px;
  border-radius: 50%;
}
input[type="range"]:hover::-webkit-slider-thumb {
  -webkit-box-shadow: 0px 0px 2px 1px #56c7cd;
  box-shadow: 0px 0px 2px 1px #56c7cd;
}
input[type="range"]:active::-webkit-slider-thumb {
  width: 14px;
  height: 15px;
}
label {
  color: #788180;
}
textarea {
  resize: none;
  border: 1px solid #bed2d3;
  border-radius: 4px;
  width: 100%;
  height: 61px;
}
textarea:focus,
textarea:active,
textarea.active {
  border-color: #72d1d4;
  -webkit-box-shadow: 0px 0px 3px #72d1d4;
  box-shadow: 0px 0px 3px #72d1d4;
}
.btn {
  color: #255255;
  vertical-align: middle;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-right: -4px;
  background-color: #f7fbfc;
  border: 1px solid #cdd7d6;
  border-radius: 4px;
  padding: 3px 18px;
  margin-right: 0px;
  cursor: pointer;
}
.btn:hover {
  background-color: #d5f3f4;
  border-color: #b8dfe0;
}
.btn:active {
  background-color: #9bdfe1;
  border-color: #81cdcf;
}
.btn.disabled {
  background-color: #c3c3c3;
  color: #a3a3a3;
}
.btn.disabled:hover,
.btn.disabled:active {
  background-color: #c3c3c3;
  border-color: #b8dfe0;
}
.file-btn {
  background: url("../images/controls/file-btn.png") no-repeat;
  width: 86px;
  height: 26px;
  cursor: pointer;
  position: relative;
}
.file-btn input {
  opacity: 0;
  width: 100%;
  height: 26px;
}
/*# sourceMappingURL=../css/from.css.map */