select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

background: transparent;
border: 1px solid #ccc;
padding: 8px;
font-size: 16px;
color: #333;
cursor: pointer;
text-align: center;
text-align-last: center;
}

select:focus {
outline: none;
border-color: #666;
}





.filter-column{
background-color: #efefef;
padding: 20px;
border-radius: 10px;
}

.filtros-comparador{
background-color: #efefef;
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
}

.filter-select{
border-radius: 50px;
padding: 4px 10px;
width: 100%;
text-align: center;
color: #f9b712;
background-color: #000000;
font-size: 20px;
border: none;
}

.filter-group{
margin-bottom: 20px;
}

.filter-group label{
font-weight: 400;
margin-bottom:2px;
}

.cheklist-section{
background-color: #f9b712;
padding-top: 120px;
padding-bottom: 120px;
}

#checklist{
display: none;
}

.alert-info {
color: #ffffff;
background-color: #2FA7CA;
border-color: #2FA7CA;
}

.alert-success {
color: #ffffff;
background-color: #2FCA66;
border-color: #2FCA66;
}

.alert-warning{
color: #ffffff;
background-color: #CA2F4C;
border-color: #CA2F4C;  
}

.accordion-button:not(.collapsed) {
color: #fbb812;
background-color: #000000;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
border-radius: 20px 20px 0px 0px!important;
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.accordion-item:first-of-type {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.accordion-item:last-of-type {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}

.accordion-button {
position: relative;
display: block;
align-items: center;
width: 100%;
padding: 8px 0px;
font-size: 20px;
color: #fbb812;
text-align: center;
background-color: #000000;
border-radius: 25px!important;
overflow-anchor: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
justify-content: center;
margin: auto;
border:none;
}

.accordion-button:focus {
z-index: 3;
border-color: transparent;
outline: none!important;
box-shadow: none;
}

.list-group-item {
position: relative;
display: flex;
padding: 0px 1rem;
color: #212529;
gap: 7px;
align-content: center;
align-items: center;
}
.form-check-input:checked {
background-color: #fbb814;
border-color: #fbb814;
}
.accordion-item {
background-color: #F3F3F3;
border: none;
}
.accordion-body {
padding: 5px 15px;
}

.list-group-item {
border: 1px solid rgb(243 244 243);
}

.custom-select {
position: relative;
}

.arrow {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
pointer-events: none;
color: #fbb812;
}

#checklistBtn, #checklistResetButton{
display: none;
} 

#checklistResponse{
padding-top: 30px;
}

.btn-white{
border-radius: 50px;
font-size: 15px;
background-color: #ffffff;
border: none;
padding: 15px;
font-family: 'paragraph';
color: #000000;
box-shadow: 3px 5px 0px #000000;
}

.btn-white:hover{
background-color: #f9d557;
}

.btn-check:active+.btn-white, .btn-check:checked+.btn-white, .btn-white.active, .btn-white.dropdown-toggle.show, .btn-white:active, .btn-white:hover {
color: #000000;
background-color: #f9d557;
border: none;
box-shadow: 3px 5px 0px #000000;
}

.btn-outline-dark {
color: #212529;
border: solid 2px #000000;
border-radius: 20px;
font-family: 'paragraph';
font-size: 18px;
}

.btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active, .btn-outline-dark:hover {
color: #fff;
background-color: #000000;
border-color: #000000;
}

div#checklistResponse p {
margin-bottom: 0px;
font-family: 'paragraph';
font-size: 18px;
}
div#checklistResponse li {
margin-bottom: 8px;
}
div#checklistResponse h3 {
margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .vehicle-row{
    text-align: center;
    background-color: #ffffff;
    border: solid 1px #d6d6d6;
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
    }
    .actions {
    justify-content: center;
    margin-bottom:10px;
    }
    .filtros-comparador{
        padding: 10px;
    }

    .comparator-col{
        margin: 0px!important;
        padding: 3px!important;
    }
}

@media (max-width: 991px) {
    .container {
        max-width: 90%;
    }
}

@media only screen and (max-width: 640px) {
    /* .filter-select {
        font-size: 10px;
    } */
    .filtros-comparador {
        background-color: #efefef;
        padding: 10px 4px;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .span-comparator-icon{
        flex-direction: column; 
    }

    .filter-select {
        border-radius: 50px;
        padding: 4px 8px;
        width: 100%;
        text-align: center;
        color: #f9b712;
        background-color: #000000;
        font-size: 16px;
        border: none;
    }
    .filter-group label {
        font-size: 12px;   
    }
    .vehicle-caption {
        padding: 20px 0px;
        text-align: center;
        font-size: 12px;
    }
    .text-left {
        text-align: center;
    }

    .price-txt{
        font-size: 14px;
    }

    .container {
        max-width: 98%;
    }

    #remove-btn .fa-circle-xmark{
        font-size:20px;
    }
    .remove-btn {
        top: 2px;
        right: 2px;
    }
    .fa-circle-xmark{
        background-color: #000000;
        border-radius: 50%;
    }
}