.login-form-control { background: #fff; margin-top: 0; padding: 20px; width: 100%; }

/* Input Fields  ============================== */
.login-form-control .login-input-row { margin: 0; position: relative; width: 100%; }

.login-form-control .login-input-row.first { padding-bottom: 20px; }

.login-form-control .login-input-row input { border-width: 1px; border: 1px solid #c3c3c3; color: #4c4c4c; font-size: 18px; font-weight: 300; height: 40px; left: 0; padding: 10px; width: 100%; }

.login-form-control .login-input-row input:focus { border-color: #E4701E; box-shadow: 0 0 2px #E4701E; outline: 0 none; }

/* Sign In Button  ============================== */
.login-form-control .sign-in-button-row .divBtnLogin { margin-right: 10px; display: inline-block; vertical-align: top; margin-bottom: 10px; }

.login-form-control .sign-in-button-row input { border: none; text-align: center; text-transform: uppercase; }

.login-form-control .sign-in-button-row { padding-top: 20px; }

.login-form-control .btn-sign-in { background-color: #ca4f0c; color: #fff; font-weight: 600; font-size: 12px; outline: 0; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; -webkit-transition: .2s; transition: .2s; width: 100%; height: 30px; line-height: 30px; padding-top: 1px; }

.login-form-control .btn-sign-in:focus { box-shadow: 0 0 2px #ca4f0c; background-color: #666; }

.login-form-control .btn-sign-in.disabled, .login-form-control .btn-sign-in:hover { background-color: #666; text-decoration: none; }

.login-form-control .btn-sign-in.disabled { cursor: not-allowed; pointer-events: none; }

.login-page-wrap .login-button-link { background-color: #ca4f0c; }

/* Message Container  ============================== */
.login-form-control .message-container { font-size: 13px; margin: 0; padding-bottom: 10px; position: absolute; top: 60px; background: #fff; width: 380px; padding: 15px; left: 500px; border: 1px solid #ccc; }

.login-form-control .message-container .message { padding: 0; width: 100%; }

.login-form-control .message-container .exclamation-mark { font-size: 26px; position: absolute; text-align: center; width: 30px; }

.login-form-control .message-container .exclamation-mark i { color: #CC0000; line-height: 40px; }

.login-form-control .message-container .no-panel-comm-message, .login-form-control .message-container .contact-provider-message, .login-form-control .message-container .command-sent-message { padding-bottom: 15px; }

.login-form-control .message-container .dealer-phone-message { padding-bottom: 10px; }

.login-form-control .message-container .page-errors { margin-left: 35px; }

/* The "logout-error" class is added in the Code Behind */
.login-form-control .message-container .page-errors.logout-error { background-color: #eefdef; border: 1px solid #c7f3c9; margin: 0; padding: 5px; text-align: center; width: 100%; }

/* Login Options ============================== */
.login-form-control .login-options { display: inline-block; width: 160px; }

.login-form-control .login-options .input-checkbox-row { padding: 0; }

.login-form-control .login-options .input-checkbox-row .show-password { display: none; }

.login-form-control .login-options .login-help { z-index: 10; }

.login-form-control .login-options .checkbox { display: block; font-size: 13px; margin: 2px 2px 2px 0; padding: 0; }

.login-form-control .login-options .checkbox.remember-me, .login-form-control .login-options .checkbox.keep-me-logged-in { margin-top: 0; }

.login-form-control .login-options .checkbox.remember-me { text-transform: capitalize; padding-top: 10px; }

.login-form-control .login-options .checkbox.remember-me.show-remember-me { padding-top: 0; margin-top: -1px; }

/* Login Help ============================== */
.login-form-control .login-help { padding: 0; font-size: 12px; font-family: Montserrat,Public Sans,Helvetica,Arial,sans-serif; line-height: 12px; }

.login-form-control .login-help.login-button-link .main-page { font-weight: 600; }

/* First Time Login ============================== */
.login-form-control .first-time-login-panel { margin: 20px 0 5px 0; text-align: right; }

.login-form-control .first-time-login-header { display: block; font-weight: 600; margin-top: 77px; }

.login-form-control .intro-video-message { font-size: 10px; margin-bottom: 20px; }

/* remove yellow background color for chrome autocomplete */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 9999s; -webkit-transition: color 9999s ease-out, background-color 9999s ease-out; }

.errorOverlay { background: #333; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; z-index: -1; }

.customer-login-title { font-size: 12px; pointer-events: none; border: none; }

.login-help { position: absolute; top: 0; right: 0; }

.main-login-page-only { position: relative; }

/* styles for chrome autofile override */
input:-webkit-autofill::first-line { font-family: Montserrat,Public Sans,Helvetica,Arial,sans-serif; font-size: 18px; }

/* Responsive ============================== */
@media (max-width: 1399px) { .mainNavHelp { top: 24px; } }

@media (max-width: 949px) { .mainNavHelp { top: 0; }
  .login-form-control .message-container { left: 358px; top: 20px; width: 350px; }
  .login-help, .customer-login-title { width: inherit; } }

@media (max-width: 949px) { .login-page-wrap .login-button-link.floatingButton { width: 100%; }
  .login-page-wrap { background-image: url("/get_started/img/pattern_bkgd.png?v=132422"); height: inherit; padding: 30px; width: 100%; }
  .marketing-image-container { display: none; }
  .login-page-wrap .sign-in { margin: 0 auto 30px; }
  .login-form-control .message-container { position: inherit; width: inherit; border: inherit; padding: 10px 0; }
  .login-form-control .message-container { width: 100%; } }

@media (max-width: 500px) { .login-form-control .sign-in { width: 100%; } }

@media (max-width: 370px) { .login-form-control .message-container .page-errors { font-size: 11px; }
  .login-page-wrap.container { padding-left: 20px; padding-right: 20px; } }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { display: none; }