@import 'variables';

.twofas-clear-fix {
  *zoom: 1;

  &::before,
  &::after { content: ' '; display: table; }

  &::after { clear: both; }
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

.twofas-anim-off,
.twofas-anim-off * {
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

input,
textarea,
button {
  appearance: none;
}

a {
  color: inherit;
  outline: none;
  text-decoration: none;

  &:hover,
  &:active,
  &:focus {
    color: inherit;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
  }
}

.twofas-muted {
  color: $TF_Color_FontMuted !important;
}

.twofas-success {
  color: $TF_Color_Success !important;
}

.twofas-disabled {
  color: $TF_Color_Disabled !important;
}

.twofas-danger {
  color: $TF_Color_Danger !important;
}

.text-center {
  text-align: center;
}

.twofas-pull-right {
  float: right;
}

.twofas-pull-left {
  float: left;
}

.twofas-line {
  display: block;
}

// intl-tel-input
.iti-flag {background-image: url("../images/flags.png");}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {background-image: url("../images/flags@2x.png");}
}

.intl-tel-input {
  position: relative;
  display: block;
  margin: 30px 0 10px 0;
}