:root {
  /* Brand Colors */
  --color-white: #ffffff;
  --color-purple-primary: #9359f2;
  --color-purple-hover: #7a3fd1;
  --color-text-dark: #222222;
  --color-text-body: #151438;
  --color-text-muted: rgba(21, 20, 56, 0.4);
  --color-border: #eaeaed;
  --color-background: #f9f7ff;

  /* Typography */
  --font-sans: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  /* Font Sizes */
  --fs-h1: clamp(2.75rem, 7vw + 1rem, 4.1875rem);
  --fs-h2: clamp(2.25rem, 4vw + 0.5rem, 3rem);
  --fs-h3: clamp(1.75rem, 3.5vw + 0.5rem, 2.625rem);
  --fs-h4: 1.875rem;
  --fs-h5: 1.5rem;
  --fs-h6: 1.375rem;
  --fs-body-xl: clamp(1.25rem, 3vw + 0.5rem, 1.5rem);
  --fs-body-lg: 1.125rem;
  --fs-body-md: 1rem;
  --fs-body-sm: 0.875rem;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 2.5rem;
  --space-xxl: 3rem;
  --space-xxxl: 5rem;

  /* Border Radius */
  --radius-card: 37px;
  --radius-button: 12px;
  --radius-input: 100px;
  --radius-small: 10px;

  /* Shadows */
  --shadow-card: 0px 15px 32px #0000001a, 0px 58px 58px #00000017, 0px 131px 79px #0000000d, 0px 233px 93px #00000003, 0px 364px 102px transparent;
  --shadow-button: 0px 1px 3px #0000001a, 0px 5px 5px #00000017, 0px 12px 7px #0000000d, 0px 22px 9px #00000003, 0px 34px 10px transparent;
  --shadow-button-hover: 0px 2px 4px #0000001a, 0px 7px 7px #00000017, 0px 14px 9px #0000000d, 0px 26px 11px #00000003, 0px 40px 12px transparent;

  /* Bootstrap Overrides */
  --bs-primary: #9359f2;
  --bs-body-font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bs-body-color: #151438;
}

body {
  font-family: var(--font-sans);
  color: var(--color-text-body);
  background-color: var(--color-white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    background: linear-gradient(90deg, #8a7cf8 0%, #5c84e1 50%, #97c4a9 100%);
    opacity: 0.98;
    width: 100%;
}

.btn-qt {
    padding: 0.625rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: white;
    border: none;
    border-radius: var(--radius-button);
    box-shadow: var(--shadow-button);
    cursor: pointer;
    transition: transform 0.2s;    
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    background: var(--color-purple-primary);
}

.btn-secondary,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    
}

.v-block
{
	background-color:#eee;
	border-radius: 6px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;	
	min-height:20px;
	margin:20px;
	padding:2em;
}
.v-block .btn-qt{width:100%}

.login-block,
.doi-block,
.fp-block,
.rp-block {
  margin-bottom: 1.5rem;
  padding: 1.75rem 2rem;
  background: #ffffff;
  border-radius: var(--radius-card);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
}

.logo:not([src])
{
	background:url("~/media/j00eujkb/walr.png") no-repeat;
	height:62px;
	width:256px;
}
img.icon{display:none;}
span.icon{height:0px;width:0px;display:inline-block;vertical-align:text-bottom;}

/* Forgotten Password */
.fp-un > label{display:none;}
.fp-icon span.icon{background:url("https://schemas.quenchtec.net/1.0.0/Images/fp.png") no-repeat;}

/* Reset Password */
.rp-un > label,
.rp-pw > label{display:none;}
.rp-icon span.icon{background:url("https://schemas.quenchtec.net/1.0.0/Images/rp.png") no-repeat;}

/* Login */
.login-block .btn-qt:first-of-type{margin-bottom:10px;}
.login-fp{text-align:center;}
.login-un > label,
.login-pw > label{display:none;}
.login-rl{text-align:center;}

.login-icon span.icon{background:None;}
.login-icon,
.fp-icon{
    font-size: var(--fs-h4);
    font-weight: 700;
    color: var(--color-text-dark);
    text-align: center;
    line-height: 1.1;
    letter-spacing: -0.4px;
    margin-bottom: var(--space-lg);
}

.form-control{
  width: 100%;
  height: 50px;
  padding: 0 var(--space-md);
  font-size: var(--fs-body-lg);
  font-weight: 500;
  color: var(--color-text-body);
  background-color: var(--color-white);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-input);
  transition: border-color 0.2s ease-out;
}

/* Logout */
.logout-icon span.icon{background:None;}
.logout-block iframe.signout{color:transparent;display:none;}

/* PAN-468: Styling authorization callback page */
body {
    background: linear-gradient(90deg, #8a7cf8 0%, #5c84e1 50%, #97c4a9 100%);
	min-height: 100vh;
	min-width: 100vw;
}

.authorizing {
	align-items: center;
	color: white;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	position: absolute;
	width: 100%
}