:root {  
  --background: rgba(242,247,250,1);
  --background-alt: rgba(0,98,155,1);
  --brand: rgba(0,98,155,1);
  --brand-alt1: rgba(92,155,191,1);
  --brand-alt2: rgba(173,204,223,1);
  --brand-alt3: rgba(175,51,111,1);
  --brand-alt4: rgba(207,133,169,1);
  --chart1: rgba(0,98,155,1);
  --chart2: rgba(92,155,191,1);
  --chart3: rgba(173,204,223,1);
  --chart4: rgba(175,51,111,1);
  --chart5: rgba(207,133,169,1);
  --toggle-radius: 1000vh;
  --box-large-radius: 1.5rem;
  --pending-color: var(--brand); 
  --input-highlight: var(--brand);
  --label-background: var(--action-primary-background);

  --action-radius: 1000vh;
  --action-primary-background: #fddf4e;
  --action-primary-text: var(--brand);
  --action-primary-disabled: 0.6;
  --action-secondary-background: #ffffff;
  --action-secondary-text: var(--brand);
  --action-secondary-disabled: 0.5;

  --button-radius: 0;
  --button-primary-background: var(--brand);
  --button-primary-text: #ffffff;
  --button-primary-disabled: 0.4;
  --button-secondary-background: #ffffff;
  --button-secondary-text: var(--brand);
  --button-secondary-disabled: 0.5;

  --data-table-selected-background: rgba(214, 229, 239, 1);

  --banner-background: var(--brand);
  --banner-text: var(--text-white);

  --notification-banner-information-background: #D6E6EF;

  --menu-logo-height: 60px;
  --menu-logo-mobile-height: 40px;

  --tooltip: rgba(92, 155, 191, 1);
}


.theme__login__background {
  background: url(/euro-finans/login-background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.theme__login__background::before {
  background-image: linear-gradient(236deg, rgba(0, 98, 155, 0), var(--background-alt));
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.theme__login__logo {
  background-image: url(/euro-finans/logo.svg);
  max-width: 8rem;
}