/*****OVERIDES*****/
input[type=search] {
  background: none;
  font-weight: bold;
  outline: none; }

/*register form on the home page*/
.register.open, .login-section.open {
  top: 100%;
  left: 0;
  right: 0;
  padding: 50px 40px; }

.login_form.open {
  padding: 0; }

.login-section .fieldset {
  margin-top: 40px; }

.register .form-input, .login .form-input, .forgot-password .form-input, .reset-password .form-input, .otp-section .form-input {
  width: 80%; }

.last-serviced-period h5.service-reminder-label {
  margin-bottom: 0; }

.login, .forgot-password, .reset-password, .otp-section, .register {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  padding: 50px 90px; }
  .login.open, .forgot-password.open, .reset-password.open, .otp-section.open, .register.open {
    display: block; }

/*icons for register*/
.swal2-icon {
  width: 72px !important;
  height: 72px !important; }

.swal2-container ul li {
  list-style: none;
  line-height: 24px; }

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 40px;
  left: 6px; }

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 55%;
  right: 0; }

.dealer-directions {
  margin-top: 40px; }

.text-field:not(.date-field) .form-input:before {
  width: 20px;
  height: 20px; }

.mega-menu-close-btn {
  cursor: pointer;
  right: 90px; }

.banner-container .copy.absolute {
  padding: 0;
  top: 50%; }

.navigation {
  z-index: 999999; }
  .navigation:before {
    width: 200%;
    left: 50%;
    transform: translateX(-50%); }

.mega-menu .mega-menu-close-btn {
  cursor: pointer;
  right: 72px; }

.login, .register {
  z-index: 99999; }
  .login input, .register input {
    color: #333333 !important; }

.login h2 {
  margin-bottom: 0; }

.register p {
  width: 80%; }

/*book a service */
iframe .formField.textField.date-field {
  width: 100%; }

/*my cars*/
.select-vehicle .fieldset input {
  width: 100% !important; }

@media screen and (max-width: 1300px) {
  .login > div {
    padding-right: 0; } }
@media screen and (max-width: 1080px) {
  .my-audi-world-container > .padded-container.bordered {
    padding-right: 0;
    padding-left: 0; }

  .navigation {
    position: relative;
    padding: 0; }
    .navigation .mega-menu {
      height: 85vh; }

  .mega-menu .mega-menu-close-btn {
    cursor: pointer;
    right: 35px;
    top: -43px;
    display: none; }

  .mega-menu-close-btn, .close-reg {
    display: block; }

  .mega-menu-close-btn.top-right {
    top: 60px;
    right: 40px; }

  .register p {
    width: 100%; }

  .login h3 {
    margin-bottom: 0; }

  .register > div, .login > div, .forgot-password > div, .reset-password > div, .otp-section > div {
    padding-right: 0; }

  .login, .forgot-password, .reset-password, .otp-section, .register {
    padding: 50px 40px; }

  .mega-menu ul li ul li a:hover:before {
    position: static; }

 /*
.register.open, .login.open{
  top: 81px!important;
}*/
  .register.open, .login.open, .forgot-password.open, .reset-password.open, .otp-section.open {
    right: auto;
    width: 100%; }

  .register .form-input, .login .form-input, .forgot-password .form-input, .reset-password .form-input, .otp-section .form-input {
    width: 100%; }

  .register > div, .login > div, .forgot-password > div, .reset-password > div, .otp-section > div {
    padding-right: 0; }

  .navigation {
    padding: 40.5px 0 20.5px; }
    .navigation.open {
      padding: 60.5px 0 20.5px; }
    .navigation .burger-menu {
      top: 20.5px; }

  .mega-menu ul li ul li a {
    text-decoration: none; } }
@media screen and (max-width: 768px) {
  .home .categories > a:nth-of-type(2n+2) {
    padding-left: 0; }

  .categories > a .tittle, .categories > a .category-copy, .categories > a {
    padding-right: 0; } }
@media screen and (max-width: 500px) {
  .navigation .my-audi-logo {
    width: 120px;
    margin-top: 3px; }

  /*find a dealer*/
  .find-dealer {
    padding: 70px 0; }

  .dealer-item.active .expand-arrow {
    display: none; }

  .dealer-results .search-empty {
    padding: 40px 50px; }

  .banner-container .copy.absolute {
    top: 30%; }

  .my-car-list .padded-container > div div {
    padding-bottom: 30px; }

  /*footer*/
  .footer {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0; }
    .footer .nav-item:nth-last-child(n+2):after {
      display: none; }
    .footer .nav-list .nav-item {
      line-height: 17px;
      width: auto; }
    .footer .nav-link {
      padding: 5px; } }
/*logged in*/
.home .welcome-user .flex-row, .home .welcome-user .categories {
  max-width: unset; }

/*.last-serviced-period{
  h5{
    margin: 0;
  }
}*/
/*.service-reminder-label{
    margin-bottom: 10px;
}*/
.home .flex-row {
  margin: 40px 0; }

.last-serviced-period h5.no-marg {
  margin-bottom: 0; }

.text-right .btn {
  width: 97%; }

.aui-headline-6.no-marg {
  margin-bottom: 0; }

@media screen and (max-width: 1080px) {
  .welcome-user .btn-primary, .welcome-user .btn, .welcome-user .btn-primary {
    width: 97%; } }
@media screen and (max-width: 900px) {
  .aui-headline-6 input[type='submit'] {
    width: 25% !important; }

  .last-serviced-period {
    width: 100%;
    margin-bottom: 20px; }

  .welcome-user .btn-primary:last-of-type, .welcome-user .btn:last-of-type, .welcome-user .btn-primary:last-of-type {
    margin: 0; }

  .home .flex-row {
    margin: 30px 0 0;
    flex-direction: column !important; }

  .welcome-user .btn-primary, .welcome-user .btn, .welcome-user .btn-primary {
    width: 100%; }

  .home .banner-container {
    height: 419px !important; }

  .welcome-user {
    position: static; } }

/*# sourceMappingURL=overides.css.map */
