@font-face {
    font-family: 'OTSansBold';
    src: url('/fonts/otsans-bold.woff2') format('woff2'), url('/fonts/otsans-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OTSansLight';
    src: url('/fonts/otsans-light.woff2') format('woff2'), url('/fonts/otsans-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OTSansRegular';
    src: url('/fonts/otsans-regular.woff2') format('woff2'), url('/fonts/otsans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "OpenText Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/OpenTextSans_W_Rg.eot");
  src: url("../fonts/OpenTextSans_W_Rg.woff2") format("woff2"), url("../fonts/OpenTextSans_W_Rg.woff") format("woff");
}
@font-face {
  font-family: "OpenText Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/OpenTextSans_W_Lt.eot");
  src: url("../fonts/OpenTextSans_W_Lt.woff2") format("woff2"), url("../fonts/OpenTextSans_W_Lt.woff") format("woff");
}
@font-face {
  font-family: "OpenText Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/OpenTextSans_W_Bd.eot");
  src: url("../fonts/OpenTextSans_W_Bd.woff2") format("woff2"), url("../fonts/OpenTextSans_W_Bd.woff") format("woff");
}
@font-face {
  font-family: "OpenText Sans";
  font-style: normal;
  font-weight: 150;
  src: url("../fonts/OpenTextSans_W_Bd.eot");
  src: url("../fonts/OpenTextSans_W_Bd.woff2") format("woff2"), url("../fonts/OpenTextSans_W_Bd.woff") format("woff");
}
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: -webkit-sticky; /* Safari */ position: sticky; 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 { display:inline;}
.tfaTypeForm label { position: relative;left: 0;top: 0;display: initial;}
.tfaTypeForm p:first-child { margin: 20px 0; }
.tfaTypeForm P {
    color: #fff!important;
}
.tfaTypeForm .span-2fa { 
    background: #f1f1f1;
    padding: 10px 20px;
    border-radius: 50px;
    width: auto;
}

#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; }

.signon-app p.alert{
    /* width: 300px; */
    /* margin: 0 auto; */
    /* border-radius: 5px; */
    display: block;
    color: #000;
    /* background: #3A4673; */
}

.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,
label span{ 
    color:#000; 
    font-weight: normal;
    position: relative;
    /* left: -12px; */
}

/* CRT 812022 */
/* .user-label span,
.pass-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; } */

.vrfy-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 { display: block!important; }
    .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,
label {
    display: inherit;
    font-weight: normal;
}

/*IDM-5536 : CSS to always show the questions in TWO-FA SecQ page Starts*/
.two_auth_security_quest_div{
	height: auto;
}

.two_auth_security_quest_div .two_auth_security_ans:focus + .two_auth_security_quest_label,
.two_auth_security_quest_div .two_auth_security_ans:valid + .two_auth_security_quest_label {
    font-size: 14px;
    transform: translateY(-55px);
}

/*IDM-5536 : CSS to always show the questions in TWO-FA SecQ page Ends*/

#form1 .group .user-label span,
#form1 .group .pass-label span{
    display: block;
}

.no-secq{
	color: red;
}

.show-password{
	margin-top: -45px;
    float: right;
    padding-top: 12px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    font-size: 18px;
    font-weight: 400;
	cursor: pointer;
}
.hide-password{
	margin-top: -45px;
    float: right;
    padding-top: 12px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    font-size: 18px;
    font-weight: 400;	
	display:none;	
	cursor: pointer;
}
.rememberUsername{
	width:15px;
	float: left;
	font-size: 18px;
    font-weight: 400;
	margin-top:4px;
}
.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
}
.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;
}
/** Onetrust cookie link changes in footer */
footer small .left-span-small {width: 44%;}

.footer-link { margin-right: 0px; cursor: pointer; color:#777;}