/* Testing for login page with new CAS server */
body {
	background-color: #e9e9e9;
	font-family: arial, helvetica, sans serif ;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	margin: 0;
}
.stx_secutix_logo {
	background: url("../images/stx_secutix_logo.png") no-repeat;
	background-size: 188px;
	width: 188px;
	height: 30px;
	float: left;
	margin-bottom: 10px;
}

.stx_menu_links {
	float: right;
	width: 60%;
	margin-bottom: 8px;
}
.stx_menu_links ul {
	margin-bottom: 0;
	margin-top: 18px;
	padding-left: 0;
	float: right;
}
.stx_menu_links li {
	display: inline;
	text-align: center;
	padding-left: 5px ;
	padding-right: 5px ;
}
.stx_menu_links li.stx_locale_links {
	border-left: 1px solid black ;
}

.stx_menu_links li.stx_locale_links:first-child {
	border-left: none ;
}
.stx_doc_link,
.stx_addon_link {
	text-transform: uppercase;
}
.stx_doc_link:not(:first-child),
.stx_addon_link {
	margin-right: 50px;
}
.stx_addon_link {
	background: url("../images/stx_addOnIcon.png") no-repeat 0 0 / 14px 14px;
	padding-left: 19px !important;
}

.stx_locale_selected {
	color: #e91a10;
}
.stx_central_panel {
	margin-top: 80px;
}
.stx_login_panel {
	-webkit-border-radius: 4px;
		-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	margin: 0 10px 10px 0;
	height: 170px;
	width: 430px; /* IE 5 */
	float: left;
	background-image: linear-gradient(to right, #640050 20%, #FF5546 100%);
}
.stx_main_panel {
	background-color: #f1f1f1;
	float: left;
	width: 100%;
}
.stx_mainHeader_panel,
.stx_mainContent_panel,
.stx_mainFooter_panel {
	margin-left: auto;
	margin-right: auto;
	width: 1050px;
}
.stx_photoCredit {
	float: right;
	color: gray;
	margin-top: 5px;
}

.stx_versionInfo {
	float: left;
	margin-top: 5px;
	color: gray;
}


.stx_versionInfo a,
.stx_photoCredit a {
	color: gray !important;
	text-decoration: none;
}
.stx_img {
	-webkit-border-radius: 4px;
		-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	float: left;
	position: relative;
	filter: grayscale(100%) brightness(1.4) contrast(0.8);
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.stx_img:hover{
	filter: none;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.stx_img1_label,
.stx_img2_label,
.stx_img3_label,
.stx_img4_label {
	color: white;
	font-variant: all-small-caps;
	padding: 5px;
	float: left;
	opacity: 0;
	background-color: #333;
}
.stx_img:hover .stx_img1_label,
.stx_img:hover .stx_img2_label,
.stx_img:hover .stx_img3_label,
.stx_img:hover .stx_img4_label {
	opacity: 0.8;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
}
.stx_img:hover .stx_img1_label:after {
	content:"OPERA DE PARIS";
}
.stx_img2_label:after {
	content:"PALEO FESTIVAL";
}
.stx_img3_label:after {
	content:"CENTRE GEORGES POMPIDOU";
}
.stx_img4_label:after {
	content:"STADE DE FRANCE";
}
.stx_img1 {
	background: url("../images/stx_loginImg1.jpg") no-repeat;
	width: 300px;
	height: 300px;
	margin: 10px 10px 10px 0;
}
.stx_img2 {
	background: url("../images/stx_loginImg2.jpg") no-repeat;
	width: 740px;
	height: 120px;
	margin: 10px 0 10px 0;
}
.stx_img3 {
	background: url("../images/stx_loginImg3.jpg") no-repeat;
	float: right;
	width: 300px;
	height: 300px;
	margin: 0 0 10px 0;
}
.stx_img4 {
	background: url("../images/stx_loginImg4.jpg") no-repeat;
	width: 740px;
	height: 120px;
	margin: 0 10px 10px 0;
}
.stx_icon {
	background: url("../images/stx_loginIcon.png") no-repeat;
	float: right;
	height: 40px;
	width: 40px;
	margin: -29px 20px 0 0;
	scale: 0.7;
}
.stx_inputFieldsTable {
	margin: 20px 0 0 20px;
	width: 386px;
}
.stx_inputFieldsTable td {
	width: 52%;
}
.stx_inputFieldsTable td a{
	color: white;
}
.stx_login_mandatory {

	font-size: 85%;
	font-style: italic;
}
.stx_main_title {
	margin: 11px 0 0 20px;
	background: url("../images/stx_s360_logo.png") no-repeat;
	background-size: 120px;
	height: 20px;
	width: 120px;
	display: block;
}

.stx_error_place_holder {
	min-height: 45px;
}
.errors {
	background-color: #3C4B55;
	-webkit-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	float: left;
	font-size: 10px;
	height: 26px;
	margin-top: 3px;
	padding: 6px 20px 1px 20px;
	width: 390px;
	text-align: center;
}
.stx_login_button, .stx_forgot_password_link {
	cursor: pointer;
	font-family: arial, helvetica, sans serif;
	font-size: 8pt;
	text-align: center;
}
.stx_login_button {
	text-transform: uppercase;
	float: right;
}
.stx_forgot_password_link {
	font-size: 12px;
}
.stx-eye-field-icon {
	margin-left: -25px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
.stx_login_button_disabled {
	cursor: default;
}
a {
	text-decoration: none;
}
a:link {
	color: black;
}

a:visited {
	color: black;
}

a:hover {
	color: black;
	text-decoration: underline;
}

/* Message displayed when the checking whether javascript is active, whether browser supports cookies, whether the browser's version is accepted fails */
.stx_jsCheck,
.stx_cookieCheck,
.stx_browserVersionCheck,
.stx_browserVersionCheck  {
	border: 2px solid red;
	border-radius: 4px;
	width: 700px;
	margin: 1em auto;
	padding: 0 10px;
	text-align: center;
	background-color: white;
}

.stx_jsCheck h1,
.stx_cookieCheck h1,
.stx_browserVersionCheck h1
.stx_browserVersionCheck h1 {
	color: red;
}
.stx_browserVersionCheck a {
	text-decoration : underline;
}

.stx_jsCheck a {
	font-size: 130%;
	color: black;
}

#passwordManagementForm {
	margin-top: -43px;
	margin-right: 127px;
}

.fa-eye:before{
	content:"\f06e"
}
.fa-eye-slash:before{
	content:"\f070"
}
@font-face{
	font-family:"Font Awesome 5 Free";
	font-style:normal;
	font-weight:900;
	font-display:block;
	src:url(../fa-solid/fa-solid-900.eot);
	src:url(../fa-solid/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fa-solid/fa-solid-900.woff2) format("woff2"),url(../fa-solid/fa-solid-900.woff) format("woff"),url(../fa-solid/fa-solid-900.ttf) format("truetype"),url(../fa-solid/fa-solid-900.svg#fontawesome) format("svg")
}

#passwordManagementForm a:hover {
	color: white;
	text-decoration: underline;
}

.stx-input-form-field {
	width: 372px;
}

.title_page
{
	font-size: 13px;
	margin: 9px 0 -19px 22px;
}

.input-username-form {
	font-size: 13px;
	margin: 24px 0 -19px 22px;
}

.errors-input-username {
	margin-top: 12px;
}

.errors-message-login {
	padding: 6px 20px 3px 20px;
}

.stx-td-login-form {
	display: table;
}