/* Global variables and mixins */
@import "variables";
@import "mixins";



body {
  position: relative;
  min-height: 100vh;
  background-color: $grey-05;

  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active  {
    animation-name: autofill;
    animation-fill-mode: both;
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
  }
}

.confirm , .cancel{
  border: solid 1px #ccc;
}

.confirm {
  background: #005d67;
  color: #000;
}


.custom-primary {
  color: $global-white;
  @include app-themes {
    background-color: $secondary-color;
    border: 1px solid $secondary-color;
    &:hover:enabled {
      background-color: $grad1-color;
      border: 1px solid $grad1-color;
    }
    &:active:enabled {
      background-color: $grad2-color;
      border: 1px solid $grad2-color;
    }
  }
}
.custom-secondary {
  background-color: $global-white;
  @include app-themes {
    color: $secondary-color;
    border: 1px solid $secondary-color;
    &:hover:enabled {
      background-color: $primary-color;
    }
    &:active:enabled {
      background-color: $grad2-color;
      border: 1px solid $grad2-color;
      color: $global-white;
    }
  }
}
.custom-tertiary {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  @include app-themes {
    color: $secondary-color;
    &:hover:enabled {
      border-bottom-color: $secondary-color;
    }
  }
}