@font-face{
	font-family:NexusSans;
	src:url('../../fonts/nexussanswebpro/NexusSansWebPro.woff');
}
/**
* Remove default list decoration.
*/
ol, ul {
	list-style: none;
}
/*reset padding and margin for all, applying NexusSans font family(Elsevier brand font) */
*{
	padding:0;
	margin:0;
	font-family: NexusSans,arial,sans-serif;
	font-weight: normal;
	box-sizing: border-box;
}
.els-client-logo:before {
	content: ' ';
    display: block;
    position: absolute;
    top: 27px;
    left: 30px;
    width: 160px;
    height: 36px;
    background-color: #fff;
    background-image: url('../../images/elsevier/elsevier.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.els-client-logo[alt]{
	color: #e9711c;
	font-size: 1.500em;
	font-family: NexusSans,arial,sans-serif;
}
.accessibility-link-skip {
	position:absolute; 
	left:-10000px; 
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden;
}  
.accessibility-link-skip:focus { 
	position:static; 
	width:auto; 
	height:auto; 
} 
/*Header contains the client logo*/
.client-info-header{
	width:96%;
	margin: 0 0 0 32px; 
	height: 80px;
}
.client-info-header img{
	width: 120px;
    height: 32px;
    margin: 30px 0 25px 0;
}
/*Hero image- background image given by the product*/
.els-hero-image{
	background-image: url('../../images/elsevier/elsevierbg.jpg');
	background-color: #4a4a4a;
	background-size: 100% 100%;
	overflow: auto;
}
/*container holding the main content of the page*/
.container-fluid {
	margin: 10.6% auto;
	max-width: 544px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #fff;	
	box-shadow: 0px 0px 0px 16px rgba(220,220,220,0.6);
	/* min-height: 43vh; */
}
/*main content rests here*/
#maincontent{
	color: #000;
	min-height: auto;
}
#maincontent img{
	height:1.563em;
	clear: both;
	display: block;
    margin:8.5% auto 6.6%;
}
.close-form{
	margin: 10.6% auto;
    max-width: 544px;
    width: 100%;
    text-align: center;
}
.els-icon-closing-nojs{
    background-color: #fff;
    display: block;
    float: right;
    color: #505050;
    margin: 16px 16px 0 0;
	cursor: pointer;
	font-size:24px;
	border:0;
}
.els-flow-msg{
	margin-top: 7%;
	font-size: 1.875em;
	color: #505050;
	padding: 0 32px 0 32px;
}
.els-choose{
	margin: 7% 32px 0 32px;
	font-size: 1.250em;
	color: #505050;
	text-align: left;
}
/*Text with instructions and client name*/
.els-signin-client{
	margin-top: 1.8%;
	font-size: 1em;
	color:#505050;
	padding: 0 32px 0 32px;
}
.els-signin-client ~ .els-greyText:first-of-type{
	margin-top: 7.6%;
}
.els-flow-msg ~ .els-greyText:first-of-type{
	margin-top: 7.5%;
}
.els-avatar-bg{
	width: 58px;
	height: 58px;
	background-color: #b9b9b9;
	margin: 22px auto 0 auto;
}
.els-avatar-icon{
	font-size: 2.8em;
	color: #fff;
	position: relative;
    top: 13px;
}
/*disabled or read-only input*/
.form-row .disabled{
	border:none;
	border-bottom: 2px dotted #dcdcdc;
	width:99%;
	font-size: 1.25em;
	line-height: 1.4;
	outline-color: #fff;
	-webkit-transition:0.5s;
	transition: 0.5s;
	color: #505050;
	/*color:#B9B9B9 #737373*/
	background: #fff;
	margin-left: 4px;
}
.form-row input.disabled:hover{
	border-bottom: 2px dotted #dcdcdc;
	-webkit-transition:all 0.74s ease-out;
	transition: all 0.74s ease-out;
	outline: 0;
	background: #fff;
}
/*password field inside parent form-row*/
.els-signin-form .form-row.password{
	padding: 0 6.3% 0 6.3%;
	margin-bottom: 2%;
}
.els-signin-form .form-row.resetpassword{
	padding: 0 6.3% 0 6.3%;
	margin-bottom: 0;
	margin-top: 2.5%;
}
/*error messages*/
.errormsg{
	color: #c83727;
	padding-top: 7px;
	display: block;
	height: 38px;
}
/*stay signed in checkbox*/
.els-stay-signed{
	padding: 0 0 9.5% 6.3%;
	width: 94%;
}
.els-stay-signed.register{
	padding: 0 0 3% 6.3%;
}
/*stay signed in checkbox*/
.els-checkbox-wrapper{
	cursor:default;
	display:block;
	width: 30%;
    float: left;
	margin-bottom:1rem;
	position:relative;
}
.els-checkbox-wrapper input{
	border:.0625rem solid transparent;
	left:-9999px;
	margin:0;
	position:absolute;
}
.els-checkbox-wrapper input:focus+label:before{
	border-color:#505050;
}
.els-checkbox-wrapper label{
	cursor:default;
	display:block;
	line-height:1.5rem;
	color: #474747;
	width: 100%;
	font-size: 1em;
	padding-left: 12px;
}
.els-checkbox-wrapper label:after{
	-webkit-transition:.3s ease;
	transition:.3s ease;
	-webkit-transition-property:background;
	transition-property:background;
	background:0 0;
	display:block;
	height:.64rem;
	left:.3125rem;
	position:absolute;
	top:.3125rem;
	width:.63rem;
}
.els-checkbox-wrapper label:after:hover{
	-webkit-transition:.3s ease;
	transition:.3s ease;
	-webkit-transition-property:background;
	transition-property:background;
}
.els-checkbox-wrapper label:before{
	cursor:default;
	display:inline-block;
	height:1rem;
	left:0;
	margin:0 0 .125rem 0;
	position:absolute;
	vertical-align:middle;
	width:1rem;
}
.els-checkbox-wrapper label.with-icon:before{
	vertical-align:middle;
	font-weight:400;
	font-style:normal;
	-webkit-transition:.3s ease;
	transition:.3s ease;
	-webkit-transition-property:background;
	transition-property:background;
	background:0 0;
	border-radius:.75rem;
	color:#007398;
	font-size:1.2rem;
	height:1.5rem;
	line-height:1.5rem;
	width:1.5rem;
	text-align:center;
}
.els-checkbox-wrapper label.with-icon:before:hover{
	-webkit-transition:.3s ease;
	transition:.3s ease;
	-webkit-transition-property:background;
	transition-property:background;
}
.els-checkbox-wrapper label:not(.with-icon):before{
	-webkit-transition:.3s ease;
	transition:.3s ease;
	-webkit-transition-property:border-color;
	transition-property:border-color;
	border:.125rem solid #B9B9B9;
	content:'';
}
.els-checkbox-wrapper label:not(.with-icon):before:hover{
	-webkit-transition:.3s ease;
	transition:.3s ease;
	-webkit-transition-property:border-color;
	transition-property:border-color;
}
.els-checkbox-wrapper label:not(.with-icon):after{
	content:'';
}
.els-checkbox-wrapper label:not(.with-icon):hover:before{
	border-color:#505050;
}
.els-checkbox-wrapper input:checked+label:after{
	background:#e9711c;
}
.els-checkbox-wrapper input:checked:disabled+label:after{
	background:#DCDCDC;
}
.els-checkbox-wrapper input:disabled+label{
	color:#DCDCDC;
}
.els-checkbox-wrapper input:disabled+label:first-of-type:before,.els-checkbox-wrapper input:disabled+label:last-of-type:after{
	border-color:#DCDCDC;
}
.els-checkbox-wrapper input:checked+label.with-icon:before{
	background:#007398;
	color:#FFF;
}
.els-checkbox-wrapper input:disabled+label.with-icon:before{
	color:#DCDCDC;
}
.els-checkbox-wrapper input:checked:disabled+label.with-icon:before{
	background:#DCDCDC;
	color:#FFF;
}
.els-forgot-password{
	float: right;
    line-height: 1.5;
}
.els-step-back{
	padding-bottom: 24px;
	color: #007398;
}
.els-step-back .els-greyText:first-of-type{
	margin-bottom: 0;
}
.els-step-back .els-greyText{
	padding-bottom: 0;
}
.els-forgot-password a,.els-step-back a{
	color: #007398;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
}
.els-forgot-password a:hover,.els-step-back a:hover{
	color: #e9711c;
	text-decoration: underline;
	cursor: pointer;
}
.els-shibbLink{
	color: #505050;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    background: none;
    border: none;
    width: 100%;
}
.els-shibbLink2{
	color: #007398;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    background: none;
    border: none;
}
.els-stay-signed > .els-greyText{
	padding: 0;
}
.els-stay-signed.register .els-document-link,.els-stay-signed.register .els-document-link:visited,.els-connect-continue .els-document-link,.els-connect-continue .els-document-link:visited{
	color: #007398;
	text-decoration: none;
}
.els-stay-signed.register .els-document-link:hover,.els-connect-continue .els-document-link:hover{
	color: #e9711c;
	text-decoration: underline;
}
/*Primary button*/
.els-primaryBtn,.els-primaryBtn:visited  {
	background-color: #007398;
    color: #fff;
    border-color: #007398;
    border-radius: 0;
    border-width: 0;
    padding: 9px 50px;
    line-height: 20px;
    width: 480px;
    margin: 12px 32px 48px 32px;
    font-size: 1.5em;
    word-break: break-all;
    height: 48px;
}
/*primary button on hover*/
.els-primaryBtn:hover{
	background-color: #e9711c;
    color: #fff;
    border-color: #e9711c;
    -webkit-transition:.3s ease;
    transition:.3s ease;
    cursor: pointer;
}
.els-primaryBtn ~ .els-step-back{
	margin-top: -24px;
}
/* shibboleth related*/
.els-shibb{
	margin: 0 32px 6.5% 32px;
}
.els-institution-dropdown.active-list strong{
	font-weight: bold;
}
.els-shibb-connect {
    background: none;
    border: 0;
    color: #505050;
    height: 50px;
    width: 100%;    
    text-align: left;
    font-size: 1.25em;
    padding: 0px 0px 10px 0px;
    word-break: break-all;
}
.els-shibb-connect:before {
    background: #007398;
    color: #fff;
    content: '˃';
    font-family: SSGizmo,sans-serif;
    font-size: 1.1em;
    margin-right: 8px;
    padding: 3px 10px 3px 11px;
}
.els-shibb-connect:hover:before {
    background-color: #e9711c;
    border-color: #e9711c;
    color: #fff;    
    -webkit-transition:.3s ease;
    transition:.3s ease;
}
.els-shibb-connect:hover{
	background: none;
    color: #e9711c;
    border-color: #e9711c;
    -webkit-transition:.3s ease;
    transition:.3s ease;
    cursor: pointer;
}
.choose-form{
	background-color: #fff;
	margin: 5% 16px 5% 16px;
	min-height: 25vh;
}
.choose-form.active{
	background-color: rgba(220, 220, 220, 0.5);
	margin: 5% 16px 5% 16px;
	padding: 0px 0 8px 0;
	-webkit-transition: .1s all linear;
    transition: .1s all linear;
}
.els-connect-search{
	margin: 0 16px 0 16px;
	text-align: left;	
	border-bottom: 2px solid #dcdcdc;
}
.els-search-field{
	border: none;
	outline:none;
	color: #323232;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    width: 90%;
    font-size: 1.25em;
    line-height: 1.5;
}
.els-search-field.active-input{
    background-color: inherit;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
    font-weight: normal;
}
.els-connect-search:hover{
	border-bottom: 2px solid #505050;
	-webkit-transition:all 0.74s ease-out;
	transition: all 0.74s ease-out;
	outline: 0;
}
.els-search-icon{
	color: #007398;
}
.els-search-icon:before{
    content: '🔎';
    font-family: SSGizmo,sans-serif;
    font-size: 1.5em;
    position: relative;
    top: 6px;
}
.remove-icon.els-search-icon:before{

}
.els-institution-dropdown{
	margin: 0 16px 8px 16px;
	clear: both;
	display: none;
}
.els-institution-dropdown.active-list{
	display: block;
	border-top: none;
    padding-top: 0;
    background-color: #fff;
    -webkit-transition: .1s all linear;
    transition: .1s all linear;
}
.els-institution-list{
	clear: both;
	/* min-height: 110px; */
	min-height: auto;
	max-height: 145px;
    overflow-y: auto;
    z-index: 2;
}
.els-institution-list-items{
	clear: both;
}
.els-institution{
    text-decoration: none;
    font-size: 1em;
    line-height: 1.5; 
    padding: 5px 0 0 5px;   
    float: left;
    height: 35px;
    text-align: left;
    width: 100%;
    display: inline-block;
    clear: both;
    color: #505050;
    text-transform: capitalize;
}
.els-institution:after{
    color: #b9b9b9;
    content: '\2b08';
    font-family: SSGizmo,sans-serif;
    font-size: 1.3em;
    padding: 0px 10px 0px 10px;
    position: relative;
    top: -2px;
    box-sizing: border-box;
    float: right;
    clear: both;
    height: 22px;
}
.els-institution:hover{
	background-color: #f5f5f5;
}
#submitToChoose{
	background-color: #007398;
    color: #fff;
    border-color: #007398;
    border-radius: 0;
    border-width: 0;
    padding:3% 3.5% 3% 3%;
    line-height: 20px;
    width: 25%;
    margin: 2.5% 32px 6% 32px;
    font-size: 1.5em;
}
#submitToChoose:hover{
	background-color: #e9711c;
    color: #fff;
    border-color: #e9711c;
    -webkit-transition:.3s ease;
    transition:.3s ease;
    cursor: pointer;
}
#maincontent .els-profile-icon{
	height: 48px;
    width: 43px;
    margin: 4% auto 1.6%;
}
.els-connect-continue .disabled{
	padding: 5px 32px 7px 32px;
	color: #939393;
	font-size: 1em;
}
.els-university-name{
	margin-top: 1.8%;
	font-size: 1.25em;
	color:#505050;
	padding: 0 32px 0 32px;
}
.shibb-flow-form .els-stay-signed.register{
	padding: 39px 0 3% 6.3%;
}
/* shibboleth related end*/

/**/
.els-greyText {
	font-size: 1.25em;
	padding:0 32px 5% 32px;
	color:#505050;
	text-align: left;
	width: 100%;
	line-height: 1.3;
}
.els-new-greyText{
	display: inline;
	font-weight: bold;
}
/*Container list for clients*/
.els-footer-list {
	padding-bottom: 3.2%;
    padding-top: 4%;
	background-color: #f5f5f5;
}
.els-footer-list .els-greyText{
	text-align: center;
	font-size: 1em;
	margin-bottom: 1%;
	padding-bottom: 0;
}
.els-clients-list{
	padding: 0 2%;
	font-size: 0.875em;
	color: #505050;
}

/* settings begin*/
.els-account-header{
	height: 125px;
}
.els-elsevier-logo{
	padding: 44px 0 5px 32px;
	width: 165px;
}
.els-profile,.els-profile:visited {
	float: right;
    position: relative;
    top: 45px;
    padding-right: 33px;
    color: #505050;
    text-decoration: none;
    font-size: 20px;
    cursor: pointer;
}
.els-account{
	font-size: 2.6em;
	padding: 4px 0 0 32px;
	color: #505050;
}
.els-profile-icon{
    
}
.els-settings-header {
	display: none;
}
.els-settings-header-list {
}
.els-settings-header-list-items {
}
.els-href {
}
.els-white {
	overflow: hidden;
	color: #505050;
	min-height: 75vh;
}
.els-change-settings .container-fluid{
	-webkit-box-shadow: 0px 0px 0px 16px rgba(220,220,220,0.6);
	-moz-box-shadow: 0px 0px 0px 16px rgba(220,220,220,0.6);
	box-shadow: 0px 0px 0px 16px rgba(220,220,220,0.6);
}
.els-settings-left {
	display: block;
	float: left;
	width: 15%;
	margin: 6% 75px 0 1.5%;
	position: fixed;
}
.els-settings-left-list {
}
.els-settings-left-list-items {
	color: #505050;
	padding: 7%;
	font-size: 1em;
}
.els-settings-left-list-items.active{
	border-left: 2px solid #e9711c;
	margin-left: -2px;
}
.els-href,.els-href:visited{
	color: #505050;
	text-decoration: none;
}
.els-settings-main {
	float: left;
	margin: 0.8% 0 15% 0;
	width: 55%;
	position: relative;
    left: 21%;
}
.els-settings-main .els-account-flow:first-of-type{
	margin: 2% 0 2% 0;
}
.els-settings-main .els-account-flow{
	margin: 10% 0 2% 0;
	font-size: 1.850em;
	color: #505050;
}
.container-fluid-borderless {
}
.els-show-settings {
	color: #505050;
}
.form-row-disabled {
	padding-top: 2.5%;
}
.form-row-disabled.password {
	padding-top: 6%;
}
.form-row-disabled label{
	display: block;
	padding-bottom: 3%;
	font-size: 1.50em;
	color: #505050;
}
.form-row-disabled .disableddiv{
	background-color: #f5f5f5;
	border-radius: 2px;
	height: 80px;
	width: 100%;
}
.disableddiv .disabled {
	padding: 32px 0 28px 30px;
	float: left;
	width: 80%;
	font-size: 1.25em;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.disableddiv input.disabled {
	background: inherit;
    border: none;
}
.els-edit-icon {
	float: right;	
	padding-top: 30px;
	padding-right: 30px;
	cursor: pointer;
}
.ss-write {
	color: #007398;
	background: none;
	border: none;
	font-size: 1em;
	cursor: pointer;
}
.els-change-buttons{
	margin: 2.5% 32px 48px 32px;
	font-size: 1.25em;
}
.els-insitution-signin{
	font-size: 1.250em;
	padding-bottom: 2.5%;
}
.ss-navigateright{
	background: none;
	border: none;
	color: #505050;
	font-size: 1.250em;
	cursor: pointer;
}
.ss-navigateright:before{
	position: relative;
	top: 4px;
	left: -7px;
	color: #007398;	
	font-size: 1.250em;
	cursor: pointer;
}
/* .els-show-settings .form-row{
	padding-left: 0;
} */
/* .els-show-settings .form-row label{
	left: 0;
}
.els-show-settings .form-row.active label{
	left: -8px;
} */
/* .els-show-settings .els-greyText{
	padding-left: 0;
} */
.els-reset,.els-reset:visited{
	background:none;
    color: #007398;
    border-color: #000;
    border-radius: 0;
    border-width: 0;
    font-size: 1em;
    padding-right: 30px;
}
.els-reset:hover{
    color: #e9711c;
    -webkit-transition:.3s ease;
    transition:.3s ease;
    cursor: pointer;
}
.els-change,.els-change:visited{
	background-color: #007398;
    color: #fff;
    border-color: #007398;
    border-radius: 0;
    border-width: 0;
    font-size: 1em;
    padding: 2%;
	width: 100%;
	height: 48px;
}
.els-change:hover{
	background-color: #e9711c;
    color: #fff;
    border-color: #e9711c;
    -webkit-transition:.3s ease;
    transition:.3s ease;
    cursor: pointer;
}

/* spine start*/
.els-spine-icon {
	float: right;
    position: relative;
    top: 45px;
    padding-right: 52px;
    color: #505050;
    text-decoration: none;
    font-size: 20px;
	width: 40px;
	height: 18px;
	display: none;
	margin-right: 0;
	border-bottom: 0;
	padding-top: 2px; 
}
.els-spine-icon.closed-spine:before {
	content: "";
	background-image: url("../../images/elsevier/hamburger-closed.svg");
	width: 34px;
	height: 18px;
	display: block;
	margin: 0 auto;
	float: none;
	transition: width 0.3s ease; 
}
.els-spine-icon:hover,.els-spine-icon-open:hover {
	cursor: pointer;
	border-bottom: 0; 
}
.els-spine-icon:hover:before , .els-spine-icon-open:hover:before{
	width: 18px;
}
.els-spine-icon-open{
    color: #505050;
    text-decoration: none;
    font-size: 20px;
	width: 40px;
	height: 18px;
	margin-right: 0;
	border-bottom: 0;
	padding-top: 2px; 
}
.els-spine-icon-open:before{
	content: "";
	background-image: url("../../images/elsevier/hamburger-open.svg");
	width: 34px;
	height: 18px;
	display: inline-block;
	margin: 0 auto;
	float: none;
	transition: width 0.3s ease; 
}
.els-spine-right{
	display: none;
	position: fixed;
    height: 100%;
    overflow: hidden;
    right: -25rem;
    top: 0;
    z-index: 99999999;
    -webkit-transition: right 350ms ease-in-out;
    transition: right 350ms ease-in-out;
}
.els-settings-right .els-profile-icon,.els-signout{
	display: inline;
}
.els-settings-right .els-profile-icon:before{
	margin: 10px;
	line-height: 3;
	position: relative;
	top: 10px;
	font-size: 20px;
}
.els-settings-right .els-display-profile-info{
    word-break: break-word;
    padding-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 180px;
    position: relative;
    top: -32px;
    left: 37px;
}
.els-settings-right .els-spine-icon-open{
	position: relative;
	top: -48px;
    left: 214px;
}
.els-settings-right .els-settings-right-list-items{
	padding: 10px;
}
.els-settings-right .els-signout-icon{
	position: relative;
	top: 10px;
	margin-left: 10px;
	font-size: 20px;
	color: #fff;
}
.els-settings-right .els-signout{
	color: #fff;
	position: relative;
	top: 5px;
}
/* spine end */

/* profile popup start*/
.els-settings-header-popup{
	display: none;
}
.els-settings-header-popup.open{
	display: block;
	width: 20%;
	position: absolute;
	right: 2.2rem;
    top: 4.4rem;
}
.els-header-popup{
	background: transparent url('../../images/elsevier/tooltip-edge.svg') repeat-y 250px 16px;
	background-position: right bottom;
    display: block;
    height: 1rem;
    width: 100%;
}
.els-profile-info{
	background-clip: content-box;
    border: 1rem solid rgba(235, 235, 235, .85);
    overflow: hidden;
}
.els-profile-info .els-account-info{
	background: #000;
	color: #b9b9b9;
	font-size: 0.875em;
}
.els-profile-info .els-spine-signout{
	background: #fff;
	color: #505050;
	font-size: 0.875em;
}
.els-profile-info .els-profile-icon, .els-profile-info .els-signout-icon{
	font-size: 1.500em;
	padding: 10px;
	line-height: 2;
	position: relative;
	top: 5px;
}
.els-profile-info .els-display-profile-info{
	display: inline;
}
.els-signout,.els-signout:visited{
	text-decoration: none;
	color: inherit;	
}
/* profile popup end */

/* change settings start */
.els-change-settings .els-white{
	background: #f5f5f5;
}
.els-change-settings .els-settings-main{
	margin: 32px auto 0 auto;
	float: none;
	max-width: 544px;
    width: 100%;
	background-color: #fff;
	height: auto;
	left: 0;
}
.els-change-settings .close-form{
	margin: 0;
	max-width: none;
	background: #000;
}
.els-change-settings .els-icon-closing-nojs{
	margin: 12px 16px 0 0;
}
.els-change-settings .els-settings-main .els-account-flow{
	padding: 30px 0 10px 32px;
}
.els-change-settings .els-greyText{
	padding-bottom: 26px;
}
.els-notification{
	border-top: 2px solid #009ece;
	background-color: #f5f5f5;
}
.els-notification .els-icon-closing-nojs{
	margin: 8px 28px 0 0;
	float: right;
	background-color: #f5f5f5;
	text-decoration: none;
}
.els-info-icon{
	width: 32px;
	height: 32px;
	background: #009ece;
	margin: 30px 10px 0 32px;
	display: inline-block;
	padding: 6px 0 0 12.5px;
    color: #fff;
    font-size: 1.5em;
}
.els-changed-notification{
	display: inline-block;
}
.els-changed-info, .els-changed-info-link{
	padding: 16px 32px 22px 32px;
	line-height: 24px;
}
.els-changed-info .tryAgain{
	color: #007398;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
}
.els-changed-info .tryAgain:hover{
	color: #e9711c;
	text-decoration: underline;
	cursor: pointer;
}
/* change settings end */

/* settings end */

/*global footer*/
.els-footer {
    border-top: 2px solid #E9711C;
    padding: 20px 32px 25px 32px;
    background-color: #ffffff; 
}
.els-footer .els-footer-logo {
	width: auto;
    padding-bottom: 1rem;
    vertical-align: top;
    display: inline-block;
}
.els-footer .els-footer-logo img {
  	width: 150px; 
    height: 25px;
}
.els-footer .els-footer-logo a:hover {
  	border-bottom: 0px; 
}
.els-footer .els-document-links { 
    color:#505050;
    display: inline-block;
    padding: 13px 0 0 32px;
}
.els-footer .els-footer-reed-logo {
	display: inline-block;
	float: right;
	padding-top: 28px;
}
.els-footer .els-footer-reed-logo img {
  	width: 118px;
  	height: 25px; 
}
.els-footer .els-document-link {
	width: 100%;
	margin-right:32px; 
	text-decoration: none;
	color: #505050; 
}
.els-footer .els-document-link.cookie{
	color: #007398;
}
.els-footer .els-document-link:hover{
	text-decoration: underline;
	color: #e9711c;
	-webkit-transition:.3s ease;
    transition:.3s ease;
}
.els-footer .els-document-link-row {
	padding-bottom: 9px; 
	font-size: 14px;
}
.els-footer-noImage .els-footer .els-footer-reed-logo {
	float: right;
	margin-top: 37px;
}
.els-hideForm .close-form{
	visibility: hidden;
}

/*Quick start-Choose Account*/

.choose-account-quickstart{
  	height: 96px;
  	background-color: #f5f5f5;
  	margin: 23px 32px;
}
.choose-account-quickstart:after{
	clear: both;
}
.userImage{
  	width: 63.3px;
  	height: 64px;
  	margin: 15px 30px;
  	float: left;
}
#maincontent .userImage img[alt]{
	color: #505050;
	font-size: 0.875em;
	font-family: NexusSans,arial,sans-serif;
	width: 62px;
	height: auto;
	word-break: break-word;
}
.userImage .els-quick-avatar:before{
	content: ' ';
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    background-color: #fff;
    background-image: url('../../images/elsevier/quickAvatar.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.userDetails{
    float: left;
    margin: 15px 5px 15px 0px;
    width: 70%;
}
.userEmail{
	float: left;
    width: 90%;
	text-align: left;
}
.emailId{
  	font-size: 1.25em;
  	line-height: 1.4;
  	color: #505050;   
  	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; 
}
.emailId span{
    word-break: break-word;
}
.navigate-right-arrow{    
	float: left;
    width: 10%;
    text-align: center;
    line-height: 64px;
	padding-left: 18px;
}
.navigate-right-arrow a{ 
	text-decoration: none;
}
.signed{
  	width: 151px;
  	height: 22px;
  	font-size: 1em;
  	color: #939393;
}
.form-row .emailId{
	text-align: center;
}
.form-row .emailId.els-inline{	
	display: inline;
	width: 65%;
	float: left;
	text-align: right;
	padding-right: 10px;
	line-height: 20px;
}
.form-row .ss-write{
	text-decoration: none;
	font-size: 0.8em;
}
.els-avatar-bg ~ .form-row{
	margin-top: 14px;
}
.els-avatar-bg ~ .form-row ~ .form-row.password{
	margin-top: 50px;
}
.els-avatar-bg ~ .form-row-inline ~ .form-row.password{
	margin-top: 135px;
}
.els-avatar-bg ~ .form-row{
	text-align: center;
}
.els-avatar-bg ~ .form-row.password{
	text-align: left;
}
/*Quick start-Choose Account end  */
#hideButton #register_continue{
	display: none;
}
#askShadow #els-close, #askShadow #els-switch-account{
	visibility: hidden;
}
/*responsive for phones, below the range of ipad*/
@media screen and (max-width:821px) {
	.els-footer .els-footer-reed-logo{
		float: left;
	}
}
@media screen and (max-width:767px) {
	/* breakpoint for settings */
	.els-settings-left{
		display: none;
	}
	.els-account-header{
		height: 120px;
	}
	.els-settings-main{
		float: none;
		margin: 24px 16px 10% 16px;
		width: auto;
		left: 0;
	}
	.els-account{
		padding: 4px 0 0 16px;
		font-size: 1.750em;
	}
	.els-elsevier-logo{
		padding: 44px 0 5px 16px;
	}
	.els-profile{
		display: none;
	}
	.els-spine-icon{
		display: inline-block;
	}
	.form-row-disabled label{
		padding-bottom: 8px;
		font-size: 1.250em;
	}
	.els-settings-main .els-account-flow{
		margin: 40px 0 2% 0;
		font-size: 1.500em;
	}
	.els-settings-main .els-account-flow:first-of-type{
		margin: 8px 0 2% 0;
	}
	.disableddiv .disabled{
		font-size: 1.125em;
		padding: 32px 0 32px 16px;
	}
	.els-edit-icon{
		padding-right: 16px;
	}
	.els-notification .els-icon-closing-nojs{
		position: relative;
		margin: 8px 12px 0 0;
	}
	.els-info-icon{
		margin: 30px 10px 0 16px;
	}
	.els-changed-info, .els-changed-info-link{
		padding: 16px 16px 22px 16px;
	}
	.els-spine-right.active-spine{
		display: block;
		right: 0;
		width: 255px;
		background: #4a4a4a;
		color: #b9b9b9;
		-webkit-transition: right 350ms ease-in-out;
    	transition: right 350ms ease-in-out;
	}
	.els-spine-right.active-spine .els-href{
		color: #dcdcdc;
	}
	.els-spine-right.active-spine .els-href:active,.els-spine-right.active-spine .els-href.active-link{
		color: #e9711c;
		text-decoration: underline;
	}
	.els-spine-right.active-spine .els-href:hover{
		text-decoration: none;
	}
	.els-spine-right.active-spine .els-account-info{
		background: #000;
		height: 80px;
	}
	.els-spine-right.active-spine .els-settings-right-list{
		background: #323232;
	}
	.els-spine-right.active-spine .els-spine-signout{
		background: #4a4a4a;
	}	
	.els-change-settings .els-profile{
		display: block;
	}	
	.els-notification .els-icon-closing-nojs{
		position: relative;
	}
	.els-footer-noImage .els-footer .els-footer-reed-logo{
		float: right;
	}	
}
/* @media screen and (min-width: 636px) and (max-width:766px) {
	.els-footer .els-document-links{
		padding-left: 0;
	}
}
@media screen and (min-width: 545px) and (max-width:635px) {
	.els-footer .els-document-links{
		padding-left: 0;
	}
} */
@media screen and (min-width: 512px) and (max-width:766px) {
	.els-footer{
		padding: 20px 16px 25px 16px;
	}
	.els-footer .els-footer-reed-logo{
		float: none;
	}
	.els-footer .els-document-links{
		padding-left: 0;
	}

}
@media screen and (max-width:511px) {
	.container-fluid{
		max-width:100%;
		margin: 0;
		overflow: auto;
		border: none;
		/* min-height: 52vh; */
	}
	.els-flow-msg{
		font-size: 1.5em;
	}
	.client-info-header,.els-footer .els-footer-logo{
		display: none;
	}
	.els-choose{
		margin: 7% 16px 0 16px;
	}
	.els-signin-form .form-row.password,.els-signin-form .form-row.resetpassword{
		padding: 0 16px 0 16px;
	}
	.close-form{
		margin: 0;
		overflow: auto;
	}
	.els-flow-msg{
		padding: 0 16px 0 16px;
		margin-top: 10.6%;
	}
	.els-signin-client{
		padding: 0 16px 0 16px;
		margin-top: 3%;
	}
	.shibb-flow-form .els-stay-signed.register{
		padding: 22px 0 3% 6.3%;
	}
	.els-stay-signed,.els-stay-signed.register{
		padding-left: 16px;
		width: 97%;
	}
	.els-greyText{
		padding:0 16px 5% 16px;
	}
	.els-icon-closing-nojs{
		position: absolute;
	    top: 0;
	    right: 0;
	    margin: 2.2% 2.2% 0 0;
	}
	.els-primaryBtn,.els-primaryBtn:visited{
		width: 93%;
		margin: 12px 15px 48px 15px;
	}
	.els-primaryBtn ~ .els-step-back {
	    margin-top: 0px;
	}
	.els-checkbox-wrapper label{
		font-size:0.875em;
		width: 130%;
    	text-align: left;
    	padding-left: 26px;
	}
	.els-forgot-password {
	    padding-right: 6px;
	}
	.choose-form,.choose-form.active{
		margin: 5% 0 5% 0;
	}
	.els-shibb{
		margin: 3% 16px 8% 16px;
	}
	.els-footer-list{
		padding: 4% 16px 3.2% 16px;
	}
	.els-footer .els-document-links{
		padding-left: 16px;
	}
	.els-connect-search{
		margin: 0 16px 0 16px;
	}
	.els-institution-dropdown{
		margin: 0 16px 5% 16px;
	}
	#submitToChoose{
		padding: 3% 0 3% 0;
	}
	.els-connect-continue .disabled{
		padding: 5px 16px 7px 16px;
	}
	#maincontent .els-profile-icon{
		margin-top: 5.5%;
	}
	.shibb-flow-form .els-primaryBtn,.shibb-flow-form .els-primaryBtn:visited{
		margin-top: 7%;
	}
	.checkbox-wrapper label{
		width: 50%;
	}
	.els-settings-header-popup, .els-change-settings .els-account-header, .els-change-settings .els-footer{
		display: none;
	}
	.els-change-settings .els-white{
		background: none;
	}
	.els-change-settings .els-settings-main{
		margin-top: 29px;
	}
	.els-change-settings .els-settings-main .els-account-flow{
		padding: 0 0 0 16px;
	}
	.els-change-buttons{
		padding: 0 16px 0 0;
	}
	.els-notification .els-icon-closing-nojs{
		position: relative;
		margin: 8px 12px 0 0;
	}
	.els-info-icon{
		margin: 30px 10px 0 16px;
	}
	.els-changed-info, .els-changed-info-link{
		padding: 16px 16px 22px 16px;
	}
	.choose-account-quickstart{
		margin: 23px 16px;
		height: 80px;
	}
	.userDetails{
		margin: 10px 5px;
	}
	.navigate-right-arrow{
		padding-left: 10px;
	}
	.userImage{
		margin: 0 10px 0 0;
	}
	#maincontent .userImage img[alt]{
		margin: 0;
	}
	.emailId{
		font-size: 18px;
	}
	.signed{
		font-size: 16px;
	}
	.els-footer{
		padding: 20px 16px 25px 16px;
	}
	.els-footer .els-footer-reed-logo{
		padding-top: 0;
	}
	.els-footer .els-footer-reed-logo img{
		padding: 8px 0 0 0;
		width: 110px;
	}
	.els-footer-noImage .els-footer .els-footer-reed-logo{
		float: left;
		margin-top: 0;
	}
	.els-footer .els-document-links{
		padding-left: 0;
	}
	.els-footer .els-document-link{
		margin-right: 1rem;
	}
	.els-footer .els-footer-reed-logo{
		float: left;
	}
}
@media screen and (max-width: 480px){
.els-primaryBtn,.els-primaryBtn:visited{
		width: 92%;
		margin: 12px 1.2% 48px 1.2%;
	}
}
/*SigninwithInstitution*/

.ico-institution {
    font-size: 2.8em;
    color: #fff;
    position: relative;
    top: 5px;
}
.els-institution-quickstart {
    color: #505050;
    padding: 5px 32px 7px 32px;
    font-size: 1em;
}
.els-greyText-institution-quickstart {
    font-size: 1.000em;
    padding: 0 32px 5% 32px;
    color: #818181;
    text-align: center;
    width: 100%;
    line-height: 1.3;
}
.els-sub-footer-list-quickstart .els-greyText {
    text-align: center;
    font-size: 1em;
    margin-bottom: 1%;
    padding-bottom: 0;
}
.els-sub-footer-list-quickstart {
    padding-top: 4%;
    background-color: #f5f5f5;
}
#els-addDetails .els-edit-icon{
	padding: 0;
	float: none;
}
#els-addDetails .form-row .disabled{
	text-align: center;
	border-bottom: none;
	display: inline;
}
.els-inline{
	display: inline;
	width: 50%;
	float: left;
	padding-right: 10px;
}