/*renovation warranty*/

.view-warranties input#filter_search {
    height: 50px;
    border-radius: 0px!important;
    background: transparent!important;
    color: #ffff;
}

.view-warranties input#filter_search::placeholder {
    color: #ccc;
}


.view-warranties button.filter-search-bar__button.btn.btn-primary {
    height: 45px;
    line-height: 0px;
    background: #8b5e3c;
    opacity: 1;
    border: 1px solid #ccc;
}

.view-warranties .filter-search-actions.btn-group button {
    background-color: #8b5e3c !important;
    color: #fff!important;
}

.view-warranties .js-stools-container-bar {
    padding: 0;
    padding-top: 30px;
    padding-bottom: 20px;
}

/*reno tooldbar*/
.view-warranties .filter-search-actions.btn-group button {
    height: 45px;
    padding: 10px 15px;
    font-size: 14px;
}

.view-warranties button.filter-search-bar__button.btn.btn-primary {
    font-size: 14px;
    line-height: 20px;
    height: 50px;
    padding: 10px 15px;
}

.view-warranties input#filter_search {
    font-size: 14px;
}

.view-warranties a.chosen-single {
    height: 45px;
    border-radius: 0px!im;
    box-shadow: none!important;
}

.view-warranties a.chosen-single {
    height: 45px!important;
    box-shadow: none!important;
    background: transparent!important;
    border-radius: 0px!important;
    color: #ccc!important;
    font-size: 14px!important;
    line-height: 22px!important;
    padding: 10px 15px!important;
}

.view-warranties .chosen-search {
 background:#272521;
}

.view-warranties ul.chosen-results {
    padding: 0!important;
    margin: 0px!important;
}

.view-warranties input.chosen-search-input {
    height: 20px;
}


/*foc warranty*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
.view-warranty #sp-main-body {background: #272521!important;}
.view-warranty div#sp-component {font-family: 'Inter'!important;}
.warranty-box {border: 1px solid #fff!important;padding: 30px 15px;display: flex;align-items: center;margin-bottom: 50px;margin: 0 0px;}

/*title*/
h1.warranty-header {font-family: 'Inter'!important;font-weight: 700;margin-bottom: 50px;}

@media (max-width: 767px){
h1.warranty-header {font-family: 'Inter'!important;font-weight: 700;margin-bottom: 50px;margin-left: -15px;}}

/*box*/
.row.warranty-data {background: #e1eee3;border-left: 6px solid #39b54a;padding: 15px;border-radius: 0px 15px 15px 0;margin-bottom: 30px;}

/*text color*/
.warranty-product-details, .warranty-expired-date {color: #646464;}
b.car-plate,h2.expired-date {color: #000;}

/*left side*/
b.car-plate {font-size: 22px;}h2.expired-date {margin-top: 0;font-weight: 900;letter-spacing: 0;}
@media only screen and (min-width: 992px) {
p.created-date {position: absolute;bottom: 0;}
.warranty-product-details, .warranty-expired-date {height: 150px;}}
h5.warranty-detail-inv {font-size: 40px;font-weight: 700;letter-spacing: 3px;color: #cdba7c;}
p.warranty-detail-expired_date, p.warranty-detail-project, p.warranty-detail-value, p.warranty-detail-expired_on{font-size: 18px!important;}
p.warranty-detail-expired_date{font-size: 18px!important;font-style: italic;opacity: 0.5;}
p.warranty-detail-countdown-tite {margin-bottom: 0px;}
.warranty-detail-left i {margin-right: 8px;}

/*right side*/
.warranty-expired-date {display: flex;flex-direction: column;justify-content: center;flex-wrap: nowrap;}


/*warranty page********************************************************************/


/*warranty dashboard content right*/
.view-warranty div#sp-component {background: #f4f4f4;}
.view-warranty div#sp-component {padding-top: 50px;/* background: #f1f1f1; */font-family: 'Inter';letter-spacing: 0;}
@media (max-width: 767px){
.view-warranty div#sp-component {padding-top: 0px;/* padding-left: 0px; *//* padding-right: 35px; */background: #f4f4f4;margin: 0 15px;padding-bottom: 120px;}}
@media (min-width: 768px) and (max-width: 991px){
.view-warranty div#sp-component {padding: 0 30px;}}
@media only screen and (min-width: 992px) {
.view-warranty div#sp-component {padding: 0 80px;padding-top: 80px;}}


/*warranty table*/
.view-warranty table {border: 1px solid #fff;padding:0px 0px!important;}

.view-warranty th, .view-warranty td{padding:15px 15px!important;border: 1px solid #fff; font-size:13px;text-align:center;}

.view-warranty tbody tr:nth-child(even) {background: #272521; color:#ffffffd6;}
.view-warranty tbody tr:nth-child(odd) {background: #272521}

/*header*/
.view-warranty th{background: #8b5e3c!important;color:#fff;vertical-align:middle;}
.view-warranty tbody tr:first-child p{margin:0px;}



/*warranty end*/