@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "Cresta";
  src: url("../fonts/Cresta_Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Cresta-italic";
  src: url("../fonts/Cresta_Black_Italic.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Cresta-medium";
  src: url("../fonts/Cresta_Black_Italic.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
body {
  background-color: #F2F2F2;
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  overflow-wrap: break-word;
  line-height: 110%;
}
body a {
  text-decoration: none;
  color: #000;
}
body img {
  max-width: 100%;
}
body .container {
  max-width: 1200px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  body .container {
    margin-top: 35px;
  }
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Cresta-Italic", Arial, sans-serif;
  color: #1E1E1E;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 110%;
}
body .noto-sans {
  font-family: "Noto Sans", sans-serif !important;
}
body .font-cresta {
  font-family: "Cresta", Arial, sans-serif !important;
}
body .font-cresta-italic {
  font-family: "Cresta-italic", Arial, sans-serif !important;
}
body .font-cresta-medium {
  font-family: "Cresta-medium", Arial, sans-serif !important;
}
body .cursor-pointer {
  cursor: pointer;
}
body hr {
  border-top: 1px solid #DDDDDD;
}
body .nav {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  display: block;
}
body .nav .identity {
  padding: 15px 15px;
  line-break: anywhere;
  font-size: 13px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  body .nav .identity {
    padding-right: 75px;
  }
}
body .nav .identity .responsive-menu {
  display: none;
  font-size: 25px;
  position: absolute;
  right: 0;
  right: 30px;
  top: 15px;
}
@media only screen and (max-width: 767px) {
  body .nav .identity .responsive-menu {
    display: block;
  }
}
body .nav .menu ul {
  padding: 0;
  list-style-type: none;
}
body .nav .menu ul li {
  width: 100%;
  display: block;
}
body .nav .menu ul li a {
  padding: 15px 15px;
  width: 100%;
  display: block;
}
body .nav .menu ul li a.active {
  background-color: #e3e3e3;
  font-weight: 600;
}
body .nav .menu ul li a:hover {
  background-color: #e3e3e3;
}
body .nav .menu .brand-logo {
  margin-top: 100px;
  padding: 15px;
  max-height: 29px;
}
@media only screen and (max-width: 767px) {
  body .nav .menu .brand-logo {
    margin-top: 0;
  }
}
body .content {
  background-color: #fff;
  border-radius: 20px;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  body .content {
    margin-top: 20px;
  }
}
body .content.flash-content {
  padding: 0;
  text-align: center;
  background-color: transparent;
}
body h1 {
  font-weight: 900;
  font-family: "Cresta-italic";
}
body h3 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 15px;
}
body .text-small {
  font-size: 12px;
  font-weight: 400;
  color: #ACACAC;
}
body .btn {
  font-size: 17px;
  font-family: "Cresta", Arial, sans-serif;
  font-weight: 500;
  text-align: center;
  border-radius: 14px;
  padding: 11px;
  height: 50px;
}
body .btn.btn-sm {
  height: 44px;
  padding: 8px 11px;
}
body .btn.form-btn {
  margin-top: 10px;
}
body .btn.btn-success {
  background-color: #0FC26C;
  border-color: #0FC26C;
}
body .btn.btn-danger {
  border-color: #BA0003;
  background: linear-gradient(116.61deg, #C40127 10.92%, #ED3C19 90.17%);
}
body .btn.btn-outline-danger {
  border-color: #BA0003;
}
body .btn.btn-outline-danger:hover {
  background-color: #BA0003;
}
body .btn.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: #000 !important;
}
body .btn.btn-white.active, body .btn.btn-white:hover {
  border-color: #1E1E1E;
  font-weight: 600 !important;
  transition: all 0.3s ease-in-out;
}
body .btn.btn-white.active span, body .btn.btn-white:hover span {
  font-weight: 600 !important;
}
body .btn.btn-show-legend span {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
body .btn.btn-show-legend:hover span {
  display: inline;
  visibility: visible;
  opacity: 1;
}
body .btn.btn-google {
  padding: 11px 28px;
  background-color: #fff;
  color: #000 !important;
  border-color: #fff;
  max-height: 50px;
}
body .btn.btn-google img {
  position: relative;
  margin-right: 10px;
  height: 24px;
  float: left;
}
body .btn.btn-apple {
  padding: 11px 36px;
  background-color: #000;
  color: #fff !important;
  border-color: #000;
  max-height: 50px;
}
body .btn.btn-apple img {
  position: relative;
  margin-right: 10px;
  height: 24px;
  float: left;
}
body .btn.btn-add:before {
  content: "";
  width: 17px;
  height: 17px;
  mask: url("images/add_2.svg") no-repeat center;
  -webkit-mask: url("images/add_2.svg") no-repeat center;
  margin-right: 9px;
  margin-left: 3px;
  background-color: #fff;
  display: inline-block;
  position: relative;
  top: 2px;
}
body .btn.back-arrow {
  padding: 10px 14px !important;
}
body .badge {
  border-radius: 100px;
  font-size: 10px;
  font-weight: 900;
  font-family: "Cresta", Arial, sans-serif;
  padding: 7px 14px;
  line-height: 100%;
}
body .badge.bg-success {
  background-color: #0FC26C !important;
  color: #fff;
}
body .badge.bg-danger {
  background-color: #C40127 !important;
  color: #fff;
}
body .lni {
  position: relative;
  top: 2px;
}
@media only screen and (max-width: 767px) {
  body .line-input {
    margin-bottom: 15px;
  }
  body .line-input:last-child {
    margin-bottom: 0;
  }
}
body form input.form-control, body form select.form-control, body form textarea.form-control {
  border-radius: 10px;
  background-color: #fff;
  border-color: #fff;
  padding: 5px 15px;
}
body form .select2-container {
  width: 100% !important;
}
body form .select2-container .select2-selection {
  min-height: 36px;
  border-radius: 10px;
  background-color: #fff;
  border-color: #fff;
  padding: 10px 15px;
  min-height: 44px;
  width: 100%;
  float: left;
}
body form .select2-container .select2-selection .select2-selection__arrow {
  top: 6px;
  right: 10px;
}
body form .select2-container .select2-selection--multiple {
  border-color: #efefef !important;
}
body form .form-group {
  margin-bottom: 18px;
  position: relative;
}
body form .form-group .form-control {
  background-color: #fff;
  border-radius: 10px;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  height: 44px;
  border: 0;
  padding: 5px 15px;
  width: 100%;
}
body form .form-group .form-control::-moz-placeholder {
  color: #CACACA;
}
body form .form-group .form-control::placeholder {
  color: #CACACA;
}
body form .form-group label {
  color: rgb(0, 0, 0);
  padding-bottom: 5px;
  font-weight: 700;
  font-size: 12px;
  width: 100%;
  padding-left: 0;
  font-weight: 400;
}
body form .radio-box {
  width: 100%;
  float: left;
  padding-top: 20px;
}
body form .radio-box .container-radio {
  display: block;
  position: relative;
  padding-left: 35px !important;
  margin-bottom: 12px;
  margin-right: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
  float: left;
}
body form .radio-box .container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
body form .radio-box .container-radio input:checked ~ .checkmark:after {
  display: block;
}
body form .radio-box .container-radio .checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
body form .radio-box .container-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0b0c0c;
}
body form select {
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
}
body form .checkbox-switch {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
body form .checkbox-switch .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin-right: 25px;
  top: -4px;
}
body form .checkbox-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
body form .checkbox-switch .switch input:checked + .slider {
  background-color: #0FC26C;
}
body form .checkbox-switch .switch input:focus + .slider {
  box-shadow: 0 0 1px #0FC26C;
}
body form .checkbox-switch .switch input:checked + .slider:before {
  transform: translateX(30px);
}
body form .checkbox-switch .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
body form .checkbox-switch .switch .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
body form .checkbox-switch .switch .slider.round {
  border-radius: 34px;
}
body form .checkbox-switch .switch .slider.round:before {
  border-radius: 50%;
}
body form .passwordInput {
  background-image: url("images/eye.svg");
  position: absolute;
  width: 23px;
  height: 27px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 4px;
  right: 9px;
  cursor: pointer;
}
body form .passwordInput.active {
  background-image: url("images/visibility_off.svg");
  width: 24px;
}
@media only screen and (max-width: 767px) {
  body form .passwordInput {
    bottom: 0px;
  }
}
body form .form-group {
  position: relative;
  margin-top: 10px;
}
body form .form-group label {
  color: #1E1E1E;
  background-color: #F2F2F2;
  border-radius: 100px;
  padding: 3px 8px;
  font-size: 12px;
  position: absolute;
  width: auto;
  left: 8px;
  top: -10px;
  z-index: 2;
  line-height: 14px;
  max-width: 75%;
}
body form .form-group.label-lg label {
  top: -20px;
}
body form .form-group.checkbox label, body form .form-group.radio label {
  position: relative;
  top: 0;
  left: 0;
  background-color: transparent;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  margin-right: 20px;
  width: auto;
}
body form .form-group.checkbox label:last-child, body form .form-group.radio label:last-child {
  margin-right: 0;
}
body form .form-group.checkbox br, body form .form-group.radio br {
  display: none;
}
body form .form-group.checkbox input, body form .form-group.radio input {
  margin-right: 11px;
  cursor: pointer;
}
body form .form-group.checkbox input[type=radio], body form .form-group.radio input[type=radio] {
  opacity: 1;
  height: 0;
  width: 27px;
}
body form .form-group.checkbox input[type=radio]:before, body form .form-group.radio input[type=radio]:before {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  margin-right: 11px;
  content: "";
  display: inline-block;
  position: relative;
  top: 6px;
  left: 0;
  background-color: #fff;
}
body form .form-group.checkbox input[type=radio]:checked:after, body form .form-group.radio input[type=radio]:checked:after {
  width: 11px;
  height: 11px;
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 14px;
  left: 8px;
  background-color: #0b0c0c;
}
body form .form-group .select2-selection__arrow {
  width: 30px !important;
  height: 30px !important;
  background-color: #F2F2F2;
  border-radius: 8px;
}
body form .form-group .select2-selection__arrow b {
  border-color: transparent !important;
  background-color: #F2F2F2;
  background-image: url("images/arrow-down.svg") !important;
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px !important;
  height: 6px !important;
  border-style: unset !important;
  border-width: 0 !important;
}
body ul.form-nav {
  padding: 0;
  list-style-type: none;
}
body ul.form-nav li {
  width: 100%;
  display: block;
}
body ul.form-nav li a {
  font-size: 14px;
  padding: 15px 15px;
  width: 100%;
  display: block;
}
body ul.form-nav li a.active {
  background-color: #e3e3e3;
  font-weight: 600;
}
body ul.form-nav li a:hover {
  background-color: #e3e3e3;
}
body .form-section {
  display: none;
}
body .form-section.active {
  display: block;
}
body .page-title {
  margin-bottom: 34px;
}
body .help-box {
  display: none;
  position: absolute;
  right: -30px;
  top: 32px;
  cursor: help;
}
body .help-box p {
  display: none;
  position: absolute;
  border: 1px solid #f2f3f5;
  background-color: #fff;
  border-radius: 6px;
  padding: 10px;
  font-size: 14px;
  width: 150px;
}
body .help-box:hover p {
  display: block;
}
body .netteFormsModal {
  border-radius: 20px;
  border: 1px solid #f2f3f5;
  font-weight: bold;
  padding: 20px 40px;
  text-align: center;
  margin: auto;
}
body .banner {
  color: #fff;
  padding: 30px 30px;
  border-radius: 20px;
  background: rgb(199, 22, 46);
  background: linear-gradient(90deg, rgb(199, 22, 46) 0%, rgb(231, 77, 28) 100%);
  position: relative;
  margin-bottom: 25px;
}
body .banner .text h5 {
  margin-bottom: 25px;
}
body .banner .banner-image {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 95%;
}
@media only screen and (max-width: 767px) {
  body .banner .banner-image {
    display: none;
  }
}
body.my_car .top-content {
  display: inline-block;
}
body.my_car .top-content .btn {
  margin-top: 6px;
}
body.my_car .access-alert {
  background: linear-gradient(90deg, rgb(199, 22, 46) 0%, rgb(231, 77, 28) 100%);
  border-color: transparent;
  color: #fff;
}
body.my_car .access-alert a {
  color: #fff;
}
body.benefits .image {
  text-align: center;
}
body.benefits .image .benefit-image {
  margin: 0 auto;
  max-height: 250px;
}
body.news .image {
  text-align: center;
}
body.news .image .benefit-image {
  margin: 0 auto;
  max-height: 250px;
}
body.news .news-content {
  position: relative;
}
body.news .news-content .btn {
  position: absolute;
  right: 15px;
  bottom: 0;
}
body .flash-content {
  color: #fff;
  font-family: "Cresta-italic", Arial, sans-serif;
  width: auto;
  position: absolute;
  right: 0px;
  top: 97px;
  text-align: center;
  min-width: 208px;
  z-index: 99999;
}
body .flash-content .flash {
  border-radius: 36px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 13px;
  max-width: 450px;
  text-align: center;
}
body .flash-content .flash.danger {
  background-color: #C40127;
  border-color: #C40127;
}
body .flash-content .flash.success {
  background-color: #0FC26C;
  border-color: #0FC26C;
}
body.prihlaseni {
  background: linear-gradient(116.61deg, #C40127 10.92%, #ED3C19 90.17%);
  width: 100%;
  float: left;
  min-height: 100vh;
}
body.prihlaseni .container {
  max-width: 1200px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  body.prihlaseni .container {
    margin-top: 35px;
  }
}
body.prihlaseni .flash {
  border-radius: 36px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 13px;
  max-width: 450px;
  text-align: center;
  color: #C40127;
}
body.prihlaseni .flash.danger {
  background-color: #fff;
  border-color: #fff;
}
body.prihlaseni .logo {
  margin-top: 106px;
}
body.prihlaseni .login-group-wrapper {
  background-color: #BA0003;
  border-radius: 14px;
  max-width: 576px;
  min-width: 576px;
  min-height: 431px;
  max-height: 431px;
  position: relative;
  float: right;
}
body.prihlaseni .login-group-wrapper .login-group {
  margin: 0 auto;
  max-height: 490px;
  position: absolute;
  bottom: 0;
  left: 0%;
}
@media only screen and (max-width: 1200px) {
  body.prihlaseni .login-group-wrapper .login-group {
    display: none;
  }
}
body.prihlaseni .login-area {
  min-height: 86vh;
}
body.prihlaseni .login-area .content {
  background-color: transparent;
  font-family: "Cresta", Arial, sans-serif;
  color: #fff;
}
body.prihlaseni .login-area .content h1 {
  font-size: 32px;
  font-weight: 900;
  width: 100%;
  text-transform: uppercase;
  font-family: "Cresta-italic", Arial, sans-serif;
  color: #1E1E1E;
}
@media only screen and (max-width: 767px) {
  body.prihlaseni .login-area .content h1 {
    font-size: 30px;
  }
}
body.prihlaseni .login-area .content .new-client-text {
  font-size: 15px;
}
body.prihlaseni .login-area .content .new-client-text a {
  text-decoration: underline;
  color: #fff;
}
body.prihlaseni .login-area .content .terms-text {
  display: block;
  font-size: 12px;
  width: 100%;
  font-weight: 400;
  float: left;
}
body.prihlaseni .login-area .content .terms-text a {
  text-decoration: underline;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  body.prihlaseni .login-area .content .terms-text {
    margin-top: 15px;
  }
}
body.prihlaseni .login-area .content .badges {
  width: 100%;
  float: left;
}
body.prihlaseni .login-area .content .badges a {
  background-image: linear-gradient(29deg, #C40127 0%, #ED3C19 100%);
  color: #fff;
  font-size: 12px;
  height: auto;
  padding: 3.5px 12px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 30px;
  font-weight: 700;
  width: auto;
  float: left;
  margin-bottom: 12px;
}
body.prihlaseni .login-area .content form .form-group {
  margin-bottom: 18px;
}
body.prihlaseni .login-area .content form .form-group .form-control {
  background-color: #fff;
  border-radius: 10px;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  height: 44px;
  border: 0;
  padding: 5px 15px;
  width: 100%;
}
body.prihlaseni .login-area .content form .form-group .form-control::-moz-placeholder {
  color: #CACACA;
}
body.prihlaseni .login-area .content form .form-group .form-control::placeholder {
  color: #CACACA;
}
body.prihlaseni .login-area .content form .form-group label {
  color: rgb(0, 0, 0);
  padding-bottom: 5px;
  font-weight: 700;
  font-size: 12px;
  width: 100%;
  padding-left: 0;
}
body.prihlaseni .login-area .content .or-login {
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  position: relative;
  width: 100%;
  float: left;
}
body.prihlaseni .login-area .content .or-login:before, body.prihlaseni .login-area .content .or-login:after {
  content: "";
  position: absolute;
  top: 60%;
  width: 23%;
  height: 1px;
  background-color: #fff;
}
body.prihlaseni .login-area .content .or-login:before {
  left: 0;
}
body.prihlaseni .login-area .content .or-login:after {
  right: 0;
}
body.prihlaseni .login-area .content .social-login {
  width: 100%;
  float: left;
  margin: 13px 0px;
}
body.prihlaseni .login-area .content .social-login a {
  width: 47%;
  margin-right: 6%;
  float: left;
  text-align: center;
}
body.prihlaseni .login-area .content .social-login a:last-child {
  margin-right: 0;
}
body.prihlaseni .login-area .content .forget-pass {
  width: 100%;
  float: left;
  font-weight: 500;
  font-style: Medium;
  font-size: 15px;
  line-height: 110%;
  letter-spacing: -0.23px;
  margin-bottom: 11px;
}
body.zapomenute-heslo .logo {
  margin-top: 106px;
}
body.zapomenute-heslo .forget-area {
  min-height: 75vh;
}
body.zapomenute-heslo .content-box {
  max-width: 335px;
}
body.zapomenute-heslo .content-box h1 {
  text-transform: uppercase;
  margin-bottom: 23px;
  font-size: 32px;
}
body.zapomenute-heslo .content-box h1.access-request {
  margin-bottom: 8px;
}
body.zapomenute-heslo .content-box .btn {
  margin-top: 22px;
}
body.zapomenute-heslo .side-login-banner {
  margin-top: -60px;
}
body.registrace {
  width: 100%;
  float: left;
  min-height: 100vh;
}
body.registrace .logo {
  margin-top: 106px;
}
body.registrace .login-group-wrapper {
  background-color: #fff;
  border-radius: 14px;
  max-width: 576px;
  min-width: 576px;
  min-height: 431px;
  max-height: 431px;
  position: relative;
  float: right;
}
body.registrace .login-group-wrapper .login-group {
  margin: 0 auto;
  max-height: 490px;
  position: absolute;
  bottom: 0;
  left: 0%;
}
@media only screen and (max-width: 1200px) {
  body.registrace .login-group-wrapper .login-group {
    display: none;
  }
}
body.registrace .login-area {
  min-height: 86vh;
}
body.registrace .login-area .content {
  background-color: transparent;
  font-family: "Cresta", Arial, sans-serif;
  color: #1E1E1E;
}
body.registrace .login-area .content h1 {
  font-size: 32px;
  font-weight: 900;
  width: 100%;
  text-transform: uppercase;
  font-family: "Cresta-italic", Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
  body.registrace .login-area .content h1 {
    font-size: 30px;
  }
}
body.registrace .login-area .content .new-client-text {
  font-size: 15px;
}
body.registrace .login-area .content .new-client-text a {
  text-decoration: underline;
  color: #fff;
}
body.registrace .login-area .content .terms-text {
  font-size: 12px;
  font-weight: 400;
  color: #ACACAC;
}
body.registrace .login-area .content .terms-text a {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  body.registrace .login-area .content .terms-text {
    margin-top: 15px;
  }
}
body.registrace .login-area .content .badges {
  width: 100%;
  float: left;
}
body.registrace .login-area .content .badges a {
  background-image: linear-gradient(29deg, #C40127 0%, #ED3C19 100%);
  color: #fff;
  font-size: 12px;
  height: auto;
  padding: 3.5px 12px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 30px;
  font-weight: 700;
  width: auto;
  float: left;
  margin-bottom: 12px;
}
body.registrace .login-area .content form .form-group {
  margin-bottom: 18px;
}
body.registrace .login-area .content form .form-group .form-control {
  background-color: #fff;
  border-radius: 10px;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  height: 44px;
  border: 0;
  padding: 5px 15px;
  width: 100%;
}
body.registrace .login-area .content form .form-group .form-control::-moz-placeholder {
  color: #CACACA;
}
body.registrace .login-area .content form .form-group .form-control::placeholder {
  color: #CACACA;
}
body.registrace .login-area .content form .form-group label {
  color: rgb(0, 0, 0);
  padding-bottom: 5px;
  font-weight: 700;
  font-size: 12px;
  width: 100%;
  padding-left: 0;
  font-weight: 400;
}
body.registrace .login-area .side-login-banner {
  margin-top: -60px;
}
body .logo img {
  max-height: 29px;
}
body.dashboard .app-using-options {
  margin-top: 29px;
}
body.dashboard .app-using-options a {
  background-color: #fff;
  border-radius: 10px;
  padding: 16px 19px;
  color: #5F5F5F;
  border: 1px solid #fff;
  position: relative;
}
body.dashboard .app-using-options a ul {
  padding-left: 1.5rem;
}
body.dashboard .app-using-options a ul li {
  margin-bottom: 15px;
}
body.dashboard .app-using-options a.active {
  border-color: #1E1E1E;
  color: #1E1E1E;
}
body.dashboard .app-using-options a .radio-wrapper {
  position: absolute;
  bottom: 14px;
  right: 14px;
}
body.faq .faq-item {
  margin-bottom: 10px;
}
body.faq .faq-item .faq-title {
  cursor: pointer;
}
body.faq .faq-item .faq-title .icon {
  float: right;
}
body.faq .faq-item .faq-content {
  display: none;
}
body.onboarding, body.registrace, body.zapomenute-heslo {
  background-image: url("images/onboarding-bottom-bg.svg");
  background-repeat: no-repeat;
  background-position: bottom 6vh center;
}
body.prihlaseni:after {
  content: "";
  background-image: url("images/onboarding-bottom-bg-red.png");
  background-repeat: no-repeat;
  background-position: bottom 6vh center;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: -1;
}
body.prihlaseni .flash.success {
  color: #FFF;
}

.w-\[5\%\] {
  width: 5%;
}

.w-\[10\%\] {
  width: 10%;
}

.w-\[15\%\] {
  width: 15%;
}

.w-\[20\%\] {
  width: 20%;
}

.w-\[25\%\] {
  width: 25%;
}

.w-\[30\%\] {
  width: 30%;
}

.w-\[33\%\] {
  width: 33% !important;
}

.w-\[35\%\] {
  width: 35%;
}

.w-\[40\%\] {
  width: 40%;
}

.w-\[45\%\] {
  width: 45%;
}

.w-\[50\%\] {
  width: 50%;
}

.w-\[55\%\] {
  width: 55%;
}

.w-\[60\%\] {
  width: 60%;
}

.w-\[65\%\] {
  width: 65%;
}

.w-\[70\%\] {
  width: 70%;
}

.w-\[75\%\] {
  width: 75%;
}

.w-\[80\%\] {
  width: 80%;
}

.w-\[85\%\] {
  width: 85%;
}

.w-\[90\%\] {
  width: 90%;
}

.w-\[95\%\] {
  width: 95%;
}

.w-\[90px\] {
  width: 90px;
}

.h-\[90px\] {
  height: 90px;
}

.max-w-\[15\%\] {
  max-width: 15%;
}

.min-w-\[15\%\] {
  min-width: 15%;
}

.max-w-\[25\%\] {
  max-width: 25%;
}

.min-w-\[25\%\] {
  min-width: 25%;
}

.max-w-\[30\%\] {
  max-width: 30%;
}

.min-w-\[30\%\] {
  min-width: 30%;
}

.max-w-\[33\%\] {
  max-width: 33%;
}

.min-w-\[33\%\] {
  min-width: 33%;
}

.max-w-\[50\%\] {
  max-width: 50%;
}

.min-w-\[50\%\] {
  min-width: 50%;
}

.max-w-\[44px\] {
  max-width: 44px;
}

.min-w-\[44px\] {
  min-width: 44px;
}

.max-w-\[53px\] {
  max-width: 53px;
}

.min-w-\[53px\] {
  min-width: 53px;
}

.max-w-\[100px\] {
  max-width: 100px;
}

.min-w-\[100px\] {
  min-width: 100px;
}

.max-w-\[319px\] {
  max-width: 319px;
}

.min-w-\[319px\] {
  min-width: 319px;
}

.max-w-\[335px\] {
  max-width: 335px;
}

.min-w-\[335px\] {
  min-width: 335px;
}

.max-w-\[359px\] {
  max-width: 359px;
}

.min-w-\[359px\] {
  min-width: 359px;
}

.max-w-\[396px\] {
  max-width: 396px;
}

.min-w-\[396px\] {
  min-width: 396px;
}

.max-w-\[399px\] {
  max-width: 399px;
}

.min-w-\[399px\] {
  min-width: 399px;
}

.max-w-\[90px\] {
  max-width: 90px;
}

.min-w-\[90px\] {
  min-width: 90px;
}

.max-h-\[17px\] {
  max-height: 17px;
}

.min-h-\[17px\] {
  min-height: 17px;
}

.font-s-\[10px\] {
  font-size: 10px;
}

.font-s-\[11px\] {
  font-size: 11px;
}

.font-s-\[12px\] {
  font-size: 12px;
}

.font-s-\[13px\] {
  font-size: 13px;
}

.font-s-\[14px\] {
  font-size: 14px;
}

.font-s-\[15px\] {
  font-size: 15px !important;
}

.font-s-\[16px\] {
  font-size: 16px;
}

.font-s-\[17px\] {
  font-size: 17px;
}

.font-s-\[18px\] {
  font-size: 18px;
}

.font-s-\[19px\] {
  font-size: 19px;
}

.font-s-\[20px\] {
  font-size: 20px;
}

.font-s-\[21px\] {
  font-size: 21px;
}

.font-s-\[22px\] {
  font-size: 22px;
}

.font-s-\[23px\] {
  font-size: 23px;
}

.font-s-\[24px\] {
  font-size: 24px;
}

.mb-\[5px\] {
  margin-bottom: 5px;
}

.mb-\[10px\] {
  margin-bottom: 10px;
}

.mb-\[11px\] {
  margin-bottom: 11px;
}

.mb-\[12px\] {
  margin-bottom: 12px;
}

.mb-\[15px\] {
  margin-bottom: 15px;
}

.mb-\[20px\] {
  margin-bottom: 20px;
}

.mb-\[25px\] {
  margin-bottom: 25px;
}

.mb-\[30px\] {
  margin-bottom: 30px;
}

.mb-\[36px\] {
  margin-bottom: 36px;
}

.mh-100vh {
  min-height: 100vh;
}

.min-h-\[40px\] {
  min-height: 40px;
}

.min-h-\[50px\] {
  min-height: 50px;
}

.min-h-\[56px\] {
  min-height: 56px;
}

.min-h-\[150px\] {
  min-height: 150px;
}

.bottom-\[12px\] {
  bottom: 12px;
}

.bottom-\[15px\] {
  bottom: 15px;
}

.top-\[2px\] {
  top: 2px;
}

.top-\[3px\] {
  top: 3px;
}

.text-underline {
  text-decoration: underline;
}

.text-no-underline {
  text-decoration: none;
}

.text-gray {
  color: #5F5F5F;
}

.text-red {
  color: #C40127 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.font-weight-bold {
  font-weight: bold !important;
}

.position-relative {
  position: relative;
}

.top-bar {
  margin-top: 106px;
  margin-bottom: 50px;
}
.top-bar .onboarding-progress-bar {
  min-width: 192px;
  position: relative;
}
.top-bar .onboarding-progress-bar .progress {
  background-color: #D9D9D9;
  height: 4px;
  border-radius: 4px;
}
.top-bar .onboarding-progress-bar .progress .progress-bar {
  background-color: #0FC26C;
}
.top-bar .onboarding-progress-bar .step-icon-indicator {
  margin-bottom: 10px;
}
.top-bar .onboarding-progress-bar .step-icon-indicator .icon {
  margin-left: 8px;
  margin-right: 8px;
  background-color: #CACACA;
}
.top-bar .onboarding-progress-bar .step-icon-indicator .icon:first-child {
  margin-left: 40px;
}
.top-bar .onboarding-progress-bar .step-icon-indicator .icon.icon-user {
  mask: url("images/person-icon.svg") no-repeat center;
  -webkit-mask: url("images/person-icon.svg") no-repeat center;
  width: 15px;
  height: 21px;
}
.top-bar .onboarding-progress-bar .step-icon-indicator .icon.icon-car {
  mask: url("images/car-icon.svg") no-repeat center;
  -webkit-mask: url("images/car-icon.svg") no-repeat center;
  width: 18px;
  height: 17px;
}
.top-bar .onboarding-progress-bar .step-icon-indicator .icon.icon-finish {
  mask: url("images/finish-icon.svg") no-repeat center;
  -webkit-mask: url("images/finish-icon.svg") no-repeat center;
  width: 15px;
  height: 17px;
}
.top-bar .onboarding-progress-bar .step-icon-indicator .icon.active {
  background-color: #5F5F5F;
}
.top-bar .onboarding-progress-bar .step-icon-indicator .icon.success {
  background-color: #0FC26C;
}

.menu-wrapper {
  list-style: none;
  font-family: "Noto Sans", sans-serif;
}
.menu-wrapper li a {
  font-weight: 400;
}
.menu-wrapper li a.active {
  font-weight: 700;
}
.menu-wrapper li a.active .icon {
  background: linear-gradient(116.61deg, #C40127 10.92%, #ED3C19 90.17%) !important;
}
.menu-wrapper li a .icon {
  margin: 0 auto 7px auto;
  min-height: 24px;
}
.menu-wrapper li a .icon.icon-garage {
  mask: url("images/garage_home.svg") no-repeat center;
  -webkit-mask: url("images/garage_home.svg") no-repeat center;
  width: 19px;
  height: 23px;
  background-color: #5F5F5F;
}
.menu-wrapper li a .icon.icon-union {
  mask: url("images/union.svg") no-repeat center;
  -webkit-mask: url("images/union.svg") no-repeat center;
  width: 19px;
  height: 24px;
  background-color: #5F5F5F;
}
.menu-wrapper li a .icon.icon-insurance {
  mask: url("images/insurance-menu.svg") no-repeat center;
  -webkit-mask: url("images/insurance-menu.svg") no-repeat center;
  width: 19px;
  height: 24px;
  background-color: #5F5F5F;
}
.menu-wrapper li a .icon.icon-car {
  mask: url("images/directions_car.svg") no-repeat center;
  -webkit-mask: url("images/directions_car.svg") no-repeat center;
  width: 22px;
  height: 19px;
  background-color: #5F5F5F;
}

.backlink {
  position: absolute;
  bottom: 105px;
  right: 0;
}

.notification-wrapper a .icon {
  min-height: 23px;
}
.notification-wrapper a .icon.icon-bell {
  mask: url("images/notifications.svg") no-repeat center;
  -webkit-mask: url("images/notifications.svg") no-repeat center;
  width: 19px;
  height: 23px;
  background-color: #5F5F5F;
}
.notification-wrapper a .icon.icon-setting {
  mask: url("images/settings.svg") no-repeat center;
  -webkit-mask: url("images/settings.svg") no-repeat center;
  width: 22px;
  height: 22px;
  background-color: #5F5F5F;
}

.onboarding-container .car-sections {
  font-size: 15px;
  font-weight: 500;
  gap: 40px;
}
.onboarding-container .car-sections > div {
  flex: 1;
}
.onboarding-container .car-sections .icon {
  margin-right: 9px;
  background-color: #5F5F5F;
}
.onboarding-container .car-sections .icon.active {
  background-color: #E22D1D;
}
.onboarding-container .car-sections .icon.icon-car {
  mask: url("images/car-icon.svg") no-repeat center;
  -webkit-mask: url("images/car-icon.svg") no-repeat center;
  width: 22px;
  height: 19px;
}
.onboarding-container .car-sections .icon.icon-brain {
  mask: url("images/psychology-icon.svg") no-repeat center;
  -webkit-mask: url("images/psychology-icon.svg") no-repeat center;
  width: 21px;
  height: 21px;
}
.onboarding-container .car-sections .icon.icon-shield {
  mask: url("images/insurance-icon.svg") no-repeat center;
  -webkit-mask: url("images/insurance-icon.svg") no-repeat center;
  width: 20px;
  height: 23px;
}
.onboarding-container .car-sections .icon.icon-plus {
  mask: url("images/plus-icon.svg") no-repeat center;
  -webkit-mask: url("images/plus-icon.svg") no-repeat center;
  width: 12px;
  height: 12px;
}
.onboarding-container .car-sections .toggle-box {
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  padding: 9px;
  max-width: 30px;
  max-height: 30px;
  text-align: center;
}
.onboarding-container .car-sections .toggle-box .icon {
  margin: 0;
  background-color: #1E1E1E;
}
.onboarding-container .car-sections .toggle-box.open .icon {
  transform: rotate(45deg);
}
.onboarding-container .car-sections .toggle-box.disabled {
  cursor: not-allowed;
  background-color: #D8D8D8;
}
.onboarding-container .car-sections .toggle-box.disabled .icon {
  background-color: #BCBCBC;
  transform: rotate(0deg);
}
.onboarding-container .car-sections .border-line {
  border-bottom: 1px solid #5F5F5F;
}
.onboarding-container .car-sections .car-box {
  padding: 9px 12px 0 12px;
  background-color: #fff;
  border-radius: 14px;
}
.onboarding-container .car-sections .car-box img {
  text-align: center;
}
.onboarding-container .car-sections .car-box .action-buttons {
  flex: 1;
}
.onboarding-container .car-sections .disabled {
  color: #D8D8D8;
}
.onboarding-container .car-sections .disabled .toggle-box {
  cursor: not-allowed;
  background-color: #D8D8D8;
}
.onboarding-container .car-sections .disabled .toggle-box .icon {
  background-color: #BCBCBC;
}
.onboarding-container .car-sections .disabled .toggle-box.open .icon {
  transform: rotate(0deg);
}
.onboarding-container .car-sections .disabled .icon {
  background-color: #D8D8D8;
}
.onboarding-container .car-sections .disabled .border-line {
  border-color: #D8D8D8;
}
.onboarding-container .car-sections .content-section {
  display: none;
}
.onboarding-container .car-sections .open .toggle-box .icon {
  transform: rotate(45deg);
}
.onboarding-container .car-sections .open .content-section {
  display: block;
}

.dashboard-page .main-section {
  gap: 83px;
}
.dashboard-page .main-section .section {
  flex: 1;
}
.dashboard-page .profile-pic {
  width: 38px;
  height: 38px;
  -o-object-fit: cover;
     object-fit: cover;
}
.dashboard-page .news-item-content {
  background: #FFFFFF;
  border-radius: 14px;
  margin-bottom: 18px;
  overflow: hidden;
}
.dashboard-page .news-item-content .content-text {
  padding: 12px;
}
.dashboard-page .news-item-content .content-text h4 {
  font-family: "Cresta", Arial, sans-serif;
  font-weight: 500;
}
.dashboard-page .news-item-content .preview-image {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 120px;
  height: 100%;
}
.dashboard-page .car-item-content {
  background: #FFFFFF;
  border-radius: 14px;
  padding: 12px 12px 12px 24px;
  position: relative;
  margin-bottom: 18px;
}
.dashboard-page .car-item-content .show-details {
  position: absolute;
  bottom: 12px;
}
.dashboard-page .benefit-item-content {
  background: #FFFFFF;
  border-radius: 14px;
  position: relative;
  margin-bottom: 18px;
  overflow: hidden;
}
.dashboard-page .benefit-item-content .preview-image {
  width: 100%;
  height: 120px;
  background-size: cover;
  background-repeat: no-repeat;
}
.dashboard-page .benefit-item-content .content-section {
  padding: 12px;
  min-height: 120px;
}
.dashboard-page .benefit-item-content .content-section .category-icon {
  margin-bottom: 6px;
  -webkit-mask-size: auto 15px;
          mask-size: auto 15px;
}
.dashboard-page .benefit-item-content .content-section .read-more {
  position: absolute;
  bottom: 12px;
}
.dashboard-page .my-car-content .badges-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.dashboard-page .my-car-content .car-badges-alert {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #C40127;
  position: absolute;
  right: -4px;
  top: -3px;
}
.dashboard-page .my-car-content .car-badges-alert.warning_orange {
  background-color: #FFA865;
}
.dashboard-page .my-car-content .car-badges-alert.red_orange {
  background: linear-gradient(90deg, #C40127 0%, #FFA865 100%);
}
.dashboard-page .main-content .content-section {
  margin-bottom: 46px;
}
.dashboard-page .car-box {
  margin-bottom: 20px;
}

.my-cars .car-item-content {
  padding: 12px 24px;
}
.my-cars .car-item-content .icon-folder {
  margin-top: 14px;
}

.car-item-content .icon-folder {
  margin-top: 14px !important;
}

.document-item-content {
  padding-bottom: 0 !important;
}
.document-item-content .icon-after:after {
  top: 38%;
}

.icon.icon-car {
  mask: url("images/car-icon.svg") no-repeat center;
  -webkit-mask: url("images/car-icon.svg") no-repeat center;
  width: 18px;
  height: 17px;
  background-color: #5F5F5F;
}
.icon.icon-car.add-modal {
  width: 16px;
  height: 13px;
  -webkit-mask-size: 16px 13px;
          mask-size: 16px 13px;
}
.icon.icon-car-side {
  mask: url("images/car-side.svg") no-repeat center;
  -webkit-mask: url("images/car-side.svg") no-repeat center;
  width: 32px;
  height: 15px;
  background-color: #5F5F5F;
}
.icon.icon-add-car {
  mask: url("images/add-car-icon.svg") no-repeat center;
  -webkit-mask: url("images/add-car-icon.svg") no-repeat center;
  width: 17px;
  height: 15px;
  background-color: #5F5F5F;
}
.icon.icon-add-document {
  mask: url("images/add-document-icon.svg") no-repeat center;
  -webkit-mask: url("images/add-document-icon.svg") no-repeat center;
  width: 15px;
  height: 15px;
  background-color: #5F5F5F;
}
.icon.icon-shield {
  mask: url("images/insurance-icon.svg") no-repeat center;
  -webkit-mask: url("images/insurance-icon.svg") no-repeat center;
  width: 20px;
  height: 23px;
  background-color: #5F5F5F;
}
.icon.icon-calendar-time {
  mask: url("images/calendar_clock.svg") no-repeat center;
  -webkit-mask: url("images/calendar_clock.svg") no-repeat center;
  width: 16px;
  height: 16px;
  background-color: #5F5F5F;
}
.icon.icon-contract {
  mask: url("images/contract.svg") no-repeat center;
  -webkit-mask: url("images/contract.svg") no-repeat center;
  width: 15px;
  height: 17px;
  background-color: #5F5F5F;
}
.icon.icon-add-photo {
  mask: url("images/add_a_photo.svg") no-repeat center;
  -webkit-mask: url("images/add_a_photo.svg") no-repeat center;
  width: 16px;
  height: 16px;
  background-color: #5F5F5F;
}
.icon.icon-warning {
  mask: url("images/warning.svg") no-repeat center;
  -webkit-mask: url("images/warning.svg") no-repeat center;
  width: 16px;
  height: 14px;
  background-color: #5F5F5F;
}
.icon.icon-setting {
  mask: url("images/settings.svg") no-repeat center;
  -webkit-mask: url("images/settings.svg") no-repeat center;
  width: 22px;
  height: 22px;
  background-color: #5F5F5F;
}
.icon.icon-qr {
  mask: url("images/qr.svg") no-repeat center;
  -webkit-mask: url("images/qr.svg") no-repeat center;
  width: 18px;
  height: 18px;
  background-color: #5F5F5F;
}
.icon.icon-bell {
  mask: url("images/notifications.svg") no-repeat center;
  -webkit-mask: url("images/notifications.svg") no-repeat center;
  width: 19px;
  height: 23px;
  background-color: #5F5F5F;
}
.icon.success {
  background-color: #0FC26C;
}
.icon.danger {
  background-color: #E22D1D;
}
.icon.red {
  background-color: #C40127;
}
.icon.white {
  background-color: #fff !important;
}
.icon.red-gradient {
  background: linear-gradient(116.61deg, #C40127 10.92%, #ED3C19 90.17%) !important;
}

.icon-after {
  position: relative;
}
.icon-after:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  right: 0;
}
.icon-after.right-offset:after {
  right: 20px;
}
.icon-after.icon-chevron-right:after {
  mask: url("images/chevron-right.svg") no-repeat center;
  -webkit-mask: url("images/chevron-right.svg") no-repeat center;
  width: 7px;
  height: 12px;
  background-color: #5F5F5F;
  display: inline-block;
  margin-left: 10px;
}

.full-icon.icon-add-car {
  background-image: url("images/add-car-icon.svg");
  width: 17px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 10px;
}
.full-icon.icon-add-document {
  background-image: url("images/add-document-icon.svg");
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 10px;
}

.car-badges {
  width: 43px;
  height: 43px;
  display: inline-block;
  margin: 0 auto;
  border-radius: 14px;
  text-align: center;
}
.car-badges.success-bg {
  background: linear-gradient(116.61deg, #B1F7AD 10.92%, #9EF2CA 90.17%);
}
.car-badges.warning-bg {
  background: linear-gradient(116.61deg, #FFB38B 10.92%, #FFD19A 90.17%);
}
.car-badges.danger-bg {
  background: linear-gradient(116.61deg, #FFA1B3 10.92%, #FFAD9F 90.17%);
}
.car-badges.primary-bg {
  background: linear-gradient(116.61deg, #C3C9FF 10.92%, #ADD3FF 90.17%);
}
.car-badges.yellow-bg {
  background: linear-gradient(116.61deg, #FFD592 10.92%, #FFEC9A 90.17%);
}
.car-badges.light-blue-bg {
  background: linear-gradient(116.61deg, #ADF7F1 10.92%, #9EE8F2 90.17%);
}
.car-badges .icon {
  width: 43px;
  height: 43px;
  margin: 0 auto;
  margin-top: 10px;
  display: block;
}
.car-badges .icon.icon-insurance {
  mask: url("images/insurance-icon.svg") no-repeat center;
  -webkit-mask: url("images/insurance-icon.svg") no-repeat center;
  width: 15px;
  height: 18px;
  -webkit-mask-size: 15px 18px;
          mask-size: 15px 18px;
  background-color: #1C1B1F;
  margin-top: 12px;
}
.car-badges .icon.icon-highway, .car-badges .icon.icon-highway_sticker {
  mask: url("images/flyover-icon.svg") no-repeat center;
  -webkit-mask: url("images/flyover-icon.svg") no-repeat center;
  width: 23px;
  height: 23px;
  -webkit-mask-size: 23px 23px;
          mask-size: 23px 23px;
  background-color: #1C1B1F;
}
.car-badges .icon.icon-parking, .car-badges .icon.icon-parking_card {
  mask: url("images/local_parking-icon.svg") no-repeat center;
  -webkit-mask: url("images/local_parking-icon.svg") no-repeat center;
  width: 13px;
  height: 18px;
  -webkit-mask-size: 13px 18px;
          mask-size: 13px 18px;
  background-color: #1C1B1F;
  margin-top: 12px;
}
.car-badges .icon.icon-inspection {
  mask: url("images/no_crash-icon.svg") no-repeat center;
  -webkit-mask: url("images/no_crash-icon.svg") no-repeat center;
  width: 18px;
  height: 24px;
  -webkit-mask-size: 18px 24px;
          mask-size: 18px 24px;
  background-color: #1C1B1F;
  margin-top: 8px;
}
.car-badges .icon.icon-folder {
  mask: url("images/folder.svg") no-repeat center;
  -webkit-mask: url("images/folder.svg") no-repeat center;
  width: 20px;
  height: 16px;
  -webkit-mask-size: 20px 16px;
          mask-size: 20px 16px;
  background-color: #1C1B1F;
  margin-top: 11px;
}
.car-badges .icon.icon-driving-license, .car-badges .icon.icon-driving_license {
  mask: url("images/credit_card.svg") no-repeat center;
  -webkit-mask: url("images/credit_card.svg") no-repeat center;
  width: 20px;
  height: 16px;
  -webkit-mask-size: 20px 16px;
          mask-size: 20px 16px;
  background-color: #1C1B1F;
  margin-top: 12px;
}

.insurance-full-items .insurance-item {
  background-color: #fff;
  border-radius: 14px;
  overflow: hidden;
}
.insurance-full-items .insurance-item .content-text {
  padding: 12px 27px;
}
.insurance-full-items .insurance-item .content-text .icon-shield {
  -webkit-mask-size: auto 15px;
          mask-size: auto 15px;
  position: relative;
  top: -3px;
}
.insurance-full-items .insurance-item .preview-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 120px;
  height: 100%;
}

.modal .modal-dialog {
  max-width: 375px;
}
.modal .modal-dialog .modal-content {
  background-color: #F2F2F2;
  border-radius: 20px;
}
.modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
}

.modal-dialog .close-btn {
  border: 0;
}
.modal-dialog .close-btn:before {
  content: "";
  width: 20px;
  height: 20px;
  mask: url("images/add_2.svg") no-repeat center;
  -webkit-mask: url("images/add_2.svg") no-repeat center;
  margin-left: 3px;
  background-color: #1E1E1E;
  display: inline-block;
  position: relative;
  top: 2px;
  transform: rotate(45deg);
}
.modal-dialog .icon {
  position: relative;
  top: 1px;
}

.car-photo-placeholder {
  background-color: #FFFFFF;
  border-radius: 14px;
  padding: 23px 32px;
}

.car-photo-preview {
  border-radius: 14px;
  width: 100% !important;
  max-width: 90px !important;
  max-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
}

.car-step-bar {
  position: relative;
}
.car-step-bar .progress {
  background-color: #D9D9D9;
  height: 4px;
  border-radius: 4px;
}
.car-step-bar .progress .progress-bar {
  background-color: #0FC26C;
}
.car-step-bar .step-icon-indicator {
  margin-bottom: 10px;
}
.car-step-bar .step-icon-indicator .step-item {
  padding-bottom: 7px;
  border-bottom: 4px solid #CACACA;
}
.car-step-bar .step-icon-indicator .step-item.active-step {
  border-bottom: 4px solid #0FC26C;
}
.car-step-bar .step-icon-indicator .icon {
  margin-left: 8px;
  margin-right: 8px;
  min-height: 21px;
  background-color: #5F5F5F;
}
.car-step-bar .step-icon-indicator .icon.icon-user {
  mask: url("images/person-icon.svg") no-repeat center;
  -webkit-mask: url("images/person-icon.svg") no-repeat center;
  width: 15px;
  height: 21px;
}
.car-step-bar .step-icon-indicator .icon.icon-car {
  mask: url("images/car-icon.svg") no-repeat center;
  -webkit-mask: url("images/car-icon.svg") no-repeat center;
  width: 18px;
  height: 17px;
}
.car-step-bar .step-icon-indicator .icon.icon-finish {
  mask: url("images/finish-icon.svg") no-repeat center;
  -webkit-mask: url("images/finish-icon.svg") no-repeat center;
  width: 15px;
  height: 17px;
}
.car-step-bar .step-icon-indicator .icon.active {
  background-color: #5F5F5F;
}
.car-step-bar .step-icon-indicator .icon.success {
  background-color: #0FC26C;
}

.notice-type-card .fi {
  width: 21px;
  height: 15px;
  top: -2px;
}
.notice-type-card .action-buttons {
  border-bottom: 1px solid #DDDDDD;
}
.notice-type-card .icon {
  position: relative;
  top: 2px;
}
.notice-type-card .badge {
  min-width: 80px;
}
.notice-type-card .actions {
  background-color: #FFFFFF;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.notice-type-card .actions:after {
  content: "···";
  color: #000;
  font-size: 12px;
  position: relative;
  top: 1px;
}

.add-car-document .icon {
  width: 18px;
  height: 20px;
  position: relative;
  top: 4px;
}
.add-car-document .document-upload {
  background-color: #FFFFFF;
  border-radius: 14px;
  padding: 26px 22px;
}
.add-car-document .document-upload input {
  display: none;
}
.add-car-document .document-upload .remove-file {
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
}
.add-car-document .document-upload .preview-file {
  background-color: #D9D9D9;
  width: 96px;
  min-height: 144px;
  margin: 0 auto;
}
.add-car-document .document-upload .preview-file.car {
  width: 90px;
  height: 90px;
  min-height: 90px;
  border-radius: 14px;
}
.add-car-document .document-upload .preview-file img {
  height: 100% !important;
  width: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}

.card {
  background-color: #fff;
  border-color: #fff;
  padding: 8px 12px;
}
.card .card-body {
  padding: 0;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  max-width: unset !important;
  width: 41px !important;
  height: 24px;
  left: 0 !important;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #0FC26C;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0FC26C;
}

input:checked + .slider:before {
  transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.slider-text {
  position: relative;
  top: -12px;
}

.upload-car-photo {
  width: 130px;
  float: right;
}
.upload-car-photo img {
  -o-object-fit: cover;
     object-fit: cover;
}

.car-using .slider-text {
  top: -7px;
}

.rounded-images {
  border-radius: 14px;
}

.radio-wrapper {
  position: absolute;
  bottom: 0px;
  right: 0px;
  cursor: pointer;
}
.radio-wrapper p {
  margin-bottom: 0;
  position: relative;
}
.radio-wrapper span {
  position: relative;
  top: 4px;
}
.radio-wrapper label {
  width: 27px !important;
  height: 27px !important;
  float: left;
}
.radio-wrapper.white-bg label::before {
  background-color: #FFF !important;
}

[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 27px;
  height: 27px;
  border-radius: 100%;
  background: #F2F2F2;
}

[type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  content: "";
  width: 11px;
  height: 11px;
  background: #1E1E1E;
  position: absolute;
  top: 8px;
  left: 8px;
  border-radius: 100%;
  transition: all 0.2s ease;
}

[type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.nav-menu li {
  min-width: 85px;
}

.cb {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative !important;
  width: auto !important;
  padding-top: 0 !important;
  left: 0 !important;
}

.cb input {
  display: none;
}

.cb .box {
  width: 27px;
  height: 27px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  transition: all 0.18s ease;
  font-size: 16px;
  color: #000;
  position: relative;
  top: -5px;
}

.cb input:checked + .box {
  border-color: #000;
}

.cb input:checked + .box::before {
  content: "";
  background-image: url("images/check_small.svg");
  width: 12px;
  height: 9px;
}/*# sourceMappingURL=style.css.map */