@font-face {
	font-family: 'zurichbtlight';
	src: url("./assets/font/tt0176m.woff") format("woff");
}

@font-face {
	font-family: 'zurichbtbold';
	src: url("./assets/font/zurchb.woff") format("woff");
}


/*
    Styles for the login page and other standalone pages (pages outside the
    control of Portal)
*/
:root {
	--brand-primary: #ffffff;
}

.message-row-error {
	display: block;
	color: var(--brand-primary);
}

.float-container {
	overflow: hidden;
	width: 100%;
}

#login-header {
	height: 89px;
}

#login-header img {
	margin-top: 20px;
	margin-left: 25px;
}

#header {
	padding-bottom: 20px;
}

.input-row,
.button-row {
	overflow: hidden;
	width: 100%;
	padding-bottom: 5px;
}

#message .message-row {
	padding: 4px 8px;
}

#message {
	width: 630px;
	margin: 0px auto;
}

#loginData {
	padding: 8px;
	margin: 0px;
}

.input-row p {
	margin: 0;
}

.input-row label {
	font-weight: 700;
	font-family: Arial, Helvetica;
	color: rgb(51, 102, 153);
	font-size: 12px;
}

/* .input-row .ctrl {
	width: 10em;
	float: left;
} */

/*.button-row .ctrl{
    float: right;
}
*/

.textinput {
	padding: 1px 2px 1px 3px;
	background-color: rgb(255, 255, 255);
	border-color: rgb(0, 0, 0) !important;
	border-style: inset;
	border-width: 1px;
	border-collapse: separate;
	padding: 2px 2px;
	border-radius: 3px;
}

#username,
#password {
	width: 12em;
}


.login-footer .info p {
	margin: 1px 0px;
}

.login-footer-authpad .info p {
	margin: 1px 0px;
}

.login-footer-textpad .info p {
	margin: 1px 0px;
}

.login-footer-keypad .info p {
	margin: 1px 0px;
}

.login-footer-pinpad .info p {
	margin: 1px 0px;
}

.login-footer-register .info p {
	margin: 1px 0px;
}

.login-footer-challenge .info p {
	margin: 1px 0px;
}

.login-footer-generic .info p {
	margin: 1px 0px;
}

.login-footer-version .info p {
	margin: 1px 0px;
}

.login-footer {
	color: #B2CBDB;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 185px;
	white-space: nowrap;
}

.login-footer-generic {
	color: #B2CBDB;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 235px;
	white-space: nowrap;
}

/*.login-footer-version {
        position: absolute;
        top: 584px; /* length of background image */
/*       color: #B2CBDB;
        font-family: Tahoma,Verdana,Helvetica,sans-serif;
        font-size: 10px;
        font-weight: normal;
        white-space: nowrap;
}
*/

.login-footer-authpad {
	color: #B2CBDB;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 265px;
	white-space: nowrap;
}

.login-footer-pinpad {
	color: #B2CBDB;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 20px;
	white-space: nowrap;
}

.login-footer-textpad {
	color: #B2CBDB;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 20px;
	white-space: nowrap;
}

.login-footer-keypad {
	color: #B2CBDB;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 90px;
	white-space: nowrap;
}

.login-footer-register {
	color: #B2CBDB;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 40px;
	white-space: nowrap;
}

.login-footer-challenge {
	color: #B2CBDB;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 110px;
	white-space: nowrap;
}

/*.formButton {
    padding: 0px 4px 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDD8 #AFAFAF #797975;
    color: #000000;
    font-size: 11px;
    white-space: nowrap;
    overflow: visible; /* keeps IE from making buttons too wide 
}*/

.formButton-disabled {
	background-color: rgb(152, 41, 30);
	padding: 5px;
	color: white;
	border: none;
	font-size: 12px;
	white-space: nowrap;
	overflow: visible;
	padding-top: 3px;
	margin-top: 5px;
	font-family: zurichbtlight;
}


.loginFailed {
	color: #AD0E25;
}

.login-footer-version {

	background-color: rgb(152, 41, 30);
	color: white;
	clear: both;
	text-align: center;
	padding: 10px;
	position: fixed;
	bottom: 0px !important;
	width: 100%;
	left: 0px;
	right: 0px;
	display: none;

}


#content {
	overflow: hidden;
	/* width: 100%; 
    position: fixed;
    top: 25%;
    right: 38%;*/
	margin: auto;


}


.logoimg {
	/* zoom: 1; */
	margin-left: 0px;
}


.formButton {
	background-color: rgb(152, 41, 30);
	padding: 5px;
	color: white;
	border: none;
	font-size: 12px;
	white-space: nowrap;
	overflow: visible;
	padding-top: 3px;
	margin-top: 5px;
	font-family: zurichbtlight;
}

/* .button-row .ctrl {
	margin-left: 131px;
	background-color: rgb(152, 41, 30);
	padding: 5px;
	color: white;
	border-radius: 4px;

	white-space: nowrap;
	overflow: visible;
} */


#login {
	width: 348px;
	background: white;
	color: black;
	border-radius: 0px;
	margin-left: 5px;
	margin-top: 3px;
}

#login-form {
	border: 1px solid var(--brand-primary) !important;
}


#title {
	background: none repeat scroll 0 0 var(--brand-primary) !important;
	color: white;
	text-decoration: none;
	font-family: Arial, Helvetica;
	font-size: 13.333px;
	font-weight: 700;
	padding: 2px 9px;
	border-radius: 10px 10px 0 0;
}

.logoimg {
	margin-left: 0px;
}

.msgLogin {
	font-size: 10px;
	margin: 0;
}

.menu {
	margin-top: 100px;
	width: 100%;
	border-bottom: 3px solid var(--brand-primary);
}

.item {
	display: inline-block;
	width: auto;
	background: var(--brand-primary);
	margin-left: 20px;
	padding: 2px 15px 2px 10px;
	text-align: center;
	Color: #FFFFFF;
	Text-Decoration: none;
	Font-Family: Arial, Helvetica;
	Font-Size: 10pt;
	Font-Weight: Bold;
	border-radius: 0 12px 0 0;
	position: relative;
}

.item::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 0px solid transparent;
	border-right: 10px solid var(--brand-primary);
	position: absolute;
	left: -10px;
	top: 0;
}