.flyover{display:none}
@media only screen and (min-width:960px){.home .sign-on-link,.home .sign-on-modal-flyover{display:none !important}
}
.sign-on-modal-flyover{position:absolute;z-index:200;text-align:left !important}
@media only screen and (max-width:767px){.sign-on-modal-flyover{width:100%;padding:0 10px;left:0}
}
@media only screen and (min-width:768px){.sign-on-modal-flyover{width:300px !important;right:10px}
}
.sign-on-modal-flyover .sign-on .mobile{display:block}
@media only screen and (min-width:768px){.sign-on-modal-flyover .sign-on .mobile{display:none}
}
.sign-on-modal-flyover .sign-on .mobile .buttonContainer+.buttonContainer{margin-top:10px}
.sign-on-modal-flyover .sign-on .desktop{display:none;margin:0}
@media only screen and (min-width:768px){.sign-on-modal-flyover .sign-on .desktop{display:block}
}
.sign-on-modal-flyover .mobile,.sign-on-modal-flyover .desktop{position:relative}
.sign-on-modal-flyover .mobile:before,.sign-on-modal-flyover .desktop:before{border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid #f5f5f5;content:"";height:0;width:0;top:-10px;right:24px;position:absolute;z-index:9}
.delete-card-modal .subheading-medium{padding-top:20px}
.delete-card-modal p{padding-left:20px}
.delete-card-modal .buttons .cancel-button{padding-top:10px}
.sign-on>.iframe-container{display:none}
.sign-on>.mobile{display:none}
.sign-on>.mobile>.row{padding:20px;margin:0}
.sign-on>.mobile a.button,.sign-on>.mobile button{width:100%}
.sign-on .warning{display:none;padding-left:0;padding-right:0;padding-bottom:10px}
.sign-on .spinner{display:none;position:relative;margin-top:-20px;top:-10px;left:10px;background-image:url("assets/images/sign-on-loader.gif");height:20px;width:20px;background-repeat:no-repeat}
.sign-on .active .spinner{display:block}
.sign-on>.desktop{padding:20px 20px 10px;margin:15px 0}
.sign-on>.desktop .container-img{display:inline;margin-right:8px}
.sign-on>.desktop .link{line-height:2}
.sign-on>.desktop .link a{line-height:1.5}
html.text-size1 .sign-on>.desktop .link a{font-size:14px;font-size:.875rem}
html.text-size2 .sign-on>.desktop .link a{font-size:18.62px;font-size:.875rem}
html.text-size3 .sign-on>.desktop .link a{font-size:23.24px;font-size:.875rem}
html.text-size4 .sign-on>.desktop .link a{font-size:28px;font-size:.875rem}
.sign-on>.desktop select{background:#fafafa url("assets/images/select-arrow-dd.png") right center no-repeat}
.sign-on>.desktop .saved-cards{display:none}
.sign-on>.desktop .use-saved-card,.sign-on>.desktop .use-new-card,.sign-on>.desktop .delete-saved-card{display:none}
.sign-on>.desktop .delete-saved-card,.sign-on>.desktop .remember-card{height:30px}
.sign-on>.desktop .selectDropdownNavigationContainer .selectDropdownNavigationContent{margin:0}
.sign-on>.desktop .remember-card{padding:10px 0;line-height:20px}
.sign-on>.desktop .remember-card input[type="checkbox"]{margin:0 8px 0 0;position:relative;top:2px}
.sign-on>.desktop .delete-saved-card{padding-top:10px;padding-bottom:10px}
.sign-on>.desktop .use-new-card,.sign-on>.desktop .use-saved-card{padding-top:10px}
.sign-on>.desktop label{font-weight:bold}
.sign-on>.desktop div.channelSelector{position:relative}
.sign-on>.desktop div.channelSelector+div.card-number,.sign-on>.desktop div.channelSelector ~ div.saved-cards{margin-top:20px}
.sign-on>.desktop div.card-number label,.sign-on>.desktop div.password label,.sign-on>.desktop div.saved-cards label{margin-bottom:3px}
.sign-on>.desktop div.use-saved-card+div.password,.sign-on>.desktop div.change-cards+div.password{margin-top:10px}
.sign-on>.desktop div.password,.sign-on>.desktop div.buttons{margin-top:10px}
.sign-on>.desktop input#card-number{margin-bottom:0}
.sign-on>.desktop .buttons .buttonContainer+.buttonContainer{margin-top:15px}
.sign-on>.desktop .buttons a.button,.sign-on>.desktop .buttons button{width:100%;padding-left:0;padding-right:0;text-align:center}
.sign-on>.desktop .quickLinks,.sign-on>.desktop .change-cards,.sign-on>.desktop .forgot-password{margin-top:10px}
.sign-on>.desktop .security span.icon,.sign-on>.desktop .eAgreement span.icon{vertical-align:middle;position:relative;color:#a2a2a2}
html.text-size1 .sign-on>.desktop .security span.icon,html.text-size1 .sign-on>.desktop .eAgreement span.icon{font-size:20px;font-size:1.25rem}
html.text-size2 .sign-on>.desktop .security span.icon,html.text-size2 .sign-on>.desktop .eAgreement span.icon{font-size:26.6px;font-size:1.25rem}
html.text-size3 .sign-on>.desktop .security span.icon,html.text-size3 .sign-on>.desktop .eAgreement span.icon{font-size:33.2px;font-size:1.25rem}
html.text-size4 .sign-on>.desktop .security span.icon,html.text-size4 .sign-on>.desktop .eAgreement span.icon{font-size:40px;font-size:1.25rem}
@media only screen and (min-width:768px){.en .sign-on .desktop .buttonContainer{vertical-align:top;display:inline-block;width:50%}
.en .sign-on .desktop .buttonContainer+.buttonContainer{margin-top:0}
.en .sign-on .desktop .buttonContainer:first-child{float:left}
.en .sign-on .desktop .buttonContainer .buttonPadding{display:block;width:auto}
.en .sign-on .desktop .buttonContainer button{display:block;width:100%}
.en .sign-on .desktop .buttonContainer:first-child .buttonPadding{padding-right:5px}
.en .sign-on .desktop .buttonContainer+.buttonContainer .buttonPadding{padding-left:5px}
}