.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;
}

@media screen and (max-width: 1020px) {
    .cantusetab {
        border-top: 1px solid #dddbdb !important;
    }
}

.defaulttxt {
    color: #796f6e;
}

.redtxt {
    color: var(--primary);
}

#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 .headrow:not(:first-of-type) td,
.contenttable  .headrow:not(:first-of-type)  td {
    border-top: 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 {

}

.complecting .slick-dots li button {
    border: 3px solid var(--third) !important;
    background: transparent;
}
.gallerybtn button {
    background: transparent !important;
    color: #000;
    border: 1px solid #000 !important;
}

.gallerybtn button:hover {
    background: #d8d8d8 !important;
}

.gallerybtn button:not(.activated){
    color:#000
}

.gallerybtn button:hover:not(.activated){
    border: 1px solid #d8d8d8 !important;
}

.complect .showmore{
    color:#000 !important;
    background:#d2d2d2;
}

.complect .showmore:hover {
    background: #d8d8d8!important;
}

.showdifference {
    background: var(--primaryBtn) !important;
    border: 1px solid var(--primaryBtn) !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);
}

.left .red {
    background: var(--primaryBtn);
}

.left .red:hover {
    background: var(--primaryBtn-hover)
}

.orange {
    background-color: var(--primary) !important;
    color: #fff !important;
}

#second {
    background: transparent !important;
}

#second .left ul .sel a,
.leftmenu ul .sel a {
    font-weight: 500
}

.maintable .headrow,
.pricetable .headrow,
.contenttable .headrow {
    background: #fff !important;
}

.maintable .headrow td{
    color: #c00
}
/* New div-based list header styling */
.list-row-header {
    background: #f7f7f7 !important;
    color: #c00 !important;
}
.list-row-header a {
    color: #333 !important;
}
.cars-grid-header {
    background: #fff !important;
    color: #c00 !important;
}

.lazy2 .slick-prev,
.lazy2 .slick-next {
    background-color: #c00
}

#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: #c00;
}

.gallery .slick-prev:hover,
.gallery .slick-next:hover {
    background-color: #950809 !important;
}

#return-to-top:hover {
    background:#c00;;

}

a {
    color: #000;
}
a:hover {
    color: var(--secondary);
}

.prettybutton2l,
.right a.prettybutton2 {
    text-decoration: none;
    color: #000;
}

.prettybutton2:hover,
.right a.prettybutton2:hover {
    color:#fff;
    background: var(--secondaryBtn-hover);
}

.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 {

}

.imagelightbox-arrow:hover::before{
    color:#000;
}

#imagelightbox-close {
    background-color: rgba(0,0,0,.2);
    cursor: pointer;
}

#imagelightbox-nav button.active {

}
#imagelightbox-loading {
    background-color: rgba(100, 100, 100, 0.5);
}

#imagelightbox-close:hover {

}

@media screen and (max-width: 680px) {
    .everysecond tr td:nth-child(odd) {
        background: #ececee;
    }
    .everysecond tr td:nth-child(even) {
        background: #fff;
    }

    .everysecond .headrow td {
        background: #fff !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: #ececee !important;
    }

    .testtest tr:nth-child(2n + 1) td:nth-child(odd) {
        background: #ececee !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: #fff !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;
    }
}
