@charset "UTF-8";
/*!
* Start Bootstrap - Modern Business v5.0.7 (https://startbootstrap.com/template-overviews/modern-business)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-modern-business/blob/master/LICENSE)
*/
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
  --bs-primary: #218094;
  --bs-secondary: #c23c91;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffbf67;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #05080f;
  --bs-dark-alpha: #05080f00;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #ffffff;
  --bs-body-bg-linear: linear-gradient(
    to bottom,
    #e0e0e0 0%,
    #ffffff 50%,
    #e0e0e0 100%
  );
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #afa9fd4d;
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
}

/** General font **/
body {
  height: 100vh;
  background: #fff;
  font-size: 12px;
}

p,
a {
  font-size: 1.3em;
  color: #fff;
}

a {
  text-decoration: none;
}

a:hover,
a:active {
  transform: scale(1.05);
}

.auth-colored-link {
  color: #c23c91;
  font-size: unset;
}

h3 {
  color: #fff;
}

/** Forms **/
.form-control:focus {
  outline: none;
  border-color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(48, 114, 148, 0.25);
}

.form-errors {
  font-size: 1.3em;
  color: #fff;
}

.btn-active,
.auth-page-btn,
.auth-page-btn:focus,
.auth-page-btn:focus-visible {
  color: #c23c91;
  background-color: #fff;
  width: 100%;
  margin: unset;
  border-radius: 45px;
  font-size: 1.3em;
}

.btn-active,
.auth-page-btn,
.auth-page-btn:focus,
.auth-page-btn:focus-visible {
  color: #c23c91;
  background-color: #fff;
  width: 100%;
  margin: unset;
  border-radius: 45px;
  font-size: 1.3em;
}

.btn-check,
.btn-active,
.auth-page-btn:hover,
.auth-page-btn:active {
  transform: scale(1.05) !important;
  color: #fff !important;
  background-color: #c23c91 !important;
  border: none !important;
}

.btn:disabled {
  color: #c23c91;
  background-color: #fff;
  border: none !important;
  opacity: var(--bs-btn-disabled-opacity);
}

label {
  font-size: 1.3em;
}

.blue-boat img {
  width: 250px;
}

.city-up-logo {
  filter: brightness(10);
}

/** Logo **/
.auth-page-logo-smartblue {
  height: 90px;
  width: 90px;
}

.auth-page-logo-smartblue-white {
  height: 150px;
  width: 150px;
  filter: brightness(10);
}

.auth-page-logo-by-julia {
  width: 90px;
}

/** Content **/
.auth-page-top-left-screen {
  height: calc(30vh);
}

.auth-page-bottom-right-screen {
  height: calc(70vh);
  background: no-repeat url("../images/bg-login-xs.svg");
  background-size: cover;
}

/** Form **/
.form-submit-button,
.form-submit-button:focus,
.form-submit-button:focus-visible {
  color: #fff;
  background-color: #c23c91;
  margin: unset;
  border-radius: 45px;
  border: unset;
}

.form-submit-button:active,
.form-submit-button:first-child:active,
.form-submit-button:hover {
  transform: scale(1.05);
  color: #fff !important;
  background-color: #c23c91 !important;
}

.form-cancel-button,
.form-cancel-button:focus,
.form-cancel-button:focus-visible {
  margin: unset;
  border-radius: 45px;
  border: unset;
}

.form-cancel-button:active,
.form-cancel-button:hover {
  transform: scale(1.05);
}

#id-my-account-password-change-form {
  width: 100%;
}

#div_id_new_password1,
#div_id_new_password2 {
  margin: 0 !important;
}

.invalid-feedback {
  margin: 0 !important;
}

/** Footer **/
.auth-page-footer {
  margin-top: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

@media (min-width: 768px) {
  .auth-page-top-left-screen {
    height: unset;
    background-image: url(../images/bg-login.svg);
    background-size: cover;
    background-position: right;
  }

  .auth-page-bottom-right-screen {
    height: unset;
    background: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .auth-page-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .form-errors {
    font-size: 1.5em;
    color: #dc3546;
  }

  input {
    border: 1px solid #afabab;
    border-radius: 10px 10px 0px 0px;
  }

  label {
    font-size: 1.5em;
  }

  .auth-page-btn,
  .auth-page-btn:focus,
  .auth-page-btn:focus-visible {
    color: #fff;
    background-color: #c23c91;
    font-size: 1.5em;
  }

  .btn-active,
  .auth-page-btn:active,
  .auth-page-btn:hover {
    transform: scale(1.05);
    color: #fff;
    background-color: #c23c91;
  }

  .btn:disabled {
    color: #fff;
    background-color: #c23c91;
    border: none !important;
    opacity: var(--bs-btn-disabled-opacity);
  }

  h3,
  p {
    color: black;
  }

  a {
    color: #c23c91;
  }

  a,
  p {
    font-size: 1.5em;
  }

  a:hover {
    transform: scale(1.05);
  }

  .auth-page-footer {
    color: #000;
  }

  .list-button {
    padding: 2px;
  }
}