@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap");

body {
  font-family: "Open Sans", sans-serif;
  background-color: #F7F7F8;
  padding: 0 1rem 0 1rem;
  margin: 0;
}

a {
  color: #0069B8;
  text-decoration: none;
  position: relative;
}
a:hover {
  text-decoration: underline;
  color: #005A9E;
}
a:focus {
  color: #005A9E;
  outline: 2px solid #2C97E8 !important;
  border-radius: 0.25rem;
}

.bgSvgFirst,
.bgSvgSecond {
  position: fixed;
  z-index: -10;
  width: 63%;
  max-width: 30rem;
}
.bgSvgFirst {
  top: 0;
  left: 0;
}
.bgSvgSecond {
  right: 0;
  bottom: 0;
}

.registerCard {
  background-color: white;
  padding: 1.5rem 1.5rem 3rem 1.5rem;
  max-width: 49rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 8rem;
  border-radius: 1.5625rem;
}

.loginCard {
  background-color: white;
  padding: 1.5rem 0 0 0;
  max-width: 49rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8rem;
  border-radius: 1.5625rem;
}
.guestLoginCard {
  padding-bottom: 0;
}

.loginCardContainer {
  max-width: 49rem;
  margin-left: auto;
  margin-right: auto;
}
.registerCardContainer {
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
}

.loginBackButton {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  margin-right: 1.5625rem;
  margin-top: 4.75rem;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0069B8;
  text-decoration: none;
}

.loginBackButton--wrapper {
  display: flex;
  justify-content: right;
  -webkit-justify-content: flex-end;
  align-items: center;
  text-align: end;
}

.loginCardBox {
  padding: 0 1.5rem 0 1.5rem;
}
.loginBannerBox {
  padding: 0 1.5rem 0 1.5rem;
  width: 100%;
}
.backIcon {
  margin-right: 0.5rem;
}

.loginCard .formInput,
.registerCard .formInput,
.registerCard .formInputPhone,
.ui-input-search input {
  display: block;
  width: calc(100% - 1.3rem);
  height: 2.125rem;
  font-size: 0.875rem;
  margin: 0.5rem 0 1.5rem 0;
  border-radius: 0.25rem;
  background-color: #ffffff;
  border: 0.125rem solid #cdd2d5;
}

.loginCard .formButton,
.registerCard .formButton {
  background-color: #0078D2;
  border-radius: 0.25rem;
  border: 2px solid #0078D2;
  width: 100%;
  max-width: 9.0625rem;
  margin-top: 0.5rem;
  padding: 0.625rem 2.375rem 0.625rem 2.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  font-family: "Open Sans";
  color: #ffffff;
  cursor: pointer;
}

.formButton:hover {
  background-color: #0069B8;
  border-color: #0069B8;
}
.formButton:active {
  background-color: #005A9E;
  border-color: #005A9E;
}
.formInput:hover,
.ui-input-search input:hover,
.ui-select select.appartments:hover {
  border-color: #9CA5AB;
}
/* .loginCard .formButton:focus-visible,
.registerCard .formButton:focus-visible,
.formInput:focus-visible,
.ui-input-search input:focus-visible,
.ui-select select.appartments:focus-visible{
  border-color: #ffffff !important;
  outline: #0078D2 solid 2px !important;
} */
.loginCard .formButton:focus,
.registerCard .formButton:focus {
  border-color: #ffffff !important;
  box-shadow: inset 0 0 0 1px #ffffff !important;
  outline: #0078D2 solid 2px !important;
}
.formInput:focus,
.ui-input-search input:focus,
.ui-select select.appartments:focus{
  border-color: #202020 !important;
  box-shadow: inset 0 0 0 1px #202020 !important;
  outline: #2C97E8 solid 2px !important;
  outline-offset: 2px;
}

.formInput,
.ui-input-search input {
  padding-left: 0.9375rem;
}

.formInputPhone {
  /*width: calc(100% - 8.3rem) !important;*/
  padding-left: 0.9375rem;
}

.formBox {
  display: block;
  width: 100%;
  height: 3rem;
  font-size: 0.875rem;
  margin: 0.5rem 0 0.625rem 0;
  border-radius: 0.25rem;
  background-color: #ffffff;
  border: 0.125rem solid #cdd2d5;
}
.formPhoneBox {
  width: calc(100% - 8rem) !important;
  padding-left: 8rem;
}

.registerFormButtons {
  display: flex;
  justify-content: space-between;
}

.registerFormButtons .formButton {
  width: auto;
  max-width: 100%;
}

.registerFormButtons a {
  margin-top: 2rem;
  align-self: center;
  text-decoration: none;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0069B8;
}

.formSubmit {
  display: flex;
  justify-content: center;
  align-items: center;
}

.phoneForm {
  width: 100%;
  display: block;
  padding: 0.9375rem 0 0.9375rem 0;
  margin: 0.5rem 0 0.625rem 0;
  background-color: #ffffff;
  border: 0.125rem solid #cdd2d5;
}
#formTermsText {
  color: #0069B8;
}

.loginCardTitle,
.registerCardTitle {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.5rem;
  color: #252a2d;
  letter-spacing: -0.0313rem;
  font-family: "Open Sans";
}
.loginCardDesc,
.registerCardDesc {
  margin: 1rem 0rem 2.5rem 0rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #252a2d;
  font-family: "Open Sans";
}
.registerForm .formInputLabel {
  color: #252a2d;
  font-size: 1rem;
  font-weight: 600;
  font-family: "Open Sans";
  line-height: 1.25rem;
}

.formCheckbox {
  display: flex;
  height: 1.5rem;
  min-width: 1.5rem;
  margin-right: 0.75rem;
  margin-bottom: 0;
  accent-color: #0078d2;
}
.formCheckbox label {
  margin-left: 0.75rem;
}
.formCheckboxSection {
  display: flex;
  align-items: self-start;
  margin-top: 0.5rem;
}
.formCheckboxSection input {
  align-self: start;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.125rem solid #cdd2d5;
  border-radius: 0.25rem;
  flex-shrink: 0;
}
.formCheckboxSection input:checked {
  background: url("assets/icon-checked.svg") no-repeat;
  border: 0.125rem solid #0069B8;
  background-position: center;
  border-radius: 0.25rem;
}
.formCheckboxSection label {
  align-self: center;
}
.formCheckboxSectionOpened {
  display: flex;
  align-items: self-start;
  margin-top: 3.5rem;
}
.formCheckbox:hover {
  border-color: #9CA5AB;
}
.formCheckbox:focus,
.formCheckbox:focus-visible {
  border-color: #202020 !important;
  box-shadow: inset 0 0 0 1px #202020 !important;
  outline: #0078D2 solid 2px !important;
  outline-offset: 2px;
}

.formLabel {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
}
.formOverflowLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.formApartmentLabel {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
}
.formButton {
  color: #ffffff;
}
.loginCardTabs {
  list-style-type: none;
  margin: 0;
  margin-top: 1rem;
  padding: 0;
  display: flex;
  gap: 0.3125rem;
  font-size: 1.125rem;
  align-items: center;
  justify-content: space-around;
}
.loginCardTabs button {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.75rem;
  line-height: 1.5rem;
  width: 100%;
  text-align: center;
  border-bottom: 0.3125rem solid #0069B8;
}
.loginCardTabs li a {
  text-decoration: none;
  color: #0069B8;
}
.loginForm {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.smartidLoginForm {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.loginFormButton {
  background-color: #0069B8;
  border-radius: 0.25rem;
  border: 2px solid #0078D2;
  width: 100%;
  font-size: .875rem;
  line-height: 1.5rem;
  font-weight: 700;
  font-family: "Open Sans";
  cursor: pointer;
  color: #ffffff;
  height: 2.5rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.loginFormButton:hover {
  background-color: #0069B8;
  border-color: #0069B8;
}
.loginFormButton:active {
  background-color: #005A9E;
  border-color: #005A9E;
}
.loginFormButton:focus,
.loginFormButton:focus-visible {
  border-color: #ffffff !important;
  box-shadow: inset 0 0 0 1px #ffffff !important;
  outline: #0078D2 solid 2px !important;
}
.loginBanner {
  border-top: 0.125rem solid #e5e7e9;
  display: flex;
}
.loginBannerImg {
  margin-top: 2.5rem;
  display: none;
}
.loginBannerText {
  margin-top: 1rem;
}

.loginBannerText ul {
  margin: 0.5rem 0 0.5rem 0;
  padding-left: 0.5rem;
}
.loginBannerText li {
  font-size: 1rem;
  color: #252a2d;
  font-weight: 400;
}

.loginBannerText h2 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: -0.0313rem;
  margin-top: 0;
  margin-bottom: 0;
  color: #00a3bc;
}

.loginBannerText p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  color: #252a2d;
  max-width: 87%;
}

.guestLoginBanner {
  background-color: #f6f7f8;
  padding: 0 1.5rem 0 1.5rem;
  height: 7rem;
}

.guestLoginBanner p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0;
  padding-top: 1rem;
  color: #252a2d;
}

ul {
  list-style: none;
}

.loginBannerText ul li:before {
  content: "•";
  font-size: 10pt;
  margin-right: 0.25rem;
}
#idcardTab {
  display: none;
}
.formSubmit {
  display: unset;
}
.formNewsText {
  width: 100%;
}
.formNewsSection {
  margin-top: 1.5rem;
  align-items: self-start;
}
.guestBannerSection {
  height: 100%;
}
.guestBannerSection a {
  border-radius: 0.25rem;
  border: 0.125rem solid #0069B8;
  padding: 0.4rem 2.375rem 0.4rem 2.375rem;
  max-width: 17.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  font-family: "Open Sans";
  text-decoration: none;
  color: #0069B8;
}
.guestBannerSection a:hover {
  background-color: #0069B8;
  border-color: #0069B8;
  color: #ffffff;
}
.guestBannerSection a:active {
  background-color: #005A9E;
  border-color: #005A9E;
  color: #ffffff;
}
.guestBannerSection a:focus {
  border-color: #ffffff !important;
  box-shadow: inset 0 0 0 1px #ffffff !important;
  outline: #2C97E8 solid 2px !important;
}
.guestBannerSection a:focus-visible {
  border-color: #202020 !important;
  box-shadow: inset 0 0 0 1px #202020 !important;
  background-color: transparent !important;
  outline: #2C97E8 solid 2px !important;
  outline-offset: 2px;
  color: #202020;
}
.tab {
  /* overflow: hidden; */
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  width: 100%;
  color: #0069B8;
}

.tab button {
  cursor: pointer;
  color: #0069B8;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.75rem;
  line-height: 1.5rem;
  text-align: center;
  margin-right: 0.3125rem;
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 0.125rem solid #bbddf2;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  border-bottom: 0.25rem solid #0069B8;
  color: #252a2d;
  font-weight: 700;
  font-size: 1rem;
}

.tab button:focus-visible {
  outline: 2px solid #2C97E8 !important;
  border-radius: 0.25rem;
}

.tabcontent {
  display: none;
}

.idcardForm {
  display: none;
}
.errorAlert {
  background-color: #fae3e3;
  width: 100%;
  margin-top: 1.75rem;
}
.infoAlert {
  background-color: #ecf8ff;
  width: 100%;
  margin-top: 1.75rem;
}
.errorAlert p,
.infoAlertContent p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #252a2d;
  margin: 0;
  margin-left: 1rem;
}
.errorAlertContent,
.infoAlertContent {
  display: flex;
  align-items: center;
  margin-left: 1.5rem;
  padding: 1.25rem 1.25rem 1.25rem 0;
  height: 100%;
}
.errorAlertContent img,
.infoAlertContent img {
  margin-right: 1rem;
}
.errorAlertContent svg,
.infoAlertContent svg {
  min-width: 1.5rem;
}

.registerForm .formButton {
  margin-top: 2rem;
}
.registerFormName {
  margin-bottom: 1.5rem;
}
.formSharedSection {
  /* display: flex;
  flex-direction: column; */
  width: 100%;
}
/* .formSharedSectionApartment {
  display: flex;
  flex-direction: column;
} */
.formSharedSectionApartment select,
.ui-select select.appartments {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  color: #252A2D;
  cursor: pointer;
  width: 100%;
  height: 2.5rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  margin: 0.5rem 0 1.5rem 0;
  padding: 0rem 4.5rem 0rem 1rem;
  border-radius: 0.25rem;
  background-color: #ffffff;
  border: 0.125rem solid #cdd2d5;
}
.ui-select select.appartments {
  padding-right: 3rem;
}
.formSharedSectionApartment option,
.ui-select select.appartments option {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 16%);
}
.c-select-wrapper::before {
  content: url("data:image/svg+xml; utf8, %0A%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12%2016C11.8646%2016%2011.7344%2015.974%2011.6094%2015.9219C11.4844%2015.8698%2011.3802%2015.7969%2011.2969%2015.7031L5.29688%209.70312C5.20312%209.61979%205.13021%209.52083%205.07812%209.40625C5.03646%209.28125%205.01562%209.15104%205.01562%209.01562C5.01562%208.73438%205.10938%208.5%205.29688%208.3125C5.49479%208.11458%205.73438%208.01562%206.01562%208.01562C6.15104%208.01562%206.27604%208.04167%206.39062%208.09375C6.51562%208.13542%206.61979%208.20312%206.70312%208.29688L12%2013.5938L17.2969%208.29688C17.3802%208.20312%2017.4844%208.13021%2017.6094%208.07812C17.7344%208.01562%2017.8698%207.98438%2018.0156%207.98438C18.2865%207.98438%2018.5208%208.08333%2018.7188%208.28125C18.9167%208.47917%2019.0156%208.71354%2019.0156%208.98438C19.0156%209.13021%2018.9844%209.26562%2018.9219%209.39062C18.8698%209.51562%2018.7969%209.61979%2018.7031%209.70312L12.7031%2015.7031C12.6198%2015.7969%2012.5156%2015.8698%2012.3906%2015.9219C12.2656%2015.974%2012.1354%2016%2012%2016Z%22%20fill%3D%22%239CA5AB%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance:none !important;
  -webkit-appearance: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none !important;
  position: absolute;
  margin: 1rem 0 0 4rem;
  right: calc(0px + 3rem);
}

.c-select-wrapper:focus-within:before {
  transform: rotate(180deg) !important;
  margin-top: 1rem;
}

.smartidControl {
  background-color: #f6f7f8;
  height: 6rem;
}
.smartidPara {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #252a2d;
}

.smartidControlText {
  text-align: center;
  padding-top: 1rem;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0;
  color: #252a2d;
}
.userTerms {
  color: #0069B8;
  font-weight: 700;
}
.userTerms a {
  text-decoration: none !important;
  color: inherit !important;
}
.userTerms a:hover {
  text-decoration: underline !important;
  color: #005A9E !important;
}
.userTerms a:focus {
  outline: 2px solid #2C97E8 !important;
  border-radius: 0.25rem;
}
.smartidControlValue {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.5rem;
  text-align: center;
  margin-top: 0;
  letter-spacing: -0.0313rem;
  color: #252a2d;
}
.smartidCancel {
  display: block;
  justify-content: space-between;
}
.smartidCancel a {
  margin-top: 1rem;
  text-decoration: none;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0069B8;
}
.smartidCancel p {
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.smartidProgress {
  width: 100%;
  height: 0.25rem;
}

progress::-webkit-progress-bar {
  background-color: #eeeeee;
}

progress::-webkit-progress-value {
  background-color: #c6ccd0 !important;
}

/* For Firefox */
progress {
  background-color: #eee;
}

progress::-moz-progress-bar {
  background-color: #c6ccd0 !important;
}

/* For IE10 */
progress {
  background-color: #eee;
}

progress {
  background-color: #c6ccd0;
}

/* Phone dropdown */
.phone-input {
  position: relative;
}

.phone-dropdown {
  position: absolute;
  padding-left: 1rem;
  top: 0;
  height: 100%;
  padding-right: 1rem;
  color: #606060;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-right: 0.0625rem solid #cdd2d5;
}

.phone-dropdown__selected {
  display: flex;
  align-items: center;
  justify-content: center;
}

.phone-dropdown .phone-dropdown__menu {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  background-color: white;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  height: 9rem;
  z-index: 900;
  box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

.phone-dropdown__menu li {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.phone-dropdown__menu a {
  text-decoration: none;
  color: #252a2d;
  text-align: start;
  justify-content: center;
  display: block;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.phone-dropdown__menu a:hover {
  background-color: #f6f7f8;
}

.phone-dropdown.is-closed .phone-dropdown__menu {
  display: none;
}

.phone-dropdown__icon {
  margin-left: 0.5rem;
}
.phone-dropdown.is-closed .phone-dropdown__icon {
}
input:focus-visible {
  outline-color: #55a9de;
  outline-width: 0.125rem;
}
.formAddress {
  position: relative;
}
.formAutocomplete {
  background-color: #ffffff;
  position: absolute;
  width: 100%;
  height: auto;
  top: 100%;
  padding-right: 0.3125rem;
  box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.formAutocomplete p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #252a2d;
  margin-left: 1.25rem;
}
div.inads_spinner {
  right: 1rem !important;
  top: 1.125rem !important;
}

/* Custom address search styles */
.ui-input-clear {
  display: none;
}

.inAdsCopyright {
  color: #888888;
  font-size: 10px;
  font-family: sans-serif;
  margin: 0;
  padding: 0 0 5px 0;
  line-height: 3px;
}

.inAdsCopyright a, .inAdsCopyright a:hover, .inAdsCopyright a:visited {
  color: #888888 !important;
  font-weight: normal !important;
  text-decoration: none !important;
}

.ui-select span.appartments {
  display: none;
}

.inaadressSearch {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  position: relative;
}

.inaadressSearch .ui-listview {
  position: absolute;
  top: calc(100% - 16px);
  width: 100%;
}

.in-address-container {
  height: auto !important;
}

.ui-select .ui-icon-carat-d {
  position: relative;
}


.ui-select .ui-icon-carat-d::before {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 9c-.135 0-.266-.026-.39-.078a.846.846 0 0 1-.313-.219l-6-6a.88.88 0 0 1-.219-.297 1.227 1.227 0 0 1-.062-.39c0-.282.093-.516.28-.704a.979.979 0 0 1 .72-.296c.135 0 .26.026.375.078a.71.71 0 0 1 .312.203L7 6.594l5.297-5.297a.846.846 0 0 1 .312-.219.961.961 0 0 1 1.11.203.961.961 0 0 1 .203 1.11.846.846 0 0 1-.219.312l-6 6a.846.846 0 0 1-.312.219A1.006 1.006 0 0 1 7 9Z' fill='%239CA5AB'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;
  background-size:contain;
  content:"";
  display:inline-block;
  height:1rem;
  pointer-events:none;
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  transition:all .3s ease;
  width:1rem;
}

.ui-select .ui-icon-carat-d.ui-focus select.appartments {
  border-color: #55a9de;
  outline: none;
}

.ui-select .ui-focus.ui-icon-carat-d::before {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 9c-.135 0-.266-.026-.39-.078a.846.846 0 0 1-.313-.219l-6-6a.88.88 0 0 1-.219-.297 1.227 1.227 0 0 1-.062-.39c0-.282.093-.516.28-.704a.979.979 0 0 1 .72-.296c.135 0 .26.026.375.078a.71.71 0 0 1 .312.203L7 6.594l5.297-5.297a.846.846 0 0 1 .312-.219.961.961 0 0 1 1.11.203.961.961 0 0 1 .203 1.11.846.846 0 0 1-.219.312l-6 6a.846.846 0 0 1-.312.219A1.006 1.006 0 0 1 7 9Z' fill='%23007CC3'/%3E%3C/svg%3E");
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  transform:translateY(-50%) rotate(180deg);
}

.inaadressSearchContainer .ui-select {
  display: block;
  position: static !important;
  float: none;
  width: auto !important;
}

@media only screen and (max-width: 32rem) {
  .c-select-wrapper:focus-within:before {
    transform: rotate(180deg) !important;
    margin-top: 0.7rem;
  }
}

@media only screen and (min-width: 32rem) {
  .c-select-wrapper::before {
    margin: 1rem 0 0 5rem;
    right: unset;
  }
  .c-select-wrapper:focus-within:before {
    transform: rotate(180deg) !important;
    margin-top: 0.7rem;
  }
  /* .formSharedSectionApartment {
    display: flex;
    flex-direction: column;
    margin-left: 1.5rem;
  } */
  /* .formSharedSection {
    flex-direction: row;
  } */
  .inaadressSearch {
    flex-direction: row;
  }

  .ui-select .ui-btn-icon-right {
    margin-left: 1.5rem;
  }

  .inaadressSearch .ui-input-search,
  .ui-filterable {
    flex: 0 1 80%;
  }

  .inaadressSearch .ui-select {
    flex: 1 1 auto;
  }

  /* .formSharedSectionApartment {
    margin-left: 1.5rem;
  } */
  /* .formSharedSectionAddress {
    width: 80%;
  } */
  /* .formSharedSectionApartment select {
    width: unset;
  } */
}

.formSharedSectionAddress {
  padding-top: 1rem;
}

#in_address_div {
  margin-bottom: 2rem;
}

#in_address_div .inads-input.invalid {
  border: 2px solid red !important;
}

#in_address_div .inads-input {
  height: 40px !important;
  font-size: 0.875rem !important;
  border-radius: 0.25rem !important;
  background-color: #ffffff !important;
  border: 0.125rem solid #cdd2d5 !important;
  padding-left: 0.9375rem !important;
}

#in_address_div .inads-input:focus {
  border-color: #55a9de !important;
  outline: none;
}

#in_address_div .inads-copyright {
  top: 44px !important;
}

#in_address_div .inads-input-clear {
  right: 10px;
  top: 8px !important;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_flows 'http://ns.adobe.com/Flows/1.0/'%3E %5D%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E %3Cdefs%3E %3C/defs%3E %3Cpath style='fill:none;' d='M0,0h24v24H0V0z'/%3E %3Cpath style='fill:%2355a9de;' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59 L13.41,12L19,6.41z'/%3E %3C/svg%3E");
}

#in_address_div .inads-result.searchonly {
  top: -6px !important;
  border-color: #55a9de !important;
}

#in_address_div .inads-input-search,
#in_address_div .inads_spinner {
  display: none !important;
}

#in_address_div .inads-input.appartment {
  right: 130px;
}

#in_address_div .inads-appartment.invalid {
  border: 2px solid red !important;
}

#in_address_div .inads-appartment {
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #252A2D !important;
  cursor: pointer;
  width: 110px !important;
  height: 40px !important;
  line-height: 1.5rem !important;
  font-size: 0.875rem !important;
  border-radius: 0.25rem !important;
  background-color: #ffffff !important;
  border: 0.125rem solid #cdd2d5 !important;
  padding-left: 0.9375rem !important;
  padding-right: 1.5rem !important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 9c-.135 0-.266-.026-.39-.078a.846.846 0 0 1-.313-.219l-6-6a.88.88 0 0 1-.219-.297 1.227 1.227 0 0 1-.062-.39c0-.282.093-.516.28-.704a.979.979 0 0 1 .72-.296c.135 0 .26.026.375.078a.71.71 0 0 1 .312.203L7 6.594l5.297-5.297a.846.846 0 0 1 .312-.219.961.961 0 0 1 1.11.203.961.961 0 0 1 .203 1.11.846.846 0 0 1-.219.312l-6 6a.846.846 0 0 1-.312.219A1.006 1.006 0 0 1 7 9Z' fill='%239CA5AB'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-position: center right 0.625rem;
}

#in_address_div .inads-appartment:focus,
#in_address_div .inads-appartment:hover {
  border-color: #55a9de !important;
  outline: none;
}

.inads-result li:hover, .inads-result li.active {
  background-color: #55a9de !important;
  color: #ffffff;
}

@media only screen and (min-width: 48rem) {
  #in_address_div .inads-appartment {
    width: 130px !important;
    height: 48px !important;
  }
  #in_address_div .inads-input.appartment {
    right: 150px;
  }
  #in_address_div .inads-result.searchonly {
    top: 1px !important;
    border-color: #55a9de !important;
  }
  #in_address_div .inads-input-clear {
    right: 10px;
    top: 13px !important;
  }
  #in_address_div .inads-input {
    height: 48px !important;
  }
  #in_address_div .inads-copyright {
    top: 55px !important;
  }
  /* .formSharedSectionApartment, */
  .ui-select select.appartments {
    height: 3rem;
    padding: 0.65rem 3rem 0.65rem 1rem;
  }
  .ui-select select.appartments,
  .ui-input-search input {
    font-size: 1rem;
  }
  .c-select-wrapper::before {
    margin: 1.4rem 0 0 5.5rem;
  }
  .c-select-wrapper:focus-within:before {
    transform: rotate(180deg) !important;
    margin-top: 1rem;
  }
  .loginFormButton {
    width: unset;
    height: unset;
    padding: 0.625rem 2.375rem 0.625rem 2.375rem;
    font-size: 1rem;
  }
  .loginCard .formInput, .loginCard .formInputPhone,
  .registerCard .formInput, .registerCard .formInputPhone
  .ui-input-search input {
    height: 2.625rem;
    margin: 0.5rem 0 1rem 0;
  }
  .loginCard {
    padding: 3rem 0rem 0rem 0rem;
    margin-top: 0rem;
    margin-bottom: 8rem;
  }
  .loginCardTabs {
    margin-top: 1.5rem;
  }
  .guestLoginCard {
    padding: 3rem 0rem 0rem 0rem;
  }
  .guestLoginBanner {
    padding: 0rem 4.5rem 0rem 4.5rem;
  }
  .guestLoginBanner p {
    padding-top: 0;
    margin-bottom: 0;
  }
  .guestBannerSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }
  .guestBannerSection a {
    padding: 0.65rem 2.375rem 0.65rem 2.375rem;
    max-width: 12.0625rem;
  }
  .registerCard {
    padding: 3rem 4.5rem 4.5rem 4.5rem;
    margin-top: 1.5rem;
    margin-bottom: 8rem;
  }
  .loginCardBox {
    padding: 0rem 4.5rem 0rem 4.5rem;
  }
  .loginBannerBox {
    padding: 0rem 4.5rem 0rem 4.5rem;
    display: flex;
  }
  .loginBannerImg {
    display: block;
  }
  .loginBannerText {
    margin-left: 2rem;
    margin-top: 2.5rem;
  }
  .loginBannerText p {
    margin-bottom: 3rem;
  }
  .loginBackButton {
    margin-bottom: 1.5rem;
  }

  .loginCardTitle,
  .registerCardTitle {
    font-size: 2rem;
  }
  .loginForm {
    margin-left: auto;
    margin-right: auto;
    max-width: 49%;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .smartidLoginForm {
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .idcardForm {
    margin-left: auto;
    margin-right: auto;
    max-width: 63%;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  #phoneForm {
    width: 50%;
  }
  #phoneFormShort {
    width: 25% !important;
  }

  .loginCard .formButton {
    width: unset;
  }
  #idcardTab {
    display: block;
  }
  .idcardForm {
    display: block;
  }
  .tab {
    margin-top: 1.5rem;
  }
  .smartidCancel {
    display: flex;
  }

  .phone-input .formInput {
    padding-left: 8rem;
  }
  .formAutocomplete {
    padding-left: 0.9375rem;
  }
  .formAutocomplete p {
    margin-left: unset;
  }
  .registerCard .formInputPhone {
    width: 50%;
  }
  .formPhoneBox {
    width: calc(100% - 8rem) !important;
  }

  ::-webkit-scrollbar {
    width: 0.25rem;
    height: 60%;
    margin-right: 0.5rem;
    padding-right: 0.5rem;
  }

  ::-webkit-scrollbar-track {
    background: #f0f1f2;
    border-radius: 0.625rem;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 0.625rem;
    background: #cdd2d5;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #cdd2d5;
  }
}




/* Styles 2 file */

.loginCard .formInput.invalid, .registerCard .formInput.invalid {
  border: 2px solid red;
}

.formCheckbox.invalid {
  border: 2px solid red;
}


/* inaddress styles */

/* .ui-input-search input {
  display: block;
  width: 80%;
  height: 3rem;
  font-size: .875rem;
  margin: 0.5rem 0 0.625rem 0;
  border-radius: 0.25rem;
  background-color: #FFFFFF;
  border: 2px solid #C6CCD0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  padding-left: 0.9375rem;
} */

.ui-input-search input.invalid {
  border: 2px solid red;
}

/*.ui-input-search input:invalid {
  border: 2px solid red;
}*/

.ui-listview {
  background-color: #FFFFFF;
  margin-top: 0;
  height: auto;
  top: 100%;
  padding-right: 0.3125rem;
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding-left: 0px;
}
.ui-input-clear {
  display: none;
}

.ui-listview li {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #252A2D;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.ui-listview li.ui-first-child {
  margin-block-start: 0;
  margin-block-end: 1em;
  padding-top: 1em;
  padding-bottom: 0;
}

.ui-listview li.ui-last-child {
  padding-bottom: 1em;
}

.ui-listview a {
  text-decoration: none;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #252A2D;
  text-align: start;
  justify-content: center;
  display: block;
  padding: .5rem .5rem .5rem .5rem;
}

.ui-listview a:hover {
  background-color: #F6F7F8;
}

.phone-dropdown.is-closed .ui-listview {
  display: none;
}

.ui-popup-container {
  display: none;
}

/* .inaadressSearch {
  min-width: 42rem;
  max-width: 42rem;
} */

/* span.appartments {
  display: none;
}

.inaadressSearchContainer .ui-select {
  display: inline-block;
  position: absolute;
  float: right;
  width: 7.825rem !important;
  top: 0;
  right: calc(100% - 42rem) !important;
  margin: 0;
}

select.appartments {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  color: #252A2D;
  cursor: pointer;
  height: 2.5rem;
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 1.5rem 0;
  border-radius: 0.25rem;
  background-color: #ffffff;
  border: 0.125rem solid #cdd2d5;
  height: 3rem;
  padding: 0.75rem 2rem 0.75rem 1rem;
} */

select.appartments.invalid {
  border: 2px solid red;
}
/* div#select-3-button::before {
  content: url("data:image/svg+xml; utf8, %0A%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12%2016C11.8646%2016%2011.7344%2015.974%2011.6094%2015.9219C11.4844%2015.8698%2011.3802%2015.7969%2011.2969%2015.7031L5.29688%209.70312C5.20312%209.61979%205.13021%209.52083%205.07812%209.40625C5.03646%209.28125%205.01562%209.15104%205.01562%209.01562C5.01562%208.73438%205.10938%208.5%205.29688%208.3125C5.49479%208.11458%205.73438%208.01562%206.01562%208.01562C6.15104%208.01562%206.27604%208.04167%206.39062%208.09375C6.51562%208.13542%206.61979%208.20312%206.70312%208.29688L12%2013.5938L17.2969%208.29688C17.3802%208.20312%2017.4844%208.13021%2017.6094%208.07812C17.7344%208.01562%2017.8698%207.98438%2018.0156%207.98438C18.2865%207.98438%2018.5208%208.08333%2018.7188%208.28125C18.9167%208.47917%2019.0156%208.71354%2019.0156%208.98438C19.0156%209.13021%2018.9844%209.26562%2018.9219%209.39062C18.8698%209.51562%2018.7969%209.61979%2018.7031%209.70312L12.7031%2015.7031C12.6198%2015.7969%2012.5156%2015.8698%2012.3906%2015.9219C12.2656%2015.974%2012.1354%2016%2012%2016Z%22%20fill%3D%22%239CA5AB%22%2F%3E%0A%3C%2Fsvg%3E%0A");;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance:none !important;
  -webkit-appearance: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none !important;
  position: absolute;
  margin: 0.875rem 0 0 4rem;
  right: calc(0px + 0.125rem);
}

div#select-3-button:focus-within:before {
  transform: rotate(180deg) !important;
  margin-top: 1rem;
} */

/* @media only screen and (max-width: 47rem) {
  .inaadressSearch {
      min-width: 100%;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
  }

  .ui-input-search input {
      width: 100%;
  }

  .inaadressSearchContainer .ui-select {
      position: relative !important;
      float: left !important;
      left: 0 !important;
  }

  div#in_address_div {
      height: 9.5rem !important;
  }
} */

@media screen and (max-width:780px){
  #id-card-authenticator-display-name {
    display:none
  }
}