@font-face {
  font-family: "Roboto";
  src: url("/ui/fonts/Roboto-Regular.ttf")
}

@font-face {
  font-family: "RobotoBold";
  src: url("/ui/fonts/Roboto-Bold.ttf")
}

@font-face {
  font-family: "RobotoMedium";
  src: url("/ui/fonts/Roboto-Medium.ttf")
}

@font-face {
  font-family: "RobotoLight";
  src: url("/ui/fonts/Roboto-Light.ttf")
}

img,
body,
html {
  border: 0;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  color: #000;
}

body {
  background-color: #fff;
  font: 13px/1.231 Arial, Sans Serif;
}

.env-warn {
  background: #afeeee;
  border: 1px solid #b0c4de;
  border-width: 0 0 2px;
  color: #333333;
  padding: 4px 0;
  text-align: center;
}

.noauth-wrapper {
  margin: auto;
  padding-bottom: 65px;
  padding-top: 80px;
  position: relative;
  max-width: 380px;
}

#msg-wrap {
  background-color: #fff;
  margin-bottom: 10px;
}

#messages.msg-wrap-messages {
  list-style: none;
}
#messages.msg-wrap-messages > li {
  padding: 10px;
}
#messages.msg-wrap-messages .msg-error {
  background-color: #d9534f;
  color: #fff;
  text-align: center;
}
#messages.msg-wrap-messages .msg-success {
  background-color: #428542;
  color: #fff;
  text-align: center;
}

.noauth-header {
  background-color: #fff;
  margin-bottom: 24px;
}

.noauth-header > img {
    max-height: 110px;
    max-width: 385px;
    height: auto;
    width: auto;
}

.noauth-body {
  background-color: #fff;
}

.noauth-body h1 {
  height: 47px;
  font-family: "RobotoMedium";
  font-size: 40px;
  margin-bottom: 2px;
}

.noauth-body h2 {
  color: #70757B;
  font-family: "RobotoLight";
  font-size: 20px;
}

.noauth-footer {
  position: relative;
}

#poweredby, .powered-by-text {
  margin-top: 138px;
}

.powered-by-text {
  color: #70757B;
  font-family: "Roboto";
  font-size: 12px;
}

.powered-by-text .workflow {
  font-size: 11pt;
  font-weight: bold;
}

.powered-by-text .bydesign {
  font-weight: normal;
  font-size: 10pt;
}

.login-wrapper {

}
.login-wrapper a {
  color: #6a6a6a;
}
.login-wrapper .logout-wrapper,
.login-wrapper .form-wrapper,
.login-wrapper .ssolinks-wrapper,
.login-wrapper .userauth-wrapper {
  border: 0;
  padding-left: 0px;
  padding-right: 0px;
}
.login-wrapper .form-wrapper > p {
  height: 1px;
  left: -999em;
  position: absolute;
}

.login-wrapper .logout-message {
  padding: 20px 0 5px;
}
.login-wrapper .login-form-button {
  color: #fff;
  display: block;
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 20px 0 0 0;
  text-align: center;
  text-decoration: none;
}
.login-wrapper .form-field-label,
.login-wrapper .form-field-input {
  float: none;
  margin: 0;
  padding: 0;
  width: auto;
}
.login-wrapper .form-field-label > span,
.login-wrapper .form-field-input > span {
  display: block;
}
.login-wrapper .form-field-label .form-field-required-indicator,
.login-wrapper .form-field-input .form-field-required-indicator {
  height: 1px;
  left: -999em;
  position: absolute;
}
.login-wrapper .form-field-label label,
.login-wrapper .form-field-input label {
  color: #70757B;
  font-family: "RobotoMedium";
  font-size: 18px;
}
.login-wrapper .form-field-options {
  border: 0;
}
.login-wrapper .form-field-input {
  padding-top: 5px;
}
.login-wrapper .form-actions {
  margin-top: 20px;
}
.login-wrapper input,
.login-wrapper textarea {
  max-width: 100%;
  width: 100% !important;
}
.login-wrapper input.input-checkbox,
.login-wrapper textarea.input-checkbox {
  width: auto !important;
}
.login-wrapper .input-password:focus,
.login-wrapper .input-text:focus {
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0;
}
.login-wrapper .form-field-error {
  background-color: transparent;
}
.login-wrapper .form-field-error label {
  color: #313131;
}
.login-wrapper .form-field-error .input-password,
.login-wrapper .form-field-error .input-text {
  border-color: #d9534f;
  box-shadow: inset 0 1px 1px rgba(217, 83, 79, 0.075), 0 0 8px rgba(217, 83, 79, 0.6);
  outline: 0;
}
.login-wrapper .ssolinks-wrapper .auth-button {
  background: #00bfb3;
  color: #fff;
  display: block;
  margin: 10px 0 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}
.login-wrapper .ssolinks-wrapper .auth-button:hover {
  background-color: #29aba1;
}
.login-wrapper .userauth-wrapper {
  color: #6a6a6a;
  padding: 30px 0 0;
  text-align: center;
}
.login-wrapper .userauth-wrapper a {
  color: #6a6a6a;
  text-decoration: underline;
}
.login-wrapper .form-columns-2.form-columns-index-2 {
  float: left;
  margin: 0;
  width: 100%;
}
.login-wrapper .form-columns-2 fieldset {
  padding-left: 10px;
}
.login-wrapper .form-columns-2 fieldset .form-field-input {
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.login-wrapper .form-columns-2 fieldset .form-field-input > span {
  display: inline-block;
  margin-right: 5px;
}
.login-wrapper .form-columns-2 fieldset .form-field-input .form-field-notes {
  display: inline-block;
}
.login-wrapper .form-column-wrapper {
  border: 0;
}

.request-account-wrapper .form-field-label .form-field-required-indicator {
  display: inline-block;
  height: inherit;
  left: inherit;
  position: static;
}
.request-account-wrapper .form-actions {
  display: inline-block;
}

[name="noauth-form-cancel"] {
  background: transparent;
  border: 0;
  color: #666;
  cursor: pointer;
  text-decoration: underline;
  text-transform: none;
}

.login-wrapper .form-wrapper {
  margin-top: 49px;
}

.page-login .form-wrapper .form-field {
	padding: 0px;
	margin: 0px;
}

.form-wrapper input[type=text],
.form-wrapper input[type=password]  {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C8CCD1;
  border-radius: 7px;
  opacity: 1;
  font-size: 16px;
  font-family: "Roboto";
  width: 373px;
  height: 31px;
  padding: 2px;
  padding-left: 10px;
}

.page-login .form-wrapper input[type=text],
.page-login .form-wrapper input[type=password]  {
  margin-bottom: 31px;
}

input[type=submit] {
  background: #CCCCCC 0% 0% no-repeat padding-box;
  color: #FFFFFF;
  border-radius: 7px;
  opacity: 1;
  font-size: 18px;
  line-height: 16px;
  font-family: "Roboto";
  height: 33px;
  text-transform: none;
  cursor: pointer;
  border: 0px;
}

.ssolinks-wrapper a {
  color: #FFFFFF;
  border-radius: 7px;
  opacity: 1;
  font-size: 18px;
  line-height: 33px;
  font-family: "Roboto";
  height: 33px;
  cursor: pointer;
  text-align: center;
  display: block;
}

input[type=submit]:hover {
  opacity: 0.5;
}

.form-actions {
  width: 100%;
}

.noauth-footer {
  text-align: center;
  margin-top: 35px;
  font-size: 16px;
  font-family: "RobotoMedium";
  color: #70757B;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.link-space {
  padding-right: 33px;
}

.login-link-sep {
	text-align: center;
	margin-top: 22px;
	margin-bottom: 22px;
	color: #70757B;
	font-size: 14px;
	font-family: "Roboto";
}

.login-link-sep hr {
	width: 159px;
	background-color: #C8CCD1;
	border: 0px;
	height: 1px;
	display: inline-block;
	float: right;
}

.login-link-sep hr:first-of-type {
	float: left;
}

/* breakpoints being added after the fact -- not a great way to do this but this whole project.... */

@media only screen and (min-width: 641px) and (max-width: 1007px) {
	.noauth-wrapper {
		padding-top: 20px;
	}
	.noauth-body h1 {
		height: 29px;
		font-size: 25px;
	}
	.noauth-body h2 {
		height: 29px;
		font-size: 12px;
	}
	.login-wrapper .form-wrapper {
		margin-top: 37px;
	}
	.login-wrapper .form-field-label label,
	.login-wrapper .form-field-input label {
		font-size: 11px;
	}
	.form-wrapper input[type=text],
	.form-wrapper input[type=password]  {
		font-size: 9px;
		width: 253px;
		height: 24px;
		padding-left: 5px;
	}
	.page-login .form-wrapper input[type=text],
	.page-login .form-wrapper input[type=password]  {
		margin-bottom: 20px;
	}
	.noauth-footer {
		font-size: 9px;
	}
	#poweredby, .powered-by-text {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 640px) {
	.noauth-wrapper {
		padding-top: 5px;
	}

	.noauth-body h1 {
		height: 29px;
		font-size: 25px;
	}
	.noauth-body h2 {
		height: 29px;
		font-size: 12px;
	}
	.login-wrapper .form-wrapper {
		margin-top: 37px;
	}
	.login-wrapper .form-field-label label,
	.login-wrapper .form-field-input label {
		font-size: 11px;
	}
	.form-wrapper input[type=text],
	.form-wrapper input[type=password]  {
		font-size: 9px;
		width: 253px;
		height: 24px;
		padding-left: 5px;
	}
	.page-login .form-wrapper input[type=text],
	.page-login .form-wrapper input[type=password]  {
		margin-bottom: 20px;
	}
	.noauth-footer {
		font-size: 9px;
	}
	#poweredby, .powered-by-text {
		margin-top: 10px;
	}
}