/**  Import Compass */
/* ========================================================================== Icon Library Mixin ========================================================================== */
/* ========================================================================== Shadows ========================================================================== */
/* ========================================================================== Form Field ========================================================================== */
.t-FormField { display: flex; 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 { 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%; } }