.bg1 {
    background: red;
}

.bg2 {
    background: green;
}

.bg3 {
    background: blue;
}

.bg-white {
    background: white;
}

.quotes-page {
    margin-top: 7rem;
}
@media (min-width: 968px) {
    .quotes-page {
        /* margin-top: 50px; */
    }
}

@media (min-width: 1200px) {
    .quotes-page {
        /* margin: 50px 75px; */
    }
}
@media (min-width: 1300px) {
    .quotes-page {
        /* margin: 50px 125px; */
    }
}
@media (min-width: 1450px) {
    .quotes-page {
        /* margin: 50px 169px; */
    }
}
@media (min-width: 1600px) {
    .quotes-page {
        /* margin: 50px 235px; */
    }
}
@media (min-width: 1800px) {
    .quotes-page {
        /* margin: 50px 350px; */
    }
}

.bg-gray {
    background-color: #f4f7fb;
}

.show-filters-xs {
    display: block !important;
    position: fixed;
    left: 0;
    top: 0;
    padding-left: 10px;
    padding-top: 4rem;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: scroll;
    padding-bottom: 50px;
}
#btnShowFilters {
    font-size: 14px;
    height: 28px;
    padding: 0px 14px;
}
#btnShowFiltersResult {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    border-radius: 0px !important;
    position: fixed;
    bottom: 0;
    z-index: 999;
    margin-bottom: 0px !important;
    left: 0px
}
.company-image {
    padding: 5px;
}
.company-image img {
    width: 60px;
    height: 30px;
}
.company-stars {
    padding: 3px;
}
.company-stars i {
    font-size: 11px;
    color: #e8b917f7;
}
.company-terms {
    font-size: 14px;
    text-align: center;
}
@media (min-width: 992px) and (max-width: 1073px) {
    .company-image,
    .company-stars {
        padding: 0px;
    }
    .company-stars {
        padding-left: 2px;
    }
    .company-stars i {
        font-size: 10px;
    }
    .company-image img {
        width: 51px;
        height: 37px;
    }
}
@media (min-width: 768px) and (max-width: 903px) {
    .company-image,
    .company-stars {
        padding: 0px;
    }
    .company-stars {
        padding-left: 1px;
    }
    .company-stars i {
        font-size: 10px;
    }
    .company-image img {
        width: 51px;
        height: 37px;
    }
    ul#quoteCarInfoBadge li {
        display: inline;
    }
}
@media (max-width: 500px) {
    .company-image,
    .company-stars {
        padding: 0px;
    }
}
@media (max-width: 400px) {
    .company-stars {
        padding-left: 2px;
    }
    .company-stars i {
        font-size: 9px;
    }
    .company-terms {
        font-size: 13px;
    }
    .company-image img {
        width: 53px;
        height: 38px;
    }
}

.quote-car-title {
    padding-left: 15px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 21px;
    line-height: 15px;
    font-weight: 400;
}
.quote-car-image {
    max-width: 100%;
    height: 120px;
}
.orange-color {
    color: #ff7e0f;
}
.orange-background {
    background-color: #ff7e0f;
}
.text-bg-fuel-1, .text-bg-fuel-2 {
    background-color: #0979d0 !important; /* azul oara para Gasolina e Diesel */
}.text-bg-fuel-3, .text-bg-fuel-6 {
    background-color: #28a745 !important; /* Verde oara para Eletrico e Hibrido */
}
div.AsImg1
{
    display: flex;
	border-radius: 4px;
	background-image: linear-gradient(to right, #aaaaaa 34px, #f0f0f0 34px);
	clear: both;
	width: 100%;
	height: 32px;
	display: block;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 4px;
    padding-right: 10px;;
}
div.AsImg1.IconBestService {
    background-image: linear-gradient(to right, #40c000 34px, #f0f0f0 34px);
}
div.AsImg1.IconTopCompany {
    background-image: linear-gradient(to right, #40c000 34px, #f0f0f0 34px);
}
div.AsImg1Big.IconNoExcess
{
    background-image: linear-gradient(to right, darkviolet, #400080);
    border-radius: 4px;
    padding: 8px;
    display: inline-block;
    width: calc(100% - 4px);
    box-sizing: border-box;
    margin-bottom: 4px;
}
div.AsImg1Big.IconNoExcess p {
    color: #ffffff;
    margin-top: 0;
}
div.AsImg1Big.IconNoExcess img {
    max-width: 48px;
    max-height: 48px;
    margin-right: 8px;
}
div.AsImg1 img
{
	display: inline-block;
	margin: 2px 8px 2px 2px;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	filter: brightness(200);
}

.badge-quote {
    background-color: #ff7e0f;
    display: inline-flex;
    align-items: center;   /* centra verticalmente o conteúdo */
    vertical-align: middle;
    gap: .4rem;   
}
.badge-lg {
    padding: 5px 10px;
    font-size: 14px;
}
#quoteCarInfoBadge {
    padding-left: 0px;
}
.quote-price-details table {
    float: right;
}
.quote-price-for-days {
    font-size: 100%;
}
.quote-price {
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 0px;
}
/* .quote-price table, td{
    text-align: right;  
} */
/* .quote {
    margin: 0px 0px 15px 0px;
    padding: 15px 0px;
} */
.quote-header {
    padding: 0px 0px 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.quote-info-i {
    padding-right: 5px;
    color: #ff7e0f;
}
.btn-email-quote {
    outline: none;
    padding: 3px 15px 3px 15px;
    height: 30px;
    margin: 1px !important;
    border-radius: 5px !important;
    float: right;
    font-weight: 300;
}
.btn-email-quote i {
    margin-right: 2px;
    font-size: 14px;
}
.btn-change-quote {
    outline: none;
    padding: 3px 15px 3px 15px;
    height: 30px;
    margin: 1px !important;
    border-radius: 5px !important;
    font-weight: 300;
}
.btn-change-quote i {
    margin-right: 2px;
    font-size: 15px;
}
.btn-reserve {
    outline: none;
    /* height: 45px;
    padding: 10px 50px 10px 15px; */
    border-radius: 5px !important;
    position: relative;
    background: green;
    border-color: green;
}
.btn-reserve:hover,
.btn-reserve:focus {
    color: green;
    border-color: green;
}
.btn-reserve i {
    position: absolute;
    top: 32%;
    right: 10%;
}
.filter-title {
    padding: 0px;
    font-size: 15px;
    font-weight: 700;
}
.filter-title:hover {
    cursor: pointer;
}
.fa-info {
    color: #5bc0de;
}
.quote-label {
    margin-bottom: 0px;
    font-weight: 400;
}
/* .custom-checkbox-par{
  height: 23px !important;
  width: 17px;
} */

.select-quote {
    width: 100% !important;
}
.select-quote button {
    margin-top: 0px;
    margin-bottom: 0px;
}
.quote-request-container {
    background: rgba(255, 255, 255, 0.8);
    margin-top: 5rem;
    padding: 15px;
    border-radius: 5px;
    
}
.quote-checkbox-text {
    font-size: 15px;
    font-weight: 700;
    /*color: ;*/
}

.car-groups-filter {
    max-height: 180px;
    width: 100%;
}
.car-groups-filter td {
    padding: 5px;
    min-width: 120px;
}

.car-groups-filter img {
    width: 75%;
    height: 70px;
    display: block;
    margin: auto;
}
.car-groups-filter .car-group-title {
    text-align: center;
    font-weight: 700;
    color: #ff7e0f;
}
.car-groups-filter .panel {
    margin-bottom: 0px;
    border: 1px solid #f4f7fb;
    transition: 0.3s;
}
.car-groups-filter .panel-body {
    padding: 5px;
}
.car-groups-filter .panel-footer {
    padding: 0px;
    text-align: center;
    background-color: #f4f7fb;
    border-top: none;
    white-space: nowrap;
}
.car-groups-filter .panel-footer span {
    font-weight: 500;
}
/* .car-groups-filter td:hover{
  background: red;
} */
.car-groups-filter .panel.active,
.car-groups-filter .panel:hover {
    border: 1px solid #ff7e0f;
    cursor: pointer;
}
.car-groups-filter .panel.active .panel-footer,
.car-groups-filter .panel:hover .panel-footer {
    color: white;
    background-color: #ff7e0f;
}
.car-groups-filter .panel.active small,
.car-groups-filter .panel:hover small {
    color: white;
}
/* .car-groups-filter .panel.active small{
  color: white;
} */
#filterPriceSliderContainer {
    margin: 5px 10px 0px;
}
#filterPriceSliderContainer .ui-widget-header {
    background: #ff7e0f;
}
.ui-corner-all {
    outline: none;
    border-radius: 15px;
}

#ui-datepicker-div {
    z-index: 1060 !important;
}
.bootstrap-select.show-tick .dropdown-menu .selected {
    color: #ffffff !important;
    background-color: #ff7e0f;
}
.bootstrap-select.show-tick .dropdown-menu .selected span {
    color: #ffffff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff !important;
    background-color: #ff7e0f;
}
.dropdown-menu > .active > a {
    background-color: #ff7e0f;
}
.datetime-picker {
    color: #ff7e0f;
    font-size: 17px;
    font-weight: 400;
}

#dropOffLocationQuote {
    margin-top: -6px;
    margin-bottom: 10px !important;
}
@media (min-width: 768px) and (max-width: 992px) {
    .quote-request-container {
       /* padding-left: 5px;
        padding-right: 5px;*/
    }
    .quote-checkbox-text {
        font-size: 14px;
    }
    .car-groups-filter img {
        width: 75%;
        height: 40px;
    }
}

@media (min-width: 904px) and (max-width: 991px) {
    ul#quoteCarInfoBadge li {
        display: inline;
    }
}

@media (max-width: 767px) {
    .car-groups-filter img {
        width: 70%;
        height: 40px;
    }
    .quote-car-title {
        padding-left: 0px;
        font-size: 17px;
    }
    .quote-price-for-days {
        font-size: 85%;
    }
    .quote-price-details {
        border-top: 1px solid #eee;
        margin-top: 5px;
        padding-top: 5px;
    }
}

.quote-request-container h2 {
        font-size: 2rem;
        color: #0f172a;
        font-weight: 700;
    }

@media (max-width: 756px) {
    .quote-request-container {
      padding:1.25rem;
      margin-top:3rem;
      width:91%;
    }
    .quote-request-container h2 {
        font-size: 1.5rem;
    }
}

#requestQuoteModal .select-time .dropdown-menu {
    top: auto;
    bottom: 100%;
    max-height: 220px !important;
}
#requestQuoteModal .select-location .dropdown-menu {
    max-height: 220px !important;
}
.datetime-picker {
    cursor: pointer;
}
#requestQuoteModal .modal-body {
    padding: 20px 10px;
    overflow-y: hidden;
}
.reservation-row {
    line-height: 24px;
    font-size: 14px;
}
.reservation-resume-card {
    padding: 15px 0px 0px;
    background-color: #fff;
    margin-bottom: 15px;
}
.reservation-resume-card div {
    line-height: 25px;
}
.reservation-resume-card img {
    max-width: 100%;
    height: 80px;
}
.reservation-resume-card .car-img {
    height: 80px;
}
.reservation-resume-card .company-img {
    width: 100px;
    height: 40px;
}
.reservation-resume-card p {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding: 0;
}
.reservation-resume-card .btn-reserve {
    width: 100%;
    margin: 10px 0px 0px;
}
.reservation-company-name {
    line-height: 18px !important;
}
.reservation-checkmark-extras.checkmark {
    top: 1px;
    height: 19px;
    width: 19px;
}
.reservation-checkmark-extras.custom-checkbox-par .checkmark:after {
    left: 7px;
    top: 4px;
    width: 6px;
}