/* Background Image */

html {
  background-color: transparent !important;
}

body {
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../con/background_canyon.jpg") no-repeat center center fixed;
  background-size:cover;
}

container {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* Login Form Main Div */
body > div.container > div.main.login.catalog--container { 
  background-color: #FFFFFF!important;
  width: auto !important;
  display: inline-block !important;
  margin: auto;
  text-align: center;
  padding: 136px 0 0 420px !important;
  background: url("../con/horseware-login_bkgd.jpg") no-repeat center 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%) scale(.9);
  background-position: LEFT TOP;
}

/* Login Form Inner Div 
body > div.container > div.main.login.catalog--container > form > table > tbody > tr > td,
body > div.container > div.main.login.catalog--container > form > table {
  background-color: #FFFFFF !important;
  border-radius: 10px !important;
}
*/
/* Customer Service Link Div */
body > div.container > div.main.login.catalog--container > div.note.message-block {
  text-align: center;
  font-weight: bold;
  text-shadow: none !important;
  width: 100% !important;
}

body > div.container > div.main.login.catalog--container > div.note.message-block a {
  color: #000000 !important
}

/* ignore header wrapper background */
#header-wrapper {
  background: none;
}

/* Hide "I am a new user" option */
#act_new,
#header-links-container,  
body > div.container > div.main.login.catalog--container > form > table > tbody > tr:nth-child(4) > td.input > label:nth-child(6),
body > div.container > div.main.login.catalog--container > form > table > tbody > tr:nth-child(4) > td.input > br:nth-child(3),
body > div.container > div.main.login.catalog--container > form > table > tbody > tr:nth-child(4) > td.input > br:nth-child(4) {
  display: none;
}

h2.pagetitle, .pagetitle {
  background-color: transparent !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
}

form {
  padding: 20px 48px 0px 48px;
  background-color: transparent;
  width: 324px !important;
  margin: auto !important;
}

form input {
  border: 1px solid #C6C6C6;
}

table tr:nth-last-child(2) .input label {
  position: relative;
  top: -6px !important;
  width: calc(100% - 28px) !important;
  margin: 12px 0 !important;
}

table tr:nth-last-child(2) .input label br {
  display: none !important;
}

.form-body td.label {
  display: inline;
}

.form-body td.label:nth-child(1), .form-body td.label:nth-child(2) {
  color: #A9A9A9 !important;
}

.error {
  position: relative;
  top: 42px !important;
  margin-bottom: 0 !important;
}

.main.login.catalog--container button {
  width: 100% !important;
  background-color: transparent !important;
  color: #000000 !important;
  height: auto;
  padding: 20px;
  text-transform: uppercase !important;
  font-size: 18px !important;
}

.main.login.catalog--container button:hover {
  color: #FFFFFF !important;
}

.form-body, .form-body td, .tabular td, .main.login.catalog--container .input {
  background-color: transparent !important;
  font-size: 12px !important;
  display: inline-block;
}

.main.login.catalog--container .form-body tr:nth-child(2) .input, .main.login.catalog--container .form-body tr:nth-child(3) .input {
  margin-bottom: 12px !important;
}

.main.login.catalog--container .form-body tr:nth-last-child(2) .input {
  line-height: .75;
  color: #444444 !important
}

.label.no_mobile {
  display: none !important;
}

.form-body td.submit {
  width: 97.5% !important;
}

#passwd, #userid {
  width: 100% !important;
  height: auto !important;
  border: 1px solid #444444 !important;
  background-color: rgba(255,255,255,1) !important;
  transition: .25s ease-in-out;
  padding: 12px 8px !important;
}

#passwd:active, #userid:active, 
#passwd:focus, #userid:focus {
  border: 2px solid #000000
;
  background-color: rgba(255,255,255,.75) !important;
  transition: .25s ease-in-out;
}

#act_new, #header-links-container, body > div.container > div.main.login.catalog--container > form > table > tbody > tr:nth-child(4) > td.input > label:nth-child(6), body > div.container > div.main.login.catalog--container > form > table > tbody > tr:nth-child(4) > td.input > br:nth-child(3), body > div.container > div.main.login.catalog--container > form > table > tbody > tr:nth-child(4) > td.input > br:nth-child(4) {
    display: inline-block;
}

.main.login.catalog--container p, .footer .middle-row .center-col, #header-wrapper {
    display: none !important;
}

.message-block a {
    color: #00669c !important;
}

.form-body td {
  display: flex !important;
  flex-wrap: wrap !important;
}

.form-body {
    width: auto !important;
}

.main {
    min-height: 0 !important;
}

/*
table tr:nth-last-child(2) .input label, table tr:nth-last-child(2) .input input {
  padding-top: 18px !important;
}
*/

#submit_continue {
  background-color: #004c25 !important;
  border-color: #004c25 !important;
  color: #FFFFFF !important
}

#submit_continue:hover {
  background-color: #FFFFFF !important;
  border-color: #004c25 !important;
  color: #004c25 !important
}