body{display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0;background-image:url(../imgnew/wave.svg),linear-gradient(115deg, #F2FFF7 0%, #FCF0FC 50vw, #D6F4FE 100vw);background-repeat:no-repeat;background-size:contain;background-attachment:fixed;background-position: center center;@media(width < 700px) {background-size: 300vw;}}
body.app-efficy, body.app-extranet {display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0}
body.app-conficy {display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0;background-color:#686868;}
a{font-size:.75rem;color:#999;text-decoration:none;text-transform:none;}
a:hover,#lang .selected{text-decoration:none !important;color:#000;}
#header, #footer{flex:none;padding:1rem 0.5rem;}
#content-wrapper{flex:1 0 auto;display:flex;justify-content:center;align-items:center;}
#content,form{position:relative;}
#welcome{color:#444;}
#lang {display: flex;background: transparent;border-radius: 4px;align-items: center;width: auto;height: 42px;}
#lang i.i-down {position:relative;}
#lang ul{overflow:hidden;margin: 0;padding:0;list-style:none;}
#lang ul > li{display:inline-block;margin-left:1.125rem;list-style:none;}
#lang > select{margin:0;background-color:transparent;}
#lang:hover {cursor: pointer;}
#lang select{padding-right:0;}
#lang select:hover{cursor:pointer;}
#content{text-align:center;padding:1rem 0;width:420px}
body #logo{float:left;height:48px;margin-bottom:1.5rem;background: url(../imgnew/logo.svg) center center no-repeat;background-size:120px 32px;background-position:32px 4px;}
#azure-login,#logon-form{margin:0 1.25rem;padding:0 2.125rem 1.375rem 2.125rem;border-collapse:separate;background:#fff;box-shadow:0 .25rem .1875rem -.125rem rgba(0,0,0,.1),0 .0625rem .0625rem 0 rgba(0,0,0,.2);}
#logon-form {position: relative;}
#logon-form.waiting:before{content: ' ';position: absolute;background-color: rgba(0,0,0,0.3);width: 100%;height: 100%;z-index: 3;cursor: wait;top: 0;left: 0;}
form>div{text-align:center;background:left .375rem no-repeat;background-size:1.5rem;}
#welcome{font-size:1.1em;padding:2rem 0 1.5rem;letter-spacing:.0625rem;}
#div-user{background-image:none;}
#div-pass{background-image:none;}
#div-pass>div{position: relative;}
input#user{margin-bottom: 8px;}
input#pass{border-radius: 4px;margin-bottom: 16px;}
.i-eye::before{font-size: 14px;}
div#eye{position: absolute; right: -1px;}
div#eye>span{background: none; border: none;}
#status{font-size:.875rem;line-height:1.2;position:relative;display:none;margin:1rem auto 0 auto;padding:.75rem 1rem .75rem;text-align:left;border:1px solid #f66;background-color:#FAEBEF;-moz-box-shadow:0 .0625rem .1875rem rgba(0,0,0,.4);box-shadow:0 .0625rem .1875rem rgba(0,0,0,.4);}
#submitbtn{margin-bottom:8px;}
body.app-efficy #status {max-width: 302px;}
body.app-extranet #status {max-width: 334px;}
body.app-conficy #status {max-width: 336px;}
.logon-description {margin: 1rem 0;color: #424242;font-size: 0.9rem;}
.loading{background-image:url(../../lib/img/spinner16.gif);background-position-x:4px;background-size:16px;}
.loading.onboard {width:100%; height:1rem; margin:1rem 0 2rem 0; background-position:center center; background-repeat:no-repeat;}
.help a{position:relative;display:inline-block;width:1.375rem;height:1.375rem;border:.25rem solid #f6f9f5;}
.help a{border:.25rem solid #eaf2e8;}
.help a:focus,.help a:hover{border-color:rgba(246,249,245,.7);}
#onlinehelp{background-color:#21945D;color:white;text-decoration: none;text-align:center;font-size:.75rem;}
.oauth-button {border-radius:4px;border:1px solid #CAD3DB;color:#000000;height:auto;margin-bottom:16px;}
.oauth-button button {margin-bottom:0;}
.auth-methods {margin-bottom: 2rem;}
.auth-method-choice {border-bottom: 1px #646464 dotted; padding: 0; line-height: 4rem; background-color: #f3f1f1; padding: 0 10px; }
.auth-method-choice a  {font-size: 1.2rem;color: #535353;display: block;text-transform: none;}
.auth-method-choice div[class*=" i-"]::before, .auth-method-header div[class^="i-"]::before { margin-right: 8px;}
.auth-method-choice a:hover {text-decoration: none !important;color: #21945D;}
.auth-method-choice:last-child {border-bottom: none;}
.auth-method-choice ul {list-style: none;}
#auth-token-input {font-size: 2rem;line-height: 2rem;height: 52px;width: 200px;font-family: sans-serif;letter-spacing: 0.1rem;margin: 1rem auto;text-align: center;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="password"]::-ms-reveal,
input[type="password"]::-webkit-credentials-auto-fill-button {
	display: none !important;
}
/* logoff */
.logoff form{padding-right:35px;}
.logoff #welcome{color:#444;}
.logoff #buttons{padding:0;}
.logoff #buttons > button {padding-right:16px;padding-left:16px;border-radius:4px;border:1px solid #CAD3DB;color:#000000;}
/* Hi-res devices */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:130dpi),only screen and (min-resolution: 2dppx){
	.loading{background-image:url(../../lib/img/spinner32.gif);}
}
/* medium/large devices */
@media only screen and (min-width:40.063em),print{
	#header, #footer{padding:1rem;}
}
@media only screen and (max-width: 20rem){
	#logo{background-size: 80%;margin: 1rem 0;}
	form{margin: 0 .5rem;}
}