.title-font {
	font-family: "Open Sans","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
}

.background {
	position: fixed;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: contain;
	height: 75%;
	margin-top: 125px;
	width: 175%;
	background-image: url("/staff/theme/images/user-login-background@2x.jpg");
	pointer-events: none;
}

.background[data-client="smpassets"] {
	background-image: url("/profile/theme/images/clients/logos/upload-login-background.png");
}

.background[data-client="downloads"] {
	background-image: url("/staff/theme/images/clients/logos/download-login-background@2x.png");
}

.background[data-client="analytics"] {
	background-image: url("/staff/theme/images/clients/logos/analytics-bg-image.png");
}

.background[data-client="tutorial"] {
	background-image: url("/staff/theme/images/clients/logos/tutorials-background-art.svg");
	height: 60%;
    margin-top: 200px;
}

.background[data-client="lexic"] {
	background-image: url("/staff/theme/images/clients/logos/lexicographer-login-background@2x.png");
	height: 60%;
	margin-top: 190px;
}

.background[data-client="reaches"] {
	background-image: url("/staff/theme/images/clients/logos/reaches-system-icon-bg.svg");
	background-size: 500px;
}

.background[data-client="scnauthor"],
.background[data-client="authoring"] {
	background-image: url("/staff/theme/images/clients/logos/authoring-bg.svg");
}

.list-group--centered {
	max-width: 600px;
	margin: 0 auto;
}

.lbox-wrapper {
	color: #212529;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
    padding: 2rem 2.5rem 3rem;
    position: relative;
    font-size: 1rem;
    max-width: 480px;
    min-height: 280px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 1.35;
    border-radius: 0.3rem;
    background-color: #fdfdfd;
	margin-top: 2.5rem!important;
	margin-bottom: 5rem!important;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.lbox-wrapper .client-logo {
	height: 3.5rem;
	margin: 0 auto 0.9rem;
	display: block;
}

.lbox-wrapper .client-logo.scndefault {
	margin-bottom: 1rem;
}

.client-inner-title {
	font-size: 1.75rem;
	margin-bottom: 1rem;
	text-align: center;
	font-weight: 600;
}

.client-explanation {
	font-size: 0.9rem;
	text-align: center;
}

.login-grid {
	padding: 0;
}

.login-field {
	margin-top: 1.5rem;
	width: 100%;
}

.create-login-field {
	margin-bottom: 1.5rem;
	width: 100%;
}

.user-notes-field {
	margin-bottom: 1.5rem;
	width: 100%;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
	color: #337ab7;
}

.mdc-select--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
	color: #337ab7 !important;
}

.mdc-select {
	max-width: 100%;
}

.back-arrow-icon {
	font-size: 1.25em;
    vertical-align: top;
    width: 15px;
}

.forgot-pass {
	font-size: 0.9rem;
	margin-top: 0.5rem;
}

.sign-in-button {
	min-width: 5rem;
}

.forgot-pass-card {
	max-width: 400px;
    margin: auto;
    padding: 1em;
    margin-top: 1em;
}

.person-logo-wrapper {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background: #D6D6D6;
	overflow: hidden;
	margin: 0 auto 20px auto;
}
.person-logo-wrapper .shadow-person {
	width: 100%;
	height: 100%;
	background-size: 100%;
	opacity: 0.23;
}

.lbox-wrapper .input-lg {
	border-radius: 3px;
}

.lbox-wrapper .button-md {
	border-radius: 2px;
}

.lbox .form-parts {
	position: relative;
	overflow: hidden;
	min-height: 180px;
	-webkit-transition: min-height 130ms linear;
	transition: min-height 130ms linear;
}

.lbox.taller .form-parts {
	min-height: 210px;
}

.lbox .form-parts .form-part {
	width: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
}

.lbox .form-parts.show-part-1 .form-part-1 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.lbox .form-parts.show-part-1 .form-part-2 {
	-webkit-transform: translate3d(640px, 0, 0);
	transform: translate3d(640px, 0, 0);
}

.lbox .form-parts.show-part-2 .form-part-1 {
	-webkit-transform: translate3d(-640px, 0, 0);
	transform: translate3d(-640px, 0, 0);
}
.lbox .form-parts.show-part-2 .form-part-2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.lbox .email-display {
	color: #6C8092;
	overflow: hidden;
	text-overflow: ellipsis;
}

.errorbox {
	display: none;
	color: #b00020;
	font-size: 0.9rem;
	margin-bottom: 20px;
}

.privary-policy-checkbox {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mdc-select--country {
	width: 100%;
}

.mdc-text--postal-code {
	width: 100%;
}

.privary-policy-checkbox label {
	font-weight: normal;
}

.errorbox.showit {
	display: block;
}

.lbox .actind-wrapper {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
.lbox .actind-wrapper .actind {
	width: 0;
	height: 2px;
	background: #92ACB9;
	-webkit-transition: all 30000ms cubic-bezier(0.125, 1.085, 0.800, 0.490); 
	transition: all 30000ms cubic-bezier(0.125, 1.085, 0.800, 0.490);
}
.lbox .actind-wrapper .actind.go {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.client-explanation.nnauthor {
		margin: 10px -20px 20px -20px;
	}
}

.lbox-wrapper img.beauthor {
	height: 100px;
}

.container-login {
	max-width: 1180px;
	margin: auto;
}

.user-login-title-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: auto;
	margin-top: 64px;
	height: 64px;
}

.user-login-title-container>img {
	height: 64px;
}

.title-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 275px;  
}

.user-login-title-icon {
	height: 50px;
    margin-right: 10px;
}
.user-login-title-icon__tutorial {
	height: 49px !important;
}
.user-login-title-icon__default {
	height: 64px;
}
.user-login-title {
	text-transform: uppercase;
    font-weight: 700;
    font-size: 2rem;
    padding: 0;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	color: #757575;
	line-height: 0.9;
  }
  
  .user-login-subtitle {
	text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 0.6em;
	color: rgba(0,0,0,0.6);
	text-indent: 0.6em;
  }
  
  
.w-100 {
	width: 100%;
}

.select2-container {
	max-width: 100% !important;
	width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 17px !important;
    right: 11px !important;
}

.select2-container .selection .select2-selection--single {
	padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
    padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.38);
    height: 56px;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select2-container .select2-selection__placeholder {
	padding-left: 0 !important;
}

@media (min-width: 720px) {
	.select2-container--open .select2-dropdown {
		width: 420px !important;
	}
}

/**
 * Multiple Select2
 */
 .select2-container--material {
	width: 100% !important;
	/**
	 * Textbox
	 */
	/**
	 * Dropdown
	 */
	/**
	 * Options
	 */
	/**
	 * Focused textbox
	 */
	/**
	 * Disabled textbox
	 */
  }
  .select2-container--material ::-moz-placeholder {
	color: inherit;
  }
  .select2-container--material :-ms-input-placeholder {
	color: inherit;
  }
  .select2-container--material ::placeholder {
	color: inherit;
  }
  .select2-container--material .select2-selection {
	/* @extend input */
	overflow: visible;
	font: inherit;
	touch-action: manipulation;
	margin: 0;
	line-height: inherit;
	border-radius: 0;
	box-sizing: inherit;
	/* @extend .form-control */
	display: block;
	width: 100%;
	color: #55595c;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 0.5rem 0 0.6rem;
	font-size: 1rem;
	line-height: 1.5;
	background-color: transparent;
	background-image: none;
	border-radius: 0;
	margin-top: 0.2rem;
	margin-bottom: 1rem;
	/* @extend input[type=text] */
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	outline: 0;
	width: 100%;
	font-size: 1rem;
	box-shadow: none;
	transition: all 0.3s;
	min-height: 2.1rem;
  }
  .select2-container--material .select2-selection .select2-selection__rendered {
	padding-left: 0;
  }
  .select2-container--material .select2-selection--single .select2-selection__rendered {
	float: left;
  }
  .select2-container--material .select2-selection--single .select2-selection__arrow {
	float: right;
  }
  .select2-container--material .select2-selection--multiple {
	/**
	 * Multiple selected options
	 */
	/**
	 * Multiple selected option clear button
	 */
  }
  .select2-container--material .select2-selection--multiple .select2-selection__rendered {
	width: 100%;
  }
  .select2-container--material .select2-selection--multiple .select2-selection__rendered li {
	list-style: none;
  }
  .select2-container--material .select2-selection--multiple .select2-selection__choice {
	/* @extend .mdl-chip */
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	border: 0;
	border-radius: 16px;
	background-color: #dedede;
	display: inline-block;
	color: rgba(0, 0, 0, 0.87);
	margin: 2px 0;
	font-size: 0;
	white-space: nowrap;
	/* @extend .mdl-chip__text */
	font-size: 13px;
	vertical-align: middle;
	display: inline-block;
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
  }
  .select2-container--material .select2-selection--multiple .select2-selection__choice__remove {
	/* Hide default content */
	font-size: 0;
	opacity: 0.38;
	cursor: pointer;
	float: right;
	margin-top: 4px;
	margin-right: -6px;
	margin-left: 6px;
	transition: opacity;
  }
  .select2-container--material .select2-selection--multiple .select2-selection__choice__remove::before {
	content: "cancel";
	/* @extend .material-icons */
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	color: #000;
  }
  .select2-container--material .select2-selection--multiple .select2-selection__choice__remove:hover {
	opacity: 0.54;
  }
  .select2-container--material .select2-search--inline .select2-search__field {
	width: 100%;
	margin-top: 0;
	/* Match input[type=text] */
	height: 34px;
	line-height: 1;
  }
  .select2-container--material .select2-dropdown {
	border: 0;
  }
  .select2-container--material .select2-dropdown .select2-search__field {
	min-height: 2.1rem;
	margin-bottom: 16px;
	border: 0;
	border-bottom: 1px solid #ccc;
	transition: all 0.3s;
  }
  .select2-container--material .select2-dropdown .select2-search__field:focus {
	border-bottom: 1px solid #4285f4;
	box-shadow: 0 1px 0 0 #4585f4;
  }
  .select2-container--material .select2-results__options {
	/* @extend .zf-shadow-depth* */
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	/* @extend .dropdown-content */
	background-color: #fff;
	margin: 0;
	min-width: 100px;
	max-height: 650px;
	overflow-y: auto;
	z-index: 999;
	will-change: width, height;
	/* @extend .dropdown-content inline styles */
  }
  .select2-container--material .select2-results__option {
	/* @extend .dropdown-content li */
	cursor: pointer;
	clear: both;
	color: rgba(0, 0, 0, 0.87);
	line-height: 1.5rem;
	text-align: left;
	text-transform: none;
	/* @extend .dropdown-content li>a, .dropdown-content li>span */
	font-size: 1.2rem;
	display: block;
	padding: 1rem;
	/**
	 * Disabled options
	 */
	/**
	 * Selected option
	 */
	/**
	 * Active/hovered option
	 */
  }
  .select2-container--material .select2-results__option[aria-disabled=true] {
	/* @extend .select-dropdown li.disabled */
	color: rgba(0, 0, 0, 0.3);
	background-color: transparent !important;
	cursor: context-menu;
	/* @extend .disabled */
	cursor: not-allowed;
  }
  .select2-container--material .select2-results__option[aria-selected=true] {
	/* @extend .dropdown-content li:active, .dropdow-content li:hover */
	color: #4285f4;
	background-color: #eee;
  }
  .select2-container--material .select2-results__option--highlighted[aria-selected] {
	background-color: #ddd;
  }
  .select2-container--material.select2-container--focus .select2-selection {
	/* @extend input[type=text]:focus */
	border-bottom: 1px solid #4285f4;
	box-shadow: 0 1px 0 0 #4585f4;
  }
  .select2-container--material.select2-container--disabled .select2-selection {
	/* @extend .select-wrapper input.select-dropdown:disabled */
	color: rgba(0, 0, 0, 0.3);
	cursor: default;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }
  .select2-container--material.select2-container--disabled.select2-container--focus .select2-selection {
	box-shadow: none;
  }