.arx-login .account-layout__footer-body > a {
    color: var(--custom-color-background-primary-light);
}

.arx-login .form-group {
  margin-bottom: 10px;
}

.arx-login #page-wrapper {
  padding: 15px;
  position: relative !important;
  background-color: #f3f3f3;
  border-radius: 3px;
  border: 1px solid darkgray;
  min-height: auto;
  width: 320px;
}

.arx-login #wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}

.arx-login hr {
  margin-bottom: 12px;
}

.arx-login .set-language {
  position: relative;
}
.arx-login #Language {
  text-overflow: ellipsis;
}
.arx-login .set-language::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 24px;
  background: white;
  top: 5px;
  right: 2px;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s ease;
}

.arx-login .set-language[data-flag="it"]::after {
  background-image: url(Images/flags/it.png);
}
.arx-login .set-language[data-flag="ar"]::after {
  background-image: url(images/flags/ar.png);
}

.arx-login .set-language[data-flag="bg"]::after {
  background-image: url(images/flags/bg.png);
}

.arx-login .set-language[data-flag="ch"]::after {
  background-image: url(images/flags/ch.png);
}

.arx-login .set-language[data-flag="cn"]::after {
  background-image: url(images/flags/cn.png);
}

.arx-login .set-language[data-flag="de"]::after {
  background-image: url(images/flags/de.png);
}

.arx-login .set-language[data-flag="en"]::after {
  background-image: url(images/flags/en.png);
}

.arx-login .set-language[data-flag="esp"]::after {
  background-image: url(images/flags/esp.png);
}

.arx-login .set-language[data-flag="fr"]::after {
  background-image: url(images/flags/fr.png);
}

.arx-login .set-language[data-flag="gr"]::after {
  background-image: url(images/flags/gr.png);
}

.arx-login .set-language[data-flag="ja"]::after {
  background-image: url(images/flags/ja.png);
}

.arx-login .set-language[data-flag="pl"]::after {
  background-image: url(images/flags/pl.png);
}

.arx-login .set-language[data-flag="pt"]::after {
  background-image: url(images/flags/pt.png);
}

.arx-login .set-language[data-flag="ro"]::after {
  background-image: url(images/flags/ro.png);
}

.arx-login .set-language[data-flag="sa"]::after {
  background-image: url(images/flags/sa.png);
}

.arx-login .set-language[data-flag="tw"]::after {
  background-image: url(images/flags/tw.png);
}

.arx-login .set-language[data-flag="cht"]::after {
  background-image: url(images/flags/cht.png);
}
.arx-login {
  width: 100%;
}

@media (max-width: 767px) {
  .arx-login #wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: space-between;
  }

  .arx-login #page-wrapper {
    margin: 10px;
    overflow-y: auto;
  }
}

@media (min-width: 768px) {
  .arx-login #page-wrapper {
    position: inherit;
    margin: 1% 0 0 10%;
  }
}