app-forgot-password .reset-text {
  font-size: 1.4rem;
}
app-forgot-password .reset-text b {
  font-size: 1.7rem;
}
app-forgot-password .logo-content-1, app-forgot-password .logo-content-2, app-forgot-password .logo-content-3, app-forgot-password .logo-content-4, app-forgot-password .logo-content-5, app-forgot-password .logo-content-6, app-forgot-password .logo-content-7, app-forgot-password .logo-content-8 {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
app-forgot-password .login .logo {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
app-forgot-password .login .list, app-forgot-password .login .form-contents {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  opacity: 1 !important;
}
ion-toast.termsToast {
  --background: transparent;
}
.login {
  /* svg {
     width:18rem;
  }
   */
  background-color: #313131;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  /* setting the opacity to fade in from 1 to 1, aka from transparent to opaque */
  /* Firefox < 16 */
  /* Safari, Chrome and Opera > 12.1 */
  /* Internet Explorer */
  /* Opera < 12.1 */
}
.login .guest-position {
  position: absolute;
  right: 20px;
}
.login .guest-button {
  font-size: 2.5rem;
  width: 5rem;
  height: 5rem;
  border-radius: 2.5rem;
  border: 2px solid #ab172d;
  text-align: center;
  line-height: 4.5rem;
}
.login .guest-text {
  font-weight: 400;
  color: #666;
  font-size: 1.5rem;
}
.login .form-contents {
  opacity: 1;
  /* animation time for different browsers */
  /* -webkit-animation: content-opacity 2s 1.5s ease-out forwards;
   */
  /* Safari, Chrome and Opera > 12.1 */
  /* -moz-animation: content-opacity 2s 1.5s ease-out forwards;
   */
  /* Firefox < 16 */
  /* -ms-animation: content-opacity 2s 1.5s ease-out forwards;
   */
  /* Internet Explorer */
  /* -o-animation: content-opacity 2s 1.5s ease-out forwards;
   */
  /* Opera < 12.1 */
  /* animation: content-opacity 2s 1.5s ease-out forwards;
   */
}
.login .animate-svg {
  width: 7rem;
  margin: 0 auto;
  min-height:7rem;
  /* text-align: center;
   */
}
.login p {
  padding-bottom: 1.4rem;
}
@media screen and (max-width: 413px) {
  .login .paddingSide-32 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.login .bottom-text {
  bottom: 0;
  left: 15%;
  width: 70%;
  font-size: 1.2rem;
  text-align: center;
  color: #999;
}
.login .bottom-text a {
  color: #999;
}
.login .bottom-text a:hover {
  color: #ccc;
}
.login .bottom-mobile-text {
  bottom: var(--ion-safe-area-bottom, 0);
  left: 5%;
  width: 90%;
  font-size: 1.2rem;
  text-align: center;
  color: #999;
  z-index:100;
}
.login .bottom-mobile-text a {
  color: #999;
}
.login .bottom-mobile-text a:hover {
  color: #ccc;
}
.login .specialPosition {
  top: 3px;
  padding-left: 5px;
  padding-right: 1px;

}
.login .specialPosition .fal {
  font-size:1.6rem;
  color:#000;
}
.login .specialPosition-label {
  top: 10px;
  left: 32px;
  font-size:1.5rem;
  color:#aaa;
  font-weight: 300;
}
.login .specialPosition-label-after {
  opacity: 0;
}
.login ion-input input {
  margin-left: 3rem;
}
.login ion-input input:-webkit-autofill::first-line, .login ion-input input:-webkit-autofill, .login ion-input input:-webkit-autofill:hover, .login ion-input input:-webkit-autofill:focus, .login ion-input input:-webkit-autofill:active {
  font-size: 1.6rem;
}
.login ion-item.item-input {
  --min-height: 3.2rem;
}
.login ion-item.item-for-input {
  --min-height: 3.2rem;
}
.login ion-label.label-input {
  --min-height: 3.2rem;
}
.login input:-webkit-autofill {
  font-size: 1.6rem;
}
.login input:-internal-autofill-selected {
  background-image: none !important;
}
.login .item .sc-ion-label-ios-h.label-input, .login div .sc-ion-label-ios-h.label-input, .login .item .sc-ion-label-md-h.label-input, .login div .sc-ion-label-md-h.label-input {
  white-space: normal;
  color: #ccc;
  --color: #ccc;
  margin-bottom: 0;
  margin-top: 0.7rem;
  font-size: 1.4rem;
}
.login .sc-ion-input-md-h, .login .sc-ion-input-ios-h {
  --padding-top: 5px;
  --padding-bottom: 5px;
}
.login input:focus {
  outline-offset: 0;
}
.login scroll-content {
  height: 100%;
}
.dimension-login .list {
  z-index:200;
  border-radius: 4rem;
  padding: 1em;
  background-color: #fff;
  max-width: 400px;
  max-height: 400px;
  height: 400px;
  top: 50%;
  margin: 0 auto;
  position: relative;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 20px 35px rgba(0, 0, 0, 1);
/*
  -webkit-animation: fadein 2s ease-out forwards, shadow 2s 0s ease-out forwards;

  -moz-animation: fadein 2s ease-out forwards, shadow 2s 0s ease-out forwards;

  -ms-animation: fadein 2s ease-out forwards, shadow 2s 0s ease-out forwards;

  -o-animation: fadein 2s ease-out forwards, shadow 2s 0s ease-out forwards;

  animation: fadein 2s ease-out forwards, shadow 2s 0s ease-out forwards;*/
}
@keyframes fadein {
  /* opacity: 0;
   */
  from {
    box-shadow: 0 0 0 rgba(0, 0, 0, 1);
  }
  to {
    /* opacity: 1;
     */
    box-shadow: 0 20px 35px rgba(0, 0, 0, 1);
  }
}
@-moz-keyframes fadein {
  /* opacity: 0;
   */
  from {
    box-shadow: 0 0 0 rgba(0, 0, 0, 1);
  }
  to {
    /* opacity: 1;
     */
    box-shadow: 0 20px 35px rgba(0, 0, 0, 1);
  }
}
@-webkit-keyframes fadein {
  /* opacity: 0;
   */
  from {
    box-shadow: 0 0 0 rgba(0, 0, 0, 1);
  }
  to {
    /* opacity: 1;
     */
    box-shadow: 0 20px 35px rgba(0, 0, 0, 1);
  }
}
@-ms-keyframes fadein {
  /* opacity: 0;
   */
  from {
    box-shadow: 0 0 0 rgba(0, 0, 0, 1);
  }
  to {
    /* opacity: 1;
     */
    box-shadow: 0 20px 35px rgba(0, 0, 0, 1);
  }
}
@-o-keyframes fadein {
  from {
    box-shadow: 0 0 0 rgba(0, 0, 0, 1);
    box-shadow: none;
  }
}
.container {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  padding-left:0;
  padding-right:0;
}
.login .keyboard-showed {
  top: 40% !important;
}
.login .logo {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 413px) {
  .login .logo {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.login button {
  margin-top: 0;
  margin-bottom: 2rem;
}
.login button.submit {
  margin-top: 2rem;
}
.login .forgot {
  font-size: 1.5rem;
  color: #aaa;
  font-weight: 300;
}
.login ion-input {
  font-size: 1.6rem;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 4rem;
  --padding-end: 0px;
  --padding-start: 0px;
  border-bottom: 1px solid #dedede;
}
@media screen and (max-width: 413px) {
  .login ion-input {
    margin-bottom: 2.8rem;
  }
}
/*************************************************** * Generated by SVG Artista on 5/5/2020, 4:29:12 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/
@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 486.7333374023px;
    stroke-dasharray: 486.7333374023px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 486.7333374023px;
    stroke-dasharray: 486.7333374023px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
.logo-content-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both, animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
  animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both, animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
}
@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 160.1818695068px;
    stroke-dasharray: 160.1818695068px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 160.1818695068px;
    stroke-dasharray: 160.1818695068px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
.logo-content-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both, animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9s both;
  animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both, animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9s both;
}
@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 152.3601074219px;
    stroke-dasharray: 152.3601074219px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 152.3601074219px;
    stroke-dasharray: 152.3601074219px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
.logo-content-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.24s both, animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
  animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.24s both, animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
}
@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 159.7271728516px;
    stroke-dasharray: 159.7271728516px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 159.7271728516px;
    stroke-dasharray: 159.7271728516px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
.logo-content-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both, animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1s both;
  animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both, animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1s both;
}
@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 159.7319641113px;
    stroke-dasharray: 159.7319641113px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 159.7319641113px;
    stroke-dasharray: 159.7319641113px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
.logo-content-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
  animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
}
@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 135.7586212158px;
    stroke-dasharray: 135.7586212158px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 135.7586212158px;
    stroke-dasharray: 135.7586212158px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
.logo-content-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s both, animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
  animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6s both, animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
}
@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 123.3193893433px;
    stroke-dasharray: 123.3193893433px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 123.3193893433px;
    stroke-dasharray: 123.3193893433px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
.logo-content-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.72s both, animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
  animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.72s both, animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
}
@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 136.0996704102px;
    stroke-dasharray: 136.0996704102px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 136.0996704102px;
    stroke-dasharray: 136.0996704102px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }
  100% {
    fill: #ab172d;
  }
}
.logo-content-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both, animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
  animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both, animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s both;
}
/*********** end *******************/
/* setting the opacity to fade in from 0 to 1, aka from transparent to opaque */
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* setting the box-shadow to increase from 0 to 1, aka from transparent to opaque */
@keyframes shadow {
  0% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 1);
  }
  100% {
    box-shadow: 0 20px 35px rgba(0, 0, 0, 1);
  }
}
/* Firefox < 16 */
@-moz-keyframes shadow {
  0% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 1);
  }
  100% {
    box-shadow: 0 20px 35px rgba(0, 0, 0, 1);
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes shadow {
  0% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 1);
  }
  100% {
    box-shadow: 0 20px 35px rgba(0, 0, 0, 1);
  }
}
/* Internet Explorer */
@-ms-keyframes shadow {
  0% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 1);
  }
  100% {
    box-shadow: 0 20px 35px rgba(0, 0, 0, 1);
  }
}
/* Opera < 12.1 */
@-o-keyframes shadow {
  0% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 1);
  }
  100% {
    box-shadow: 0 20px 35px rgba(0, 0, 0, 1);
  }
}
/* setting the contents opacity to fade in from 0 to 1, aka from transparent to opaque */
@keyframes content-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes content-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes content-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes content-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes content-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body .login {
  font-size:1.92rem;
  padding:16px;
}


.button-terms-continue {
  color: #387ef5 !important;
  text-transform: capitalize !important;
  padding: 12px 24px !important;
  font-size: 1.6rem !important;
  line-height: 1rem !important;
  border-radius: 2rem !important;
  display: inline-block !important;
  font-weight: 500 !important;
  text-align: center !important;
  vertical-align: middle !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  background-image: none !important;
  white-space: nowrap !important;
  width: auto !important;
  height: 4rem !important;
  min-width: 20rem !important;
  background-color: #fff !important;
  border: 2px solid #387ef5 !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}


.modalTermsBody {
  font-weight: 300;
  color:#000;
  font-size:1.5rem;

}
@media (max-width: 559.98px){
  .modalTermsBody, .modalTermsBody a {
    font-size: 1.4rem;
  }
}

.termsCheck {
  font-seize:16px;
}

.modalTermsAcceptance {
  color:#000;
  font-size:1.4rem;
  margin-left:10px;
  text-transform: uppercase;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal.in .modal-dialog {
  max-width:40rem;
}