/*
blue:   #3E87CB
red:    #C8102E
green:  #3E87CB
yellow: #3E87CB
purple: #967ADC;
*/

a:link {
  color: #3E87CB;
  text-decoration: none;
}

a:visited {
  color: #3E87CB;
  text-decoration: none;
}

a:active {
  color: #3E87CB;
  text-decoration: none;
}

input[type=text]:focus {
  border-color: #3E87CB;
}

input[type=password]:focus {
  border-color: #3E87CB;
}

input[type=file]:focus {
  border-color: #3E87CB;
}

input[type=email]:focus {
  border-color: #3E87CB;
}

input[type=tel]:focus {
  border-color: #3E87CB;
}

input[type=button].cta,
input[type=submit].cta,
button.cta {
  background: #4AA5FF;
}

input[name=login_button],
input[name=submit_btn] {
  background: #4AA5FF;
}

.blue {
  color: #4aa5ff;
}

.red {
  color: #C8102E;
}

.green {
  color: #4aa5ff;
}

.background-blue {
  background: #4aa5ff;
}

.background-red {
  background: #C8102E;
}

.background-green {
  background: #4aa5ff;
}

.rowaction a,
.rowaction-disabled b,
.action a,
.print_cert_btn a {
  color: #fff;
}

.edit a,
.duplicate a,
.archive a .courses-up-root a,
.courses-up-root a:visited,
.courses-up-root a:focus,
.courses-up-level a,
.courses-up-level a:visited,
.courses-up-level a:focus {
  color: #fff;
}

.view,
.launch,
.launchAlt,
.print_cert_btn,
.details_actions .detail,
.toggle-hidden,
input[type=button].cta,
input[type=submit].cta,
button.cta,
input[name=login_button],
input[name=submit_btn],
a.showcoursepicker,
a.showuserpicker {
  background: #3E87CB;
}

button.cta:hover,
input[type=button].cta:hover,
input[type=submit].cta:hover,
input[name=login_button]:hover,
input[name=submit_btn]:hover {
  background: rgb(29, 65, 99);
}

.view:hover,
.launch:hover,
.launchAlt:hover,
.print_cert_btn:hover {
  background: rgb(29, 65, 99);
}

.accept,
.add,
.enroll,
.addcomment,
.addtocart,
.checkout {
  background: #3E87CB;
}

.accept:hover,
.add:hover,
.enroll:hover,
.addcomment:hover,
.addtocart:hover,
.checkout:hover {
  background: rgb(29, 65, 99);
}

.cart-edit,
.edit,
.archive,
.duplicate {
  color: #fff;
  background: #3E87CB;
}

.cart-edit:hover,
.edit:hover,
.archive:hover,
.duplicate:hover {
  background: rgb(29, 65, 99);
}

.del,
.cancel,
.cart-remove-all,
.cart-remove,
a.removelink,
a.removeselected,
a.remove {
  background: #C8102E;
}

.del:hover,
.cancel:hover,
.cart-remove-all:hover,
.cart-remove:hover {
  background: rgb(126, 7, 27);
}

.back,
.comments,
.user_batch_upload,
.manage-objects {
  background: #666;
}

.back:hover,
.comments:hover,
.user_batch_upload:hover,
.manage-objects:hover {
  background: #444;
}

#most-recent,
a.searchlink,
a.searchlink-simple,
a.activate_user,
a.browselink,
a.createlink,
a.uploadlink,
input[name=login_button],
input[name=submit_btn],
.help-breadcrumb a {
  background: #3E87CB;
}

.cancel,
.cancel:hover {
  color: #fff;
  border: none;
}

.cancel:hover a {
  color: #fff;
}

a.searchlink,
a.showcalendar,
a.createlink,
a.browselink,
a.removelink,
a.uploadlink,
a.showuserpicker,
a.showcoursepicker,
a.removeselected,
a.activate_user,
a.removeselected,
a.remove,
.help-breadcrumb a {
  color: #fff;
}

button.cta:hover,
input[type="button"].cta:hover,
input[type="submit"].cta:hover,
input[name="login_button"]:hover,
input[name="submit_btn"]:hover {
  background: rgb(29, 65, 99);
}

a.searchlink-simple>b {
  margin: 0;
  background: none;
  color: #fff;
}

.form-validation-error-container,
.error {
  background: #C8102E;
}

.alert,
.login-alert,
.removed-message {
  color: #fff;
  background: #3E87CB;
}

.feedback {
  background: #3E87CB;
}



/* WRAPPER */

#wrapper,
#wrapper-login,
#wrapper-org-landing {
  background: #333;
  min-height: 100%;
  position: relative;
}

#wrapper-landing {
  background: #fff;
}

#wrapper-landing .landing-header {
  padding: 1% 1%;
}

#wrapper-landing .container {
  padding: 0;
  margin: 0;
  background: url(../imgs/landing.jpg) bottom center no-repeat;
  background-size: auto auto;
  border: none;
}

#wrapper-landing .container .content {
  margin: 0 auto;
  max-width: none;
}

span.landing-email {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
}

#landing {
  max-width: 1200px;
  margin: 0 auto;
}

#landing .landing-header .ula-landing {
  max-width: 600px;
  text-align: left;
}

#landing .landing-header .ula-landing .login-form-wrapper {
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  align-items: flex-end;
  padding: 0;
  margin: 0 0 .5rem 0;
  max-width: none;
}

#wrapper-landing .container .content {
  margin: 0 auto;
  max-width: none;
}

.login-form-wrapper>div {
  clear: both;
  margin: 20px 0 0 0;
}

.login-form-wrapper .customer-training-system-title {
  margin: 3rem 0 2rem 0;
}

#landing .landing-header .ula-landing .login-form-wrapper h3 {
  font-family: "Arial Black", Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: #fff;
  font-size: 2.25rem;
  padding: 0;
  margin: 0 0 2rem 0;
  line-height: 2.15rem;
}

#landing .landing-header .ula-landing .login-form-wrapper .login-fields>div>a {
  display: inline-block;
  padding: .5rem;
  color: #fff;
  background: #C8102E;
  font-size: 1.25rem;
  text-decoration: none;
  border-radius: 2px;
}

#landing .landing-header .ula-landing .login-form-wrapper .login-fields>div>a:hover {
  text-decoration: underline;
}

#wrapper-landing .landing-header button.sign-in {
  background: #3E87CB;
  color: #fff;
  border: none;
  font-size: 1.25rem;
  padding: .5rem 1rem;
  margin: 1rem 0 0 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

#wrapper-landing div.footer {
  margin: 0 auto;
  max-width: 1200px;
  padding: 50px;
  color: #999;
  min-height: 300px;
  clear: both;
}

.landing-content {
  display: none;
}

#wrapper-landing div.footer-landing {
  background: #fff;
  padding: 0 1rem;
  max-width: 1200px;
  margin: 0 auto;
  color: #000;
}

#wrapper-landing div.footer-landing>p {
  margin: 0 0 4rem 0;
}

#wrapper-landing div.footer-landing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#wrapper-landing div.footer-landing ul li {
  margin: 10px 0;
  font-size: .875rem;
  font-weight: bold;
}

#wrapper-landing div.footer-landing a {
  color: #000;
}

#wrapper-landing div.footer-landing .copy {
  padding: .5rem;
  font-size: .75rem;
  float: right;
  font-weight: bold;
}