@import url("../../layout/ui.layout.html");

.loginScreenBanner {
	width: 100%;
	height: 660px;
	background-image:
		url('../../images/modules/login/banner_final_v2.html');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}

.img-responsive1, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img,
	.carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	min-height: 450px;
}

.helpDeskPanel {
	height: 40px;
	width: 270px;
	background-color: black;
}

.helpDeskPanelRestFont {
	font-size: 13px;
	color: #ffd02c;
}

.userIdIcon {
	width: 28px;
	height: 28px;
	background-image: url('../images/password.png');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
	cursor: pointer;
}

.passwordIcon {
	width: 28px;
	height: 28px;
	background-image: url('../images/user_id.png');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
	cursor: pointer;
}

.logInButtonStyle {
	font-weight: bold;
	color: #ffd02c;
	background-color: #000000;
	border: 1px;
	border-color: #d87133;
}

.logInButtonStyle:after {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	border: 1px #d87133;
	opacity: 0;
}

.logInButtonStyle:active:after {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	border: 1px #d87133;
	opacity: 1;
}

.latestNewsPanel {
	background-color: #f2f2f3;
	width: 100%;
	display: block;
}

.newsIcon {
	width: 69px;
	height: 65px;
	background-image: url('../../images/modules/login/news-icon.html');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}

.latestNewsStyle {
	color: #CCDBFE;
	font-family: Roboto-Medium;
	font-size: 3vw;
}

.userId {
	font-size: 0.9vw;
	color: #eab53f;
	font-family: Roboto-Bold;
	cursor: pointer;
}

.password{
	font-size: 0.9vw;
	color: #eab53f;
	font-family: Roboto-Bold;
	cursor: pointer;
}

.newsDetailTextFirstPanel {
	font-size: 20px;
	color: #333333;
}

.newsDateDetailFirstPanel {
	font-size: 20px;
	color: #666666;
}

.newsDetailTextSecondPanel {
	font-size: 1vw;
	color: #B7B6B6;
	font-family: Roboto-Regular;
}

a.continueReadingSecondNewsPanel {
	font-size: 16px;
	color: #666666;
}

a.continueReadingSecondNewsPanel:hover {
	font-size: 16px;
	color: #666666;
	text-decoration: underline;
}

a.continueReadingSecondNewsPanel:visited {
	font-size: 16px;
	color: #666666;
}

.viewAllNewsButton {
	font-weight: bold;
	font-size: 19px;
	border: 1px;
	border-color: #d87133;
	width: 215px;
	height: 60px;
}

.footerPanel {
	height: 85px;
	background-color: #000000;
	padding-left: 20px;
	padding-right: 50px;
}

.footerPanelBeforeLogin {
	background-color: #171A2B;
	padding-left: 20px;
	padding-right: 40px;
	width: 100%;
}

.footerTATALogo {
	width: 78px;
	height: 18px;
	background-image: url('../../images/modules/login/tata.html');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;
}

.ultimatixTataLogoRight {
	margin: 0px;
	padding: 0px;
	height: 14px;
	width: 71px;
	overflow: hidden;
	background-image: url("../../images/modules/login/tata_logo.html");
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin-right: 20px;
}

.ultimatixTataLogoLeft {
	margin: 0px;
	padding: 0px;
	height: 14px;
	width: 218px;
	overflow: hidden;
	background-image: url('../../images/modules/login/tcs_logo.html');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin-left: 19px;
}

ul.a {
	list-style-type: square;
}

.pageBckground1 {
	background-color: #fffdea;
	width: 100%;
	display: block;
}

.declarationTextCss {
	font-family: Roboto-Regular;
	font-size: 13px;
	text-align: left;
	padding-bottom: 10px;
}

.shiftCss {
	padding-left: 47px;
}

/* New Responsive UI related CSS Changes */
.container {
	position: relative;
	width: 50%;
	max-width: 300px;
}

.image {
	display: block;
	width: 100%;
	height: auto;
}

.overlay {
	float: right;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

.input-group-addon {
	padding: 2px 4px;
}

@media ( max-width : 767px) {
	.paddingLoginDiv {
		margin-left: 100px;
	}
	.marginSpaceLoginDiv {
		margin-top: 0px;
	}
	a.registerUrl {
		font-size: 1.7vw;
		color: #eab53f;
		font-family: Roboto-Bold;
		cursor: pointer;
	}
	a.registerUrl:hover {
		font-size: 1.7vw;
		color: #eab53f;
		font-family: Roboto-Bold;
		text-decoration: underline;
		cursor: pointer;
	}
	a.registerUrl:visited {
		font-size: 1.7vw;
		color: #eab53f;
		font-family: Roboto-Bold;
		cursor: pointer;
	}
	.newUserFont {
		font-size: 1.7vw;
		color: #FFFFFF;
		font-family: Roboto-Bold;
	}
	.textInsideTextFieldFont {
		font-size: 2.2vw;
		color: #333333;
		font-family: Roboto-Regular;
	}
	.separaterUserFont {
		font-size: 1.35vw;
		color: #eab53f;
		font-family: Roboto-Bold;
	}
	.dividerFont {
		font-size: 1.35vw;
		color: #eab53f;
		font-family: Roboto-Regular;
	}
	a.disClaimerFont {
		font-size: 1.35vw;
		color: #eab53f;
		font-family: Roboto-Regular;
		outline: none;
	}
	a.disClaimerFont:visited {
		font-size: 1.35vw;
		color: #eab53f;
		font-family: Roboto-Regular;
	}
	a.disClaimerFont:hover {
		font-size: 1.35vw;
		color: #eab53f;
		text-decoration: underline;
		font-family: Roboto-Regular;
		outline: none;
	}
	a.disClaimerFont:focus {
		font-size: 1.35vw;
		color: #eab53f;
		text-decoration: none;
		font-family: Roboto;
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: 1px;
	}
	.footerCopyRight {
		font-size: 12px;
		color: #ffffff;
		font-family: Roboto;
	}
	a.newsDetailTextCSS {
		font-size: 1.7vw;
		color: #B7B6B6;
		font-family: Roboto;
	}
	a.newsDetailTextCSS:hover {
		font-size: 1.7vw;
		color: #B7B6B6;
		font-family: Roboto-Regular;
		text-decoration: underline;
	}
	a.newsDetailTextCSS:visited {
		font-size: 1.7vw;
		color: #B7B6B6;
		font-family: Roboto-Regular;
	}
	a.helpDeskPanelFont {
		font-size: 1.7vw;
		color: #ffd02c;
		outline: none;
	}
	a.helpDeskPanelFont:visited {
		font-size: 1.7vw;
		color: #ffd02c;
		outline: none;
	}
	a.helpDeskPanelFont:hover {
		font-size: 1.7vw;
		color: #ffd02c;
		text-decoration: underline;
		outline: none;
	}
	a.helpDeskPanelFont:focus {
		font-size: 1.7vw;
		color: #eab53f;
		text-decoration: none;
		font-family: Roboto-Regular;
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: 0px;
	}
}

@media ( min-width : 768px) {
	.paddingLoginDiv {
		margin-left: 0px;
	}
	.marginSpaceLoginDiv {
		margin-top: 0px;
	}
	a.registerUrl {
		font-size: 1.32vw;
		color: #eab53f;
		font-family: Roboto-Bold;
		cursor: pointer;
	}
	a.registerUrl:hover {
		font-size: 1.32vw;
		color: #eab53f;
		font-family: Roboto-Bold;
		text-decoration: underline;
		cursor: pointer;
	}
	a.registerUrl:visited {
		font-size: 1.32vw;
		color: #eab53f;
		font-family: Roboto-Bold;
		cursor: pointer;
	}
	.newUserFont {
		font-size: 1.45vw;
		color: #FFFFFF;
		font-family: Roboto-Bold;
	}
	.textInsideTextFieldFont {
		font-size: 1.1vw;
		color: #333333;
		font-family: Roboto-Regular;
	}
	.separaterUserFont {
		font-size: 1.1vw;
		color: #eab53f;
		font-family: Roboto-Bold;
	}
	.dividerFont {
		font-size: 1.1vw;
		color: #eab53f;
		font-family: Roboto-Regular;
	}
	a.disClaimerFont {
		font-size: 1.1vw;
		color: #eab53f;
		font-family: Roboto-Regular;
		outline: none;
	}
	a.disClaimerFont:visited {
		font-size: 1.1vw;
		color: #eab53f;
		font-family: Roboto-Regular;
	}
	a.disClaimerFont:hover {
		font-size: 1.1vw;
		color: #eab53f;
		text-decoration: underline;
		font-family: Roboto-Regular;
		outline: none;
	}
	a.disClaimerFont:focus {
		font-size: 1.1vw;
		color: #eab53f;
		text-decoration: none;
		font-family: Roboto-Regular;
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: 0px;
	}
	.footerCopyRight {
		font-size: 1.1vw;
		color: #ffffff;
		font-family: Roboto-Regular;
	}
	a.newsDetailTextCSS {
		font-size: 1.45vw;
		color: #B7B6B6;
		font-family: Roboto-Regular;
	}
	a.newsDetailTextCSS:hover {
		font-size: 1.45vw;
		color: #B7B6B6;
		font-family: Roboto-Regular;
		text-decoration: underline;
	}
	a.newsDetailTextCSS:visited {
		font-size: 1.45vw;
		color: #B7B6B6;
		font-family: Roboto-Regular;
	}
	a.helpDeskPanelFont {
		font-size: 1.35vw;
		color: #ffd02c;
		outline: none;
	}
	a.helpDeskPanelFont:visited {
		font-size: 1.35vw;
		color: #ffd02c;
		outline: none;
	}
	a.helpDeskPanelFont:hover {
		font-size: 1.35vw;
		color: #ffd02c;
		text-decoration: underline;
		outline: none;
	}
	a.helpDeskPanelFont:focus {
		font-size: 1.35vw;
		color: #eab53f;
		text-decoration: none;
		font-family: Roboto-Regular;
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: 0px;
	}
}

@media ( min-width : 992px) {
	.paddingLoginDiv {
		margin-left: 0px;
	}
	.marginSpaceLoginDiv {
		margin-top: 50px;
	}
	a.registerUrl {
		font-size: 0.9vw;
		color: #eab53f;
		font-family: Roboto-Bold;
		cursor: pointer;
	}
	a.registerUrl:hover {
		font-size: 0.9vw;
		color: #eab53f;
		font-family: Roboto-Bold;
		text-decoration: underline;
		cursor: pointer;
	}
	a.registerUrl:visited {
		font-size: 0.9vw;
		color: #eab53f;
		font-family: Roboto-Bold;
		cursor: pointer;
	}
	.newUserFont {
		font-size: 0.9vw;
		color: #FFFFFF;
		font-family: Roboto-Bold;
	}
	.textInsideTextFieldFont {
		font-size: 0.9vw;
		color: #333333;
		font-family: Roboto-Regular;
	}
	.separaterUserFont {
		font-size: 0.9vw;
		color: #eab53f;
		font-family: Roboto-Bold;
	}
	.dividerFont {
		font-size: 0.9vw;
		color: #eab53f;
		font-family: Roboto-Regular;
	}
	a.disClaimerFont {
		/*font-size: 0.9vw;*/
		color: #eab53f;
		font-family: Roboto-Regular;
		outline: none;
	}
	a.disClaimerFont:visited {
		font-size: 0.9vw;
		color: #eab53f;
		font-family: Roboto-Regular;
	}
	a.disClaimerFont:hover {
		font-size: 0.9vw;
		color: #eab53f;
		text-decoration: underline;
		font-family: Roboto-Regular;
		outline: none;
	}
	a.disClaimerFont:focus {
		font-size: 0.9vw;
		color: #eab53f;
		text-decoration: none;
		font-family: Roboto-Regular;
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: 1px;
	}
	.footerCopyRight {
		font-size: 1vw;
		color: #ffffff;
		font-family: Roboto;
	}
	a.newsDetailTextCSS {
		font-size: 1.25vw;
		color: #ffffff;
		font-family: Roboto-Regular;
	}
	a.newsDetailTextCSS:hover {
		font-size: 1.25vw;
		color: #B7B6B6;
		font-family: Roboto-Regular;
		text-decoration: underline;
	}
	a.newsDetailTextCSS:visited {
		font-size: 1.25vw;
		color: #B7B6B6;
		font-family: Roboto-Regular;
	}
	a.helpDeskPanelFont {
		font-size: 0.9vw;
		color: #ffd02c;
		outline: none;
	}
	a.helpDeskPanelFont:visited {
		font-size: 0.9vw;
		color: #ffd02c;
		outline: none;
	}
	a.helpDeskPanelFont:hover {
		font-size: 0.9vw;
		color: #ffd02c;
		text-decoration: underline;
		outline: none;
	}
	a.helpDeskPanelFont:focus {
		font-size: 0.9vw;
		color: #eab53f;
		text-decoration: none;
		font-family: Roboto-Regular;
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: 0px;
	}
}
/* 
.alumnibackground {
	display: flex;
	background-image:
		url('../../../images/modules/login/banner_final_v2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 660px;
	justify-content: flex-end;
}

.registerDiv {
	width: 186px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.forgotPasswordDiv {
	width: 188px;
	display: flex;
	flex-direction: row;
	justify-content: start;
}

.seperatorPadding {
	font-size: 0.9vw;
	padding: 0px 20px;
	color: #fdd02c;
}

.loginButtonStyle {
	background-color: #FFD02C !important;
	color: black !important;
	border: 1px #D87133;
	font-family: Roboto-Bold;
}

.loginContainer {
	display: flex;
	flex-direction: row;
	margin-top: 50px;
	width: 50%;
}

.loginContainer>div {
	padding: 8px;
}

@media screen and (max-width: 990px) {
	.loginContainer {
		flex-direction: column;
	}
}

.latestNewsPanel {
	display: flex;
	background-color: #42588A;
	width: 100%;
	min-height: 311px;
}

.LatestNewsDiv {
	flex-wrap: wrap;
	display: flex;
	flex-direction: row;
	width: max-content;
	padding-top: 29px;
	width: 719px;
	float: left;
	padding-top: 29px;
}

.LatestNewsDiv>div {
	padding: 15px;
} 
.NewsImage {
	margin-right: 45px;
	margin-top: 45px;
	margin-left: 101px;
}

.newsDetailTextSecondPanel {
	display: flex;
	flex-direction: column;
	font-size: 1vw;
	color: #B7B6B6;
	font-family: Roboto-Regular;
}

.newsDetailTextCSS {
	display: flex;
	flex-direction: column;
	font-size: 1.45vw;
	color: white;
	font-family: Roboto-Regular;
	font-size: 1.45vw;
}
 */
.newslistdiv {
	margin-bottom: 10px;
}