/**
 *
 * Copyright (c) 2016 Cisco Systems, Inc. All rights reserved.
 *
 */
body {
  overflow-x: hidden;
}

.hidden {
 	display: none;
}

.cs-input-group {
    text-align: left;
}

.captchaImage {
	width: 22rem;
	height: 3rem;
	border-radius: 4px;
}

.captcha {
	margin-bottom: 0.5rem;
}

.captchaLink {
	height: 1.25rem;
}

.replayLink {
	font-size: 14px;
}

.invalidUser {
	text-align: left;
}

.invalidUserTitle {
	margin-bottom: 1rem;
}

.passwordPolicy {
	visibility: visible;
	display: block;
	left: 20.25rem;
	top: -8rem;
	color: #666666;
	border: 1px solid rgba(0,0,0,0.12);
	border-radius: 5px;
	background-color: #FFFFFF;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,0.16);
	padding: 1rem;
    width: 17rem;
}

.password-policy__content {
	position: absolute !important;
	top: -8rem;
	left: 8px;
	color: var(--md-textColor-primary,#121212);
	padding: 1rem;
	width: 17rem;
	flex-direction: column;
	align-items: flex-start;
	font-size: 0.875rem;
}

.password-policy__arrow {
	position: absolute !important;
	top: -4px;
	left: 8px;
}

.popover.right>.arrow {
	margin-top: -10px;
	margin-left: 10px;
	border-top: 10px solid transparent;
	border-right: 14px solid #fff;
	border-bottom: 10px solid transparent;
	filter: drop-shadow(-2px 0 0 #e0e0e0);
	top: 9.5rem;
}

.password-policy2__arrow {
	left: 60%;
	top: 44%;
}

.popover-header {
	font-weight: 500;
	margin-top: 1rem;
	line-height: 1rem;
	font-size: 1rem;
}

.popover-content .header {
	margin-top: .75rem;
	margin-bottom: .375rem;
}

.popover-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.pwd__messages {
    position: relative;
}

.pwd__messages:before {
    float: left;
	display: none;
}

.pwd__messages .message {
	margin-left: 1.5rem;
	line-height: 1.2rem;
	text-align: start;
	font-size: 0.75rem;
}

#generic-error-message:focus-visible{
	outline: none !important;
	box-shadow: none !important;
}

.satisfy .pwd__messages:before {
    display: block;
    content: '\f366';
    font-family: "momentum-ui-icons";
	color: var(--md-button-join-hover-bg-color, #03612C);
	position: absolute;
	line-height: 1.5;
	padding-left: 0.1rem;
}

.unsatisfied .pwd__messages:before {
	display: block;
	content: '\f332';
    font-family: "momentum-ui-icons";
	width: 0.45em;
	height: 0.8em;
	position: absolute;
	left: 0.1em;
	color: var(--md-button-cancel-hover-bg-color, #A12512);
	bottom: 0.65rem;
}

.messagebox-backdrop.login-box .password-link {
	margin-top: 0.5rem;
}

.btn--semiexpand {
	width: 48%;
	min-width: 6.5rem !important;
}

.btn--extra {
	margin-left: 0.5rem;
}

.message-box__oauth_logo {
	display: inline-block;
	vertical-align: middle;
	width: 8.5rem;
	background-size: contain;
	margin-bottom: 1.5rem;
}

.consent {
	margin-left: 1rem;
	margin-right: 1rem;
	color: #6a6b6c
}

.consent .message-box__btn {
    border-radius: 25px;
    min-width: 12.5rem;
    margin-top: 2.75rem;
    padding-left: 3.25rem;
    padding-right: 3.25rem;
}

.flight {
	width: 9rem;
	height: 6.125rem;
	object-fit: contain;
	margin-bottom: 3.5rem;
}

.newGrant {
	font-style: oblique;
	color: #9e9e9f;
}

.validatedUser {
	margin-bottom: 2rem !important;
}

.login-email {
	font-family: "CiscoSansTT Bold","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.center-box {
	display: inline-block;
}

.back-button {
	width: 1rem;
	height: 1rem;
	cursor: pointer;
}

.warning {
	width: 4rem;
	height: 4rem;
}

.siteLink {
	margin-top: 8px !important;
	font-size: 16px !important;
}

.messagebox-backdrop.login-box .account-lockout {
	margin-top: 1.5rem;
    font-size: 1.2rem;
}

.messagebox-backdrop.login-box .error-title {
	font-size: 1.625rem;
	color: #6a6b6c;
}

.messagebox-backdrop.login-box .narrow-space {
	line-height: 1rem !important;
}

.messagebox-backdrop.login-box .detail-message {
	padding-top: 2rem;
	font-size: 1rem !important;
	color: #6a6b6c;
}

.messagebox-backdrop.login-box .btn-width {
	padding-left: 3.25rem; padding-right: 3.25rem;
}

.buttonLink {
	color: #fff;
}

a.buttonLink:hover {
	color: #fff;
}

.cui-popover.right>.arrow {
    top: 9.5rem;
    margin-top: -10px;
    margin-left: 10px;
    border-top: 10px solid transparent;
    border-right: 14px solid #fff;
    border-bottom: 10px solid transparent;
    filter: drop-shadow(-2px 0 0 #e0e0e0);
}

.nosellcompliance {
    margin-top: 1rem !important;
    font-size: 14px !important;
}

.activationCode {
	width: 2.75rem !important;
	height: 3rem !important;
	padding: 13.5px 12px !important;
	margin: 0 4px !important;
	font-family: "Segoe UI", sans-serif !important;
	font-size: 26px;
	font-weight: 600;
	line-height: 36px;
	text-align: center;
}

.activationCode:focus {
	border: 1px solid;
	border-color: var(--md-input-outline-active, #000000E5) !important;
}

@-webkit-keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-.0625rem,0,0);
        transform: translate3d(-.0625rem,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(.125rem,0,0);
        transform: translate3d(.125rem,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-.25rem,0,0);
        transform: translate3d(-.25rem,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(.1875rem,0,0);
        transform: translate3d(.1875rem,0,0)
    }
}

@keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-.0625rem,0,0);
        transform: translate3d(-.0625rem,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(.125rem,0,0);
        transform: translate3d(.125rem,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-.1875rem,0,0);
        transform: translate3d(-.1875rem,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(.1875rem,0,0);
        transform: translate3d(.1875rem,0,0)
    }
}

.error-shake {
    animation: shake .75s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-animation: shake .75s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.md .pin-challenge-input {
    height: 3.75rem;
    line-height: 1;
    max-width: 17.5rem;
    width: 100%;
    border: none;
    border-radius: .25rem;
    background: #f2f4f5;
    font-size: 2.25rem;
    letter-spacing: .75rem;
    text-align: center;
    color: #383c40
}

.md .pin-challenge-input::-ms-clear {
    display: none;
}

.pin-challenge-input.error {
    border: solid .0625rem #ff5c4a;
    background: #fff2ed
}

.pin-challenge-input.error:focus,
.pin-challenge-input.error:focus-within {
    box-shadow: none
}

.pin-challenge-input:focus,
.pin-challenge-input:focus-within {
    box-shadow: 0 0 4px 2px rgba(0, 160, 209, .75)
}

.mfa {
	margin-top: 26px !important;
	margin-bottom: 3rem;
}

.mfa_selection {
	margin-bottom: 26px !important;
}

.md-input-container .confirmation-code-error {
	margin-top: 1rem;
	min-height: 2rem;
}

.md-input {
	-webkit-appearance: none;
}

@media only screen and (min-width: 641px) {
	.activationCode {
		margin: 0 4px;
	}

	.activationCode.left-middle {
		margin: 0 12px 0 4px;
	}

	.activationCode.right-middle {
		margin: 0 4px 0 12px;
	}
}


.tooltip2 {
	position: relative;
	display: inline-block;
}

.tooltip2 .tooltiptext {
	visibility: hidden;
	width: 20rem;
	background-color: var(--md-background-primary,#fff);
	text-align: left;
	border: 1px solid var(--md-separator-primary,#ccc);
	border-radius: 5px;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,0.16);
	padding: 0.5rem 0.8rem;;
	position: absolute;
	z-index: 1;
	top: -0.5rem;
	left: 135%;
	font-size: 0.875rem;
	color: var(--md-textColor-primary,#121212);
}

.tooltip2 .tooltiptext::after {
	content: "";
	position: absolute;
	top: 1rem;
	right: 100%;
	margin-top: -5px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent var(--md-separator-primary,#ccc) transparent transparent;
	color: white;
}
.tooltip2:hover .tooltiptext {
	visibility: visible;
}

.duo_logo {
	max-width: 7rem;
	margin-bottom: 1.5rem;
	margin-top: 0.5rem;
}

.idb-panel__secondary-action {
	margin-bottom: 1rem;
	color: #666;
	font-size: 0.785rem;
}

.mfaManualCode {
	font-size: 1.5rem;
	margin: 2rem 0;
	word-break: break-word;
	width: 320px;
	color: var(--md-textColor-primary, #CCCCCC);
}

.space-top-0 {
	margin-top: 0 !important;
}

.space-top-8 {
	margin-top: .5rem !important;
}

.space-top-12 {
	margin-top: 0.75rem !important;
}

.space-top-16 {
	margin-top: 1rem !important;
}

.space-top-24 {
	margin-top: 1.5rem !important;
}

.space-top-32 {
	margin-top: 2rem !important;
}

.space-bottom-0 {
	margin-bottom: 0 !important;
}

.space-bottom-12 {
	margin-bottom: 0.75rem !important;
}

.space-bottom-32 {
	margin-bottom: 2rem !important;
}

.space-left-4 {
	margin-left: 0.25rem !important;
}

.font-size-12 {
	font-size: 0.75rem !important;
}

.font-size-14 {
	font-size: 0.875rem !important;	
}

.font-size-16 {
	font-size: 1rem !important;
}

.font-size-24 {
	font-size: 1.5rem !important;
}

.padding-0 {
	padding: 0 !important;
}

.md-panel__cta_align_left {
	align-items: flex-start !important;
}

.help-sign-in-link {
	border-top: 1px solid var(--md-separator-secondary, #B2B2B2);
	width: 20rem;
	margin-top: 2rem;
	padding-top: 1.5rem;
	font-size: 0.875rem;
}

.help-sign-in-link a::after {
	content: "\f969";
	font-family: "momentum-ui-icons";
	margin-left: 0.25rem;
	font-size: 0.625rem;
}

.md-panel .help-sign-in-link a {
	text-decoration: none !important;
}

.mfa-steps {
	display: flex;
	width: 100%;
	justify-content: center;
	margin: 1rem 0;
}

.mfa-step__finished {
	border-top: 3px solid var(--md-textColor-secondary, #545454);
	margin: 0 0.5rem;
	width: 3.5rem;
}

.mfa-step__unfinished {
	border-top: 3px solid var(--md-separator-primary, #CCCCCC);
	margin: 0 0.5rem;
	width: 3.5rem;
}

#error {
	color: var(--md-input-text-error, #A12512) !important;
}

.flex-item__align-self--center {
	align-self: center;
}

.social-provider-options {
	margin-top: 1rem;
	margin-bottom: -2rem;
}

.social-provider-button {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	border: 0.0625rem solid rgba(128, 128, 128, 0.7);
	position: relative;
	margin: 0 0.75rem;
	padding: 0;
	line-height: 1rem;
	border-radius: 100vh;
	cursor: pointer;
	flex-shrink: 0;
	justify-content: space-evenly;
	outline: none!important;
	background-color: rgba(128, 128, 128, 0.2);

	transition: background-color 0.2s, color 0.2s, border-color 0.2s;
	transition-property: background-color, color, border-color;
	transition-duration: 0.2s, 0.2s, 0.2s;
	transition-timing-function: ease, ease, ease;
	transition-delay: 0s, 0s, 0s;
}

.social-provider-button:not(:hover) {
	background-color: transparent;
}

.social-provider-icon {
	font-size: 0.5rem;
	color: gray;
	display: block;
	height: 1.5rem;
	width: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#apple-icon {
	content: var(--apple-icon-image-url, url('/idb/images/apple-logo-black.svg'));
}

[data-theme="dark"] {
    
	.md-input-container .md-input:not(.md-select__filter--input)::placeholder{
        color: #7D7D7D !important;
    }

    .md-input-container.md-error .md-input:not(.md-select__filter--input)::placeholder{
        color: #A3A3A3 !important;
    }
}

@media only screen and (min-width: 40.0625em) {
	.md-panel__cta .md-button.md-button--blue {
		width: 20rem;
	}
}

.label-container {
	display: flex;
	align-items: center;
	margin-bottom: 0.25rem;
}

.label-title {
	align-self: flex-start;
	color: var(--label-text-color, #000000F2);
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
}

.helper-text {
	width: 100%;
	text-align: left;
}

.error-padding {
    padding-top: 0;
    text-align: left;
}