:root {
  --image-background-color: #3C4E5D; }

.sign-in {
  -webkit-font-smoothing: antialiased;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  text-size-adjust: none;
  margin: 0;
  padding: 0; }
  .sign-in-container {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    contain: layout size style;
    overflow: hidden; }

.city-scape {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  background: #EDF7FC; }
  .city-scape .agentx-title {
    margin: 50px 0 0; }
  .city-scape .agentx-description {
    margin: 15px 60px 35px; }

.city-scape .agentx-container-flex-col {
  overflow-y: auto;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 25px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }

@media (max-height: 750px) {
  .agentx-signin-logo {
    padding-top: 0px; } }

.beta-banner {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 0;
  z-index: 999; }

#betaBannerModal, #contactUsModal, #aboutAppModal {
  font-weight: 500;
  font-family: Inter; }
  #betaBannerModal .modal-dialog, #contactUsModal .modal-dialog, #aboutAppModal .modal-dialog {
    max-width: 700px !important; }
    #betaBannerModal .modal-dialog .modal-body, #contactUsModal .modal-dialog .modal-body, #aboutAppModal .modal-dialog .modal-body {
      display: flex; }
      #betaBannerModal .modal-dialog .modal-body .img-side, #contactUsModal .modal-dialog .modal-body .img-side, #aboutAppModal .modal-dialog .modal-body .img-side {
        padding-left: 25px; }
      #betaBannerModal .modal-dialog .modal-body h4, #contactUsModal .modal-dialog .modal-body h4, #aboutAppModal .modal-dialog .modal-body h4 {
        color: #000000;
        margin: 1rem 0;
        font-size: 18px; }
      #betaBannerModal .modal-dialog .modal-body p, #contactUsModal .modal-dialog .modal-body p, #aboutAppModal .modal-dialog .modal-body p {
        color: #000000;
        font-size: 16px; }
  #betaBannerModal h3, #contactUsModal h3, #aboutAppModal h3 {
    color: #013A6F;
    font-size: 26px; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 800px; } }

.modal-body .row, .agentx-contact-info .row {
  margin: 0px; }

.modal-body .form-group {
  margin-right: 0;
  margin-left: 0; }

.modal-body .floating-label {
  margin: 0px 0 1rem 0; }

.modal-body h6 {
  margin: 31px 0px 13px 2px;
  color: #000000;
  font-size: 16px; }

h5.modal-title {
  font-size: 23px; }

.modal-header .close {
  color: #616161; }

#unauthorized .city-scape .agentx-description {
  margin: 15px 50px 35px; }
  #unauthorized .city-scape .agentx-description h3 {
    font-size: 22px; }
  #unauthorized .city-scape .agentx-description .link-container {
    display: flex;
    align-content: center;
    margin: 0 25px;
    padding-bottom: 15px; }
    #unauthorized .city-scape .agentx-description .link-container:last-child {
      padding-bottom: 0; }
    #unauthorized .city-scape .agentx-description .link-container .brdr-btm {
      padding-bottom: 5px;
      width: 100%;
      border-bottom: 1px solid #CFD8DC;
      text-align: left; }
      #unauthorized .city-scape .agentx-description .link-container .brdr-btm a {
        top: 0 !important; }
    #unauthorized .city-scape .agentx-description .link-container img {
      width: 15px;
      margin-bottom: 5px;
      margin-right: 10px; }

#unauthorized .city-scape .agentx-button-login {
  background-color: transparent;
  border: 1px solid #013A6F;
  color: #013A6F;
  display: flex;
  align-items: center;
  margin: 0 auto; }
  #unauthorized .city-scape .agentx-button-login img {
    width: 16px;
    margin-right: 5px; }
  #unauthorized .city-scape .agentx-button-login:hover {
    background: #e5ebf0; }

button {
  font-family: Inter, sans-serif; }