::placeholder {
    color:#999
}


input#search-input{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.expirydivproducts.listingtimer span.seconds.seconds-box{
  color: #ff0000!important; font-weight: 500; font-size: 12px!important;}
.seller-address-half li a{
  font-size: 12px;
}

.clearfix.product-price-cover {
    clear: both;
}

.disableaskquestionprop {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 120vh;
    padding: 43% 0;
    width: 100%;
    text-align: center;
    font-size: 30px;
    z-index: 4
}


textarea#propmessage {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    resize: none;
    height: 80px;
    min-height: 80px;
    padding: 8px;
}

/** Speech bubble */
.speech-bubble {
  background: #efefef;
  border-radius: 4px;
    font-size: 1.1rem;
    line-height: 1.3;
    margin: 0 auto 5px;
    max-width: 250px;
    padding: 15px 30px 12px;
    position: relative;
}
.speech-bubble p {
  margin: 0 0 10px;
}
.speech-bubble p :last-of-type {
  margin-bottom: 0;
}
.speech-bubble::after {
  border-left: 25px solid transparent;
  border-top: 25px solid #efefef;
  bottom: -20px;
  content: "";
  position: absolute;
  right: 25px;
}

._bodbubble {
  position: absolute;
      left: -17px;
      z-index: 1;
      top: 11px;

}

a.gotoBackbtnproduct {
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 600;
    background: #f7f8f9;
    border: 1px solid #f7f8f9;
    padding: 5px 15px;
    color: #777;
    border-radius: 4px;
    position: absolute;
    top: -60px;
    left: -1px;
}

a.gotoBackbtnproduct:hover{
  color: #fff;
    background: #3f81eb;
    border-color: #3f81eb;
}
.speech-bubble span{ text-transform: uppercase; text-align: center; display: block; font-size: 20px;}


.speech-bubble.__outbidbanner
{
	background:#DB2822;

}
.speech-bubble.__outbidbanner span{
	color:#fff; font-weight: bold
}
.speech-bubble.__outbidbanner::after {
	  border-top: 25px solid #DB2822;
}



.speech-bubble.__winningbanner
{
	background:#216b02;

}
.speech-bubble.__winningbanner span{
	color:#fff; font-weight: bold
}
.speech-bubble.__winningbanner::after {
	  border-top: 25px solid #216b02;
}


.speech-bubble.__endingSoonsection
{
	background:#cce5ff;

}
.speech-bubble.__endingSoonsection span{
	color:#004085; font-weight: bold
}
.speech-bubble.__endingSoonsection::after {
	  border-top: 25px solid #cce5ff;
}

.speech-bubble.__endedsection
{
	background:#cce5ff;

}
.speech-bubble.__endedsection span{
	color:#004085; font-weight: bold
}
.speech-bubble.__endedsection::after {
	  border-top: 25px solid #cce5ff;
}

.speech-bubble.__reservebanner
{
	background:#f8d7da;

}
.speech-bubble.__reservebanner span{
	color:#721c24; font-weight: bold
}
.speech-bubble.__reservebanner::after {
	  border-top: 25px solid #f8d7da;
}

.reservebanner{ clear: both;}


#sticykbar {
	height: 145px;
}
.__select_attribute, div.customeattributeli{ height: 42px;}
.categories-dropdown-wrap i.fa {
	font-size: 13px;
	width: 12px;
}

.mobile-header-logo {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}

.divoverlay {
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 555;
	height: 100%;
	font-size: 40px;
	pointer-events: none;
	padding-top: 40%;
}

.search-style-2.top-search-bar {
	float: left;
	width: 100%;
	margin-top: 15px;
}

.search-style-2.top-search-bar form input {
	width: 94%
}

.homesearch-custome.popular-categories.bg-grey-9.section-padding-60 {
	margin-bottom: -50px;
}

#featured-product-categories h3 {
	display: none
}

#featured-product-categories .card-1 {
	margin-left: 8px;
	margin-right: 8px;
	padding-bottom: 16px;
}

#featured-product-categories .slick-slide img {
	border-radius: 10px 10px 0 0;
}

#featured-product-categories .card-1 h5 {
	font-weight: 500;
	text-transform: capitalize;
}

.homesearch-custome button[type=submit]:hover {
	background: #f8f8f8 !important
}

.dot {
	position: relative;
}
.dot::before {
    content: "Beta";
    position: absolute;
    left: -30px;
    bottom: -17px;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.listviewLayoutClass .product-price span {
	font-size: 24px !important;
}

.product-detail-rating {
	visibility: hidden;
	padding: 0;
}

.rating_wrap {
	visibility: hidden
}

.product-cart-wrap .product-content-wrap .product-price {
	margin-top: 0px;
}

.product-cart-wrap .product-action-1.show {
	bottom: 13px;
}

.listviewLayoutClass .product-img-action-wrap {
	width: 35% !important;
	float: left
}

.listviewLayoutClass .product-content-wrap {
	width: 65%;
	float: left;
	position: relative;
}

.sellerproductinfo {

  /* position: absolute;
      right: 15px;
      top: 55%;
      width: 154px;
      text-align: left;
      border-radius: 8px; */

      float: left;
      width: 100%

}

.listpriceView .reservemetst div{margin-left: 0;     padding: 5px 9px;}

#related-products .product-price.primary-color.float-left.listpriceView,
.gridviewLayoutClass .product-price.primary-color.float-left.listpriceView
 {
  position: inherit; width:100%
}
#related-products .product-price.primary-color.float-left.listpriceView ins{ width:100%; text-align: left; float: left;}
#related-products .product-price.primary-color.float-left.listpriceView .salesTag
 {
    margin: 5px 0 13px 0;
}

#related-products .salesTag{
  float: left;
}
#related-products .listpriceView .totalbids{float: left; text-align: left; margin-top: -6px;}

.gridviewLayoutClass .product-price.primary-color.float-left.listpriceView .salesTag {margin:5px 0 -6px 0}
.product-price.primary-color.float-left.listpriceView {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 150px;
}
.product-price.primary-color.float-left.listpriceView ins{
  float: left;
  width:100%;
  text-decoration:none;
  text-align: center;
}
.listpriceView .totalbids{ font-size: 13px; font-weight: 500; text-align: right}
.salesTag {
    margin: 9px 0 0px;
    float: right;
    display: block;
}
#preloader-active {
	background: #fff
}

.listviewLayoutClass .product-cart-wrap .product-content-wrap h2.text-truncate {
	text-overflow: inherit;
	white-space: inherit;
}

.listviewLayoutClass .product-cart-wrap .product-content-wrap h2 {
	width: 56%;
	line-height: 20px;
}

.sellerDesc {
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 18px;
	color: #454545;
	font-weight: 500;
  text-align: center;
}

span.category_attribute_custom.newProductlist {
	color: #DB2822;
	border-color: #DB2822
}

#related-products .sellerproductinfo {
	display: none
}

#related-products .sellerproductAdd {
	margin-bottom: 2px
}

.gridviewLayoutClass .sellerproductAdd {
	margin-bottom: 15px;
}

#related-products .sellerproductGetit {
	float: left;
	width: 100%;
	font-size: 12px;
	margin: -5px 0 5px 0;
}


.sellerLogo {
  width: 100%;
  float: left;
  /* border: 1px solid #ccc;
  margin-top: 4px;
  padding: 2px;
  border-radius: 50%;
  display: block;
  /* margin-left: 0;
  text-align: center;*/
}

.gridviewLayoutClass .sellerproductinfo {
	display: none
}

.sellerproductAdd {
	float: left;
	width: 100%;
	margin-top: 4px;
}

.product-cart-wrap .product-content-wrap .product-price span {
	color: #000 !important
}

.sellerproductAdd span {
	background-color: #000000;
	border: 1px solid #000000;
	border-radius: 4px;
	color: #fff;
	padding: 2px 10px;
	cursor: pointer;
}

/* .sellerLogo img {
  width: 100px;
  border-radius: 4px;
  border: 1px solid #ccc;
  display: block;
  margin: 0 auto;
} */

.sellerDesc img {
	float: left;
	width: 18px;
	height: auto;
	margin-right: 5px;
}

.listviewLayoutClass .product-img-action-wrap img.default-img {
	margin-bottom: -8px;
}

.product-cart-wrap .product-content-wrap .product-price {
	clear: both
}

.grid-list-view button.gridlistbtn {
	align-items: center;
	background: #f7f8f9;
	border: 1px solid #f7f8f9;
	border-radius: 26px;
	color: #777;
	cursor: pointer;
	display: flex;
	padding: 11px 16px;
	transition: all .3s ease 0s;
}

.col-md-4.layoutclasschange.listviewLayoutClass.col-lg-12 .product-cart-wrap {
	border-color: #c1c1c1
}

.col-md-4.layoutclasschange.listviewLayoutClass.col-lg-12 {}

.listviewLayoutClass .product-cart-wrap .product-action-1.show {
	top: 20px;
}

#login-register .header-info-right li a {
	color: #fff;
	font-weight: 600
}

#login-register .header-info-right {
	color: #fff
}

#login-register a.language-dropdown-active {
	color: #fff
}

#login-register a.language-dropdown-active .fa {
	color: #fff
}


#main-header .stick .homesearch-custome {
	position: fixed;
	top: 60px;
	width: 100%;
	background-color: #fafafa !important
}

#main-header .stick .homesearch-custome.popular-categories.bg-grey-9.section-padding-60 {
	padding: 15px 0 8px !important;
}

#main-header .stick .homesearch-custome .col-xl-8.col-lg-10.m-auto {
	width: 100%;
}

#main-header .stick .mobile-header-logo {
	width: 160px;
	padding-top: 8px;
	margin-bottom: 11px;
}

#main-header .stick .mobile-header-logo .dot {
	display: none
}

#main-header .stick .search-style-2.top-search-bar {
	float: right;
	width: 800px;
	margin-top: 8px;
}

#featured-product-categories-custom .card-1 {
    width: 12.5%;
    margin: 0 0px 15px;
    text-align: center;
    padding: 10px 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

/* Mobile styles for categories - 2 across */
@media only screen and (max-width: 768px) {
    #featured-product-categories-custom .card-1 {
        width: 50%;
        margin: 0 0px 15px;
    }
}

/* iPhone and small devices - 2 across */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #featured-product-categories-custom .card-1 {
        width: 50%;
        margin: 0 0px 15px;
    }
}

/* iPhone 5, 5S, 5C and 5SE - 2 across */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    #featured-product-categories-custom .card-1 {
        width: 50%;
        margin: 0 0px 15px;
    }
}

/* iPhone 6, 6S, 7 and 8 - 2 across */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    #featured-product-categories-custom .card-1 {
        width: 50%;
        margin: 0 0px 15px;
    }
}

/* iPhone X - 2 across */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    #featured-product-categories-custom .card-1 {
        width: 50%;
        margin: 0 0px 15px;
    }
}

/* iPhone 12, 13, 14 - 2 across */
@media only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) {
    #featured-product-categories-custom .card-1 {
        width: 50%;
        margin: 0 0px 15px;
    }
}

#featured-product-categories-custom .card-1 h5 {
	font-size: 13px;
	margin: -11px 0 7px;
	text-transform: capitalize;
	font-weight: 500;
}

header#main-header {
	min-height: auto;
}

span.label-auction.status-label {
    background: #5f2183;
    color: #fff;
    font-size: 11px;
    padding: 4px 6px;
    border-radius: 4px;
		font-weight: 600
}
span.category_attribute_custom {
	background: none;
	color: #454545;
	font-weight: 600;
	padding: 4px 10px;
	font-size: 11px;
	border-radius: 21px;
	line-height: 10px;
	float: left;
	border: 1px solid #454545;
	margin: -3px 0 9px 0;
}

#related-products .product-subtitle {
	float: left;
	width: 100%;
	line-height: 15px;
	text-overflow: unset;
	font-size: 12px;
	margin: -7px 0 12px 0;
	white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#related-products span.category_attribute_custom {
	margin-bottom: 3px
}

#related-products .sellerproducview {
	font-size: 12px;
	line-height: 15px;
	float: left;
	width: 100%;
	margin: 5px 0 5px 0;
}

#related-products .product-cart-wrap .product-content-wrap {
	padding: 5px 15px 15px;
}

#featured-product-categories-custom .img-hover-scale img {
	border-radius: 8px 8px 0 0
}

div#store-navigation {
	float: left;
	width: 100%;
}

ul.sorting-menu {
	float: left;
	width: 100%;
	padding: 0 15px;
	margin-bottom: -10px;
}

ul.sorting-menu input {
	width: 14px;
	height: 14px;
	margin: 2px 8px 0 0;
	float: left;
}

ul.sorting-menu label {
	cursor: pointer;
	width: 100%;
	line-height: 16px;
	margin-bottom: 0;
	padding-bottom: 0;
}

ul.sorting-menu label span {
	float: left;
	margin-top: 2px;
}

/*ul.sorting-menu input:checked{ background: red}*/

ul.sorting-menu input:checked+span {
	font-weight: 500;
	color: #DB2822
}


ul.sorting-menu label input[type='radio'] {
	-webkit-appearance: none;
	outline: none;
	border: 1px solid #f2f2f2;
	cursor: pointer;
}

ul.sorting-menu label input[type='radio']:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	/* margin: 20% auto; */
	border-radius: 50%;
	margin: 2px;
	background: #ccc;
}

ul.sorting-menu label input[type="radio"]:checked:before {
	background: #DB2822;

}

ul.sorting-menu label input[type="radio"]:checked {
	border-color: #DB2822;
}

li.nav-item.custome-sub-menu a {
	border-bottom-width: 0px;
  padding-bottom: 15px
}

li.nav-item.custome-sub-menu ul._submenu-ul {
	float: left;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0px 0 0px 0px
}

/* li.nav-item.custome-sub-menu ul._submenu::before{ content:""; width:2px; height: 150px; background: #ccc; position: absolute; left:0; top:0} */
li.nav-item.custome-sub-menu ul._submenu-ul li a {
	padding: 14px 5px 14px 60px;
	width: 100%;
	float: left;
  border-bottom: 1px solid #eee;
  /* font-size: 13px; */
}

li.nav-item.custome-sub-menu ul._submenu-ul li:last-child a{ border-bottom:none}
li.nav-item.custome-sub-menu ul._submenu-ul li:first-child a{ border-top:1px solid #eee}

.dropdown-container.childActive {
	display: block !important
}

.dropdown-container.childActive a.active {
	background: none;
	color: #DB2822
}

._submenu-ul li {
	border: none !important
}


/* Style the sidenav links and the dropdown button */
._submenu {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	font-size: 20px;
	color: #818181;
	display: block;
	border: none;
	background: none;
	width: 100%;
	text-align: left;
	cursor: pointer;
	outline: none;
}

/* On mouse-over */


/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
._submenu .dropdown-container {
	display: none;
	background-color: #262626;
	padding-left: 8px;
}

/* Optional: Style the caret down icon */
._submenu .fa-caret-down {
	float: right;
	padding-right: 8px;
	margin: 2px 0 0 0;
	font-size: 19px;
	;
}

.dropdown-container {
	display: none;

}

div.faqs-box {
	position: relative;
	margin: 0 0 10px 0;
}

.faqs-accordian input {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: 0;
}

.faqs-accordian label::before {
	content: "+";
	display: inline-block;
	position: absolute;
	right: 0;
	font-size: 21px
		/*border: 6px solid transparent;
  border-left:8px solid white;*/
}

.faqs-accordian label {
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	margin: 0
}

.faqs-accordian div.faqs-paragraph {
	max-height: 0px;
	overflow: hidden;
	transition: max-height 0.5s;
	background-color: white;
	/*box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);*/
	border: 2px solid #dc3545;
	border-top-width: 0
}

.faqs-accordian div.faqs-paragraph p {
	padding: 15px 12px;
	font-size: 12px
}

.faqs-accordian input:checked~h1 label::before {
	/* border-left:15px solid transparent;
  border-top:20px solid white;
  margin-top:12px;
  margin-right:10px; */
	content: "-"
}

.faqs-accordian input:checked~h1~div.faqs-paragraph {
	max-height: max-content;
}

div.faqs-box h1 {
	background: #dc3545;
	color: #fff;
	font-size: 13px;
	padding: 12px 12px 9px;
}

.faqs-accordian {
	width: 700px;
	margin: 0 auto;
}

/*********faq ********/

.faq-box {
	position: relative;
	width: 100%;
	padding: 0 10px;
	float: left;
	margin-bottom: 15px
}

.delete-button-div {
	position: absolute;
	top: -10px;
	right: -11px;
	width: 100px;
}

.delete-button-div button.submit {
	padding: 7px 18px 8px;
	border-radius: 33px;
	text-transform: inherit;
	font-size: 13px;
}

.col-md-12.mb-1.greybg {

	padding: 2px 10px 20px 10px;
	margin-top: -12px;
}

.float-left {
	float: left
}

.float-right {
	float: right
}

button.btn.btn-fill-out.submit.add-more-faq.float-right.mr-2 {
	margin-right: 12px;
}

.product-cart-wrap .product-content-wrap h2 {
	margin-bottom: 0px;
	border: none
}


/*************Product sidebar ****************/
.theiaStickySidebar{ position: static!important;}
div#sellerinfo {
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px;
	float: right;
	width: 77%;
	margin-bottom: 20px;
}

div#sellerinfo h5 span {
	font-weight: normal;
	    text-align: left;
	    font-size: 12px;
	    padding-top: 5px;
	    margin-left: 0;
	    float: left;
	    margin-bottom: 7px;
      width:100%
}
.applyfiltertxt{ text-align: right;}
.sellerBrandName {
	width: 100%;
	float: left;
	margin-top: 8px
}

.sellerBrandName img {
	float: left;
	width: 50px;
	width: 50px;
	border-radius: 5px
}

.sellerBrandName span {
	font-size: 15px;
	font-weight: 600;
	color: #000;
	margin: 13px 0 0 11px;
	float: left;
}

.rightSidebar .widget-area {
	clear: both
}

.seller-address {
	float: left;
	width: 100%;
	margin:0 0 12px 0;
}

.seller-address-half {
	float: left;
	width: 100%;
}

/* .seller-address-half .fa {
    width: 18px;
		float:left;
		margin: 6px 0 0 3px
} */

.seller-address-half i.fas,
.seller-address-half i.far {
	width: 18px;
	float: left;
	margin: 6px 3px 0 0
}


.seller-address-half a span {
	text-decoration: underline;
}

.saller-rating {
	width: 100%;
	    margin-top: 18px;
	    display: flex;
	    justify-content: space-between;
	    padding-top: 13px;
}

.saller-rating .rating-star {
	color: #DB2822;
	font-size: 13px;
	float: left;
}

._traderseller {
    font-size: 13px;
    color: #222;
    font-weight: 500;

}

.theiaStickySidebar {
    width: 100%;
    float: right;
}


.review {
  float: left;
      padding-left: 6px;
      font-size: 13px;;
}

.review a {
	margin-left: 15px;
	font-weight: 600
}

.seller-loaction {
	float: left;
	width: 100%;
	margin: 0px 0 0 0;
}

.seller-loaction .fas {
	font-size: 30px;
	color: #DB2822;
	float: left;
}

.seller-loaction .far {
	font-size: 15px;
	color: #DB2822;
	float: left;
	margin-top: 2px;
}

.address-Seller span {
	font-size: 13px!important;
    color: #000;
    float: left;
    font-weight: 500;
    margin: 0px 0 0 3px;
		line-height: 18px
}

.listing-address {
	float: left;
	width: 100%;
	margin-top: 10px
}

.listing-address span.add1 {
	float: left;
	font-size: 16px;
	font-weight: 500;
	color: #0d6efd;
	margin-right: 10px;
}

.listing-address p span {
	font-size: 13px;
	color: #DB2822;
}

.listing-address p {
	margin: 0;
	padding: 0;
	float: left;
}

.address-Seller {
	float: left;
	margin-top: 5px;
}

#iwont-services {
	width: 100%;
	text-align: center;
	padding: 15px 0 20px
}

button.callnow,
button.blue-visit {
	border-radius: 30px;
	float: left;
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 15px
}

button.callnow {
	background: #DB2822;
}

button.blue-visit {
	background: #0d6efd
}

button.callnow:hover {
	background: #0d6efd;
}

button.blue-visit:hover {
	background: #000
}

.custom-filter-box ul li label {
	cursor: pointer;
	width: 100%;
}

.custom-filter-box ul li input[type="checkbox"],
.custom-filter-box ul li input[type="radio"] {
	cursor: pointer;
}

a.callnow,
a.blue-visit {
	border-radius: 30px;
	float: left;
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 15px;
	width: auto;
	line-height: 24px;
}

a.callnow {
	background: #DB2822;
}

a.blue-visit {
	background: #0d6efd
}

a.callnow:hover {
	background: #0d6efd;
}

a.blue-visit:hover {
	background: #000
}

.custom-filter-box ul li label {
	cursor: pointer;
	width: 100%;
}

.custom-filter-box ul li input[type="checkbox"],
.custom-filter-box ul li input[type="radio"] {
	cursor: pointer;
}

.__traderName {
	margin: 2px 0 1px;
	float: left;
}

.custom_icon img.heart-icon {
	width: 20px !important;
	margin-top: 1px;
}

.custom_icon .header-action-icon-2 {
	padding: 0
}

.custom_icon .header-action-icon-2>a {
	width: 18px;
}

#login-register .header-info-right li a {
	text-transform: capitalize;
}

.header-action-2 .header-action-icon-2>a span.pro-count {
	top: 1px;
	right: -12px;
}

img.user-icon {
	width: 18px !important;
	float: left;
}

select#txt-business-type {
	width: 134px;
	float: left;
	padding: 0;
	font-size: 12px;

	border: none;
	cursor: pointer;
	margin: 0 0 0 -4px;
	color: #4F5D77
}

.profile-usertitle-name.pt-2 strong {
	text-transform: capitalize;
	margin: 0 0 0px 0;
	float: left;
	width: 100%;
}

.opening-time-grid input {
	width: 15px;
	height: 15px;
	float: left;
	margin: 2px 8px 0 0;
	cursor: pointer
}

.opening-time-grid .custom-select {
	width: 46%;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 4px
}

.opening-time-grid .custom-select.TimeFrom {
	float: left;
}

.opening-time-grid .custom-select.MinutesFrom,
.opening-time-grid .custom-select.MinutesTo {
	float: right;
}

.open-times {
	float: right;
}

.open-day {
	width: 130px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left
}

.sales_count .item_logo img {
	border: none !important;
	padding: 0 !important
}

ul#get-in-touch li .fas {
	width: 18px;
}

ul#get-in-touch li {
	font-size: 13px
}

.open-times-footer li {
	font-size: 13px;
}

span.footer-sub-heading {
	float: left;
	width: 100%;
	font-size: 14px;
	margin: -6px 0 4px 0;
	font-weight: 500;
	text-transform: capitalize;
	color: #DB2822
}

.contact-widget p {
	font-size: 13px;
	line-height: 20px;
}

ul.row.open-times-footer {
	margin-top: -4px;
	overflow-y: scroll;
	padding: 0;
	min-height: 120px;
	height: 120px
}

ul#get-in-touch li a {
	color: #4F5D77
}

.contact-maps iframe {
	width: 100%;
	height: 465px
}

.contact-textarea {
	min-height: 120px;
}

#main-section.stick {
	padding-top: 360px;
}

.open-day .fas {
	margin-right: 4px;
}


.homesearch-custome.popular-categories.bg-grey-9.section-padding-60 {
	padding: 140px 0 70px;
   transition: height 0ms 500ms, opacity 500ms 0ms;
}

section#featured-product-categories-custom {
	/* padding-bottom: 160px; */
}

.contact-widget h5 .fas {
	color: #DB2822;
	margin-right: 5px
}

.contact-widget h5 {
	font-weight: 500
}


div#reg_compnay_type {

}

#reg_compnay_type select {
	border: 1px solid #ccc;
	background: #fff;
	color: #000;
	padding: 12px 10px;
	font-size: 13px;
	cursor: pointer
}

select#businessTypeDropdown {
	padding: 12px 10px !important;
}


tbody tr.MondayWeekDay.greysection,
.checkbox-section label.hours-row.greysection {
	opacity: .5;
	pointer-events: none
}

.search-style-2 form input:focus {
	border: 2px solid #eee
}

.heading4nofound {
	text-align: center;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 330px;
}

.addcustomlist li.form-check .form-check-input {
	height: 16px;
	width: 16px;
	border: 1px solid #000;
	float: left;
	margin-right: 8px;
	margin-top: 4px;
}

.nosearchattr {
	text-align: center;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 220px;
}

.filterListing .defaultcondtion li.form-check .form-check-input-de {
	height: 16px;
	width: 16px;
	border: 1px solid #000;
	float: left;
	margin-right: 8px;
	margin-top: 4px;
}

.filterListing .defaultcondtion li.form-check {
	padding-left: 0
}

.filterListing .defaultcondtion {
	margin-top: 0px;
}

div#option-not-found {
	width: 100%;
	padding: 30px 34px 14px;
	border-top: 1px solid #ccc;
}

.continuebtnrow button.textual-display.btn.btn--secondary.prelist-radix__next-action {
	color: #fff !important;
	background: #DB2822 !important;
	border: 2px solid #DB2822;
	border-radius: 50px;
}

.continuebtnrow button.textual-display.btn.btn--secondary.prelist-radix__next-action:hover {
	color: #fff !important;
	background: #3256E0 !important;
	border-color:#3256E0;
}

.filterListing.filterListing-condition li.form-check {
	padding-left: 0
}

textarea#producdescription {
	width: 406px;
	height: 100px !important;
	background: #f7f7f7;
	color: #000;
	min-height: 100px !important;
}

input.form-check-input-sp {
	margin-top: 4px;
}


.filterModal .product-details-radix__content {
	margin-left: 16px;
	width: 405px !important;
	float: left;
	max-width: 100%;
	padding-right: 10px;
}

.condition-picker-radix {
	overflow-x: hidden;
}

div#item-detail {
	margin: 4px 0 4px;
	display: block;
	color: #454545;
	font-weight: 600;
	padding-bottom: 5px;
	font-size: 14px;
}

.descriptiontxt div.a-row {
	width: 100% !important;
	font-family: Poppins, sans-serif !important;
}

.descriptiontxt div.a-row span.a-size-base.a-text-bold {
	border: none
}

.descriptiontxt div.a-row span.a-size-base.a-text-bold strong {
	font-weight: normal !important;
	color: #707070 !important;
}

.product-details-radix__expand-btn {
	color: #000 !important;
	font-size: 14px;
	float: left;
	cursor: pointer;
}

.product-details-radix__expand-btn:hover {
	color: #DB2822 !important
}

.product-details-radix__expand-btn i.fa {
	float: right;
	margin: 4px 0 0 5px;
	font-size: 15px;
}

.descriptiontxt li {
	margin: 2px 0 !important;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 !important;
	font-size: 13px !important;
	list-style: none !important;
	font-family: Poppins, sans-serif !important;
	background: none !important;
	color: #707070 !important;
}

.descriptiontxt li span.a-list-item {
	color: #707070 !important
}

.descriptiontxt p {
	background: none !important;
	font-family: Poppins, sans-serif !important;
	font-size: 13px !important;
	color: #707070 !important;
}

.descriptiontxt li span {
	border: none
}

.descriptiontxt p br {
	display: none
}

.descriptiontxt p {
	margin-bottom: 10px !important
}

.descriptiontxt p span {
	border: none !important;
	line-height: 18px !important;
	background: none !important;
	font-family: Poppins, sans-serif !important;
	font-size: 14px !important;
	color: #707070 !important;
}

span.showless.descriptiontxt {
	font-family: Poppins, sans-serif !important;
	font-size: 13px !important;
	color: #707070 !important;
}

.popover {
	/*max-width: 400px!important;*/
	border: none;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 28px, rgba(0, 0, 0, 0.11) 0px 10px 10px !important;
}

.popover h3.popover-header {
	display: none
}

.popover .popover-body {
	padding: 16px 19px 6px;
	position: relative;
	width: 230px
}

/*.popover .popover-body .input-group{ height: 160px; overflow-y: scroll; padding-right: 20px; margin-bottom: 10px;}*/
.popover .popover-body .input-group h5 {
	margin-bottom: 6px
}

.popover .popover-body .input-group p {
	color: #454545;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px
}

.popover .popover-body br {
	display: none
}

.notefication {
	position: absolute;
	color: #000;
	top: 1px;
	right: -22px;
}

span.closepopver {
	position: absolute;
	right: 10px;
	top: 8px;
	cursor: pointer
}


span#closePopver {
	position: absolute;
	right: 15px;
	top: 3px;
	font-size: 17px;
	cursor: pointer;
	opacity: .6;
	z-index: 555;
	padding: 5px
}

span#closePopver:hover {
	opacity: 1
}

span.closePopver {
	position: absolute;
	right: 15px;
	top: 3px;
	font-size: 17px;
	cursor: pointer;
	opacity: .6;
	z-index: 555;
	padding: 5px
}

span.closePopver:hover {
	opacity: 1
}

#mainimageproduct #myId, #mainimageproduct #myIdAb {
	width: 400px;
	margin: 0;
	height: 400px;
	border: 1px solid #ccc;
	color: #999;
	font-weight: normal;
	font-size: 15px;
	padding-top: 0px;
	border-radius: 6px;
	cursor: pointer;
}

#mainimageproduct #myId::before,
#mainimageproduct #myIdAb::before {
  background-image: url(../images/image.png);
  background-color: inherit;
  height: 90px;
  width: 90px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top 0 left 3px;
  border-radius: 0;
  top: 41%;
  content: "";
  position: absolute;
}

form#service-create-form span.imagestaus{
  top:27px
}
form#service-create-form #featuredImages .image-preview img{
     width: 70px;
    max-width: 70px;}
#mainimageproduct #myId::after,
#mainimageproduct #myIdAb::after {
	display: none
}
#uploadProductrow .textmessagestatus.alert.alert-danger{ margin: 5px 0 10px 0 !important}
#uploadProductrow .textmessagestatus.alert.alert-success{ margin: 5px 0 10px 0 !important}
.btn-check:focus+.btn-success,
.btn-success:focus {
	background-color: #3F81EB;
	border-color: #3F81EB;
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
	background-color: #3F81EB;
	border-color: #3F81EB;
}

/**** image thumbnail ***/
/*#featuredImages .content {
	width: 73%;
	position: relative;
	float: right;
	margin-right: 20%;

}

.draggable {
  display: inline-block;
  float: left;
  height: 60px;
  text-align: center;
  background: #fafafa;
  position: absolute;
  transition: all 700ms ease;
    justify-content: center;

}
#featuredImages .content  i.fa{     font-size: 18px;
    margin-top: 32px;
    color: #999;
    opacity: .5;
		cursor: pointer
	}

*/


.textarearow {
	float: left;
	width: 400px;
	margin: 20px 0;
	position: relative;
}

.textarearow textarea {
	width: 100%;
	background: none;
	border-radius: 6px;
	height: 50px;
	border: 2px solid #ccc
}

.textarearow textarea {
	width: 100%;
	background: none;
	border-radius: 6px;
	height: 46px;
	border: 1px solid #ccc;
	min-height: auto;
}

span.charsetNote {
	background: #f8f8f8;
	padding: 0px 11px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: 600;
	position: absolute;
	right: 6px;
	top: 6px;
	height: 18px;
	line-height: 20px;

}

.selector {
	position: relative;
	width: 100%;
	/*  background-color:var(--smoke-white);*/

	justify-content: space-around;
	align-items: center;
	border-radius: 9999px;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	/*box-shadow:0 0 16px rgba(0,0,0,.2);*/
}

.selector-item {
	position: relative;
	float: left;
}

.selector-item_radio {
	appearance: none;
	display: none;
}

.selector-item_label {
	position: relative;
	float: left;
	text-align: center;
	font-weight: 500;
	transition-duration: .5s;
	border: 1px solid #ccc;
	padding: 8px 20px;
	color: #999;
	margin-right: 15px;
	font-size: 13px;
	border-radius: 3px;
	margin-bottom: 8px;
	cursor: pointer
}

.selector-item_radio:checked+.selector-item_label {
	background-color: #DB2822;
	color: #fff;
	/*box-shadow:0 0 4px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.5);
    transform:translateY(-2px);*/
	border: 1px solid #DB2822
}

/***********radio button******************/

.layoutclasschange.gridviewLayoutClass .product-subtitle {
	display: none;
}

.layoutclasschange.listviewLayoutClass .product-subtitle {
	font-size: 14px;
	color: #db2822;
	margin: -8px 0 10px 0;
	padding-right: 170px;
}

.layoutclasschange h2 a {
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 600
}

.detail-info h2.title-detail {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 34px
}

.layoutclasschange.listviewLayoutClass .product-price {
	margin-top: 7px
}

.accordion-detail .detail-info .title-subtitle {
	font-size: 14px;
	color: #707070;
	margin: 12px 0 -5px 0;
	width: 100%;
	line-height: 22px;
}

.product-detail.accordion-detail .title-subtitle {
	margin: -3px 0 25px 0;
}

span.price_symbol {
	position: absolute;
	left: -1px;
	top: 1px;
	font-size: 15px;
	font-weight: 600;
	background: #707070;
	width: 32px;
	text-align: center;
	color: #fff;
	height: 44px;
	border-radius: 8px 0 0 8px;
	line-height: 44px;
}

input.inputTag.priceInput {
	padding-left: 38px !important;
}

.textmessagestatus.alert.alert-success,
.textmessagestatus.alert.alert-danger {
	float: right;
	padding: 7px 15px;
	margin-top: 9px;
	width: 353px;
}


#featuredImages .image-preview {
	background: none !important;
}

.listviewLayoutClass .product-img.product-img-zoom a img {
	width: auto;
height: 292px;
border-radius: 8px 0 0 8px;
    object-fit: contain;
		/* max-width: inherit; */
		background: #fff
}

.listviewLayoutClass .product-img.product-img-zoom a {
	width: 100%;
	text-align: center;
	background: #fff;
	float: left;

}

#related-products .product-img a img.default-img {
	height: 180px;
	width: auto;
	background: #fafafa
}

#related-products .product-img a {
	width: 100%;
	text-align: center;
	background: #fff;
	float: left;
}

.keyword-suggestion .keyword-suggestion__button {
	height: 53px;
}

.keyword-suggestion__left .se-search-box .textbox__control {
	z-index: 5
}

#searchList .suggestion-list {
	margin-bottom: 20px;
	width: 100%;
	float: left;
	max-height: 220px;
	overflow-y: scroll;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
#searchList .suggestion-list {
	scrollbar-width: auto;
	scrollbar-color: #cfcfcf #ffffff;
}

/* Chrome, Edge, and Safari */
#searchList .suggestion-list::-webkit-scrollbar {
	width: 16px;
}

#searchList .suggestion-list::-webkit-scrollbar-track {
	background: #ffffff;
}

#searchList .suggestion-list::-webkit-scrollbar-thumb {
	background-color: #cfcfcf;
	border-radius: 10px;
	border: 3px solid #ffffff;
}

.field__subtext_name {
	display: none;
}


span.imagestaus {
	/* position: absolute;
	    font-size: 39px;
	    width: 463px;
	    text-align: center;
	    left: 12px;
	    top: 40%;
	    border-radius: 5px;
	    color:#454545; */
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	font-size: 39px;
	width: 400px;
	text-align: center;
	left: 12px;
	/* top: 40%; */
	border-radius: 5px;
	color: #454545;
	padding: 40% 0;
	font-weight: 600
}


div#mainimageproduct {
	position: relative;
}


.imgPreview {
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 400px;
	float: left;
	width: 400px;
	text-align: center;
	background: #fafafa
}

div#mainimageproduct #previewimage {
  height: 398px;
  width: 398px;
  background: #fff;
  border-radius: 5px;

}

a.imgthumbnail img {
	height: 100%;
	width: 100%;
	/*object-fit: contain;*/
	background: #fff
}

.product-detail.accordion-detail a.imgthumbnail img {
	height: 100%;
	width: 100%;
	/* object-fit: contain; */
	background: #fff
}

.product-detail.accordion-detail .detail-gallery .slick-slider{ margin-bottom: 5px;}

#create-product-form .showpopover {
	font-size: 16px
}

.headingH5 {
	font-size: 18px
}

#featuredImages p {
	font-size: 14px !important
}

.popover .popover-body ._rightArrow {
	float: none
}

figure.slick-slide {
	border: 1px solid #f2f2f2;
	border-radius: 0 !important;
}

figure.slick-slide span {
	position: absolute;
	width: 99.89%;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	bottom: 0;
}

.detail-gallery .slick-slider {
	background: none !important
}

.slick-initialized .slick-slide {
	position: relative;
}

.slider-nav-thumbnails.pl-15.pr-15.slick-initialized.slick-slider {
	border: 1px solid #f2f2f2;
	padding: 5px !important;
	margin-top: 5px;
}

.product-detail.accordion-detail .product-image-slider{
  border: 1px solid #f2f2f2; border-radius: 0
}

.slider-nav-thumbnails .slick-slide.slick-current img {
	border-color:#31BCC1;

}
.slider-nav-thumbnails .slick-slide img{ border:1px solid transparent; cursor: pointer}

.slick-slide {
	height: auto !important;
}

.slider-nav-thumbnails div.slick-slide img {
	width: auto;
	padding: 2px;
	height: 63px;
}

.slider-nav-thumbnails div.slick-slide {
	text-align: center;
}



.single-social-share .mobile-social-icon a i.fab {
	line-height: 34px
}

#botble-ecommerce-tables-product-table tbody td.column-key-1 img {
	height: 55px;
	width: auto;
}

#botble-ecommerce-tables-product-table tbody td.column-key-1 {
	text-align: center;
}

#sticykbar .shop-product-filter {
	position: relative;
}

.suggestedlist {
	position: absolute;
	top: 54px;
	left: 181px;
	z-index: 5;
	width: calc(100% - 175px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block
}

.suggestedlist ul li:first-child {
	font-weight: 500
}

.suggestionLink a {
	font-size: 13px;
	margin-right: 12px;
	font-weight: 500
}

.text-related {
	margin-right: 10px;
	font-weight: 500
}

.__seeAllfiter {
	float: left;
	width: 100%;
}

div#v-pills-tab {
	width: 200px;
	float: left;
	margin-left: -15px;
}

div#v-pills-tab .nav-link.active {
	background: #f2f2f2;
	color: #000
}

#productattributefilter .modal-dialog {
	max-width: 600px;
}

#productattributefilter .tab-pane .filtertabul {
	float: left;
	/* height: 450px;
	overflow-y: scroll; */
}

#productattributefilter .tab-pane .filtertabul{
	scrollbar-width: auto;
	scrollbar-color: #cfcfcf #ffffff;
}

/* Chrome, Edge, and Safari */
#productattributefilter .tab-pane .filtertabul::-webkit-scrollbar {
	width: 8px;
}

#productattributefilter .tab-pane .filtertabul::-webkit-scrollbar-track {
	background: #ffffff;
}

#productattributefilter .tab-pane .filtertabul::-webkit-scrollbar-thumb {
	background-color: #cfcfcf;
	border-radius: 10px;
	border: 3px solid #ffffff;
}

#productattributefilter .tab-pane {
	width: 360px;
	float: left;
}

#v-pills-tab {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 250px;
}


#v-pills-tab::-webkit-scrollbar {
  width: 2px;
}

#v-pills-tab::-webkit-scrollbar-track {
  background: #fafafa;
}

#v-pills-tab::-webkit-scrollbar-thumb {
  background: #666;
}










#productattributefilter .__seeAllfiter div.nav{ display: inline }
#productattributefilter .tab-pane ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0
}

#productattributefilter .tab-pane ul li {
	float: left;
	width: 50%;
}

#productattributefilter .tab-pane ul li label {
	float: left;
	width: 100%;
	cursor: pointer
}

#productattributefilter .tab-pane ul li label input[type="checkbox"],
#productattributefilter .tab-pane ul li label input[type="radio"] {
	float: left;
	width: 18px;
	height: 18px;
}

#productattributefilter .tab-pane ul li label span {
	color: #000;
	float: left;
	padding-left: 8px;
	margin-top: -3px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
      width: 160px;
}

div#v-pills-tab .nav-link {
	float: left;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #f2f2f2;
	border-radius: 0;
	padding: 0.2rem 1rem;
}

div#v-pills-tabContent {
	padding: 0px 0 0 8px;
	/* border-left: 1px solid #f2f2f2 */
}
div#v-pills-tabContent .filteringattrse{ border-radius: 4px; border:1px solid #ccc}
div#v-pills-tab.flex-column {
	flex-direction: inherit !important;
}

#productattributefilter .modal-footer{ display: none}

input.filteringattrse {
	border: 1px solid #f2f2f2;
	background: none;
	border-radius: 30px;
	height: 40px;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.smry.summary__cta a.preview-btn, .smry.summary__cta a.preview-btn-edit {
	display: block;
	margin: 10px auto;
	min-width: 300px;
	width: 300px;
	border-radius: 8px;
	padding: 12px 15px;
	color: #DB2822 !important;
	border: 2px solid #DB2822 !important;
	background: none !important
}

button.btn.btn--large.btn--primary.listall {
    position: relative;
    padding: 6px 15px 20px 15px;
}

span._pendingproduct {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 5px;
    text-transform: lowercase;
    font-size: 11px;
    font-weight: 600;
}

/*.suggestedlist span.suggestionLink a{ font-size: 13px; font-weight: 500;     float: left;
	margin-right: 15px;		}
.suggestedlist ul{    white-space: nowrap; }*/
._derivative_box {
	float: left;
	width: 100%;
	/* padding: 14px 0 15px;
	border-top: 1px solid #ccc;
	margin: 11px 0 15px 0; */
}

span.text-labelvrn {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #000;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 6px;
}

#vehiclebyvrm .modal-header {
	background: #DB2822;
	padding: 12px 17px;
	float: left;
	width: 100%;
}

.__btnvehicle {
	display: flex;
	width: 100%;
	justify-content: space-between;
	/* margin-top: 8px; */
	padding-top: 4px;
}

#vehiclebyvrm .__btnvehicle button {
	width: 118px;
	text-align: center;
	float: left;
	padding: 8px;
}

.vehicleinfo h4 {
	margin-bottom: 5px;
}

.mainMotHistory p i.fa {
	margin-left: 5px;
}

#vehiclebyvrm .modal-header h5 {
	color: #fff;
  font-size: 18px;
}

._derivative_box label {
	width: 100%;
	color: #000;
	font-weight: 600;
	float: left;
	text-transform: capitalize;
	font-size: 14px;
	letter-spacing: 1px;
}

._derivative_box .select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px !important;
	height: 52px;
	/* padding-left: 0; */
	height: 41px;
	padding: 8px;
}

._derivative_box .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 24px;
}


._derivative_box .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 8px;
	right: 1px;
	width: 20px;
}

._derivative_box .select2-dropdown .select2-search--dropdown .select2-search__field {
	background: #fff;
	border-radius: 4px
}

.innerBoxWrapper {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;

}

.onlyforvehicle .text-center{ text-align: left!important;}
.home__title {
	position: relative;
	z-index: 2;
	color: #222;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 0;
	line-height: 30px;
	text-transform: uppercase;
}

.innerBoxWrapper h4 span.border-line {
	position: absolute;
	background: #f4f4f4;
	height: 2px;
	width: 100%;
	left: 0;
	z-index: -1;
	top: 16px;
}

.innerBoxWrapper h4 span.text-search {
	background: #fff;
	color: #222;
	font-weight: 600;
	padding: 5px 15px;
	border: 2px solid #f4f4f4;
	font-size: 18px;
}

.ukVin {
	width: 100%;
	float: left;
	margin: 10px 0 8px 0
}

.text-reg::placeholder {
	color: #222
}

.inner-ukVin {
  width: 100%;
      margin: 5px 0 15px 0;
      background: #fbd802;
      border-radius: 12px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      overflow: hidden;
      position: relative;
      display: flex;
      justify-content: space-between;
}

.text-uk {
	color: #fff;
	font-size: 14px;
	background: #0f438f;
	border-radius: 12px 0 0 12px;
	float: left;
	padding: 28px 8px 5px 8px;
	font-weight: 600;
}

.text-reg {
	color: #404040;
	font-size: 22px;
	background: none !important;
	border-radius: 0px 7px 3px 0;
	float: left;
	padding: 11px 10px 7px;
	font-weight: 600;
	width: 309px;
	border: none;
	text-align: center;
	text-transform: uppercase;
	height: 57px;
}

#ortxt {
	margin-bottom: 17px;
	margin-top: 10px;
}

#ortxt .text-search {
	border: none;
	padding: 5px;
}

#ortxt .border-line {
	background: #000;
	width: 56px;
	top: 15px;
	left: 144px;
}

.vehicleinfosection .vehicleinfo {
	float: left;
	width: 100%;
	padding: 15px;
	background: #fafafa;
	/* border-radius: 8px; */
	border: 2px solid #f4f4f4;
}

.vehicleinfo p {
	font-size: 13px;
	color: #222;
	float: left;
	width: 100%;
	line-height: 18px;
	margin-bottom: 10px
}

.vehicleinfo h5 {
	margin-bottom: 3px;
	font-size: 14px;
}

.vehicleinfo h6 {
	margin-bottom: 3px;
	font-size: 14px;
	margin-top: 8px;
}

button.autofillbtn.textual-display.btn.btn--secondary.prelist-radix__next-action {
	width: 100%;
}

span.vepostcodeloader {
	position: absolute;
	right: 15px;
	top: 18px;
	font-size: 22px;
	color: #222;

}

.vehicletextbox input[type="text"] {
	min-width: 406px;
	width: 406px;
	float: left;
	border-radius: 6px;
	border: 1px solid #8f8f8f;
	background: #f7f7f7;
	padding: 8px 10px;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
	height: 41px;
}

.motHistorysection {
	display: flex;
	/*  flex-direction: row;
		    flex-wrap: wrap;
    justify-content: space-between;*/

	flex-direction: row;
	justify-content: left;
	align-items: left;
}

span.invalid-feedback {
	float: left;
	width: 100%;
	margin-top: -2px;
	font-size: 12px;
}

.col-box {
	width: 33.3333%
}

.col-box span {
	float: left;
	width: 60px;
	text-align: center;
	height: 150px;
}

.col-box span i {
	background: #f5f6fd;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	color: #222;
	line-height: 51px;
	font-size: 20px;
	text-align: center;
}

.mainMotHistory {
	width: 100%;
	margin: 0 0 20px 0;
}

.mainMotHistory h4 {
	font-size: 24px;
	width: 100%;
	margin: 0 0 30px 0;
	color: #222;
	font-weight: 500;
}

.mainMotHistory h6 {
	font-size: 15px;
	width: 100%;
	margin: 0 0 3px 0;
	color: #222;
	font-weight: 500;
}

.mainMotHistory p {
	line-height: 16px;
	color: #222;
	font-size: 13px;
}

.mainMotHistory p.smalltxt {
	font-size: 12px
}

.color-blue {
	color: #5750c4
}


.vehicle-detail-box .alternate-box {
	padding-bottom: 21px;
	padding-top: 15px;
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 0 0 20px 20px;
	color: #222;
	font-size: 14px;
}

.motHistorymot {
	float: left;
	width: 100%;
	color: #222;
	margin-bottom: 12px;
}

.motHistorymot h5 {
	/* background: #222; */
	/* color: #fff; */
	float: left;
	width: 100%;
	padding: 20px 21px 1px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	font-size: 15px;
}

.motHistorymot .motdesc {
	padding: 1px 20px 5px !important;
	float: left;
	width: 100%;
}

.motdeails.row {
	padding: 0 22px;
}

.detailtitle {
	font-weight: bold;
	font-size: 14px;
}

.motHistorymot .motdesc p {
	color: #222
}

.col-sm-12.col-lg-12.col-md-12.productionrow {}

/* .productionrow {
	    background: #222!important;
	    color: #fff;} */


.readmore,
.readless {
	color: #DB2822;
	font-size: 14px;
	cursor: pointer
}

.product-detail.accordion-detail .nav-tabs {
	margin-bottom: 10px !important;
}

.product-detail.accordion-detail .tab-content.shop_info_tab {
	margin-top: 10px;
}

.productionrow::before {
	display: none
}

.vehicle-detail-box .alternate-box strong {
	float: left;
	width: 200px;
}

/*		.vehicle-detail-box .alternate-box .col-sm-12.col-lg-12.col-md-12::before {
			    position: absolute;
			    content: '';
			    left: 16px;
			    top: 1px;
			    width: 24px;
			    height: 21px;
			    background-color: transparent;
			    border-left: dashed 2px #c2c2c2;
			    border-bottom: dashed 2px #c2c2c2;
			}*/
.vehicle-detail-box .alternate-box .col-sm-12.col-lg-12.col-md-12 {
	padding: 10px 20px;
	border-bottom: 1px solid #ccc;
	position: relative;
	line-height: 21px;
}

#accordionPanelsStayOpenExample .accordion-collapse {
	float: left;
	width: 100%;
	border: none
}

#accordionPanelsStayOpenExample .accordion-item {
	background: linear-gradient(1turn, #f1f6fd 30%, #edf1f7);
	box-shadow: 3px 3px 9px rgba(164, 164, 186, 0.2);
	border: 1px solid #ccc;
	border-radius: 20px;
	margin-top: 20px;
	float: left;
	width: 100%;
}

#accordionPanelsStayOpenExample .accordion-button {
	border: none
}

#accordionPanelsStayOpenExample .accordion-body {
	padding: 0;
	background: #fff;
	float: left;
	border-radius: 0 0 20px 20px;
	width: 100%
}

#accordionPanelsStayOpenExample .accordion-button:not(.collapsed) {
	background: none
}

div#accordionPanelsStayOpenExample {
	margin: 0 0 40px 0;
	float: left;
	width: 100%;
}


.vehicleattribute li {
  width: 100%;
  float: left;
  line-height: 34px;
  margin: 5px 0 8px 0;
  color: #222;
}

.vehicleattribute{
  width: 100%;
  display: inline-block;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  column-gap: 0;
  margin-bottom: 0;
}

.vehicleattribute li strong{
  /* float: left;
width: 150px;
height: 25px; */
padding-top: 1px;
}
.vehicleattribute li span {
  width: 94%;
  display: block;
  font-size: 13px;
  padding-bottom: 3px;
  line-height: 22px;
  border-bottom: 1px solid #dee2e6;
}


.motHistorymot .motdesc {
	padding: 20px;
}

.motdeails .detailtitle {
	padding: 5px 10px;
}

.motdeails .detailvalue {
	padding: 5px 10px;
	font-weight: 600;
	font-size: 14px;
}

.passed span {
	background: green;
	float: left;
	font-size: 12px;
	text-align: center;
	padding: 2px 15px 1px;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	margin-top: 3px;
}

.failed span {
	background: red;
	float: left;
	font-size: 12px;
	text-align: center;
	padding: 2px 15px 1px;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	margin-top: 3px;

}

.__motDate {
	width: 100px;
	display: block;
	line-height: 17px;
}

span.__fullwidth {
	width: 100%;
	display: block;
	line-height: 18px;
}

#panelsStayOpen-collapseThree .accordion-body,
#panelsStayOpen-collapseFour .accordion-body {
	width: 100%;
	border-radius: 0 0 20px 20px;
	float: left;
	background: #fff;
	padding: 10px 20px;
	border-top: 1px solid #ccc
}

#panelsStayOpen-collapseThree .accordion-body h5 {
	float: left;
	width: 100%;
	color: #222;
	font-size: 16px;
	margin-bottom: 5px;

	text-transform: uppercase;
}

.runninglowsection {
	width: 100%;
	margin: 10px 0;
	float: left;
	color: #222;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;

}

.runningDetails {
	float: left;
	width: 100%;
	text-align: right
}

.runningDetails p {
	color: #222;
	line-height: 20px;
	width: 100%;
	text-align: left;
}

.runningDetails strong {
	text-align: left;
	float: left;
}

.runningDetails .col-sm-12.col-lg-12.col-md-12 {
	/* margin-bottom: 10px; */
	margin: 3px 0;
}

.dark.mainPainRow {
	font-size: 15px;
	font-weight: 600;
	color: #DB2822;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 100%;
	padding-bottom: 3px;
}

.secondhalfhead h5 {
	font-size: 14px;
	color: #222;
	margin-bottom: 4px;
	font-weight: 600;
	margin-top: 6px;
	float: left;
	width: 100%;
}

.sub.indent.dark {
	display: flex;
	color: #222;

}

.secondhalf {
	font-weight: 500;
	color: #222;
	font-size: 14px;
}

.dark.mainPainRow h5 {
	font-size: 15px;
	margin-bottom: 3px;
}

.mainoptiondiv {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.inner_accordian #accordionExample .accordion-item {
	border-radius: 6px;
}

.inner_accordian #accordionExample {
	padding: 0 30px
}

.inner_accordian #accordionExample .accordion-item .accordion-body {
	border-radius: 0 0 6px 6px;
}

.inner_accordian #accordionExample .accordion-item .accordion-button:not(.collapsed) {
	padding: 0.7rem 1.25rem;
	font-size: 15px;
	background: #f7f8f9;
	color: #222;
	font-weight: 600;
}

.inner_accordian #accordionExample .accordion-item .accordion-header {
	background: #f7f8f9;
	border-radius: 4px;
}

.inner_accordian #accordionExample .accordion-item .accordion-header button {
	padding: 0.7rem 1.25rem;
	font-size: 14px;
	color: #222;
	font-weight: 600;
}

/*.inner_accordian #accordionExample .accordion-button::after{ background-image: url(../images/down-arrow.png)!important;}*/
.accordion-button:focus {
	box-shadow: none
}

.__featuredList li {
	width: 100%;
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 7px 20px 7px 40px;
	text-align: left;
	font-size: 14px;
}

li.sub.indent.dark {
	padding-left: 60px;

}

i.info-tooltip-icon.fa.fa-info-circle {
	color: #DB2822;
	cursor: pointer;
	font-size: 15px;
	margin-top: 1px;
	position: absolute;
	right: 94px;
	top: 20px;
}

.__featuredList li::before {
	width: 20px;
	border: 2px dashed #ccc;
	border-top: none;
	border-right: 0;
	content: "";
	/* position: absolute; */
	float: left;
	height: 21px;
	margin-left: -20px;
	margin-right: 8px;
	margin-top: -7px;
}

.__featuredList li:last-child,
._check_Point_list li:last-child {
	border: none
}

._check_Point_list li {
	width: 100%;
	display: block;
	padding: 0px 20px 0px 22px;
	text-align: left;
	font-size: 13px;
	float: left;
}

.btncheck {
	color: #DB2822;
	border: 2px solid #DB2822;
	padding: 1px 15px;
	float: right;
	border-radius: 4px;
	font-weight: 500;
	width: 80px;
	text-align: center;
}

._check_Point_list li .btncheck span {
	margin: 0;
	color: #DB2822;
	padding: 0;
	width: 100%;
	text-align: center;
	font-size: 13px;
}

._check_Point_list li .btncheck:hover span {
	color: #fff
}

.btncheck:hover,
.btnvehiclecheck:hover {
	color: #fff;
	background: #0d6efd;
	border-color: #0d6efd
}

ul._check_Point_list {
	float: left;
	width: 100%;
	margin: 1px 0 11px;
	padding-top: 5px;
}

.activeTick {
	float: right;
	width: 25px;
	margin-top: 2px;
	margin-right: 24px;
}

._check_Point_list li span {
	float: left;
	font-size: 14px;
	font-weight: 500;
	color: #222;
	padding-top: 2px;
}

._check_Point_list li label {
	margin: 0
}

.vehicle_history_detail {
	float: left;
	width: 100%;
	margin: 3px 0 15px;
	padding: 12px 22px 20px;
	border-top: 1px solid #ccc;
}

.btnvehiclecheck {
	color: #DB2822;
	border: 2px solid #DB2822;
	font-size: 14px;
	padding: 12px 60px;
	float: none;
	border-radius: 50px;
	font-weight: 500
}

.vehicle_history_detail p {
	text-align: center;
	width: 100%;
	color: #222;
	line-height: 22px;
	font-size: 14px;
}

.vehicle_history_detail span {
	float: left;
	width: 100%;
	display: block;
	margin: 30px 0 31px;
	text-align: center;
}

.vehicle_history_detail h4 {
	float: left;
	width: 100%;
	margin: 5px 0 31px;
	text-align: center;
}

.warrantydata-section {
	float: left;
	width: 100%;
	color: #222;
	font-size: 14px;
	padding: 9px 21px 14px;
	border-bottom: 1px solid #ccc;
	font-weight: 500;
	margin-bottom: 6px;
}

.warrantydata-section ul li strong {
	margin-right: 5px;
}

.warrantydata-section ul li strong.__boldtxt{ float: left; width:180px; font-weight: bold;}
.sellerproducview {
    font-weight: 600;
    color:#222;
    float: left;
}
.warrantydata-section h4 {
	margin-bottom: 6px;
	font-size: 17px;
	margin-top: 7px;
}

.warrantydata-section ul li {
	font-size: 14px;
	font-weight: 500;
	float: left;
	width: 100%;
	margin-bottom: 0px;
}

.historydata-section h4{
	padding:9px 21px 0px 21px;
	float: left;
}

#keepersmodal h4{ font-size: 18px; font-weight: 500; margin: 0 0 10px 0; width:100%; float: left;}
#keepersmodal p{ font-size: 12px; margin: 0 0 10px 0; width:100%; float: left;}
.custombtn{ background: #f7f7f7; color:#222; border-radius: 30px; padding: 8px 30px; border:1px solid #f7f7f7; font-weight: 500}
.custombtn i.fa{ margin-right: 5px;}
.custombtn:hover{background: #3F81EB; border-color:#3F81EB; color:#fff}
#add_custom_item_Modal span.modal-title {
  font-weight: 600;
  color: #fff;
  font-size: 17px;
}

.itemField p{
	color: #222;
	font-size: 14px;
	width:100%;
  margin-bottom: 10px;
}

.itemField label{
	color: #222;
	font-size: 14px;
	width:100%;
	font-weight: 600;
	margin: 0px 0 4px 0
}

.itemField input[type="text"] {
    width: 100%;
    float: left;
    border-radius: 6px;
    border: 1px solid #8f8f8f;
    background: #f7f7f7;
    padding: 8px 10px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    height: 41px;
		margin-bottom: 14px;
}
button.__itemClose.btn.btn-primary {
    background: none;
    color: #DB2822;
    padding: 9px 20px;
}
button.__itemClose.btn.btn-primary:hover{
	color:#fff;
	background: #0b5ed7
}
button.__itemsave.btn.btn-primary{padding: 9px 20px;}

.imagesecdesc {
    width: 100%;
    margin: 31px 0 0 0;
    height: 330px;
    border: 1px solid #ccc;
    color: #999;
    font-weight: normal;
    font-size: 15px;
    border-radius: 6px;
    text-align: center;
		position: relative;
}

.imagesecdesc::before {
	background-image: url(../images/main-icon.png);
    background-color: inherit;
    height: 80px;
    width: 80px;
    background-size: 70px auto;
    background-repeat: no-repeat;
    /* background-position: top 10px left 8px; */
    border-radius: 0;
    top: 35%;
    content: "";
    position: absolute;
    left: 43%;
		z-index: -1
}

.imagesecdesc img.imagetagb{ height: 328px; width:auto; z-index: -1}





	.tab-pane.fade.show.active#Description{
			margin-bottom: 30px;
			position: relative;
	}

	.tab-pane.fade.show.active#Description.expanded div.ck-content{
	    max-height:none;
	}

	.tab-pane.fade.show.active#Description .read-more-product{
		position: absolute;
		left:0;
		bottom:-35px;
		background:none;
		border:none;
		color:#0d6efd;
		font-weight: 600;
		font-size: 16px;
		padding: 0;
		transition: all .3s ease 0s;
    display: none

	}
.tab-pane.fade.show.active#Description .read-more-product:hover{ color:#0a58ca}
.extrasave {
    float: left;
    width: 380px;
		margin: 0 0 0 15px;
    display: flex;
}

.extrasave input.saveother{
	min-width: 340px;
width: 340px;
float: left;
border-radius: 6px 0 0 6px;
border: 1px solid #8f8f8f;
background: #f7f7f7;
padding: 8px 10px;
color: #000;
font-weight: 500;
font-size: 14px;
cursor: pointer;
height: 41px;
border-right-width: 0;

	}

button.savethis {
    background: #DB2822;
    border: none;
    color: #fff;
    font-weight: 600;
    height: 41px;
    padding: 6px 15px;
    font-size: 14px;
    float: left;
    border-radius: 0 6px 6px 0;
}

button.savethis:hover{ background: #3f81eb}
.addDeleteicon { position: relative;}
span.__deletebtn {
    float: left;
    padding-left: 10px;
}
span.__deletebtn i.far.fa-solid.fa-trash{
	background: #f7f7f7;
	    height: 40px;
	    width: 40px;
	    text-align: center;
	    font-size: 15px;
	    color: #222;
	    border-radius: 6px;
	    line-height: 38px;
	    cursor: pointer;
	    border: 1px solid #8f8f8f;
}
span.__deletebtn i.far.fa-solid.fa-trash:hover{
	background: #3f81eb; border-color:#3f81eb;
	color:#fff;
}
.__select_attribute{
	min-width: 406px;
    width: 406px;
    float: left;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 8px 10px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}
.__select_attribute:hover{color: #000; }

.__select_attribute i.fa.fa-chevron-down {
    float: right;
    font-size: 11px;
    margin: 6px -5px 0 0;
}

div#collapseAttribute {
    position: absolute;
    width: 100%;
    z-index: 5;
    left: 0;
    top: 37px;

}
div#collapseAttribute .card{
	border: 1px solid #8f8f8f;
	border-radius: 0 0px 6px 6px;
	padding: 15px 10px 0px
}
div#collapseAttribute ul{ display: grid;
    grid-template-columns: 50% 50%;     margin: 0 0 -4px 0;}
div#collapseAttribute ul li{
	    align-items: center;
	    flex: 47%;
			padding-left: 10px;
			height: 23px;
	  }
div#collapseAttribute ul li input[type="checkbox"]{     width: 15px;
    height: 15px;
    float: left;
    cursor: pointer;
	    margin-top: 4px;}
div#collapseAttribute ul li span{
    font-weight: 500;
    color: #222;
    font-size: 12px;
    /* margin-left: 5px; */
    margin: 0 0 0 5px;
    /* width: 155px; */
    line-height: 15px;}
/* div#collapseAttribute ul li:nth-child(even) { margin-left: 1%} */
div#collapseAttribute ul li sub {
	font-weight: normal;
color: #777;

}
div#collapseAttribute ul li label{ margin-bottom: 0;
    cursor: pointer;
    position: relative;
    height: 30px;
}
body.login{ background: red!important}


/* collapse Features Start */

div.collapseFeatures {
    position: absolute;
    width: 100%;
    z-index: 5;
    left: 0;
    top: 37px;

}
div.collapseFeatures .card{
	border: 1px solid #ccc;
	border-radius: 0 0px 6px 6px;
	padding: 15px 10px 0px
}
div.collapseFeatures ul{
  width:100%;
  float: left;
  margin: 0 0 -4px 0;
  }







div.collapseFeatures ul li{
    padding: 0 10px 0;
    width: 100%;
    color: #363636;
    font-size: 12px;
    float: left;
    border-left: 2px solid #fff;
    line-height: 20px;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
  }


div.collapseFeatures ul li:hover{
    background: #f1f2f4!important;
  border-left: 2px solid #db2822!important;
  color: #db2822!important;
  }




div.collapseFeatures ul li input[type="checkbox"]{
    width: 15px;
    height: 15px;
    float: left;
    cursor: pointer;
}
div.collapseFeatures ul li span{
    font-weight: 500;
    color: #222;
    font-size: 12px;
    margin: 0 0 0 0px;
    line-height: 15px;
  }

div.collapseFeatures ul li sub {
	font-weight: normal;
color: #777;

}
div.collapseFeatures ul li label{ margin-bottom: 0;
    cursor: pointer;
    position: relative;
  width:100%; display: flex; gap:6px;
  padding-left: 5px;
}

/* collapse Features End */


.accessory-detail {
    float: left;
    width: 100%;
    margin-bottom: 3px;
}
.accessory-detail h4{
	font-size: 13px;
    margin-bottom: 6px;
    width: 100%;
}

.__filter_row {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
}

.__filter_row input[type="radio"] {
  visibility: hidden;
  height: 0;
  width: 0;
}
.__filter_row label {

  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background-color: #f7f7f7;
  color: #222;
  padding: 7px 15px;
  border-radius: 30px;
  transition: all 0.3s ease-out;
	font-weight: 500;
	margin-right: 10px;
	font-size: 14px;
}
.__filter_row input[type="radio"]:checked + label {
  background-color: #DB2822;
	color:#fff;
}
.__filtercategory { margin-bottom: 15px;}
.__filtercategory h5{ width:100%;  margin-bottom: 11px; font-size: 15px;}
.__extrapoint {
    float: left;
    width: 100%;
    margin: 5px 0 10px 0;
}
.__extrapoint h4{ float: left; width:100%; font-size:15px; margin-bottom: 3px}
.__extrapoint ._extra_point_value{ float: left; width:100%; font-size:14px; color:#222; padding-left: 10px}
.filterModal .modal-content{ border-radius: 15px!important}
#validateformcustome label.error{
			margin: -12px 0 0 0;
			font-size: 12px;
			font-weight: 500;
			color: red;
			float: left;
}
#validateformcustome .itemField input.error{ border-color:red}
.featurebtn{
	display: flex;
	flex-direction: row;
	justify-content: end;
	margin-bottom: 15px;
}

.featurebtn button.__applybtn{ margin-left: 8px;	}
.featurebtn button.__cancelbtn{ background: none; color:#3F81EB; border:1px solid #fff;     border-radius: 30px;
    padding: 8px 30px; font-weight: 500}
.featurebtn button.__cancelbtn:hover{
	background: #dc3545; color:#fff; border-color:#dc3545;
}

div.customeattributeli {
    position: absolute;
    width: 406px;
    z-index: 5;
    left: 0;
    top: 37px;
}
div.customeattributeli .card{
	border: 1px solid #8f8f8f;
	border-radius: 0 0px 6px 6px;
	padding: 5px 0
}
ul._customPointlist{ margin: 0 0 -20px 0; padding: 0; width:100%}
ul._customPointlist li{ width:100%; display: flex; justify-content: space-between; font-size: 13px;
	 font-weight: 500; color:#222; padding: 3px 10px; cursor: pointer}
ul._customPointlist li:hover{ background:#3F81EB; color:#fff }
ul._customPointlist li button{ background: none; color:#222; border: none; padding: 0; font-size: 12px}
ul._customPointlist li:hover button{ color:#fff}
.customeattributeli .accessory-detail ._customPointlist{ height: 200px; display: block; overflow-x: hidden; overflow-y: scroll;}

.customeattributeli .accessory-detail ._customPointlist::-webkit-scrollbar {
  width: 5px;
}

.customeattributeli .accessory-detail ._customPointlist::-webkit-scrollbar-thumb {
  background: #222;
}

.customeattributeli .accessory-detail ._customPointlist::-webkit-scrollbar {
  width: 5px;
}
.gridviewLayoutClass .product-img img.default-img{
		width: auto;
		height: 200px;
		max-width: inherit;
		object-fit: contain;
}

#one-panel .product-img.product-img-zoom img {
	height: 180px;
	    max-width: inherit;
	    object-fit: contain;
	    width: auto!important;
	    max-width: 100%;
}


.gridviewLayoutClass .product-cart-wrap .product-img-action-wrap .product-img{ text-align: center;}


.checkotheroptions li span{
	width: 90%;
}
.checkotheroptions li button{
	width: 10%;
}

.__hyperlinklabel{
	float: left;
    width: 100%;
    color: #000;
    margin: 0 0 2px 0;
    font-size: 14px;
    font-weight: 500;
}

label.__terms {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #000;
		margin-top: 0px;
		cursor: pointer;
		font-weight: 500
}


label.__terms input {
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 3px;
    margin-right: 13px;
    margin-bottom: 8px;
}

.branchprodo3,
.branchprodo4,
.branchprodo4,
.branchprodo5{ padding-left: 22px!important;}
.branchprodo2{ margin-bottom: 5px}



/*************************Auction CSS**************************/
.mtb30 {
    margin: 30px 0 15px 0;
    float: left;
    width: 100%;
}

span._smalltxt {
	line-height: 14px;
	font-size: 12px;
	float: left;
	width: 100%;
	margin-top: 2px;
	position: absolute;
	left: 0;
	bottom: -34px;
	font-weight: 500;
	color:#454545
}
.__offerAllow{ width:100%; float:left; position: relative;}
.__offerAllow h2{ margin: 13px 0 4px 0}
.__offerAllow p{ font-size: 13px; line-height: 18px; color:#454545}
#ui-datepicker-div tr td,
#ui-datepicker-div tr td a{ text-align: center;}
.__bidsection{ width: 350px; padding-top:14px; display: flex; font-size: 13px;}
.ml20{ margin-left: 0px;}
.itembidsection {
    border: 1px solid #f2f2f2;
    padding: 8px 15px 2px;
    font-size: 14px;
}


.__bidTimer {
    width: 100%;
    margin-top: 15px;
    float: left;
}
.expirydiv {
    float: left;
    width: 100%;
    display: flex;
    padding-top: 8px;
}
._bid_box{ border: 1px solid #cccccc; margin-right: 2px; padding: 5px 5px 2px 5px; text-align: center; font-size: 20px; color:#454545; width:68px;
font-weight: 600; margin-top: -3px;}
._bid_box span{ display: block; font-size: 12px; color:#4F5D77; font-weight: 500;}
/* .endingSoonsection {
    display: block;
    width: 100%;
    text-align: left;
    margin: 15px 0 5px 0;
    float: left;
} */
.endingSoonsection p{ font-size: 12px}
.seconds-box { border-color:#DB2822; color:#DB2822}
.seconds-box span{ color:#DB2822;}



.gridviewLayoutClass .__bidTimer,
#related-products .__bidTimer{
	border-radius: 15px 15px 0 0;
padding: 1px 15px;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 155px;
background: #fff;
margin: 0;
width: 230px;
float: none;
	}

.gridviewLayoutClass .__bidTimer ._bid_box,
#related-products .__bidTimer ._bid_box { border:none; padding: 5px 0; font-size: 15px; width: auto;}
.gridviewLayoutClass .__bidTimer h5,
#related-products .__bidTimer h5{ display: none}
.gridviewLayoutClass .expirydiv,
#related-products .expirydiv{ justify-content: space-around;}
.gridviewLayoutClass .__bidsection,
#related-products .__bidsection{    flex-direction: column;
    text-align: left;
    width: 100%;
    padding: 0;}
.gridviewLayoutClass .__bidsection .itembidsection,
#related-products .__bidsection .itembidsection {
    border: none;
    padding: 0;
    font-size: 14px;
}
.gridviewLayoutClass .__bidsection .itembidsection  label,
#related-products .__bidsection .itembidsection  label{ margin-bottom: 0}
.gridviewLayoutClass .expirydiv ._bid_box:last-child,
#related-products .expirydiv ._bid_box:last-child{ margin-right: 0}
.gridviewLayoutClass .expirydiv ._bid_box,
#related-products .expirydiv ._bid_box{ line-height: 16px;}

#__countdown{ margin: 25px 0 8px 0}
#__countdown .expirydiv{ margin-bottom: 5px;}
#__countdown p._auction_txt{     float: left;
    width: 100%;
    margin: 0 0 10px 0;
    line-height: 20px;
    font-size: 13px;
    color: #454545;
		font-weight: 500
	}

	._bidrow {
    display: flex;
    width: 100%;
		justify-content: space-between;
		padding-top: 10px;
}
._bidcolumn{ width:49%; position: relative;}
/*input.bidValue{
    background: none;

    padding: 8px 6px 8px 12px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-right: 5px; position: relative;
	}*/
	.bidclasssection{
		margin-right: 1px;
	    display: inline;
	    padding-top: 5px;
	    margin-top: 2px;

	}
.__auctionPound{ font-weight: bold;
    position: absolute;
    left: 12px;
    top: 10px;
    font-size: 17px;}
		button._bidBtn {
		    background: #DB2822;
		    border: 1px solid #DB2822;
		    color: #fff;
		    font-weight: 600;
		    text-transform: uppercase;
		    padding: 9px 25px;
		    border-radius: 32px;
				font-size: 13px;
		}

	._bidbuynowbtn{
	background: #fea41c;
	border: 1px solid #fea41c;
	color: #252525;
	font-weight: 600;
	text-transform: uppercase;
	padding: 9px 15px;
	border-radius: 32px;
	font-size: 13px;
	}
		._bidbuynowbtn:hover,
			button._bidBtn:hover{
				background: #0d6efd;
				border: 1px solid #0d6efd;
				color:#fff
			}


h3._headingH3{ margin-bottom: 15px; width:100%;}

.auctionDesc table thead tr th{ background: #fafafa; text-transform: uppercase; font-size: 15px;}

.auctionDesc table td, .auctionDesc table th{ border:none;}
.auctionDesc table { border:1px solid #eee}
.auctionDesc table tbody td{ border-bottom:1px solid #eee; font-size: 13px;}
.auctionDesc table tbody tr:last-child td{ border-bottom:none}
.auctionpricesection { padding: 23px 0!important;}
.auctionpricesection .Brochurebtn{ left: 0!important; right: inherit;}
.auctionpricesection.product-price ins{ display: none!important}
.product-detail .__bidsection{ padding-top: 33px!important;}
p.reservemetst{
	margin-top: 0;
}

.sellerInfotoggle{  }
a.collapseCustomItem_sellers {
    width: 100%;
    float: left;
}
a.collapseCustomItem_sellers i.fa-chevron-down{    float: right;
    font-size: 18px;
    margin: -32px 0 0 0;
    color: #222;}

#collapseCustomItem_seller .card{ border:none; padding: 0; border-radius: 0; margin-top: 15px; float: left; width:100%;}

div#collapseCustomItem_seller {
    height: auto!important;
    width: 100%;
		margin-bottom: -12px;
float: left;



}

#collapseCustomItem_seller .collapse{  -moz-transition: height .5s;
  -ms-transition: height .5s;
  -o-transition: height .5s;
  -webkit-transition: height .5s;
  transition: height .5s;
  height: 0;
  overflow: hidden;}
	a.action-btn.hover-up.js-add-to-wishlist-button {
	    color: #721c24;
	    font-weight: 500;
	}
		/* a.action-btn.hover-up.js-add-to-wishlist-button .far{float: left; margin: 5px 4px 0 0} */
.location-section-product{
	float: left;
	width:100%;
	    margin-top: 5px;

}

.sellerInforow{ display: flex; justify-content: space-between; flex-direction: column;}

.location-section-product span{
	 font-size: 14px;
}
.location-section-product span .far{
	color:#DB2822;
	margin: 5px 2px 0 0
}

.location-section-product ul{
	float: left;
	width: 100%;
	border: 1px solid #f2f2f2;
	margin: 12px 0 18px 0;
	padding:  10px 10px 15px;

}
.location-section-product ul li{ float:left; width:33.333%}
.location-section-product ul li .fa{
	color: #DB2822;
	float: left;
	margin: 5px 6px 0 0;
	height: 35px;
	width: 35px;
	border: 1px solid #f2f2f2;
	border-radius: 50%;
	font-size: 14px;
	text-align: center;
	line-height: 34px;
}

.location-section-product ul li span{     margin-left: 2px; float: left;
    margin-top: 10px;
    font-weight: 600;}

		.detail-extralink {
		    float: left;
		    width: 100%;
        margin-top: 20px;
		}

.detail-extralink>div{
  width: 100%;
  /* padding: 30px 20% 0; */
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: space-around;
  align-items: center;

}
.detail-extralink div br{ display: none}
.product-extra-link2 a,
.product-extra-link2 span.__btnGetaquote{
  width:250px; margin: 0!important; border-radius: 6px!important; border: none
}


/* .product-extra-link2 a{
	width:100%; margin-left: 0; border-radius: 6px

} */

.red-reserve,
.red-sale {
	color: #721c24;
	/* background-color: #f8d7da;
	border-color: #f5c6cb; */
	/* border: 1px solid #721c24; */
	padding: 8px 9px;
	border-radius: 4px;
	margin-top: 0px;
	float: left;
	margin-left: 9px;
	font-size: 12px
}

.red-outbid{
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	/* border: 1px solid #721c24; */
	padding: 8px 9px;
	border-radius: 4px;
	margin-top: 0px;
	float: left;
	margin-left: 9px;
	font-size: 12px
}

.blue-sale{

/* background-color: #cce5ff;
border-color: #b8daff; */
color: #004085;
    padding: 8px 9px;
    border-radius: 4px;
    margin-top: 2px;
    float: left;
    margin-left: 9px;
    font-size: 12px;
    font-weight: 600;
}

.green-increasebid {
  color: #155724;
      background-color: #d4edda;
      border-color: #c3e6cb;
      padding: 8px 9px;
      border-radius: 4px;
      margin-top: 0px;
      float: left;
      /* margin-left: 9px; */
      font-size: 13px;
      margin-bottom: 10px;
      width:100%

}


.green-reserve {
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
		padding: 8px 9px;
		border-radius: 4px;
		margin-top: 0px;
		float: left;
    font-size: 13px;
    margin-bottom: 10px;
    width:100%
}

.detail-info .product-price ins {
    float: left;
}

a.black-visit.traderviews {
    background: #222;
    color: #fff;
    float: left;
    margin: 4px 0 6px;
		 border-radius: 6px;
		 font-weight:500
}
a.black-visit.traderviews:hover{
	background: #0d6efd
}

.totalbids{ float: left; width:100%}
/* .totalbids span{ background: #f2f2f2; color:#000; font-size: 14px; font-weight: 600; padding: 11px 13px; float: left;} */
.__wishlistBtn{
	border: 1px solid #f2f2f2;
	    padding: 8px 8px;
	    float: left;
	    color: #000;
	    margin-left: 5px;
			border-radius: 3px;
}
.__wishlistBtn:hover{
	color:#fff;
	background: #0d6efd;
	border-color:#0d6efd
}

.__biddingBox{
	background: #f2f2f2; float: left; width:100%;
	padding: 35px 18px 40px 18px;
	position: relative;
}



.__currentBidtext{font-size: 18px;
    font-weight: 500;
    text-align: center;}
.__currentBidtext .__bidPrice{ font-weight: bold; color:#222; font-size: 24px;}
.__currentBidtext ._bidOnsale{ font-size: 13px;}

.__bidFormbox {
    display: flex;
    margin: 14px 0 0 0;
		position: relative;
		width:100%;
}
.__bidFormbox input{ background: #fff; border-radius: 4px 0 0 4px; border:2px solid #ccc; padding-left: 30px; border-right: none;
    font-size: 15px; height: 40px; width:61%!important}
.__bidFormbox  .__currencySign{
	position: absolute;
	    left: 12px;
	    top: 9px;
	    font-size:16px;
	    font-weight: bold;

}

.__bidFormbox button{ width:150px; text-align: center; border:none; border-radius:0 4px 4px 0;}
.__bidFormbox button:hover{
	background: #0d6efd
}
button.__btnBidnow {
    background: #DB2822;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
}

button.__btnBidnow {
    background: #DB2822;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
}

button.__btnBuynow{
	background: #350097;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	border: none;
}
a.__btnBuynow{
	background: #350097;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	border: none;
	width: 152px;
	line-height: 40px;
	text-align: center;
	border-radius: 0 3px 3px 0;
}

.title-detailh3{
	font-size: 28px;
	    text-transform: capitalize;
	    color: #444;
	    float: left;
	    width: 100%;
	    font-weight: 600;
}

.main-title-detail{ float: left; width:100%; color:#DB2822}
#bidModel .product-price.primary-color.float-left {
    width: 100%;
    position: relative;
		float: left;
		    margin-bottom: 25px;
}
#bidModel .detail-info {
    float: left;
    width: 100%;
    padding-top: 0px;
}

#bidModel span.reservepricestatus strong {
	border-radius: 6px;
    line-height: 18px;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    font-size: 13px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 5px 8px;
}

#bidModel .__biddingPrice h4{     font-size: 30px;
    float: left;
    width: 100%;
    margin-bottom: 10px;}

.__biddingPrice {
    float: left;
    width: 100%;
}
#bidModel .__bidTimer {
    display: flex;
    flex-direction: row;
    background: #fafafa;
    padding: 12px 15px 10px;
    border: 1px solid #ccc;
    margin-top: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}
#bidModel .__bidTimer h5{

    font-size: 16px;
    text-transform: uppercase;
    line-height: 25px;

}

#bidModel .expirydiv span{ font-size: 16px; line-height: 25px; font-weight: 600; color:#000; margin-right: 5px;}
#bidModel .expirydiv .seconds-box{ color:#DB2822;}
#bidModel .expirydiv{ margin: 0}
#bidModel .totalbids {
    /* float: right; */
    font-size: 17px;
    margin-top: 0;
    flex: auto;
    text-align: right;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;

    width: 202px;
}

._bidrowmodal{ width:100%; display: flex;     margin-bottom: 9px; position: relative;}
._bidrowmodal .txtmybid{ background: #fafafa; color:#fff; padding:8px 15px; font-size: 16px;}
._bidrowmodal .txtmybid {
    background: #f7f7f7;
    color: #000;
    padding: 9px 32px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 6px 0 0 6px;
}
._bidrowmodal input.bidValue {
    width: 380px;
    background: none;
    border: 1px solid #ccc;
    /* border-radius: 4px; */
    padding: 9px 6px 8px 34px;
    font-size: 16px;
    text-align: left;
    margin-right: 5px;
    position: relative;
    border-radius: 0;
    color: #000;
    font-weight: 500

}

span.__currencySign.modalcurrency {
  position: absolute;
      left: 136px;
      top: 12px;
      font-size: 16px;
      font-weight: bold;
}

._bidrowmodal button._bidBtn {
    background: #DB2822;
    border: 1px solid #DB2822;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 65px;
    border-radius: 0 6px 6px 0;
    font-size: 16px;
    margin: 0 0 0 -6px;
}

.__termtxt {
    font-size: 13px;
    line-height: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.title-subtitle {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 18px;
}

#bidModel .clearfix.product-price-cover {
    position: relative;
    float: left;
    width: 100%;
}

#bidModel p.reservemetst {
	position: absolute;
	left: 165px;
	bottom: 0px;
	margin: 0;
	font-weight: 500;
}
 #bidModel p.reservemetst span {
	 margin: 2px 0 0 0;
   padding: 4px 12px;
   font-size: 12px;

}

.__modal-title {
    background: #DB2822;
    width: 100%;
    padding: 11px 18px;
    border-radius: 3px 4px 0 0;
}

.__modal-title h5{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.__modal-title button.btn-close{
  color:#fff; padding: 0; font-size: 20px;
  background:none;
  opacity: 1;
  margin: -4px -3px 0 0;
  outline: none

}
/* .endingSoonsection h3::after,
.endingSoonsection h3::before{ background: #f2f2f2; height: 1px; width: 40%; content: "" } */



#related-products .__bidsection{ padding-top: 0!important}
#related-products .__bidTimer{ top:132px;}

/*.winningbanner{
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.winningbanner span{
	background-color: green;
	color: White;
	text-shadow: 3px 2px 3px #463c3c;
	padding: 10px 15px;
	font-size: 19px;
	font-weight: bold;
	border-radius: 5px;
	position: absolute;
	z-index: 11;
	left: 27%;
}*/

.totalbids{
	float: left;
	font-size: 18px;
	margin-top:10px;
}

a.Brochurebtn{ top:18px;}
.totalbidslisting{
	float: left;
	padding: 10px 15px;
	font-size: 15px;
	border: 1px solid #f2f2f2;
	line-height: 18px;
}

.detail-info .product-price-cover{
	border-top: none !important;
	border-bottom: none !important;
	padding: 0 !important;
}


#related-products .endingSoonsection {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
		background: rgba(0,0,5,0.4);
    backdrop-filter: saturate(180%) blur(5px);
    padding: 6px 8px;
    border-radius: 5px 5px 0 0;
}


#related-products .endingSoonsection h3 {
	font-size: 14px!important;
		margin: 5px 0 -5px 0;
		color:#fff
}

#related-products .endingSoonsection p {
    font-size: 11px;
		color:#fff
}



.tab-style3 {
    float: left;
    width: 100%;
}

.suggestion-list__item.branchloadermain {
padding: 0 0 0 30px; float: left; width: 350px
}

.brachloader {
  width:100%;
	float: left;
	padding-left: 30px;
}
.brachloader span.skeleton-loader-gradient{
	width:250px!important; height: 35px; opacity: .2;
	clear: both;     display: block;
    margin-bottom: 5px;
}

.brachloader span.skeleton-loader-gradient.mL30{
	 width:225px!important
}

.item-button-products{
	position: relative;
}

.suggestion-list__item {
    clear: both;
}



.skeleton-loader-gradient {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background-color: #DDDBDD; border-radius: 3px;
}
.skeleton-loader-gradient::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
	-webkit-animation: shimmer 2s infinite;
	animation: shimmer 2s infinite;
  content: '';
}
@-webkit-keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}



.branchloadermain span{
	height:35px; margin: 0 0 5px 0; width: 100%; float: left;
	opacity: .2
}

.mL30{ margin-left: 30px!important}

span.skeleton-loader-gradient.mL30 {
    height: 30px;
		width:91%;
}

fieldset.input-row{
	position: relative;
}

.disableshortdescription {
    background: rgba(255,255,255, 0.0);
    width: 100%;
    height: 299px;
    position: absolute;
    left: 0;
    top: 41px;
    z-index: 5;
    border: 1px solid #ccc;
    border-radius: 0 0 2px 2px;
}

.disablefulldescription{
	background: rgba(255,255,255, 0.0);
	width: 100%;
	height: 299px;
	position: absolute;
	left: 0;
	top: 41px;
	z-index: 5;
	border: 1px solid #ccc;
	border-radius: 0 0 2px 2px;
}


#related-products .totalbidslisting{ padding: 0; border:none!important}

.__nextminbid{
   float: left;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #666;
    margin: -2px 0 6px 0;
    font-weight: 600
}

._simplyHit{
  float: left;
   width: 100%;
   text-align: center;
   font-size: 13px;
   color: #666;
   margin: 0px 0 12px 0;
   font-weight: 600
}
._simplyHit span{
  color:#ff0000
}

.__nextBidRow {
    width: 100%;
    text-align: center;
    padding: 0 20%;
}

button.nextbids {
    background: #360097;
    color: #fff;
    font-weight: 600;
    border: 1px solid #360097;
    padding: 10px 30px;
    width: 29.3%;
    margin-bottom: 7px;
    margin-right: 5px;
    font-size: 15px;
}

button.nextbids:hover {
    background:#0d6efd
  }

  h6.autionEndtxt {
      font-size: 16px;
      width: 100%;
      text-align: center;
      margin-bottom: -5px;
  }




#editProductBranchInfo .modal-lg {
    width: 580px;
    max-width: 580px;
}

#editProductBranchInfo .filteringattr {
    border-radius: 5px;
    padding: 5px 8px 4px 40px;
    height: 38px;
    border:none
}
.editbranch{ background: #222; color:#fff; padding: 5px 15px; border-radius: 4px; float: left; font-size: 13px; font-weight: 500; cursor: pointer;}
.editbranch span{ float: left;}
.editbranch i.fa{     float: left;
    margin: 5px 0 0 7px;
    font-size: 12px;}
.editbranch:hover{ background: #0d6efd}


.se-textbox--container.se-textbox--fluid {
    width: 100%;
}

.divoverlayedit{
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 555;
  height: 100%;
  font-size: 40px;
  pointer-events: none;
  padding-top: 40%;
}

.filterListing {
    float: left;
    width: 99.5%;
    border-top: 1px solid #ccc;
    margin: 15px 0 0 0;
    padding: 1em 2em;
    overflow-y: scroll;
    height: auto!important;
    margin-bottom: 10px;
    max-height: 68vh
}



.yourcategory, .suggestedbranch {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.filterListing h3 {
    font-size: 16px;
}

.__filterLinks {
    display: flex;
    clear: both;
margin-bottom: 20px;
background: #f2f2f2;
padding: 10px 15px;
}
.__filterLinks span {
    border-right: 2px solid #ccc;
    margin-right: 15px;
    padding: 0 15px 0 0;
    height: 19px;
    float: left;
    line-height: 20px;
    font-size: 13px;
    color:#3f81eb;
    cursor: pointer;
}
  .__filterLinks span.__activefilterlink{
    color:#db2822;
  }
.__filterLinks span:hover{
  color:#db2822
}
.__filterLinks span:last-child{ margin-right: 0; padding-right: 0; border:none}

.loadfilterproductloader{ width:100%;  }
.loadfilterproductloader td{ width:100%; text-align:center; font-size: 18px!important; padding:120px 0; }
.filtertxt{ float: left; width:100%; text-align: center; padding: 100px 0; font-size: 13px; line-height: 18px;}
/* .__innerSidebarscroll{ overflow-x:hidden; width:100%; float: left; height: 415px; overflow-y: scroll; padding-right: 10px;} */

/* ===== Scrollbar CSS ===== */
  /* Firefox */
.__innerSidebarscroll {
    scrollbar-width: thin;
    scrollbar-color: #d1d1d1 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  .__innerSidebarscroll::-webkit-scrollbar {
    width: 6px;
  }

.__innerSidebarscroll::-webkit-scrollbar-track {
    background: #ffffff;
  }

  .__innerSidebarscroll::-webkit-scrollbar-thumb {
    background-color: #d1d1d1;
    border-radius: 6px;
    border: 2px solid #ffffff;
  }


button.__showmorebtn {
    color: #000;
    border: none;
    background: none;
    padding: 0;
    font-weight: 600;
}

button.__showmorebtn:hover{
  color:#3f81eb
}
#botble-ecommerce-tables-product-table input[type="checkbox"]{
  margin: 8px 0 0 0 !important;
  height: 19px;
  cursor: pointer;
  width: 19px;
}

#botble-ecommerce-tables-product-table-pending-auction input[type="checkbox"]{
  margin: 8px 0 0 0 !important;
  height: 19px;
  cursor: pointer;
  width: 19px;
}

.alignleft.actions.bulkactions {
    float: left;
    width: 100%;
    margin-bottom: 19px;
}


.alignleft.actions.bulkactions select{
  border: 1px solid var(--color-brand);
  float: left;
  width: 130px;
  padding: 6px 10px 7px;
  cursor: pointer;
  border-radius: 4px;
  height: 40px;
  background: var(--color-brand);
  color: #fff;
}

.alignleft.actions.bulkactions select option{
  color:#000
}

.alignleft.actions.bulkactions select:hover{
  background: var(--color-primary);
  border-color:var(--color-primary)
}

input#doaction {
    float: left;
    width: 100px;
    text-align: center;
    padding: 7px 0;
    height: auto;
    margin-left: 10px;
    color: var(--color-brand);
    background: #fff;
    border-color:var(--color-brand);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}

input#doaction.doactionredcolor{
  background: var(--color-brand);
  color: #fff;
}
input#doaction:hover{
     background: var(--color-primary);
     color:#fff;
     border-color: var(--color-primary);
}



/* #productattributefilter div.modal-header{
  background: #db2822
}
#productattributefilter div.modal-header h5.modal-title{
  color:#fff
} */

.mileageh3{
    margin-bottom: 9px;
    border-bottom: 1px solid #f2f2f2;
    padding: 0px 15px 8px 15px;
    font-size: 20px;
    float: left;
    width: 100%;
    margin-top: -5px;
}

.milesFilter{
  padding: 0 12px;
      margin-bottom: 15px;

}
div#__priceFilter {
    margin-bottom: 15px;
}

#_nationwidecountry h3 {
    margin:15px 0 15px 0;
    font-size: 18px;
    float: left;
    width: 100%;
}

.innermilescol {
    float: left;
    width: 100%;
    padding:5px 0;
    position: relative;
}

.innermilescol label {
    font-size: 13px;
    font-weight: 500;
    padding-top: 8px;
    margin-right: 7px;
    color: #222;
    margin-bottom: 0;
    width: 42px;
    float: left;
}
.innermilescol span{
    color: #222;
    font-size: 13px;
    font-weight: 500;
        padding: 1px 0 0 5px;
}

.innermilescol input,
.innermilescol select {
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    width: 110px;
    padding: 5px 10px 5px 10px;
    height: 35px;
    text-align: right;
    font-size: 13px;
    font-weight: 500;
}

#_nationwidecountry label {
    width: 57px;

}
#_nationwidecountry select{ width:150px; cursor: pointer; text-align: left;}

.__findpostcode {
    float: left;
    width: 100%;
  padding: 0 12px;
  margin-bottom: 10px
}
.__findpostcode h3{ font-size: 17px; }
.__findpostcode h3 i.far.fa-map-marker-alt{ color:#db2822}
button.__postcodeResetbtn {
    border: none;
    background: none;
    padding: 0;
    float: left;
    font-size: 12px;
    font-weight: 500;
    color: #3f81eb;
    margin-top: 0;
}
button.__postcodeResetbtn:hover{
  color:#db2822
}
.innerpostcodecol {
    width: 100%;
    position: relative;
    display: flex;
    gap:8px;
}

.__findpostcode .innerpostcodecol i.far.fa-map-marker-alt {
  color: #db2822;
      position: absolute;
      right: 13px;
      top: 18px;
      font-size: 16px;
}

.innerpostcodecol select,
.innerpostcodecol input {
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 4px;
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
    height: 42px;
}

span.filterpricebyarrow {
  float: right;
      text-align: center;
      line-height: 35px;
      font-size: 16px;
      cursor: pointer;
      /* width: 39px; */
      margin-top: 0;
      background: #f2f2f2;
      width: 36px;
      height: 36px;
      border-radius: 4px;
}

span.filterpricebyarrow:hover{
  color:#fff;
  background: #3f81eb
}


/* .__subcategory{
  margin: 0 auto;
  width: 135px;
  margin-top: -15px;
}

.__subcategory select {
    width: auto;
    color: #4f5d77;
    font-weight: 500;
    margin-bottom: 9px;
    cursor: pointer;
    font-size: 13px;
}


.__subcategory select option:first-child {
    color: gray;
} */

span.__categoriesIcon {
    float: left;
    font-size: 13px;
    margin-right: 5px;
}
.dropbtn {
  background:none;
  border: none;
  cursor: pointer;
  color:#4f5d77;
  font-weight: 500;
  font-size: 12px
}
.dropbtn:hover{
  color:#db2822
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 300px;
  width: max-content;
    /*box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;*/
  z-index: 1;
  border-radius: 0px 0px 6px 6px;
  margin-top:8px;
  padding: 7px 0 4px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown.__subcategory{
    position: relative;
    width: 100%;
    z-index: 1;
    margin: -16px 0 5px 0;
    float: left;
  }

.dropdown.__subcategory .dropdown-content a{
  padding: 2px 3px 2px 8px;
text-align: left;
border-bottom: 1px solid #fafafa;
color: #4f5d77;
font-weight: 500;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
float: left;
width: 100%;}
.dropdown.__subcategory .dropdown-content a:last-child{ border-bottom: none;   border-radius: 0px 0px 6px 6px;}

.__subcategory .dropdown-content {
  height: 170px; overflow-y: scroll; width:auto;
}

.dropdown.__subcategory .dropdown-content::-webkit-scrollbar-track
{

	background-color: #F5F5F5;
}

.dropdown.__subcategory .dropdown-content::-webkit-scrollbar
{
	width: 2px;
	background-color: #F5F5F5;
}

.dropdown.__subcategory .dropdown-content::-webkit-scrollbar-thumb
{
	background-color: #888;
}


.firstproductbranchinfo {
    position: absolute;
    left: 122px;
    /* top: -109px; */
    padding-top: 4px;

}
/* #carousel-6-columns-categories div.card-1:first-child .__subcategory .dropdown-content{}
  #carousel-6-columns-categories div.card-1:nth-child(5) .__subcategory .dropdown-content{ } */
#carousel-6-columns-categories div.card-1:nth-child(3) .__subcategory .dropdown-content{
    height: 170px!important;
    overflow-y: scroll!important;}



/* .firstproductbranchinfo span::after{
    content: ">";
    width: 18px;
    text-align: center;
    float: right;
    font-size: 18px;
    color: #0d6efd;

} */
.firstproductbranchinfo span{ float: left;}
.firstproductbranchinfo span a{     border: 1px solid #222;
    padding: 7px 3px;
    color: #222;
    font-weight: 400;
    border-right: none;
  font-size: 12px;}
    .firstproductbranchinfo span:last-child a{ border-right:1px solid #222}
.firstproductbranchinfo span:last-child::after{display: none}
.product-detail.accordion-detail .firstproductbranchinfo {
    position: absolute;
    left: 100px;
    top: -59px;
    padding-top: 5px;
    width: 1020px;
}

span.__businessNotification {
    position: absolute;
    line-height: 13px;
    bottom: -22px;
    font-size: 11px;
    color:#000
}

.firstproductbranchinfo span a:hover{
  color: #fff;
    background: #3f81eb;
    border-color:#3f81eb
}

.gotoBackbtn:hover span{ color:#fff}

span.status-label.ended {
    background: #350098;
    color: #fff;
    font-size: 11px;
    padding: 4px 7px;
    border-radius: 4px;

    font-weight: 500;
}

span.status-label.ending {
    background: #ff0000;
    color: #fff;
    font-size: 11px;
    padding: 4px 7px;
    border-radius: 4px;
    font-weight: 500;
}

#featured-product-categories-custom .card-1.border-radius-10.hover-upp:nth-child(3) .__subcategory .dropdown-content,
#featured-product-categories-custom .card-1.border-radius-10.hover-upp:nth-child(4) .__subcategory .dropdown-content,
#featured-product-categories-custom .card-1.border-radius-10.hover-upp:nth-child(5) .__subcategory .dropdown-content,
#featured-product-categories-custom .card-1.border-radius-10.hover-upp:nth-child(6) .__subcategory .dropdown-content{
  height: auto;
  overflow: inherit;
}





/**********Product listing page new design CSS ***********/
.short-desc.mb-15 {
    clear: both;
}

h2.vehicleTitle a:hover{
  text-decoration: underline;
  color:#31BCC1!important
}
.vehicleinfo {
    float: left;
    width: 460px;
}
.vehicleinfo ul{
  margin-left: -4px;
  float: left;
  width: 100%;
}
.vehicleinfo li{
  float: left;
  padding: 0 5px;
  line-height: 18px;
  margin-bottom: 4px;
  font-weight: 500;
  color:#222; border-right: 1px solid #c1c1c1;
}
.vehicleinfo li:last-child{ border-right: none; }
li.category_attribute_custom.newProductlist {
    color: #DB2822;
    font-weight: 600
}
.__salesTags .reservemetst div{ background: none!important; padding: 0; font-weight: 600; text-align: center; width:100%}
.__bidCount{ text-align: center;}
.__salesTags { margin: 0!important; float: none!important}
.detail-gallery.listingProductimage {
    width: 303px;
    float: left;
}
.detail-gallery.listingProductimage .product-image-slider{
    width: 100%;
    float: left;
}

.detail-gallery.listingProductimage .slider-nav-thumbnails.pl-15.pr-15.slick-initialized.slick-slider {
    float: left;
    width: 100%
}

.detail-gallery.listingProductimage a.imgthumbnail img{
  height: inherit;
}

.__listcategory h4{ margin: 0px 0 20px 0!important}

.category-filter-box.custom-filter-box.__listcategory {
        margin-bottom: 5px;
}
.categorybranchlisting li a{
  margin-bottom: 11px;
  float: left;
  font-weight: 500;
  color: #0d6efd!important;
  line-height: 16px;
}
.categorybranchlisting li a:hover{
  text-decoration: underline;
}
span._left_time {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 600;
}
div._start_time {
    font-size: 11px;
    float: left;
    width: 100%;
    text-align: center;
    line-height: 16px;
    color: #222;
    margin-bottom: 6px;
}

.expirydivproducts{ width:100%; text-align: center; font-weight: 500}
.sellerproductGetit {
    float: left;
    width: 100%;
}



._yesbtnrow{

}

/* span.addnewbranch {
    background: var(--color-brand);
    border: 1px solid var(--color-brand);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 45px;
    text-transform: uppercase;
    transition: all .3s linear 0s;
}


span.addnewbranch:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);

} */

span.addnewbranch {
    margin: 11px 0 0 0;
    cursor: pointer;
    background-color: #DB2822;
    color: #fff;
    font-weight: 600;
    padding: 6px 15px;
    float: left;
    width: 160px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;

}

span.addnewbranch:hover{
  color: #fff;
  background: #3f81eb;
}

span._txtdoyouwnt {
    display: block;
    font-size: 13px;
    /* color: #000; */
    font-weight: 500;
    margin-top: 0px;
}



.addcustombranch {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0 35px;
}

.addcustombranch button{
  background: var(--color-brand);
  border: 1px solid var(--color-brand);
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 45px;
  text-transform: uppercase;
  transition: all .3s linear 0s;

}

.addcustombranch button:hover{
  background: var(--color-primary);
  border-color: var(--color-primary);
}

span.selectcategorytitle {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #222;
    font-weight: 500;
    margin: 15px 0 5px 0;
}


._allabel{
  color: var(--color-brand);
      float: right;
      display: flex;
      gap: 11px;
      align-items: center
}

._allabel i.fa{ margin-left: 8px}
div#threeolumnbtn {
    display: flex;
    justify-content: space-between;
}




#product-box .detail-gallery .slick-slider{ margin-bottom: 0px;}
#product-box .slider-nav-thumbnails-slick .slick-list{ padding: 5px!important}
#product-box .slider-nav-thumbnails-slick .slick-list .slick-track{     width: 100%!important;
    justify-content: center;
    display: flex;
    transform: inherit!important;
    padding: 0;}
#product-box .slider-nav-thumbnails-slick .slick-list .slick-track img{ height: 80px; width: auto;  cursor: pointer;}
#product-box .detail-gallery .slick-slider a.imgthumbnail img{     height: 280px!important;
    width: 280px!important; object-fit: cover;}
#product-box .slider-nav-thumbnails-slick .slick-list .slick-track .slick-slide{ width: 80px!important; margin: 0 3px; border: 2px solid #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;}
#product-box .slider-nav-thumbnails-slick .slick-list .slick-track .slick-slide video{ pointer-events: none; cursor: pointer; }
#product-box .slider-nav-thumbnails-slick .slick-list .slick-track .slick-slide.slick-current{border-color:#31BCC1}



.product-image-slider-slick  .slick-list.draggable .slick-track .slick-slide video{ padding: 21.5% 0; background: #fafafa; width:100%}



.product-detail.accordion-detail .slider-nav-thumbnails .slick-track .slick-slide{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px !important

}

.product-detail.accordion-detail .product-image-slider .slick-list.draggable .slick-slide video { padding: 21% 0; background: #fafafa}

.product-detail.accordion-detail .slider-nav-thumbnails .slick-track .slick-slide video{ pointer-events: none; cursor: pointer; }


#product-box figure.slick-slide{ border:none}
#product-box .detail-gallery.listingProductimage {
    width: 280px;
    float: left;
}

#product-box .listviewLayoutClass .product-img-action-wrap{ width: 280px!important}
#product-box .slider-nav-thumbnails-slick.pl-5.pr-5.slick-initialized.slick-slider {
    border: 1px solid #f2f2f2;
    border-radius: 0;
    margin-left: 5px;
    border-left-width: 0;
    border-bottom-width:0;
}
#product-box .endingSoonsection {
    float: left;
    width: 100%;
}

#product-box .endingSoonsection {
    float: left;
    width: 100%;
    margin-top: 5px;
}

#product-box .endingSoonsection h3{
  margin-bottom: 5px
}

#product-box .endingSoonsection p{ color:#222; font-size: 13px;}
#product-box .vehicleinfo ul {
    margin-left: -4px;
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 5px;
}

#product-box .__bidCount {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
}
#product-box .__minutstxt{ float: left; width:100%;}
#product-box .bottomaligntxt{ margin-top: 40px;}
#product-box .bottomaligntxt span{ line-height: 20px;}
#product-box .product-cart-wrap{
  display: flex;
  justify-content: space-between;
}

#product-box .listviewLayoutClass .product-content-wrap{ width:80%;}
#product-box .sellerproducviews.bottomaligntxt {
    /* position: absolute;
    bottom: 90px;
    left: 21px; */

    float: left;
    width:100%;
    margin-top: 0
}


#product-box .sellerproductGetit {
    color: #4f5d77;
    font-size: 13px
}

#product-box span.__minutstxt {
    color: #666;
    font-weight: 600;
}

#product-box ._seller_logo img {
    width: 78px;
    height: 78px;
    float: left;
    border:2px solid #ccc;
}


#product-box ._seller_logo{position: absolute; right: 50px; bottom:4px; width:80px; height: 80px;  }
#product-box .sellerproductinfo{ padding-top:100px;}
#product-box div._start_time{ font-size: 12px; font-weight: 500}



.showfilternewbranch {
    padding: 10px 26px;
    float: left;
    width: 100%;
}
.showfilternewbranch h3{
  font-size: 16px;
  margin-bottom: 12px;
}

.group-branch {
    float: left;
    width: 100%;
        margin: 4px 0;
}
.group-branch input[type="radio"]{
  float: left; width:16px; height: 16px; margin-right:8px;
}

.group-branch label{     float: left!important;
    width: 490px!important;
    text-align: left;
    line-height: 16px;  }
.group-branch label span{ float: left; color:#222; font-weight: 500!important;     font-size: 12px;}
.group-branch label span::after{ content: ">"; float: right; margin: 0 2px; font-size: 15px; color:#222}

.group-branch label span:last-child::after{ display: none}
.barnch1banner{ position: relative; width:100%}

.__bannerTxt {
    position: absolute;
    padding: 20px 26px;
    left: 20px;
    top:10px
}
.__bannerTxt h3{
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 12px 30px;
  float: left;
  color: #fff
}

.title.pt-0.pb-1 {
  font-size: 11px;
  color: #666;
  font-weight: 500;
  margin-top: -4px;
  line-height: 15px;
}

.price.mylistprice{ font-size: 14px; color:#000; font-weight: 600; float: left; margin-top: 4px}
.productmylisting {
    float: left;
    width: 100%;
    margin-top: 25px;
      margin-bottom: 15px;
}

.productmylisting h3{ float: left; width:100%; font-size: 17px; margin-bottom:15px;}
.productmylisting h3 span.borderLine{ border-bottom:3px solid #db2822; padding-bottom:5px;}
.__listlocation {
    float: left;
    margin-top: -3px;
    clear:both
}
.col-lg-2.col-sm-6.d-flex.flex-column.align-items-left.justify-content-center.product-item.my-3 {
    position: relative;
}
.__listlocation i.fa{ color:#db2822; margin-right: 5px; font-size: 9px;}
.__listlocation span{ color:#222; font-size: 11px;}
.__listtimeleft {
    /* float: right; */
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 10px;
    font-weight: 500;
    color: #000;
    padding-top: 2px
}

.productmylisting .sort-by-product-area {
    float: right;
    width: 200px;
}

#shopsearchpage.shop-product-filter ul.sorting-menu label span{ font-size: 13px;}

.resetprice{
	float: right;
	font-size: 12px;
	cursor: pointer;
	color: #777777;
	padding-top: 6px;
}

.resetprice:hover{
	color: #3f81eb;
}


.resetmileage{
	float: right;
	font-size: 12px;
	cursor: pointer;
	color: #777777;
	padding-top: 6px;
}

.resetmileage:hover{
	color: #3f81eb;
}

button.__showmorebtnbranching {
    color: #000;
    border: none;
    background: none;
    padding: 0;
    font-weight: 600;
}

button.__showmorebtnbranching:hover{
  color:#3f81eb
}

button.__hidemorebtnbranching {
    color: #000;
    border: none;
    background: none;
    padding: 0;
    font-weight: 600;
}

button.__hidemorebtnbranching:hover{
  color:#3f81eb
}

.__listcategory ul.branch1newul li{ width:100%;
      margin-bottom: 5px;
    float: left;
    font-weight: 500;
    color: #3f81eb!important;}
.__listcategory ul.branch1newul label span{ float: right; color: #0d6efd!important; margin: 0}
.__listcategory ul.branch1newul label span i.fas.fa-angle-down{
    transition: all 0.4s ease;
    transform: rotateZ(-90deg);}

.__listcategory ul.branch1newul li.showhidearrow label span i.fas.fa-angle-down{
    transform: rotateZ(0deg);
}

.__listcategory ul.branch1newul li label a{ color:#0d6efd!important}
.__listcategory ul.branch1newul li ul label span i.fas.fa-angle-down{
    transition: all 0.4s ease;
    transform: rotateZ(-90deg)!important;}

.__listcategory ul.branch1newul li ul li.showhidearrow label span i.fas.fa-angle-down{
    transform: rotateZ(0deg)!important;
}


.__listcategory ul.branch1newul{ width:100%;     padding-left: 10px;}
.branch1newul ul {
    padding-left: 20px!important;
    line-height: 24px;
    float: left;
    width: 100%;
    margin-top: 5px!important;
    margin-bottom: 0px;
}

a.newlistfirstbranch {
    float: left;
    width: 100%;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 14px;
    margin-top: 5px;
}

#productsidebar span.accordion-button.collapsed {
    background: none;
    border: none;
}

h5.accordion-header{ float: left; width:100%}
.__parentcategory { display: flex; justify-content: space-between; }
.__parentcategory a{ font-size: 14px;}
#productsidebar span.accordion-button.collapsed {
    background: none;
    border: none;
    width: auto;
    padding: 0;
    align-items: flex-end;
}

.__parentcategory span.accordion-button{
  padding: 0;
  background: none;
  border: none;
  width:16px;
}

.category-filter-box.custom-filter-box.__listcategory .accordion-body {
  padding: 0;
  border: none;
  float: left;
  width: 100%;
  margin-top: 6px;
}


.__parentcategory a {
  font-size: 13px;
font-weight: 500;
width: 100%;
color: #363636;
margin: 2px 0;
}
.__parentcategory a:hover{ text-decoration: underline;}
#accordionExample .accordion-item {
    margin: 0 0 15px 0;
    float: left;
    width: 100%;
    padding-left: 25px;
}

a.selectebranch {
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
    float: left;
    width: 100%;
    margin-bottom: 7px;
    display: none

}

h2._filtercategoryName {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 2rem;
    line-height: normal;
}

#accordionExample .accordion-collapse{ border:none}

#accordionExample .accordion-button::after {
    width: .70rem;
    height: .70rem;
    background-size: .70rem;
    background-image: url(../images/arrow-down-sign-to-navigate.png)!important

}

/* .filter-button__cell span.selectedattr strong{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float:left;
} */
.branch4sub,
.branch3sub,
.branch2sub{
  padding-left: 15px;
width: 100%;
display: block;
color: #0d6efd;
font-weight: 500;

  }

  .branch4sub:hover,
  .branch3sub:hover,
  .branch2sub:hover{ text-decoration: underline;}

#__filteraccordianbox .accordion-button{ padding:15px 10px; border:none;
    float: left;
    width: 100%; font-size:.875rem; font-weight: 600; color:#000}
#__filteraccordianbox .accordion-body{ padding: 0 0 10px 0; float: left; width:100%;}
div#__filteraccordianbox {
    float: left;
    width: 100%;
    margin: 0px 0 20px 0
}

#__filteraccordianbox  .accordion-item{ border:1px solid #eee; padding:0; float: left; margin-bottom: 12px; width:100%}
#__filteraccordianbox .accordion-button:not(.collapsed){ background: none; color:#363636}

#__filteraccordianbox  .accordion-item h2 i.fas,
#__filteraccordianbox  .accordion-item h2 i.far{ color:#db2822; margin-right: 5px; width:20px;}
#__filteraccordianbox  .accordion-item h2 {font-size: 14px; font-weight: 500}
#__filteraccordianbox #flush-collapseThree.accordion-collapse{ border: none}

.__sidebarproduct i.far,
.category-filter-box i.far,
.category-filter-box i.fas{ color:#db2822; margin-right: 8px;}
.mappillsicon{ color:#db2822; margin-right: 5px;}
.__sidebarproduct h4{ margin-bottom: 10px!important;}
#accordionExample .__parentcategory{ border:none!important; padding: 0; font-size: .8125rem; color:#0d6efd;  font-weight: 500; cursor: pointer}
div#accordionExample {
  float: left;
  width: 96%;
  margin-top: 0;
  margin-bottom: 15px;
}

div#accordionExample .accordion-button:not(.collapsed){ background: none}
#accordionExample .__parentcategory span:hover{ text-decoration: underline;}
.selectebranchnext{
    padding: 0;
    font-size: .8125rem;
    color: #0d6efd;
    font-weight: 500;}
.selectebranchnext:hover{ text-decoration: underline;}
    .__removeLink span {
        padding-left: 20px;
        width: 100%;
        display: block;
        color: #363636;
      font-weight: bold;
    }
li.__removeLink{ width:100%; float: left; margin-top: 2px!important}

ul.categorybranchlisting {
    float: left;
    width: 100%;
    padding-left: 35px;
}

.__innerSidebarscroll {
    float: left;
    width: 100%;
        padding: 0 15px 0 34px;
}

.__sidebarproduct{ margin-top: 0!important}
/* .category-filter-box.custom-filter-box.__listcategory {
    border: 1px solid #f2f2f2;
    padding: 12px;
} */

.firstproductbranchinfo.shopcategorynew{
  width: calc(100% - 150px); padding-top: 51px!important
}

.onlyforvehicle {
    float: left;
    width: 360px;
    margin: 6px 0 10px 0;

}

span.choosencategory {
    margin-bottom: 8px!important;
    margin-top: -9px!important;

}

.categorysection{ margin-bottom: 0!important}
.keyword-suggestion__labels {
    padding: 25px 33px 3px!important;
    margin-top: 15px!important;
}

.draftsproducts-section h3{ margin-top: 20px;}
h6._headingH6 {
    margin-top: -20px;
}

.category-filter-box.custom-filter-box.__listcategory.__mainCategoryfilterbox {
    margin-bottom: 25px;
    float: left;
    width:100%;


}

.category-filter-box.custom-filter-box.__listcategory.__mainCategoryfilterbox  ul.categorybranchlisting{
  padding-left: 29px;
}

span.moderationloader {
  position: absolute;
  right: 12px;
  font-size: 14px;
  top: 93px;
  opacity: .6;
}

.col-lg-6.parentmoderation {
    position: relative;
}

.col-lg-6.parentmoderation span.moderationloader{
    right: 25px;
    top: 78px;
}

fieldset.input-row span.moderationloader {
    position: absolute;
    font-size: 24px;
    top: 96px;
    opacity: .6;
    right:20px

}

.imgPreview.deafulatimagepreview{ position: relative;}
.imgPreview.deafulatimagepreview #previewimage{ display: none}
.imgPreview.deafulatimagepreview::after{
  content: "";
      background: url(../images/main-icon.png);
      background-position: center;
      background-size: 80px auto;
      width: 100%;
      text-align: center;
      height: 80px;
      position: absolute;
      background-repeat: no-repeat;
      left: 0;
      top: 38%;

}

.__dintancecol {
    width: 50%;
}
.__dintancecol label{
  margin-bottom: 0;
    font-weight: 500;
    margin-top: 2px;}


#one-panel .product-img img.hover-img {display: none}
#panelsStayOpen-collapseOne #accordionExample {
    padding: 15px;
    width: 100%;
}
#panelsStayOpen-collapseOne #accordionExample .accordion-item{ padding-left: 0}
.featuresmultivalues{
    width:370px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    color: #000;
    font-weight: 400;
}




.__productlisttable td,
.__productlisttable th {
    padding: 6px 10px;
}
.__productlisttable td{ font-size: 12px;}

.__productlisttable tbody tr:nth-child(even),
.table-account tbody tr:nth-child(even){background-color: #f2f2f2;}
.table-account thead th{ background: #f2f2f2}
input#holidaydaterange { width: 100%!important;}


/*************Service page CSS*************/
#__servicepagesection{ float: left; width:100%; margin: -68px 0 30px}
#__servicepagesection .__serviceHeader{ border-bottom:1px solid #f2f2f2; float: left; width:100%}
.__serviceHeader .header__center{ display: flex; justify-content: center; padding-bottom:15px;}
.__serviceHeader .header__center a img{ width:140px;}
._serviceinnerForm{ float: left; width:100%; position: relative;}
._serviceinnerForm h6 span{ color:#db2822}
._serviceinnerForm h6{ color:#222; margin-bottom: 15px; font-size: 14px; font-weight: 500;}
._serviceinnerForm h6 i.fa{ margin-left: 5px;}
.serviceForm { float: left; width: 100%; margin: 30px 0;}
._serviceinnerForm textarea{       float: left;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 8px 10px;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    height: 43px;
    resize: none;
    min-height: 43px;}
.__counttxt{
    position: absolute;
    right: 10px;
    top: 41px;
    font-weight: 600;
}

._serviceinnerForm.mt50 {
    margin-top: 30px;
}
._serviceinnerForm.mtgap25{ margin-top: 5px}
._serviceinnerForm.mtgap25 h5.headingH5{ font-size: 13px!important}
.__threecolumnDiv {
  /* Activate grid layout */
	display: grid;
	/* Create 3 columns, each 1 "fractional unit" wide */
	grid-template-columns: 1fr 1fr 1fr;
	/* Add a 10px gap between columns and rows */
	grid-column-gap: 15px;
	grid-row-gap: 15px;
  clear: both;
  padding-top: 5px;
}

.__threecolumnDiv .__select_attribute{ width:100%!important; min-width: 100%!important; font-size: 12px;}
.__threecolumnDiv .featuresmultivalues { width: 92%; font-size: 12px}
.__threecolumnDiv div.collapseFeatures ul li{ padding-left: 0}

.__threecolumnDiv .textual-display span{     color: #363636;
    font-weight: 500;
    font-size: 13px}

.serviceformbtnrow{ justify-content: left; width:100%; gap:15px; padding-top: 50px; display: flex; clear: both;}
.listingtitledetails {
  float: left;
  width: 100%;
}



/* Hide all steps by default: */


#progressBarrow{
  max-width: 976px;
  margin: 0 auto;
}




._priceInputbox {
    width: 365px;
    position: relative;
        float: left;
}

._priceInputbox input[type="text"]{
  float: left;
      border-radius: 6px;
      border: 1px solid #8f8f8f;
      background: #f7f7f7;
      padding: 8px 10px 10px 40px;
      color: #000;
      font-weight: 500;
      font-size: 12px;
      cursor: pointer;
      height: 43px;
      resize: none;
      min-height: 43px;
}

._priceInputbox span{ position: absolute;
    left: -1px;
    top: 1px;
    font-size: 15px;
    font-weight: 600;
    background: #707070;
    width: 30px;
    text-align: center;
    color: #fff;
    height: 42px;
    border-radius: 8px 0 0 8px;
    line-height: 42px;
  }

  span.__txtpricecharge {
      float: left;
      width: 100%;
      margin-bottom: 3px;
  }

  #__servicepagesection div.collapseFeatures ul li span{  white-space: nowrap;
   /*float: left;*/ width: 88%;
}
    #__servicepagesection div.collapseFeatures ul li label{ width: 100%;}

.serviceformbtnrow button#nextBtn {
    background: #db2822;
    border: 2px solid #db2822;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 8px 35px;
    border-radius: 7px;
    gap:6px;
}

.serviceformbtnrow button#nextBtn:hover,
.serviceformbtnrow button#prevBtn:hover{
  background: #3f81eb; border-color:#3f81eb; color:#fff
}

.serviceformbtnrow button#prevBtn{
  background: #fff;
  border: 2px solid #db2822;
  color: #db2822;
  text-transform: uppercase;
  font-weight: 500;
  padding: 8px 35px;
  border-radius: 7px;
}


.switch-field {
	display: flex;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #fff;
	color: #222;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	padding: 10px 18px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	transition: all 0.1s ease-in-out;
  font-weight: 500
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #db2822;
	box-shadow: none;
  border-color:#db2822;
  color:#fff
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

.otherCaptionbox{
  float: left;
  width:100%;
  clear: both;
}

input.__listinginput.swellingsUnits {
    width: 50px !important;
    margin-left: 5px !important;
}


#service-create-form .otherCaptionbox .caption-info{ margin-right: 10px; position: relative;}
#service-create-form .otherCaptionbox .caption-info:last-child{margin-right: 0}
.jobType{
  /* Activate grid layout */
  display: grid;
  /* Create 3 columns, each 1 "fractional unit" wide */
  grid-template-columns: 1fr 1fr;
  /* Add a 10px gap between columns and rows */
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  clear: both;
  width:400px;
  padding-top: 5px;
}

.__selectJobtype{
  /* Activate grid layout */
  display: grid;
  /* Create 3 columns, each 1 "fractional unit" wide */
  grid-template-columns: 1fr 1fr;
  /* Add a 10px gap between columns and rows */
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  clear: both;
  width:400px;
  padding-top: 5px;
}

.__selectJobtype label{ cursor: pointer}
.__selectJobtype label input{
   float: left; height: 17px; width: 17px; margin-right: 5px;
}
.__selectJobtype label span {
    float: left;
    margin: -2px 0 0 2px;
    font-weight: 500;
    color: #363636;
}

.jobType .caption_btn{ float: left; height: 16px; width: 16px; margin-right: 5px; }


.caption_btn{ float: left; height: 17px; width: 17px; margin-right: 5px;}
.caption-info span {
    float: left;
    margin: -3px 0 0 2px;
    font-weight: 500;
    color: #363636;
    font-size: 12px
}
.caption-info{ cursor: pointer;}

.mainotherCaptionbox ._serviceinnerForm{ width:360px;}
.mainotherCaptionbox ._serviceinnerForm label{
    color: #363636;
    font-weight: 500;
    font-size: 13px;
    float: left;
    width:100%
}
.mainotherCaptionbox ._serviceinnerForm { margin-top: 15px;}
.service_form_input{
    min-width: 100%;
    width: 100%;
    float: left;
    border-radius: 6px;
    border: 1px solid #8f8f8f;
    background: #f7f7f7;
    padding: 7px 10px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    height: 42px;
}

._serviceinnerFormstep5{
   background:#fafafa;
   padding: 30px;
   float: left;
   margin-top: 0px;
   width:100%;
}

._serviceinnerFormstep5 .info-section{
  float: left;
  width:100%;
  margin: 10px 0
}

._serviceinnerFormstep5 .info-section label{
  float: left;
  margin:8px 0 0 2px;
  font-weight: 500;
  color: #363636;
  width:125px;
  text-align: right;
}
._serviceinnerFormstep6 .info-section label{
  float: left;
  margin:8px 0 0 2px;
  font-weight: 500;
  color: #363636;
  width:100%;
  text-align: left;
}

._serviceinnerFormstepone label,
.input-row-hyperlink._serviceinnerForm label{
  float: left;
  margin:8px 0 5px 0px;
  font-weight: 500;
  color: #363636;
  width:100%;
  text-align: left;
}
._serviceinnerFormstep5 .info-section .established{
  width: 500px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-left: 17px;
    padding-left: 10px;
    background: #fff
}

._serviceinnerForm._serviceinnerFormstep5 textarea{
  float: left;
  width:625px;
  height: 60px;
  margin-left: 17px;
      cursor: auto;
}


.otherinfostep6 {
    margin-top: 5px;
    float: left;
    width: 600px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-left: 0;
    padding-left: 10px;
    margin-bottom: 10px;
    background: #fff
}
label#serviceinfo\[website\]-error {
    float: left;
    width: 100%;
    font-weight: 500;
        margin: -8px 0 15px 0;
}

label#product-aboutus-error {
    float: left;
    width: 100%;
    color: red;
    text-align: left;
    padding-left: 143px;
    margin-top: 2px
}
._serviceinnerFormstep6 .info-section span{
  float: left;
  width: 100%;
}

._serviceinnerFormstep6 .info-section textarea{}

._serviceinnerFormstepone{
  width:739px;
}

._serviceinnerFormstepone input[type="text"],
._serviceinnerForm.input-row-hyperlink  input[type="text"] {
  width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding-left: 10px;
    height: 42px;
    color:#363636;
    font-weight: 500;
    background: #fff
}
._serviceinnerFormstepone.mt10{
  margin-top: 10px;
}
._serviceinnerFormstepone textarea{ height: 65px;}

.txtgreatly {
    float: left;
    width: 100%;
    color: #363636;
    font-weight: 500;
    margin-bottom: -15px
}


._serviceinnerForm.input-row-hyperlink { width:406px}





#__servicepagesection form#service-create-form{
    margin: 40px auto;
    max-width: 976px;
    min-height: calc(100vh - 235px);
}



#__servicepagesection #myId {
    align-items: center;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    justify-content: center;
    padding: 100px 0 80px;
    color: #707070;
    box-sizing: border-box;
    background: none;
    border: 1px dashed #ccc;
    position: relative;
    font-weight: 600;
    color: #454545;
    font-size: 14px;
    float: left;
    width: 23.8%;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 220px;
}

#__servicepagesection #myId {
    width: 400px;
    margin: 0;
    height: 400px;
    border: 1px solid #ccc;
    color: #999;
    font-weight: normal;
    font-size: 15px;
    padding-top: 140px;
    border-radius: 6px;
}


#__servicepagesection #myId::before{
  background-image: url(../images/main-icon.png);
  background-color: inherit;
  height: 80px;
  width: 80px;
  background-size: 70px auto;
  background-repeat: no-repeat;
  background-position: top 10px left 8px;
  border-radius: 0;
  top: 27%;
  content:"";
  position: absolute;
}

.duration_servicecol {
    display: flex;
    width:671px;
  margin: 10px 0 0 0;
  align-items: center;
}

.duration_servicecol .date-section{ display: flex; justify-content: flex-start; gap:10px;}
.duration_servicecol label{
  float: left;
  margin:0px;
  font-weight: 500;
  color: #363636;
  width:170px;
  text-align: left;

}

.date-section .date-box{ float: left; width:200px;}
.date-section .date-box input{ width: 16px;
    height: 17px;
    float: left;
    margin-right: 9px;
    margin-top: 3px;}

.date-section .date-box span{
  float: left;
  margin:0px;
  font-weight: 500;
  color: #363636;
  width:150px;
  text-align: left;
}

.date-box-cal select{
    border: 1px solid #8f8f8f;
    background: #f7f7f7; color:#000;
    padding: 6px  8px;
    font-size: 12px;
        border-radius: 4px;
    }

.date-box-cal span{
  line-height: 31px;
  font-weight: 500;
  color: #363636;
}

#listallbtn.__listallservice{ border-radius: 4px;}
ul.coverdArealist li:first-child{ border-right: none}
.openinfo {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    margin: -3px 0 5px 0;
}
.openinfo span.status-open-now{
  color:#68bf68;
}

.openinfo span.status-close-now{ color:red!important}

div.inner_contactboxservice {
    clear: both;
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    /* margin: 10px 0 5px 0; */
    padding: 2px 0 8px 0;
}
div.inner_contactboxservice a,
div.inner_contactboxservice span.__btnGetaquotebt{
    /* background: #ffd43b; */
      background: #DB2822;
    color: #fff;
    padding: 5px 15px;
    font-weight: 500;
    border-radius: 4px;
    transition: inherit;
    cursor: pointer
}



div.inner_contactboxservice a span,
div.inner_contactboxservice span.__btnGetaquotebt span{
  transition: inherit;
}

._contactboxservice {
    display: flex;
    clear: both;
    justify-content: space-between;
    align-items: start;
    padding-top: 3px;
    flex-direction: column;
}

.reviewbox {
    display: flex;
    justify-content: space-between;
    width: 165px;
    font-size: 13px;
}

span.__rating_box {
    color: #db2822;
    font-weight: 500;
}

span.__reviewBox {
    color: #3f81eb;
    font-weight: 500;
}
div.inner_contactboxservice a i{ float: left;  margin: 6px 5px 0 0;}
div.inner_contactboxservice a:hover,
div.inner_contactboxservice span.__btnGetaquotebt:hover{ background: #3f81eb; color:#fff; }
div.inner_contactboxservice a:hover i,
div.inner_contactboxservice span.__btnGetaquotebt:hover i.fa{ color:#fff}

.formboxinnertext span a{ background: none; padding: 0; color:#0d6efd}
.desablequoteform {
    /* display: flex; */
    position: absolute;
    width: 100%;
    text-align: center;
    justify-content: center;
    height: 100vh;
    background: rgba(255,255,255,0.6);
    z-index: 5;
    padding-top: 65%;
    font-size: 20px;
}




.__mainCategoryfilterbox .categorybranchlisting a.activeli{ color:#222!important; font-weight: 600}
section.newsletter.bg-brand.p-30.text-white.wow.fadeIn.animated {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.popipforholiday {
  float: left;
  width: 100%;
  padding: 25px 0;
  margin-bottom: 0;

}
.popipforholiday h3.textual-display-holiday{ font-size: 17px; text-transform: uppercase;}
.popipforholiday .textual-display span{ color:#db2822; cursor: pointer;     border: none;}
.popipforholiday .textual-display span:hover{ text-decoration: underline;}

.__productlistGrid.table-responsive { overflow-x: inherit;}
.holidaysdate {
    float: left;
    width: 100%;
    display: flex;
    justify-content:start;
    gap:6px;

}
.holidaysdate i.far.fa-calendar-alt{ color:#db2822; padding-top: 4px; }
.holidaysdate span{ font-size:13px; font-weight: 600; color: #222;}
#addHolidayHere h5.modal-title{  padding: 8px 0;}
#addHolidayHere .form-label{ font-weight: 600; color:#363636; margin: 0 0 1px 0 ; float: left; width: 100%}
#addHolidayHere .form-group{ margin-bottom: 7px;}
#addHolidayHere .form-group select,
#addHolidayHere .form-group input[type="text"] {     height: 42px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    padding-left: 10px;
}
#addHolidayHere .form-group select:focus,
#addHolidayHere .form-group input[type="text"]:focus{ box-shadow: none}
#addHolidayHere button.btn.btn-secondary { display: none}
#addHolidayHere button.btn.btn-primary.saveholiday {
    float: right;
    border-radius: 6px;
    margin-top: 10px;
}

#addHolidayHere .form-group label.error{ color:#ff0000; width:100%; margin: 0 0 0 0; float: left;}
.holidayloader {
    position: absolute;
    background: rgba(255,255,255,0.7);
    width: 100%;
    text-align: center;
    height: 100%;
    left: 0;
    padding-top:28%;
    font-size: 30px;
    top:0
}

.holidayloader i.fas{ opacity: .6}
._holidayDatepicker {
    float: left;
    width: 100%;
    margin-top:10px;
    position: relative;

}

._holidayDatepicker #holidaydaterange {     border-radius: 4px;
    /* padding-left: 10px; */
    width: auto;
    padding: 8px 15px 8px 32px;
  border: 1px solid #ccc;
  cursor: pointer;
  color: #222;}

._serviceinnerForm ._holidayDatepicker #holidaydaterange{    width: 320px!important;
    background: #fff;
    height: 43px;
    padding-top: 11px;}
._serviceinnerForm ._holidayDatepicker .icon_calender{    top: 43px!important;
    font-size: 17px;}
.thisismultislectcheckbox .textbox.se-textbox--input{ width:100%}
/* .verifayimagecontent div.collapseFeatures{ width:700px!important} */
.verifayimagecontent div.collapseFeatures{ width:100%}
button.brand-btn.savedescription {
    display: none;
}

.addtional-section {
    margin-top: 25px;
}
.verifayimagecontent div.collapseFeatures#collapseAttribute14 { width:100%!important;}
.verifayimagecontent div.collapseFeatures#collapseAttribute11 { width:100%!important;}
.icon_calender{ position: absolute;
    left: 11px;
    top: 63px;
    font-size: 17px; color:#222}

    span.__textcheckin {
      color: #363636;
      font-weight: 500;
      line-height: 20px;
      float: left;
      width: 100%;
      font-size: 13px;
      margin-bottom: 10px;
  }
.daterangepicker .calendar-table table td,
.daterangepicker .calendar-table table th{ padding: 0!important}
#__countryBox .textbox.se-textbox--input{ width:100%}
#__countryBox .__select_attribute{ width:100%; border: 1px solid #ccc;
    background: #fff;}
fieldset#__countryBox {
    margin-bottom: 7px; margin-top: 0;
}

#__countryBox div#collapseAttribute .card{ border-color:#ccc}
._searchcountry{ border: 1px solid #ccc;
    border-radius: 4px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
    padding: 0 15px;
    height: 36px;}
#__countryBox  ul.extrafeaturesul {
    float: left;
    width: 100%;
    display: block;
    height: 160px;
    overflow-y: scroll;
}
#__countryBox  div#collapseAttribute ul li{ padding-left: 0;}

.servicewouldlink a:hover{ text-decoration: underline;}
span.servicewouldlink {
    float: left;
    width: 100%;
}

.product-aboutus {
    float: left;
    width: 100%;
    margin: -9px 0 8px 0;
    color: #222;
    font-weight: 500;
}

span.__durationType {
    font-weight: 500;
    margin: 10px 0 0 5px;
    float: left;
    font-size: 14px;
}

#featured-product-categories.__servicesectionslider .card-1{ padding-top: 22px; padding-bottom: 0!important}

img.__serviceicons{ height: 45px; width:45px;}
.__serviceHeadinglink{ margin-top: 8px; }
.__serviceHeadinglink a{  color:#db2822}

.__serviceHeadinglink {
    margin-top: 14px;
    float: left;
    width: 100%;
    font-weight: 500;
}

#featured-product-categories.__servicesectionslider{ margin: 50px 0 0 0; }
#product-box #featured-product-categories.__servicesectionslider{ display: none}
.barnch1banner {
    margin-bottom: 20px;
}
form#service-create-form .info-section .ck.ck-editor {
    position: relative;
    float: left;
    width: 83.2%;
    margin-left: 17px;
}

form#service-create-form .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){
  border:1px solid #ccc;
  height: 180px;
      border-radius: 0 0 5px 5px;
}

form#service-create-form .ck.ck-toolbar {
  border:1px solid #ccc; border-bottom: none;
  border-radius: 5px 5px 0 0;
}

form#service-create-form  ._serviceinnerFormstep6 .ck.ck-editor {
    position: relative;
    float: left;
    width: 100%;
    margin-left: 0;
}
form#service-create-form .serviceformbtnrow button{ border-radius: 6px; padding: 12px 40px!important;}
form#service-create-form .serviceformbtnrow button.listall{   padding-top: 0px!important;}

form#service-create-form .serviceformbtnrow button#listallbtn{ padding: 12px 40px;}
form#service-create-form .serviceformbtnrow button#listallbtn:disabled{ cursor: not-allowed!important;}
.grid_service_availability {
    width: 400px;
}

.serviesskill {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}

h3.serviceh3Heading{     font-size: 20px;
    width: 100%;
    /* float: left; */
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 12px; }
h5.serviceh5Heading{
    width: 100%;
     font-size: 14px;
     color:#363636;
     margin:5px 0 12px 0;
     font-weight: 500

}
h5.serviceh5Heading span{
  font-size: 12px; color:#999; font-weight: 500; padding-left: 5px;
}
.three-column-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.three-column-list li i.fas.fa-check {
   color:#1a9015; margin-right: 7px;
}
.three-column-list li{
  color:#363636;  text-transform: capitalize;
}



.paymentbox {
    float: left;
    width: 100%;
    padding: 0 0 15px 0;
}

.paymentbox h3 {
    font-size: 22px;
    width: 100%;
    margin-bottom: 25px;
}

.addPaymentSection {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}
a.addpaybtn {
    background-color: var(--color-brand);
    color: #fff;
    padding: 10px 25px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
}
a.addpaybtn:hover{
  background: #0d6efd
}

.payment-method-section {
    width: 100%;
    float: left;
    background: #fff;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    padding: 20px 20px 15px 20px;
    margin-top: 18px;
    border-radius: 10px;
    clear: both;
}


.carddetailoverview {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.carddetailoverview span{
  font-size: 14px; font-weight: 600; color:#363636
}

span.cardNametype {
    float: right;
    margin-bottom: -20px;
}


.main-payment-method-section {
    width: 100%;
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 1fr
}

.__cardending {
    color: var(--color-brand) !important;
}

span.card-status {
    display: flex;
    gap: 10px;
    align-items: center;
}


.cardNametype {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cardNametype img{ width:40px;}
.cardactionbtn {
    display: flex;
    gap: 10px;
    padding-top: 5px;
}

.cardactionbtn span{ color: var(--color-brand) !important; font-weight: 500; cursor: pointer}
.cardactionbtn span:hover{
  color:#0d6efd
}

.addPaymentSection #addpayment-form #card-element{
      padding: 15px 15px 15px 18px; height: auto;
}



.addPaymentSectioncard {
    width: 450px;
    float: left;
}

.paytwocolumn {
    display: grid;
    grid-template-columns: 60% 35.7%;
    gap: 20px;
    margin-bottom: 15px;
    width: 100%;
}

.addPaymentSectioncard .fullwidth.card-form.parentmoderation {
    width: 100%;
    margin-bottom: 15px;
}


.addPaymentSectioncard .card_label {
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 500;
    color: #000;
    margin-bottom: 4px;
}

.carddetailinput #card-element {
    padding: 15px 15px 15px 18px;
    height: auto;
    float: left;
}

button#addpayment-btn {
    padding: 10px 25px;
    float: right;
}









@media (max-width: 768px) {
    .three-column-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .three-column-list {
        grid-template-columns: 1fr;
    }
}


/*******************__serviceaccordian***************/
#__serviceaccordian{ float: left; width:100%; }
#_serviceAccordian #accordionExample{ width: 100%; margin-left: -1px;}
#_serviceAccordian .accordion-body{ border: 1px solid rgba(0,0,0,.125); border-top:none; padding: 1rem 1em}
.__skillscount{     background: #db2822;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    border-radius: 15px;
    padding: 5px 7px;
    margin-left: 5px;
    text-transform: capitalize;}

#_serviceAccordian  h2.accordion-header button  {
      border-bottom: 1px solid rgba(0,0,0,.125); outline: none; font-size: 13px; color:#363636; font-weight: 500; padding: 1rem 1rem;     border-radius: 8px;
      background: #f2f2f2
    }
#_serviceAccordian  h2.accordion-header button:focus{ border-color: rgba(0,0,0,.125);}
.three-column-list li{ font-size: 12px;}
#_serviceAccordian #accordionExample .accordion-item{ margin-bottom: 17px; padding-left: 0; }
.__btnGetaquote{
  height: 44px;
    float: left;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 15px;
    width: auto;
    line-height: 24px;
        background: #0d6efd; width:100%; margin-top: 10px;
        text-align: center;
        border-radius: 6px; cursor: pointer;

}
.__btnGetaquote:hover{ background: #DB2822}
.__companyLogo img{ width:60px; height: auto;}
.__companyLogo {
    float: left;
    margin-right: 10px;
}
.modal-header-quote {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.__logoTitle{ display: flex;}
.modal-header-quote h5{ padding-top: 3px}
.__quoteformbox h4{ color:#DB2822; width:100%; margin-bottom: 18px; margin-top: -5px}
.__quoteformbox h5{ color:#DB2822; width:100%; margin-bottom: 10px;}
.__quoteformbox input[type="text"],
.__quoteformbox input[type="email"]{ background: none; border: 1px solid #ccc; margin-bottom: 8px; width:100%; border-radius: 4px; color:#222}
.__quoteformbox textarea{ background: none; border: 1px solid #ccc;  width:100%; border-radius: 4px; height: 70px; resize: none; min-height: 70px;
   color:#222; padding-left: 10px}
.__quotechar {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: -4px;
font-size: 12px;
}

.__quoteformbox {
    width: 100%;
    margin-top: 15px;
}

._quotepointlist {
    width: 100%;
    display: block;
    float: left;
}

._quotepointlist label{    border: 1px solid #ccc;
    width: 100%;
    border-radius: 4px;
    padding: 10px 15px; margin-bottom: 0px
}
._quotepointlist label input{ float: left; height: 18px; width: 18px; margin: 2px 8px 0 0}
._quotepointlist label span{ float: left; font-weight: 500; color:#222}
._quoteradiobtn{ margin-top: 15px;}
.__contactdetailbox {
    margin-top: 15px;
    float: left;
    width: 100%;
}
button.btn.btn-primary.formbtnrequest {
    width: 100%;
    margin-top: 10px;
    font-weight: 500;
        border-radius: 5px;
}

.formboxinnertext{ float: left; width:100%; margin-top: 8px;}
.formboxinnertext span{    float: left;
    width: 100%;
    font-weight: 400;
    color: #363636;
    margin-bottom: 5px;
    line-height: 15px;
    font-size: 11px
}

.distanceArrowbtn{
  margin-top: 26px!important;
      padding: 4px 10px 3px;
      height: auto!important;
      font-size: 16px!important;
}

span.__quotelogin {
    width: 100%;
    text-align: center;
    display: block;
    padding: 11px 0 10px 0;
    font-size: 15px;
}

span.__quotelogin a{
  text-decoration: underline;
}

span.__quotelogin a:hover{ color:#ff0000}

form#service-create-form #name-error,
form#service-create-form #attributenameServices-error,
#subtitle-error,
#phone_number-error,
.editorerror{ color:#ff0000; margin-top: 2px; font-weight: 500; clear: both;
    width:100%;}
    #phone_number-error,
    .editorerror {
        padding-left: 144px;
        text-align: left;
    }
._serviceinnerFormstep6 .editorerror{ padding-left: 0}

form#service-create-form #datepickerservice{
  width: 300px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-left: 0px;
  padding-left: 10px;
  background: #fff;
}

.info-section.__availabilitycolumn {
    display: block;
    width: 100%;
    margin: 15px 0 15px 0;
    float: left;
}

.info-section.__availabilitycolumn label{
    float: left;
    margin: 0px;
    font-weight: 500;
    color: #363636;
    width: 170px;
    text-align: left;
}

.info-section.__availabilitycolumn textarea{     width: 502px;
    margin: 0;
    height: 70px;
    line-height: 18px;}
#__availableAtCustomTimes tr th{ line-height: 15px}

.__quoteformbox textarea::placeholder {
    color: transparent;
}

.detailJobtype{ float: left; width:100%; margin-top: 15px;}
.__jobtimerow{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 5px;
  clear: both;
  width:65%;


}

.columnjob {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.columnjob span{
    font-size: 13px; color:#363636; font-weight: 500; margin-right: 12px; width:110px;
}


.mainotherCaptionbox.hidden-div#toggleDiv{
    float: left;
    width: 100%;
    background: rgb(250, 250, 250);
    padding: 23px;
    border: 1px solid rgb(204, 204, 204);  margin-top: -7px;
  }

  .innerpreferredbox select {
      width: 100%;
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 5px 8px;
      height: 40px;
      cursor: pointer;
      font-weight: 500;
  }
.columnjob input[type="number"]{
  width: 80px;
  float: left;
  border: 1px solid #8f8f8f;
  border-radius: 6px;
  padding-left: 10px;
  height: 36px;
  color: #363636;
  font-weight: 500;
  background: #f7f7f7;
}


section#productfullwidth {
    margin-top: 105px;
}
.__jobdaysrow {
    float: left;
    width: 100%;
    margin-top: 35px;
}

.__jobdaysrow #dropdownButton{
  float: left;
  border: 1px solid #8f8f8f;
  border-radius: 6px;
  padding-left: 10px;
  height: 38px;
  color: #363636;
  font-weight: 500;
  background: #f7f7f7;
  width: 307px;
  text-align: left;
}
.__jobdaysrow span{ margin-right: 10px;}
.__jobtime{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 5px;
  clear: both;
  width:55%;
  margin-bottom: 10px
}
.__jobtime .caption_btn {
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

._salaryrangebox {
    display: flex;
    width: 60%;
    gap: 50px;
    justify-content: space-between;
    padding-top: 21px;
}

._salaryrangebox ._priceInputbox{ display: flex; justify-content: space-between; align-items: center;}
._salaryrangebox ._priceInputbox label{
       font-size: 13px;
    color: #363636;
    font-weight: 500; margin-right: 12px; width:182px; margin-bottom: 0; text-align: right}
._salaryrangebox ._priceInputbox span{ left: 100px;  border-radius: 6px 0 0 6px;}
._serviceinnerForm.mt20{ margin-top: 25px;}

.__employeeType{
  display: grid;
      grid-template-columns: 72px 1fr 1fr;
      grid-column-gap: 5px;
      grid-row-gap: 5px;
      clear: both;
      width: 280px;
      padding-top: 20px;
      padding-bottom: 25px;

}
.__employeeType .caption_btn {
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

.jobsForm {
    float: left;
    width: 100%;
    background: #f2f2f2;
    padding: 20px;
}

.jobsinner{ width:49%}
.jobsinner label{ font-size: 13px;
color: #363636;
font-weight: 500;  float: left; width:100%}
.jobsinner label span{ font-size: 10px;}
.jobsinner input[type="text"]{
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding-left: 10px;
    height: 42px;
    color: #363636;
    font-weight: 500;
    background: #fff

}

.left{ float: left;}
.right{ float:right}
.jobsinner.full{ width:100%!important; position: relative;}
.wordcounttxt{     position: absolute;
    bottom: 18px;
    right: 10px;
    font-weight: bold;
}

.btnnextsearch{      background: var(--color-brand);
    border: 1px solid var(--color-brand);
    border-radius: 4px;
    color: #fff;
    padding: 8px 30px;
    text-transform: uppercase;
    float: right;
    font-weight: 600; margin-top: 8px;}
.btnnextsearch:hover{
  color: #fff;
  background: var(--color-primary); border-color: var(--color-primary);
}


.preferredbox {
    display: flex;
    gap: 15px;
    width: 100%
}

.innerpreferredbox {
    display: flex;
    width: 50%;
    white-space: nowrap;
    align-items: center;
}
.innerpreferredbox label{
  margin: 0 10px 0 0;
  font-size: 13px;
  color: #363636;
  font-weight: 500;

}

.innerpreferredbox input[type="text"]{
  border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 8px 10px;
    font-size: 12px;
    width:150px
}

label.pl10{ padding-left: 10px;}

/* .innerpreferredbox input{
  border-radius: 6px;
    border: 1px solid #8f8f8f;
    background: #f7f7f7;
    padding: 6px 10px;
    font-size: 12px;
    width:100px;
    height: 38px;
    margin-right: 10px;
} */

.innerpreferredbox.mt30{ padding-top: 25px;}

.mainskillcolumn {
    width: 400px;
    display: flex;
    gap: 15px;
    margin-bottom: 8px;
}

.mainskillcolumn label{
  font-size: 13px;
  color: #363636;
  font-weight: 500;
  width:100%; margin-bottom: 3px;
}

.mainskillcolumn input,
.skillexp select{
  border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 6px 10px;
    font-size: 12px;
    width:100%;
    height: 38px;

}
.skillexp select{ cursor: pointer}
.skillname {
    width: 75%;
}

.skillexp {
    width: 25%;
}

#addLanguage .mainskillcolumn{  width:100%}



/********************** builder process css *******************/
.__categorySearchbox {
    width: 100%;
    background: #fafafa;
    padding: 20px;
    float: left;
}

.__twocolumnbox {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding-top: 10px;
}

.__categorySearchbox select,
.__categorySearchbox input{ width:100%; background-color: #fff; border:1px solid #ccc; border-radius: 4px; padding: 5px 8px;  height: 40px;     font-weight: 500;}
.__categorySearchbox label{ margin-bottom: 4px}
.__categorySearchbox select{ cursor: pointer}
.fullColumncategory{ position: relative; width:100%}
.fullColumncategory i.far{ color: var(--color-brand);font-size: 18px;
    position: absolute;
    right: 12px;
    top: 40px;}
._categoryLink {
    float: left;
    width: 100%;
    margin: 10px 0 0px 0;
}
._serviceinnerFormcol select{
   width:100%; background-color: #fff; border:1px solid #ccc; border-radius: 4px; padding: 5px 8px;  height: 40px; cursor: pointer;
   font-weight: 500
}
._serviceinnerFormcol input,
.input-row-hyperlinkcolumn input{
   width:100%; background-color: #fff; border:1px solid #ccc; border-radius: 4px; padding: 5px 8px;  height: 40px;
}

.entertainmentsection {
    float: left;
    width: 100%;
    margin-top: 2px;
}
.innerentertainmentsection {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 15px;
    align-items: center;
    position: relative;
}

.innerentertainmentsection label{
margin: 0; width:170px;     color: #363636;
    font-weight: 500;
    font-size: 13px;
}

.innerentertainmentsection input[type="text"],
.__listinginput
{
  width:100%; background-color: #fff; border:1px solid #ccc; border-radius: 4px; padding: 5px 8px;  height: 40px;
  font-weight: 500
}

h2.serviceHeadingh2 {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
    font-size: 32px;
    gap:8px
}

h2.serviceHeadingh2 img{ height: 35px; margin-top: -20px}
h2.serviceHeadingh2 div{ font-size: 18px}
h2.serviceHeadingh2 div span{color: var(--color-brand)}

span.txtadbulder {
    color: #363636!important;
    font-size: 24px;
}

.lbltxt{ float: left; width:100%; color:#666}
._sellerdescbox textarea{width:100%; background-color: #fff; border:1px solid #ccc; border-radius: 4px; padding: 5px 8px; min-height: 80px;
  margin-top:10px; height: 80px;}
._sellerdescbox{ float: left; width:100%; }
.input-row-hyperlinkcolumn._serviceinnerForm{ width:370px;}
.inneradbuildercolumn {
    float: left;
    width: 160px;
    position: relative;
}

.inneradbuildercolumn input[type="text"]{
    width:100%; background-color: #fff; border:1px solid #ccc; border-radius: 4px; padding: 5px 8px 5px 30px;  height: 40px;
}
.__pricesymbol{
  position: absolute;
left: 13px;
top: 8px;
font-weight: 500;
font-size: 18px;
}

.__admsgtxt {
    float: left;
    width: 100%;
    margin-top: 15px
}
.__admsgtxt .caption_btn{float: left; height: 17px; width: 17px; margin-right: 8px}
.__offerSection {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  clear: both;
  width: 650px;
  margin-top: 10px;
  float: left;
}

.__offerSection .caption_btn{float: left; height: 17px; width: 17px; margin-right: 8px}
.__offerSection input[type="number"]{
    width:55px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    height: 28px;
    margin: -6px 3px 0 3px;
    float: left
}

.adpricesection {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.inneradpricecol{ float: left; width:48%; }
.adpricesection .textual-display span {
    color: #363636;
    font-weight: 500;
    font-size: 13px;
}

.adpricesection input[type="text"],
.adpricesection select, #basiccontionid select{
    width:100%; background-color: #fff; border:1px solid #ccc; border-radius: 4px; padding: 5px 8px 5px 8px;  height: 40px;
}

.inneradpricecol2 {
    display: flex;
    gap: 50px;
    margin-top: 10px;
}


.__salesinner {
    position: relative;
    width: 100%;
}
.__salesinner .__pricesymbol{ top:36px}
.summary-container.click {
    background: #fafafa;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 4px;
}

.txtinclude {
    float: left;
    width: 100%;
    padding-left: 122px;
    font-size: 12px;
    margin: -10px 0 0 0;
    display: none
}

div#searchListbox {
    background: #fff;
    padding: 10px 10px 6px 10px;
    border: 1px solid #ccc;
    margin-top: -2px;
    float: left;
    width:100%
}


#searchListbox span.item-button__icon {
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 50%;
    display: inline-flex;
    height: 17px;
    justify-content: center;
    margin-right: 8px;
    width: 17px;
    margin-top: 4px;
    font-size: 10px;
    text-align: center;
    line-height: 17px;
}

#searchListbox h2.textual-display {
    font-size: 17px;
    text-transform: uppercase;
}

#searchListbox .keyword-suggestion__labels {
    padding: 0!important;
    margin-top: 0!important;
}

#searchListbox div#option-not-found {
    width: 100%;
    padding: 10px 0 61px;
    border-top: none;
    text-align: left;
}

.__privacysteptxt{ float: left; width:100%; margin-bottom: 20px;}
.__privacysteptxt span{  color:#363636; width:100%; float: left;}


.__categoryloader {
    color: #000;
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 50px 0;
  }

.__categoryloader i.fa{ font-size: 18px; color:#999; }

.__greyoutsection{ position: absolute; left:0; top:0; background: rgba(255,255,255, 0.5); height: 100vh; width:100%}
.branchinfoadbuilder {
    width: 100%;
    margin: 7px 0 -7px;
}
span.showtitlespne {
    color: #000;
    font-weight: 500;
}

.__addescriptioncol label{float: left; width:100%; color:#363636; width:100%; font-weight: 500}
#auctionBox label{float: left; width:100%; color:#363636;font-weight: 500; font-size: 13px;}
.m10{ margin-top: 10px;}
._longdesctxt {
    float: left;
    width: 100%;
    color: #363636;
    line-height: 16px;
}
#__collongdesc{ float: left; width:100%; margin-top: -7px; position: relative;}
#__collongdesc span.moderationloader{top:80px}
.__addescriptioncol #short-description{ height: 80px; cursor: auto;}
#__collongdesc .ck.ck-editor{ width: 100%!important; margin: 0 0 0 0!important}


div#auctionBox {
float: left; width:100%;
    margin-top: 15px;
}

div#auctionBox .__innerauctionbox{   display: grid;
  grid-template-columns: auto auto;
  gap: 10px;}


div#auctionBox .__innerauctionbox.priceboxauctionfill{
    grid-template-columns: 1fr;
}
#auctionBox span.price_symbol {
    top: 28px;
    font-size: 15px;
    height: 41px;
}

.auction-section#auctionBox span.price_symbol {
    top: 0px;
    font-size: 15px;
    height: 40px;
}
.auction-section#auctionBox .textbox.se-textbox--input{ width:100%}

.auctionDateColumn{ float: left; width:100%; margin-top: 42px;}
.optionaltxt{ font-size: 11px; color:#999;}
#buynow-section{ gap:15px;     flex-direction: column;}
.buynowpricing-sec {
    display: flex;
    gap: 15px;
}
#buynow-section span.__pricesymbol {
  position: absolute;
      left: -1px;
      top: 29px;
      font-size: 15px;
      font-weight: 600;
      background: #707070;
      width: 32px;
      text-align: center;
      color: #fff;
      height: 40px;
      border-radius: 8px 0 0 8px;
      line-height: 44px;
}

.loadbranchinfobuilder {
    color: var(--color-brand);
    font-weight: 500;
    width: 100%;
    float: left;
        line-height: 16px;
}


.__detaillarge #service-create-form .loadbranchinfobuilder span{ float: left;}
.__detaillarge #service-create-form .loadbranchinfobuilder span._rightArrow{ margin: 1px 3px 0 3px}
div#attributelisting {margin-top: 35px;}

._serviceinnerForm div#featuredImages {
    width: 350px !important;
}

button#attributeAdBuilder {
    border-radius: 5px;
    line-height: 26px;
    background: none;
    border: none;
    padding: 0;
    color:var(--color-primary);
}

button#attributeAdBuilder:hover{ color:#1664e1}


.primary-sidebar.sticky-sidebar---.rightSidebar {
    margin-top: 60px!important;
}



#service-create-form #branchoptionbox .caption-info {
    margin-right: 10px;
}
#branchoptionbox .caption_btn {
    float: left;
    height: 17px;
    width: 17px;
    margin-right: 5px;
}


span.vrminfotxt {
    float: left;
    width: 100%;
    line-height: 18px;
    color: #363636;
    margin-top: 20px;
}

.__categorySearchbox input#searchvehicle {
    height: auto; border: none; padding: 0
}


span._rightVehcleBox {
    float: left;
    width: 50%;
    color: #363636;
    line-height: 21px;
    margin-top: 20px;
    margin-left:50px;
}

.__serviceortxt{ position: relative; width:70px; justify-content: center; display: flex;}
.__serviceortxt span {
    background: #fff;
    padding: 0 6px;
    z-index: 5;
    font-size: 20px;
    font-weight: 600;
    color:#000


}
.__serviceortxt::before{     content: "";
    position: absolute;
    border-top: 3px solid #000;
    left: 0;
    width: 100%;
    top: 45%;}
    div#vehiclestepone {
        background: #fff;
        padding: 0;
        margin-bottom: 11px;
    }
    .serviceformbtnrow.btnOnerow {
        justify-content: space-between;
    }


    .newStylebtnrow {
        /* display: flex; */
        /* justify-content: right; */
        float: right;
        width: 267px;

        text-align: right;
    }

  .newStylebtnrow  button{   margin-top: 10px; border-radius: 6px;}
fieldset.input-row.mainfieldsec .__select_attribute{    min-width: 32.3%;
    width: 32.3%;}
._serviceinnerFormcol div#collapseAttribute{ width:650px;}
.suggestion-list__item .item-button-products,
.suggestion-list__item .normal-text{ cursor: pointer}


/************* no result found css ****************/

#noMatchedFoundBranch.filterModal .modal-lg {
    width: 580px;
    max-width: 580px;
}
h5.modal-title {
    text-align: center;
    width: 100%;
    font-size: 20px;
    margin: -1px 0 0 0;
}

.se-textbox--container.se-textbox--fluid {
    width: 100%;
}
.se-textbox--container {
    display: inline-block;
    position: relative;
}

.textbox.se-textbox--input.textbox--icon-end {
    padding: 0px 17px 0px;
}

.textbox.se-textbox--input.textbox--icon-end {
    position: relative;
    width: 100%;
}
.textbox.se-textbox--input {
    float: left;
}

.textbox.se-textbox--input.textbox--icon-end i.fa {
  position: absolute;
  left: 31px;
  top: 12px;
  font-size: 14px;
  color: #999;
}

.filteringattr {
    border-radius: 5px;
    padding: 5px 8px 4px 40px;
    height: 38px;
}

.yourcategory, .suggestedbranch {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.yourcategory ul {
    margin: 3px 0 0 0;
}
.filterListing ul {
    float: left;
    width: 100%;
}

}
.yourcategory ul li, .suggestedbranch ul li {
    margin: 0;
    font-size: 14px!important;
    cursor: pointer;
}
.filterListing ul li {
    float: left;
    margin: 5px 0;
    color: #000;
}
.filterListing ul li {
    float: left;
    width: 100%;
    color: #000;
}
.loadbranching li {
    display: inline-block;
}
li.findsubbranch2 {
    padding: 2px 0;
    font-size: 14px!important;
    margin: 0!important;
    cursor: pointer;
}

span.categoryText {
    float: left;
}
span.loadextbran {
    float: right;
    color: #707070;
    font-size: 20px;
}

.filterModal .modal-body {
    padding: 0px;
}

div#errorforimages {
    margin-top: -35px;
    margin-bottom: 20px;
    font-weight: 500;
}


.returndays{ display: flex; gap:15px; width:100%;  align-items: center;}
.returndays span{ font-weight: 500;color: #363636;}
.returndays input[type="number"],
.returndays input[type="text"]
{
    width: 70px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    height: 37px;
  }

  form#service-create-form .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){ height: 110px;}
  .yourcategory ul li span, .findsubbranch2.breadcrumbs-category {
      cursor: inherit;
      background: #f2f2f2;
      padding: 0 5px!important;
      margin: 0!important;
  }

  .findsubbranch2.breadcrumbs-category {
      float: left;
      width: auto!important;
      color: #000;
      font-size: 13px;
      position: relative;
      list-style: none!important;

  }
.load-breadcrumbs {
    margin-bottom: 6px;
    float: left;
    width: 100%;
        margin-top: 10px;
}

.findsubbranch2.breadcrumbs-category::before {
    content: ">";
    position: absolute;
    left: -14px;
    width: 28px;
    height: 25px;
    top: 1px;
    font-size: 20px;
}

span.breadcrumbs-text {
    padding-right: 18px;
}
.load-breadcrumbs .findsubbranch2.breadcrumbs-category:first-child::before{ display: none}

.load-breadcrumbs .findsubbranch2:last-child span.breadcrumbs-text {
    padding-right: 0;
}

fieldset.input-row.mainfieldsec._serviceinnerFormcol {
    width: 100%;
}
fieldset.input-row.mainfieldsec._serviceinnerFormcol label{ width: 100%}
#extrafeaturedbox .textbox.se-textbox--input{ float: none}
div#extrafeaturedbox {
    margin-top: 15px;
}

#paymentoptions-checkboxsection{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  gap: 10px;
  position: relative;
  padding: 15px;
  margin-bottom: -6px;
  float: left;
}

#paymentoptions-checkboxsection label.hours-row{
  cursor: pointer
}
#paymentoptions-checkboxsection label.hours-row .ckkBox{ margin: 0}



#paymentoptions-checkboxsection label.hours-row .ckkBox{
    float: left;
    height: 17px;
    width: 17px;
    margin-right: 5px;
}

#paymentoptions-checkboxsection label.hours-row span {
    float: left;
    margin: -3px 0 0 2px;
    font-weight: 500;
    color: #363636;
}

label#mileagedetails-error {
    position: absolute;
    width: 140px;
    right: 3px;
}

#mileagedetails.error{ border-color: red}
.innerentertainmentsection select.derivateselect{
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 8px;
    height: 40px;
    font-weight: 500;
    cursor:pointer;
}

.__extrafeaturedscrollbox {
    max-height: 220px;
    height: 100%;
    display: block;
    width: 100%;
    overflow-y: scroll;
        margin-bottom: 15px;
}

.__extrafeaturedscrollbox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.__extrafeaturedscrollbox::-webkit-scrollbar {
  width: 2px;
  background-color: #fafafa;
}

.__extrafeaturedscrollbox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #666;
}

div#collapseAttribute .__extrafeaturedscrollbox ul li{ padding-left:0}
span._payheadingh6 {
    font-size: 13px;
    color: #363636;
    font-weight: 500;
    margin: -6px 0 20px 0;
    float: left;
    width: 100%;
}

form#service-create-form .ck.ck-content.ck-editor__editable{
    height:200px!important
}

.selector-item_label:hover{ background: var(--color-primary); color:#fff; border-color: var(--color-primary);}
textarea#imagedescription {
    cursor: auto;
}

.__categorySearchbox select:focus,
.__categorySearchbox input:focus,
.__categorySearchbox select:hover,
.__categorySearchbox input:hover{ border-color:var(--color-primary)}

._serviceinnerFormcol select:hover,
._serviceinnerFormcol select:focus{ border-color:var(--color-primary)}
.innerentertainmentsection input[type="text"]:hover,
.__listinginput:hover,
.innerentertainmentsection input[type="text"]:focus,
.__listinginput:focus{ border-color:var(--color-primary)}

textarea#imagedescription:focus,
textarea#imagedescription:hover{ border-color:var(--color-primary)}

.__addescriptioncol #short-description:focus,
.__addescriptioncol #short-description:hover{ border-color:var(--color-primary)}
.adpricesection input[type="text"]:focus, .adpricesection select:focus, #basiccontionid select:focus{ border-color:var(--color-primary)}
.adpricesection input[type="text"]:hover, .adpricesection select:hover, #basiccontionid select:hover{ border-color:var(--color-primary)}
fieldset.input-row.mainfieldsec .__select_attribute:focus{ border-color:var(--color-primary)}
fieldset.input-row.mainfieldsec .__select_attribute:hover{ border-color:var(--color-primary)}

#paymentoptions-checkboxsection label.hours-row .ckkBox:hover,
#paymentoptions-checkboxsection label.hours-row .ckkBox:focus{ border-color:var(--color-primary)}
.product-detail.accordion-detail a.Brochurebtn{ position: static; float: left; width:100%; margin: -40px 0 0 0}
#petContactinfo span.servicewould {
    float: left;
    width: 100%;
    color: #363636;
    /* font-weight: 500; */
}

.__contactInfomain {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 8px;
  float: left;
  margin-bottom: 8px
}

._innercontactInfo {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap:10px;
    align-items: center;
    margin: 3px 0
}

span.__labelHeader {
    width: 170px;
    font-size: 13px;
    font-weight: 500;
    color: #4F5D77;
    line-height: 16px;
}
#petContactinfo .caption-info{display: flex; gap:5px; align-items: center; width:70px}
#petContactinfo .caption-info .caption_btn{ width:16px; height: 16px;}
#petContactinfo .caption-info span{ margin: 0}
.servicemt25{ margin-top: 35px;}

.next-step-new:focus+.next-step-new, .next-step-new:focus{
  background: #999; border-color:#999; cursor: not-allowed; opacity: .5
}


.serviceFormattributeslist#attributelisting .thisismultislectcheckbox div.collapseFeatures{ width:100%!important}
.serviceFormattributeslist#attributelisting .thisismultislectcheckbox div.collapseFeatures ul{ display: inline}
.serviceFormattributeslist#attributelisting .thisismultislectcheckbox div.collapseFeatures ul li{
  padding: 0 10px 0;
  width: 100%;
  color: #363636;
  font-size: 12px;
  float: left;
  border-left: 2px solid #fff;
  line-height: 20px;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  height: 32px;
}

.thisismultislectcheckbox div.collapseFeatures ul li:hover{
  background: #f1f2f4!important;
border-left: 2px solid #db2822!important;
color: #db2822!important;
}
.serviceFormattributeslist#attributelisting .thisismultislectcheckbox div.collapseFeatures ul li label span{ white-space: normal;}
._serviceinnerForm div#now {
    margin-top: 15px;
}


span.status-label.pendingauction{
  white-space: nowrap;
}

table#botble-ecommerce-tables-product-table  tbody tr td{
  line-height: 16px;
}























    @media (max-width:980px){

      .vehicleattribute{
            column-count: 1;
      }
      #products-filter-ajax-post #sticykbar{  position: relative; height: auto;     top: 0px; padding: 10px 0!important}
      #products-filter-ajax-post #sticykbar .shop-product-filter{ position: relative; height: auto; display: inline-block!important; width:100%!important  }
      #products-filter-ajax-post .product-search { width: 100%!important;}
      #products-filter-ajax-post .grid-list-view {
        width: 75px;
        position: absolute;
        right: 0;
        top:70px;
     }

     #products-filter-ajax-post .sort-by-product-area{ margin-top: 10px}
     #products-filter-ajax-post #productsidebar{ width:100%; padding-right: 0}
     #products-filter-ajax-post #product-box{ width:100%;}



     .listviewLayoutClass .product-cart-wrap .product-content-wrap h2{ width:100%}
     .product-price.primary-color.float-left.listpriceView ins{ text-align: left; width: auto;}
     .product-price.primary-color.float-left.listpriceView {
    display: flex;
    justify-content: start;
    gap: 15px; align-items:center;

}
     .product-price.primary-color.float-left.listpriceView strong{ width: auto!important;}
     .product-price.primary-color.float-left.listpriceView {
        position: inherit;
        right: inherit;
        top: inherit;
        width: 100%;
        margin-top: 0;
        text-align: left;
     }
     #product-box ._seller_logo{ display: none}
     .products-listing .shop-logo{ display: none}
     .shop-product-filter .search-bar{ width:100%}
     a.gotoBackbtn{    float: left;
        margin-right: 15px!important;
        position: inherit!important;
        top: inherit!important;
        left: 0!important;}

     .shop-product-filter .totall-product{     margin-bottom: 16px;}
     .shop-product-filter .sort-by-product-area .sort-by-product-wrap{ padding: 11px 12px}
     .shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by span{ font-size: 12px;}
     .shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span{ font-size: 12px;}
     .productsidebar, .product-box{ padding-top: 0!important}
     .vehicleinfo{width:100%;     margin-top: 10px;}
     .filter-type label{ font-size: 12px!important;}

     /* .row.customeproductfilter{ padding-right: 10px!important} */

     .producttypefilter{ margin-left: 0!important; }
     .filter-type {
        margin-top: 15px;
        justify-content: start!important;
        width: 100%;
        gap: 5px;
     }
.filter-type select{ width: 85px;}
     .product-cart-wrap .product-content-wrap h2{ white-space: inherit;}
     #product-box .bottomaligntxt{ margin-top: 0}
     .__salesTags .reservemetst div{ text-align: left;}
     #product-box .__bidCount{ text-align: left;}
     .row.customeproductfilter {
        /* padding: 0 15px; */
        width: 100%;
        display: inline;
        --bs-gutter-x:0
     }

     #product-box .detail-gallery .slick-slider{ width: 100%!important; position: relative;}
     .product-cart-wrap .product-img-action-wrap{ width:100%; float: left;}
     .product-cart-wrap .product-content-wrap {
        padding: 20px;
        float: left;
        width: 100%;
     }

     #product-box .product-cart-wrap{ display: flex;
    float: left;
    width: 100%;
    flex-direction: column-reverse;}
     #product-box .sellerproducviews.bottomaligntxt{ position: inherit; bottom: inherit;     left: inherit;}
    #product-box .detail-gallery.listingProductimage{ width:380px; text-align: center;}
    #product-box .slider-nav-thumbnails-slick.pl-5.pr-5.slick-initialized.slick-slider{ border:none}
    .product-cart-wrap .product-content-wrap h2{ padding-bottom: 0}
    .product-cart-wrap .product-content-wrap .product-price{ margin-top: 0}
    #product-box .detail-gallery .slick-slider a.imgthumbnail img {
        height: 320px!important;
        width: 320px!important;
        object-fit: cover;
    }

    .layoutclasschange.listviewLayoutClass .product-subtitle{
          margin: 4px 0 6px 0;
    }
    #product-box .listviewLayoutClass .product-content-wrap{ width:100%}
    #product-box .sellerproductinfo{ display: none}
    /*********Edit by mo June 07 2024*********/
    div#sellerinfo{ width:100%}
      #sticykbar.stickyHeader.product-detail-sticky {
        padding: 0 15px;
}
.suggestionLink{ margin-bottom: 5px;}
.shop-product-filter.mobile_layout_search {
    padding: 0!important;
}

    #sticykbar .shop-product-filter{ width: 100%!important; padding: 0;}
      #sticykbar .shop-product-filter .shop-logo{ display: none}
    .product-search{ width:100%!important}
    .product-detail.accordion-detail .firstproductbranchinfo{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;width:100%; float: left; position: static;
        margin-top: -7px;
margin-bottom: 10px;
   }

   a.gotoBackbtn {
    display: none;
}
a.gotoBackbtnproduct {
    display: none;
}

.product-detail.accordion-detail {
    padding-top: 5px!important;
}
.firstproductbranchinfo span a{float: left;}
.firstproductbranchinfo.shopcategorynew {
    width: 100%;
    padding-top: 30px!important;
    position: static;
    width: 100%;
    padding-left: 5px;
}

.productmylisting .sort-by-product-area {
    float: right;
    width: auto; margin-top: 0!important
}

.col-lg-2.col-sm-6.d-flex.flex-column.align-items-left.justify-content-center.product-item.my-3 {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 46.8%;
  margin: 0 6px 10px!important;

}
.productmylisting .row{ padding: 0 5px;}
.shop-product-filter.mobile_layout_search {
    padding: 0px!important;
}

.suggestedlist{
    width: 100%;
    margin-top: 6px;
    position: static;
  margin-top: 5px
  }
.firstproductbranchinfo span a {
    border: none;
    padding: 0;
    font-size: 11px;
}

.firstproductbranchinfo span a::after {
    content: ">";
    float: right;
    margin: 0px 3px 0 3px;
    font-size: 16px;
}

.firstproductbranchinfo span:last-child a{ border:none}
.firstproductbranchinfo span:last-child a::after{ display: none}

#products-filter-ajax-post .firstproductbranchinfo {
    position: static;
    width:100%!important
}



#products-filter-ajax-post .firstproductbranchinfo a {
    border: none!important;
    padding: 0!important;
    font-size: 11px!important;
}

#products-filter-ajax-post .firstproductbranchinfo  a::after {
    content: ">";
    float: right;
    margin:1px 3px 0 3px;
    font-size: 17px;
}


#products-filter-ajax-post .firstproductbranchinfo a:last-child ::after{ display: none}
span.filterpricebyarrow{ float: left; margin-left: 12px}
#panelsStayOpen-collapseOne #accordionExample {
    padding: 0 10px;
    margin-top: 15px;
}

#panelsStayOpen-collapseOne #accordionExample .accordion-item{ padding-left: 0}
#related-products .product-subtitle{ margin-top: 4px;}
.motHistorysection{ display: inline;}
.motHistorysection .col-box {
    width: 100%;
    float: left;
    margin-bottom: 15px
}
h2.title-detail {
    font-size: 20px;
    margin: 5px 0 8px;
}
.motHistorysection .col-box span {
    height: auto!important;
}
.vehicleattribute li span{ width:100%}
.__salesTags{ width:90px;}
label#textvaluecalculate_6 {
    font-size: 11px;
}

._bodbubble{ left: 0; top:80px;}
.speech-bubble{     padding: 15px 23px 12px;}
.speech-bubble span{ font-size: 15px;}
.h3Titledetail a{     position: absolute;
    float: none!important;
    bottom: -26px;
    left: 0; font-size: 13px}
.h3Titledetail {     font-size: 16px!important;
    margin-bottom: 52px!important;}

.__countdown{ gap:5px!important}
#bidModel .__bidTimer h5 {     font-size: 12px;
    line-height: 15px;
    margin-top: 6px;
    margin-right: 20px;}
#bidModel .totalbids{ width:100px; font-size: 12px}
.expirydiv span{ font-size: 12px!important;}
._bidrowmodal{ flex-direction: column;}

._bidrowmodal .txtmybid {
    background: none;
    color: #000;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-right: none;
    border-radius: 0;
    margin-bottom: 11px;
}

span.__currencySign.modalcurrency {
    position: absolute;
    left: 9px;
    top: 46px;
    font-size: 16px;
    font-weight: bold;
}

._bidrowmodal input.bidValue{
margin-bottom: 10px;}

._bidrowmodal button._bidBtn{ border-radius: 4px; margin: 5px 0 0 0}
#bidModel p.reservemetst{ left:110px;}
.header-bottom.header-bottom-bg-color.sticky-bar.gray-bg.sticky-blue-bg {
    position: static;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top{
  position: relative;
}

.close-style-wrap.close-style-position-inherit {
    position: absolute;
    left: 3px;
    top: 18px;
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
    padding: 20px 20px 7px;
}
h6._headingH6 {
    margin-top: 10px;
}

.onlyforvehicle {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

button#pendinglistall {
    margin-top: -14px;
}

#mainimageproduct #myId,
.imgPreview{ width:100%}

.textarearow {
    width: 97%;
}
.notefication{ right: -30px;}
div#threeolumnbtn{ flex-direction: column; gap:0}
.parentvalidateclass .smry.summary__cta button{     margin: 13px auto 5px;}
#searchList{ width:77%!important}
#main-section .header{ display: none}
#multi-step-form .suggest-body{ margin-top: 0!important}
#multi-step-form .suggest-body__title{ padding-bottom: 0!important}
#multi-step-form .prelist-radix__body-container .product-container__inner{ height: 370px!important}
.alignleft.actions.bulkactions select{ width:170px}
.__detaillarge{ margin-top: 20px; width: 78% !important; max-width: none !important;}
.shop-banner img {
    width: 100%!important;
    height: auto!important;
}
select#bulk-action-selector-top {
    width: 256px;
}

footer.main .animated,
.newsletter.animated,
.newsletter .animated{visibility: visible!important;}
.sales_count {
    background: #fff!important;
    margin-bottom: 40px!important;
    padding: 8px 10px!important;
    margin-top: -12px!important;
}
#product-search {
    margin-top: 24px!important;
}

#store-navigation .tabs label {
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.__filterLinks{     display: grid;}
.__filterLinks span{ margin: 5px 10px 5px 0px; padding: 0 10px 0 0;border:none}
.__productlistGrid{ float: left; width:100%; overflow-y: scroll;}
.__productlistGrid table#botble-ecommerce-tables-product-table{ width:900px;}
/* .__productlistGrid table#botble-ecommerce-tables-product-table{ width:1200px;}
.__productlistGrid table#botble-ecommerce-tables-product-table thead{ display: table-caption;  width: 100%;}
.__productlistGrid table#botble-ecommerce-tables-product-table tbody tr td{     display:list-item!important; width: inherit;}
.__productlistGrid table#botble-ecommerce-tables-product-table thead tr th,
.__productlistGrid table#botble-ecommerce-tables-product-table tbody tr td{ float: left; width: 100px; display: inline!important;}

.__productlistGrid table#botble-ecommerce-tables-product-table tbody tr td.text-center.language-header.no-sort {
    display: none!important;
}
.__productlistGrid table#botble-ecommerce-tables-product-table thead tr th:first-child,
.__productlistGrid table#botble-ecommerce-tables-product-table thead tr th:nth-child(2),
.__productlistGrid table#botble-ecommerce-tables-product-table tbody tr td:nth-child(2),
.__productlistGrid table#botble-ecommerce-tables-product-table tbody tr td:first-child{width:40px;}
.__productlistGrid table#botble-ecommerce-tables-product-table tbody tr td:last-child{padding: 5px 5px;}

.__productlistGrid table#botble-ecommerce-tables-product-table thead tr th:nth-child(4),
.__productlistGrid table#botble-ecommerce-tables-product-table tbody tr td:nth-child(4){width:220px;} */
/* #botble-ecommerce-tables-product-table tbody td.column-key-1 img {
    height: 22px;
    width: auto;
} */
.table thead { display:list-item!important;}
.table td {  display: inline!important;}
.trading_right_col {
  float: left;
  width: 100%!important;
  margin-top: 15px;
}
.dt-buttons.btn-group.flex-wrap {
    float: left;
    /* margin-bottom: 20px; */
    width: 100%;
    margin: 5px 0px!important;
}
.dt-buttons.btn-group.flex-wrap .btn-group{ width:100%}

/* #invoice-detail-grid .table{ width: 800px;}
#invoice-detail-grid .table th,
#invoice-detail-grid .table td{ width:100px;} */
div#dateFilter{ width: 100%!important}
div#dateFilter ul li select{ width:100%!important; margin: 5px 0 0 0!important}
div#dateFilter ul li{ width: 48%!important}
div#dateFilter ul li:last-child{ float: right!important}
#invoice-detail-grid .table-account{ width: 700px;}
.business_form_overview .detail-box{ display: flex;
    width: 100%;
    justify-content: start;
    text-align: left;}
.business_form_overview .detail-box span{ width: auto!important;}
.__threecolumnDiv{     grid-template-columns: 1fr;}
.fullColumncategory i.far{ top:63px;}
span._rightVehcleBox{ width:100%; margin: 10px 0}
._serviceinnerFormcol div#collapseAttribute {
    width: 100%;
}

div#collapseAttribute ul{grid-template-columns: 1fr; }


    }


    .opening-hours-section {
        max-width: 300px;
      float: left;
        width:100%;
        margin-top: -15px;
        background: #fafafa;
        padding: 20px



    }
    .opening-hours-section h3 {
        text-align: left;
        margin-bottom: 15px;
        font-size: 16px;
        color: #db2822;
        text-transform: uppercase;
    }
    .opening-hours-section ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .opening-hours-section ul li {
        display: flex;
        justify-content: space-between;
        padding: 4px 0;
        font-size: 14px;
    }
    .opening-hours-section ul li:last-child {
        border-bottom: none;
    }
    .opening-hours-section ul li span {
        font-weight: 500;

    }

    .sharethisonly {
    float: left;
    width: 100%;
}

.activeDay{ color:#387913}
.thisismultislectcheckbox .featurebtn{ display:none}

.jobstepone .__employeeType .caption-info:first-child span{ font-size: 14px }
.commonfeerow.showredline strong, .commonfeerow.showredline span {
    text-decoration-thickness: 2px;
}


#addQualification .addnewsection input[type="text"],
#addQualification .addnewsection input[type="number"]{
  border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 6px 10px;
    font-size: 12px;
    width: 100%;
    height: 38px; margin-bottom: 8px;
}
#addQualification .input-row label{
  float: left;
margin: 0 0 3px 0;
font-weight: 500;
color: #363636;
width: 100%;
text-align: left;
}

button.close.closemodelbtn {
    background: none;
    border: none;
    padding: 0;
    font-size: 32px;
}

#__datepickercolumn.date-section .date-box {
    float: left;
    width: 104px;
    display: flex;
}

.showhyperlinkinfo label{
  display: inline-block;
  background-color: #DB2822;
  color: #fff!important;
  padding: 10px 25px;
  border-radius: 0.3rem;
  cursor: pointer;
  width: 190px!important;
  text-align: center!important;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px!important;
}

.showhyperlinkinfo.showhyperlinkinfoforjob label{
  background-color: white;
  color: #000 !important;
  padding: 0;
  width: 250px !important;
}

#file-chosen {
    /* margin-left: 0; */
    font-family: sans-serif;
    float: left;
    color: #363636;
    line-height: 17px;
    margin: 1px 0 0 0;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
}

span.excludetxt {
    float: left;
    width: 100%;
    color: #363636;
    font-weight: 400;
    margin: -10px 0 13px 0;
}

._serviceinnerForm.input-row-hyperlink {
    width: 406px;
    display: flex;
    align-items: center;
}

.qualification_section {
    margin-bottom: 15px;
}

.language_section {
    margin-bottom: 15px;
}

.jobtype-detail {
  display: flex;
  align-items: center;
  line-height: 15px;
  gap: 8px;
  margin-top: 7px;
  font-size: 13px;
  clear: both;
  margin-bottom: 6px;
  color: #363636;

}

.jobtype-detail span{
  background: #e4e4e4;
      padding: 6px 8px;
      border-radius: 6px;
      font-weight: 400;
      font-size: 13px;
      color: #363636
}


.product-price.primary-color.float-left.listpriceView.salaryprice {
    position: static;
    width: 100%;
    float: left;
    margin: -5px 0 8px 0;
}

.innersalarybox strong {
  float: left;
    margin: 1px 0 0 4px;
    font-size: 13px;
    font-weight: 500;
}

.innersalarybox span{
  float: left;
}

.jobtype-detail i.fa.fa-briefcase{
  color:#db2822
}

.__salaryRange {
    float: left;
    font-size: 23px;
    font-weight: 600;
}

span.__durationType.salaryduration {
    float: left;
    margin: 5px 0 0 5px;
}

.__companybenefits {
    float: left;
    width: 100%;
    margin: 7px 0 6px;
    color: #363636;
    line-height: 20px;
    font-weight: 500;
}

.jobpostesby {
    float: left;
    width: 100%;
    display: none
}
.jobpostesby h4{ margin-bottom: 30px; float: left; width:100%}

.mainhouseperweek {
    float: left;
    width: 100%;
    /* color: #363636; */
    font-weight: 500;
}

.__companybenefits .benefitpill{
  float: left;
padding: 4px 6px;
color: #363636;
background: #f2f2f2;
margin-right: 4px;
border-radius: 3px;
margin-bottom: 4px;
font-size: 11px;
font-weight: 500;
text-transform: capitalize;
}

.selectdropdownbtn{ float: left; width:200px; }

.btn-dropdowntoggle.dropdown-toggle {
  padding: 7px 15px;
      width: 100%;
      border: 1px solid #ccc;
      background: #fff;
      border-radius: 4px;
      text-align: left;
}

.selectdropdownbtn .dropdown-toggle::after{ float: right;
    font-size: 17px;
    margin-top: 8px;}


.selectdropdownbtn ul li:first-child{ padding: 0 10px;}
.selectdropdownbtn ul li a.dropdown-item,
.selectdropdownbtn ul li a.dropdown-item-country {
    font-size: 13px;
    padding: 0px 10px; color:#363636;
    width: 100%;
    float: left;

}

.selectdropdownbtn ul li a.dropdown-item:hover,
.selectdropdownbtn ul li a.dropdown-item-country:hover {
    background: #f2f2f2

}

input#dropdownSearch,
input#dropdownSearchCountry {
    width: 100%;
    padding: 2px 12px;
    height: 35px;
}

#dropdownMenuButtoncountrys{
  width: 100%;
  padding: 2px 12px;
  height: 39px;
}
span.txtremember {
 margin-bottom: 5px;

}

#__countdown {
    margin: 0px 0 0px 0!important;
}

.location-section-product {
    margin-top: -7px!important;
}
._endlisting i.fa.fa-calendar{
  color:#DB2822;
  margin-right: 5px;
}

.joblistingends {
    color: #363636;
}

.location-section-product span {
    font-size: 13px;
    color: #363636;
    font-weight: 500;
}
.jobtype-detail strong{ font-weight: 500!important}

li.addscrollbar {
    max-height: 165px;
    overflow-y: scroll;
}


li.addscrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #F5F5F5;
}

li.addscrollbar::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

li.addscrollbar::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
  background-color: #555;
}

li#noresultfoundjobs{
  display: flex;
  flex-direction: column;
  padding: 5px 21px 13px;
}

li#noresultfoundjobs button#addjobposition{
  background: var(--color-brand);
  color:#fff;
  font-weight: 500;
  padding: 7px 15px;
  border-radius: 4px;
  width: 120px;
border: none;
margin-top: 6px;
font-size:14px;
}

li#noresultfoundjobs button#addjobposition:hover{
  background-color: #0b5ed7;
}
li#noresultfoundjobs strong{ font-size: 14px;}
li#noresultfoundjobs span{ font-size: 13px;}
.__downloadcvfiles{
  float: left;
    width: 60%;
    margin: 0;
    border: 1px solid #ccc;
    padding: 12px 15px;
    border-radius: 4px;
}

.__downloadcvfiles ul{
  float: left;
      width: 100%;
      margin: 0!important;
      padding: 0!important;
}

.__downloadcvfiles ul li{
   display: flex; justify-content: space-between; align-items: center; gap:10px;
}

.__downloadcvfiles ul li h4{
 width: 87%!important
}
.__downloadcvfiles ul li a {
    display: flex;
    align-items: center;
    font-size: 16px;
    color:#db2822;
    opacity: .7

}

.__downloadcvfiles ul li a:hover{ opacity: 1}

.__downloadcvfiles ul li a span{ display: none}

.__downloadcvfiles ul li a i.fas{
    font-size: 15px;
}

#__jobllistingstepone li{
  width:100%; clear: both

}

#__jobllistingstepone .dropdown-divider{
  margin: 3px 0;
      float: left;
      width: 100%;
      border: none;
      height: 0;
}

.show-hidden-menu i.fa.fa-chevron-down{
  float: right;
  margin: 6px 0 0 0;
    font-size: 13px;
    color:#000;
    transition: inherit
}

.show-hidden-menu i.far.fa-chevron-down{
  float: right;
  margin: 6px 0 0 0;
    font-size: 13px;
    color:#000;
    transition: inherit
}

.dashboard-menu ul li a:hover{
    background-color: #fafafa;
}

.mt-card-avatar .mt-overlay>span {
    color: #fff;
    font-size: 17px;
    position: absolute;
    top: 38%;
    left: 41%;
}

.show-hidden-menu .rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.show-hidden-menu.down .rotate {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

li.nav-item.custome-sub-menu {
    border-bottom: 1px solid #fff!important;
}




#avatar-modal .avatar-body{padding: 0}

#avatar-modal .avatar-upload .avatar-input {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 7px;
}
.avatar-upload label{ font-weight: 500}
.fa-times:before{ display: none}
/* a.show-hidden-menu.nav-link.down {
    padding-bottom: 13px;
} */



.dropdown-menu .addscrollbar a{
  float: left;
      width: 100%;
      color: #363636;
      font-size: 12px;
      font-weight: 500;
      padding: 0 15px;
}

.dropdown-menu .addscrollbar a:hover{
  background: #f2f2f2
}

form#service-create-form div#categorysection {
    margin-bottom: -20px;
}

.jobtype-detail i.fa,
._endlisting i.fa,
.locationBuilding i.fa{ width:15px;}
.jobtype-detail strong,
.locationBuilding{ width:83px;}

span.locationBuilding {
    width: 106px;
    float: left;
    display: flex;
}
.locationBuilding i.far.fa.fa-building{ margin-right: 5px;}

#_serviceAccordian h2.accordion-header button[aria-expanded="true"],
#_serviceAccordian h2.accordion-header button[aria-expanded="1"]{ border-color:#ccc;  background: #fff; border-bottom-width: 0; border-radius:8px 8px 0 0; margin-bottom: -2px;}
#_serviceAccordian .accordion-collapse.show .accordion-body{ border-color:#ccc;  border-radius: 0 0 8px 8px; border-top-width: 0px; }

.input-row-hyperlink._serviceinnerForm.showhyperlinkinfo label {
    background: #DB2822;
    margin: 0;
    color: #fff!important;
    font-size: 13px;
    white-space: nowrap;
    padding: 7px 15px;
}

.input-row-hyperlink._serviceinnerForm.showhyperlinkinfo label:hover{
      background: var(--color-primary);
}

._serviceinnerForm.input-row-hyperlink {
    width: auto;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}




.input-row-hyperlink._serviceinnerForm.showhyperlinkinfo {
  margin-top: 0;
  margin-bottom: 10px;
}

.__mainbtnrow {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.listingbtncolumn {
    margin-top:20px;
    gap: 10px;
}

.listingbtncolumn button,
.listingbtncolumn a{ width:fit-content;  border-radius: 6px!important}

.listingbtncolumn button.submit, .listingbtncolumn button[type=submit]{  border-radius: 6px!important}

.__mainbtnrow .listingbtncolumn:last-child button{ float: right; }

.listingbtncolumn2 button,
.listingbtncolumn2 a{  border-radius: 6px!important; margin: 5px 0; }
.listingbtncolumn2{ text-align: right;     width: 260px; float: right;}
.listingbtncolumn2 button#listallbtn {
    margin-top: 0;
}

.columnjob{ position: relative;}
label#hours_per_week_full-error,
label#hours_per_day_full-error,
label#days_per_week_full-error {
  position: absolute;
  left: 0;
  bottom: -28px;
  line-height: 12px;
  margin-bottom: 0;
  font-weight: 400;
}

.skillexp{ position: relative;}
.skillexp label.error{ position: absolute;}
.skillexp label.error {
    position: absolute;
    width: 284px;
    line-height: 15px;
    right: -291px;
    font-size: 12px;
    top: 37px;
}

input.error{ border-color:red!important}

#__collongdesc span#rewriteWithAIFullLoader {
    position: absolute;
    bottom: 223px;
    float: none;
    right: 0;
    z-index: 55;
    width: 100%;
    text-align: right;
    padding-right: 15px;
    font-size: 15px;
}


/****************  Property module *******************/
.layoutforproperty{ float: left; width:100%;}
.propertysteptwo {
   display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    grid-row-gap: 15px}
.textual-display span {
    color: #363636;
    font-weight: 500;
    font-size: 13px;
}

.stepheadingh6{
  float: left;
width: 100%;
margin-top: 10px;
}


.__twocolumninputyag{ display:flex; gap:15px; justify-content: space-between;}
.locaionmapdata {
    float: left;
    width: 100%;
}

.locaionmapdata ul#country-list {
    float: left;
    list-style: none;
    margin-top: -20px;
    padding:0;
    width: 100% !important;
    position: absolute;
    z-index: 5;
    height: 200px;
    overflow: scroll;
    overflow-x: hidden;
    background: #fafafa;
}

.locaionmapdata #country-list li {
    padding: 8px 8px;
    border-bottom: #bbb9b9 1px solid;
    line-height: 16px;
    font-size: 13px;
    cursor: pointer
}


.locaionmapdata #country-list li:hover {
    background: #ece3d2;
    cursor: pointer;
}

span.enterclick i.fa {
    transform: rotate(-270deg);
    margin: 0 5px 0 2px;
}

.loadmapimage img{ width:100%; height: auto; border-radius: 4px; border:2px solid #fafafa; margin-top: 5px}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
.locaionmapdata ul#country-list  {
    scrollbar-width: thin;
    scrollbar-color: #dfdce0 #fafafa;
  }

  /* Chrome, Edge, and Safari */
.locaionmapdata ul#country-list::-webkit-scrollbar {
    width: 5px;
  }

  .locaionmapdata ul#country-list::-webkit-scrollbar-track {
    background: #ffffff;
  }

.locaionmapdata ul#country-list::-webkit-scrollbar-thumb {
    background-color: #dfdce0;
    border-radius: 4px;
    border: 3px solid #ffffff;
  }


span.enterclick {
    float: right;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    margin-top: -3px;
    width: 100%;
    text-align: right;
}

.locationpostcode._serviceinnerFormcol {
    position: relative;
}

.__newsidemenu h5.accordion-header{ display: flex; justify-content: start; gap:10px; margin: 0px 0 15px 0}
.filter-body {
    float: left;
    width: 100%;
}
.filter-body .__innerSidebarscroll{ padding: 0; }
.filter-body .newfilterbtn {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 0;
    margin: -1px 0 0 0;
    padding: 14px 15px;
    align-items: center;
}

.filter-body .newfilterbtn  span.applyfiltertxt {
  position: absolute;
right: 32px;
top: 14px;
}

.filter-body  span.__filterName{
  color:#363636!important;
  font-weight: 400;
  font-size: 14px;
}

.filter-body button.__showmorebtn {
    margin-top: 10px;
}

.prmeasurementtype {
    display: flex;
    width: 100%;
    gap: 10px;
}
.prmeasurementtype h6{ width:605px; font-size: 13px;}
.propertiesroomtype h6{ font-size: 13px;}
.property-features {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.property-features h6{ float: left; width:465px; font-size: 13px;}
.features-list {
    width: 100%;
    /*display: flex;*/
    clear:both;
}

.features-property-grid.otherCaptionbox {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    grid-row-gap: 8px;
}

.features-section {
    margin-top: 20px;
    float: left;
    width:100%
}

.property-features .features-property-grid label.caption-info .__listinginput{
    height: 31px;
    width: 174px;
    margin: -8px 0 0 15px;
    float: left;
}

.features-section h5{
    color: #222;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    float: left;
    width:100%
}

.garagerow {
    float: left;
    width: 100%;
}

.innergaragerow {
    display: flex;
    width: 250px;
    gap: 15px;
    align-items: center;
    margin: 8px 0
}

.innergaragerow span{
    float: left;
    font-weight: 500;
    color: #363636;
    width:100%
}

.innergaragerow input.__listinginput{ width:70px; text-align: center; height: 32px;}

.area-input-sec {
    display: flex;
    width: 100%;
    gap: 20px;
}
.propertytxt{ float: left; width:100%;   font-weight: 500;
  color: #363636; font-size: 12px;}
.area-title-sec{     display: flex;
    gap: 10px;
    clear: both;
    margin-top: 20px;
    float: left;
  }
.area-title-sec h6{ font-size: 13px;}

.roomdetails{ float: left; width:100%; margin-top: 20px;}


.roomname {
    display: grid;
    width: 100%;
    float: left;
    grid-template-columns: 230px 130px 20px 130px 10px 130px 80px;
    gap: 10px;
    text-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

#preferredmodel .roomname{
  align-items: baseline;
}


.roomname span i.fa.fa-pencil-square-o {
    font-size: 16px;
}
.roomname span img{
  margin-left: 10px;
    height: 32px;
    width: auto;
  }


  .roomfloorarea {
      width: 376px;
      display: flex;
      gap: 15px;
      margin-bottom: 15px;
  }

  .roomdescription._serviceinnerForm textarea{
    height: 70px; resize: none; width:100%
  }
  .roomdescription._serviceinnerForm{
    width:376px;
  }

  #addMoreFeatures {
    border-radius: 5px;
        line-height: 26px;
        background: none;
        border: none;
        padding: 0;
        color: var(--color-primary);
        font-weight: 500;
        margin: 10px 0 -11px 0;
        float: left;
        cursor: pointer;
  }

  #addMoreFeatures:hover {
      color: #1664e1;
  }

  .pricecolumnradiobtn {
      width: 500px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-row-gap: 8px;
      margin-top: 10px;
      margin-bottom: 15px;

  }

  .pricecolumnradiobtn input.__listinginput{
    width: 155px;
    height: 32px;
    margin: -8px 0 0 10px;
    float: left;

  }

  .breifdescbox{ margin-top: 15px;}
    .breifdescbox textarea{ height: 70px!important}
.area-input{ position: relative;}
.area-input span {
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 12px;
    font-weight: 500;
}

input#salebyauctiondate {
    background: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 34px;
    float: left;
    margin: -10px 0 0 0;
    padding-left: 12px;
    width: 170px;
}


.floorplan{
  display:flex;
  align-items: center;
  gap:10px;
}

.floorplan img{
  width:50px;
  margin: 0 auto;;
}

.propertyquery {
    float: left;
    width: 100%;
}

.propertyquery h5 {
    float: left;
    width: 100%;
    font-size: 21px;
    margin-bottom: 15px;
    line-height: 28px;
    font-weight: 500;
    margin-top: -4px;
}
.emailabout {
  display: flex;
width: 100%;
gap: 10px;
align-items: center;
margin-top: 8px;
}
.emailabout h6 {
    font-size: 13px;
    font-weight: 500;
    width:90px
}
.emailabout span{ color:#363636;     font-size: 13px; font-weight: 500}
  .emailabout input {
      width: 16px;
      height: 16px;
  }
.emailabout label{ display: flex; align-items: center;     margin: 0;
    gap: 8px; cursor: pointer;}

.twocolumnfield {
    display: flex;
    gap: 15px;
}

.innerpropertyfield{ margin-top: 10px; float: left; width:100%}
.innerpropertyfield input[type="text"],
.innerpropertyfield input[type="email"],
.innerpropertyfield input[type="number"],
.innerpropertyfield select{
  width:100%; border:1px solid #ccc; border-radius: 4px; height: 40px; background: none; padding: 5px 8px;

}
.innerpropertyfield select{ cursor: pointer}

.innerpropertyfield label{ width:100%; color:#363636; font-weight: 500; margin-bottom: 2px;}

.innerpropertyfield input[type="text"]:hover,
.innerpropertyfield input[type="email"]:hover,
.innerpropertyfield input[type="number"]:hover,
.innerpropertyfield select:hover{ border-color:#0d6efd}
.innerpropertyfield input[type="text"]:focus,
.innerpropertyfield input[type="email"]:focus,
.innerpropertyfield input[type="number"]:focus,
.innerpropertyfield select:focus{ border-color:#0d6efd}
.iwouldlike{float: left; width:100%; margin-top: 10px;}


.innerpropertyfield button.btn.brand-btn {
    width: 100%;
    margin-top: 5px;
}

span.msgwordcount {
    font-size: 11px;
    font-weight: 600;
    width: 100%;
    float: left;
    letter-spacing: 1px;
    margin-top: 2px;
}

.mainsectionfloorplan{ float: left; width:100%; margin-bottom: 20px;}

.mainsectionfloorplan h5{
 width: 100%;
    font-size: 13px; font-weight: 500;
    text-transform: uppercase; margin: 0; padding-left: 0px;
  }
.mainsectionfloorplan ul{ float: left; width:93%; margin: 0; padding: 0}
.mainsectionfloorplan ul li{    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dee2e6;
    align-items: center;
    padding: 7px 7px 5px 0; }

    .__uploadpropertyfiles {
        margin-top: 15px;
        float: left;

    }
    span.propertyfilesize {
        width: 80px;
        font-size: 12px;
        color: #888;

    }


.mainsectionfloorplan .floorplan a  {
  background-color: var(--color-brand);
      font-size: 13px;
      border-radius: 4px;
      /* padding: 6px 8px; */
      color: #fff;
      width: 35px;
      height: 35px;
      text-align: center;
      line-height: 33px;
}
.mainsectionfloorplan .floorplan a:hover{
  background: #0d6efd
}





.innerpropertyupload{ width:300px; float: left;}
.innerpropertyupload label{width:80%; cursor: pointer}
.innerpropertyupload label .material-symbols-outlined{
      border: 1px dashed #d5d5d5;
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: 15px 10px;
      align-items: center;
      /* background: #fafafa; */
      border-radius: 4px;
}


.innerpropertyupload label .material-symbols-outlined i.fas.fa-cloud-upload-alt {
    font-size: 24px;
    margin-bottom: 5px;
}

h6.headingaddtionalfinfoseccprop {
    font-size: 13px;
    margin-bottom: 0;
    float: left;
    background: #fafafa;
    width: 100%;
    padding: 11px 14px;
    border: 1px solid #ccc;
    border-bottom: 0;
}
span.showfilenamespan {
    float: left;
    clear: both;
    margin-top: -4px;
    font-size: 11px;
    width: 100%;
    font-weight: 500;
}


    .__inneraddtionalfinfoseccprop {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    padding: 0 15px 15px;

    display: flex;
    align-items: center;
    gap:30px
}

.property-extra-link2 button.btn.btn-primary {
    width: 250px!important; padding: 10px 20px!important;
}


button.markscompleted {
    background: #db2822;
    border: none;
    color: #fff;
    font-weight: 500;
    padding: 10px 24px;
    /* margin-left: 0; */
    clear: both;
    border-radius: 5px;
    display: block;
    margin: 18px 0 10px 0;
    float: left;
}

.roompicslabel{ cursor: pointer}
 .innerpropertyupload label.roompicslabel .material-symbols-outlined i.fas.fa-cloud-upload-alt{ font-size: 18px; margin-bottom: 0}
.propertyimagecolumn.innerpropertyupload{  width:100%;}

.roompicslabel .material-symbols-outlined {
    padding: 12px 10px!important;
    margin-top: 2px;
}
.features-property-grid .caption-info{ border:1px solid transparent}
.features-property-grid .property-featured-list.markedlabel{
   position: relative;
  }
/* .features-property-grid .property-featured-list.markedlabel label.caption-info{ width:100% } */
.features-property-grid .property-featured-list.markedlabel label.caption-info span.editpopdetails.showhidepenceilicon {
    position: absolute;
    right: -103px;
}
.features-property-grid .property-featured-list.markedlabel::before  {
    padding: 5px 5px 0px;
        border-radius: 4px;
        width: 96%;
        border: 1px solid #c3e6cb;
        color: #155724;
        background-color: #d4edda;
        height: 33px;
        content:"";
        position: absolute;
        left: -6px;
    top: -7px;

  }
.features-property-grid .property-featured-list.markedlabel span{ font-weight: 600; }
.propertyimagecolumn .uploadroomdetail{ background: none; width:150px; border-radius: 4px;}
.imageuploadpropertylabel{ float: left; margin: 0}
.imageuploadpropertylabel img{  height: 60px; width:auto;}
.propertyimagecolumn{ position: relative;}
.propertyimagecolumn .imageuploadpropertylabel{ position: absolute; left:0; top:-25px;}
span.text-upload-picture {
    position: absolute;
    top: -50px;
    color: #363636;
    font-size: 13px;
    left: 0;
}


.featuredpropertymain {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.property_featured_section {
  width: 100%;
  margin: 14px 0 0 0;
  float: left;
}

.featuredpropertymain h5 {
    color: var(--color-brand);
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 15px;
    font-weight: 500
}
.property_desc {
    float: left;
    width: 100%;
}

.property_desc p {
    margin-bottom: 15px;
    font-size: 13px;
    color: #363636;
}

.featuredpropertymain h3{ font-size: 17px; font-weight: 500}
.propertyimagebox {
    float: left;
    width: 100%;
    margin: 18px 0 20px 0;
}

.propertyimagebox img{ width: 60%; margin: 0 auto; border-radius: 4px; border:2px solid #ccc}

div.propertyAccordion {
    float: left;
    width: 100%;
    margin: 15px 0 0;
}


.nearstation {
    /* float: left; */
    display: block;
    width: 100%;
    margin-top: -20px;
}

.nearstation ul{  margin: 0; padding: 0}
.nearstation ul li{ display: flex; justify-content: space-between; width: 100%; align-items: center;
    padding: 5px 5px;}
.nearstationname{ display: flex; align-items: center; gap:8px;}
.nearstationname h6{ font-size: 13px; font-weight: 500}
#_serviceAccordian.propertyAccordion h2.accordion-header button[aria-expanded="true"], #_serviceAccordian.propertyAccordion h2.accordion-header button[aria-expanded="1"]{
  font-size: 14px
}

#propertyattributes{
  -webkit-column-count: 1;
    column-count: 1;
}


.__property_features {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}

.property4column {
    width: 100%;
    display: flex;
    gap: 10px;
}

.property-detail-column {
    width: 100%;
    display: flex;
    align-items: center;
    gap:10px;
}

.property-detail-column img{
  width: 100%;
  height: auto;
  position: relative;
}

.property-detail-column .propertyimgicon{
  background: #f2f2f2;
    padding: 10px;
  height: 50px;
  width:50px;
  border-radius: 50%;

}

.__property_features h4{ margin-bottom:20px;}
.property-detail-column div span{ color:#363636; font-weight: 500}
.property-detail-column div h6{ font-size:14px;}

.area-input span.error {
    width: 100%;
    position: absolute;
    color: red;
    left: 0;
    bottom: -14px !important;
    top: inherit;
    padding: 0;
    line-height: 13px;
    text-align: left;
    font-size: 11px;
}

#preferredmodel .area-input span.error{
   position: unset; float: left; margin: 2px;
}

.calculatearacalfeet.roomname {
    margin-top:-20px;
}

#preferredmodel .calculatearacalfeet input.__listinginput{ border-radius: 0; border: none; padding-top: 0; padding-bottom: 0; height: 14px; font-weight: bold; color:#000; padding-left: 9px}
#preferredmodel .calculatearacalfeet .area-input span{ top:1px; right: 7px;}


span.deleteaddfile {
    position: absolute;
    right: 30px;
    background: var(--color-brand);
border: 1px solid var(--color-brand);
    color: #fff;
    padding: 5px 11px;
    border-radius: 4px;
    cursor: pointer
}

span.deleteaddfile:hover{
  border-color:#0a58ca;
  background:#0a58ca;
}

.innerpropertyupload{ position: relative;}
.mortgage-calculator{ margin-bottom: 40px; float: left; width:100%; border:1px solid #DFDFE1; padding: 15px; border-radius: 4px 4px 0 0; margin-top: 35px}
.mortgage-calculator h3{
    margin: 0;
    color: #262637;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #DFDFE1;
    padding-bottom: 9px;
    float: left;
    width:100%;
}

.calculator-field {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.calculator-column{
  float: left; width:100%; margin: 0 0 15px 0
}
.calculator-column label{
  font-size: 13px;
  color: #262637;
  display: block;
  margin: 0 0 5px 0;
  float: left;
  width:100%;
  font-weight: 500
}

.calculator-column .ksc_inputField{
  padding:13px 16px 9px 26px;
color: #717184;
border: 1px solid #dee2e6;
    border-radius: 4px;
    background-color: #fff;
    height: auto;
    font-size: 15px;
    box-sizing: border-box;
    transition-duration: .16s;
    -webkit-transition-duration: .16s;
    width: 100%;
}
.ksc_inputField:focus {
    outline: none;
    box-shadow: 0 0 0 2px #00DEB6;
    border: 1px solid #006653;
    transition-duration: .16s;
    -webkit-transition-duration: .16s;
}

.ksc_field {
    width: 100%;
    position: relative;
}

.ksc_field span.currencysymbol{
  position: absolute;
  left: 10px;
  top: 41px;
  color: #717184;
  font-weight: 500;
  font-size: 20px;
}

.twocolumncalcalculator {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 25px;
}


.ksc_field span.__timeframe{
  position: absolute;
      left: 65px;
      top: 42px;
      color: #717184;
      font-weight: 400;
      font-size: 20px;
}

span.__timeframe.years_period {
    font-size: 18px;
    top: 40px;
}

.calculator-txt{
  font-size: 13px;
  color: #11828D;
  align-self: center;
  line-height: 18px;
  float: left;
  padding-top: 41px;
}

.pricing {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 38px;
}

.pricing h5 {
    color: #53535F;
    font-weight: 400;
}

div#moAnser {
  font-weight: 500;
font-size: 36px;
color: #262637;
width: 100%;
}

.calc-calulation {
  display: flex; gap:5px;
}

div#moLoader {
    font-size: 22px;
}


.nearstation ul li span{ width:150px; text-align: right}
.listviewLayoutClass .listpriceView.defaultnewProperties span.text-brand{ font-size: 16px!important}

.newfeaturesul li button.addnewvalueattrbtn {
  background: none;
      border: none;
      float: left;
      padding: 6px 0;
      font-weight: 500;
      border-radius: 6px;
      display: flex;
      gap: 5px;
      transition: none;
      text-transform: none;
      margin-top: 0;
      width: 100%; color:#363636
}
.newfeaturesul li button.addnewvalueattrbtn::before{
  content: "+";
      font-weight: 500;
      margin-right: 0;
      font-size: 14px;
      margin-top: 0px;
  }

.newfeaturesul li:hover button.addnewvalueattrbtn,
.serviceFormattributeslist#attributelisting .thisismultislectcheckbox div.collapseFeatures ul li:hover span{
  color:var(--color-brand)
}


#addcustomattribute .addnewsection .input-row label{ width:100%; float: left; font-weight: 500; color:#363636 }
#addcustomattribute .addnewsection .input-row .customattrname{
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #fafafa;
    padding: 5px 10px;
    font-weight: 500;
        cursor: auto;

  }

#addcustomattribute .addnewsection .input-row .customattrval{
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 5px 10px;
  font-weight: 500;
}
#addcustomattribute .addnewsection .input-row{ float: left; width:100%; margin-bottom: 15px;}

button.saveAttribute.btn.btn-primary {
    padding: 10px 30px;
}


#addcustomattribute .addlistingloader {
  padding-top: 61px;
    height: 184px;
}
.addlistingloader {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 20px;
    padding-top: 92px;
    height: 280px;
}

option.addnewvalueclass{
    background: var(--color-brand);
    width: 100%;
    float: left;
    color: #fff;
    cursor: pointer;
    font-weight: bolder;
}

option.addnewvalueclass:hover{
    background-color: #0b5ed7;
}

div.collapseFeatures .card{
  padding-bottom:15px;
}


#customattributesection .textbox.se-textbox--input {
    width: 64%;
}


form#create-product-form .featuresmultivalues{ width:160px;}
form#create-product-form a.collapseCustomItem_2 span{width:160px;     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left; }
.__downloadproductfiles{
  float: left; width:100%;
}

.__downloadproductfiles ul{ list-style: none; width:100%; margin: 0!important; padding: 0!important; }
.__downloadproductfiles ul li{ width:100%; display: flex; justify-content: space-between;     border-bottom: 1px solid #eee;
    padding-bottom: 10px; margin-bottom: 15px}
    .__downloadproductfiles ul li svg path{ fill:var(--color-brand)!important;}

    .__downloadproductfiles ul li svg:hover path{
      fill:#0d6efd!important
    }

    #related-products{
      margin-top: 55px!important;
    float: left;
    width: 100%;
    }


fieldset.input-row.mainfieldsec a.__select_attribute span{
  width:160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
 }


 .search-results.suggestionLink {
  z-index: 5; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;  position: absolute; bottom:-50px; left:0}


.product-search{ position: relative;}

/****************New dropdown CSS *****************/

.custom-dropdown {
    width: 100%;
    position: relative;
    float:left;
}

.custom-dropdown-toggle{
  float: left;
      width: 100%;
      background: none;
      border: none;
      position: relative;
      color: #363636;
      font-weight: 500;
      font-size: 13px;
      padding: 6px 10px 6px 12px;
      text-align: left;
      outline: none;
      display: flex;
      justify-content: start;
      border-radius: 4px;
      cursor: pointer;
      height: 40px;
      border:1px solid #ccc;
      align-items:center;

  }
.custom-dropdown-toggle:hover{
background: #f1f2f4
}


.custom-dropdown-menu {
  position: absolute;
  left: 0;
  background: #fff;
  top: 40px;
  padding: 0;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  width:100%;
  display: none;
  z-index: 5
}

ul.custom-dropdown-items {
  margin: 0;
  padding: 0px 0 0 0;
  width: 100%;
  float: left;

}

.custom-dropdown-toggle button.custom-dropdown-toggle-text{
    background: transparent;
    border: none;
    align-items: center;
    color: #000;
    font-weight: 400;
    font-size: 13px;
    padding: 0;
    width: 235px;
    text-align: left;
    outline: none;
    white-space: nowrap;      /* Force text to stay on one line */
    overflow: hidden;         /* Hide overflow content */
    text-overflow: ellipsis;  /* Show ellipsis for truncated text */
  }

input.custom-dropdown-search {
    width: 100%;
    float: left;
    border: 1px solid #f1f2f4;
    border-radius: 4px;
    padding: 8px 10px;


}

ul.custom-dropdown-items li{
  padding: 0 10px 0;
  width: 100%;
  color: #363636;
  font-size: 12px;
  float: left;
  border-left: 2px solid #fff;
  line-height: 20px;
  cursor: pointer;
  font-weight: 500;
  position: relative;
}

ul.custom-dropdown-items li.custom-dropdown-item.addnewvalueclass{ padding: 6px 10px 4px;}

ul.custom-dropdown-items li label{ padding: 6px 0 4px}

.attributeactionlink {
  position: absolute;
      right: 7px;
      top: 4px;
      display: flex;
      gap: 7px;
      text-align: center;
      justify-content: center;
}

.attributeactionlink span{
    background: var(--color-brand);
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    font-size: 9px;
    text-align: center;
    justify-content: center;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
}

.attributeactionlink span:hover{
      background: var(--color-primary);
}

ul.custom-dropdown-items li:hover{
  background: #f1f2f4; border-left:2px solid #db2822; color:#db2822
}


.icon-dropdown {
  font-size: 14px;
  margin: 0 10px 0 0;
  float: left;
}

.custom-dropdown-toggle i.fa.fa-chevron-down{
  margin: 4px 0 0 0;
    font-size: 11px;
}

.custom-dropdown.active .custom-dropdown-toggle{
  background: #e9f2ff; color:#0c66e4;
}

.custom-dropdown.active button.custom-dropdown-toggle-text{
  color:#0c66e4;
}


.scroll-bar-wrap {
  /* width: 300px;
  position: relative;
  margin: 2em auto; */
}
.scroll-box {
  width: 100%;
  max-height: 230px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 10px 10px;
}
.scroll-box::-webkit-scrollbar {
  width: .8em;
}
.scroll-box::-webkit-scrollbar,
.scroll-box::-webkit-scrollbar-thumb {
  overflow:visible;
  border-radius: 4px;
}
.scroll-box::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.5);
}
.cover-bar {
  position: absolute;
  background: #fff;;
  height: 100%;
  top: 0;
  right: 0;
  width: .8em;
  -webkit-transition: all .5s;
  opacity: 1;
}
/* MAGIC HAPPENS HERE */
.scroll-bar-wrap:hover .cover-bar {
   opacity: 0;
  -webkit-transition: all .5s;
}

/****************end New dropdown CSS *****************/

#__servicepagesection .collapseFeatures ul.newfeaturesul li div.attributeactionlink span {
    height: 22px;
    width: 22px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff!important;
    line-height: 0px;
    padding: 0;
}



.custom-dropdown-item label{
	width: 75%; margin-bottom: 0;
      cursor: pointer;
}

label.textual-display.mainattributeLabel {
  display: flex;
  justify-content: start;
  gap:8px
}
label.textual-display.mainattributeLabel .__attributeactioncol{ gap:1px!important;}
label.textual-display.mainattributeLabel .__attributeactioncol a{
  background: none !important;
  color: #db2822 !important;
  padding: 0!important;
  font-size: 11px;

}

label.textual-display.mainattributeLabel .__attributeactioncol a:hover{
  color:#3f81eb!important;
}

label.textual-display.mainattributeLabel .__attributeactioncol{
      padding-top: 2px;
}
.__attributeactioncol {
    display: flex;
    gap: 5px;
}

.__attributeactioncol a{
    background: #db2822;
    color: #fff;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 9px;
}

.__attributeactioncol a:hover{
  background: #3f81eb
}

a.deleteattributecore {
    padding-left: 1px;
}

input.customattrval {
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    padding: 5px 10px;
    color: #363636;
    font-weight: 500;
}

.addnewsection .input-row label{
  color: #363636;
    font-weight: 500;
    font-size: 13px;
    width:100%;
}


.__newmultiselectattribute {
    float: left;
    width: 100%;
        margin: 7px 0 20px 0;
}

.__newmultiselectattribute label{
    display: flex;
    justify-content: start;
    gap:6px;
    align-items: center;
    cursor: pointer;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
}

.__newmultiselectattribute label span{ font-weight: 500}

#attribute_name_custom,
#attribute_value_custom{ cursor: auto;}

.__newmultiselectattribute label input#attribute_is_multiselect{ height: 17px; width:17px;}

#serviceattributefile .summary__attributes--label { position: relative;}


div.collapseFeatures .card {
  width: 100%;
  max-height: 330px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 5px 5px;
}
div.collapseFeatures .card::-webkit-scrollbar {
  width: .3em;
}
div.collapseFeatures .card::-webkit-scrollbar,
div.collapseFeatures .card::-webkit-scrollbar-thumb {
  overflow:visible;
  border-radius: 4px;
}
div.collapseFeatures .card::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2);
}
.__threecolumnDiv div.collapseFeatures ul li{ position: relative;}
.__threecolumnDiv div.collapseFeatures ul li .attributeactionlink{ right:0}
.__threecolumnDiv div.collapseFeatures ul li .attributeactionlink span{ cursor: pointer}


.branchproductname.selectproductbranch {
    float: left;
    width: 100%;
    margin-bottom: 29px;
    margin-top: -43px;
    background: #fafafa;
    padding: 0 20px 25px;
    border-radius: 0 0 4px 4px;
}

.branchproductname.selectproductbranch select{
  border: 1px solid #ccc;
  padding: 8px 8px;
  height: 40px;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  width: 32.3%;
}

.billing-section {
    float: left;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 15px;
    border-radius: 4px;
    width:100%
}
.billing-section h5{
  margin-bottom: 10px;
  width:100%
}
.billing-section span{
  font-weight: 400;
  width:100%;
  display: block
}

form#addpayment-form .carddetailinput {
    width: 100%;
    margin-top: 15px;
}


#twocolumn-addPaymentSectioncard{ width:100%; display: flex; gap:25px;     margin-bottom: 50px;}
#twocolumn-addPaymentSectioncard #addpayment-form{ width:100%;   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;  padding: 15px;}


form#editpayment-form {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 15px;
}


a.editLinkaddress {
    background: #db2822;
    color: #fff;
    padding: 4px 15px;
    display: flex;
    width: 75px;
    align-items: center;
    gap: 5px;
    border-radius: 4px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 500;
    float: left;
    margin-top: 4px;
}

a.editLinkaddress i.fas{
  font-size: 12px;
}

a.editLinkaddress:hover{
  background: #3f81eb
}

button.deletecard {
    padding: 0;
    border: none;
    background: none;

}

.cardactionbtn a,
.cardactionbtn button{
      color: #0d6efd;
}

.cardactionbtn a:hover,
.cardactionbtn button:hover{
      text-decoration: underline;
}


/*
table#__availableAtCustomTimes tbody tr:nth-child(8),
table#__availableAtCustomTimes tbody tr:nth-child(9),
table#__availableAtCustomTimes tbody tr:nth-child(10),
table#__availableAtCustomTimes tbody tr:nth-child(11),
table#__availableAtCustomTimes tbody tr:nth-child(12),
table#__availableAtCustomTimes tbody tr:nth-child(13),
table#__availableAtCustomTimes tbody tr:nth-child(14),
table#__availableAtCustomTimes tbody tr:nth-child(15),
table#__availableAtCustomTimes tbody tr:nth-child(16),
table#__availableAtCustomTimes tbody tr:nth-child(17),
table#__availableAtCustomTimes tbody tr:nth-child(18),
table#__availableAtCustomTimes tbody tr:nth-child(19),
table#__availableAtCustomTimes tbody tr:nth-child(20),
table#__availableAtCustomTimes tbody tr:nth-child(21),
table#__availableAtCustomTimes tbody tr:nth-child(22),
table#__availableAtCustomTimes tbody tr:nth-child(23){
  display:none!important
}

*/

.carddetailinput.threecolumncarddetail {
    display: flex;
    gap: 15px;
    margin-top: 15px;
    position: relative;
    justify-content: start;
    align-items: center;
}
.carddetailinput.threecolumncarddetail select {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: 500;
    cursor: pointer
}

.carddetailinput.threecolumncarddetail img {
  position: absolute;
  right: -3px;
  height: 55px;
  top: -10px;
}


#featuredImages .content h5.headingH5 {
  position: relative;
  margin-bottom: 15px;
  font-size: 16px !important;
}




.imagePreviewMain {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 80%;
    row-gap:2px;
    column-gap: 2px;
    margin-top: 20px;
}


#featuredImages .image-preview {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    margin: 1px;
    position: relative;
    text-align: center;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}


#uploadProductrow #featuredImages .image-preview{ width: auto!important;}

#featuredImages .image-preview img{object-fit: contain;height: auto!important; float: left;}

#featuredImages .content h6.headingh6product{
  font-size: 14px;
  font-weight: 500;
  color: #363636;
  width:100%;
  margin-bottom: 8px;

}


.itemtypedesc {
  clear: both;
  width: 100%;
  float: left;
  margin-bottom: 0;
  border: 1px solid #ccc;
  border-bottom: none;
  margin-top: 10px;
  margin-bottom: 0px;
  border-radius: 5px;
}
.innertypedesc {
    border-bottom:1px solid #ccc;
    display: flex;
    gap: 15px;
    align-items: center;
}

.innertypedesc h4 {
    width: 125px;
    font-size: 14px;
    padding: 8px 5px 8px 15px;
    border-right: 1px solid #ccc;
    text-transform: uppercase;
}


.innertypedesc span {
    width: 100%;
    padding: 4px 0px;
    font-weight: 400;
    color: #363636;
    font-size: 14px;
}

div#basiccontionid {
    width: 100%;
}


li.custom-dropdown-item.searchattributeinput {
  padding: 10px 0 3px;
      background: #fff!important;
      border: none !important;
      margin-bottom: 0;
      position: sticky;
      top: 0;
      left: 0px;
      z-index: 55;
}

li.custom-dropdown-item.searchattributeinput:hover{
  background: none; border:none!important
}

li.custom-dropdown-item.searchattributeinput input.form-control.attributesearch {
  padding: 8px 10px !important;
height: 34px;
line-height: 36px;
font-size: 13px;
}

#business_mobile_error{
	color: #dc3545;
	position: absolute;
	font-size: 12px;
}


.pricing-message-section {
  width: 700px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 20px;
  column-gap: 15px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.pricing-message-section .pricing-type {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 11px;
}

.pricing-message-section .pricing-type .pricingcaption{ height: 18px; width:18px;}
.pricing-message-section .pricing-type label{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    cursor: pointer
  }
.pricing-message-section .pricing-type label span{
  color: #363636;
  font-weight: 500;
  font-size: 13px;
}

.pricing-message-section input.pricingvalues {
    width: 46px !important;
    height: 30px !important;
}


/* Chrome, Safari, Edge, Opera */
.pricing-message-section input::-webkit-outer-spin-button,
.pricing-message-section input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
.pricing-message-section input[type=number] {
  -moz-appearance: textfield;
  padding: 5px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
}

#serviceattributefile ._serviceinnerFormcol.countkeysdiv label{
  display: flex; gap:10px;

}






/****** grid view product style *******/


#product-box .gridviewLayoutClass .product-cart-wrap{
  flex-direction: column;
}


#product-box .gridviewLayoutClass .product-cart-wrap .vehicleinfo{
  width:100%
}

#product-box .gridviewLayoutClass .product-cart-wrap .openinfo.productopennow{
  position: static; text-align: left; padding-top: 5px;
}

#product-box .gridviewLayoutClass  .listpriceView ins{
  text-align: left
}

#product-box .gridviewLayoutClass ._seller_logo{
  display: none;
}

#product-box .gridviewLayoutClass .product-price.primary-color.listpriceView strong{
  text-align: left!important
}

#product-box .gridviewLayoutClass .product-cart-wrap .__minutstxt label{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 220px;
  margin-bottom:0;
  padding-top: 2px
}

#product-box .gridviewLayoutClass .product-cart-wrap .__minutstxt{
  display: flex;
  align-items: center;

}

#product-box .gridviewLayoutClass .product-cart-wrap .vehicleinfo li{
  width:100%; border-right:0;
}


#product-box .gridviewLayoutClass .product-cart-wrap div.inner_contactboxservice{
  gap:5px;  width:100%
}

#product-box .gridviewLayoutClass div.inner_contactboxservice a,
#product-box .gridviewLayoutClass div.inner_contactboxservice span.__btnGetaquotebt{
  padding: 5px
}

#product-box .gridviewLayoutClass .__bidCount{
  text-align: left;
}
#product-box .gridviewLayoutClass .__salesTags .reservemetst div{ text-align: left}

.__btnvehicle button.textual-display span{ color:#fff}
.__btnvehicle button.textual-display:hover{ border-color: var(--color-primary);}


#__formRagister .tab_content label.columnrowlabel {
    float: left;
    width: 100%;
    margin-bottom: 0 !important;
    padding: 0;
}
span.sameAddress{ font-weight: 400}
span.enterclick{ width:auto!important;}
#product-box .gridviewLayoutClass #soldStatus{ text-align: left; margin-top: -8px}
.ck-editor__editable p span,
.ck-editor__editable p,
.ck-editor__editable strong{
  color: #000!important;
  font-weight: 500!important;
  font-size: 13px!important;
  font-family: var(--bs-font-sans-serif)!important;
  background: none!important;
  line-height: 21px!important;
}

.ck-editor__editable p:first-child{
  margin-top: 10px!important
}













span.item-button__icon.icon-last {
    margin-top: 3px !important;
    display: flex;
    float: left;}



    button#takemetostore {
        border-radius: 8px;
    }
.responsibilitie-section {
    float: left;
    width: 100%;
    margin-top: 25px;
}
.responsibilities {
    width: 100%;
    display: flex;
}

.responsibilities label{ display: flex; gap:12px; width:100%; cursor: pointer;}
.responsibilities label #acceptcheckbox{ width: 22px;
    height: 22px;
    margin-top: 2px;}
.responsibilities label span span{ padding-top: 8px;}
.responsibilities label span{ font-weight: 500; color:#666; line-height: 20px; width:100%; float: left;}

span.loadvehicelinf {
    width: 100%;
    /* display: flex; */
    float: left;
    font-size: 15px;
    margin: 21px 0 70px;
    font-weight: 500;
}

span.loadvehicelinf i{ margin-right: 6px}
.noteditablecontenauction {
    float: left;
    width: 100%;
    margin: 5px 0 20px;
}
.noteditablecontenauction span{
  padding: 10px 15px;
  border: 1px solid #ccc;
  float: left;
  width: 100%;
  border-radius: 4px;
}

.noteditablecontenauction span p{
  color: #666;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  cursor: default;
}

.noteditablecontenauction span:hover{
  border-color: var(--color-primary);
}





.price-caption-on-edit .pricing-type .pricingcaption{
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    background: #fff;
    padding: 2px; border:1px solid #ccc;
}

.price-caption-on-edit .pricing-type .pricingcaption:checked {
    background-color: var(--color-primary);

}

.__threecolumnDiv{ position: relative;}
.loadingattrubelodertext {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    text-align: center;
    padding: 31% 0 0 0;
    height: 575px;
    font-size: 18px;
color: #333
}

.loadingattrubelodertext i.fa{ margin-right: 8px;}

._serviceinnerForm.gapserviceboxmain {
    margin: 15px 0 10px;
}


.btn,
.button,
a{ transition: inherit!important}


.dashboard-menu ul li a.active {
    background-color:#DB2822;
    color: #fff!important;
}


.dashboard-menu ul li a.active:hover {
  background-color:#DB2822;
  color: #fff!important;
}

.dashboard-menu ul li a.active:hover i.fa{
  color: #fff!important;
}



#addcustomattribute .modal-header,
#add_custom_item_Modal .modal-header {
    padding: .7rem 1rem;
    border-bottom: none;
    background: #DB2822;
    text-align: left;
}

#addcustomattribute .modal-header h5.modal-title,
#add_custom_item_Modal .modal-header h5.modal-title{ color:#fff; font-size: 18px; text-align: left}
#addcustomattribute .modal-footer,
#add_custom_item_Modal .modal-footer{ border:none; padding-top:0}
#addcustomattribute button.close.closemodelbtn,
#add_custom_item_Modal button.close.closemodelbtn{ color:#fff}
#addcustomattribute .modal-body{ padding-bottom: 3px}
a, button, h4, img, input, span{ transition: inherit}

table#botble-ecommerce-tables-product-table .table-actions {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.btn-check:focus+.btn-info, .btn-info:focus{
  background: var(--color-primary);
  border-color:var(--color-primary);
  color:#fff;
}

.btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle{
  background: var(--color-primary);
  border-color:var(--color-primary);
  color:#fff
}


.runningDetails .noDataFount{ display: none}

table#botble-ecommerce-tables-product-table > tbody > tr > th, table#botble-ecommerce-tables-product-table > tbody > tr > td
{ padding: 8px 5px;}

table#botble-ecommerce-tables-product-table > tbody > tr > th:nth-child(4), table#botble-ecommerce-tables-product-table > tbody > tr > td:nth-child(4){
  width:120px!important
}

#botble-ecommerce-tables-product-table_wrapper .dt-layout-row:first-child{ display: none}

tbody.loadsearchedproduct tr td:nth-child(6),
tbody.loadsearchedproduct tr td:nth-child(7),
tbody.loadsearchedproduct tr td:nth-child(8){ white-space: nowrap;}


table#botble-ecommerce-tables-product-table thead th{ font-weight: 500; padding-right: 20px!important; white-space: nowrap; padding-left: 5px!important}
table#botble-ecommerce-tables-product-table thead th:first-child{ padding-right: 5px!important;}

.info-section.__addescriptioncol.parentmoderation {
    position: relative;
    clear: both;
}
span#rewriteWithAIShortLoader {
    position: absolute;
    right: 13px;
    top: 36px;
    font-size: 14px;
    opacity: .7;
}



.nofoundproduct {
    display: flex;
    width: 100%;
    align-items: center;
    height: 300px;
    justify-content: center;
}

.skillexplist {
  float: left;
width: 100%;
border: 0;
border-radius: 4px;
margin: 0 0 15px 0;
padding: 20px 15px 15px 15px;
border:1px solid #ccc
}

.skillexplist h3{
  margin: 0 0 0 0;
  color: #262637;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #DFDFE1;
  padding-bottom: 7px;
  width: 100%;
  color:#333
}

.yearExp {
    width: 100%;
    display: flex;
    padding-top: 5px;
    /* display: block; */
    flex-direction: column;
}

.innerYearexp {
    display: flex;
    align-items: center;
    gap: 15px;
    /* padding: 0 15px; */
}

.innerYearexp h5{ font-size: 13px; color:#333}
.innerYearexp span{ color:#333}
.jobDetailslistbox {
    float: left;
    width: 100%;
    margin: 25px 0 20px 0;
}

#propfirstnameerror,
#proplastnameerror,
#propemailerror,
#propmessageerror{ color:red;}
div#propmessageerror {
    margin-top: -6px;
}


span.status-label.topublished {
    background: #0dcaf0;
    color: #fff;
    font-size: 11px;
    padding: 4px 6px;
    border-radius: 4px;
}


.jobDetailslistbox h2{ display: none}



#botble-ecommerce-tables-product-table_wrapper .dt-info {
  font-size: 14px;
  color: #666;
}

#botble-ecommerce-tables-product-table_wrapper .dt-paging {
  display: flex;
  justify-content: center;
  align-items: center;
}

#botble-ecommerce-tables-product-table_wrapper .dt-paging nav {
  display: flex;
  gap: 5px;
}

#botble-ecommerce-tables-product-table_wrapper .dt-paging-button {
  padding: 4px 12px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #333;
  font-size: 13px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500
}

#botble-ecommerce-tables-product-table_wrapper div.dt-container .dt-paging .dt-paging-button:hover{
  background: #db2822!important;
}

#botble-ecommerce-tables-product-table_wrapper .dt-paging-button:hover {
  background: #db2822!important;
  color: #fff!important;
  border: 1px solid #db2822!important;
}

#botble-ecommerce-tables-product-table_wrapper .dt-paging-button.current {
  background: #db2822;
  color: #fff!important;
  border: 1px solid #db2822;
}

#botble-ecommerce-tables-product-table_wrapper .dt-paging-button.disabled {
  color: #bbb;
  background: #f8f9fa;
  border: 1px solid #ddd;
  cursor: not-allowed;
}

#botble-ecommerce-tables-product-table_wrapper .dt-paging-button.first,
#botble-ecommerce-tables-product-table_wrapper .dt-paging-button.last,
#botble-ecommerce-tables-product-table_wrapper .dt-paging-button.previous,
#botble-ecommerce-tables-product-table_wrapper .dt-paging-button.next {
  font-weight: bold;
}


h2.vehicleTitle a span{font-size: 13px;}
.detail-info h2.title-detail span{ font-size: 20px;}

div#releasedOnesection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
    margin-bottom: 15px;
}

div#releasedOnesection .date-box{ position: relative;}
div#releasedOnesection .date-box .startInputbox{    position: absolute;
    right: -95px;
    border: 1px solid #ccc;
    background: #fff;
    width: 219px;
    border-radius: 4px;
    padding: 8px 15px;
    height: 33px;
    top: -8px;}


    .duration_servicecol.innerYearexpproperty {
        display: flex ;
        width: auto;
        margin: 20px 0px;
    }

.responsibilities.stepfourresponsibility input#acceptcheckbox {
        width: 20px;
        height: 20px;
        margin: 5px 15px 0 0;
    }
.responsibilities.stepfourresponsibility label{ color:#333; line-height: 24px;}
#__openinghoursfilter select{
border: 1px solid #ccc;
border-radius: 4px;
background: #fff;
width: 48%;
padding: 5px 2px;
font-size: 12px;
cursor: pointer;
height:30px;
}

#__openinghoursfilter select:hover{ border-color:#333}

.accordion-item:last-of-type .accordion-collapse{ border-bottom-width: 0}
.__mainpricefilteropening{ display: flex; gap:0px; width:100%; flex-direction: column;}
button.filteropeninghour {
    display: flex;
    height: 35px;
    width: 35px;
    border: none;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    line-height: 35px;
    font-size: 16px;
    color: var(--color-text);
}
.__mainpricefilteropening label{ margin-top: 0; padding-top: 0!important}
button.filteropeninghour:hover{
     color: #fff;
    background: #3f81eb;}
.__mainpricefilteropening .innerPricefilter{ width:39%}
.profile-usertitle-name { display: flex; flex-direction: column;}
span.userEmailprofile {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    width: 94%;
}



.mainTimezone {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.openingTimeZone {
    width: 100%;
    /* text-align: left; */
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: baseline;
}

span.opentimedetail {
    color: #333;
    font-weight: 600;
    width: 100%;
    font-size: 13px;
}

._contactAvailtime {
  display: flex;
  justify-content: space-around;
  width: 100%;
  color: #333;
  font-size: 12px;
  gap:10px;
}
._contactAvailtime_hh,
._contactAvailtime_mm{ font-size: 12px; color:#333}

.mainTimezonesinputbox {
    width: 100%;
    display: flex;
    gap: 15px;
    position: relative;
}

.daysSectionopening {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.daysSectionopening h4{ margin-bottom: 8px!important;}
.daysRowopening{ width:100%; display: flex; flex-direction: column;}
.daysRowopening label{ width:100%; display: flex; margin: 0; gap:10px;     margin: 0;    align-items: center;}
.daysRowopening label input[type="checkbox"]{ width:16px; height: 16px;}
.daysRowopening label span{ color:#333; font-size: 13px;}
.feeLisiting {
    width: 100%;
    float: left;
    margin: 15px 0 30px 0;
}

.feeLisiting h2{ font-size: 1.5rem; font-weight: 600; color:#4a5568; margin-bottom: 15px;}
.innerfeelisting{ width:100%; display: grid; grid-template-columns: 1fr 1fr; gap:10px;}
.listingfeecolumn h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 6px;
    color:#4a5568;

}


.listingfeecolumn {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 11px;
}

ul.feeList {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.feeList li{ display: flex; justify-content: space-between; color:#4a5568; line-height: 22px}
.feeList li .listingfeename,
.feeList li .feeintro{ font-weight: 500}
span.listfeespan {
    font-weight: 500;
}

.feeList li:first-child span{
  text-decoration-line: line-through;
    text-decoration-color: red;
}


#soldStatus{
  display:inline-block;
  width: 100%;
  text-align: center;
  font-size: 32px;
  font-weight: 800;
  margin-top: 5px;
  color: var(--color-brand)!important;
}


span.__durationType.propertydatebox {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 11px 0 6px;
    gap: 7px;
    color: #db2822;
    font-weight: 600;
}

span.__durationType.propertydatebox strong{ color:#363636; font-weight: 500; font-size: 13px;}
input#informatenderdate {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 3px 8px;
  height: 35px;
  margin-top: -5px;
}
label.pricinginfosec.caption-info.Freehold.Leasehold.SharedOwnership.Timeshare.Rent {
    padding-top: 5px;
}
#overview-accordian { float: left; width:100%; margin-top:0px;}
#overview-accordian .accordion-item{ box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; margin-bottom: 15px; float: left; width:100%; border-radius: 4px;  }

#overview-accordian .accordion-button {
    border-top: none;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 10px;
}
#overview-accordian .accordion-item .card-body{ padding: 0 0 10px 0; float: left; width:100%;}
#overview-accordian .accordion-button:not(.collapsed){ color: #333;  border-color: #eee; background-color: #f7f8f9;}
.return-policy-overview{ margin-top: 5px;}
.return-policy-overview input#policy_description{ border-radius: 4px; background: #fff; background: #fff; border:1px solid #ccc; padding: 5px 10px;}
.return-policy-overview label{ font-weight: 500; width:100%; color:#333; font-size: 13px; }
.return-policy-overview input#policy_description:hover,
.return-policy-overview input#policy_description:focus{ border-color:#0c63e4}
#overview-accordian  div#paymentoptions-checkboxsection {
    margin-bottom: 10px;
}

.__salesinner.buynowforlisitng {
    margin-top: 0px;
}


#preferredmodel h5.modal-title{text-align: left;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;

  }
#preferredmodel .modal-header{ padding: 15px 15px 12px;}
#preferredmodel .roomdetails{ margin-top: -5px;}
#preferredmodel .roomname{ grid-template-columns: 290px 190px 20px 190px 10px 190px 120px;}

#preferredmodel .modal-header span.close{ cursor: pointer;
    padding: 0;
    font-size: 30px;
    margin: -1px 0 0 0;
    line-height: 0;
   }


#mobileSidebarmenu .dashboard-menu ul li a{    padding-left: 10px !important;
    padding-right: 10px !important}
#mobileSidebarmenu .dashboard-menu ul li a:hover{ background: #fff; color: var(--color-brand); }
#mobileSidebarmenu .dashboard-menu ul li a:hover i{ color: var(--color-brand);}

/** BEGIN CSS NEEDED FOR SWITCH **/
.on-off-toggle {
  width: 56px;
  height: 24px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.on-off-toggle__slider {
  width: 56px;
  height: 24px;
  display: block;
  border-radius: 34px;
  background-color: #d8d8d8;
  transition: background-color 0.4s;
  cursor: pointer;

}

.on-off-toggle__slider:before {
    content: '';
    display: block;
    background-color: #fff;
    box-shadow: 0 0 0 1px #949494;
    bottom: 3px;
    height: 18px;
    left: 3px;
    position: absolute;
    transition: .4s;
    width: 18px;
    z-index: 5;
    border-radius: 100%;
  }

.on-off-toggle__slider:after {
    display: block;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    content: 'off';
    color: #484848;
    padding-left: 26px;
    transition: all 0.4s;
  }

.on-off-toggle__input {
  /*
    This way of hiding the default input is better
    for accessibility than using display: none;
  */
  position: absolute;
  opacity: 0;
}

.on-off-toggle__input:checked +
.on-off-toggle__slider {
  background-color: #d4edda;
}

.on-off-toggle__input:checked +
.on-off-toggle__slider:before {
    transform: translateX(32px);
  }

.on-off-toggle__input:checked +
.on-off-toggle__slider:after {
    content: 'on';
    color: #155724;
    padding-left: 11px;
    padding-top: 1px;
  }

  .permissionRow {
      display: flex ;
      gap: 10px;
      padding: 10px 0;
      align-items: center;
  }
.permissionRow span{
  font-weight: 500;
color: #333;
font-size: 13px;
}

/*** END CSS NEEDED FOR SWITCH **/



.traderInfoproduct {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #ebebeb;
    padding: 20px;
    border-radius: 5px; position: relative;
    margin-bottom: 5px;
}

.tradercolumnmain {
    display: flex;
    margin-top: 15px;
    gap: 15px;
    flex: 1;
    justify-content: space-between;
}
.tradercolumn{ width:100%; display: flex; flex-direction: column; padding-top: 5px;}
.tradercolumn span{ color:#333; font-size: 13px;}
.tradercolumn h5{ font-size: 14px; margin-bottom: 10px;}
.opendaysul{ width:100% }
.opendaysul li { display: flex; justify-content: space-between; }
.traderInfoproduct h3{     color: #db2822; font-size: 18px;  display: flex; justify-content: space-between; align-items: center;}
.traders-seller {
    width: 100%;
    margin-bottom: 8px;
}
.traderRow {
    display: flex;
    justify-content: space-between;
}
.traderRow .rating-star {
    display: flex;
    height: 25px;
    align-items: center;
    gap: 8px;
    color: #db2822;
    font-weight: 500
}

.tradercolumn i.fas{ color: #db2822;  width:17px;}
.storebuttonrow{width: 300px;
    display: flex;
    gap: 8px;     justify-content: end;
   }
.storebuttonrow a{ border-radius: 4px; background: #db2822; color:#fff; padding: 9px 15px; display: flex; gap:5px; align-items: center; font-size: 13px; font-weight: 500}
.storebuttonrow a:hover{ background: #0d6efd}
.traderimg{ width:70%; height: auto;}
span.editpopdetails {
    /*float: right;
    font-weight: 400;
    font-size: 11px;*/
}
.features-property-grid .caption-info.markedlabel span:hover{ text-decoration: underline; color:var(--color-brand);}
.watweoffer{ display: flex; margin: 10px 0; flex-direction: column; width:100%}
.watweoffer label{ color:#363636; font-size: 13px; font-weight: 500}
.watweoffer textarea{ resize: none; height: 120px; border-radius: 4px; background: none; border:1px solid #ccc; min-height: 120px;}
.watweoffer textarea:hover{ border-color:#0d6efd}
ul.offerListproduct {
    margin: 3px 0 0 0;
    width: 100%;
    padding: 0;
}

ul.offerListproduct li{ color:#363636; font-weight: 500}
.propertybuynow {
  color: #363636;
  background: #f2f2f2;
  clear: both;
  padding: 9px 15px 12px;
  font-weight: 500;
  border-radius: 4px;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  line-height: 11px;
  float: left;
  width: 100%;
}

.propertybuynow a{
  color:#0d6efd;
  font-size: 12px;
  font-weight: 400;
  width:95%;
  float: left;
  white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 margin-top: 3px;
}
.propertybuynow a:hover{color:#DB2822}

span.icon-minus-time {
    color: #333;
    position: absolute;
    top: 4px;
    left: 48.2%;
    font-size: 15px;
    font-weight: 600
}

h5.headingopenat {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
}

form#avatar-upload-form-storefront .accordion-button span.error{ color:red; position: absolute; right:50px; top:15px;}
form#avatar-upload-form-storefront .accordion-button{ position: relative;}
form#avatar-upload-form-storefront .accordion-button.error{ color:red; border: 1px solid red!important}
span.editbranchinfo {
    background: var(--color-brand);
    color: #fff;
    padding: 3px 12px;
    align-items: center;
    float: left;
    border-radius: 4px;
    margin-top: 5px;
    font-weight: 500
}
span.editbranchinfo i.fas{
  font-size: 11px;
  margin-right: 3px;
}

span.editbranchinfo:hover{
      background: var(--color-primary);
}
.floorHide{ display: none}

.opennow {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 3px 0 12px;

}
.opennow label{ display: flex; gap:10px; width: 100%; align-items: center; cursor: pointer;}
.opennow label span {
    font-size: 13px;
    font-weight: 500;
    color: #363636;
}
.opennow label input {
    width: 18px;
    height: 18px;
}

.openinfo.productopennow {
    position: absolute;
    right: 0;
    bottom: 140px;
      width: 182px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;

}
.openinfo{
    color: #363636;
    font-size: 14px;
    line-height: 19px;
}

form#consumerform .checkmoderation.errormoder{ background-image: none}

.servicefullcategorybox {
    width: 100%;
    margin: 18px 0 30px;
}

.servicefullcategorybox label{
  color: #363636;
  font-size: 13px;
  font-weight: 500;
  width:100%
}

.servicefullcategorybox ._categorysearchinput{ background: #fff; border-radius: 4px; border: 1px solid #ccc}



.servicefullcategorybox div#searchListbox{
  max-height: 180px;
  overflow-y: auto;
  margin-bottom: 20px;
}

.servicefullcategorybox div#searchListbox .__categoryloader i.fas.fa-circle-notch.fa-spin{
  font-size: 25px; opacity: .8
}



#businesoverviewform .servicefullcategorybox #searchListbox div#option-not-found{
      padding: 5px 0 5px 10px!important;
}

#businesoverviewform .servicefullcategorybox #searchListbox div#option-not-found h5{ font-weight: 500; font-size:13px;}

input#addresspostcodesearch {
    text-transform: uppercase;
}

input#addresspostcodesearch::placeholder{
  text-transform: capitalize;
}

label.textual-display.propertytextlabel {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

#__servicepagesection label.textual-display.propertytextlabel span.enterclick{
  margin-top: 0px!important; font-size: 13px;
}


.servicefullcategorybox div#searchListbox:active::-webkit-scrollbar-thumb,
.servicefullcategorybox div#searchListbox:focus::-webkit-scrollbar-thumb,
.servicefullcategorybox div#searchListbox:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}
.servicefullcategorybox div#searchListbox::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    visibility: hidden;
}

.servicefullcategorybox div#searchListbox::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

form.form--auth .is-invalid.form-control{ border-color:red!important}
form.form--auth [aria-describedby="email-error"],
form.form--auth [aria-describedby="txt-businesspostcode_bt-error"],
form.form--auth [aria-describedby="txt-businesspostcode_cr-error"],
form.form--auth [aria-describedby="txt-business-name-error"],
form.form--auth [aria-describedby="business_mobile-error"],
form.form--auth [aria-describedby="businessTypeDropdown-error"]{
   /* border-color: red!important;*/
}



span#txt-businesspostcode_bt-error,
span#txt-businesspostcode_cr-error{
position: static;
}

span.bpostcodeerror_bt {
    color: #dc3545;
}

form#businessuserform .border-gray-300:hover,
form#businessuserform .border-gray-300:focus,
form#businessuserform ._categorysearchinput:hover,
form#businessuserform ._categorysearchinput:focus,
form#businessuserform #servicesoffered:hover,
form#businessuserform #servicesoffered:focus{ border-color:#49a8d3!important}


form#consumerform .border-gray-300:hover,
form#consumerform .border-gray-300:focus,
form#consumerform ._categorysearchinput:hover,
form#consumerform ._categorysearchinput:focus,
form#consumerform #servicesoffered:hover,
form#consumerform #servicesoffered:focus{ border-color:#49a8d3!important}
div.business_Half_col:hover,
div.business_Half_col:focus{
  border-color:#49a8d3!important
}



form#consumerform .form-control:hover,
form#consumerform .form-control:focus{
  border-color:#49a8d3!important
}







.business_Half_col #txt-address-line-1,
.business_Half_col #txt-address-line-2,
.business_Half_col #txt-city,
.business_Half_col #txt-county{
   opacity: .5
}


.business_Half_col #txt-address-line-1:read-only,
.business_Half_col #txt-address-line-2:read-only,
.business_Half_col #txt-city:read-only,
.business_Half_col #txt-county:read-only{
   opacity: 1; color:#363636!important
}

input#txt-postcode {
    text-transform: uppercase;
}

#businessTypeDropdown {
  height: 48px;
}

.modaltileattribute.modal-title{ justify-content: space-between; display: flex; align-items: center; font-size: 18px; font-weight: 500}
button.closeModelbtnmodal {
    padding: 0;
    border: none;
    background: none;
    margin-top: -4px;
}
#loadingattributemodel .modal-header{
      padding: .7rem .7rem;
}

#businessuserform #searchListbox div#option-not-found{
  padding: 5px 0 6px
}

label.registermainlabel {
    color: var(--color-body);
    width: 100%;
    font-weight: 500;
    float: left;
}



.business-trading-col{ margin-top: 15px; }
.business-trading-col h5{ width:100%; margin: 10px 0 -5px 0; font-weight: 500; color:var(--color-body);}
h5.registerh5heading {
    margin-bottom: 10px;
    width: 100%;
    font-weight: 500;
    color: var(--color-body);
}

.gap10{ margin-top: 8px; margin-bottom: 0}
form#consumerform label.registermainlabel{ margin-top: 0}
#__collongdesc{ margin-bottom: 20px;}

label.registermainlabel.twocolumnlabeltext {
    display: flex;
    justify-content: space-between;
  align-items: center;
}

.largescreenspace{ margin-top: -7px!important}
.logooverview {
    margin: -28px 0 22px 0px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
}

form.form--auth label[for="et_pb_contact_brand_file_request_0"]:after, form.form--auth label[for="et_pb_contact_brand_file_request_1"]:after {
  background-image: url("../images/uploadplaceolder.png");

}

.shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by i{
  position: static;
}

.shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by span {
    display: flex;
    align-items: center;
}

.shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span{
  display: flex;
  align-items: center;
}
.shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span i{ top:1px}
.shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by {
    margin-right: 5px;
    display: flex;
    align-items: center;
}

.shop-product-filter .sort-by-product-area .sort-by-product-wrap{
  padding: 12px 16px 10px;
  height: 46px;
}

.dropdown__skeleton{
  padding: 16px 17px 14px;
  height: 48px;
  color: var(--color-text);
}


/** Auction Style **/
.autionstarton {
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
  justify-content: space-between;
  background: #fafafa;
  border: 1px solid #ccc;
  padding: 15px;

}
.autionInnerbox {
  display: flex;
      gap: 15px;
      align-items: center;
      width: 100%;

}

.autionlbltxt{
  color: #363636;
      font-weight: 500;
      font-size: 13px;
      width: 100%;
}
.autionInnerbox input[type="radio"]{
  width:16px;
  height: 16px;
}
.autionInnerbox label{
  display: flex;
  align-items: center; gap:8px;
  margin: 0;
  cursor: pointer
}
.autiontimerbox {
  width: 100%;
  gap: 15px;
  margin-top: 18px;
  margin-bottom: 7px;
}

.autioncol{ display: flex; align-items: center; width:auto; gap:10px; justify-content: start;}
#auctionBox .autioncol label{ width:auto!important; white-space: nowrap; margin:0}
.autioncol select{     width: 60px;
    padding-left: 5px; }

input.inputTag.autiondate {
    width: 108px;
}

#addHolidayHere .modal-header{ padding: 0 15px}

#quick-view-modal .product-price.primary-color.float-left strong{ text-align: left!important; margin: 2px 0 0 2px}
.whole-business-status {
    display: flex;
    gap: 15px;
}

.whole-business-status {
    display: flex;
    gap: 15px;
}

.whole-business-col input[type="radio"]{
  width:16px;
  height: 16px;
}
.whole-business-col span{
  color: #363636;
      font-weight: 500;
      font-size: 13px;
      width: 100%;
}

label.whole-business-col {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.commertialcontactus {
    margin-top: 15px;
}

.breifdescbox textarea{ cursor: auto}

.wholeBusinessmain {
    display: flex;
    align-items: center;
    gap: 20px;
}
.wholeBusinessmain h6{ margin: 0}
#sticykbar select.product-category-select{ visibility: hidden;}
#sticykbar input#search-input1{
  border-radius: 26px; border-left:1px solid #eee
}

.productlistcustomtablependingauction#botble-ecommerce-tables-product-table-pending-auction thead th{
  white-space: nowrap;
}

td.autionstarttd span{    border: 1px solid #ccc;
    padding: 2px 5px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    float: left;
    width: 30px;}

td.autionstarttd span.latermintime{ margin-right: 0}
    /*************************Auction CSS**************************/
    @media all and (min-width: 1400px) and (max-width: 1600px) {
    	.suggestedlist {
    		width: calc(100% - 178px);
    	}

    .shop-product-filter{ width:1320px!important;}
    .product-search {
        width: 88.5%!important;
    }
    .custom-dropdown-toggle button.custom-dropdown-toggle-text{ width:275px;}
    }

    @media all and (min-width: 1600px) and (max-width: 1800px) {
    	.suggestedlist {
    		width: calc(100% - 178px);
    	}
    .shop-product-filter{ width:1320px!important;}
    .custom-dropdown-toggle button.custom-dropdown-toggle-text{ width:300px;}
    .__threecolumnDiv .featuresmultivalues{ padding-top: 1px;}
    }

@media all and (min-width: 1800px) and (max-width: 1900px) {
  span.enterclick{ margin-top: -7px!important}
}

@media all and (min-width: 1800px) and (max-width: 2200px) {
  span.enterclick{ margin-top: -7px!important}
}

@media all and (min-width: 2201px) and (max-width: 2600px) {
    span.enterclick{ margin-top: -7px!important}
}


    @media all and (min-width: 1601px) and (max-width: 2600px) {
    	.suggestedlist {
    		width: calc(100% - 165px);
        left:168px
    	}

  span.enterclick{ margin-top: -7px!important}
      .product-search {
        width: 88.5%!important;
    }

    #featured-product-categories-custom{
      padding-bottom:140px;
    }

    body.isHome{
      min-height: 100%;
      overflow-x: inherit!important;
      height: 100vh;
      display: block;
      max-height: 100%
    }

    footer.main .wow.fadeIn {
      visibility: visible!important;
    }

    .speech-bubble {
        font-size: 1.6rem;
        line-height: 1.6;
        padding: 15px 40px 12px;

    }

    .shop-product-filter{ width:1320px!important;}
    .custom-dropdown-toggle button.custom-dropdown-toggle-text{ width:277px;}

        .__threecolumnDiv .featuresmultivalues{ padding-top: 1px;}
div.collapseFeatures ul li span{ padding-top: 3px;}
div.collapseFeatures ul li label{ align-items: center;}

    }




    @media all and (min-width: 2601px) and (max-width: 5600px) {
label.registermainlabel.twocolumnlabeltext{ display: flex; align-items: center; flex-direction: row; justify-content: space-between;}
      .custom-dropdown-toggle button.custom-dropdown-toggle-text{ width:277px;}

    }


    /* ----------- iPhone 4 and 4S ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    	.header-action-2.custom_icon {
    		display: none;
    	}

    	#featured-product-categories-custom .card-1 {
    		width: 45%;
    		margin: 0 9px 15px;
    	}

    /*********** Add listing process css ************/
    .__filter_row{ flex-wrap: wrap-reverse;}
    .__filter_row label{ margin: 8px 8px 10px 0; padding: 8px 17px;}
    .keyword-suggestion__left .se-search-box .textbox__control{ width:70%!important;}
    .draftsproducts-section .draftproduct{ width:100%;     width: 44%;   margin: 8px 11px;}
    .draftsproducts-section .draftproduct h4{ font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
     }

     #searchList{ width:100%;}

     .mobileLogoiwont img{ width:130px; margin-top: 7px;}
     #redirectnotfound{ width:30%!important; float: left;}
     .filterModal .modal-lg {
         max-width: 96%!important;
         width: 96%!important;
     }
     label.form-check-label{ width:92%!important}
     .login_footer  label.form-check-label{ width:100%!important}

     #featuredImages .content {
        width: 100%!important;
        float: left;
        margin-left: 0!important;
    }

    .imagePreviewMain {
        float: left;
        width: 100%!important;
        margin-top: 15px!important;
        margin-bottom: 29px!important;
    }

    #___priceSection .summary__price-fields-container:first-child,
    #___priceSection .summary__price-fields-container:last-child{
    	padding-right: 0!important; width:100%!important;
    }

    }


    /*********** Add listing process css ************/






    /**For iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, and iPhone 14:**/

    /* 1170×2532 pixels at 460ppi */
    @media only screen
        and (width: 390px)
        and (height: 844px)
        and (-webkit-device-pixel-ratio: 3) {

          #product-box .detail-gallery.listingProductimage {
              width: 359px!important;

          }
          .row.customeproductfilter {
              padding-right: 10px!important;
          }
          .motHistorysection .col-box span {
         height: 60px!important;
     }
          .filter-type label{ font-size: 12px}
    .keyword-suggestion__left .se-search-box .textbox__control{ width:68%!important;}
    .draftsproducts-section .draftproduct{ width:100%; width: 43%; margin: 8px 10px;}
    #searchList{ width:100%;}
    .mobileLogoiwont img{ width:130px; margin-top: 7px;}
    #redirectnotfound{ width:30%!important; float: left;}
    .filterModal .modal-lg {
        max-width: 96%!important;
        width: 96%!important;
    }

    #featuredImages .content {
    	 width: 100%!important;
    	 float: left;
    	 margin-left: 0!important;
    }

    .imagePreviewMain {
    	 float: left;
    	 width: 100%!important;
    	 margin-top: 15px!important;
    	 margin-bottom: 29px!important;
    }

    fieldset.input-row .summary__attributes--label{ width:100%!important; margin-bottom: 8px!important;}
    .textbox.se-textbox--input{ width:100%!important;}
    .vehicletextbox input[type="text"],
    .__select_attribute {
        min-width: 100%;
        width: 100%;}
    div.customeattributeli{ width:100%;}
    #___priceSection .summary__price-gridview .summary__price-fields-container:first-child,
    #___priceSection .summary__price-gridview .summary__price-fields-container:last-child{
    	padding-right: 0!important; width:100%!important;
    }
    		}


    /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    	.header-action-2.custom_icon {
    		display: none;
    	}

    	#featured-product-categories-custom .card-1 {
    		width: 45%;
    		margin: 0 9px 15px;
    	}

    	div#login-register {
    		display: none;
    	}
    	#searchList{ width:100%;}
    	.mobileLogoiwont img{ width:130px; margin-top: 7px;}
    	#redirectnotfound{ width:30%!important; float: left;}
    	.filterModal .modal-lg {
    	    max-width: 96%!important;
    	    width: 96%!important;
    	}

    	#featuredImages .content {
    		 width: 100%!important;
    		 float: left;
    		 margin-left: 0!important;
    	}

    	.imagePreviewMain {
    		 float: left;
    		 width: 100%!important;
    		 margin-top: 15px!important;
    		 margin-bottom: 29px!important;
    	}

    	fieldset.input-row .summary__attributes--label{ width:100%!important; margin-bottom: 8px!important;}
    	.textbox.se-textbox--input{ width:100%!important;}
    	.vehicletextbox input[type="text"],
    	.__select_attribute {
    	    min-width: 100%;
    	    width: 100%;}
    	div.customeattributeli{ width:100%;}
    	#___priceSection .summary__price-gridview .summary__price-fields-container:first-child,
    	#___priceSection .summary__price-gridview .summary__price-fields-container:last-child{
    		padding-right: 0!important; width:100%!important;
    	}
    }

    /* ----------- iPhone 6, 6S, 7 and 8 ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    	.header-action-2.custom_icon {
    		display: none;
    	}

    	#featured-product-categories-custom .card-1 {
    		width: 45%;
    		margin: 0 9px 15px;
    	}

    	div#login-register {
    		display: none;
    	}

    	#main-header .stick .mobile-header-logo {
    		display: none
    	}

    	#main-header .stick .search-style-2.top-search-bar {
    		width: 100%;
    		padding-bottom: 10px;
    	}

    	.header-wrap {
    		min-height: 30px;
    	}

    	.header-action-right.d-block.d-lg-none .header-action-2 .header-action-icon-2:nth-child(2) {
    		display: none
    	}

    	.mobile-header-info-wrap.mobile-header-border .single-mobile-header-info:first-child,
    	.mobile-header-info-wrap.mobile-header-border .single-mobile-header-info:nth-child(2) {
    		display: none
    	}

    	.mobile-header-content-area .mobile-social-icon {
    		display: none
    	}

    	#searchList{ width:100%;}
    	.mobileLogoiwont img{ width:130px; margin-top: 7px;}
    	#redirectnotfound{ width:30%!important; float: left;}
    	.filterModal .modal-lg {
    	    max-width: 96%!important;
    	    width: 96%!important;
    	}

    	#featuredImages .content {
    		 width: 100%!important;
    		 float: left;
    		 margin-left: 0!important;
    	}

    	.imagePreviewMain {
    		 float: left;
    		 width: 100%!important;
    		 margin-top: 15px!important;
    		 margin-bottom: 2px!important;
    	}

    	fieldset.input-row .summary__attributes--label{ width:100%!important; margin-bottom: 8px!important;}
    	.textbox.se-textbox--input{ width:100%!important;}
    	.vehicletextbox input[type="text"],
    	.__select_attribute {
    	    min-width: 100%;
    	    width: 100%;}
    	div.customeattributeli{ width:100%;}
    	#___priceSection .summary__price-gridview .summary__price-fields-container:first-child,
    	#___priceSection .summary__price-gridview .summary__price-fields-container:last-child{
    		padding-right: 0!important; width:100%!important;
    	}

    }

    /* ----------- iPhone 6+, 7+ and 8+ ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    	.header-action-2.custom_icon {
    		display: none;
    	}

    	#featured-product-categories-custom .card-1 {
    		width: 45%;
    		margin: 0 9px 15px;
    	}

    	div#login-register {
    		display: none;
    	}
    	#searchList{ width:100%;}
    	.mobileLogoiwont img{ width:130px; margin-top: 7px;}
    	#redirectnotfound{ width:30%!important; float: left;}
    	.filterModal .modal-lg {
    	    max-width: 96%!important;
    	    width: 96%!important;
    	}

    	#featuredImages .content {
    		 width: 100%!important;
    		 float: left;
    		 margin-left: 0!important;
    	}

    	.imagePreviewMain {
    		 float: left;
    		 width: 100%!important;
    		 margin-top: 15px!important;
    		 margin-bottom: 29px!important;
    	}

    	fieldset.input-row .summary__attributes--label{ width:100%!important; margin-bottom: 8px!important;}
    	.textbox.se-textbox--input{ width:100%!important;}
    	.vehicletextbox input[type="text"],
    	.__select_attribute {
    	    min-width: 100%;
    	    width: 100%;}
    	div.customeattributeli{ width:100%;}
    	#___priceSection .summary__price-gridview .summary__price-fields-container:first-child,
    	#___priceSection .summary__price-gridview .summary__price-fields-container:last-child{
    		padding-right: 0!important; width:100%!important;
    	}

    }

    /* ----------- iPhone X ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    	.header-action-2.custom_icon {
    		display: none;
    	}

    	div#login-register {
    		display: none;
    	}

    	#featured-product-categories-custom .card-1 {
    		width: 45%;
    		margin: 0 9px 15px;
    	}


    	div#login-register {
    		display: none;
    	}
    	#searchList{ width:100%;}
    	.mobileLogoiwont img{ width:130px; margin-top: 7px;}
    	#redirectnotfound{ width:30%!important; float: left;}
    	.filterModal .modal-lg {
    	    max-width: 96%!important;
    	    width: 96%!important;
    	}

    	#featuredImages .content {
    		 width: 100%!important;
    		 float: left;
    		 margin-left: 0!important;
    	}

    	.imagePreviewMain {
    		 float: left;
    		 width: 100%!important;
    		 margin-top: 15px!important;
    		 margin-bottom: 29px!important;
    	}

    	fieldset.input-row .summary__attributes--label{ width:100%!important; margin-bottom: 8px!important;}
    	.textbox.se-textbox--input{ width:100%!important;}
    	.vehicletextbox input[type="text"],
    	.__select_attribute {
    	    min-width: 100%;
    	    width: 100%;}
    	div.customeattributeli{ width:100%;}
    	#___priceSection .summary__price-gridview .summary__price-fields-container:first-child,
    	#___priceSection .summary__price-gridview .summary__price-fields-container:last-child{
    		padding-right: 0!important; width:100%!important;
    	}
    .prelist-radix__body-container{ width:100%!important; flex-direction: column;}
    .productinfor {
        overflow: scroll;
        float: left;
        width: 100%;
    }
    #sticykbar{ position: static!important;
    height: auto!important;}
    .product-search {
        width: 100%!important;
    }

#main-section
    .grid-list-view {
    display: none
    }
    .productsidebar, .product-box {
        padding-top: 15px!important;
    }
    #product-box{ width:100%!important}
    #productsidebar{ width:100%!important; padding-right: 0!important}

    #sticykbar .shop-product-filter {
        max-width: 100%;
        margin: 0 auto;
    }



    }


    /* ----------- iPad 1, 2, Mini and Air ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    	.header-action-2.custom_icon {
    		display: none;
    	}

    	div#login-register {
    		display: none;
    	}

    	#featured-product-categories-custom .card-1 {
    		width: 18.3333%;
    		margin: 0px 6px 15px;
    	}

    	#main-header .stick .search-style-2.top-search-bar {
    		width: 470px;
    	}

    	.header-action-right.d-block.d-lg-none .header-action-2 .header-action-icon-2:nth-child(2) {
    		display: none
    	}

    	.mobile-header-info-wrap.mobile-header-border .single-mobile-header-info:first-child,
    	.mobile-header-info-wrap.mobile-header-border .single-mobile-header-info:nth-child(2) {
    		display: none
    	}

    	.mobile-header-content-area .mobile-social-icon {
    		display: none
    	}


    .__filter_row{ display: inline-block;}
    .__filter_row label{ margin-bottom: 10px; margin-right: 5px;}
    .keyword-suggestion__left #execute{ width:84%; box-shadow: none }

    .draftsproducts-section .draftproduct{ width: 31.99111%;}
    .keyword-suggestion__left #searchList{ width:84%}

    .prelist-radix__body-container{ flex-direction: column; width: 100%;
        padding: 0 22px!important;}

    		.aspects-category-radix {
    		    margin: 0 0px 20px 0!important;
    		    min-width: 100%!important;
    		    width: 100%!important;
    		}
    		.prelist-radix__body-container .product-container__inner{ height: calc(50vh - 232px)!important;}
    		a#redirectnotfound{ width:33%!important}
    		.custombtn{ padding: 8px 18px;}
    		.__select_attribute,
    		div.customeattributeli{ width: 430px}
    		.imagePreviewMain { width:100%!important}
    		#mainimageproduct #myId,
    		.imgPreview{ height: 323px!important}
    		div#mainimageproduct #previewimage{ height: 322px!important}
    		.summary__price-gridview .summary__price-fields-container:first-child{ padding-right: 30px!important}
    		.textarearow textarea{ height: 65px; line-height: 20px;}
    		.inner-ukVin{ width:52%;}
    }


    /* ----------- iPad 3, 4 and Pro 9.7" ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {}


    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    }


    /* iPhone 15 and 15 Pro */
@media only screen
    and (width: 393px)
    and (height: 852px)
    and (-webkit-device-pixel-ratio: 3) {
      #products-filter-ajax-post #sticykbar{  position: relative; height: auto;     top: 0px; padding: 10px 0!important}
      #products-filter-ajax-post #sticykbar .shop-product-filter{ position: relative; height: auto; display: inline-block!important; width:100%!important  }
      #products-filter-ajax-post .product-search { width: 100%!important;}
      #products-filter-ajax-post .grid-list-view {
        width: 75px;
        position: absolute;
        right: 0;
        top:70px;
     }

     #products-filter-ajax-post .sort-by-product-area{ margin-top: 10px}
     #products-filter-ajax-post #productsidebar{ width:100%; padding-right: 0}
     #products-filter-ajax-post #product-box{ width:100%;}



     .listviewLayoutClass .product-cart-wrap .product-content-wrap h2{ width:100%}
     .product-price.primary-color.float-left.listpriceView ins{ text-align: left;}
     .product-price.primary-color.float-left.listpriceView {
        position: inherit;
        right: inherit;
        top: inherit;
        width: 100%;
        margin-top: 0;
        text-align: left;
     }
     #product-box ._seller_logo{ display: none}
     .products-listing .shop-logo{ display: none}
     .shop-product-filter .search-bar{ width:100%}
     a.gotoBackbtn{    float: left;
        margin-right: 15px!important;
        position: inherit!important;
        top: inherit!important;
        left: 0!important;}

     .shop-product-filter .totall-product{     margin-bottom: 16px;}
     .shop-product-filter .sort-by-product-area .sort-by-product-wrap{ padding: 11px 12px}
     .shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by span{ font-size: 12px;}
     .shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span{ font-size: 12px;}
     .productsidebar, .product-box{ padding-top: 0!important}
     .vehicleinfo{width:100%}
     .filter-type label{ font-size: 12px;}
     .producttypefilter{ margin-left: 0!important; }
     .filter-type {
        margin-top: 15px;
        justify-content: start!important;
        width: 100%;
        gap: 15px;
     }

     .product-cart-wrap .product-content-wrap h2{ white-space: inherit;}
     #product-box .bottomaligntxt{ margin-top: 0}
     .__salesTags .reservemetst div{ text-align: left;}
     #product-box .__bidCount{ text-align: left;}
     .row.customeproductfilter {
        /* padding: 0 15px; */
        width: 100%;
        display: inline;
        --bs-gutter-x:0
     }

     #product-box .detail-gallery .slick-slider{ width: 100%!important; position: relative;}
     .product-cart-wrap .product-img-action-wrap{ width:100%; float: left;}
     .product-cart-wrap .product-content-wrap {
        padding: 20px;
        float: left;
        width: 100%;
     }

     #product-box .product-cart-wrap{ display: inline; float: left; width:100%}
     #product-box .sellerproducviews.bottomaligntxt{ position: inherit; bottom: inherit;     left: inherit;}
    #product-box .detail-gallery.listingProductimage{ width:380px; text-align: center;}
    #product-box .slider-nav-thumbnails-slick.pl-5.pr-5.slick-initialized.slick-slider{ border:none}
    .product-cart-wrap .product-content-wrap h2{ padding-bottom: 0}
    .product-cart-wrap .product-content-wrap .product-price{ margin-top: 0}
    #product-box .detail-gallery .slick-slider a.imgthumbnail img {
        height: 320px!important;
        width: 320px!important;
        object-fit: cover;
    }

    .layoutclasschange.listviewLayoutClass .product-subtitle{
          margin: 4px 0 6px 0;
    }
    #product-box .listviewLayoutClass .product-content-wrap{ width:100%}
    #product-box .sellerproductinfo{ display: none}
    /*********Edit by mo June 07 2024*********/
    div#sellerinfo{ width:100%}
    #sticykbar .shop-product-filter{ width: 100%!important; padding: 0;}
      #sticykbar .shop-product-filter .shop-logo{ display: none}
    .product-search{ width:100%!important}
    .product-detail.accordion-detail .firstproductbranchinfo{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;width:100%; float: left; position: static;
        margin-top: -7px;
    margin-bottom: 10px;
    }

    a.gotoBackbtn {
    display: none;
    }
    a.gotoBackbtnproduct {
    display: none;
    }

    .product-detail.accordion-detail {
    padding-top: 18px!important;
    }
    .firstproductbranchinfo span a{float: left;}
    .firstproductbranchinfo.shopcategorynew {
    width: 100%;
    padding-top: 30px!important;
    position: static;
    width: 100%;
    padding-left: 5px;
    }

    .productmylisting .sort-by-product-area {
    float: right;
    width: auto; margin-top: 0!important
    }

    .col-lg-2.col-sm-6.d-flex.flex-column.align-items-left.justify-content-center.product-item.my-3 {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 46.8%;
    margin: 0 6px 10px!important;

    }
    .productmylisting .row{ padding: 0 5px;}
    .shop-product-filter.mobile_layout_search {
    padding: 0 10px!important;
    }

    .suggestedlist{
    width: 100%;
    margin-top: 6px;
    position: static;
    margin-top: 5px
    }
    .firstproductbranchinfo span a {
    border: none;
    padding: 0;
    font-size: 11px;
    }

    .firstproductbranchinfo span a::after {
    content: ">";
    float: right;
    margin: 0px 3px 0 3px;
    font-size: 16px;
    }

    .firstproductbranchinfo span:last-child a{ border:none}
    .firstproductbranchinfo span:last-child a::after{ display: none}

    #products-filter-ajax-post .firstproductbranchinfo {
    position: static;
    width:100%!important
    }



    #products-filter-ajax-post .firstproductbranchinfo a {
    border: none!important;
    padding: 0!important;
    font-size: 11px!important;
    }

    #products-filter-ajax-post .firstproductbranchinfo  a::after {
    content: ">";
    float: right;
    margin:1px 3px 0 3px;
    font-size: 17px;
    }


    #products-filter-ajax-post .firstproductbranchinfo a:last-child ::after{ display: none}
    span.filterpricebyarrow{ float: left; margin-left: 12px}
    }



/***************** End media query ******************
****************************************************/


/*************** all device media query ******************/
@media only screen and (max-width: 768px) {
.__innerauctionbox span._smalltxt{ bottom: -48px}
#targetDiv .autioncol{
    align-items: baseline;
    width: auto;
    gap: 0px;
    justify-content: start;
    flex-direction: column;}

#sticykbar select.product-category-select{
  display: none;
}


a.gotoBackbtnproduct{
  display: block!important;
  top:-125px!important
}

#sticykbar.stickyHeader.product-detail-sticky {
    padding: 0 2px;
}


body.isHome div.logo.logo-width-1{
  visibility: hidden;
}

.autionlbltxt{ line-height: 16px;}
#menuplusicon,
#logoutmobilemenu{ color:#fff; margin: 0 3px 0 -6px;}
div#logoutmobilemenu {
    display: none;
}
#menuplusicon a,
#logoutmobilemenu a{ margin-right: 0}
#menuplusicon a i.fa,
#logoutmobilemenu a i.fa{ font-size: 22px;}
.mobile-menu-wrap .mobile-header-border{ display: none}
.header-action-2 .header-action-icon-2{ padding: 0 16px;}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top{ background:none!important}
.close-style-wrap .close-style>i:after, .close-style-wrap .close-style>i:before{ background-color:#fff}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-border{ border:none}
#mobileSidebarmenu .dashboard-menu ul li a.active-mobile-link i,
#mobileSidebarmenu .dashboard-menu ul li a.active-mobile-link {
  color:var(--color-brand);
}
#mobileSidebarmenu .dashboard-menu ul li a.active-mobile-link{ background: #fff;}
.fullColumncategory i.far {
    top: 40px;
    background: #fff;
}
input#txt-email, input#txt-password{ height: 45px;}
.header-action-2 .header-action-icon-2:first-child{ margin-top: 3px;}
  a.gotoBackbtn, button.gotoBackbtn{ display: none}

  .openinfo.productopennow {
    position: static;
    width: 100%;
    flex-direction: row;
    justify-content: start;
    text-align: left;
    gap: 5px;
    margin-top: 7px;
}

.header-action-2 .header-action-icon-2:hover>a{ fill:#fff!important; color:#fff!important}
.row.wishlistbladecontainer {
    margin-bottom: 60px;
}
    h2.serviceHeadingh2 { text-align: center; flex-direction: column;}
    #mainimageproduct #myId, #mainimageproduct #myIdAb{ width:100%}
    .notefication { right: -13px;}
    ._serviceinnerForm div#featuredImages {  width: 350px !important;}
    .imagePreviewMain{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;     gap: 3px;    column-gap: 5px; margin-bottom:22px;}
    form#service-create-form #featuredImages .image-preview img { width: 100%;}
    #featuredImages .image-preview{ width:100%!important}
    .__inneraddtionalfinfoseccprop{ padding: 15px; flex-direction: column; gap:10px;}
    .__uploadpropertyfiles{ width:100%;}
    .innerpropertyupload{ width:100%}
    div#errorforimages { padding: 0!important;  margin-top: -20px!important;}
    .addtionalfinfoseccprop {float: left; width: 100%; margin-bottom: 15px;}
    .__categorySearchbox label{ line-height: 16px;}
    #main-section.stick {  padding-top: 0;}
.header-bottom.header-bottom-bg-color.sticky-bar.gray-bg.sticky-blue-bg{ position: static!important;}
#main-header .stick .homesearch-custome{ position: static;}
.header-bottom-bg-color { padding: 10px 0 10px!important;}
.homesearch-custome.popular-categories.bg-grey-9.section-padding-60 { padding: 30px 0;  margin: 7px 0 -10px!important}
.header-bottom.header-bottom-bg-color.sticky-bar.gray-bg.sticky-blue-bg.stick {  padding: 0;   margin: 0; position: static!important; }
.__sidebarproduct{ margin-bottom: 25px!important}
.filter-type{ gap:15px;}
.filter-type select{ width:85px!important;}
#product-box .detail-gallery.listingProductimage{ width:100%;}

.primary-sidebar.sticky-sidebar---.rightSidebar {
    margin-top: 0!important;
}

.property4column{ display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px;}
.twocolumncalcalculator{ flex-direction: column; gap:0; }
.calculator-txt{ padding-top: 0}
.pricing{ margin-top: 10px;}
.main-categories-wrap>a{ padding: 10px 10px}
.single-mobile-header-info li a {
    padding-left: 15px!important; padding-right: 15px!important;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area {
    padding: 10px 0px 30px;
}

#mobileSidebarmenu .dashboard-menu ul li a:hover,
.single-mobile-header-info li a:hover{
  background: rgba(255, 255, 255, 0.2); color:#fff
}
#mobileSidebarmenu .dashboard-menu ul li a:hover i{
  color:#fff
}
#related-products {
    float: left;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}

._contactboxservice{ flex-direction: column;}
li.loginLink a.active-mobile-link{ background: #fff;   color:var(--color-brand)!important;}
div.inner_contactboxservice{ width:100%;}
.reviewbox {
    display: flex;
    justify-content: start;
    width: 100%;
    font-size: 13px;
    gap: 15px;
    /* padding-left: 14px; */
}

.opening-hours-section{ max-width: 100%}
#_serviceAccordian #accordionExample{ width:100%;}
#related-products .col-12{ padding: 0}
.mainsectionfloorplan ul{ width:100%;}

#productattributefilter .tab-pane {
    width: 100%;
    float: left;
}

#productattributefilter .tab-pane ul li {
    float: left;
    width: 100%;
}
div#v-pills-tab{ width:270px;}

form#products-filter-ajax-post {
    margin-top: -40px;
}

#product-box .slider-nav-thumbnails-slick .slick-list {
    padding: 5px 5px 24px!important;
}
#product-box .product-cart-wrap{ margin-bottom: 20px!important}



/******************Nov 4 2024 ***************/
form#businessuserform .switch{ width:100%!important}
.mobileRow{ flex-direction: column!important;}
form#businessuserform .mobileRow div{ width:100%!important}
.business-trading-col::after{ display: none;}
div#business-trading-col {
    padding-left: 0;
}
.tab_content .w-1\/2{ padding: 0}
.flex.items-center.justify-end.mt-4.loginbtn {flex-direction: column-reverse;}

button.btn.btn-fill-out.btn-block.hover-up.submitbtnn.moderationbutton {
    width: 100%;
    margin-bottom: 5px;
}
span.__businessNotification{ bottom:-18px!important;}
label.block.font-normal.text-sm.text-gray-700.mobilereglabel {
    margin-bottom: -15px;
}
.fileUpload-col label.et_pb_contact_form_label{ margin: 0 0 10px 0!important}
.form-group.loginbtn.mt-15 {
    flex-direction: column-reverse;
    display: flex;
}
.already_account {
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0!important;

}
.w-full.sm\:w-5\/12.mt-6.px-6.py-4.bg-white.shadow-md.overflow-hidden.sm\:rounded-lg {
    margin: 0;
}
section#__formRagister {
    padding: 0;
}

section.pt-100.pb-100 {
    background: #f2f2f2;
    padding: 15px 0!important;
}
.loginbtn button{ width:100%}
.form-group.loginbtn {
    margin-bottom: 10px;
}

form.form--auth.form--login p.text-right {
    text-align: center;
}

.text-right.login-link {
    text-align: center!important;
    margin-top: 25px;
}

.tab.step.step-1 .fullColumncategory i.far{ top:47px;}
.__greyoutsection{ min-height: 94%}
button#attributeAdBuilder{ text-align: left; font-size: 12px;}
fieldset.input-row .summary__attributes--label {  margin-bottom: 0!important;}

.serviceformbtnrow{ padding-top: 25px;}

.verifayimagecontent div.collapseFeatures#collapseAttribute11 {  width: 100%!important;}
div.collapseFeatures ul{ grid-template-columns: 1fr;}
.serviceformbtnrow {
    padding-top: 25px;
    justify-content: space-between;
}
form#service-create-form span.imagestaus{ width: 93.5%;}
.inneradpricecol{ width:100%;}
.summary-container.click  {margin-top: 20px;}
#paymentoptions-checkboxsection{ grid-template-columns: 1fr;  margin-bottom: 10px;}
.listingbtncolumn2 {
    text-align: right;
    width: 100%;
    float: right;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.mt-overlay.br2 {
    display: none;
}

.profileSidebar{ display: none}
.profileSidebar#mobileSidebarmenu { display: block !important;}




body.add-new-listing-page .mobile-only-class #__servicepagesection{ margin-top: -30px;}
body.add-new-listing-page .mobile-only-class .page-header.breadcrumb-wrap { display: none;}
body.add-new-listing-page .mobile-only-class .pt-50 { padding-top: 30px !important;}
.__categorySearchbox{ padding: 10px;}
._serviceinnerForm {     padding: 0 15px;}
.suggestion-list__item.branchloadermain { width: 100%; padding: 0 0 0 0px;}
.brachloader{ margin-top: 5px;}
.brachloader span.skeleton-loader-gradient{ width:100%!important}
.brachloader span.skeleton-loader-gradient.mL30 { width: 90% !important;}
._categoryLink{ padding-left: 15px}
.serviceformbtnrow{ padding-left: 15px; padding-right: 15px;}
.innertypedesc h4{ width: 145px;}
.pricing-message-section {width: 100%;  grid-template-columns: 1fr;}
.input-row-hyperlink._serviceinnerForm.showhyperlinkinfo {  padding: 0;}

.__mainbtnrow {justify-content: center;flex-direction: column;}
.__mainbtnrow .listingbtncolumn { flex-direction: row; justify-content: space-between;}
._serviceinnerFormstep5 .info-section label{ text-align: left;}
._serviceinnerFormstep5 .info-section .established,
._serviceinnerForm._serviceinnerFormstep5 textarea{ width:100%; margin-left: 0}
._serviceinnerFormstep5 .info-section{ margin: 0}
._serviceinnerForm._serviceinnerFormstep5 { padding: 3px 15px 15px;}
.otherinfostep6{ width:100%}
#phone_number-error, .editorerror,
label#product-aboutus-error{ padding-left: 0}

#toggleDiv .otherCaptionbox{ display: grid}
.mainotherCaptionbox ._serviceinnerForm {  width: 100%;   padding: 0;}
.duration_servicecol { display: grid;  width: 100%;}
.info-section.__availabilitycolumn textarea{ width:100%}
.grid_service_availability{ width:100%;}
#__availableAtCustomTimes thead{ display: contents!important;}
#__availableAtCustomTimes td {  display: contents !important; width:auto; text-align: left;}
label.__terms{ padding: 0 16px;}
.custom-dropdown-toggle button.custom-dropdown-toggle-text{ width:100%;}
.innerentertainmentsection{ flex-direction: column; padding: 0 15px; gap:5px;}
.innerentertainmentsection label{ width:100%; text-align: left}
.innertypedesc span {font-size: 12px; line-height: 13px;}
.productinfor{ width:100%; overflow: scroll;}
.productinfor table td, .productinfor table th{ padding: 10px 5px; line-height: 16px;}
.prmeasurementtype {  gap: 0px; flex-direction: column;}
.prmeasurementtype h6{ width:100%}
.features-list{ align-items: center;}
.property-features h6{         width: 288px;     padding-top: 3px;        margin-right: 10px;}
.roomdescription._serviceinnerForm {
    width: 100%;
    padding: 0;
}
#preferredmodel ._serviceinnerForm.roomdetails {
    overflow: scroll; padding: 0
}
.features-property-grid.otherCaptionbox {grid-template-columns: 1fr;}
.area-input-sec {gap: 7px; flex-direction: column;}
#branchoptionbox .caption-info span{ margin-top: 1px}
.mobileremovepadding{ padding-left: 0; padding-right: 0}
#featuredImages .content h6.headingh6product{ line-height: 22px;}

/**** ragister page CSS ***/
#__formRagister .switch{ width:100%!important}
.__mainTitleName {
    flex-direction: column;
    gap: 0px;
  }

#__formRagister .__firstName {
      width: 100%;
      padding-left: 0;
  }

#__formRagister .__lastName {
    width: 100%;
    padding-left: 0;
}

#__formRagister .__msName {
    width: 100%;
}
#__formRagiste .__msName select{ width:100%!important}

div#uploadProductrow #mainimageproduct{order: 2}
div#uploadProductrow #featuredImages{order: 1}
.propertysteptwo{ grid-template-columns: 1fr;}

.logooverview{ display: none}

}


.featuredpropertymain h3 {
    font-size: 17px;
    font-weight: 500;
    color: var(--color-brand);
    text-transform: uppercase;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
    margin-bottom: 15px;
}

.featuredpropertymain h3::after{
  content: "";
      position: absolute;
      width: 173px;
      height: 2px;
      left: 0;
      background: var(--color-brand);
      bottom: -1px;
}

.propertyinfolist{ width:100%; color:#363636; margin-bottom: 20px;}

.featuredpropertymain h6{
  color: var(--color-brand);
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
}

.singlepagetimer h5{ padding-top:2px;}

img#video-placeholder {
    padding: 12px;
    opacity: .8;
}

/* Portrait */
@media (max-width: 414px) {
  div#sticykbar{ top:145px!important; padding: 0 10px !important;}
  .product-detail.accordion-detail a.gotoBackbtnproduct { top: -100px !important; }
.product-detail.accordion-detail .firstproductbranchinfo{ margin-top: 2px!important}
}








/**** property tabs ****/
.propertyTabsmenu{ width:100%; margin-bottom: 15px; float: left; margin-top: 10px;}
.propertyTabsmenu .menu {
  display: flex;
  gap: 10px;
border-bottom: 2px solid #ccc;
    margin-top: 10px;

}

.propertyTabsmenu .features-section{ margin-top: 5px;}

.propertyTabsmenu .menu span {
  padding: 6px 10px;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  font-weight: 500;
  border:1px solid transparent;
  border-bottom: none;
  white-space: nowrap;
      color: #363636;
}

.propertyTabsmenu .menu span.active {
 color:var(--color-brand); position: relative;
}
.propertyTabsmenu .menu span.active::after{
  content: "";
  height: 4px;
  background: var(--color-brand);
  width: 100%;
  position: absolute;
  bottom: -2px;
  left:0
}

.propertyTabsmenu .menu-content {
  display: none;
  padding: 15px 0;


}

.propertyTabsmenu .menu-content.active {
  display: block;
  float: left;
  width: 100%
}



/* New job */
.propertyTabsmenuBath{ width:100%; margin: 15px 0; float: left; margin-top: 10px;}
.propertyTabsmenuBath .menu {
  display: flex;
  gap: 10px;
border-bottom: 2px solid #ccc;
    margin-top: 10px;

}

.propertyTabsmenuBath .features-section{ margin-top: 5px;}

.propertyTabsmenuBath .menu span {
  padding: 6px 10px;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  font-weight: 500;
  border:1px solid transparent;
  border-bottom: none;
  white-space: nowrap;
      color: #363636;
}

.propertyTabsmenuBath .menu span.active {
 color:var(--color-brand); position: relative;
}
.propertyTabsmenuBath .menu span.active::after{
  content: "";
  height: 4px;
  background: var(--color-brand);
  width: 100%;
  position: absolute;
  bottom: -2px;
  left:0
}

.propertyTabsmenuBath .menu-content {
  display: none;
  padding: 15px 0;


}

.propertyTabsmenuBath .menu-content.active {
  display: block;
  float: left;
  width: 100%
}

.propertyTabsmenuBath {
  width: 100%;
  margin: 15px 0 15px;
  float: left;
}

.menu-content .features-section{ margin-top: 0}
.menu-content .features-section h5{ margin-bottom: 22px;}
.menu-content .features-section .features-property-grid{ padding-left: 15px;}

small.totalsqfit {
    width: auto;
    position: absolute;
    right: 3px;
    top: 0px;
    color: #000;
    font-weight: 600;
}


@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
  .product-detail.accordion-detail a.gotoBackbtnproduct {
    top: -127px !important;
}
}






    .slider-wrapper-menu {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  padding: 20px;
}

#propertymenulist {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 10px;
  padding-right: 65px;
}

.slide-btn {
  background: var(--color-brand);
  color: #fff;
  border: 2px solid #fff;
  padding: 3px 8px;
  cursor: pointer;
  font-size: 16px;
  border-radius: 6px;
  position: relative;

}
.slide-btn:hover{ background: var(--color-primary);}

.slidemenumovebtn {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    padding-left: 15px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#propertymenulist::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#propertymenulist  {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.slider-wrapper {
    position: relative;
}

img.downfileicon {
    width: 33px;
    margin-bottom: 3px;
}

.input-row-hyperlink._serviceinnerForm.showhyperlinkinfo label.floorhyperlink {
  background: none;
  margin: 3px 0 5px 0;
  color: #363636 !important;
  font-size: 13px;
  white-space: nowrap;
  padding: 0;
  display: flex;
}

.addtionalfinfoseccprop .showhyperlinkinfo {
    padding: 10px 15px !important;
}

.listcolumnone {
    display: flex;
}

.step-layout-2 .features-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.features-list .features-section{     margin: 0 0 20px 0;
    background: #fafafa;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;}


    a.viewfileslink {
        border: 2px solid #DB2822;
        color: #DB2822;
        margin-left: 5px;
        padding: 10px 12px;
        font-size: 19px;
        margin-top: 1px;
        float: left;
        border-radius: 4px;
    }

        a.viewfileslink:hover{
          background-color: #0b5ed7;
    border-color: #0a58ca;
    color:#fff
        }
/**** property menu detail page style ****/
.innerbedroomdetail {
    display: grid;
    width: 100%;
    clear: both;
    gap: 15px;
    grid-template-columns: 100px 1fr;
    align-items: center;
}
.innerbedroomdetail .propertyimagebox img{ width:100%; height: auto; border: 1px solid #ccc; border-radius: 0}
.bedcolumndetail h6{ color:#363636;  }
.bedcolumndetail { margin-bottom: 10px;}


.featuredpropertymain .featuresforbeedrooms{ margin-top: 0; padding: 0}
.featuredpropertymain .featuresforbeedrooms .menu-content h5 {  margin-top: 0;  margin-bottom: 10px;}
.featuredpropertymain .featuresforbeedrooms .menu-content{    background: #fafafa;
    border: 2px solid #ccc;
    padding: 20px 15px 15px;
    margin-top: -2px;
    border-top: none;
    border-radius: 0 0 4px 4px;}
.propertyTabsmenuBath.featuresforbeedrooms {
    margin-bottom: 35px;
}
.innerbedroomdetail p{ color:#363636; font-size: 13px; margin-bottom: 3px; text-align: left}
.innerbedroomdetail p strong{ width:100%;}
.__roomdetailbox h6{ color:#363636; float: left; margin-top:-2px; width:100%; margin-bottom: 0}
/*
.product-detail.accordion-detail .short-desc.mb-15 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.8em;
  max-height: 5.4em;
}

*/

.readmore-container {
  position: relative;
  width:100%;
  margin-bottom: 15px;
  float: left;

}

.readmore-toggle {
  display: none;
}

.readmore-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease;
  clear: both;
  font-size: 14px;
}

.readmore-toggle:checked ~ .readmore-text {
  -webkit-line-clamp: unset;
}

.readmore-btn {
  display: inline-block;
  color: var(--color-brand);
  cursor: pointer;
  margin-top: 0.5em;
  font-weight: 500;
}

.readmore-btn:hover{ text-decoration: underline;}
.readmore-toggle + .readmore-text + .readmore-btn::before {
  content: "Read more";
}

.readmore-toggle:checked + .readmore-text + .readmore-btn::before {
  content: "Show less";
}

span.editpopdetails.showhidepenceilicon {
    position: absolute;
    right: 25px;
    top: -2px;
    cursor: pointer;
}


span.addanotheritemlink {
    color: #db2822;
    font-weight: 500;
    border-bottom: 1px solid #db2822;
    cursor: pointer;
    margin-left: 3px;
}

span.addanotheritemlink:hover{
  border-color:var(--color-primary);
  color:var(--color-primary);
}


#addmoreroomoption h5.modal-title{ font-size: 16px; justify-content: space-between; display: flex; align-items: center;}
#addmoreroomoption .modal-header{padding: .7rem 1rem;}
#addmoreroomoption .modal-header h5 span{padding-top:2px; }
button#addmoreroomoptionclosemodel { padding: 0;  margin-right: -1px;}
button#addmoreroomoptionclosemodel:focus,
button#addmoreroomoptionclosemodel:focus-visible{ box-shadow: none; outline: none}
#addmoreroomoption input.roomtitlevalue{ background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 42px;}
#addmoreroomoption input.roomtitlevalue:hover,
#addmoreroomoption input.roomtitlevalue:focus {border-color: var(--color-primary);}

input#saveroominfo {
    background: #db2822;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    margin: 15px 0 7px 0;
    border: none;
    width: 100px;
    text-align: center;
    padding: 0;
    font-size: 14px;
    height: 42px;
    float: left;
}

input#saveroominfo:hover{
    background:var(--color-primary);
    color:#fff;
}