@font-face {
  font-family: 'HelveticaNeue';
  font-style: normal;
  src: url(HelveticaNeueLTStd-Roman.woff2);
}

@font-face {
  font-family: 'HelveticaNeue';
  font-weight: bold;
  src: url(HelveticaNeueLTStd-65Medium.woff2);
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #dadada;
	opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #dadada;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #dadada;
}


.headerMobile {
	display:none;
}

body {
	font-family:HelveticaNeue;
	color:black;
	font-size:16px;
	line-height:20px;
}

a { color:inherit;
	text-decoration: none;
}

a:hover { color:inherit;
	text-decoration: none;}


input:focus, textarea:focus, select:focus, button:focus{
	outline: none;
}

/* GENERIC PAGE */

.page-wrapper {
	padding:10px;
}

.prevButton {
	cursor:pointer;
}

.nextButton {
	cursor:pointer;
}


.headerDesktop img
{	
	width:100%;
}

.top-header {
	height:40px;
	display:table;
	width:100%;
	color:black;
}

.top-menu {
	display:table-cell;
	width:auto;
	text-align:right;
	vertical-align:middle;
	padding-right:20px;
	font-size:18px;
}

.top-logo {
	height:30px;
	padding-right:10px;
}

.top-user-name {
	display:inline-block;
}

.top-user-name img {
	width:25px;
}

.top-user-name a {
	text-decoration:none;
}

.top-user-name a:hover {
	text-decoration:underline;
}


.top-user {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	padding-left:20px;
	font-size:16px;
}

.menu-item {
	display:inline-block;
}

.menu-separator {
	display:inline-block;
}

.top-mobile-menu {
	display:none;
}

.selection {
	text-align:left;
}

.userPullDown {
	width:300px!important;
}

/* LOGIN PAGE */

.login-wrapper {
	max-width:1000px;
	width:100%;
	display:table;
	height:100vh;
	margin:0 auto;
}

.login-left {
	width:50%;
	display:table-cell;
	height:100%;
}

.login-left-inner {
	width:310px;
	margin:0 auto;
}

.login-right {
	width:50%;
	display:table-cell;
	height:100%;
	background-image:url(../img/login_image.jpg?v2);
	background-size:cover;
}

.login-title {
	text-align:center;
	padding:40px 0px;
}

.login-title img {
	width:190px;
}

.login-field-wrapper {
	display:table;
	width:310px;
	border:solid 2px #8a8a8a;
	height:60px;
	border-radius:5px;
}

.login-field-icon {
	display:table-cell;	
	width:50px;
	vertical-align:middle;
	padding-left:20px;
}

.login-field {
	display:table-cell;		
	width:250px;
	vertical-align:middle;
}

.login-field input {
	border:none;
	width:90%;
	font-size:18px;
	line-height:22px;
}

.login-header {
	font-weight:bold;
	font-size:28px;
	line-height:40px;
}

.login-subheader  {
	color:#8a8a8a;
}

.login-button {
	width:310px;
	height:56px;
	color:white;
	font-size:18px;
	border:none;
	background-color:#169dca;
	cursor:pointer;
	border-radius:5px;
}

.login-button:hover {
	background-color:#068dba;	
}

.login-error {
	color:#169dca;
	font-weight:bold;
	padding-top:10px;
}

.masterColor {
	background-color:#007ea1;
	color:white;
}

.slaveColor {
	background-color:#ffffff;
}

.blackToWhite {
	filter: invert(1);
}

.pointer {
	cursor:pointer;
}