:root {
	/*Colors*/
	--linde-blue-100: #005591;
	--linde-blue-70: #4C88B2;
	--linde-blue-50: #7FAAC8;
	--linde-blue-30: #B2CCDE;
	--linde-cyan: #00A0E1;
	--linde-light-gray-100: #D2E1EB;
	--linde-light-gray-70: #DCE6EB;
	--linde-light-gray-50: #E8F0F5;
	--linde-light-gray-30: #F1F6F9;
	--linde-blue-gray-100: #B9CDD7;
	--linde-blue-gray-90: #C0D2DB;
	--linde-blue-gray-80: #C7D7DF;
	--linde-blue-gray-70: #CEDCE3;
	--linde-blue-gray-60: #D5E1E7;
	--linde-blue-gray-50: #DCE6EB;
	--linde-blue-gray-40: #E3EBEF;
	--linde-blue-gray-30: #EAF0F3;
	--linde-blue-gray-20: #F1F5F7;
	--linde-blue-gray-10: #F8FAFB;
	--linde-gray-100: #6E7878;
	--linde-gray-70: #99A0A0;
	--linde-gray-50: #B6BBBB;
	--linde-gray-30: #D3D6D6;
	--linde-red-100: #E1000F;
	--linde-red-70: #EA4C57;
	--linde-green-100: #009B3C;
	--linde-green-70: #4CB976;
	--linde-primary-hover: #007AB9;
	--linde-secondary-hover: #A8C5D9;
	--linde-button-text: #ffffff; 
	--linde-gradient: linear-gradient(90.12deg, rgba(206, 220, 227, 0) 0%, #EAF0F3 100%);


	/*Fonts*/
	--font-family: "LindeDaxGlobal";
	--font-family-medium: 'LindeDaxGlobal Medium', Arial;
}

body {
    background: var(--linde-gradient)!important;
}

.intro h2 {
	font-family: var(--font-family);
	color: var(--linde-blue-100);
	font-weight: 400;
	font-size: 24px;
	line-height: 84px;
}

#title-page {
	font-family: var(--font-family);
	color: var(--linde-blue-100);
	font-weight: 400;
	font-size: 22px;
	margin-bottom: -16px;
}
.image-container {
	margin-top: 4%;
	margin-bottom: 20%;
	display: flex;
	justify-content: center;
	height: 72px;
}

.container {
	margin-top: 4%;
}

.row {
	width: 100%;
    margin: 0!important;
    display: table-cell;
	justify-content: center;
}

.col-lg-6 {
	max-width: 400px;
	width: 30%!important;
    float: none;
    display: block;
    vertical-align: top;
    padding: 0;
}
.panel-default {
    background: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 0px;
	padding: 36px;
}

.panel-body {
    width: inherit;
    padding-bottom: 50px;
}

/*Forms*/
.entry-item {
	margin-bottom: 1rem;
}

.entry-item label {
	font-family: var(--font-family);
	color: var(--linde-blue-100);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	display: block;
	margin-bottom: 0.5rem;
}

.entry-item input {
	font-family: var(--font-family);
	color: var(--linde-blue-100);
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	border-radius: 0px;
	background: #ffffff;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--linde-blue-gray-100);
	transition: background-color 0.15s, border-color 0.15s, box-shadow inset 2px 2px 6px rgba(185, 205, 215, 0.8);
	appearance: none;		
    width: 100%;

}
.entry-item input:enabled:hover {
	border: 1px solid #007AB9;
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
	border-color: var(--linde-cyan);
}
.entry-item input:enabled:focus {
	outline: 0 none;
	outline-offset: 0;
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
	border-color: var(--linde-cyan);
}
.entry-item input.ng-dirty.ng-invalid {
	border-color: var(--linde-red-100);
}

.entry .buttons {
	padding-top: 27px;
}

.entry button {
	width: 100%;
	color: var(--linde-button-text);
	background: var(--linde-cyan);
	border: 1px solid var(--linde-cyan);
	padding: 0.5rem 0.75rem;
	font-family: var(--font-family);
	font-size: 16px;
	transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
	border-radius: 0px;
	cursor: pointer;
}
.entry button:enabled:hover {
	background: var(--linde-primary-hover);
	color: var(--linde-button-text);
	border-color: var(--linde-primary-hover);
}
.entry button:enabled:active {
	background: #0062cc;
	color: var(--linde-button-text);
	border-color: #0062cc;
}

#forgotPassword, .container a {
	font-family: var(--font-family-medium);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	text-decoration-line: underline;
	color: var(--linde-cyan);
}

.VerificationControl {
	display: inline;
}

#attributeList ul li .helpLink {
    display: none;
}
#attributeList ul li .helpLink.tiny {
    display: none;
}
.buttons #change {
	display: none;
} 
#emailVerificationControl_but_change_claims {
	display: none!important;
}

.buttons #cancel, .buttons #continue {
	width: 100%;
   color: var(--linde-button-text);
   background: var(--linde-cyan);
   border: 1px solid var(--linde-cyan);
   padding: 0.5rem 0.75rem;
   font-family: var(--font-family);
   font-size: 16px;
   transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
   border-radius: 0px;
   cursor: pointer;
   margin-bottom: 4%;
}

.buttons #continue {
	display: none;
}

.buttons {
    position: relative;
	height: 36px;
}
.buttons button {
	width: 44%;
	color: var(--linde-button-text);
	background: var(--linde-cyan);
	border: 1px solid var(--linde-cyan);
	padding: 0.5rem 0.75rem;
	font-family: var(--font-family);
	font-size: 16px;
	transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
	border-radius: 0px;
	cursor: pointer;
	margin-bottom: 4%;
}


.buttons button:enabled:hover {
	background: var(--linde-primary-hover);
	color: var(--linde-button-text);
	border-color: var(--linde-primary-hover);
}
.buttons button:enabled:active {
	background: #0062cc;
	color: var(--linde-button-text);
	border-color: #0062cc;
}
ul {
	padding: 0;
}
#attributeList ul {
	padding: 0;
}


.attrEntry label {
	font-family: var(--font-family);
	color: var(--linde-blue-100);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	display: block;
	margin-bottom: 0.5rem;
}

.attrEntry input {
	font-family: var(--font-family);
	color: var(--linde-blue-100);
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	border-radius: 0px;
	background: #ffffff;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--linde-blue-gray-100);
	transition: background-color 0.15s, border-color 0.15s, box-shadow inset 2px 2px 6px rgba(185, 205, 215, 0.8);
	appearance: none;		
    width: 100%;
	margin-bottom: 8%;

}
.attrEntry input:enabled:hover {
	border: 1px solid #007AB9;
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
	border-color: var(--linde-cyan);
}
.attrEntry input:enabled:focus {
	outline: 0 none;
	outline-offset: 0;
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
	border-color: var(--linde-cyan);
}
.attrEntry input.ng-dirty.ng-invalid {
	border-color: var(--linde-red-100);
}

.attrEntry .error {
	color: var(--linde-red-100);
    font-size: 12px;
    margin-bottom: 3%;
}

.entry-item .error {
	color: var(--linde-red-100);
    font-size: 12px;
    margin-bottom: 3%;
}

#requiredFieldMissing {
	color: var(--linde-red-100);
    font-size: 12px;
    margin-bottom: 3%;
}
 .intro {
	display: none;
 }
.verificationSuccessText {
	display: none;
}

.buttons #next {
	width: 100%;
}

.buttons .sendCode {
	width: 100%;
}

#emailVerificationControl_but_verify_code {
	width: 100%;
	margin-bottom: 8px;
}

#emailVerificationControl_but_send_new_code {
	width: 100%;
}

#attributeList ul {
	list-style: none;
}

@media only screen and (max-width:490px) {
	.container{
		margin-top:20%;
	}

	.col-10 {
		width: 100%!important;
		max-width: 100%!important;
	}

	body {
		background: white!important;
	}

	img {
		width: 100%!important;
	}
}