@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans:300,700');

@media all and (max-width: 720px) {
    #col_1 {
        display: none !important;
    }
    #col_2 {
        width: 100% !important;
    }
}

body, * { font-family: 'Open Sans', sans-serif; margin: 0px; }
h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; color: #404041; }
a, a:link, a:focus { text-decoration: none; }
a.swiss-link, a:link.swiss-link, a:focus.swiss-link { color: #dfa526; }
a.asme-link, a:link.asme-link, a:focus.asme-link { color: #dfa526; }
.zocial { color: #dfa526; }

.swiss a, .swiss a:link

.hideDiv { display: none; }

.centered {
	align-content: center !important;
	text-align: center !important;
}

.indented {
	margin-left: 1em;
	margin-right: 1em;
}

/*  FEEDBACK */
.alert {
    color: red;
    text-align: center;
}

/*  SECTIONS  */
#section {
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: table;
}
	.content { text-align: left; line-height: 1.7em; margin-top: 2em; margin-bottom: 2em;}
	.singleColorText { color: #dfa526; }

/*  IDP ACCOUNT LINKING */	
        .accountLinkingButton {
            background-color: rgb(223, 165, 38);
            box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.24);
            height: auto;
            padding: 10px;
            color: #fff;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14pt;
            font-weight: 300;
            border: none;
            border-radius: 0px;
            margin: auto;
        }
        .accountLinkingButtonContainer {
            text-align: center;
        }
/*  GRID OF TWO  */
	#col_1 { 
		float: left;
		width: 50%; 
		align-content: center;
		overflow: auto;
		display: table-cell;
	}
		img.logo {
			align-items: center;
			display: block;
			margin: auto;
			padding: 2em;
			width: 400px;
			height: 144px;
		}
		img.logo_asme {
			align-items: center;
			display: block;
			margin: auto;
			width: 100%;
		}
		img.logo_texspecs {
			align-items: center;
			padding-top: 4em;
			display: block;
			margin: auto;
            width: 400px;
		}
		.container_logo {
    		width: 550px;
    		height: auto;
    		align-content: center;
    		margin: auto;
    		padding-bottom: 2em;
		}
		p.logo_text {
		    font-size: small;
		}
		.container1 {
		  width: 80%;
		  height: auto;
		  align-content: center;
		  margin-left: 10%;
		  margin-right: 10%;
		}
		.welcome h1 { 
			margin:0; padding:0; 
			font-family: 'Montserrat', sans-serif;
			margin-top: 1em;
		}
		.headlineSection { 
			border-top: 1px solid #dfa526; border-bottom: 1px solid #dfa526;
			text-align:center;
			display: block;
			margin: auto;
		}
		.headlineSection h2{
			font-family: 'Open Sans', sans-serif;
			font-size: 22pt;
			font-weight: 300;
		}
		.extrabold { font-weight: 700; }
		.content p{ 	font-size: 14pt; line-height: 1.7em; margin-bottom: 1em; }
	
	#col_2 { 
		float: right;
		width: 50%; 
		background-color: #eeede9;
		background: url('../images/texture-light-bkg.png'); 
		background-repeat: repeat;	
		display: table-cell;
	}
		.container2 {
			border-style: solid;
			border-width: 1px;
			border-color: rgb(234, 234, 232);
			background-color: rgb(255, 255, 255);
			box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24);
			width: 50%;
			height: auto;
			align-content: center;
			text-align: center;
			margin: auto;
			margin-top: 15%;
			margin-bottom: 15%;
		}
		.container2 h1 { font-weight: normal; margin-top: 1em; }
		.white-background {
			background-color: white;
			margin: 1em 1em;
			padding: 0.25em 0em;
		}

		.login-container-asme {
			border-style: solid;
			border-width: 1px;
			border-color: rgb(234, 234, 232);
			box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24);
			width: 65%;
			height: auto;
			align-content: center;
			text-align: center;
			margin: auto;
			background-color: rgb(2, 87, 160);
		}
		.login-container-asme h1 { 
			color: white; 
			font-style: italic; 
			font-weight: normal; 
			margin-top: 1em; 
			font-family: serif;
		}
		.asme-login-header-text {
			padding: 0em 0.5em 0em 0.5em
		}

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

		.loginField,
		.content form {
			width: 80%;
			display: block;
			margin: auto;
		}
			input.inputField {
			  border-style: solid;
			  border-width: 2px;
			  border-color: rgb(234, 234, 232);
			  background-color: rgb(255, 255, 255);
			  height: 37px;
			  width: 100%;
			}
			.username {line-height: 2.0em;}
			.pasword {line-height: 2.0em;}
			.passLink {
				font-family: 'Open Sans', sans-serif;
				font-size: 10pt;
				font-weight: 300;
				line-height: 1.7em!important;
			}
			.buttonLogIn {
				background-color: rgb(223, 165, 38);
				box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.24);
				width: 140px;
				height: auto;
				padding: 10px;
				color: #fff;
				text-align: center;
				font-family: 'Open Sans', sans-serif;
				font-size: 14pt;
				font-weight: 300;
				border: none;
				border-radius: 0px;
				display: block;
				margin: auto;
			}				
			.buttonReset {
				background-color: rgb(223, 165, 38);
				box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.24);
				width: 70%;
				height: auto;
				padding: 10px;
				color: #fff;
				text-align: center;
				font-family: 'Open Sans', sans-serif;
				font-size: 14pt;
				font-weight: 300;
				border: none;
				border-radius: 0px;
				display: block;
				margin: auto;
			}
			.extraWords {
				margin-top: 1em;
				margin-bottom: 1em;
			}
			.extraWords p {
				font-size: 10pt;
				text-align: center;
				line-height: 1.3em;
			}

/** ASME-specific themes **/

.content.asme p { 
	font-size: 12.5pt;
	line-height: 1.7em;
	margin-bottom: 1em;
}

.asme-p-hero {
	font-size: 14.5pt;
}

#col_1_asme { 
	float: left;
	width: 60%; 
	align-content: center;
	overflow: auto;
	display: table-cell;
}

#col_2_asme { 
	float: right;
	width: 40%; 
	background-repeat: repeat;	
	display: table-cell;
}

.asme-footer {
	background-color: rgb(2, 87, 160);
	color: white;
	font-family: serif;
	font-size: 2.5em;
	text-align: center;
	padding: 0.25em 0em;
}

.footerTable
{
	border-bottom: 1px solid #dfa526;
	border-top: 1px solid #dfa526;
	/*        vertical-align: middle;*/
	display:  table;
	width: 100%;
	height: 50px;
}

.footerRow
{
	display:table-row;
	width:100%;
}

.footerCell {
	float:left;
	padding-top: 8pt;
	display:table-column;
}

.footerCellLeft {
	width:45%;
	margin-left: 15px;
}

.footerCellRight {
	width:50%;
	float: right;
    text-align: left;
}
/* (end ASME themes) */

/* PASSWORD UPDATE FORM */
.kc-passwd-update-form .alert {
	color: red;
	text-align: left;
}

.passwd-update-container {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(234, 234, 232);
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24);
	width: 30%;
	height: auto;
	align-content: center;
	text-align: center;
	margin: auto;
	margin-top: 2.5%;
	margin-bottom: 5%;
	padding-bottom: 15px;
	padding-left: 1em;
	padding-right: 1em;
}