.cantusetab {
  border-top: 1px solid #dddbdb !important;
}

.cantusetab tr td {
  border-bottom: 1px solid #dddbdb !important;
}

table tr:hover .cantusetab td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
}


.right .colorchoose{
  margin:30px 0 !important
}

@media screen and (max-width: 1020px) {
    body{
    overflow: auto;
  }

  .cantusetab {
      border-top: 1px solid #dddbdb !important;
  }
}

.defaulttxt {
  color: #796f6e;
}

.redtxt {
  color: var(--primary);
}

#steps{
  margin: 1rem 0;
}

#steps .actt a {
  background-color: #fff;
}

#steps li span {
  background: var(--primary);
}

@media screen and (max-width: 1020px) {
  .vehicles_list tr td:nth-child(4),
  .vehicles_list tr td:nth-child(5),
  .vehicles_list tr td:nth-child(6) {
      background: #796f6e !important;
  }
}
.complect h2 button,
.complect .colouurs button,
.complect .colouurs .activated,
.fixedinfo button {
  background: transparent;
}

.styled-checkbox:checked + label:before {
  background: var(--secondary);
}


.options .option {
  border: 2px solid #cdcdcd;
}

.maintable td,
.contenttable td {
  border-bottom: 1px solid #dddbdb;
  border-right: 1px solid #dddbdb;
}

.pricetable td {
  border-bottom: 1px solid #dddbdb;
}

.maintable,
.contenttable {
  border-top: 1px solid #dddbdb;
  border-left: 1px solid #dddbdb;
}

.pricetable {
  border-top: 0;
}

.maintable td,
.contenttable td,
.pricetable td {
  border-color: #dddbdb;
}

#steps .staragain a {
  background: var(--primary);
}

#steps .staragain a:hover {
  opacity: 0.8;
}

.fixedinfo button {
  background: var(--primaryBtn);
}

.fixedinfo button:hover {
  background: #000;
  color: #fff;
}

.auto24-iframe th.photo,
.auto24-iframe th.make,
.auto24-iframe th.mileage,
.auto24-iframe th.year,
.auto24-iframe th.fuel,
.auto24-iframe th.gearbox,
.auto24-iframe th.price {
  background-color: #796f6e;
}

.auto24-iframe .active {
  background-color: #9d0605;
}

.auto24-iframe .detailContainer .make_and_model_title,
.auto24-iframe .detailContainer .make_and_model {
  background: #796f6e;
}

.submit input {
  background-color: #796f6e !important;
}

.submit input:hover {
  background-color: #615958 !important;
}

.complecting .slick-prev,
.complecting .slick-next {
  background-color: rgba(0,0,0,.2);
}

.complecting .slick-prev:hover,
.complecting .slick-next:hover {
  background-color: #f7ff14;
}

.complecting .slick-dots li button {
  border: 3px solid var(--third) !important;
  background: transparent;
}

.complecting .slick-dots li.slick-active button {
  background: var(--primary);
}

.gallerybtn button {
  background: transparent !important;
  color: #000;
  border: 1px solid #000 !important;
}

.gallerybtn button:hover {
  background: var(--primary) !important;
  color:#fff;
}

.complect .showmore{
  border: 1px solid #000;
}

.complect .showmore:hover {
  background: #f7ff14 !important;
  border: 1px solid #f7ff14;
}

.showdifference {
  background: #f7ff14 !important;
  border: 1px solid #f7ff14 !important;
}

.fixedinfo {
  background-color: #ececee;
}

.roundpic {
  transition: all 0.2s linear;
  border: 5px solid #fff;
}

.roundpic:hover {
  border: 5px solid var(--third) !important;
}

.roundpic .enlarge .inner {
  border: 5px solid var(--third);
}

.options .option:hover {
  border: 2px solid var(--secondary) !important;
}

.options .selected,
.options .selected:hover {
  background-color: #f2f2f2;

  border: 2px solid var(--secondary) !important;
}

.options .unactive,
.options .unactive:hover {
  background-color: #fff !important;

  border: 2px solid #c4c3c2 !important;
}

.red {
  background: var(--primaryBtn);
  border: 0;
}

.red:hover {
  background: var(--primaryBtn-hover);
}

h2 .red {
  margin: -5px 0 0 10px;
  border: 1px solid #000;
  background: transparent;
  font-weight: 700;
}

.pricetable .red{
  margin: -5px 0 0 10px;
}

h2 .red:hover {
  background: #f7ff14;
  border: 1px solid #f7ff14;
  color: #000
}

h2 .red:last-of-type{
  margin-bottom: 12px !important;
}

.pricetable .red:hover{

}

.light-blue {
  margin: -5px 0 0 20px;
  background: var(--secondary) !important;
}

.light-blue:hover {
  background: var(--secondary-hover) !important;
}

.left .red {
  background: var(--primaryBtn);
}

.left .red:hover {
  background: var(--primaryBtn-hover)
}

.orangebtn a,
.orange {
  background-color: var(--primary) !important;
  color: #fff !important;
}

.orangebtn a:hover,
.orange:hover {
  /* opacity: 0.8 !important; */
}

#second {
  background: transparent !important;
}

#second .left ul .sel a,
.leftmenu ul .sel a {
  font-weight: 700
}

.maintable .headrow td,
.pricetable .headrow td,
.contenttable .headrow td {
  border-right: 1px solid var(--primary) !important;
}

.maintable .headrow,
.pricetable .headrow,
.contenttable .headrow {
  background: var(--primary) !important;
}

.maintable tr:nth-child(2n + 1),
.pricetable tr:nth-child(2n + 1),
.contenttable tr:nth-child(2n + 1) {
  background: XXXrgba(121, 111, 110, 0.1);
}

.maintable tr:hover,
.pricetable tr:hover,
.contenttable tr:hover {
  background: XXXrgba(121, 111, 110, 0.2) !important;
}

.lazy2 .slick-prev,
.lazy2 .slick-next {
  background-color: rgba(0,0,0,.2)
}

.pages .current {
  background-color: #717171;
}

#header {
  background: #f9f9f9 !important;
}

#header.headercontent:has(#steps){
  margin:0 !important
}

#second h2,
#header h2,
#header h1 {
  color: var(--primary);
}

#second h2 a,
#header h2 a,
#header h1 a {
  color: var(--primary);
}

.gallery p {
  color: #585858 !important;
}

#second h2,
.right h2,
.sisulehtrightnews h2,
.cke_panel_listItem h2,
h8 {
  color: var(--primary);
}

h8 {
  color: var(--primary) !important;
}


#return-to-top {
  background: #d8d8d8;
}

.gallery .slick-prev,
.gallery .slick-next {
  opacity: 1 !important;
  background-color: var(--third);
}

.gallery .slick-prev:hover,
.gallery .slick-next:hover {
  background-color: var(--third-hover) !important;
}

#return-to-top:hover {
  background:#f7ff14;

}

#return-to-top:hover::before {
  color:#000;
}



.slick-slider button:before {
  font-family: 'Opel Icons';
  font-size: 18px;
  color: #fff;
  line-height: 48px;
}
.slick-next:before {
content: "";
}
.slick-prev:before {
  content: "";
}

.lazy2 .slick-prev:hover,
.lazy2 .slick-next:hover {
  background-color: #f7ff14;
}

a {
  color: #000;
}
a:hover {
  color: var(--secondary);
}

.prettybutton,
.sendbtn {
  color: #000 !important;
  background: var(--primaryBtn) !important;
}

.prettybutton:hover,
.sendbtn:hover {
  /* opacity: 0.8 !important; */
}

.sticky-anchor .prettybutton2:hover{
  background: #f7ff14 !important;
}

.prettybutton2l,
.right a.prettybutton2 {
  text-decoration: none;
  color: #000;
  background: #f7ff14;
  border: 1px solid transparent;
}

.prettybutton2:hover,
.right a.prettybutton2:hover {
  color:#fff;
  background: #000;
}



.ui-dialog .red,
#testdrive2 .red,
.slideTogglebox6 .red {
  background:  var(--primaryBtn);
}

.ui-dialog .red:hover,
#testdrive2 .red:hover,
.slideTogglebox6 .red:hover {
  background: #000 !important;
  color: #fff !important;
}

.imagelightbox-arrow {
  background-color: rgba(0,0,0,.2);
}

.imagelightbox-arrow:hover {
  background-color: #f7ff14;
}

.imagelightbox-arrow:hover::before{
  color:#000;
}

#imagelightbox-close {
  background-color: rgba(0,0,0,.2);
  cursor: pointer;
}

#imagelightbox-nav button.active {
  background-color: #f7ff14;
  border: 1px solid #f7ff14;
}
#imagelightbox-loading {
  background-color: rgba(100, 100, 100, 0.5);
}

#imagelightbox-close:hover {
  background-color: #f7ff14;
}

#imagelightbox-close:hover::before, #imagelightbox-close:hover::after {
  background-color:#000
}


@media screen and (max-width: 680px) {
  .everysecond tr td:nth-child(odd) {
      background: var(--tableHighlight);
  }
  .everysecond tr td:nth-child(even) {
      background: #fff;
  }

  .everysecond .headrow td {
      background: var(--primary) !important;
  }

  .testtest tr:nth-child(2n) {
      background: transparent !important;
  }

  .testtest tr:nth-child(2n + 1) {
      background: transparent !important;
  }

  .testtest tr:nth-child(2n) td:nth-child(odd) {
      background: #fff !important;
  }

  .testtest tr:nth-child(2n) td:nth-child(even) {
      background: var(--tableHighlight)!important;
  }

  .testtest tr:nth-child(2n + 1) td:nth-child(odd) {
      background: var(--tableHighlight) !important;
  }

  .testtest tr:nth-child(2n + 1) td:nth-child(even) {
      background: #fff !important;
  }

  .testtest .headrow:nth-child(2n + 1) td:nth-child(2n + 1),
  .testtest .headrow:nth-child(2n) td:nth-child(2n) {
      background: var(--primary) !important;
  }

  .testtest tr.headrow,
  .testtest tr.headrow:hover {
      background: transparent !important;
  }
}

.cantuse .blink {
  animation: ther 2s forwards linear 1;
}

@keyframes ther {
  0% {
      background-color: transparent;
  }

  25% {
      background-color: rgba(183, 27, 7, 0.25);
  }
  50% {
      background-color: transparent;
  }

  75% {
      background-color: rgba(183, 27, 7, 0.25);
  }

  100% {
      background-color: transparent;
  }
}

.list-row-header {
    background: var(--primary) !important;
    color: #fff !important;
}

.list-row-header a {
    color: #fff !important;
}

.cars-grid-header {
    background: var(--primary) !important;
    color: #fff !important;
}