@import "/c/_css/checkbox.css";
.auth.in-profile {
  text-align: left;
  padding-top: 8px;
}

.auth.in-profile label {
  display: block;
}

.auth-icon {
  font-size: 12px;
  height: 2em;
  background-repeat: no-repeat;
  text-transform: uppercase;
  background-size: 2em;
  padding-left: 2.2em;
  display: inline-block;
  line-height: 2;
  color: #646474;
}
.auth-icon.google {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PGcgc3R5bGU9ImZpbGw6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MSI+PHBhdGggZD0iTTE3LjY0IDkuMjA1YzAtLjYzOS0uMDU3LTEuMjUyLS4xNjQtMS44NDFIOXYzLjQ4MWg0Ljg0NGE0LjE0IDQuMTQgMCAwIDEtMS43OTYgMi43MTZ2Mi4yNTloMi45MDhjMS43MDItMS41NjcgMi42ODQtMy44NzUgMi42ODQtNi42MTV6IiBzdHlsZT0iZmlsbDojNDI4NWY0IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjk5NzY1IDAgMCAyLjAxMTEgNi4wODEgNS44KSIvPjxwYXRoIGQ9Ik05IDE4YzIuNDMgMCA0LjQ2Ny0uODA2IDUuOTU2LTIuMThsLTIuOTA4LTIuMjU5Yy0uODA2LjU0LTEuODM3Ljg2LTMuMDQ4Ljg2LTIuMzQ0IDAtNC4zMjgtMS41ODQtNS4wMzYtMy43MTFILjk1N3YyLjMzMkE4Ljk5NyA4Ljk5NyAwIDAgMCA5IDE4eiIgc3R5bGU9ImZpbGw6IzM0YTg1MyIgdHJhbnNmb3JtPSJtYXRyaXgoMS45OTc2NSAwIDAgMi4wMTExIDYuMDgxIDUuOCkiLz48cGF0aCBkPSJNMy45NjQgMTAuNzFBNS40MSA1LjQxIDAgMCAxIDMuNjgyIDljMC0uNTkzLjEwMi0xLjE3LjI4Mi0xLjcxVjQuOTU4SC45NTdBOC45OTYgOC45OTYgMCAwIDAgMCA5YzAgMS40NTIuMzQ4IDIuODI3Ljk1NyA0LjA0MnoiIHN0eWxlPSJmaWxsOiNmYmJjMDUiIHRyYW5zZm9ybT0ibWF0cml4KDEuOTk3NjUgMCAwIDIuMDExMSA2LjA4MSA1LjgpIi8+PHBhdGggZD0iTTkgMy41OGMxLjMyMSAwIDIuNTA4LjQ1NCAzLjQ0IDEuMzQ1bDIuNTgyLTIuNThDMTMuNDYzLjg5MSAxMS40MjYgMCA5IDBBOC45OTcgOC45OTcgMCAwIDAgLjk1NyA0Ljk1OEwzLjk2NCA3LjI5QzQuNjcyIDUuMTYzIDYuNjU2IDMuNTggOSAzLjU4eiIgc3R5bGU9ImZpbGw6I2VhNDMzNSIgdHJhbnNmb3JtPSJtYXRyaXgoMS45OTc2NSAwIDAgMi4wMTExIDYuMDgxIDUuOCkiLz48cGF0aCBkPSJNNi4wODEgNS44SDQyLjA0VjQySDYuMDgxeiIvPjwvZz48L3N2Zz4=");
}
.auth-icon.facebook {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PHBhdGggZD0iTTQxLjYyMiAyNC4zMDVjMC05LjkxLTcuOTc0LTE3Ljk0My0xNy44MTEtMTcuOTQzUzUuOTk5IDE0LjM5NSA1Ljk5OSAyNC4zMDVjMCA4Ljk1NiA2LjUxNCAxNi4zOCAxNS4wMjkgMTcuNzI1VjI5LjQ5MmgtNC41MjN2LTUuMTg3aDQuNTIzdi0zLjk1M2MwLTQuNDk3IDIuNjU5LTYuOTgxIDYuNzI4LTYuOTgxIDEuOTQ4IDAgMy45ODcuMzUgMy45ODcuMzV2NC40MTZoLTIuMjQ2Yy0yLjIxMyAwLTIuOTAzIDEuMzgzLTIuOTAzIDIuODAydjMuMzY2aDQuOTRsLS43OSA1LjE4N2gtNC4xNVY0Mi4wM2M4LjUxNS0xLjM0NiAxNS4wMjgtOC43NjkgMTUuMDI4LTE3LjcyNSIgc3R5bGU9ImZpbGw6IzE4NzdmMjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6LjAwMzQ5MTY1Ii8+PHBhdGggZD0ibTcxMTMgMzY0MCAyMjcgMTQ4MEg1OTIwdjk2MC40M2MwIDQwNC45IDE5OC4zNSA3OTkuNTcgODM0LjM4IDc5OS41N0g3NDAwdjEyNjBzLTU4NS45MyAxMDAtMTE0Ni4xIDEwMEM1MDg0LjM4IDgyNDAgNDMyMCA3NTMxLjIgNDMyMCA2MjQ4VjUxMjBIMzAyMFYzNjQwaDEzMDBWNjIuMkM0NTgwLjY3IDIxLjMgNDg0Ny44NCAwIDUxMjAgMGMyNzIuMTYgMCA1MzkuMzMgMjEuMyA4MDAgNjIuMlYzNjQwaDExOTMiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIHRyYW5zZm9ybT0ibWF0cml4KC4wNjY1MyAwIDAgLS4wNjY1NSAzNDEuMDEzIDEwMjQuNzQ2KSIvPjwvc3ZnPg==");
}
.auth-icon.apple {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDgxNCAxZTMiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPjxtZXRhZGF0YT48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48cGF0aCBkPSJtNzE5LjIyIDM1Mi4zOWMtNC41OTM1IDMuNTQ1NS04NS42NzQgNDguOTg3LTg1LjY3NCAxNTAuMDMgMCAxMTYuODcgMTAzLjE3IDE1OC4yMiAxMDYuMjYgMTU5LjI1LTAuNDczOTcgMi41MjAyLTE2LjM5IDU2LjYyNy01NC4zOTcgMTExLjc1LTMzLjg4OSA0OC41MTQtNjkuMjgzIDk2Ljk1LTEyMy4xMyA5Ni45NS01My44NDIgMC02Ny42OTgtMzEuMTA4LTEyOS44Ni0zMS4xMDgtNjAuNTcxIDAtODIuMTA4IDMyLjEzMS0xMzEuMzYgMzIuMTMxLTQ5LjI0OCAwLTgzLjYxNi00NC44OS0xMjMuMTItMTAwLjAyLTQ1Ljc2Ni02NC43MzYtODIuNzQ0LTE2NS4zMS04Mi43NDQtMjYwLjc2IDAtMTUzLjEgMTAwLjA4LTIzNC4zIDE5OC41OC0yMzQuMyA1Mi4zMzcgMCA5NS45NjQgMzQuMTgxIDEyOC44MyAzNC4xODEgMzEuMjc1IDAgODAuMDQ5LTM2LjIyOSAxMzkuNTktMzYuMjI5IDIyLjU2NSAwIDEwMy42NSAyLjA0ODQgMTU3LjAxIDc4LjEyOHptLTE4NS4yOC0xNDIuOTRjMjQuNjI1LTI5LjA2IDQyLjA0NC02OS4zODQgNDIuMDQ0LTEwOS43MSAwLTUuNTkxOC0wLjQ3NTA0LTExLjI2Mi0xLjUwNDYtMTUuODMxLTQwLjA2NyAxLjQ5Ni04Ny43MzIgMjYuNTQyLTExNi40NyA1OS42OTgtMjIuNTY4IDI1LjUxNi00My42MjkgNjUuODQtNDMuNjI5IDEwNi43MiAwIDYuMTQyMSAxLjAyODUgMTIuMjg1IDEuNTA0NiAxNC4yNTQgMi41MzMyIDAuNDcyODggNi42NTA2IDEuMDI0MiAxMC43NjkgMS4wMjQyIDM1Ljk0NyAwIDgxLjE1OS0yMy45NDMgMTA3LjI5LTU2LjE1NHoiIHN0cm9rZS13aWR0aD0iLjc4OTY4Ii8+PC9zdmc+Cg==");
}

#phone-confirmation input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

#phone-confirmation-modal .form-control, #email-confirmation-modal .form-control {
  border-left: none;
  border-right: none;
  border-top: none;
}
#phone-confirmation-modal .form-control.error, #email-confirmation-modal .form-control.error {
  color: #333;
}
#phone-confirmation-modal label.error, #email-confirmation-modal label.error {
  font-size: 12px;
}
#phone-confirmation-modal label.error[for=phone], #email-confirmation-modal label.error[for=phone] {
  position: absolute;
}
#phone-confirmation-modal .form-control[disabled=disabled], #email-confirmation-modal .form-control[disabled=disabled] {
  background-color: #fff;
}

.auth {
  text-align: center;
  padding-bottom: 12px;
  margin-top: 22px;
  font-family: "Roboto", sans-serif;
  /*
  h2 {
    color: #646474;
    margin: 0 0 35px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 24px;
  }
  */
}
.auth .hr {
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #999999;
  margin-top: 20px;
  margin-bottom: 20px;
}
.auth .hr::before,
.auth .hr::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #999999;
}
.auth .hr:not(:empty)::before {
  margin-right: 0.5em;
}
.auth .hr:not(:empty)::after {
  margin-left: 0.5em;
}
.auth .iti.iti--allow-dropdown {
  width: 100%;
}
.auth .iti__selected-flag {
  outline: none !important;
}
.auth #authWithFB {
  background-color: transparent;
  border: 1px #1877F2 solid;
  color: #1877F2;
  border-radius: 5px !important;
  display: block;
}
.auth.in-profile {
  margin-top: 0;
}
.auth.in-profile .signup {
  max-width: 150px;
}
.auth .signup {
  margin-bottom: 15px;
  color: #35363A;
  background-color: white !important;
  text-align: center;
  background-repeat: no-repeat;
  text-transform: uppercase;
  background-size: 34px;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 8px !important;
  height: 39px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  letter-spacing: 1px;
  flex-direction: row;
}
.auth .signup span {
  margin-left: -64px;
  width: 100%;
}
.auth .signup:hover {
  background-color: #f5f5f5 !important;
  text-decoration: none;
}
.auth .signup img {
  width: 24px;
  margin: 0 24px 0 16px;
}
.auth .fb-logo, .auth .google-logo {
  height: 16px;
  width: 16px;
  margin-top: -3px;
}
.auth .form-box {
  color: #53585f;
  min-width: 100px;
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
  /*min-height: 300px;*/
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0 0 9px 0 rgba(38, 38, 38, 0.2);
  border: 1px solid #ececec;
  padding: 30px 20px 40px 20px;
}
.auth h2 {
  padding-bottom: 15px;
  padding-top: 5px;
  margin-bottom: 5px;
}
.auth .text-center {
  text-align: center;
}
.auth input::-webkit-outer-spin-button,
.auth input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.auth input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}
.auth #backend-sms-status, .auth #backend-response {
  height: 30px;
}
.auth .second-auth-form {
  width: 100%;
  height: 42px;
  display: flex;
  justify-content: center;
}
.auth .second-auth-form .second-auth-code {
  font-size: 30px;
  letter-spacing: 30px;
  padding-left: 30px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
  outline: none;
  overflow: auto;
  width: 75%;
}
.auth .second-auth-form .second-auth-code::placeholder {
  color: lightgrey;
}
.auth .second-auth-form .second-auth-button {
  background-color: #47b269;
  color: white;
  border: none;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  padding: 8px 20px;
  width: 100px;
  flex-grow: 0;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 500;
}
.auth .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.auth .lds-ellipsis div {
  position: absolute;
  top: 15px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #757575;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.auth .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.auth .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.auth .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.auth .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.auth #wait30 {
  width: 0;
  height: 3px;
  background-color: #47b269;
  animation-name: reduce-time;
  animation-duration: 30s;
  float: right;
}
@keyframes reduce-time {
  100% {
    width: 0;
  }
  0% {
    width: 100%;
  }
}
.auth #resend-code-link {
  animation: 30s showAfter30;
  animation-fill-mode: forwards;
  visibility: hidden;
}
@keyframes showAfter30 {
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.auth .modal-body {
  text-align: left;
  padding: 2rem 5rem 3rem;
}
.auth .modal-body h3 {
  padding-bottom: 1rem;
  text-align: left;
}
.auth #phone-code {
  padding-left: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  font-size: 22px;
}

#loginForm .show-onloaded {
  display: inline-block !important;
}
#loginForm .hide-onloaded {
  display: none !important;
}
#loginForm.loading .show-onloaded {
  display: none !important;
}
#loginForm.loading .hide-onloaded {
  display: inline-block !important;
}
#loginForm .lds-ring {
  color: white;
}
#loginForm .lds-ring,
#loginForm .lds-ring div {
  box-sizing: border-box;
}
#loginForm .lds-ring {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  margin-right: 12px;
}
#loginForm .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  margin: 1px;
  border: 1px solid currentColor;
  border-radius: 50% !important;
  animation: lds-ring-login 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: currentColor transparent transparent transparent;
}
#loginForm .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
#loginForm .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
#loginForm .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring-login {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=auth.css.map */