#sr-vw {
  --acs-primary-color: #ED1C25;
}

/* Carousel */

#sr-vw #sr-carousel-container.videobot-carousel .sr-carousel-slide > div {
  flex-direction: column;
}

#sr-vw #sr-carousel-container.videobot-carousel .sr-carousel-slide img {
  padding: 8px;
  margin-right: 0;
  width: 100%;
  height: 200px;
  object-fit: contain;
}

#sr-vw #sr-carousel-container.videobot-carousel .sr-carousel-slide .sr-carousel-slide__buttons button {
  justify-content: center;
}

#sr-vw #sr-carousel-container.videobot-carousel .sr-carousel-slide .sr-carousel-slide__buttons button {
  background-color: var(--acs-primary-color);
  width: 100%;
}

/* #sr-vw #sr-carousel-snaps { */
/*   display: none; */
/* } */

/* #sr-vw #sr-carousel__slides-container { */
/*   align-items: center !important; */
/* } */
/**/
/* #sr-vw #sr-carousel .sr-carousel-slide { */
/*   display: flex !important; */
/*   flex-direction: column !important; */
/*   align-items: center !important; */
/*   justify-content: space-between !important; */
/*   padding: 10px !important; */
/*   box-sizing: border-box !important; */
/*   border-radius: 12px !important; */
/*   flex: 0 0 40% !important; */
/* } */
/**/
/* #sr-vw #sr-carousel .sr-carousel-slide img { */
/*   width: auto !important; */
/*   max-height: 100px !important; */
/*   height: auto !important; */
/*   object-fit: contain !important; */
/*   background-color: #fff !important; */
/*   margin-bottom: -40px !important; */
/*   display: block !important; */
/* } */
/**/
/* #sr-vw #sr-carousel .sr-carousel-slide__buttons { */
/*   display: flex !important; */
/*   flex-direction: column !important; */
/*   width: 100% !important; */
/*   align-items: center !important; */
/* } */
/**/
/* #sr-vw #sr-carousel .sr-carousel-slide__buttons button { */
/*   width: 100% !important; */
/*   max-width: 160px !important; */
/*   padding: 4px !important; */
/*   font-weight: normal !important; */
/*   font-size: 10px !important; */
/*   border-radius: 6px !important; */
/* } */
/**/
/* #sr-vw .sr-carousel-slide__content{ */
/*   padding: 0px !important; */
/* } */
/**/
/* #sr-vw #sr-carousel .sr-carousel-slide img { */
/*   width: 100% !important; */
/*   height: 60px !important; */
/*   margin: auto !important; */
/* } */

/* End Carousel */

#sr-vw #sr-widget-container #sr-widget-footer {
  background-color: rgba(39, 39, 39, 0.5);
}

#sr-content-wrapper #sr-list-choices .sr-choice-li button {
  padding: 6px 10px;
}


/* Footer image custom */
#sr-vw #sr-powered-by__link img {
  content: url(https://cdn.smartrep.gr/sr-bmw-sfakianakis-2/bmw-sfakianakis/smartrep.png) !important;
}

/* Free text κουμπί δΡξιά */
#sr-vw form#sr-freetext-form button {
  right: 0px !important;
}

#sr-freetext-form__input {
  width: 100% !important;
  padding: 6px 12px !important;
  margin-bottom: -2px !important;
}

/* #sr-vw #sr-carousel .sr-carousel-slide h1, */
/* #sr-vw #sr-carousel .sr-carousel-slide .sr-carousel-title { */
/*   text-align: center; */
/*   white-space: nowrap; */
/*   font-size: 16px; */
/*   font-weight: bold; */
/* } */

/* DatePicker css */

#sr-datepicker-form .rdp-caption {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
  padding: 0 !important;
}

#sr-widget-datepicker .rdp-table {
  max-width: 100% !important;
  width: 100% !important;
  table-layout: fixed !important;
  margin: 0 auto !important;
}

#sr-vw #sr-widget-datepicker .sr-datepicker-form .rdp-root {
  padding-right: 30px !important;
}

/* #sr-vw #sr-carousel .sr-carousel-slide > div { */
/*   flex-direction: column !important; */
/*   width: 100% !important; */
/* } */
/**/
/* #sr-vw #sr-carousel .sr-carousel-slide .sr-carousel-slide__buttons button { */
/*   width: 80% !important; */
/* } */
/**/
/* #sr-vw #sr-carousel .sr-carousel-slide:first-of-type img { */
/*   display: none !important; */
/* } */
/**/
/* #sr-vw .existing-carousel #sr-carousel .sr-carousel-slide:first-of-type img { */
/*   display: block !important; */
/* } */
/**/
/* #sr-vw */
/*   #sr-carousel */
/*   .sr-carousel-slide:first-of-type */
/*   .sr-carousel-slide__buttons */
/*   button { */
/*   position: relative !important; */
/*   top: -8.5px !important; */
/* } */

/* Toggle for brand grid */


.dropdown-button:hover {
  background-color: #333 !important;
}

.scroll-hint {
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
  animation: bounce 1.2s infinite;
  opacity: 1;
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
}

.rdp-root {
  --rdp-day_button-height: 24px !important;
  --rdp-day_button-width: 24px !important;
  --rdp-day-height: 30px !important;
  --rdp-day-width: 44px !important;
}

#sr-vw #sr-powered-by {
  font-size: 7px !important;
  line-height: 16px !important;
}

#sr-vw #sr-powered-by__link img {
  width:40px !important;
}

/* Toggle info */
#sr-vw .info-toggle-wrapper input[type="checkbox"] {
  display: none;
}

#sr-vw .info-toggle-wrapper .dropdown-button {
  cursor: pointer;
  color: #00bfff;
  font-weight: bold;
}


#sr-vw .info-toggle-wrapper .info-content {
  display: none;
  margin-top: 0.5em;
}

#sr-vw .info-toggle-wrapper .info-content2 {
  display: block;
  margin-top: 0.5em;
}

.info-content2{
  width: 90% !important;
}

#sr-vw .info-toggle-wrapper input[type="checkbox"]:checked ~ .info-content {
  display: block;
}

#sr-vw .info-slider-wrapper {
  position: absolute;
  top: 0px;
  left: 0;
}


#sr-vw .info-slider-tab {
  position: absolute !important;
  left: 66px !important;
  background-color: #182438 !important;
  color: white !important;
  padding: 6px 10px !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  cursor: pointer !important;
  font-size: 12px !important;
  transform: translateX(-80%) !important;
  transition: all 0.3s ease !important;
  z-index: 1000 !important;
}


#sr-vw .info-slider-wrapper input[type="checkbox"]:checked ~ .info-slider-tab {
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 4px !important;
  background-color: #182438 !important;
}

#sr-vw .info-slider-panel p {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


#sr-vw
  .info-slider-wrapper
  input[type="checkbox"]:checked
  ~ .info-slider-panel {
  transform: translateX(0%) !important;
}

/* Hover */
#sr-vw .info-slider-tab:hover {
  background-color: #AFBAC0 !important;
}

#sr-vw
  .info-slider-wrapper
  input[type="checkbox"]:checked
  ~ .info-slider-tab:hover {
  background-color: #AFBAC0 !important;
}


#sr-vw .info-slider-panel {
  background-color: rgba(0, 0, 0, 0.8) !important;
  color: white !important;
  padding: 10px !important;
  width: fit-content !important;
  max-width: 80vw !important;
  border-radius: 6px !important;
  margin-left: -10px !important;
  transform: translateX(-100%) !important;
  transition: transform 0.3s ease !important;
  position: relative !important;
  top: 30px !important;
  font-size: 12px !important;
}

#sr-vw .info-slider-tab {
  clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%) !important;
}

#sr-vw .info-slider-wrapper input[type="checkbox"]:checked + .info-slider-tab {
  clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 12px 100%, 0% 50%) !important;
}


#sr-widget-html-container table {
  width: 100% !important;
  border-collapse: collapse;
  margin-top: 10px;
}

#sr-widget-html-container td {
  padding: 1px;
  font-size: 12px;
  color: #fff;
}


.brand-table-wrapper {
  overflow-x: auto;
  margin: 1px 0;
  padding-bottom: 8px;
  max-width: 100%;
}

.brand-table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

.brand-table td {
  padding: 4px;
  font-size: 10px;
  color: #fff;
  white-space: nowrap;
}

.brand-table td .brand-box {
  background-color: #333;
  padding: 1px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 40px;
}

.brand-table-wrapper::-webkit-scrollbar {
  height: 6px;
}
.brand-table-wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.brand-table-wrapper::-webkit-scrollbar-track {
  background: #333;
}

#sr-vw .info-slider-tab2 {
  position: absolute !important;
  /* top: -150px !important; */
  left: 66px !important;
  background-color: #182438 !important;
  color: white !important;
  padding: 6px 10px !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  cursor: pointer !important;
  font-size: 12px !important;
  transform: translateX(-80%) !important;
  transition: all 0.3s ease !important;
  z-index: 1000 !important;
}


#sr-vw .info-slider-wrapper2 input[type="checkbox"]:checked ~ .info-slider-tab2 {
  top: -139px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 4px !important;
  background-color: #182438 !important;
}


/* Hover */
#sr-vw .info-slider-tab2:hover {
  background-color: #AFBAC0 !important;
}

#sr-vw
  .info-slider-wrapper
  input[type="checkbox"]:checked
  ~ .info-slider-tab2:hover {
  background-color: #AFBAC0 !important;
}


#sr-vw .info-slider-tab2 {
  top: 116px !important;
  clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%) !important;
}

#sr-vw .info-slider-wrapper2 input[type="checkbox"]:checked + .info-slider-tab2 {
  clip-path: polygon(12px 0%, 100% 0%, 100% 100%, 12px 100%, 0% 50%) !important;
}


#sr-vw .info-slider-wrapper2 input[type="checkbox"]:checked ~ .info-slider-tab2 {
  top: 40px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-radius: 4px !important;
  background-color: #182438 !important;
}


#sr-vw .info-slider-panel2 {
  background-color: rgba(0, 0, 0, 0.8) !important;
  color: white !important;
  padding: 10px !important;
  width: fit-content !important;
  max-width: 80vw !important;
  border-radius: 6px !important;
  margin-left: -10px !important;
  transform: translateX(-100%) !important;
  transition: transform 0.3s ease !important;
  position: relative !important;
  top: 145px !important;
  font-size: 12px !important;
  z-index: 999 !important;
}

#sr-vw .info-slider-wrapper2 input[type="checkbox"]:checked ~ .info-slider-panel2 {
  transform: translateX(0%) !important;
}

#sr-vw .info-slider-tab2 {
  top: 116px !important; 
}

#sr-vw .info-slider-wrapper2 input[type="checkbox"]:checked ~ .info-slider-tab2 {
  top: 116px !important;
}


#sr-vw .content-toggle-wrapper input[type="checkbox"]:not(:checked) ~ .content-wrapper3 {
  display: none !important;
}

#sr-vw .content-close-button {
  position: absolute;
  top: 4px;
  right: 6px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 1001;
}

/* #sr-vw #sr-play-failed__text {
  transform: translateY(100px);
} */

/* #sr-vw #sr-widget-welcome {
  bottom: 7%;
} */

/* Remove minimized overlay */
#sr-vw #sr-widget-closed-wrapper.sr-overlay:after {
  background-image: none!important;
}
/* Remove minimized overlay */

@media screen and (max-width: 480px) {
  #sr-vw #sr-play-failed__text {
    transform: translateY(20vh);
  }

  #sr-vw #sr-widget-welcome {
    font-size: 11px;
    line-height: 14px;
  }
}

/* Website overwrites */

#sr-vw #sr-widget-container {
  z-index: 1;
}

#sr-vw svg {
  fill: currentColor;
  stroke: currentColor;
}
 
#sr-vw #sr-play-failed__btn svg {
  fill: none;
  stroke: currentColor;
}
 
/* Website overwrites */

/* Logo */
#sr-vw #sr-logo {
  width: 100px;
  top: 40px;
  left: 10px;
}
/* Logo */

/* Google Maps */
#sr-vw #rw-gmaps .gplaces-result-cluster {
  background-color: var(--acs-primary-color)!important;
}

#sr-vw .highlight {
  color: var(--acs-primary-color)!important;
}

#sr-vw .marker-popup-select-btn,
#sr-vw .gplaces-input__button {
  background-color: var(--acs-primary-color)!important;
  border-color: var(--acs-primary-color)!important;
}
/* Google Maps */