#app .general_left_side .menu_bottom_section div {
  display: flex;
  gap: 10px;
  width: 100%;
  color: #000;
  font-size: 15px;
  align-items: center;
}

#app .general_left_side .accounts_list ul li div {
  background: url(../img/driver-icon.svg) no-repeat 0 0;
  padding-left: 30px;
  display: block;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  position: relative;
}

#app .general_left_side .accounts_list ul li div .title {
  font-weight: 700;
  font-size: 16px;
}

#app .general_left_side .accounts_list ul li div .notification {
  position: absolute;
  left: 0;
  top: 15px;
  color: #fff;
  background: red;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}

#app #notification_center .wrapper ul li div {
  text-decoration: none;
  color: #000;
  background: #eaeaea;
  display: block;
  padding: 10px;
}

#app .lrf .wrapper .policy_agreement div {
  font-size: 12px;
  text-decoration: none;
  opacity: .7;
  color: #000;
}

/* */
#app #onboarding_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #onboarding_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #onboarding_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #onboarding_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #onboarding_popup.opened {
  left: 0;
}

/* */
#app #announce_our_services_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #announce_our_services_popup .wrapper {
  background: #EEE;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #announce_our_services_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #announce_our_services_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #announce_our_services_popup.opened {
  left: 0;
}

/* */
#app #add_notification_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #add_notification_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #add_notification_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #add_notification_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #add_notification_popup.opened {
  left: 0;
}

/* */
#app #del_driver_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #del_driver_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #del_driver_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #del_driver_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #del_driver_popup.opened {
  left: 0;
}

/* */

#app #del_auto_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #del_auto_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #del_auto_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #del_auto_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #del_auto_popup.opened {
  left: 0;
}

/* */

#app #add_contact_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #add_contact_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #add_contact_popup .wrapper .title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

#app #add_contact_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #add_contact_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #add_contact_popup.opened {
  left: 0;
}

/* */

#app #del_contact_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #del_contact_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #del_contact_popup .wrapper .title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

#app #del_contact_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #del_contact_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #del_contact_popup.opened {
  left: 0;
}

/* */

#app #add_pass_after_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #add_pass_after_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #add_pass_after_popup .wrapper .title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

#app #add_pass_after_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #add_pass_after_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #add_pass_after_popup.opened {
  left: 0;
}




/* */

#app #wait_confirmation_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #wait_confirmation_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #wait_confirmation_popup .wrapper .title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

#app #wait_confirmation_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #wait_confirmation_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #wait_confirmation_popup.opened {
  left: 0;
}



/* */

#app #wait_inn_confirmation_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #wait_inn_confirmation_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #wait_inn_confirmation_popup .wrapper .title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

#app #wait_inn_confirmation_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #wait_inn_confirmation_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #wait_inn_confirmation_popup.opened {
  left: 0;
}


/* */

#app #inn_error_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #inn_error_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #inn_error_popup .wrapper .title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

#app #inn_error_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #inn_error_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #inn_error_popup.opened {
  left: 0;
}


/* */

#app .general_right_side .list_sort_filtration .chose_cars #delete_cars {
  background: none;
  height: auto;
  border: none;
  padding: 0;
  margin: 0;
  color: #000;
  text-decoration: underline;
  font-weight: 700;
}

/* */
#app .general_right_side .auto_view .bs .auto_menu ul li div {
  display: flex;
  align-items: center;
  padding: 5px;
  color: #000;
  text-decoration: none;
}

#app .general_right_side .auto_view .bs .auto_menu ul li div img {
  margin-right: 10px;
}

@media (min-width: 1170px) {
  #app .general_right_side .auto_view .bs .auto_menu ul li div {
      padding: 10px;
      cursor: 'pointer'
  }
}

#app .general_right_side .auto_view .bs .auto_menu ul li.selected div {
  background: #ffe8bf;
}

#app .general_right_side .auto_view .bs .auto_content .h2>.num_paid {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  border-radius: 100%;
  border: 1px solid black;
  width: 40px;
  height: 40px;
  font-size: 18px;
  margin-left: 10px;
}

@media (min-width: 1170px) {
  #app .general_right_side .auto_view .bs .auto_content .fines_list ul li .tsv_wrapper .value_paid {
      margin-top: -10px;
      margin-bottom: -10px;
      margin-right: 0;
      display: flex;
      align-items: center;
      gap: 10px;
  }
}

#app .general_right_side .auto_view .bs .auto_content .fines_list ul li .value_paid {
  color: #000;
  background: grey;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}


@media (min-width: 1170px) {
  #app .general_right_side .header .buttons_wrapper {
    position: absolute;
    top: 20px;
    right: 485px;
    margin: 0;
    padding: 0;
    width: auto;
    justify-content: flex-start;
  }
}

#app .general_right_side .header .notifications_wrapper .debt_notify { font-size: 0; color: 'red'; display: flex }
#app .general_right_side .header .notifications_wrapper .debt_notify svg{ margin-left: 10px; margin-right: 10px }

@media (min-width: 1170px) {
  #app .general_right_side .header .notifications_wrapper .debt_notify {
    font-size: 15px;
    color: 'red';
    display: flex;
  }
}

#app #debt_sum_popup {
  background: rgba(0,0,0,.2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 0 0 0 20px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

@media (min-width: 768px) {
  #app #debt_sum_popup {
    justify-content: end;
  }
}

#app #debt_sum_popup.opened {
  right: 0;
}

#app #debt_sum_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

#app #debt_sum_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: scroll;
  padding: 15px;
  width: 100%;
}

@media (min-width: 768px) {
  #app #debt_sum_popup .wrapper {
    width: 350px;
  }
}

#app #debt_sum_popup .wrapper .title {
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 0;
}

/* */
@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .debt {
      position: relative;
      cursor: pointer;
  }
}

#app .general_right_side .car_list .car_item .debt {
  grid-column: 1/4;
  padding: 10px;
  display: flex;
  align-items: center;
  border-top: 1px solid #ededed;
  justify-content: space-between;
  flex-wrap: wrap;
}

#app .general_right_side .car_list .car_item .debt .ls {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* */
@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .filling_status {
    position: relative;
    cursor: pointer;
  }
}

#app .general_right_side .car_list .car_item .filling_status {
  background-color: rgb(255, 228, 178);
  align-items: center;
}

@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .filling_status .ls {
      margin: 0;
      height: 100%;
      justify-content: center;
  }
}

#app .general_right_side .car_list .car_item .filling_status .ls {
  height: 30px;
  margin: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}

#app .general_right_side .car_list .car_item .filling_status .rs {
  display: flex;
  align-items: center;
  gap: 5px;
}

#app .general_right_side .car_list .car_item .filling_status .result {
  display: none;
  width: 100%;
}


#app .general_right_side .car_list .car_item .filling_status.opened .result {
  display: block;
  position: absolute;
  z-index: 12;
  box-shadow: 0 0 3px 0 rgba(0,0,0,.02),0 1px 8px 0 rgba(0,0,0,.03),0 1px 16px 0 rgba(0,0,0,.04),0 2px 28px 0 rgba(0,0,0,.04),0 4px 52px 0 rgba(0,0,0,.05),0 9px 124px 0 rgba(0,0,0,.07);
  right: auto;
  top: 120px;
  background: none;
  width: 100%;
  left: 0;
}


@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .filling_status.opened .result {
    display: block;
    position: absolute;
    z-index: 12;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.02),0 1px 8px 0 rgba(0,0,0,.03),0 1px 16px 0 rgba(0,0,0,.04),0 2px 28px 0 rgba(0,0,0,.04),0 4px 52px 0 rgba(0,0,0,.05),0 9px 124px 0 rgba(0,0,0,.07);
    right: auto;
    top: 42px;
    background: none;
    width: 400px;
    left: 0;
  }
}

@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .filling_status.opened .result .res_wrapper {
    margin: 0;
    padding: 20px;
    background: rgb(255, 255, 255);
  }
}

#app .general_right_side .car_list .car_item .filling_status .result .res_wrapper {
  padding: 5px;
  background: rgb(255, 255, 255);
}


/*************/

#app .lrf .wrapper .desc {
  line-height: 110%;
  margin-top: 20px;
  font-size: 13px;
  text-align: justify;
}

#app .lrf .wrapper .gos_sign_wrapper {
  position: relative;
}

#app .lrf .wrapper .gos_sign_wrapper .pretitle {
  font-weight: 700;
  margin-top: 15px;
}

#app .lrf .wrapper .gos_sign_wrapper .inputs {
  display: flex;
}

#app .lrf .wrapper .gos_sign_wrapper .inputs input:first-child {
  border-radius: 40px 0 0 40px;
  border-right: 0;
}

#app .lrf .wrapper .gos_sign_wrapper .inputs input:nth-child(2) {
  border-radius: 0 40px 40px 0;
  width: 100px;
  padding-bottom: 15px;
}

#app .lrf .wrapper .gos_sign_wrapper .sign {
  position: absolute;
  right: 40px;
  bottom: 10px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
}

#app .lrf .wrapper .gos_sign_wrapper .sign img {
  height: 12px;
}

#app .lrf .wrapper .rnis_list ul li.notfound {
  border-left: 5px solid red;
}

@media (min-width: 1170px) {
  #app .lrf .wrapper .rnis_list ul li {
      display: flex;
      justify-content: space-between;
  }
}

#app .lrf .wrapper .rnis_list ul li {
  background: #f2f2f2;
  padding: 10px;
}

#app .lrf .wrapper .rnis_list ul li.notfound .title {
  background: none;
  margin: 0;
  opacity: .5;
}

@media (min-width: 1170px) {
  #app .lrf .wrapper .rnis_list ul li .title {
      margin-bottom: -10px;
  }
}

#app .lrf .wrapper .rnis_list ul li .title {
  background: #a7d32a;
  padding: 10px;
  /*margin: -10px -10px 10px;*/
  font-size: 12px;
  width: 100%;
  display: block;
  box-sizing: border-box;
}

#app .lrf .wrapper .rnis_list ul li .time {
  font-size: 12px;
}

#app .lrf .wrapper .rnis_list {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* */
#app .general_left_side .menu_bottom_section .drivers_list {
  background: url(../img/driver-list-icon.svg) no-repeat 0;
  display: flex
;
  align-items: center;
  color: #000;
  padding-left: 29px;
}

/* */

#app #our_services_popup {
  background: rgba(0, 0, 0, .2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -100vw;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 15px;
  transition: all .3s cubic-bezier(.76,0,.24,1);
}

#app #our_services_popup .wrapper {
  background: #fff;
  display: block;
  position: relative;
  height: auto;
  max-height: 100%;
  overflow-x: auto;
  width: 100%;
  padding: 15px;
}

#app #our_services_popup .wrapper .title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

#app #our_services_popup .wrapper .close_popup {
  background: none;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (min-width: 768px) {
  #app #our_services_popup .wrapper {
      width: 350px;
      padding: 30px;
  }
}

#app #our_services_popup.opened {
  left: 0;
}

/* Фиксированная кнопка внизу экрана */
#app #our_services_popup .wrapper {
  padding-bottom: 80px; /* Отступ для кнопки */
}

#app #our_services_popup .btn[style*="width: 100%"] {
  position: fixed;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 60px) !important;
  max-width: 320px;
  margin: 0 !important;
  z-index: 11; /* Выше попапа */
}

@media (min-width: 768px) {
  #app #our_services_popup .btn[style*="width: 100%"] {
    bottom: 30px;
    max-width: 290px;
  }
}

/* Скролл для левого меню */
#app .general_left_side {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Предотвращаем скролл правой стороны при наведении на левую */
#app .general_left_side:hover ~ .general_right_side {
  overflow: hidden;
}

/* Стили для кнопок выбора типа страхования */
#app #our_services_popup .input_wrapper button {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 44px;
}

/* avtodor tab */
@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .avtodor {
      position: relative;
      cursor: pointer;
  }
}

#app .general_right_side .car_list .car_item .avtodor {
  grid-column: 1 / 4;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  color: #9f9f9f;
}

#app .general_right_side .car_list .car_item .avtodor .ls {
  display: flex;
  align-items: center;
  gap: 5px;
}

#app .general_right_side .car_list .car_item .avtodor .rs {
  display: flex;
  align-items: center;
  gap: 5px;
}

#app .general_right_side .car_list .car_item .avtodor .result {
  display: none;
  width: 100%;
}

#app .general_right_side .car_list .car_item .avtodor .result .res_wrapper {
  margin-top: 10px;
  padding: 5px;
  border: 1px solid #ededed;
  background: #ededed;
}

#app .general_right_side .car_list .car_item .avtodor .result .res_wrapper .description {
  font-size: 13px;
  color: #000;
}

@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .avtodor.opened .result .res_wrapper {
      margin: 0;
      padding: 20px;
      background: #fff;
  }
}

@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .avtodor.opened .result {
      display: block;
      position: absolute;
      z-index: 12;
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, .02), 0 1px 8px 0 rgba(0, 0, 0, .03), 0 1px 16px 0 rgba(0, 0, 0, .04), 0 2px 28px 0 rgba(0, 0, 0, .04), 0 4px 52px 0 rgba(0, 0, 0, .05), 0 9px 124px 0 rgba(0, 0, 0, .07);
      left: auto;
      top: 42px;
      background: none;
      width: 400px;
      right: 0;
  }
}

#app .general_right_side .car_list .car_item .avtodor.opened .result {
  display: block;
}

@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .avtodor.opened .result .res_wrapper:before {
      content: "";
      position: absolute;
      right: 20px;
      top: 0;
      width: 13px;
      height: 13px;
      transform: translate(-50%, -50%) rotate(45deg);
      background: #fff;
  }
}

/* avtodor list */
#app .general_right_side .auto_view .bs .auto_content .avtodor_list ul {
  display: grid;
  margin-bottom: 20px;
  gap: 20px;
}

#app .general_right_side .auto_view .bs .auto_content .avtodor_list {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 1170px) {
  #app .general_right_side .auto_view .bs .auto_content .avtodor_list ul li {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }
}
#app .general_right_side .auto_view .bs .auto_content .avtodor_list ul li {
  background: #f2f2f2;
  padding: 10px;
  border-left: 5px solid red;
}

@media (min-width: 1170px) {
  #app .general_right_side .auto_view .bs .auto_content .avtodor_list ul li .tsv_wrapper {
      display: flex;
      border-bottom: 1px solid #bebebe;
      padding-bottom: 10px;
      margin-left: -10px;
      margin-right: -10px;
      padding-left: 10px;
      justify-content: space-between;
      width: calc(100% + 20px);
  }
}

@media (min-width: 1170px) {
  #app .general_right_side .auto_view .bs .auto_content .avtodor_list ul li .tsv_wrapper .time {
      display: flex;
      flex-direction: column;
      background-size: 30px;
      padding-left: 35px;
      flex-shrink: 0;
  }
}

#app .general_right_side .auto_view .bs .auto_content .avtodor_list ul li .time {
  display: flex;
  justify-content: space-between;
  background: url(../img/fi-sr-clock.svg) no-repeat 0;
  background-size: 20px;
  padding-left: 24px;
}

@media (min-width: 1170px) {
  #app .general_right_side .auto_view .bs .auto_content .avtodor_list ul li .tsv_wrapper .value {
      margin-top: -10px;
      margin-bottom: -10px;
      margin-right: 0;
      display: flex;
      align-items: center;
      gap: 10px;
  }
}
#app .general_right_side .auto_view .bs .auto_content .avtodor_list ul li .value {
  color: #fff;
  background: red;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

@media (min-width: 1170px) {
  #app .general_right_side .auto_view .bs .auto_content .avtodor_list ul li .tsv_wrapper .value_paid {
      margin-top: -10px;
      margin-bottom: -10px;
      margin-right: 0;
      display: flex;
      align-items: center;
      gap: 10px;
  }
}

#app .general_right_side .auto_view .bs .auto_content .avtodor_list ul li .value_paid {
  color: #000;
  background: grey;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

#app .general_right_side .auto_view .bs .auto_content .avtodor_list ul li .description {
  line-height: 110%;
  margin: 10px 0;
}




/* rnis tab */
@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .rnis {
      position: relative;
      cursor: pointer;
  }
}

#app .general_right_side .car_list .car_item .rnis {
  grid-column: 1 / 4;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  color: #9f9f9f;
}

#app .general_right_side .car_list .car_item .rnis .ls {
  display: flex;
  align-items: center;
  gap: 5px;
}

#app .general_right_side .car_list .car_item .rnis .rs {
  display: flex;
  align-items: center;
  gap: 5px;
}

#app .general_right_side .car_list .car_item .rnis .result {
  display: none;
  width: 100%;
}

#app .general_right_side .car_list .car_item .rnis .result .res_wrapper {
  margin-top: 10px;
  padding: 5px;
  border: 1px solid #ededed;
  background: #ededed;
}

#app .general_right_side .car_list .car_item .rnis .result .res_wrapper .description {
  font-size: 13px;
  color: #000;
}

@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .rnis.opened .result .res_wrapper {
      margin: 0;
      padding: 20px;
      background: #fff;
  }
}

@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .rnis.opened .result {
      display: block;
      position: absolute;
      z-index: 12;
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, .02), 0 1px 8px 0 rgba(0, 0, 0, .03), 0 1px 16px 0 rgba(0, 0, 0, .04), 0 2px 28px 0 rgba(0, 0, 0, .04), 0 4px 52px 0 rgba(0, 0, 0, .05), 0 9px 124px 0 rgba(0, 0, 0, .07);
      left: auto;
      top: 42px;
      background: none;
      width: 400px;
      right: 0;
  }
}

#app .general_right_side .car_list .car_item .rnis.opened .result {
  display: block;
}

@media (min-width: 1170px) {
  #app .general_right_side .car_list .car_item .rnis.opened .result .res_wrapper:before {
      content: "";
      position: absolute;
      right: 20px;
      top: 0;
      width: 13px;
      height: 13px;
      transform: translate(-50%, -50%) rotate(45deg);
      background: #fff;
  }
}