:root[theme='b2binpay'] {
  --c-secondary: #282D35;
  --c-primary: #F4634A;
  --logo-height-basic: 912;
  --logo-width-basic: 210;
  --logo-ratio: calc(var(--logo-height-basic) / var(--logo-width-basic));
  --logo-height: calc(var(--nav-width-basic) / var(--logo-ratio) * 1px);
  --login-form-img: url('/static/themes/b2binpay/evolution.min.jpg');
  --login-background-img: url('/static/themes/b2binpay/evolution.blured.jpg');
  --logo-img: url('/static/themes/b2binpay/b2binpay-white.svg');
  --logo-img-dark: url('/static/themes/b2binpay/b2binpay-dark.svg');
}
:root[theme='prime'] {
  --c-secondary: #18181d;
  --c-primary: #5d8ce0;
  --logo-height-basic: 912;
  --logo-width-basic: 210;
  --logo-ratio: calc(var(--logo-height-basic) / var(--logo-width-basic));
  --logo-height: calc(var(--nav-width-basic) / var(--logo-ratio) * 1px);
  --login-form-img: url('/static/themes/prime/prime.min.jpg');
  --login-background-img: url('/static/themes/prime/prime.blured.jpg');
  --logo-img: url('/static/themes/prime/prime-white.svg');
  --logo-img-dark: url('/static/themes/prime/prime-dark.svg');
}
:root[theme='coinsbuy'] {
  --c-secondary: #0c2062;
  --c-primary: #4f94eb;
  --logo-height-basic: 912;
  --logo-width-basic: 210;
  --logo-ratio: calc(var(--logo-height-basic) / var(--logo-width-basic));
  --logo-height: calc(var(--nav-width-basic) / var(--logo-ratio) * 1px);
  --login-form-img: url('/static/themes/coinsbuy/coinsbuy.min.jpg');
  --login-background-img: url('/static/themes/coinsbuy/coinsbuy.blured.jpg');
  --logo-img: url('/static/themes/coinsbuy/logo-dark-coinsbuy.svg');
  --logo-img-dark: url('/static/themes/coinsbuy/logo-dark-coinsbuy.svg');
}
:root[theme='italia'] {
  --c-secondary: #181B26;
  --c-primary: #009246;
  --logo-height-basic: 912;
  --logo-width-basic: 210;
  --logo-ratio: calc(var(--logo-height-basic) / var(--logo-width-basic));
  --logo-height: calc(var(--nav-width-basic) / var(--logo-ratio) * 1px);
  --login-form-img: url('/static/themes/italia/italia.min.jpg');
  --login-background-img: url('/static/themes/italia/italia.blured.jpg');
  --logo-img: url('/static/themes/italia/logo-dark-italia.svg');
  --logo-img-dark: url('/static/themes/italia/logo-dark-italia.svg');
}
:root {
  --c-white: #fff;
  --c-gray: #f5f5f5;
  --c-green: #00a275;
  --c-red: #fe6b6b;
  --c-blue: #164dfe;
  --mute-text: rgba(0, 0, 0, 0.5);
  --mute-gray-text: #6c757d;
  --background-color: #FAFDFF;
  --disabled-colour: #e9ecef;
  --transfer-column-width: 300px;
  --transfer-column-gap: 2rem;
  --light-gray: #4C5862;
  --nav-gap: 0.75rem;
  --nav-width-basic: 239;
  --nav-width: calc(var(--nav-width-basic) * 1px);
  --botton-menu-height: calc(115px + 2rem);
  --header-compact-size: 54px;
  --login-card-colour: #fbfbfb;
  --menu-burger-size: 24px;
}
h1 > span {
  color: var(--c-primary);
}
form {
  margin-top: 36px;
}
.controls {
  margin-top: 1rem;
}
.controls button,
.controls .btn {
  padding: 8px 34px;
}
.controls button[type=submit] {
  color: #fff;
  background: linear-gradient(90deg, var(--c-primary) 0%, var(--c-primary) 49%, var(--c-primary) 100%);
}
.controls button[type=submit]:hover {
  border: 1px solid var(--c-primary);
  border-radius: 8px;
  color: var(--c-primary);
  background: transparent;
}
.controls a {
  border: 1px solid var(--c-primary);
  border-radius: 6px;
  color: var(--c-primary);
}
.controls a:hover {
  color: #fff;
  background: linear-gradient(90deg, var(--c-primary) 0%, var(--c-primary) 49%, var(--c-primary) 100%);
}
form#lang_form {
  display: inline-block;
  margin-top: 0;
}
form#lang_form select {
  height: 42px;
  border: 1px solid var(--c-primary);
  border-radius: 6px;
  color: var(--c-primary);
}
span.hidden {
  display: none;
}
.login-page {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: var(--login-background-img);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .login-page {
    overflow-y: scroll;
  }
}
.login-page__items {
  display: flex;
  box-shadow: -6px 7px 26px -13px rgba(0, 0, 0, 0.75);
}
@media only screen and (max-width: 1024px) {
  .login-page__items {
    flex-direction: column;
    min-height: 100%;
  }
}
.login-page__side-logo,
.login-page__side-form {
  width: 500px;
  min-height: 500px;
}
@media only screen and (max-width: 1024px) {
  .login-page__side-logo,
  .login-page__side-form {
    width: auto;
    height: auto;
  }
}
.login-page__side-logo {
  background-image: var(--login-form-img);
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
  .login-page__side-logo {
    flex: 1;
  }
}
.login-page__side-logo #logo-container {
  width: var(--logo-width);
  padding-top: 1rem;
  margin-left: 1rem;
  margin-top: 1rem;
  background-image: var(--logo-img-dark);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.login-page__side-form {
  background: var(--login-card-colour);
  padding: 38px;
  font-size: 14px;
}
.login-page__side-form .controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .login-page__side-form {
    flex: 2;
  }
  .login-page__side-form .btn {
    margin-bottom: 1rem;
  }
  .login-page__side-form .controls {
    flex-direction: column;
  }
  .login-page__side-form .controls .btn,
  .login-page__side-form .controls a,
  .login-page__side-form .controls #lang_form {
    width: 100%;
  }
}