/** 
 * Import Compass
 */
/* ==========================================================================
   Form Field
   ========================================================================== */
.t-FormField {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 8px; }

.t-FormField-label {
  width: 35%;
  text-align: right;
  padding-right: 8px;
  font-size: 12px;
  line-height: 2;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis; }

.t-FormField-field {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.t-FormField-input {
  width: 80%;
  display: inline-block;
  font-size: 12px;
  border: none;
  height: 24px;
  padding: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border-radius: 2px; }

.t-FormField-input:focus {
  box-shadow: 0 0 0 1px #4696FC inset;
  outline: none;
  position: relative;
  z-index: 100; }

@media (max-width: 767px) {
  .t-FormField {
    display: block; }

  .t-FormField-label {
    display: block;
    text-align: left;
    width: 100%; }

  .t-FormField-field {
    display: block; }

  .t-FormField-input {
    width: 100%; }
 }