html,
body { height: 100%; overflow:auto;}
body {background: #eee; color: #747474;}
.alert {border-radius: 0;}
header { margin: 30px auto 0 auto; padding:10px;text-align: center; padding-top: 20px;}
header hgroup h1 { background: url(/def/images/logos/covisint-210x41.png) 0 0 no-repeat; width:210px; height: 41px;   margin: 0 auto; }
header hgroup h2 { margin-top: 40px; font:normal 24px 'helvetica neue',helvetica,arial,verdana,sans-serif; color:#747474; }

h3.smaller { font-size: 22px;}

.container {
    width: 360px;
    margin: 30px auto 0 auto;
    background: #fff;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    box-shadow: rgba(0,0,0,0.14902) 0px 1px 1px 0px,rgba(0,0,0,0.09804) 0px 1px 2px 0px;
  }
article {
    width: 360px;
    margin: 0 auto;
    padding: 10px;
    }
.terms { margin-bottom: 45px; display: block;}
footer { position: absolute; bottom: 30px; width: 100%; height: 10px; }
footer a { margin-right: 10px; cursor: pointer;}
footer a h1 { font-size: 12px; display: inline;}
footer small {margin: 10px 20px; display: block; color:#777;}
footer small .left-span {width: 50%;}
.modal-content {border-radius: 0;}
/* form starting stylings ------------------------------- */
.forgotUserIdForm,
.forgotPasswordForm,
#mainForm,
.challengeQuestionsForm,
.twoFactorAuthEmailForm { margin: 20px 0; }

.column {padding: 30px;}
.group { position:relative; margin-bottom:45px; }

input {
  font-size:18px;
  padding:12px 10px 10px 5px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #757575;
  -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #298CC4 4%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #298CC4 4%);
  background-position: -298px 0;
  background-size: 298px 100%;
  background-repeat: no-repeat;
  color: #298CC4;
  font-weight:400;
}
/* remove red outline for required elements in FF only */
@-moz-document url-prefix() { 
  input:required {
     box-shadow: none;
  }
}
/* Microsoft Edge Browser 12+ (All) */
@supports (-ms-ime-align:auto) {
  input { padding: 14px 10px 10px 5px; }
}
input:focus,
input:valid {
 box-shadow: none;
 outline: none;
 background-position: 0 0;
}
input:focus::-webkit-input-placeholder,
input:valid::-webkit-input-placeholder {
 color: #298CC4;
 font-size: 14px;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
 visibility: visible !important;
 border-bottom: 0;
 -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
}

button {
  border-radius: 0!important; border-bottom: 2px solid #04729E;
  transition:0.2s ease all;
}

button:hover {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
}

#password_policies, 
#password_policies2, 
#password_policies3 {
    background-color: white;
    border-width: 1px !important;
    padding-bottom: 0px;
}
#password_policies ul, 
#password_policies2 ul, 
#password_policies3 ul {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#password_policies ul li, 
#password_policies2 ul li, 
#password_policies3 ul li {
    line-height: 16px;
    margin-left: 25px;
    vertical-align: top;
    list-style-image: url(/images/invalid.gif);
}
.x-ie7 #password_policies ul li, 
.x-ie7 #password_policies2 ul li, 
.x-ie7 #password_policies3 ul li {
    padding-top: 2px;
    padding-left: 7px;
    margin-left: 20px;
}
#password_policies ul .valid, 
#password_policies2 ul .valid, 
#password_policies3 ul .valid {
    list-style-image: url(/images/valid.gif);
}
.x-tip-anchor {
    border-style: hidden !important;
    border-width: 0 !important;
}

/* Page specific CSS ===============*/
/* twoFactorAuthEmail.jsp */
.modal-body button,
.modal-footer button { border-radius: 0; }
.modal-body label { position: relative;top: 0;left: 0;}
#callinglabel,
#retrylabel {display:none;}
.blue-loading { width:20px; height:20px;}

.tfaTypeForm input { width: auto;display:inline;}
.tfaTypeForm label { position: relative;left: 0;top: 0;}
.tfaTypeForm input:valid ~ label { top:0; color:#666;}
.tfaTypeForm p:first-child { margin: 20px 0; }
.tfaTypeForm .span-2fa { background: #f1f1f1; padding:5px 10px;}

#imgprograss { width: 40px; height: 40px; margin: 0 auto; display: block;}

@media only screen and (max-width : 1150px) {
	.container {
		width:360px;
		margin: 30px auto 0 auto;
	}
	.login-form,
	.social-form {
		float: none;
		width: auto;
	}
	.login-form {
		width: auto;
		padding-right: 0;
		border-right: none;
	}
	.social-form {
		margin-top: 20%;
		margin-bottom: 0;
	}
}

iframe { border: none; overflow: hidden; }

/* CRT 812022 */
.user-label span,
.pass-label span,
.vrfy-label span,
.email-label span,
.ssoId-label span,
.currentPass-label span,
.pass1-label span,
.pass2-label span,
.answer1-label span,
.answer2-label span{ display: none; }

/* IE9 only */
@media all and (min-width:0\0) and (min-resolution:.001dpcm){
    .user-label span,
	.pass-label span,
	.vrfy-label span,
    .email-label span,
    .ssoId-label span,
    .currentPass-label span,
    .pass1-label span,
    .pass2-label span,
    .answer1-label span,
    .answer2-label span { display: block; }
}

/* IDM-3165 
show autofocused label for FF, hide any/all others
*/
@-moz-document url-prefix() {
    .user-label span,
    .ssoId-label span,
    .email-label span,
    .answer1-label span,
    .currentPass-label span { display: block; }
	.pass-label span,
    .pass1-label span,
    .pass2-label span,
    .vrfy-label span, { display: none; }
}
.user-label,
.pass-label,
.vrfy-label,
.ssoId-label,
.email-label,
.currentPass-label,
.pass-label,
.pass1-label,
.pass2-label,
.answer1-label,
.answer2-label {display: inherit;}

.vrfy-label span {
	font-weight: bold;
}

/* Captcha related CSS */
input.vrfy-code {
	width: 50%; 
	height: 48px;
	float: left;
}

img.captcha-img {
	width: 125px;
	height: 48px;
	margin-left: 22px;
	cursor: pointer;
}