@import 'variables';

.clear-fix {
  *zoom: 1;

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

  &::after { clear: both; }
}

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

.anim-on,
.anim-on * {
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.anim-on-button,
.anim-on-button * {
  -moz-transition: background-color, color .2s ease-in-out;
  -ms-transition: background-color, color .2s ease-in-out;
  -o-transition: background-color, color .2s ease-in-out;
  -webkit-transition: background-color, color .2s ease-in-out;
  transition: background-color, color .2s ease-in-out;
}

.anim-off,
.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;
  }
}

.muted {
  color: $TF_Color_FontMuted !important;
}

.success {
  color: $TF_Color_Success !important;
}

.disabled {
  color: $TF_Color_Disabled !important;
}

.danger {
  color: $TF_Color_Danger !important;
}

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

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.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;
}