ul#tabs-nav
/*
Theme Name: Ultimate Auction Pro Realestate Software
Theme URI: https://getultimateauction.com/
Author: Nitesh Singh
Theme URI: https://getultimateauction.com/
Author URI: https://getultimateauction.com/
Version: 1.0.0
Description:  Ultimate Auction Pro Realestate Software
Template: ultimate-auction-pro-software
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ultimate-auction-pro-software
*/

/* Add Custom CSS HERE */

/* product deatils page css start here  */
.left-pro-heading {
   width: 100%;
}

.single_top_btn {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 40px 0 30px 0;
}

.sr_btn {
   display: flex;
   position: relative;
}

.ghost_btn {
   border: 1px solid #d2d9e1;
   padding: 6px 10px;
   display: inline-flex;
   align-items: center;
   font-weight: 600;
   line-height: normal;
   font-size: 16px;
}

.ghost_btn:hover {
   color: var(--wp--custom-primary-link-color);
   background: transparent;
}

.ghost_btn:hover svg,
.ghost_btn:hover svg path {
   fill: var(--wp--custom-primary-link-color);
}

.ghost_btn svg {
   width: 15px;
   max-height: 15px;
   fill: var(--wp--custom-primary-link-color);
}

.icon_btn svg {
   margin-right: 10px;
   transition-duration: 0.5s;
}

.icon_btn svg path {
   transition-duration: 0.5s;
   fill: var(--wp--custom-primary-link-color);
}

.sr_btn .ghost_btn {
   margin-left: 10px;
}

.listing_btn {
   text-transform: uppercase;
}

.save_count {
   display: flex;
}

.save_count label {
   display: inline-flex;
   align-items: center;
   line-height: normal;
   border: 1px solid #d2d9e1;
   padding: 6px 10px;
   margin-left: 10px;
   font-size: 16px;
}

.save_count label img {
   height: 15px;
   margin: 0 8px 0 0;
}

.car-info-box ul.Car_details {
   padding: 0;
   margin: 0 0 20px 0;
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   border: 1px solid #ebebeb;
}

.car-info-box ul.Car_details li span {
   display: block;
   width: 100%;
}

.car-info-box ul.Car_details li {
   width: 50%;
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   justify-content: space-between;
}

.car-info-box ul.Car_details li span.details-right {
   border-width: 0 0 0 1px;
   margin: 0;

}

.car-info-box ul.Car_details li span.details-left,
.car-info-box ul.Car_details li span.details-right {
   width: 50%;
   font-size: 15px;
   padding: 0.5em 1em;
   border-bottom: 1px solid #dddada;
   border-color: #ebebeb;
   border-left: 1px solid #ebebeb;
   margin: 0;

}

.car-info-box ul.Car_details li span.details-left {
   background: #fafafa;
   font-weight: 500;
   border-color: #ebebeb;
}

.product-right-block {
   margin-top: unset;
}

.left-pro-heading-title-block {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 66.67%;
}

.lot-videos-photos {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   margin-top: 20px;
}

.uat-img-videos,
.uat-img-videos video {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100px;
}

.gray-box .info-row {
   border: 1px solid #B0B0B0;
   border-bottom: 0;
}

.gray-box .info-row .col-2 {
   display: flex;
   flex-direction: row;
   border-bottom: 1px solid #B0B0B0;
}

.info-row-text label.info-lable {
   width: 40%;
   margin-bottom: 0;
   text-transform: none;
   letter-spacing: 0;
   padding: 10px;
   background: #F7F5EC;
   color: #000;
   font-size: 14px;
   display: flex;
   align-items: center;
}

.info-row-text label.info-lable-ans {
   width: 60%;
   padding: 10px;
   font-size: 13px;
   color: #7E7E7E;
   display: flex;
   align-items: center;
}

.woocommerce-Tabs-panel {
   border: 0;
}

.woocommerce div.product .woocommerce-tabs .panel {
   padding: 40px 0 0;
}

.gray-box .info-row .col-2 {
   margin: 0;
}

ul#tabs-nav {
   border-bottom: 0;
}

ul#tabs-nav:before {
   height: 1px;
   background: #000;
}

#tabs-nav li a {
   font-weight: bold;
}

ul#tabs-nav li:hover,
#tabs-nav li {
   border: 0;
   border-bottom: 1px solid;
   border-top: 1px solid transparent;
}

ul#tabs-nav li.active {
   border: 1px solid #000;
   border-bottom-color: #fff;
}

a.btn-link.ml-auto.view-all {
   color: black;
}

.qanda-empty-question a.ask-qustion-slider-btn,
button.black_bg_btn,
.comments form.messenger.for-comments button[type=submit],
a.btn-books,
input.submit_button,
p.save-error a.button.savedlist-error,
button.uat-submit-btn {}

.bid-inf-box {
   border-top: 3px solid;
}

button.btn-link.ml-auto.view-all {
   cursor: pointer;
}

.media-item.uat-img-videos {
   position: relative;
   padding: 0 0 22%;
   width: calc(33.33% - 6px);
}

.lot-videos-photos {
   display: flex;
   flex-wrap: wrap;
   grid-gap: 8px;
}

.lot-videos-photos img,
.lot-videos-photos video {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.tab-content h3,
.tab-content h2 {
   font-size: 21px;
}

a,
.text-link,
.saved-icon a.remove-uat.uat-savedlist-action-loop i.fas.fa-heart,
.uat-savedlist-action-loop i.far.fa-heart {}

.ghost_btn svg,
.icon_btn svg path {}

.ghost_btn:hover,
.ghost_btn:hover svg,
.icon_btn:hover svg path {}

.product-view-count svg path:last-child,
.share-icon svg path,
.share-icon svg,
.ghost_btn:hover svg,
.ghost_btn:hover svg path {}

.like-product {
   padding: 0;
}

.share-icon svg {}

a.like-product a,
.like-product a {
   height: 36px;
   padding: 0 10px;
}

.saved-icon .uat-savedlist-action-loop span.prod-like-count,
.saved-icon .uat-savedlist-action-loop span.prod-like-count {
   padding-right: 0;
}

.spr_inner h2 {
   font-weight: bold;
   font-size: 18px;
}

.uat-feedback-form {
   max-width: 400px;
   margin: 0 auto;
}

.uat-rating {
   margin-bottom: 20px;
   display: flex;
   flex-direction: row-reverse;
   /* this is the magic */
   justify-content: flex-end;
}

.uat-rating input {
   display: none;
}

.uat-rating label {
   font-size: 24px;
   cursor: pointer;
}

.uat-rating label:hover,
.uat-rating label:hover~label {
   /* reason why the stars are in reverse order in the html */
   color: orange;
}

.uat-rating input:checked~label {
   color: orange;
}

.uat-comment {
   margin-bottom: 20px;
}

.uat-comment textarea {
   width: 100%;
   height: 100px;
   resize: none;
}

form#uat-feedbackForm {
   margin: 0;
}

.uat-rating label:hover,
.uat-rating label:hover~label,
.uat-rating input:checked~label {
   color: black;
}

.uat-rating label {
   color: #D9D9D9;
}

ul.breadcrumb li a,
a.view-ans-link {}

.uat-comment textarea {}

.uat-feedback-message {
   font-size: 14px;
   padding: 10px 0 0;
   margin: 0;
}

.sr_btn .like-product {
   background: none;
}

button.uat-submit-btn {
   font-size: 18px;
}

.view a.selected svg path {}

.uat-submit-btn {
   padding: 10px 20px;
   border: none;
   cursor: pointer;
   border-radius: 5px;
}

.uat-comment textarea {
   padding: 10px;
}

.left-pro-heading {
   width: 100%;
}

#auctionmenu>ul>li.has-child>a:after,
#auctionmenu>ul>li.has-child>a:before {
   background: var(--wp--header--text-color);
}

#auctionmenu ul ul li {
   background: var(--wp--header-bg-color);
}

.h-myaccount.my-acc-btn>div>ul>li>a {
   color: var(--wp--header--text-color);
}

.form-box input[type="checkbox"] {
   width: auto;
   margin: 0;
   position: relative;
   top: 1px;
}

.uat-type-checkbox .label-fix-top {
   position: relative;
   top: 0;
   left: 0;
}

.uat-type-checkbox .checkbox-inline {
   display: flex;
   flex-wrap: wrap;
   grid-gap: 40px;
}

.uat-type-gallery .label-fix-top,
.uat-type-file .label-fix-top {
   position: relative;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
}

.uat-type-gallery>button,
.uat-type-file>button {
   width: 100%;
   height: 50px;
   border: 0;
   background: #f0f1f5;
   border: 1px solid #ddd;
   cursor: pointer;
}

.uat-type-file input {
   padding: 14px 10px;
   text-align: center;
}

.gallery-preview,
.file-preview {
   display: flex;
   flex-wrap: wrap;
   grid-gap: 10px;
   margin-top: 10px;
}

.gallery-item {
   width: 100px;
   height: 100px;
   position: relative;
}

.gallery-preview img,
.gallery-preview video,
.file-preview img,
.file-preview video {
   height: 100%;
   width: 100%;
   object-fit: cover;
   margin: 0 !important;
}

button.remove-gallery-item {
   position: absolute;
   right: 5px;
   top: 5px;
   background: #fff;
   border-radius: 50%;
   width: 20px;
   height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   padding: 0;
   border: 0;
   font-size: 0;
}

.remove-gallery-item:before,
.remove-gallery-item:after {
   content: "";
   position: absolute;
   width: 2px;
   height: 10px;
   background: #000;
   transform: rotate(45deg);
}

.remove-gallery-item:after {
   transform: rotate(-45deg);
}