/*
Colors
============================================================
Green Default:     #4C9C2E
Green Dark:        #1A5632
Green Light:       #7CC600
------------------------------------------------------------
Grey Dark:         #231F20
Grey:              #796e70
Grey Light:        #CFCFCF
Grey Lighter:      #E9E9E9
Grey Lightest:     #F5F5F5
------------------------------------------------------------
White:             #FFFFF
------------------------------------------------------------

Fonts
============================================================
Primary Font:      'Lato', sans-serif
------------------------------------------------------------
Header Font:       'futura-pt', sans-serif
------------------------------------------------------------       
*/
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&display=swap);

body {
  font-family: 'Lato', sans-serif;
  background-color: #E9E9E9;
  /* Matching Marketing Background Color */
  background-color: #FFFFFF !important;
}

h1,
h2,
h3,
h4 {
  font-family: 'futura-pt', sans-serif;
  color: #1A5632;
}

h1,
h2,
h3 {
  font-weight: 500;
}

h4,
h5 {
  font-weight: 500;
}

h5 {
  color: #4C9C2E;
}

button {
  background-color: #4C9C2E;
  color: #ffffff;
  font-weight: 800;
  border: none;
  border-radius: 12px;
  padding: 8px 16px;
  transition: background-color 0.3s ease;
}

button:hover {
  color: #ffffff;
  background-color: #1A5632;
}

/* button:not(.rbFlatButton):hover .rbText {
  color: #ffffff;
} */

a {
  color: #4C9C2E;
  transition: background-color 0.3s ease;
}

a:hover {
  color: #1A5632;
  text-decoration: none;
}

/* Universal Show/Hide classes */

.show-on-mobile {
  display: block;
}

.hide-on-mobile {
  display: none;
}

@media (min-width: 768px) {

  .show-on-mobile{
      display: none;
  }

  .hide-on-mobile {
      display: block;
  }
}

/* Header */

.navbar {
  border-bottom: 4px solid #4C9C2E;
  min-height: 64px;
  padding: 0;
}

@media (min-width: 768px) {
  .navbar::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background-color: #4C9C2E;
  }
  .navbar::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: calc(100% - 64px);
    background-color: #7CC600;
  }
}

.navbar .container-xl {
  padding: 0;
}

@media (min-width: 768px) {
  .navbar .container-xl {
    flex-direction: column;
    position: relative;
    z-index: 2;
  }
}

/* Header - Logo */

.logo-container {
  width: 100%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
}

@media (min-width: 768px) {
  .logo-container {
    height: 120px;
  }
}

.navbar-brand img {
  width: 100%;
  max-width: 180px;
}

@media (min-width: 768px) {
  .navbar-brand img {
    max-width: 350px;
  }
}

.navbar-desktop-info {
  display: none;
  align-items: center;
  justify-content: flex-end;
  width: 55%;
  background-color: #7CC600;
  height: 100%;
  position: relative;
  padding-right: 12px;
}

@media (min-width: 768px) {
  .navbar-desktop-info {
    display: flex;
  }
}

.navbar-desktop-info .navbar-desktop-info-angle {
  height: 100%;
  width: auto;
  position: absolute;
  right: calc(100% - 1px);
  top: 0;
}

.navbar-desktop-info .navbar-desktop-info-angle polygon {
  fill: #7CC600;
}

.navbar-desktop-info p {
  font-weight: bold;
  margin-bottom: 0;
}

.navbar-desktop-info button {
  margin-left: 24px;
}

/* Header - Mobile Nav Button */

.navbar .navbar-toggler {
  background: #4C9C2E;
  height: 64px;
  width: 64px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
  border: none;
}

.navbar-toggler-angle {
  position: absolute; 
  top: 0;
  right: 100%;
  width: 46px;
  height: 64px;
}

.navbar-toggler-angle polygon {
  fill: #4C9C2E;
}

.navbar .navbar-toggler .navbar-menu-icon {
    display: block;
    position: absolute;
    width: 32px;
    height: 4px;
    background-color: #231F20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
}

.navbar .navbar-toggler .navbar-menu-icon::before,
.navbar .navbar-toggler .navbar-menu-icon::after {
  content: '';
  display: block;
  position: absolute;
  width: 32px;
  height: 4px;
  background-color: #231F20;
  border-radius: 4px;
  top: -10px;
  left: 6px;
}

.navbar .navbar-toggler .navbar-menu-icon::after {
  top: auto;
  bottom: -10px;
  left: -6px;
}

/* Header - Navigation */

.navbar .navbar-nav {
  background: #4C9C2E;
  padding: 12px 16px;
  width: 100%;
}

@media (min-width: 768px) {
  .navbar .navbar-nav {
    height: 64px;
  }
}

.navbar .navbar-nav .nav-link {
  font-weight: 700;
  color: rgba(255,255,255,0.8);
}

.dropdown-menu {
  border: none;
}

@media (min-width: 768px) {
  .dropdown-menu {
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    border-radius: 12px;
  }
}

.dropdown-menu .dropdown-item {
  color:#1A5632;
  font-weight: 700;
}

/* Intro */
.intro-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.intro-wrapper .intro-graphic {
  width: 100%;
  max-width: 300px;
  margin-bottom: 32px;
}

/* New overrides */
/* #ctl00_SkinChooser {
  display: none;
}

#goauto-form {
  padding: 0 32px;
} */


/* button.RadButton.rbPrimaryButton {
  border-radius: 20px;
  width: auto;
} */

/* Style Overides
-----------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------
 */

/* Card Start New */
.ga-card-start div.RadInput.RadInput_Material {
  border-radius: 25px 0 0 25px;
}

.ga-card-start .col-10,
.ga-card-start .col-2 {
  padding: 0;
}

.ga-card-start div.button-wrapper {
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
  height: 50px;
  background: #f5f5f5;
  border-radius: 0 25px 25px 0;
}

/* Quote Progress Navigation */

.quick-quote-navigation {
  background: #fbfbfb;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
  margin-top: 0;
  position: relative;
  /* border-top: 5px solid #4a9c2d; */
}

form:not([action="./StartAQuote.aspx"]) .quick-quote-navigation::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #E9E9E9;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.quick-quote-navigation .container {
  background: #fbfbfb;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0 !important;
  position: relative;
}

#navigation-content-container {
  background: #fbfbfb;
}

#navigation-content-container::before {
  content: '';
  display: table;
  height: 0;
  width: 0;
}

#navigation-content-container .quote-nav {
  margin-top: 40px;
  overflow: visible;
  position: relative;
  z-index: 2;
}

#navigation-content-container .quote-nav__steps {
  display: flex;
  justify-content: space-around;
  width: 100%;
  flex-wrap: nowrap;
  margin-bottom: -17px;
  z-index: 2;
  position: relative;
}

#navigation-content-container .quote-nav .quote-nav__item {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
}

#navigation-content-container .quote-nav .quote-nav__item-label {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
  color: #CFCFCF;
  text-align: center;
}

#navigation-content-container .quote-nav .quote-nav__item-label a {
  color: #796e70;
  transition: color 0.3s ease-in;
}

#navigation-content-container .quote-nav .quote-nav__item-label a:hover {
  color: #4C9C2E;
}

#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1 .quote-nav__item-label,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2 .quote-nav__item-label,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3 .quote-nav__item-label,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4 .quote-nav__item-label,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5 .quote-nav__item-label,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6 .quote-nav__item-label,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-label,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8 .quote-nav__item-label,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1 .quote-nav__item-label a,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2 .quote-nav__item-label a,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3 .quote-nav__item-label a,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4 .quote-nav__item-label a,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5 .quote-nav__item-label a,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6 .quote-nav__item-label a,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-label a,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8 .quote-nav__item-label a {
  color: #1A5632;
}

#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1::before,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2::before,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4::before {
  content: '';
  display: block;
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #CFCFCF;
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
}

.scrolled #navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1::before,
.scrolled #navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2::before, 
.scrolled #navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4::before {

    opacity: 0;

}

#navigation-content-container .quote-nav .quote-nav__item-1::after,
#navigation-content-container .quote-nav .quote-nav__item-2::after,
#navigation-content-container .quote-nav .quote-nav__item-3::after,
#navigation-content-container .quote-nav .quote-nav__item-4::after,
#navigation-content-container .quote-nav .quote-nav__item-5::after,
#navigation-content-container .quote-nav .quote-nav__item-6::after,
#navigation-content-container .quote-nav .quote-nav__item-7::after,
#navigation-content-container .quote-nav .quote-nav__item-8::after {
  content: '';
  display: none;
  height: 4px;
  width: 50%;
  position: absolute;
  left: 0;
  bottom: 13px;
  background: #4C9C2E;
}

#navigation-content-container .quote-nav .quote-nav__item-1::after {
  border-radius: 2px 0 0 2px;
}

/* Progress Bar - Step 1 */
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1::after {
  display: block;
}

/* Progress Bar - Step 2 */
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-1::after {
  width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2::after {
  content: '';
  display: block;
}

/* Progress Bar - Step 3 */
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-2::after {
  width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3::after {
  display: block;
}

/* Progress Bar - Step 4 */
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-3::after {
  width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4::after {
  display: block;
}

/* Progress Bar - Step 5 */
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-4::after {
  width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5::after {
  display: block;
}

/* Progress Bar - Step 6 */
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-5::after {
  width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-5::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6::after {
  display: block;
}

/* Progress Bar - Step 7 */
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-5::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-6::after { 
  width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-5::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-6::after, 
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7::after {
  display: block;
}

/* Progress Bar - Step 8 */
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-5::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-6::after, 
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-7::after { 
  width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-5::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-6::after, 
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-7::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8::after {
  display: block;
}

#navigation-content-container .quote-nav .quote-nav__item-marker {
  position: relative;
  z-index: 2;
}


#navigation-content-container .quote-nav .quote-nav__item-marker span {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  transform: translate(-50%, -50%);
  z-index: 5;
}

#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8 .quote-nav__item-marker span {
  display: flex;
  align-items: center;
  justify-content: center;
}

#navigation-content-container .quote-nav .quote-nav__item-marker::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: transparent;
  z-index: 1;
}

#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8 .quote-nav__item-marker::before {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

#navigation-content-container .quote-nav .quote-nav__item-marker::after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #4C9C2E;
  z-index: 2;
}

#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-2 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-3 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-4 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-5 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-8 .quote-nav__item-marker::after {
  background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-3 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-4 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-5 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-8 .quote-nav__item-marker::after {
  background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-4 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-5 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-8 .quote-nav__item-marker::after {
  background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-5 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-8 .quote-nav__item-marker::after {
  background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-8 .quote-nav__item-marker::after {
  background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-8 .quote-nav__item-marker::after {
  background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-8 .quote-nav__item-marker::after {
  background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8 .quote-nav__item-marker::after {
  height: 20px;
  width: 20px;
}

#navigation-content-container .quote-nav .quote-nav__progress {
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: #CFCFCF;
  overflow: hidden;
}

#main-content-container .RadWizard_Material.RadWizard {
  padding: 0;
  overflow: visible;
}

#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4.quote-nav__item-complete .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-marker span {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background-image: url('/assets/images/icon-star.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
}

#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4.quote-nav__item-complete::before,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7::before {
  display: none;
}

/* Main Container */

/* Not sure why but this element has an overflow auto causing a horizontal scroll */
#main-content-container .RadWizard .rwzContent {
  overflow: visible;
}
/* This is wrapping the main card on the Rates summary page and causing the shadow to hide */
#main-content-container .RadWizard .rwzContentWrapper {
  overflow: visible;
}

/* Title that falls outside of the card container */
#main-content-container .outer-title {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: 'futura-pt', sans-serif;
  margin-bottom: 12px;
  display: block;
  color: #1A5632;
}

/* Start Page Styles */
#main-content-container .start-a-quote-graphic {
  display:block;
  margin-bottom: 32px;
}

#main-content-container .start-a-quote-text.outer-title {
  margin-bottom: 32px;
}

/* Cards */
#main-content-container .card {
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
                0 2px 4px rgba(0,0,0,0.07), 
                0 4px 8px rgba(0,0,0,0.07), 
                0 8px 16px rgba(0,0,0,0.07),
                0 16px 32px rgba(0,0,0,0.07), 
                0 32px 64px rgba(0,0,0,0.07);
}

#main-content-container,
#main-content-container .RadWizard_Material,
#main-content-container p {
  color: #1A5632;
}


#main-content-container .row {
  width: calc(100% + 30px);
}

#main-content-container .row .col-12 {
  clear: both;
}

#main-content-container .row div[class*="col"] p:only-child {
  margin-bottom: 0;
}

#main-content-container .card .container {
  padding: 0;
  overflow: visible;
}

/* some specific IDs are included when the rows are generated dynamically inside of a container */
#main-content-container .card div[id*="PNL_NotPresentlyInsured"] .row,
#main-content-container .card div[id*="IncidentReport_ManageIncidents"] .row,
#main-content-container .card .container .row:not(:only-child), 
#main-content-container .card .card-body .row:not(:only-child) {
  margin-bottom: 16px;
}

#main-content-container .card .row .col-12 + .col-12 {
  margin-top: 8px;

}

#main-content-container .card .container .row.card__inline-label div[class*="col"] {
  display: flex;
  align-items: center;
}

#main-content-container .card .container .row.card__inline-label div[class*="col"]:last-of-type {
  justify-content: flex-end;
}

#main-content-container .card .container .row.card__inline-label .card__label,
#main-content-container .card .container .row.card__inline-label .card__label-sub,
#main-content-container .card .row div[class*="col"] .card__label:only-child,
#main-content-container .card .row div[class*="col"] .card__label-sub:only-child {
  margin: 0;
}

#main-content-container .card .card__label  + .help-icon {
  float: left;
  display: block;
  height: 24px;
  width: 24px;
  background-image: url('/assets/images/icon-help.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 8px;
  cursor: pointer;
}

#main-content-container .card .card__label,
.vehicle-coverage-intro-card .card__label {
  float: left;
  display: block;
  padding: 0;
  margin-bottom: 8px;
  background-color: transparent;
  border-bottom: none;

  font-family: 'futura-pt', sans-serif;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  color: #1A5632;
}

#main-content-container .card .card__label-sub {
  display: block;
  padding: 0;
  margin-bottom: 6px;
  background-color: transparent;
  border-bottom: none;

  font-family: 'futura-pt', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: none;
  color: #1A5632;
}

/* Card Intro */
#main-content-container .card.card-intro {
  border-radius: 0;
  background-color: #CFCFCF;
  border: 0;
  box-shadow: none;
}

#main-content-container .card.card-intro .card-intro__label {
  font-family: 'futura-pt', sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

#main-content-container .card.card-intro .RadLabel_Material {
  color: #4C9C2E;
}

#main-content-container .card.card-intro .row:nth-child(2) .RadLabel_Material {
  color: #1A5632;
  font-weight: normal;
}

#main-content-container .card.card-intro .row:not(:first-child) .RadLabel_Material {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

#main-content-container .card.card-intro div[id*="LBL_VehicleDetails"],
#main-content-container .card.card-intro span[id*="LBL_VehicleDetails"] {
  line-height: 2em;
}

#main-content-container .card.card-intro .row:only-child {
  margin-bottom: 0;
}

/* Card Intro - Button */
#main-content-container .RadButton_Material.rbButton, 
#main-content-container .rwzButton {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 24px;
  box-shadow: none;
  text-transform: capitalize;
}

#main-content-container .rwzButton:not(.rwzCancel) {
  background-color: #4C9C2E;
  color: #fff;
}

#main-content-container .card.card-intro .RadButton_Material.rbButton.rbFlatButton,
#main-content-container .RadButton_Material.rbButton.rbFlatButton,
#main-content-container .RadButton_Material.rbButton.rbFlatButton.rbFocused,
#main-content-container .RadButton_Material.rbButton.rbFlatButton.rbSelected, 
#main-content-container .RadButton_Material.rbButton.rbFlatButton:focus {
  background-color: transparent;
  color: #4C9C2E;
  text-transform: none;
  padding: 0;
  min-width: 0;
  min-width: 0;
  min-height: 0;
  border-radius: 0;
  text-decoration: underline;
}

#main-content-container .RadButton_Material.rbButton.rbPrimaryButton, 
#main-content-container .RadButton_Material.rbButton.rbPrimaryButton.rbSelected, 
#main-content-container .RadButton_Material.rbButton.rbPrimaryButton.rbToggled {
  border-color: #4C9C2E;
  color: #fff;
  background-color: #4C9C2E;
}

#main-content-container .card.card-intro .rbButton {
  background-color: #4C9C2E;
  color: #fff;
  border-radius: 30px;
  padding: 8px 18px;
  font-size: 12px;
}

/* Footer Nav Buttons */

#main-content-container .l2dCustomRadWizard.RadWizard_Material .rwzBreadCrumb .rwzText:before {
  background-color: #7CC600;
}

#main-content-container .l2dCustomRadWizard.RadWizard_Material .rwzSelected .rwzLink .rwzText:before {
  background-color: #4C9C2E;
}

#main-content-container .wizard-nav-buttons,
#main-content-container .page-nav-buttons {
  margin-top: 24px;
}

#main-content-container .wizard-nav-buttons div[class*="col"],
#main-content-container .page-nav-buttons div[class*="col"] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#main-content-container .wizard-nav-buttons div[class*="col"]:nth-child(2),
#main-content-container .page-nav-buttons div[class*="col"]:nth-child(2) {
  justify-content: flex-end;
}

#main-content-container .wizard-nav-buttons div.col-12:only-child,
#main-content-container .page-nav-buttons div.col-12:only-child {
  padding-left: 15px;
  padding-right: 15px;
  justify-content: flex-end;
}

#main-content-container .wizard-nav-buttons .RadButton[value="Back"] {
  margin-left: 5px;
} 

#main-content-container .page-nav-buttons .RadButton[value="Back"] {
  margin-left: 20px;
}

.RadButton[value="Back"] span::before {
  content: '<';
  display: inline-block;
  margin-right: 4px;
}

#main-content-container .wizard-nav-buttons .RadButton[value="Cancel"], 
#main-content-container .page-nav-buttons .RadButton[value="Cancel"] {
  margin-left: 7px;
}

#main-content-container .RadButton[value="Save & return later"] {
  margin-top: 20px;
  margin-right: 18px;
}

#main-content-container .RadButton[value="Save & return later"] span {
  text-transform: capitalize;
}

/* Input - inline button/element */

#main-content-container .input-inline-element-wrapper {
  position: relative;
}
#main-content-container .input-inline-element-wrapper button.rbButton {
  display: block;
  width: 100px !important;
  position: absolute;
  top: 50%;
  right: 5px;
  box-shadow: none;
  transform: translateY(-50%);
}

#main-content-container .input-inline-element-wrapper .RadInput.RadInput_Material input, 
#main-content-container .input-inline-element-wrapper .rddlFakeInput.rddlDefaultMessage {
  width: calc(100% - 120px);
}

/* Yes/No Toggle Button */
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-unset,
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-yes,
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no {
  display: inline-flex;
  width: auto;
  height: 48px;
  padding: 3px;
  border-radius: 24px;
  background: #f5f5f5;
}

#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-unset .rbText,
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-yes .rbText,
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no .rbText {
  display:none;
}
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-unset:before,
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-yes:before,
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no:before {
  display: flex;
  content: 'YES';
  align-items: center;
  justify-content: center;
  order: 1;
  min-width: 60px;
  height: 100%;
  padding: 0 12px;
  border-radius: 24px;
  color: #fff;
  background: #4C9C2E;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-unset:before {
  color: #1A5632;
  background: transparent;
}

#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no:before {
  color: #1A5632;
  background: transparent;
}

#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-unset:after,
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-yes:after,
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no:after {
  content: 'No';
  display:flex;
  align-items: center;
  justify-content: center;
  order: 2;
  min-width: 60px;
  height: 100%;
  border-radius: 24px;
  color: #1A5632;
  background: transparent;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no:after {
  color: #fff;
  background: #4C9C2E;
}

#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-yes:after {
  color: #1A5632;
  background: transparent;
}

/* Number Button */

#main-content-container div.RadInput.RadInput_Material.l2dPlusMinusTextBox {
  display: flex;
  justify-content: space-between;
  width: 130px;
  height: 48px;
  padding: 0 3px;
}

#main-content-container div.RadInput.RadInput_Material.l2dPlusMinusTextBox input {
  text-align: center;
}

#main-content-container div.RadInput.RadInput_Material.l2dPlusMinusTextBox .riSelect {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 42px;
  width: 42px;
  flex-shrink: 0;
  color: #fff;
  background: #4C9C2E;
  border-radius: 50%;
  right: auto;
  left: auto;
  top: auto;
  bottom: auto;
}

#main-content-container div.RadInput.RadInput_Material.l2dPlusMinusTextBox .riSelect a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border: none;
}

#main-content-container .RadInput_Material .riUp:before,
#main-content-container .RadInput_Material .riDown:before {  
  margin-top: 0;
}

/* Input */

#main-content-container .RadInput.RadInput_Material {
  background-color: #F5F5F5;
  border-radius: 25px;
  width: auto;
  min-height: 50px;
  display: flex;
  align-items: center;
}
#main-content-container .has-error .RadInput.RadInput_Material,
#main-content-container .RadInput.RadInput_Material.has-error {
  border: 2px solid #d3353580;
}

/* Input - Placeholder Text Style  */

#main-content-container .RadDropDownList.RadDropDownList_Material .rddlFakeInput {
  color: #1A5632;
}

#main-content-container .RadDropDownList.RadDropDownList_Material .RadInput.RadInput_Material input, 
#main-content-container .RadDropDownList.RadDropDownList_Material .rddlFakeInput.rddlDefaultMessage {
  color: #4C9C2E;
  opacity: 1;
  font-style: normal !important;
  border-bottom: none;
}

#main-content-container .RadInput_Material input.riTextBox {
  border: none;
  color: #4C9C2E;
}

/* Dropdown */

#main-content-container .RadDropDownList.RadDropDownList_Material .rddlInner {
  background-color: #F5F5F5;
  border-radius: 25px;
  min-height: 50px;
  display: flex;
  align-items: center;
}

#main-content-container .RadDropDownList.RadDropDownList_Material.has-error .rddlInner {
  border: 2px solid #d3353580;
}

#main-content-container .RadDropDownList.RadDropDownList_Material .rddlInner .rddlSelect {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #4C9C2E;
  border-radius: 20px;
  border-radius: 20px;
  height: 40px;
  width: 60px;
  box-sizing: border-box;
  top: auto;
  bottom: auto;
  left: auto;
  right: 5px;
}

#main-content-container .RadDropDownList.RadDropDownList_Material .rddlInner .rddlSelect .p-icon {
  color: #fff;
  height: auto;
  width: auto;
}

#main-content-container .RadDropDownList.RadDropDownList_Material .rddlInner::before,
#main-content-container .RadPicker_Material .RadInput:before {
  display: none;
}

.rddlSlide .rddlList .rddlItem {
  margin: 12px 24px;
  padding: 0;
  color: #1A5632;
}

.rddlSlide .rddlList .rddlItem:not(:last-of-type) {
  padding: 0 0 12px 0;
  border-bottom: 2px solid #fff;
}

.rddlSlide .rddlList .rddlItem .dropdown-item {
  display: flex;
  align-items: center;
  padding: 0;
  color: #1A5632;
}

.rddlSlide .rddlList .rddlItem .dropdown-item .dropdown-logo,
.rddlSlide .rddlList .rddlItem .dropdown-item .dropdown-text {
  display: flex;
}

.rddlSlide .rddlList .rddlItem .dropdown-item .dropdown-logo {
  margin-right: 12px;
}

/* Dropdown element */
.rddlSlide .rddlPopup.rddlPopup_Material {
  border-radius: 20px;
  top: 0;
  background-color: #F5F5F5;
  margin-top: 2px;
}

.rddlSlide .rddlPopup.rddlPopup_Material .rddlItem.rddlItemSelected {
  color: #7CC600;
}

/* Multi-select element */
#main-content-container .k-widget.k-multiselect.RadMultiSelect.RadMultiSelect_Material {
  background-color: #F5F5F5;
  border-radius: 25px;
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
#main-content-container .k-widget.k-multiselect.RadMultiSelect.RadMultiSelect_Material.k-state-focused > .k-multiselect-wrap {
  box-shadow: none;
}

#main-content-container .k-widget.k-multiselect.RadMultiSelect.RadMultiSelect_Material.k-state-focused > .k-multiselect-wrap::after,
#main-content-container .RadMultiSelect_Material .k-multiselect-wrap::after {
  display: none;
}

#main-content-container .RadMultiSelect_Material .k-multiselect-wrap li.k-button {
  background-color:#4C9C2E;
  color: #fff;
  padding: 4px 10px 4px 12px;
}

#main-content-container .RadMultiSelect_Material .k-multiselect-wrap li.k-button .k-i-close {
  background-color: #7CC600;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#main-content-container .RadMultiSelect_Material .k-multiselect-wrap li.k-button .k-i-close::before {
  color: #fff;
}

#main-content-container .RadMultiSelect_Material .k-multiselect-wrap li.k-button .k-i-close:hover::before {
  color: #fff;
}

#main-content-container .k-list-container.RadMultiSelectDropDown_Material .k-list .k-item.k-state-selected, 
#main-content-container .k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel.k-state-selected {
  color: #7CC600;
}

#main-content-container .k-list-container.RadMultiSelectDropDown_Material .k-list .k-item:hover.k-state-selected {
  color: #4C9C2E;
  background-color: #fff;
}

.k-animation-container .RadMultiSelectDropDown_Material.k-popup {
  border: none;
  background-color: transparent;
}

.k-list-container.RadMultiSelectDropDown_Material .k-list-scroller {
  background-color: #f5f5f5;
  border: none;
  border-radius: 20px;
  padding: 12px;
  font-family: "Roboto","Noto",sans-serif;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
}
.k-list-container.RadMultiSelectDropDown_Material .k-list .k-item:focus, 
.k-list-container.RadMultiSelectDropDown_Material .k-list .k-item.k-state-focused, 
.k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel:focus, 
.k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel.k-state-focused {
  box-shadow: none;
}

.k-list-container.RadMultiSelectDropDown_Material .k-list .k-item.k-state-selected, 
.k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel.k-state-selected {
  color: #7CC600;
}

.k-list-container.RadMultiSelectDropDown_Material .k-list .k-item:hover.k-state-selected, 
.k-list-container.RadMultiSelectDropDown_Material .k-list .k-item.k-state-hover.k-state-selected, 
.k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel:hover.k-state-selected, 
.k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel.k-state-hover.k-state-selected {
  background-color: transparent;
  color: #4C9C2E;
}
.k-multiselect.RadMultiSelect_Material .k-multiselect-wrap:hover, 
.k-multiselect.RadMultiSelect_Material .k-multiselect-wrap.k-state-hover {
  border: none;
  box-shadow: none;

}
/* Vehicle Dropdown Logos */
.vehiclemake.dropdown-logo,
.vehicle-coverage-intro-card .list-logo,
.vehicle-item .list-logo {
  display:block;
  width: 32px;
  height: 32px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/assets/images/icon-car.svg');
  margin-right: 8px;
}

.vehicle-coverage-intro-card .list-logo,
.vehicle-item .list-logo {
  width: 64px;
  height: 64px;
  margin-right: 16px;
}

.vehiclemake.dropdown-logo.vehicle-make-acura-logo,
#main-content-container .vehicle-make-acura-logo {
  background-image: url('/assets/images/logo-vehicle-acura.png')
}
.vehiclemake.dropdown-logo.vehicle-make-land-rover-logo,
#main-content-container .vehicle-make-land-rover-logo {
  background-image: url('/assets/images/logo-vehicle-land-rover.png')
}
.vehiclemake.dropdown-logo.vehicle-make-alfa-romeo-logo,
#main-content-container .vehicle-make-alfa-romeo-logo {
  background-image: url('/assets/images/logo-vehicle-alfa-romeo.png')
}
.vehiclemake.dropdown-logo.vehicle-make-lexus-logo,
#main-content-container .vehicle-make-lexus-logo {
  background-image: url('/assets/images/logo-vehicle-lexus.png')
}
.vehiclemake.dropdown-logo.vehicle-make-am-general-logo,
#main-content-container .vehicle-make-am-general-logo {
  background-image: url('/assets/images/logo-vehicle-am-general.png')
}
.vehiclemake.dropdown-logo.vehicle-make-lincoln-logo,
#main-content-container .vehicle-make-lincoln-logo {
  background-image: url('/assets/images/logo-vehicle-lincoln.png')
}
.vehiclemake.dropdown-logo.vehicle-make-american-motors-logo,
#main-content-container .vehicle-make-american-motors-logo {
  background-image: url('/assets/images/logo-vehicle-american-motors.png')
}
.vehiclemake.dropdown-logo.vehicle-make-lotus-logo,
#main-content-container .vehicle-make-lotus-logo {
  background-image: url('/assets/images/logo-vehicle-lotus.png')
}
.vehiclemake.dropdown-logo.vehicle-make-astn-logo,
#main-content-container .vehicle-make-astn-logo,
.vehiclemake.dropdown-logo.vehicle-make-aston-martin-logo,
#main-content-container .vehicle-make-aston-martin-logo {
  background-image: url('/assets/images/logo-vehicle-aston-martin.png')
}
.vehiclemake.dropdown-logo.vehicle-make-maserati-logo,
#main-content-container .vehicle-make-maserati-logo {
  background-image: url('/assets/images/logo-vehicle-maserati.png')
}
.vehiclemake.dropdown-logo.vehicle-make-audi-logo,
#main-content-container .vehicle-make-audi-logo {
  background-image: url('/assets/images/logo-vehicle-audi.png')
}
.vehiclemake.dropdown-logo.vehicle-make-mazda-logo,
#main-content-container .vehicle-make-mazda-logo {
  background-image: url('/assets/images/logo-vehicle-mazda.png')
}
.vehiclemake.dropdown-logo.vehicle-make-austin-logo,
#main-content-container .vehicle-make-austin-logo {
  background-image: url('/assets/images/logo-vehicle-austin.png')
}
.vehiclemake.dropdown-logo.vehicle-make-mercedes-benz-logo,
#main-content-container .vehicle-make-mercedes-benz-logo {
  background-image: url('/assets/images/logo-vehicle-mercedes-benz.png')
}
.vehiclemake.dropdown-logo.vehicle-make-avanti-logo,
#main-content-container .vehicle-make-avanti-logo {
  background-image: url('/assets/images/logo-vehicle-avanti.png')
}
.vehiclemake.dropdown-logo.vehicle-make-mercury-logo,
#main-content-container .vehicle-make-mercury-logo {
  background-image: url('/assets/images/logo-vehicle-mercury.png')
}
.vehiclemake.dropdown-logo.vehicle-make-bertone-logo,
#main-content-container .vehicle-make-bertone-logo {
  background-image: url('/assets/images/logo-vehicle-bertone.png')
}
.vehiclemake.dropdown-logo.vehicle-make-mg-logo,
#main-content-container .vehicle-make-mg-logo {
  background-image: url('/assets/images/logo-vehicle-mg.png')
}
.vehiclemake.dropdown-logo.vehicle-make-bmw-logo,
#main-content-container .vehicle-make-bmw-logo {
  background-image: url('/assets/images/logo-vehicle-bmw.png')
}
.vehiclemake.dropdown-logo.vehicle-make-mini-logo,
#main-content-container .vehicle-make-mini-logo {
  background-image: url('/assets/images/logo-vehicle-mini.png')
}
.vehiclemake.dropdown-logo.vehicle-make-buick-logo,
#main-content-container .vehicle-make-buick-logo {
  background-image: url('/assets/images/logo-vehicle-buick.png')
}
.vehiclemake.dropdown-logo.vehicle-make-mitsubishi-logo,
#main-content-container .vehicle-make-mitsubishi-logo {
  background-image: url('/assets/images/logo-vehicle-mitsubishi.png')
}
.vehiclemake.dropdown-logo.vehicle-make-cadillac-logo,
#main-content-container .vehicle-make-cadillac-logo {
  background-image: url('/assets/images/logo-vehicle-cadillac.png')
}
.vehiclemake.dropdown-logo.vehicle-make-nissan-logo,
#main-content-container .vehicle-make-nissan-logo {
  background-image: url('/assets/images/logo-vehicle-nissan.png')
}
.vehiclemake.dropdown-logo.vehicle-make-checker-logo,
#main-content-container .vehicle-make-checker-logo {
  background-image: url('/assets/images/logo-vehicle-checker.png')
}
.vehiclemake.dropdown-logo.vehicle-make-oldsmobile-logo,
#main-content-container .vehicle-make-oldsmobile-logo {
  background-image: url('/assets/images/logo-vehicle-oldsmobile.png')
}
.vehiclemake.dropdown-logo.vehicle-make-chevrolet-logo,
#main-content-container .vehicle-make-chevrolet-logo {
  background-image: url('/assets/images/logo-vehicle-chevrolet.png')
}
.vehiclemake.dropdown-logo.vehicle-make-peugeot-logo,
#main-content-container .vehicle-make-peugeot-logo {
  background-image: url('/assets/images/logo-vehicle-peugeot.png')
}
.vehiclemake.dropdown-logo.vehicle-make-chrysler-logo,
#main-content-container .vehicle-make-chrysler-logo {
  background-image: url('/assets/images/logo-vehicle-chrysler.png')
}
.vehiclemake.dropdown-logo.vehicle-make-pininfarina-logo,
#main-content-container .vehicle-make-pininfarina-logo {
  background-image: url('/assets/images/logo-vehicle-pininfarina.png')
}
.vehiclemake.dropdown-logo.vehicle-make-daewoo-logo,
#main-content-container .vehicle-make-daewoo-logo {
  background-image: url('/assets/images/logo-vehicle-daewoo.png')
}
.vehiclemake.dropdown-logo.vehicle-make-plymouth-logo,
#main-content-container .vehicle-make-plymouth-logo {
  background-image: url('/assets/images/logo-vehicle-plymouth.png')
}
.vehiclemake.dropdown-logo.vehicle-make-daihatsu-logo,
#main-content-container .vehicle-make-daihatsu-logo {
  background-image: url('/assets/images/logo-vehicle-daihatsu.png')
}
.vehiclemake.dropdown-logo.vehicle-make-pontiac-logo,
#main-content-container .vehicle-make-pontiac-logo {
  background-image: url('/assets/images/logo-vehicle-pontiac.png')
}
.vehiclemake.dropdown-logo.vehicle-make-delorean-logo,
#main-content-container .vehicle-make-delorean-logo {
  background-image: url('/assets/images/logo-vehicle-delorean.png')
}
.vehiclemake.dropdown-logo.vehicle-make-porsche-logo,
#main-content-container .vehicle-make-porsche-logo {
  background-image: url('/assets/images/logo-vehicle-porsche.png')
}
.vehiclemake.dropdown-logo.vehicle-make-dodge-logo,
#main-content-container .vehicle-make-dodge-logo {
  background-image: url('/assets/images/logo-vehicle-dodge.png')
}
.vehiclemake.dropdown-logo.vehicle-make-ram-logo,
#main-content-container .vehicle-make-ram-logo {
  background-image: url('/assets/images/logo-vehicle-ram.png')
}
.vehiclemake.dropdown-logo.vehicle-make-eagle-logo,
#main-content-container .vehicle-make-eagle-logo {
  background-image: url('/assets/images/logo-vehicle-eagle.png')
}
.vehiclemake.dropdown-logo.vehicle-make-renault-logo,
#main-content-container .vehicle-make-renault-logo {
  background-image: url('/assets/images/logo-vehicle-renault.png')
}
.vehiclemake.dropdown-logo.vehicle-make-ferrari-logo,
#main-content-container .vehicle-make-ferrari-logo {
  background-image: url('/assets/images/logo-vehicle-ferrari.png')
}
.vehiclemake.dropdown-logo.vehicle-make-saab-logo,
#main-content-container .vehicle-make-saab-logo {
  background-image: url('/assets/images/logo-vehicle-saab.png')
}
.vehiclemake.dropdown-logo.vehicle-make-fiat-logo,
#main-content-container .vehicle-make-fiat-logo {
  background-image: url('/assets/images/logo-vehicle-fiat.png')
}
.vehiclemake.dropdown-logo.vehicle-make-saturn-logo,
#main-content-container .vehicle-make-saturn-logo {
  background-image: url('/assets/images/logo-vehicle-saturn.png')
}
.vehiclemake.dropdown-logo.vehicle-make-ford-logo,
#main-content-container .vehicle-make-ford-logo {
  background-image: url('/assets/images/logo-vehicle-ford.png')
}
.vehiclemake.dropdown-logo.vehicle-make-scion-logo,
#main-content-container .vehicle-make-scion-logo {
  background-image: url('/assets/images/logo-vehicle-scion.png')
}
.vehiclemake.dropdown-logo.vehicle-make-gmc-logo,
#main-content-container .vehicle-make-gmc-logo {
  background-image: url('/assets/images/logo-vehicle-gmc.png')
}
.vehiclemake.dropdown-logo.vehicle-make-sterling-logo,
#main-content-container .vehicle-make-sterling-logo {
  background-image: url('/assets/images/logo-vehicle-sterling.png')
}
.vehiclemake.dropdown-logo.vehicle-make-honda-logo,
#main-content-container .vehicle-make-honda-logo {
  background-image: url('/assets/images/logo-vehicle-honda.png')
}
.vehiclemake.dropdown-logo.vehicle-make-subaru-logo,
#main-content-container .vehicle-make-subaru-logo {
  background-image: url('/assets/images/logo-vehicle-subaru.png')
}
.vehiclemake.dropdown-logo.vehicle-make-hummer-logo,
#main-content-container .vehicle-make-hummer-logo {
  background-image: url('/assets/images/logo-vehicle-hummer.png')
}
.vehiclemake.dropdown-logo.vehicle-make-suzuki-logo,
#main-content-container .vehicle-make-suzuki-logo {
  background-image: url('/assets/images/logo-vehicle-suzuki.png')
}
.vehiclemake.dropdown-logo.vehicle-make-hyundai-logo,
#main-content-container .vehicle-make-hyundai-logo {
  background-image: url('/assets/images/logo-vehicle-hyundai.png')
}
.vehiclemake.dropdown-logo.vehicle-make-tsla-logo,
#main-content-container .vehicle-make-tsla-logo,
.vehiclemake.dropdown-logo.vehicle-make-tesla-logo,
#main-content-container .vehicle-make-tesla-logo {
  background-image: url('/assets/images/logo-vehicle-tesla.png')
}
.vehiclemake.dropdown-logo.vehicle-make-infiniti-logo,
#main-content-container .vehicle-make-infiniti-logo {
  background-image: url('/assets/images/logo-vehicle-infiniti.png')
}
.vehiclemake.dropdown-logo.vehicle-make-toyota-logo,
#main-content-container .vehicle-make-toyota-logo {
  background-image: url('/assets/images/logo-vehicle-toyota.png')
}
.vehiclemake.dropdown-logo.vehicle-make-iszu-logo,
#main-content-container .vehicle-make-iszu-logo,
.vehiclemake.dropdown-logo.vehicle-make-isuzu-logo,
#main-content-container .vehicle-make-isuzu-logo {
  background-image: url('/assets/images/logo-vehicle-isuzu.png')
}
.vehiclemake.dropdown-logo.vehicle-make-triumph-logo,
#main-content-container .vehicle-make-triumph-logo {
  background-image: url('/assets/images/logo-vehicle-triumph.png')
}
.vehiclemake.dropdown-logo.vehicle-make-jaguar-logo,
#main-content-container .vehicle-make-jaguar-logo {
  background-image: url('/assets/images/logo-vehicle-jaguarr.png')
}
.vehiclemake.dropdown-logo.vehicle-make-tvr-logo,
#main-content-container .vehicle-make-tvr-logo {
  background-image: url('/assets/images/logo-vehicle-tvr.png')
}
.vehiclemake.dropdown-logo.vehicle-make-jeep-logo,
#main-content-container .vehicle-make-jeep-logo {
  background-image: url('/assets/images/logo-vehicle-jeep.png')
}
.vehiclemake.dropdown-logo.vehicle-make-volkswagen-logo,
#main-content-container .vehicle-make-volkswagen-logo {
  background-image: url('/assets/images/logo-vehicle-volkswagen.png')
}
.vehiclemake.dropdown-logo.vehicle-make-kia-logo,
#main-content-container .vehicle-make-kia-logo {
  background-image: url('/assets/images/logo-vehicle-kia.png')
}
.vehiclemake.dropdown-logo.vehicle-make-volvo-logo,
#main-content-container .vehicle-make-volvo-logo {
  background-image: url('/assets/images/logo-vehicle-volvo.png')
}
.vehiclemake.dropdown-logo.vehicle-make-lanchester-logo,
#main-content-container .vehicle-make-lanchester-logo {
  background-image: url('/assets/images/logo-vehicle-lanchester.png')
}
.vehiclemake.dropdown-logo.vehicle-make-gens-logo,
#main-content-container .vehicle-make-gens-logo,
.vehiclemake.dropdown-logo.vehicle-make-genesis-logo,
#main-content-container .vehicle-make-genesis-logo {
  background-image: url('/assets/images/logo-vehicle-genesis.png')
}
.vehiclemake.dropdown-logo.vehicle-make-smrt-logo,
#main-content-container .vehicle-make-smrt-logo,
.vehiclemake.dropdown-logo.vehicle-make-smart-logo,
#main-content-container .vehicle-make-smart-logo {
  background-image: url('/assets/images/logo-vehicle-smart.png')
}

/* Vehicle Button Group */

#main-content-container .RadListBox_Material .rlbGroup, 
#main-content-container .RadListBox_Material .rlbTemplateContent {
  border: none;
  background-color: transparent;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem {
  padding: 12px 32px;
  border-radius: 60px;
  margin-bottom: 16px;
  background-color: #E9E9E9;
  border: 1px solid #CFCFCF;
  color: #1A5632;
  position: relative;
}

#main-content-container .RadListBox_Material.has-error .rlbGroup .rlbList .rlbItem {
  border: 2px solid #d3353580;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem .rlbTemplate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem.rlbSelected .vehicleuse.dropdown-logo  {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  width: 100%;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem .vehicleuse.dropdown-logo img {
  opacity: 1;
  transition: opacity 0.3s ease;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem.rlbSelected .vehicleuse.dropdown-logo img {
  opacity: 0;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem .vehicleuse.dropdown-logo::before {
  content: '';
  display: block;
  opacity: 0;
  position: absolute;
  left: 32;
  border-radius: 40px;
  width: 110px;
  height: calc(100% - 12px);
  background-color: #4C9C2E;
  background-image: url('/assets/images/icon-checkmark-white.svg');
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 
    opacity 0.3s ease,
    left 0.3s ease;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem.rlbSelected .vehicleuse.dropdown-logo::before {
  left: 8px;
  opacity: 1;
}

/* Vehicle Details */
#main-content-container .card.card-intro .vehicle-details .rbButton {
  margin-top: 0;
}

/* Vehicle Review Screen */

#main-content-container .vehicle-item div[class*="col"]:first-of-type {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#main-content-container .vehicle-item div[class*="col"]:first-of-type img {
  margin-right: 12px;
}

#main-content-container .vehicle-item div[class*="col"]:last-of-type {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

#main-content-container .vehicle-item div[class*="col"]:last-of-type br {
  display: none;
}

/* Vehicle Review Screen */
/* Driver Review Screen */

#main-content-container .card-body.vehicle-add-item,
#main-content-container .card-body.driver-add-item {
  background-color: #e9e9e9;
}

#main-content-container .card-body.vehicle-add-item button.RadButton_Material.rbButton.rbFlatButton,
#main-content-container .card-body.driver-add-item button.RadButton_Material.rbButton.rbFlatButton {
  text-decoration: none;
  width: 100%;
  justify-content: flex-start;
}

#main-content-container .card-body.vehicle-add-item button .rbText,
#main-content-container .card-body.driver-add-item button .rbText {
  text-transform: capitalize;
  text-decoration: none;
} 

#main-content-container .card-body.vehicle-add-item::after,
#main-content-container .card-body.driver-add-item::after {
  content: '';
  display: flex;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 2px solid #4C9C2E;
  background-color: transparent;
  pointer-events: none;
}

#main-content-container .card-body.vehicle-add-item .row::before,
#main-content-container .card-body.driver-add-item .row::before {
  content: '';
  display: block;
  width: 2px;
  height: 12px;
  position: absolute;
  right: 31px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #4C9C2E;
  pointer-events: none;
}

#main-content-container .card-body.vehicle-add-item .row::after,
#main-content-container .card-body.driver-add-item .row::after {
  content: '';
  display: block;
  width: 12px;
  height: 2px;
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #4C9C2E;
  pointer-events: none;
}

/* Driver - Button Group */

#main-content-container .button-group {
  width: calc(100% + 12px);
  display: flex;
  flex-wrap: wrap;
  margin-right: -6px;
  margin-left: -6px;
}

#main-content-container .button-group .button-group-button {
  width: auto;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}

#main-content-container .button-group .button-group-button .RadButton {
  width: 100%;
  min-height: 50px;
  border-radius: 20px;
  background-color: #F5F5F5;
  border: 1px solid #CFCFCF;
  color: #1A5632;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
}

#main-content-container .button-group.has-error .button-group-button .RadButton {
  border: 2px solid #d3353580;
}

/* Driver - Button Group - Gender */

#main-content-container .button-group-button[id*="GenderButtonWrapper"] .RadButton {
  min-height: 80px;
}

/* Driver - Button Group - Marital Status */

#main-content-container .button-group[id*="MaritalStatus"] .button-group-button:nth-child(1),
#main-content-container .button-group[id*="MaritalStatus"] .button-group-button:nth-child(2) {
  width: calc(50% - 12px);
}

#main-content-container .button-group[id*="MaritalStatus"] .button-group-button:nth-child(1) .RadButton,
#main-content-container .button-group[id*="MaritalStatus"] .button-group-button:nth-child(2) .RadButton {
  min-height: 80px;
}

#main-content-container .button-group[id*="MaritalStatus"] .button-group-button:not(:nth-child(1)):not(:nth-child(2)) {
  width: auto;
  height: auto;
}

#main-content-container .button-group[id*="MaritalStatus"] .button-group-button:not(:nth-child(1)):not(:nth-child(2)) .RadButton {
  width: auto;
  height: auto;
}

#main-content-container .button-group .button-group-button .RadButton.rbIconButton {
  justify-content: flex-start;
}

/* Driver - Button Group - Gender */

#main-content-container div[id*="WS_DriverInfo"] .row:nth-child(2) .col-12,
#main-content-container div[id*="WS_DriverInfo"] .row:nth-child(3) .col-12 {
  display: flex;
}

#main-content-container span[id*="TB_MiddleInitial_wrapper"],
#main-content-container div[id*="DDL_Suffix"] {
  margin-left: 8px;
}


#main-content-container .driverInfo__first-name .col-12,
#main-content-container .driverInfo__last-name .col-12 {
  display: flex;
}

#main-content-container .driverInfo__first-name .driverInfo__middle,
#main-content-container .driverInfo__first-name .driverInfo__suffix {
  width: 280px;
  margin-left: 12px;
}

#main-content-container .button-group .button-group-button .RadButton[value="Married"],
#main-content-container .button-group .button-group-button .RadButton[value="Single"] {
  min-height: 80px;
  justify-content: center;
}

#main-content-container .button-group .button-group-button .RadButton[value="Male"]::before,
#main-content-container .button-group .button-group-button .RadButton[value="Female"]::before {
  content: '';
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

#main-content-container .button-group .button-group-button .RadButton[value="Male"]::before {
  background-image: url('/assets/images/icon-gender-male-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Male"]::before {
  background-image: url('/assets/images/icon-gender-male-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Female"]::before {
  background-image: url('/assets/images/icon-gender-female-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Female"]::before {
  background-image: url('/assets/images/icon-gender-female-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled {
  background-color:#4C9C2E;
  color: #fff;
}

/* Driver - Button Group - Credit */

#main-content-container .button-group[id*="EstimatedCredit"] {
  justify-content: center;
}

#main-content-container .button-group[id*="EstimatedCredit"] .button-group-button {
  width: calc(50% - 12px);
}
@media (min-width: 768px) {
  #main-content-container .button-group[id*="EstimatedCredit"] .button-group-button {
    width: calc(33.333% - 12px);
  }
}

#main-content-container .button-group[id*="EstimatedCredit"] .button-group-button .RadButton {
  justify-content: center;
  flex-direction: column;
}

#main-content-container  .button-group[id*="EstimatedCredit"] .button-group-button .RadButton::before {
  content: '';
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  margin-bottom: 8px;
}

#main-content-container .button-group .button-group-button .RadButton[value="Very good"]::before {
  background-image: url('/assets/images/icon-credit-excellent-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Very good"]::before {
  background-image: url('/assets/images/icon-credit-excellent-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Somewhat good"]::before {
  background-image: url('/assets/images/icon-credit-good-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Somewhat good"]::before {
  background-image: url('/assets/images/icon-credit-good-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Average"]::before {
  background-image: url('/assets/images/icon-credit-average-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Average"]::before {
  background-image: url('/assets/images/icon-credit-average-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Somewhat poor"]::before {
  background-image: url('/assets/images/icon-credit-poor-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Somewhat poor"]::before {
  background-image: url('/assets/images/icon-credit-poor-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Very poor"]::before {
  background-image: url('/assets/images/icon-credit-very-poor-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Very poor"]::before {
  background-image: url('/assets/images/icon-credit-very-poor-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Unknown"]::before {
  background-image: url('/assets/images/icon-credit-unknown-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Unknown"]::before {
  background-image: url('/assets/images/icon-credit-unknown-light.svg');
}

/* Driver - Button Group - Incident */

#main-content-container .button-group[id*="GRP_IncidentType"] {
  justify-content: center;
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button {
  width: calc(100% - 12px);
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton::before {
  content: '';
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 48px;
  width: 48px;
  margin-right: 8px;
  background-image: url('/assets/images/icon-driver-details-other-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="At Fault Accident"]::before {
  background-image: url('/assets/images/icon-driver-details-accident-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="Not At Fault Accident"]::before {
  background-image: url('/assets/images/icon-driver-details-accident-no-fault-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="CARELESS DRIVING "]::before {
  background-image: url('/assets/images/icon-driver-details-careless-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="DRIVE WHILE LICENSE SUSPENDED"]::before {
  background-image: url('/assets/images/icon-driver-details-license-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="DUI "]::before {
  background-image: url('/assets/images/icon-driver-details-dui-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="FAIL TO YIELD "]::before {
  background-image: url('/assets/images/icon-driver-details-red-light-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="IMPROPER PASSING "]::before {
  background-image: url('/assets/images/icon-driver-details-other-moving-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="IMPROPER TURN"]::before {
  background-image: url('/assets/images/icon-driver-details-other-moving-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="OTHER MOVING VIOLATION"]::before {
  background-image: url('/assets/images/icon-driver-details-other-moving-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="RACING"]::before {
  background-image: url('/assets/images/icon-driver-details-other-moving-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="RECKLESS DRIVING"]::before {
  background-image: url('/assets/images/icon-driver-details-other-moving-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="SPEEDING "]::before {
  background-image: url('/assets/images/icon-driver-details-speeding-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="SUSPENSION"]::before {
  background-image: url('/assets/images/icon-driver-details-other-dark.svg');
}

#main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .rbText {
  text-align: left;
}

/* Driver - Incident List */
#main-content-container .incident-listview-command-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #F5F5F5;
  border-radius: 20px;
  padding: 8px 8px 8px 12px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}

#main-content-container .incident-listview-command-item button.rbButton {
  margin-left: 12px;
}

#main-content-container .incident-listview-command-item .incident-listview-command-item-summary {
  color: #1A5632;
  font-weight: bold;
}

/* Driver - List */
.driver-item .row div[class*="col"] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.driver-item .row div[class*="col"]:last-of-type {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.driver-item .row div[class*="col"]:last-of-type br {
  display: none;
}

.driver-item .row div[class*="col"]:last-of-type .RadButton:first-of-type {
  margin-bottom: 8px;
}

.driver-item .driver-item-icon {
  margin-right: 12px;
  width: 64px;
  min-height: 64px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.driver-item .driver-item-icon.driver-icon-male {
  background-image: url('/assets/images/icon-gender-male-dark.svg');
}

.driver-item .driver-item-icon.driver-icon-female {
  background-image: url('/assets/images/icon-gender-female-dark.svg');
}

.driver-item .driver-item-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.driver-item .driver-item-details .driver-item-name {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 800;
}

.driver-item .driver-item-details .driver-item-gender {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 400;
}

/* Vehicle Coverage */

.vehicle-coverage-intro-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 12px 12px 0 0;
  padding: 0px 0px 0px 0px;
  /* box-shadow: 0 -5px 5px rgb(0 0 0 / 10%); */
  margin-bottom: 12px;
  margin-top: 32px;
  background-color: #e9e9e9;
}

.vehicle-coverage-vehicle-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* Rates */

#main-content-container .rates-intro-amount {
  color:#1A5632 !important;
  font-weight: 800;
  margin-left: 8px;
}

/* Rates - Coverage - Driver  */

#main-content-container .policy-coverage-card-container .policy-coverage-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#main-content-container .policy-coverage-card-container .policy-coverage-text::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#main-content-container .policy-coverage-card-container div[id*="PolicyCoverageLIBI"] .policy-coverage-text::before {
  background-image: url('/assets/images/icon-policy-coverage-bodily-injury-dark.svg');
}

#main-content-container .policy-coverage-card-container div[id*="PolicyCoverageLIPD"] .policy-coverage-text::before {
  background-image: url('/assets/images/icon-policy-coverage-liability-property-damage-dark.svg');
}

#main-content-container .policy-coverage-card-container div[id*="PolicyCoverageMED"] .policy-coverage-text::before {
  background-image: url('/assets/images/icon-policy-coverage-medical-payments-dark.svg');
}

#main-content-container .policy-coverage-card-container div[id*="PolicyCoverageUMBI"] .policy-coverage-text::before {
  background-image: url('/assets/images/icon-vehicle-coverage-ununder-insured-property-damage-dark.svg');
}

#main-content-container .policy-coverage-card-container div[id*="LikeKindAndQuality"] .policy-coverage-text::before {
  background-image: url('/assets/images/icon-details-discount-dark.svg');
}

#main-content-container .policy-coverage-card-container div[id*="PolicyCoveragePIP"] .policy-coverage-text::before {
  background-image: url('/assets/images/icon-details-pip-dark.svg');
}

/* Rates - Coverage - Vehicle  */ 

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-text::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-card[id*="COMP"] .vehicle-coverage-text::before {
  background-image: url('/assets/images/icon-vehicle-coverage-comprehensive-dark.svg');
}

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-card[id*="COLL"] .vehicle-coverage-text::before {
  background-image: url('/assets/images/icon-vehicle-coverage-collision-dark.svg');
}

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-card[id*="UMPD"] .vehicle-coverage-text::before {
  background-image: url('/assets/images/icon-vehicle-coverage-ununder-insured-property-damage-dark.svg');
}

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-card[id*="TOWING"] .vehicle-coverage-text::before {
  background-image: url('/assets/images/icon-vehicle-coverage-towing-dark.svg');
}

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-card[id*="RENT"] .vehicle-coverage-text::before {
  background-image: url('/assets/images/icon-vehicle-coverage-rental-reimbursement-dark.svg');
}

#main-content-container .rates-details-summary .row .col-12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#main-content-container .rates-details-summary .row .col-12 .card-intro__lavbel {
  padding-right: 12px;
}

/* Rates - Payment Plan */

#main-content-container .rates-details .intro-payment-plan-container {
  font-weight: 800;
  /* padding: 0 130px 0 0; */
}

#main-content-container .card .rates-details .intro-payment-plan-container .card__label {
  color: #fff;
  margin-bottom: 0;
}

#main-content-container .card .rates-details .intro-payment-details {
  line-height: 1.2em;
}

#main-content-container .rates-details .intro-payment-plan-container .intro-payment-plan-amount-down {
  color: #1A5632;
  display: block;
  font-size: 1.75rem;
  line-height: 1em;
}

#main-content-container .rates-details .intro-payment-plan-container .intro-payment-plan-number-of-payments {
  color: #1A5632;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
  margin-top: 4px;
}

#main-content-container .rates-details .intro-payment-plan-monthly-payment,
#main-content-container .rates-details .intro-payment-plan-first-payment-date {
  display: block;
  clear: both;
  font-weight: 400;
}

#main-content-container .rates-details .rates-intro-button {
  display: inline-block;
  margin-top: 8px;
  /* position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%); */
}

#main-content-container .card .row .col-12.payment-plan-container:nth-child(2) {
  margin-top: 0;
}

#main-content-container .card .row .col-12.payment-plan-container {
  font-weight: 400;
}

#main-content-container .card .row .col-12.payment-plan-container .payment-plan-amount-down, 
#main-content-container .card .row .col-12.payment-plan-container .payment-plan-monthly-payment {
  font-weight: 800;
}

#main-content-container .card .row .col-12.payment-plan-container .payment-plan-first-payment-date,
#main-content-container .card .row .col-12.payment-plan-container .payment-plan-number-of-payments {
  font-weight: 400;
}

#main-content-container .payment-plan-selected .card {
  background-color: #7CC600;
}

#main-content-container .payment-plan-selected .payment-plan-container,
#main-content-container .payment-plan-selected .card__label {
  color: #fff;
}

#main-content-container .payment-plan-container .RadButton {
  display: block;
  clear: both;
  margin-top: 12px;
}

#main-content-container div[id*="LowestDown"] .card__label,
#main-content-container div[id*="LowestDown"] .card__label,
#main-content-container div[id*="Popular"] .card__label,
#main-content-container div[id*="Popular"] .card__label,
#main-content-container div[id*="Custom"] .card__label,
#main-content-container div[id*="Full"] .card__label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#main-content-container div[id*="LowestDown"] .card__label::before,
#main-content-container div[id*="LowestDown"] .card__label::before,
#main-content-container div[id*="Popular"] .card__label::before,
#main-content-container div[id*="Popular"] .card__label::before,
#main-content-container div[id*="Custom"] .card__label::before,
#main-content-container div[id*="Full"] .card__label::before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  margin-right: 8px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#main-content-container div[id*="LB_LowestDown"] .card__label::before {
  background-image: url('/assets/images/icon-select-your-payment-plan-lowest-dark.svg');
}

#main-content-container div[id*="LB_Popular"] .card__label::before {
  background-image: url('/assets/images/icon-select-your-payment-plan-standard-dark.svg');
}

#main-content-container div[id*="DIV_Custom"] .card__label::before {
  background-image: url('/assets/images/icon-select-your-payment-plan-monthly-dark.svg');
}

#main-content-container div[id*="DIV_Full"] .card__label::before {
  background-image: url('/assets/images/icon-select-your-payment-plan-pay-in-full-dark.svg');
}

#main-content-container div[id*="DIV_LowestDown"].payment-plan-selected .card__label::before {
  background-image: url('/assets/images/icon-select-your-payment-plan-lowest-light.svg');
}

#main-content-container div[id*="DIV_Popular"].payment-plan-selected .card__label::before {
  background-image: url('/assets/images/icon-select-your-payment-plan-standard-light.svg');
}

#main-content-container div[id*="DIV_Custom"].payment-plan-selected .card__label::before {
  background-image: url('/assets/images/icon-select-your-payment-plan-monthly-light.svg');
}

#main-content-container div[id*="DIV_Full"].payment-plan-selected .card__label::before {
  background-image: url('/assets/images/icon-select-your-payment-plan-pay-in-full-light.svg');
}

/* Final Details - Household Information */

#main-content-container div[id*="DIV_Residence"] .RadButton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#main-content-container div[id*="DIV_Residence"] .RadButton::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
  background-image: url('/assets/images/icon-primary-residence-rent-dark.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#main-content-container div[id*="DIV_Residence"] .RadButton[value="Rent"]::before {
  background-image: url('/assets/images/icon-primary-residence-rent-dark.svg');
}

#main-content-container div[id*="DIV_Residence"] .RadButton[value="Own home/condo"]::before {
  background-image: url('/assets/images/icon-primary-residence-own-dark.svg');
}

#main-content-container div[id*="DIV_Residence"] .RadButton[value="Live with parents"]::before {
  background-image: url('/assets/images/icon-primary-residence-parents-dark.svg');
}

#main-content-container div[id*="DIV_Residence"] .RadButton[value="Own mobile home"]::before {
  background-image: url('/assets/images/icon-primary-residence-mobile-dark.svg');
}

#main-content-container div[id*="DIV_Residence"] .RadButton[value="Other"]::before {
  background-image: url('/assets/images/icon-primary-residence-other-dark.svg');
}

#main-content-container div[id*="DIV_Residence"] .RadButton.rbSelected[value="Rent"]::before,
#main-content-container div[id*="DIV_Residence"] .RadButton.rbToggled[value="Rent"]::before {
  background-image: url('/assets/images/icon-primary-residence-rent-light.svg');
}

#main-content-container div[id*="DIV_Residence"] .RadButton.rbSelected[value="Own home/condo"]::before,
#main-content-container div[id*="DIV_Residence"] .RadButton.rbToggled[value="Own home/condo"]::before {
  background-image: url('/assets/images/icon-primary-residence-own-light.svg');
}

#main-content-container div[id*="DIV_Residence"] .RadButton.rbSelected[value="Live with parents"]::before,
#main-content-container div[id*="DIV_Residence"] .RadButton.rbToggled[value="Live with parents"]::before {
  background-image: url('/assets/images/icon-primary-residence-parents-light.svg');
}

#main-content-container div[id*="DIV_Residence"] .RadButton.rbSelected[value="Own mobile home"]::before,
#main-content-container div[id*="DIV_Residence"] .RadButton.rbToggled[value="Own mobile home"]::before {
  background-image: url('/assets/images/icon-primary-residence-mobile-light.svg');
}

#main-content-container div[id*="DIV_Residence"] .RadButton.rbSelected[value="Other"]::before,
#main-content-container div[id*="DIV_Residence"] .RadButton.rbToggled[value="Other"]::before {
  background-image: url('/assets/images/icon-primary-residence-other-light.svg');
}

/* Final Details - Vehicle */

#main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton::before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton[value="Garage"]::before {
  background-image: url('/assets/images/icon-vehicle-storage-garage-dark.svg');
}

#main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton[value="Covered"]::before {
  background-image: url('/assets/images/icon-vehicle-storage-covered-dark.svg');
}

#main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton[value="On street"]::before {
  background-image: url('/assets/images/icon-vehicle-storage-street-dark.svg');
}

#main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton.rbToggled[value="Garage"]::before {
  background-image: url('/assets/images/icon-vehicle-storage-garage-light.svg');
}

#main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton.rbToggled[value="Covered"]::before {
  background-image: url('/assets/images/icon-vehicle-storage-covered-light.svg');
}

#main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton.rbToggled[value="On street"]::before {
  background-image: url('/assets/images/icon-vehicle-storage-street-light.svg');
}

/* Final Details */

#main-content-container .vehicle-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#main-content-container .vehicle-item .card__label {
  margin-bottom: 0;
}

/* Final Details - Policy / Terms */

#main-content-container .rwzBreadCrumb {
  border-radius: 20px;
}

#main-content-container .RadWizard_Material.rwzHorizontal .rwzBreadCrumb .rwzLink  {
  display: inline-flex;
  align-items: center;
}

#main-content-container .RadWizard_Material .rwzLink .rwzText:before {
  background-color: #CFCFCF;
}
#main-content-container .RadWizard_Material .rwzSelected .rwzLink .rwzText {
  color: #4C9C2E;
}

#main-content-container .RadWizard_Material .rwzSelected .rwzLink .rwzText:before {
  background-color: #4C9C2E;
}

#main-content-container .RadButton_Material.rbCheckBox .rbIcon.rbToggleCheckboxChecked+.rbText {
  color: #1A5632;
}

#main-content-container .RadButton_Material.rbCheckBox:hover .rbIcon.rbToggleCheckboxChecked+.rbText {
  color: #fff;
}

#main-content-container .RadButton_Material .rbToggleCheckboxChecked, 
#main-content-container .RadButton_Material .rbToggleCheckboxFilled, 
#main-content-container .RadButton_Material.rbCheckBox .rbToggleCheckboxChecked.rbIcon, 
#main-content-container .RadButton_Material.rbRadioButton .rbToggleRadioChecked.rbIcon, 
#main-content-container .RadButton_Material.rbToggled .rbToggleCheckBoxChecked.rbIcon, 
#main-content-container .RadButton_Material.rbToggled .rbToggleRadioChecked.rbIcon, 
#main-content-container .RadButton_Material .rbText.rbToggleCheckboxChecked:before, 
#main-content-container .RadButton_Material .rbText.rbToggleRadioChecked:before, 
#main-content-container .RadButton_Material .rbText.rbToggleCheckbox .rbRippleContainer, 
#main-content-container .RadButton_Material .rbText.rbToggleRadio .rbRippleContainer {
  color: #7CC600;
}

#main-content-container .RadButton_Material .rbIcon, 
#main-content-container .RadButton_Material .rbCheckBox .rbText:before, 
#main-content-container .RadButton_Material .rbText.rbToggleCheckboxChecked .rbRippleContainer, 
#main-content-container .RadButton_Material .rbText.rbToggleRadioChecked .rbRippleContainer {
  color: #1A5632;
}

#main-content-container .confirmation-item-check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 12px;
    /*border-bottom: 1px dashed #ccc;*/
    margin-bottom: 16px;
}
#main-content-container .confirmation-item-check .RadButton_Material {
  display: flex;
}

#main-content-container .confirmation-item-check .RadButton_Material .rbIcon {
  color: #7CC600;
}

#main-content-container .confirmation-item-check .RadButton_Material.has-error .rbIcon {
  color: #d3353580;
}

#main-content-container .confirmation-item-check span {
  font-size: 14px;
  font-weight: bold;
  color: #7CC600;
}

#main-content-container .confirmation-item-check .RadButton_Material.has-error + span {
  color: #d33535;
}

#main-content-container .confirmation-item-check .RadButton:hover {
  background-color: transparent;
}

#main-content-container .RadButton_Material.RadButton .rbIcon {
  transition: color 0.3s ease;
}

#main-content-container .RadButton_Material.RadButton:hover .rbIcon {
  color: #7CC600;
}

/* Payment - Credit Card - CCV Field */
#main-content-container .card div[id*="CreidCardCCV_wrapper"] {
  max-width: 120px;
}

#main-content-container .card__inline-label #input-wrapper {
  position: relative;
}

#main-content-container .card__inline-label #input-wrapper + #output {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

#main-content-container .card__inline-label #input-wrapper + #output {
  width: 100%;
  height: 24px;
  margin-top: 12px;
  margin-left: 12px;
  background-image: url('/assets/images/cc-logos-all.png');
  background-repeat: no-repeat;
}

#main-content-container .card__inline-label #input-wrapper.cc-type-visa + #output {
  background-image: url('/assets/images/cc-logos-visa.png');
}
#main-content-container .card__inline-label #input-wrapper.cc-type-mastercard + #output {
  background-image: url('/assets/images/cc-logos-mc.png');
}
#main-content-container .card__inline-label #input-wrapper.cc-type-discover + #output {
  background-image: url('/assets/images/cc-logos-discover.png');
}
/* Display error card if user inputs something other then the available cards */
#main-content-container .card__inline-label #input-wrapper.cc-type-jcb + #output,
#main-content-container .card__inline-label #input-wrapper.cc-type-diners + #output,
#main-content-container .card__inline-label #input-wrapper.cc-type-amex + #output {
  background-image: url('/assets/images/cc-logos-error.png');
}

@media screen and (min-width: 350px) {
  #main-content-container .card__inline-label #input-wrapper::before {
    content: '';
    display: block;
    width: 120px;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    background-color: transparent;
    background-image: url('/assets/images/cc-logos-all.png');
    background-position: center right;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 8;
    transition: background-image 0.3s ease;
  }
  
  #main-content-container .card__inline-label #input-wrapper.cc-type-visa::before {
    background-image: url('/assets/images/cc-logos-visa.png');
  }
  #main-content-container .card__inline-label #input-wrapper.cc-type-mastercard::before {
    background-image: url('/assets/images/cc-logos-mc.png');
  }
  #main-content-container .card__inline-label #input-wrapper.cc-type-discover::before {
    background-image: url('/assets/images/cc-logos-discover.png');
  }
  /* Display error card if user inputs something other then the available cards */
  #main-content-container .card__inline-label #input-wrapper.cc-type-jcb::before,
  #main-content-container .card__inline-label #input-wrapper.cc-type-diners::before,
  #main-content-container .card__inline-label #input-wrapper.cc-type-amex::before {
    background-image: url('/assets/images/cc-logos-error.png');
  }

  #main-content-container .card__inline-label #input-wrapper + #output {
    display: none;
  }
}

/* Complete */
#main-content-container .featured-graphic img {
  max-width: 220px;
}

/* Table Reset */
table {
  width: 100%;
}

thead {
  background-color: #4C9C2E;
  color: white;
}

td {
  border-top: 1px dashed #808080;
}

tr {
  border: 1px solid #808080;
  border-collapse:collapse;
}

@media (max-width: 768px) {
  thead {
    display: none;
  }

  td {
    display: block;
  }
}

/* Table Styles */
@media (max-width: 768px) {

  .panel-driver-at-household table tbody tr,
  .panel-driver-claims table tbody tr {
    border-collapse: collapse;
    border: none;
    margin-bottom: 16px;
    display: block;
    box-shadow: 0 4px 12px rgb(0 0 0 / 20%);
    border-radius: 8px;
    padding: 12px;
  }

  .panel-driver-at-household table tbody tr:last-of-type,
  .panel-driver-claims table tbody tr:last-of-type {
    margin-bottom: 0;
  }

  .panel-driver-at-household table tbody td,
  .panel-driver-claims table tbody td {
    border: none;
  }

  .panel-driver-at-household table tbody tr td,
  .panel-driver-claims table tbody tr td {
    display: flex;
    align-items: center;
    padding: 6px;
    font-size: 14px;
  }

  .panel-driver-at-household table tbody tr td::before,
  .panel-driver-claims table tbody tr td::before {
    display: block;
    margin-right: 8px;
    color: #796e70;
    font-weight: normal;
    width: 80px;
    font-size: 12px;
    flex-shrink: 0;
  }

  .panel-driver-at-household table tbody tr td:nth-child(1)::before {
    content: "Name";
  }
  .panel-driver-at-household table tbody tr td:nth-child(2)::before {
    content: "Gender";
  }
  .panel-driver-at-household table tbody tr td:nth-child(3)::before {
    content: "Date of Birth";
  }
  .panel-driver-at-household table tbody tr td:nth-child(4)::before {
    content: "Age";
  }
  .panel-driver-at-household table tbody tr td:nth-child(5)::before {
    content: "SSN";
  }
  .panel-driver-at-household table tbody tr td:nth-child(6)::before {
    content: "Home Phone  ";
  }

  .panel-driver-at-household table tbody tr td:first-child,
  .panel-driver-claims table tbody tr td:first-child {
    font-weight: bold;
  }
}

/* Payment Info */

.payment-amount-bottom-wrapper {
  font-size: 26px;
  font-weight: 800;
}

.payment-amount-bottom-text {
  margin-right: 16px;
  font-weight: 700;
}

.card.payment-help {
  margin-top: 32px;
  font-size: 14px;
}

.card.payment-help .payment-help-title {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 12px;
}

#main-content-container .final-documents-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

#main-content-container .final-documents-icon::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#main-content-container .final-documents-icon::before {
  background-image: url('/assets/images/icon-final-documents-dark.svg');
}

/* Welcome to GoAuto Screen */

#main-content-container .welcome__card {
  margin-top: 32px;
}

#main-content-container .welcome__email-address {
  color: #7CC600;
}

#main-content-container .welcome__policy-number {
  font-weight: 800;
  font-size: 18px;
}

.fixed-navigation {

  position: fixed !important;

  top: 0;

  z-index: 10 !important;

  width: 100%;

}



.fixed-navigation-offset {
  margin-top: 105px;
} 

/* fixed info card on scroll */
/* .card-intro {
  transition: 
  top 0.3s ease,
  max-width 0.3s ease,
  width 0.3s ease;
}

.scrolled .card.card-intro {
  position: fixed;
  width: 100%;
  max-width: 910px;
  left: 50%;
  top: 86px;
  transform: translateX(-50%);
  z-index: 9;
  border-radius: 0 0 10px 10px;
} */

.start-a-quote__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 768px) {
  .start-a-quote__wrapper {
    flex-direction: row;
  }
}

.start-a-quote__wrapper .start-a-quote__info {
  width: 100%;
}

#main-content-container .start-a-quote__wrapper .start-a-quote__info .start-a-quote-text {
  text-transform: capitalize;
  text-align: center;
  font-size: 32px;
}

@media (min-width: 768px) {
  #main-content-container .start-a-quote__wrapper .start-a-quote__info .start-a-quote-text {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  #main-content-container .start-a-quote__wrapper .start-a-quote__info .start-a-quote-text {
    font-size: 52px;
  }
}

.start-a-quote__wrapper .start-a-quote__inputs {
  width: 100%;
}

.start-a-quote__highlight__wrapper {
  margin-top: 120px;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f3f4f5;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 576px) {
  .start-a-quote__highlight__wrapper {
      margin-left: calc(((100vw - 510px)/2)*-1);
      margin-right: calc(((100vw - 510px)/2)*-1);
      padding-left: calc(((100vw - 510px)/2));
      padding-right: calc(((100vw - 510px)/2));
  }
}

@media (min-width: 768px) {
  .start-a-quote__highlight__wrapper {
      margin-left: calc(((100vw - 690px)/2)*-1);
      margin-right: calc(((100vw - 690px)/2)*-1);
      padding-left: calc(((100vw - 690px)/2));
      padding-right: calc(((100vw - 690px)/2));
  }
}

@media (min-width: 992px) {
  .start-a-quote__highlight__wrapper {
      margin-left: calc(((100vw - 930px)/2)*-1);
      margin-right: calc(((100vw - 930px)/2)*-1);
      padding-left: calc(((100vw - 930px)/2));
      padding-right: calc(((100vw - 930px)/2));
  }
}

@media (min-width: 1200px) {
  .start-a-quote__highlight__wrapper {
      margin-left: calc(((100vw - 1110px)/2)*-1);
      margin-right: calc(((100vw - 1110px)/2)*-1);
      padding-left: calc(((100vw - 1110px)/2));
      padding-right: calc(((100vw - 1110px)/2));
  }
}

.start-a-quote__highlight__wrapper::before {
  content: '';
  background-image: url('/assets/images/wavy-bg.png');
  height: 100px;
  width: 100%;
  top: -80px;
  position: absolute;
  left: 0;
  right: 0;
}

.start-a-quote__highlight__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 40px;
}

.start-a-quote__highlight__intro h2 {
  text-transform: uppercase;
}

.start-a-quote__highlight__intro p {
  font-size: 16px;
  max-width: 560px;
  text-align: center;
}

@media (min-width: 768px) {
  .start-a-quote__highlight__intro p {
      font-size: 18px;
  }
}

.start-a-quote__highlight__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

@media (min-width: 768px) {
  .start-a-quote__highlight__list {
      flex-wrap: nowrap;
      justify-content: space-between;
  }
}

.start-a-quote__highlight__item {
  width: 50%;
  max-width: 200px;
  padding: 0 20px;
  text-align: center;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .start-a-quote__highlight__item {
      width: 100%;
      margin-bottom: 0;
  }
}

.start-a-quote__highlight__icon svg {
  width: 100%;
}

.start-a-quote__highlight__text {
  margin-top: 18px;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
}

@media (min-width: 992px) {
  .start-a-quote__highlight__text {
      font-size: 16px
  }
}

@media (min-width: 1200px) {
  .start-a-quote__highlight__text {
      font-size: 18px
  }
}

.footer-quote-number {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 24px;
  color: #4a9c2d;
  text-shadow: 0 2px 2px rgb(0 0 0 / 30%);
}