/* Common styles*/

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url(fonts/eot/Lato-Regular.eot) format("eot");
  src: url(fonts/eot/Lato-Regulard41d.eot?#iefix) format("embedded-opentype"), url(fonts/woff/Lato-Regular.woff) format("woff"), url(fonts/ttf/Lato-Regular.ttf) format("truetype"), url(fonts/svg/Lato-Regular.svg#Lato-Regular) format("svg");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url(fonts/eot/Lato-Bold.eot) format("eot");
  src: url(fonts/eot/Lato-Boldd41d.eot?#iefix) format("embedded-opentype"), url(fonts/woff/Lato-Bold.woff) format("woff"), url(fonts/ttf/Lato-Bold.ttf) format("truetype"), url(fonts/svg/Lato-Bold.svg#Lato-Bold) format("svg");
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: 'Lato';
  text-shadow: none;  
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

body {
  margin: 0;
  color: #2A2A2A;
  text-align: left;
  font-size: 14px;
  background-color: #E7E8EA;
}

h1 {
  font-size: 30px;
  margin: 1em 0 0.4em;
  font-weight: bold;
  color: #4A4A4A;
}

h2 {
  font-size: 1.43em;
  font-weight: bold;
  margin: 1em 0;
}

h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 1em 0;
}

h4 {
  margin: 1em 0;
  font-size: 1.2em;
  font-weight: bold;
}

h5 {
  font-size: 15px;
}

a {
  text-decoration: none;
  color: #006899;
}

strong {
  font-weight: bold;
}

div {
  display: block;
}

p, span {
  line-height: 19px;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

form>ul>li {
  list-style: none outside none;
}

input[type="text"], input[type="password"], textarea {
  padding: 8px 10px;
  border: 1px solid #959595;
}

input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder {
  color: #ccc;
}

.as-link {
  color: #006899;
}

.verticalAlignTop {
  vertical-align: top;
}

.text-center {
  text-align: center;
}

.hide {
  display: none;
}

.display-inlineFlex {
  display: inline-flex;
}

.display-block {
  display: block;
}

.display-flex {
  display: flex;
}

.visibility-hidden {
  visibility: hidden;
}

.show-for-print {
  display: none !important;
}


/* CSS for print*/

@media print {
  .show-for-print {
    display: inline-block !important;
  }
  .hide-for-print {
    display: none !important;
  }
}

/* button styles */

button, input[type="submit"], a.primary-btn, a.secondary-btn {
  border: 1px rgba(0, 0, 0, 0.3);
  padding: 9px 16px;
  color: white;
  font-weight: bold;
  text-transform: capitalize;
}

button.login-btn {
  background: #5EADB2;
  border: 1px solid rgba(0, 0, 0, 0.10);
  margin-right: 1em;  
  padding: 8px 25px;
}

button.primary-btn, input[type="submit"].primary-btn, a.primary-btn {
  background: #006899;
  border: 1px solid rgba(0, 0, 0, 0.10);
}

button.secondary-btn, input[type="submit"].secondary-btn, a.secondary-btn {
  color: #006899;
  background: #D7E4EB;
  border: 1px solid rgba(0, 104, 153, .3);
}

.buttons span:nth-of-type(2) {
  margin-left: 2.5em;
}

.div-button .buttons {
  margin-top: 2em;
}

.zipForm.form-style {
  padding-bottom: 0;
}


/* Common styles end */


/* CSS for header */

header {
  background-color: #005487;
  border-bottom: 3px solid #4A0246;
}


/* CSS for body */

section.other-ally-login {
  margin-top: 3em;
}

.secureLogin {
  text-align: right;
  margin: 1em;
  color: #002A00;
  font-weight: bold;
  background: none;
}

div.permanentPlane {
  min-height: 700px;
  padding: 0 8em 3em 8em;
}

.loginForm ul li {
  padding: 0 0 0.5em 0;
}

.loginForm ul li>label, .loginForm ul li p>label {
  width: 9%;
  display: inline-block;
  text-align: right;
  padding-right: 1em;
  font-size: 1.05em;
  color: #2A2A2A;
}

.loginForm div {
  display: inline-block;
}

.loginForm a {
  font-weight: bold;
}

.dejargonator {
  border-bottom: 1px solid #2A2A2A;
}

.leftSection, .rightSection {
  display: inline-block;
}

.leftSection {
  width: 61%;  
  margin: 0.5em 0 2em;
}

.rightSection {
  width: 32%;
  vertical-align: top;
  padding: 0.5em 1.5em 1.5em;
  border: 1px solid #ccc;
  float: right;
}

.other-ally-login div>div {
  display: inline-block;
  padding: 1em 1.5em 1em 1.5em;
  border-left: 1px solid #ccc;
  text-align: center;
  vertical-align: top;
}

.other-ally-login div:first-of-type p {
  text-align: left;
  font-weight: bold;
}

.other-ally-login div div:first-of-type {
  padding-left: 0;
  border-left: 0;
  padding-top: 0.5em;
}

.other-ally-login img {
  margin-bottom: 1em;
}

img.debit {
  margin-bottom: 0.5em;
}

img.bank {
  margin-bottom: 0.7em;
}

img.demand {
  margin-bottom: 0.1em;
}


/* CSS for footer*/

footer {
  border-top: 1px solid #ccc;
  margin: 0 8em;
  padding: 1em 0;
  font-size: 0.9em;
  right: 0;
  bottom: 0;
  left: 0;
}

footer ul {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

footer ul li {
  list-style: none outside none;
  color: #666666;
}

footer ul:first-child {
	display: flex;
}
footer ul:first-child li {
	padding: 1em 0.24em 1em 0;
}
ul.footer-links {
  text-align: center;
  width: 80%;
}

ul.footer-links li {
  display: inline-block;
  padding: 1em;
  vertical-align: middle;
  font-weight: bold;
}

span#QSIFeedback {
  font-family: 'Lato';
  font-weight: bold;
  text-transform: capitalize;
}


/* Error styles*/

.error-confirmation-list, .input-error-list {
  list-style: none outside none;
  margin: 0.5em 0 0.5em;
  padding-left: 0;
  color: #D42825;
  font-weight: bold;
}
.error-confirmation-list:focus, .input-error-list:focus {
	outline: none;
}
.error-confirmation-list .page-error-message, .error-confirmation-list li, .error-confirmation-list p {
  font-size: 1em;
  display: inline-block;
  vertical-align: middle;
  width: 85%;
}

/*
.error-confirmation-list:before {
  content: "!";
  text-decoration: none;
  background: #D42825;
  padding: 1px 5px;
  border-radius: 50%;
  color: #fff;
  margin-right: 0.5em;
  font-weight: normal;
  vertical-align: middle;
}
*/
.error-confirmation-list:before {
    content: "!";
    display: inline-block;
    font-weight: normal;
    text-align: center;
    width: 1em;
    height: 1em;
    font-size: 1em;
    line-height: 1.1em;
    border-radius: 1em;
    margin-right: 0.5em;
    padding: 1px;
    color: #FFFFFF;
    background: #D42825;
    text-decoration: none;
}

.error-confirmation-list ul, .error-confirmation-list li {
  margin: 0;
  padding: 0;
}

input.input-field-error, textarea.input-field-error {
  border-color: #990000;
}

.error .message span {
  color: #D42825;
  font-weight: bold;
  display: inline-block;
  margin-top: 0.3em;
}


/* Checkbox styles */

input[type="checkbox"] {
  opacity: 0;
}

.checkbox label {
  cursor: pointer;
  position: relative;
}

.checkbox p {
  display: inline-block;
  vertical-align: middle;
}

input[type="checkbox"]~label:before {
  border: 1px solid #959595;
  margin-right: 1em;
  vertical-align: middle;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  background-color: #FFF;
  display: inline-block;
}

input[type="checkbox"]:checked~label:after {
  content: "";
  height: .3rem;
  width: 0.7rem;
  border: .25rem solid #006899;
  border-top: none;
  border-right: none;
  position: absolute;
  top: 0.1em;
  left: .35rem;
  transform: rotate(-45deg);
}

.loginForm input[type="checkbox"]~label:before {
  margin-right: 0.3em;
}

/* Radio button styling*/

.radio input[type="radio"] {
  opacity: 0;
}

.radio {
  position: relative;
  cursor: pointer;
  margin: 0.4em 0 0.8em;
  line-height: 24px;
  vertical-align: middle;
}

.radio label {
  padding-left: 20px;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  padding-top: 3px;
}

.radio label:after {
  content: '';
  width: 24px;
  height: 24px;
  border: 1px solid #979797;
  position: absolute;
  left: 0;
  top: 1px;
  border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.radio input[type="radio"]:checked+label:before {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  background: #006899;
  left: 5px;
  top: 6px;
  border-radius: 100%;
  -ms-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  z-index: 1;
}

.radio input[type="radio"]:checked+label:after {
  background: #fff;
}

.radio-input {
  display: inline-block;
}


/* Forms styles*/

form.form-style {
  padding-bottom: 2em;
}

form.accordian-form-style {
  padding: 1.5em;
  border-bottom: 1px solid #ccc;
}

form.form-style .item {
  margin: 1.5em 0 0 0;
  width: auto;
  text-align: left;
  min-height: inherit;
  font-weight: normal;
  clear: both;
}

form.form-style.zipForm .item {
  margin-top: 1em;
}

form.form-style .item label.margin-top-0, form.form-style .margin-top-0 {
  margin-top: 0.3em;
}

form.form-style .item.height1em {
  height: 1.5em;
}

form.form-style .item-left {
  text-align: left;
}

form.form-style .item.item-left>label {
  width: 10%;
}

form.form-style .item>label {
  width: 13.8%;
  display: inline-block;
  font-weight: bold;
  text-align: right;
  margin: 0.7em 0.9em 0 0;
  vertical-align: top;
}

form.form-style .item>label span {
  font-weight: normal;
}

form.form-style.accordian-form-style .item>label {
  width: 15%;
}

form.form-style.box-style .item>label {
  width: 28%;
}

form.form-style.mfaEnrollmentAccess .item>label, form.form-style.resetForgotPassword .item>label {
  width: 7%;
}

form.form-style.resetForgotPassword .item>label {
  width: 11%;
}

form.form-style.userRegistrationConfirmation .item>label {
  margin-top: 0;
}

.form-style .item>div {
  margin: 0;
  width: auto;
  display: inline-block;
}

.form-style .item .multi-controls {
  display: block;
}

.instruction {
  padding-left: 1.25em;
  vertical-align: middle;
}

.form-style .item.buttons {
  padding: 1.5em 0 2em 0;
}

.accordian-form-style .item.buttons {
  padding: 2em 0 0;
}

.item .instruction a.dejargonator, .item .instruction a.dejargonator:hover, .item .instruction a.dejargonator:active {
  color: #006899;
  border-bottom: none;
}


/* Input text style */

input, textarea {
  padding: .5rem 8px;
  border-color: #959595;
  box-shadow: none;
}

input[type="hidden"] {
  display: none;
}

input[type="text"], input[type="password"] {
  border: 1px solid #959595;
  color: #222324;
  font-family: 'Lato';
  background: #FFFFFF;
}

input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active {
  background: #FFFFE7;
}

.error input[type="text"], .error input[type="password"] {
  border: 1px solid #D42825;
}


/* Common widths */

.width10 {
  width: 15em;
}

.width15 {
  width: 15em;
}

.width20 {
  width: 20em;
}

.width25 {
  width: 25em;
}

.width421 {
  width: 41.2em;
}

.width40 {
  width: 40em;
}

.width30per {
  width: 30%;
}

.padding0 {
  padding: 0;
}

.padding-left2em {
  padding-left: 2em;
}

.margin-left-22 {
  margin-left: 22%;
}

.float-right {
  float: right;
}

.vertical-align-top {
  vertical-align: top;
}


/* Forgot username flow changes */

.div-style p {
  padding-bottom: 1em;
}


/* enroll ment step 2 css*/

form.box-style {
  width: 70%;
}

form.box-style p {
  margin-bottom: 1em;
  padding-bottom: 0;
}

.box-style .scrollWindow {
  border: 1px solid #ccc;
  padding: 1em;
  margin-bottom: 1em;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.rowa .text-redesigned .control {
  background: #ffffff;
}

table.padding-align-redesign.zebra tr td {
  padding: 0;
}

.submit-right-redesign {
  width: 14%;
}

.submit-left-redesign {
  background: #ffffff;
}

.margin-top-redesign {
  margin: 20px 0 20px 0 !important;
}

.accordion-redesign .panel-head-redesign {
  background: #F8F8F8;
  padding: 14px;
  border: 1px solid #959595;
}

body#create-user-profile .accordion-redesign h3#add-vehicle-panel-head {
  width: 705px !important;
}


/*Account-center.css*/

.inline {
  display: inline-block;
}


/* Overriding styles*/

#pc_wrap {
  margin: 0;
}

.questions {
  margin-left: 0;
}

#username_div {
  float: left;
  width: 100%;
}


/* Bullet styles */

ul.bullet-styles, .box-style ul, .box-style ol {
  padding: 0 0 0 1.5em;
}

.box-style ul {
  list-style: disc;
  margin: 0.5em 0 0.5em 0.5em;
}

ol.bullet-styles li {
  padding: 0.5em 0 0 0.5em;
}


/* accordian styles*/

div.accordian-style {
  background: #FFFFFF;
  border: 1px solid #959595;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15);
  margin-top: 2em;
}

.accordian-content {
  border-bottom: 1px solid #ccc;
}

.accordian-style h3.panel-head {
  border-bottom: 1px solid #959595;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15);
  padding: 0.5em;
  font-weight: bold;
  background: #F8F8F8;
  margin: 0;
}

.accordian-style h3.complete {
  cursor: pointer;
  background: url(images/redesign-images/green-tick.png) no-repeat 1.5% center;
  padding-left: 2.7em;
  box-shadow: none;
}

.accordian-style h3.ui-state-disabled {
  box-shadow: none;
}

.accordion-content.content-redesign {
  background: #ffffff;
  width: 96%;
}

.h3-redesign.current {
  background: #ffffff !important;
  border: 1px solid #959595;
  width: 95.5% !important;
  color: #2A2A2A;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15);
}

.h3-disabled-redesign {
  color: #959595;
}

.accordion-content.content-redesign {
  background: #ffffff;
  width: 96%;
  border-bottom: 1px solid #959595;
}


/*dejargonator styles*/

.dejargonator-wrapper .dejargonator {
  background-color: #FFFFFF;
  border: 1px solid #959595;
  width: 340px;
  position: absolute;
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  text-indent: -2222px;
  padding: 1.36rem;
  z-index: 1000;
  line-height: 1.5rem;
  text-transform: initial;
  color: #3F3F3F;
}

.dejargonator-wrapper .dejargonator:after, .dejargonator-wrapper .dejargonator:before {
  border: solid transparent;
  content: " ";
  position: absolute;
}


/* Dropdown component */

.control.select {
  position: relative;
}

.control.select:before {
  content: " ";
  position: absolute;
  right: 2.5em;
  height: 100%;
  width: 1px;
  background-color: #959595;
  z-index: 1;
}

.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url(images/redesign-images/arrow-down.png) no-repeat scroll 98% center #fff;
  align-items: center;
  border: 1px solid #959595;
  border-radius: 0;
  color: #222324;
  font-size: 14px;
  height: 32px;
  justify-content: flex-start;
  line-height: 24px;
  padding-left: 8px;
  position: relative;
  vertical-align: top;
  display: block;
  outline: 0;
  padding-right: 36px;
}

.select select::-ms-expand {
  display: none;
}


/* Table styles*/

table {
  width: 100%;
  margin-top: 2em;
  text-align: left;
}

table th {
  text-align: left;
}

table td {
  vertical-align: middle;
  padding: 0.5em 0;
}


/* dejargonator styles*/

.dj-layer {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 316px;
  z-index: 1000;
  text-align: left;
  cursor: help;
}

.dj-inner {
  background: #fff;
  padding: 1em;
  border: 1px solid #959595;
  position: absolute;
  top: -20px;
  margin-top: 0.5em;
  box-shadow: 0 4px 0 0 #D9D9D9;
}

.dj-inner h3 {
  font-size: 14px;
  font-weight: bold;
}

.dj-layer #viewFicoScore sup {
	line-height: 100%;
}

.viewport-top .dj-inner {
  margin-top: 2em;
}

.viewport-top .dj-point:after, .viewport-top .dj-point:before {
  left: 2%;
  border: solid transparent;
  content: " ";
  position: absolute;
  pointer-events: none;
  top: 6px;
}

.dj-point:after, .dj-point:before {
  left: 42%;
  border: solid transparent;
  content: " ";
  position: absolute;
  pointer-events: none;
  bottom: 12px;
}

.viewport-top .dj-point:after {
  border-top-color: #fff;
}

.viewport-top .dj-point:before {
  border-top-color: #959595;
  border-width: 0.8em;
}

.dj-point:after {
  border-bottom-color: #fff;
  border-width: 0.9em;
  left: 42.5%;
}

.dj-point:before {
  border-bottom-color: #959595;
  border-width: 1em;
}


/* Hours of operation Tooltip */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #2A2A2A;
  font-weight: normal;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #FFFFFF;
  border: 1px solid #959595;
  width: 20em;
  position: absolute;
  font-size: 0.85em;
  font-weight: normal;
  text-align: left;
  padding: 1rem;
  line-height: 1.5rem;
  color: #3F3F3F;
  top: 2.5em;
  left: -130%;
  box-shadow: 0 4px 0 0 #D9D9D9;
}

.tooltip .tooltiptext strong {
  font-size: 1.18em;
}

.tooltip:hover .tooltiptext, .tooltip:focus .tooltiptext {
  visibility: visible;
}

.tooltiptext:after, .tooltiptext:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.tooltiptext:after {
  border-bottom-color: #fff;
  border-width: 0.7em;
  margin-left: 7.6em;
}

.tooltiptext:before {
  border-bottom-color: #959595;
  border-width: 0.8em;
  margin-left: 7.5em;
}


/* Modal styles */

a#sb-nav-close span {
  background: none;
  text-align: right;
  width: 18px;
}

a#sb-nav-close span:before {
  content: "\274c";
  font-size: 1.5em;
  color: #006899;
  text-align: center;
}

#sb-overlay {
  opacity: 0.65 !important;
}


/* password strength check tool-tip */

body div.pass-strength div.controls {
  line-height: inherit;
  margin: 0;
  position: relative;
  top: auto;
  left: auto;
}

body div.pass-strength div.controls>.control {
  height: 2em;
  margin: 0 0 0.5em 0;
}

body div.pass-strength div.control>label, body div.pass-strength div.control>label.checked {
  background: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: #3F3F3F;
}

.pass-strength input[type="checkbox"]~label:before {
  height: 1.5rem;
  width: 1.5rem;
}

.pass-strength input[type="checkbox"]:checked~label:after {
  height: .25rem;
  width: 0.6rem;
  top: 0.23em;
  left: 0.35rem;
  border-color: #5F974C;
}

body div.pass-strength {
  background: #fff;
  border: 1px solid #959595;
  height: 7em;
  width: 17em;
  padding: 1em;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15);
}

body div.pass-strength:after {
  width: 16px;
  height: 16px;
  background: #FFF;
  border-width: 1px;
  border-color: transparent transparent #959595 #959595;
  border-style: solid;
  position: absolute;
  left: -10px;
  top: 3.5em;
  content: " ";
  transform: rotate(45deg);
}


/* table.dash-card */

.dash-card-style {
  margin: 2em 0;
}

table.dash-card {
  background: #FFFFFF;
  border: 1px solid #959595;
  position: relative;
  padding-left: 1.3em;
  color: #2A2A2A;
  margin-top: 0;
  width: 75%;
}

table.dash-card th, table.dash-card td {
  vertical-align: top;
  padding-top: 0;
}

table.dash-card thead th {
  padding-top: 0.8em;
  width: 25%;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  text-align: left;
}

table.dash-card thead:before, table.dash-card tbody:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0.5em;
  height: 97%;
  border: 1px solid #fff;
  background: #607D8B
}


/*
table.dash-card:nth-child(odd) thead:before, table.dash-card:nth-child(odd) tbody:before {
  background: #607D8B;
}

table.dash-card:nth-child(even) thead:before, table.dash-card:nth-child(even) tbody:before {
  background: #009688;
}
*/

#sb-frame-top, #sb-frame-rt, #sb-frame-lt, #sb-frame-lt-btm {
  display: none;
}

#sb-wrapper #sb-frame-btm {
  padding: 0;
  margin: 0;
  background: white;
}

#sb-container #sb-wrapper #sb-wrapper-inner {
  padding: 2em 1.2em 1.2em 2em !important;
  background: #fff;
  left: -20px;
  top: -10px;
}

#auto_userName::placeholder {
  color: #959595;
}


/*Print icon */

#sb-player a#print-modal {
  display: block;
  position: absolute;
  top: -22px;
  right: 0;
  width: 60px;
  height: 25px;
  padding-left: 25px;
  background: url(images/icons-tools-extended.png) no-repeat scroll 2px 0 transparent;
  font-size: 11px;
  color: #808080;
}

#create-user-profile #sb-body-inner h1, #pre-login #sb-body-inner h1 {
  display: none;
}

#create-user-profile #sb-container #sb-wrapper #sb-wrapper-inner #sb-body #sb-body-inner {
  margin-top: 5px !important;
}

#sb-body #sb-body-inner #sb-player a#print-modal {
  top: -18px !important;
}

.termsofUsePopUpContent h4 {
  margin-bottom: 0.5em;
}

.js-hide {
  display: none;
}

#page div.ajax-spinner {
  width: 200px;
  height: 200px;
  background: transparent url(images/loading.gif) no-repeat center center;
  z-index: 30;
}


/* Accessbility fixes */

input[type="radio"]:focus+.simple-radio-label::after {
  outline: 1px dotted #3798c7;
  outline: auto 5px -webkit-focus-ring-color;
}

input[type="checkbox"]:focus+.simple-checkbox-label::before, input[type="checkbox"]:focus+input[type="hidden"]+.simple-checkbox-label::before {
  outline: 1px dotted #3798c7;
  outline: auto 5px -webkit-focus-ring-color;
}

h1 {
  font-size: 30px;
  margin: 1em 0 0.4em;
  font-weight: bold;
}

.main-content h1{
	margin:1em 0 0.3em;
}

.loginForm ul li {
  display: flex;
  flex-wrap: wrap;
}

.loginForm ul li>label, .loginForm ul li p>label {
  padding-right: 1.25em;
  margin: 0.5em 0 auto 0;
}

.loginForm .input-error-list {
  width: 100%;
}

.loginForm .checkbox {
  padding-top: 5px;
}

.checkbox {
  padding-top: 10px;
}

.pass-strength .checkbox {
  padding-top: 0;
}

.loginForm .forgotLinks {
  display: flex;
}

.forgotLinks span, .forgotLinks a {
  padding-right: 3px;
  line-height: 1;
}

.form-style .item.buttons span {
  display: inline-flex;
  padding-right:25px;
}

.instruction {
  display: inline-flex;
  padding-top: 2px;
}

footer {
  display: flex;
}

ul.footer-links {
  display: inline-flex;
  width: 50%;
  margin: 0 auto;
}


/* CSS for browser compatibility message - ragu - 30July2012*/

.padding0px10px {
  padding: 0 10px;
}

.paddingTop15px {
  padding-top: 15px;
}

#browserCallOutContainer,
.scriptCallOutContainer {
  background: #d4d4d5;
  position: relative;
  width: 100%;
  padding: 1px 0 0;
  height: 42px;
}

#browserCallOutContainer .browserCallOutContent,
.scriptCallOutContainer .scriptCallOutContent {
  padding: 0 110px;
  margin: auto;
  text-align: left;
}

#browserCallOutContainer .browserCallOutContent h2,
.scriptCallOutContainer .scriptCallOutContent h2 {
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0 0;
}

#browserCallOutContainer .browserCallOutContent h2 a {
  font-size: 14px;
  font-weight: bold;
}

#pre-login #sb-wrapper-inner form#browserForm, #pre-login #sb-info-inner .browserPopupClose {
  margin-right: 0;
}
#pre-login #sb-wrapper-inner form#browserForm h2 {
	margin-top: 0;
	color: #005487;
	font-weight: normal;
}

/* CSS changes for accessibility */

.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.opHours, .secureLogin a {

  display: inline-flex;
  line-height: 15px;
}

.questionSymbol {
  margin-left: -3px;
  color: #006899;
}

.tooltip {
  display: inline-flex;
}

.accountNumber .radio-input .choose_number, .createUserProfileAddVehicles .radio input[type="radio"], a.view-terms-of-use-link {
  display: -moz-inline-grid;
}

a.freeAdobeReaderLink {
  display: -moz-inline-box;
}

.mfa-device-help {
  width: 47%;
}

.step3-password-help {
  width: 225px;
}

.wrapper, #page.ac {
  min-width: 1280px;
}


/* CSS media queries here */

@media screen and (max-width: 1280px) {
  div.permanentPlane {
    padding: 0 2em 3em 2em;
  }
  header {
    padding: 1.2em 2em;
  }
  footer {
    margin: 0 2em;
  }
}


/* IE specific styles */
@media all and (-ms-high-contrast:none){
  input[type='text'], input[type='password'] {
	line-height: 1.2em;
  }
  form.form-style .item > label {
	margin-top: 0.7em;
  }
  .main-content h1{
	  margin:1em 0 0.3em;
  }
  .radio-label{
	  padding-top:3px;
  }
  .form-style .buttons.item span{
	  padding-right:18px;
  }
}

a:focus, h1:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus {
  outline: 1px dotted #3798c7;
  outline: auto 5px -webkit-focus-ring-color;
}

.password-hint-helper:focus~.password-hint {
  visibility: visible;
  display: inline-block;
}

.password-hint {
  margin-left: 1em;
  float: right;
}

.gradientSection {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 -300px 200px -200px #fff inset;
}

.expandArrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: solid black;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 8px;
  border-color: #006899;
  margin-top: -5px;
}

.expandIconDiv {
  text-align: center;
  width: 60px;
  margin: -15px auto 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  height: 31px;
  border: 1px solid #ccc;
  border-top: 1px solid #fff;
  z-index: 99;
  position: relative;
  cursor: pointer;
}

.expandIconDiv:focus {
  outline: 1px dotted #3798c7;
  outline: auto 5px -webkit-focus-ring-color;
}

.expandIconDiv:focus .expandArrow, .expandIconDiv:hover .expandArrow {
  border-width: 0 5px 5px 0;
}

h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, p[tabindex="-1"]:focus, div[tabindex="-1"]:focus {
  outline: none;
}

.osTitle {
  margin: 10px 0 0 5px;
  font-weight: bold;
  display: block;
}

.loginForm ul li.loginDiv {
  padding-top: 0.9em;
}

.loginForm ul li.loginDiv label {
  margin: 0;
}

.loginForm ul li:last-of-type {
  padding-top: 0.3em;
}

.div-style.enrollment p {
  color: #2A2A2A;
  font-size: 16px;
}

.div-style.enrollment ul {
  color: #2A2A2A;
  padding-left: 1em;
  font-size: 20px;
}

.userDetails .margin-top-0 {
  padding-bottom: 2em;
}

input[type="checkbox"]:checked~label.disabled:after {
  border-color: #959595;
}

h4.margin-top-2 {
  margin-top: 2em;
}

.userDetails h4 {
  font-weight: normal;
  color: #3F3F3F;
  font-size: 20px;
}

.createUserProfileAddVehicles table td {
  padding-top: 0;
}

.createUserProfileAddVehicles table td:last-of-type {
  padding-bottom: 0;
}

.createUserProfileAddVehicles .checkbox {
  padding-top: 0;
}

.createUserProfileAddVehicles fieldset .radio {
  margin-bottom: 0;	
}

.radio:last-of-type {
  margin-bottom: 0.3em;	
}

.form-style .item p {
  padding-top: 5px;
}

.div-style.enrollment ul li span {
  font-size: 16px;
  font-weight: bold;
}

.header-logo img {
  height: 37px;
  width: 65px;
  padding: 18px 112px;
}

.loginForm ul li.passwordField {
  padding: 0.7em 0 0 0;
}

form.form-style .item.vinNumber {
    margin-top: 1em;
} 

.mfaChallange .item h4 {
    font-size: 14px;
    margin-bottom: 5px;
	padding-top: 10px;
}
.mfaChallange .mfa-device-help {
    width: 62%;
}
.mfaChallange.form-style .item.buttons {
    padding: 2em 0;
}
.mfaChallange:first-child  p {
  padding-bottom: 10px ;
}

.width396 {
  width: 39.6em;
}

.resetQuestion p{
    margin-left: 0.1em;
}

.resetQuestion h4{
    margin-left: 0.1em;
    margin-top: 1.8em;
    margin-bottom:0.4em;
}

.width11 {
  	width: 11em;
}

p.marginLeft2px {
	margin-left: 2px;
}

div#marginRight2em{
	margin-right:2em;
}

#paddingLeft03em{
	padding-left:0.3em;
}

div#marginRight7em{
	margin-right:7em;
}

.paddBottom15px {
	padding-bottom: 15px;
}

#currentYear {
	line-height: inherit;
}