/* bootstrap modified styles */
.clearfix.col-12 {
	display: flex;
	width: calc(100% - 10px) !important;
	flex: 0 0 calc(100% - 10px) !important;
	max-width: calc(100% - 10px) !important;
	margin-bottom: 15px;
	font-size: 20px;
	border-bottom: 1px solid #dee2e6;
	padding-left: 0px;
	margin-left: 5px;
	margin-right: 0px;
}
.pr-09 {
	padding-right: 0.9rem !important;
}
.pr-32 {
	padding-right: 3.2rem !important;
}
.mt-2-2 {
    margin-top: 2.2rem !important;
}
.mt-10 {
    margin-top: 4.5rem !important;
}
.mt-minus-10 {
    margin-top: -10px !important;
}
.align-items-baseline {
	align-items: baseline;
}
.align-items-flex-start {
	align-items: flex-start;
}
.justify-content-space-between {
	justify-content: space-between;
}
.justify-content-flex-start {
	justify-content: flex-start;
}
.justify-content-flex-end {
	justify-content: flex-end;
}
.center-block {
    margin: 0 auto;
}
.right-block {
    margin-left: auto;
}
.right-10 {
	right: 10px;
}
.gap-5 {
	gap: 5px;
}
.gap-10 {
	gap: 10px;
}
.gap-20 {
	gap: 20px;
}
.gap-30 {
	gap: 30px;
}
.gap-40 {
	gap: 40px;
}
.gap-50 {
	gap: 50px;
}
.opacity-1 {
	opacity: 1;
}
.opacity-3 {
	opacity: 0.3;
}
.opacity-4 {
	opacity: 0.4;
}
.clearfix.col-12 ~ .clearfix.col-12 {
	margin-top: 25px;
}
.bg-gray-300 {
	background:#f8f8f8;
}
.text-red {
	color:#ed4747 !important;
}
.text-gray-cb {
	color:#9F9F9F;
}
.text-black-cb {
	color:#000000;
}
.text-lblack-cb {
	color:#434242;
}
.text-bblack-cb {
	color:#000000;
	font-weight: bold;
}
.text-ubblack-cb {
	color:#000000;
	font-weight: bold;
	text-decoration: underline;
}
.filter-links a:hover {
	color: #000000;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.font-size-12 {
	font-size: 12px;
}
.w-32 {
	width: 32px;
}
.mw-75 {
	max-width: 75px;
}
.font-size-14 {
	font-size: 14px;
}
.valign-middle {
	vertical-align: middle !important;
}
.btn-primary.dark {
	background-color: #565252 !important;
	border-color: #565252 !important;
}
.big_grid .grid-ml-auto {
	margin-left: auto;
}
.netto-price.d-inline-block {
	color: #b9bdc1;
	font-weight: 400;
	font-size: 13px;
}
.products-container .text-secondary + .netto-price.d-inline-block {
	font-size: 12px;
}
.price .price-number {
	font-size: 1.5rem;
}
.qview-options .option-qty {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 5px;
	display: inline-block;
}
.qview-options .option-qty.out_stock {
	background: #E51D1D;
}
.qview-options .option-qty.in_stock {
	background: #2FC31A;
}
.qview-options .option-qty.out_stock {
	background: #E51D1D;
}

.lng-text,
.cur-text,
.mkt-text {
	font-size: 12px !important;
}
.mkt-text {
	top: -17px;
}

.noauth {
	font-size: 10px !important;
	color: #c6c6c6;
}

@media (max-width: 767px) {
	.header_brands_carousel {
		display: none;
	}

	.lng-text,
	.cur-text {
		display: none;
	}
}
@media (max-width: 992px) {
	.mkt-text {
		display: none;
	}
}
@media (min-width: 992px) {
	#ftMenu .btn-danger {
		height: 50px;
	}
	.ocf-header {
		opacity: 0;
	}
}
.col.header_brands_carousel .owl-item {
	padding-left: 20px;
	padding-right: 20px;
}
.col.header_brands_carousel .btn-next {
	margin-right: 6px !important;
}
.col.header_brands_carousel .btn-prev {
	margin-left: 6px !important;
}
[aria-label="breadcrumb"] {
	margin-top: 5px;
}
#ft_cart .text-danger {
	color: #888888 !important;
}
.btn-danger,
.badge-danger {
	background-color: #888888;
	border-color: #888888;
}
.btn-danger:hover {
	color:#ffffff;
	background-color:#A9A9A9;
	border-color:#A9A9A9
}
.btn-danger:focus,
.btn-danger.focus {
	color:#ffffff;
	background-color:#A9A9A9;
	border-color:#A9A9A9;
	box-shadow:0 0 0 0.2rem rgba(225, 83, 97, 0.5)
}

.btn-price-edit {
	background: #fff;
	border: 2px solid;
	color: #000;
	max-width: 135px;
	display: block;
	position: relative;
}

.name-account {
	background: #dc3545;
	color: #fff;
	padding: 1px 4px;
	border-radius: 4px;
	line-height: 16px;
}
.icon-arrow-account {
	position: absolute;
	right: 50%;
	top: 14px;
	transform: translateX(50%);
}
.dropdown-account {
	margin-top: 8px;
	min-width: 12rem;
}
.dropdown-account .price-customer-group {
	background-color: #dae0e5;
	border-color: #dee2e6;
	border-radius: 4px;
	font-weight: 500;
}
.dropdown-account .price-customer-group span{
	color: #212529;
	font-size:12px;
	font-weight: 400;
}
.dropdown-account .price-customer-group a{
	color: #212529;
	font-weight: 600;
}
.dropdown-account .price-customer-group a:hover{
 background: initial !important;
 color: #dc3545;
}

header.sticky-bar {
	transition: all 0.2s linear;
	border-top:1px solid #e3e6ea;
	border-bottom:1px solid #e3e6ea;
	margin-top: -1px;
}
header.sticky-bar.shadow-sm {
	margin-top: -1px;
}
header.sticky-bar .container{
	position: relative;
}
.breadcrumb-item::before { content: unset !important }
.breadcrumb-item:not(:last-child)::after { content: "/"; margin: 0 .5rem; color: var(--gray-500) }


.modal.left .modal-dialog { width: 300px }
.modal.fade.left .modal-dialog { transform: translate(-300px, 0) }
.modal.left.show .modal-dialog { transform: none !important }

.modal.right .modal-dialog { width: 80vw; max-width: 380px }
.modal.fade.right .modal-dialog { transform: translate(300px, 0) }
.modal.right.show .modal-dialog { transform: none !important }

.product-fields > li {
	/*overflow: hidden;
	text-overflow: ellipsis;*/
}
.product-fields svg,
.option-sku svg {
	cursor: pointer;
}
#ft_login_popup .form-control-lg,
#ft_login_popup .btn-lg { font-size: 16px !important }

.login-register-pills.nav-pills .nav-link.active,
.login-register-pills.nav-pills .show > .nav-link {
	color: var(--danger);
	background-color: #dc354524;
	font-weight: 500;
	position: relative;
}

.login-register-pills.nav-pills .nav-link {
	color: var(--dark);
	font-size: 16px;
}

.ft-icon-10 {
    width: 10px;
    height: 10px;
    margin: calc((1.5rem - 18px) / 2) 0;
}

.login-register-pills.nav-pills .nav-link.active:after,
.login-register-pills.nav-pills .show > .nav-link:after {
	content: "";
	position:absolute;
	width:100%;
	top: 100%;
	left: 0;
	border-bottom: 2px solid var(--danger);
	margin-top: calc(.5rem - .5px);
}

.forgotten-method-pills.nav-pills .nav-link.active,
.forgotten-method-pills.nav-pills .show > .nav-link {
	color: var(--primary);
	background-color: transparent;
	border-color: var(--primary)
}

.forgotten-method-pills.nav-pills .nav-link {
	color: var(--gray-400);
	text-align: left;
	border: 2px solid var(--gray-150)
}


.cart-list-product { max-height: 240px; overflow-y: auto; overflow-x:hidden; margin-bottom: 1rem; }


.font-size-1-1 { font-size: 1.1rem }

/*
.modal.left .modal-dialog,
.modal.right .modal-dialog { width: 80vw; max-width: 300px }
.modal.fade.left .modal-dialog { transform: translate(-300px, 0) }
.modal.fade.right .modal-dialog { transform: translate(300px, 0) }
.modal.fade .modal-dialog { transform: scale(.875, .875) } */

.custom-select { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23aaa' d='M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z'/%3E%3C/svg%3E"); background-position: right .375rem center; background-size: 1.275rem; -webkit-appearance: none; -moz-appearance: none; appearance: none }

/* additional colors & backgrounds */

.bg-black { background: var(--black) !important }
.border-current { border-color: currentColor !important }
.border-gray-150 { border-color: var(--gray-150) !important }

.border-2 { border-width: 2px !important }
.border-3 { border-width: 3px !important }

.rounded-1px { border-radius: 1px !important }
.rounded-3px { border-radius: 3px !important }
.rounded-4px { border-radius: 4px !important }

html, body { font-size: 14px }
body {
	overflow-y: scroll !important;
	overflow-x: hidden !important;
	padding-right: 0 !important;
}
img { max-width: 100% }
body.loading [onclick] { pointer-events: none }
span[class*=col-], span.col { display: block }
svg { box-sizing: content-box }
svg:focus, svg>*:focus { outline: none }

.lh-1 { line-height: 1 !important }
.lh-1-2 { line-height: 1.2 !important }

.badge-counter { min-width:1.6rem; height:1.6rem; transform: translate(12px,-8px) }

header .badge-secondary{
	background-color:#b0b0b0;
}
header .text-muted {
	color:#b0b0b0 !important;
}
.text-muted {
	color:#b0b0b0 !important;
}
header .text-muted-black {
	color: #000 !important;
}

#logoMobile { display: block; }
#logoDesktop { display: none }
header #logoMobile svg {
	max-height: 65px;
}
@media (min-width: 1200px) {
	#logoMobile { display: none; }
	#logoDesktop { display: block }
}

@media (max-width: 500px) {
	header #logoMobile svg{
		max-height: 48px;
		width: 100%;
	}
}
@media (max-width: 700px) {
	header #logoMobile svg{
		max-height: 60px;
		width: 100%;
	}
}
@media (max-width: 991px) {
	#ftSearch .input-group {
		width: calc(100% - 40px);
	}
	#closeSearchMob {
		position: absolute;
		top: 0px;
		margin-right: -5px;
		right: 0px;
		padding-top: 0;
		padding-bottom: 0;
		width: 38px;
		height: 38px;
	}
	.active-search {
		position: relative;
	}
	.top-search__icon{
		color: #adb5bd;
	}
	.ft-search.active {
		position: absolute;
		top: -5px;
		display: block !important;
		background: #fff;
		z-index: 1;
		padding-top: 21px;
		padding-bottom: 21px;
		left: 10px;
		right: 10px;
		width: calc(100% - 20px);
		border-radius:4px;
	}
}

@media (max-width: 767px) {
	.ft-search.active {
		position: absolute;
		top: -5px;
		display: block !important;
		background: #fff;
		z-index: 1;
		padding-top: 8px;
		padding-bottom: 8px;
		left: 10px;
		right: 10px;
		width: calc(100% - 20px);
	}
}
header.active-search > .container{

}
.search-button {
	min-height: 42px;
}
.text-enter { display: none }
.is-sticky .text-enter { display: block }

.top-bar .dropdown-menu { z-index: 1021 }

.col-xxl-only { max-width: calc(190px + 1.5rem) }
@media (min-width: 1200px) {
	.col-aside { flex: 0 0 18.5rem; max-width: 18.5rem }
}

a.text-secondary:hover:not(.dark-on-hover),
a.text-dark:hover:not(.dark-on-hover) { color: var(--danger) !important; border-color: currentColor !important; transition: all ease .15s }

.border-bottom-dashed-style { border-bottom-style: dashed !important }
.border-bottom-dotted-style { border-bottom-style: dotted !important }
.t-0 { top: 0 } .b-0 { bottom: 0 } .l-0 { left: 0 } .r-0 { right: 0 }
.t-50p { top: 50% } .l-50p { left: 50% }
.z-index-2 { z-index: 2 }
.z-index-max { z-index: 9999 }
.cursor-pointer { cursor: pointer }

/* icons */
[class*=ft-icon] { transition: filter .15s ease-in-out }
[class*=ft-icon]:not(.notfil) { fill: currentColor; }

.ft-icon-18 { width: 18px; height: 18px; margin: calc( (1.5rem - 18px) / 2) 0 }
.ft-icon-24 { width: 24px; height: 24px; margin: calc( (1.5rem - 24px) / 2) 0 }
.ft-icon-28 { width: 28px; height: 28px; margin: calc( (1.5rem - 28px) / 2) 0 }
.ft-icon-32 { width: 32px; height: 32px; margin: calc( (1.5rem - 32px) / 2) 0 }

.btn:not(:disabled):hover [class*=ft-icon].darker-on-hover, a:hover [class*=ft-icon].darker-on-hover { filter: brightness(75%) }

.btn-cart-add, .btn-cart-add [class*=ft-icon] { transition: none !important }
.btn-cart-add.btn-danger [class*=ft-icon],
.dropdown-toggle.btn-primary [class*=ft-icon],
.dropdown-item:active [class*=ft-icon] { color: var(--white) !important; filter: none !important; transition: none !important }

.rating-selection label.active, .rating-selection label.hover { color: var(--warning) !important }
.rating-selection label.active.hover { filter: brightness(95%) }

.btn .loading-icon, .btn.loading .static-icon { display: none }
.btn .static-icon, .btn.loading .loading-icon { display: block }

.collapsed > .toggle-hidden, .toggle-shown { display: inherit }
.collapsed > .toggle-shown, .toggle-hidden { display: none }

.copyright:hover svg { fill:var(--danger) !important}

/* custom styles */
[class*=line-clamp-] {
	display: -webkit-box !important;
	overflow: hidden;
	-webkit-box-orient: vertical;
}
.line-clamp-1 { -webkit-line-clamp: 1 }
.line-clamp-2 { -webkit-line-clamp: 2 }
.line-clamp-3 { -webkit-line-clamp: 3 }

.required > label:after { content: "\00A0\002A"; color: var(--danger) }
.has-error .option-error { background: rgba(255,0,0,.025) }

.ft-backdrop { height: 0; width: 0; visibility: hidden; opacity: 0; transition: opacity .15s linear; z-index: 9998; transition: opacity .15s linear }

.nav-pills-light .nav-link.active { color: var(--dark); background-color: var(--light) }

/* owl-carousel navigation */
.btn-dot { height: .6rem; width: .6rem; margin: .3rem; opacity: .2; transition: all ease 0.25s; }
.btn-dot:hover { opacity: .5 }
.btn-dot.active { transform: scale(1.5); opacity: 1 }

/* fix if the owl-carousel styles were not loaded beforehand */
.owl-carousel { display: none }
.owl-height { transition: none !important }

@media (max-width: 991px) {


	/* for custom block with svg */
	.custom-block.p-3 {
		padding: 1rem 0.3rem !important;
	}
	.custom-block .row {
		/*flex-direction: column-reverse !important;*/
		text-align: center;
	}
	.custom-block .description {
		display: none !important;
	}
	.custom-block .col .h6 {
		font-size: 0.65rem !important;
	}
	.custom-block hr {
		display: none !important;
	}
}

/* category menu */
#ftMenu.show .btn{ border-bottom-right-radius: 0; border-bottom-left-radius: 0 }

#ftMenu .category-menu-list { border-radius: 0; transform: none !important; top: 100% !important }
#ftMenu .category-menu-item { border-color: var(--gray-150) !important }
#ftMenu .category-menu-list > .category-menu-item:first-child { border-top-color: transparent !important }

#ftMenu .mobile-link-holder { height: 3rem; margin-top: -3rem }
html:not(.mobile) #ftMenu .mobile-link-holder { display: none !important }

#ftMenu [class*=list-level-].collapse { display: none }
#ftMenu [class*=list-level-],
#ftMenu [class*=list-level-].show{ display: block }

#ftMenu .menu-icon-holder > img { margin: -2px 0 }
#ftMenu .item-level-1.hover .link-level-1 .has-hover,
#ftMenu .item-level-2:hover .link-level-2 .has-hover,
#ftMenu .hover-icon { display: none }
#ftMenu .item-level-1.hover .link-level-1 .hover-icon,
#ftMenu .item-level-2:hover .link-level-2 .hover-icon,
#ftMenu .has-hover { display: block }

@media (max-width: 991px) {
	#ftMenu .category-menu-item a:active,
	#ftMenu .child-list-toggle:active { background: var(--light) }
	#ftMenu .list-level-2 { border: none !important; box-shadow: none !important; }
}

@media (min-width: 992px) {
	#ftMenu .category-menu-item .link-level-1 { transition: none !important }
	#ftMenu .category-menu-item.hover .link-level-1 { background: var(--light) }
	#ftMenu .item-level-1.hover .link-level-1.has-child:after {
		content: url("data:image/svg+xml,%3Csvg fill='%23868e96' width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E"); background-image: linear-gradient(to right, var(--light) 0%, var(--white) 100%); display: block; position: absolute; top: 0; right: 1px; height: 100%; 	width: calc(2rem + 2px); padding-top: calc((1.5rem - 24px) / 2 + .6rem); z-index: 1009;
	}

	#ftMenu .list-level-2 { display: none; position: absolute; left: 100%; top: 0; min-height: calc(100% + .5rem); z-index: 1008 }
	#ftMenu .category-menu-item.hover .list-level-2 { display:flex; flex-direction: column}

	#ftMenu .link-level-2 { font-weight: 600 }

	#ftMenu .list-level-2.cols-1 { width: calc(100% + .5rem) }
	#ftMenu .list-level-2.cols-2 { width: calc((var(--breakpoint-lg) - var(--breakpoint-lg)/4 - 60px) * 2/3) }
	#ftMenu .list-level-2.cols-3 { width: calc(var(--breakpoint-lg) - var(--breakpoint-lg)/4 - 60px) }

	#ftMenu .list-level-2.cols-1 .row-cols-1 > .col:nth-child(1) > .category-menu-item,
	#ftMenu .list-level-2.cols-2 .row-cols-1 > .col:nth-child(-n+2) > .category-menu-item,
	#ftMenu .list-level-2.cols-3 .row-cols-1 > .col:nth-child(-n+3) > .category-menu-item { border-top-color: transparent !important }

	#ftMenu .list-level-3.collapse { display:block }

	#ftMenu .list-level-3 .category-menu-item { border: none !important }
	#ftMenu .list-level-3 .category-menu-item:last-child { margin-bottom: 1rem }

	#ftMenu.d-show .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0 }

	#ftMenu .row.no-gutters.py-1:not(.py-lg-0) { padding-top: .1rem !important; padding-bottom: .1rem !important }

	.mobile #ftMenu .link-all { display: block !important }

	.category-menu-open #ftMenu + .menu-backdrop { visibility: visible; 	opacity: .5; height: 100%; width: 100% }
	.category-menu-open #ftMenu { z-index: 9999 }
}

@media (min-width: 1200px) {
	#ftMenu .list-level-2.cols-1 { width: calc(100% + .5rem) }
	#ftMenu .list-level-2.cols-2 { width: calc((var(--breakpoint-xl) - var(--breakpoint-xl)*.23 - 100px) * 2/3) }
	#ftMenu .list-level-2.cols-3 { width: calc(var(--breakpoint-xl) - var(--breakpoint-xl)*.23 - 100px) }
}

/* search */
#ftSearch input[type="search"]::-webkit-search-cancel-button {
	background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath fill='%23aaa' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") center no-repeat; -webkit-appearance: none; height: 24px;  width: 24px; right: 0; padding: 0.25rem; border-radius: 50%; opacity: 0.75; cursor: pointer;
}
#ftSearch .select-text{ max-width: 7rem }

.live-search-open #ftSearch { z-index: 9999 }
.live-search-open #ftSearch .form-control:focus { box-shadow: none }
.live-search-open #ftSearch + .search-backdrop { visibility: visible; opacity: .5; height: 100%; width: 100% }
.live-search-open #ftSearch .livesearch { display: block!important }
.live-search-open #ftSearch .livesearch .price {
	font-weight: 600;
	color:#000 !important;
}
/* cart */
/*#ft_cart > .btn { min-width: 12rem }*/

#ft_cart .loading-icon,
#ft_cart.loading .static-icon { display: none }

#ft_cart .static-icon,
#ft_cart.loading .loading-icon { display: block }

#ft_cart .input-quantity { width: 3rem; min-width: 4.4rem; max-width: 4.4rem }
#ft_popup_add_cart .input-quantity { width: 3rem; min-width: 4.4rem; max-width: 4.4rem }

#ft_cart.loading .cart-mask { display: block !important; opacity:.3; z-index: 3 }

@media (min-width: 992px) {
	#ft_cart_total { margin: -.35rem 0 }
	#ft_cart_total > span.loading-wrapper { display: block; margin: .35rem 0 }
	#ft_cart_total > span:not(.loading-wrapper) { display: block; line-height: 1.25; font-size: .875rem }
}

/* products modules */
.products-carousel .owl-item.active + .active { border-left: 1px solid var(--gray-150) }
/* .product-item .product-name { min-height: 2.8rem } */
@media (min-width: 992px) {
	.column-left .products-wall [class*=row-cols] > .col, .column-right .products-wall [class*=row-cols] > .col { flex: 0 0 100%; min-width: 100% }
}



/* products list view styles */

.short-attribute {
	position: relative;
}
.short-attribute > .attr-name {line-height:17px;flex:0 0 46%;max-width:46%;font-size:11px; color:#999;}
.short-attribute > .attr-name span {max-width:100%;display:inline;}
.short-attribute > .attr-name span {background: #fff none repeat scroll 0 0; padding: 0 5px 0 0; position: relative; z-index: 2; }
.short-attribute > .attr-text {line-height:17px;font-size:12px; color:#000; font-weight:400; text-align: right; width: 100%; flex:0 0 54%; }
.short-attribute > .attr-text:before {border-bottom: 1px dotted #888; content: ""; left: 0; position: absolute; right: 0; top: 12px; }
.short-attribute > .attr-text span {background: #fff none repeat scroll 0 0;padding: 0 0 0 5px;position: relative;z-index: 2;}
.short-attribute {margin-bottom: 5px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}

.list .option-name {
	background: #f8f9fa;
	border: 1px solid #ced4da;
	border-radius: 4px;
	padding: 2px 10px;
	color: #7b8793;
	margin-right: 10px;
	min-width: 70px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.option-qty {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-left: auto;
	display: inline-block;
	margin-left: 5px;
}
.option-qty.in_stock {
	background: #2FC31A;
}
.option-qty.out_stock {
	background: #E51D1D;
}

.list .product-image { text-align: left !important }
.list .product-image .position-relative .mb-2 img {
	object-fit: cover;
	width: 100%;
}
.list .product-image { flex: 1; min-width: 30%; padding: 1rem !important }
.list .product-item > .flex-column { flex-direction: row !important }
.category-glass .list .product-name {margin-bottom: 10px;}


@media (max-width: 400px) {
	.category-glass .product-image .main-image {
		order:1;
		width: calc(100% - 75px);
		margin-top: 2px;
		margin-bottom: 3px !important;
	}
	.category-glass .product-image .dop-images > .row {
		display: flex;
		flex: 0 0 60px;
		flex-direction: column;
		max-width: 60px;
		margin-right: 15px;
		gap: 15px;
		height: 100%;
		justify-content: space-between;
	}
}

@media (min-width: 401px) and (max-width: 499px) {
	.category-glass .product-image .main-image {
		order:1;
		width: calc(100% - 90px);
		margin-top: 2px;
		margin-bottom: 3px !important;
	}
	.category-glass .product-image .dop-images > .row {
		display: flex;
		flex: 0 0 90px;
		flex-direction: column;
		max-width: 90px;
		margin-right: 15px;
		gap: 15px;
		height: 100%;
		justify-content: space-between;
	}
}
@media (min-width: 500px) and (max-width: 767px) {
	.category-glass .product-image .main-image {
		order:1;
		width: calc(100% - 90px);
		margin-top: 2px;
		margin-bottom: 3px !important;
	}
	.category-glass .product-image .dop-images > .row {
		display: flex;
		flex: 0 0 90px;
		flex-direction: column;
		max-width: 90px;
		margin-right: 15px;
		gap: 15px;
		height: 100%;
		justify-content: space-between;
	}
}
@media (max-width: 767px) {
	.list .product-image { text-align: center !important }
	.list .product-image .product-description { text-align: left; }
	.category-glass .list .product-image .position-relative .mb-2 img {
		height: 100%;
	}
	.category-glass .product-image > .position-relative {
		display: flex;
	}
	.category-glass .product-image .dop-images > .row .col-4 {
		flex: 0;
  		max-width: 100%;
	}
	.list .product-image { flex: 1; min-width: 100%; padding: 1rem !important }
	.list .product-item > .flex-column { padding: .5rem !important; flex-wrap: wrap !important }
	/*.list .product-image { flex: 0 0 40%; min-width: 40% }
	.list .product-description { flex: 0 0 60%; min-width: 60% }*/
	.list .product-controls { flex: 0 0 100%; min-width: 100% }
}

.list_admin .product-text,
.list_admin .product-additional-name {
	display: none !important;
}
.list:not(.list_admin) .cop_price_box,
.list:not(.list_admin) .cg_roll_price,

.big_grid .attribute-cat {
	display: none;
	background: #fff;
	box-sizing: border-box;
	border-left:1px solid #dee2e6;
	border-right:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6;
	border-radius:0px 0px 0.35rem 0.35rem;
	margin-top: -10px;
	padding: 20px;
	position: absolute;
	width: calc(100% + 2px);
	z-index:99;
	top:100%;
	left:-1px;
}
.big_grid .product-item-card:hover .attribute-cat {
	display: block;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.big_grid .cop_price_box,
.big_grid .cg_roll_price {
	display: none;
}
.big_grid .product-controls {
	margin-top: 5px !important;
	height: 100%;
}
.big_grid .product-controls .price {
	margin-top: auto;
}
.big_grid .product-controls .price + .mt-auto.mb-2 {
	margin-top: 5px !important;
}
/*.big_grid .product-controls .w-100.dropup {
	margin-top: auto !important;
}*/
.tooltip > div {
	max-width: 300px !important;
	font-size: 12px;
}
.list .product-controls .product-info {
	display: none;
}
.list .product-text:not(.product-info) { display: block !important }
@media (min-width: 768px) {
	.list .product-image { flex: 1; min-width: 25%; padding: 1rem !important }
	.list .product-name { margin-top: .5rem !important }
	.list .product-name a { font-weight: 600 !important }
	.list .product-controls { display: flex; flex-direction: column !important; flex: 0 0 22rem; min-width: 22rem; padding: 1rem; border-left: 1px solid var(--gray-150); margin-left: auto; margin-top: unset!important }
	.list .product-controls .btn-group { display: flex !important; margin-top: auto !important }
}

@media (min-width: 992px) {
	.list .product-image { flex: 0 0 25%; min-width: 25%; padding: 0.5rem !important }
	.list .product-controls {
		flex: 0 0 21rem; min-width: 22rem;
	}

	.list .product_text.attribute-cat { display: block !important; max-width: 84%;}

	.product_text_showhide {
		text-align: center;
	}
	.product_text_showhide a {
		color: #333;
	}
	.list:not(.list_admin) .product_text_showhide,
	.list.list_admin  .product_text.attribute-cat {
		display: none !important;
	}

	.list .product-text.product-info { display: block !important }
	.products-carousel .hidden-visible-on-hover { opacity: 0; transition: opacity ease .2s }
	.big_grid .hidden-visible-on-hover { opacity: 0; transition: opacity ease .2s }
	.products-carousel .product-item:hover .hidden-visible-on-hover { opacity: 1 }
	.big_grid .product-item:hover .hidden-visible-on-hover { opacity: 1 }

	.list .product-additional-name { margin-bottom: 1rem }
}
.product-additional-name {
	color:#646464;
}
.product-description {
	width: 100%;
}
/*.big_grid .tube-price .small .font-weight-light {
	display: block;
}*/
.list .grid-visible-only {
	display: none;
}
.tube-price .small .font-weight-600 {
	font-size: 14px;
}
/* footer map styles */
#ft_fmap .code-container > * { width: 100% !important; height: 100% !important }

/* footer styles */
.category-menu-open #footer-fixed-buttons,
.live-search-open #footer-fixed-buttons,
.modal-open #footer-fixed-buttons,
.psw-open #footer-fixed-buttons { z-index: 1040 !important }

/* product page */
#product-gallery .owl-carousel .animated {
	-webkit-animation-duration : .25s !important ;
	animation-duration : .25s !important ;
}

.option-image:checked + label { border-color: var(--primary) !important; border-width: 2px !important;	margin: -1px !important }

.nav-tabs .nav-link.active { padding: .6rem 1rem; }
@media (min-width: 992px) {
	.nav-tabs .flex-fill { flex: none !important }
}

[class*="list-visible-only-"] { display:none }
.list .list-visible-only-inline { display:inline }
.list .list-visible-only-block { display:block }
.list .list-visible-only-flex { display:flex }
.list .list-col-6 { flex: 0 0 50% !important;  max-width: 50% !important }
.list .list-col-12 { flex: 0 0 100% !important;  max-width: 100% !important }
.list .list-col-40 { flex: 0 0 40% !important;  max-width: 40% !important }
.list .list-col-60 { flex: 0 0 60% !important;  max-width: 60% !important }
.list .list-text-right { text-align: right !important }
.font-weight-600 { font-weight: 600 !important }

[id^="qo-input-option"] { max-width: 360px; }

.qo-tube-content .custom-radio .custom-control-input ~ .custom-control-label + span {
	opacity:0.3;
	position: relative;
}
.qo-tube-content .custom-radio .custom-control-input:checked ~ .custom-control-label,
.qo-tube-content .custom-radio .custom-control-input:checked ~ .custom-control-label + span{
	opacity:1;
}
.qo-tube-content .custom-radio .custom-control-input + .custom-control-label + span:before {
	content:'';
	position: absolute;
	left:100px;
	width: 100%;
	top:0;
	bottom:0;
	right:0;
	z-index: 10;
}

.qo-tube-content .custom-radio .custom-control-input:checked + .custom-control-label + span:before {
	display: none;
}

.qo-tube-content .custom-radio .custom-control-label {
	min-width: 85px !important;
}
.card-header-wb {
	padding: 0.25rem 0 0;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, 0);
}

div[id^="ftPlenki_"] h2 {
	color: #07009c;
}
div[id^="ftPlenki_"] img {
	max-height: 220px;
	display: none;
}
div[id^="ftPlenki_"] .btn-filter {
	color: #676767;
	background-color: #e4e4e4;
	border-color: #676767;
	text-transform: uppercase;
	border-radius: 0;
}

div[id^="ftPlenki_"] select {
	height: calc(1.5em + 0.75rem + 10px) !important;
	border-radius: 0 !important;
}

.filterbg {
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.filterplenki {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 40px !important;
	padding-left: 40px !important;
}

.filterplenki select {
	color: #aaa;
}

.btn-filter {
	max-width: 80%;
	margin: 0 auto;
}

.pad-025 {
	padding: 0 0.25rem;
}

.category-wall .h6 {
	font-size: 1rem;
	position: relative;
	z-index: 100;
}
.category-wall img.position-absolute {
	position: absolute;
	right: 0;
	bottom: 0;
	top: auto;
	left: auto;
	object-fit: contain;
	height: 100%;
}
.category-wall .card-body {
	background-size: 50% !important;
	min-height: 50px;
	max-height: 50px;
}

@media (min-width: 768px) {
	.category-wall img.position-absolute {
		opacity: 0.3;
		transition: opacity .2s linear;
	}
	.category-wall .card-body:hover img.position-absolute{
		opacity: 1;
	}

	.category-wall .card-body {
		background-size: contain !important;
		background-position: center right !important;
		min-height: 110px;
		max-height: 110px;
	}
}
@media (min-width: 992px) {
	.category-wall img.position-absolute {
		height: auto;
	}
	.category-wall .h6 {
	 font-size: 1.25rem;
	}
	.category-wall .card-body {
		background-size: contain !important;
		background-position: center right !important;
		min-height: 150px;
		max-height: 150px;
	}
}
@media (min-width: 1400px) {
.category-wall img.position-absolute {
		height: 100%;
	}
}

.nav-catwall .nav-link {
	text-transform: uppercase;
}
.nav-catwall .nav-link.active {
	font-weight: 600;
}
.nav-catwall .nav-link {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
}

@media (min-width: 992px) {
	#ftHeaderLinks .dropdown-menu-ft-links {
		position: relative;
		padding: 0;
		border: 0;
		display: flex;
		margin: 0;
		z-index: 2;
	}
}

/* Filter Listing */
.filter-card {
	overflow: hidden;
}
@media (min-width: 992px) {
	.filter-card {
		min-height: 120px;
		flex-direction: row;
		align-self: center;
		align-items: center;
	}
	.filter-card .filter-listing {
		width: 100%;
	}
}
.filter-listing {
	background: #fff;
}
#close-form-filter {
	right: 0px;
	top: 10px;
}
#close-form-filter svg {
	width: 32px !important;
	height: 32px !important;
}
.filter-listing .marklogo.car {
	max-width: 150px;
}
@media (max-width: 768px) {
	.big_grid .product-item-card:hover .attribute-cat {
		display: none !important;
	}

	.filter-listing .marklogo.car {
		max-width: 140px;
		width: 100%;
	}
	.filter-listing .marklogo.car > div {
		display: block !important;
	}
	.filter-listing .marklogo.car > div > img {
		margin:0 auto;
	}
}

.filter-listing .marklogo.brand {
	max-width: 40px;
	align-self: center;
	min-width: 40px;
}

.filter-listing .marklogo.brand img {
	min-width: 40px;
}
.text-select-filter .name {
	font-weight: 600;
	font-size: 16px;
}
.text-select-filter .subname {
	font-weight: 600;
	font-size: 16px;
	color:#7b8793;
}
.filterpixsel select,
.filter-listing select {
	border-radius: 5px;
	padding: 5px 20px;
	text-transform: uppercase;
	color: #000;
	height: 3rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url("/catalog/view/theme/ft_avtoplenki/image/icon-select-arrow.svg");
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: 9px 5px;
	background-color: #fff;
}
.filter-listing__label {
	position: absolute;
	font-size: 12px;
	top: -9px;
	left: 15px;
	background: #fff;
	padding-left: 5px;
	padding-right: 5px;
	color: #7b8793;
	z-index: 5;
}
.border-igp {
	border: 1px solid #ced4da !important;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #fff;
	text-align: center;
	justify-content: center;
}
.filterpixsel .input-group-prepend {
	background: #fff;
	max-height: 44px;
	min-width: 56px;
}
@media (max-width: 768px) {
	.border-igp {
		min-width: 55px;
	}
}
.input-group-prepend .input-group-icon .icon-filter-model {
	width: 34px !important;
	height: auto !important;
}
.input-group-prepend .input-group-icon .icon-filter-year {
	width: 18px !important;
	height: auto !important;
}

.marklogo.car img {
	min-width: 160px;
}
@media (min-width: 768px) and (max-width: 992px) {
	.filterlistingpixsel .input-group .input-group-prepend {
		display: none;
	}
	.filterlistingpixsel .input-group > .form-control:not(:first-child){
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.marklogo.car img {
		min-width: 80px !important;
		max-width: 80px !important;
	}
}
@media (min-width: 993px) and (max-width: 1280px) {
	.marklogo.car img {
		min-width: 120px !important;
		max-width: 120px !important;
	}
}
.button-filter {
	max-width: 200px;
}
.dnone {
	display: none !important;
}

.retail_price {
	color: #dc0a0a;
	font-size:12px;
	text-decoration: line-through;
}
.opt-price .retail_price {
	font-weight: 600;
}
.opt-price .text-secondary:not(sup) {
	font-size:1rem;
}
.opt-price sup.text-secondary {
	font-size: 10px;
}
.modal-open #ft_popup_cart .alert {
	display: none !important;
}


#ft-login-modal {
	left:auto;
	right: -100%;
	transition: transform .2s ease, visibility .2s ease, opacity .2s ease;
	 transform: translate(100%, 0);
}
#ft-login-modal.show {
	right: 0;
	transform: translate(0, 0);
}
.modal-dialog-right {
	width: 80vw;
	max-width: 420px;
}
.border-2 {
	border-width: 2px !important;
}
.border-radius-4 {
	border-radius: 3px !important;
}
.border-gray {
	border-color: #f1f3f5;
}
.white-bg {
	background: #fff;
}
.login-register-pills.nav-pills .nav-link {
	color: #212529;
}
.login-register-pills.nav-pills .nav-link:hover {
	color: #333;
}
.login-register-pills.nav-pills .nav-link.active,
.login-register-pills.nav-pills .show > .nav-link {
	color: #212529;
	background-color: #f8f9fa;
	font-weight: 500;
	position: relative;
	border: 1px solid #dee2e6;
}
.login-register-pills.nav-pills .nav-link.active:after,
.login-register-pills.nav-pills .show > .nav-link:after {
	content: "";
	position: absolute;
	width: 100%;
	top: calc(100% + 1px);
	left: 0;
	border-bottom: 2px solid #52545a;
	margin-top: calc(.5rem - .5px);
}
.font-size-16 {
	font-size: 16px;
}
.forgotten-method-pills.nav-pills .nav-link {
	color: #212529;
	border:2px solid #f8f9fa;
	background: #fff;
	text-align: left;
}
.forgotten-method-pills.nav-pills .nav-link.active,
.forgotten-method-pills.nav-pills .show > .nav-link {
	color: #212529;
	background-color: #fff;
	text-align: left;
	border:2px solid #dee2e6;
}
.btn-dark-gray {
		color: #ffffff;
		background-color: #52545a;
		border:0px;
		box-shadow: none;
}
.btn-dark-gray:hover {
		color: #ffffff;
		background-color: #36373c;
}
.btn-dark-gray:focus,
.btn-dark-gray.focus {
		color: #ffffff;
		background-color: #36373c;
		box-shadow: none;
}

.email-sms-authorization a {
	color:#6c757d;
}
.email-sms-authorization a.active {
	color:#000;
	text-decoration: underline;
	font-weight: 600;
}
#email-aicon {
	margin-right: 5px;
}
#fogin-popup-forgotten-phone .popup-overlay,
#sms-authorization .popup-overlay {
	position: absolute;
	background: transparent;
	width: calc(100% + 10px);
	bottom:auto;
}
#fogin-popup-forgotten-phone #popup-otp,
#sms-authorization #popup-otp {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	max-height: none;
}
#fogin-popup-forgotten-phone #popup-otp .popup-title,
#fogin-popup-forgotten-phone #popup-otp .popup-text.otp-info,
#fogin-popup-forgotten-phone #popup-otp .close-popup-otp,
#sms-authorization #popup-otp .popup-title,
#sms-authorization #popup-otp .popup-text.otp-info,
#sms-authorization #popup-otp .close-popup-otp {
	display: none;
}

#fogin-popup-forgotten-phone .popup-window .inner,
#sms-authorization .popup-window .inner {
	padding-top: 10px;
}

#fogin-popup-forgotten-phone #popup-otp .popup-text.otp-info.slerror,
#sms-authorization #popup-otp .popup-text.otp-info.slerror {
	display: block;
}



.cm-toggle {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
}
.chm-form-check {
	display: inline-block;
	display: inline-flex;
	margin-top: 5px;
	border-radius: 15px;
	background-color: white;
	background-image: linear-gradient(to bottom, #eeeeee, white 25px);
	padding: 3px;
	box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	max-height: 31px;
}
.cm-toggle:after {
	content: '';
	width: 52px;
	height: 26px;
	display: inline-block;
	background: #eceeef;
	border-radius: 18px;
	clear: both;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

.cm-toggle:before {
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: 4px;
	top: 3px;
	border-radius: 50%;
	background: rgb(255, 255, 255);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	transition: all 0.15s ease-in-out !important;
}

.cm-toggle:checked:before {
	left: 29px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.cm-toggle:checked:after {
	background: #0069d9;
	background: #0069d9;
}

.dsc-fileds {
	position: relative;
}
.dsc-fileds.disabled-fields:after {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom:0px;
	opacity: 0.5;
	content: '';
	background: #fff;
	width: 100%;
	height: 100%;
}
.list-option-name {
	flex: 1 0 40%;
	max-width: 40%;
	min-width: 40%;
}

/*#input-otp-telephone, #phone-login {
    max-width: 170px;
}*/
.otpboxlogin .input-group {
    /*justify-content: center;*/
    gap: 10px;
}
.group-telephoneotp {
    display: flex;
    justify-content: center;
}


/* news modules */
.article-item .article-name { min-height: 4rem }
.owl-item .article-item a.d-block:first-child {
	/*min-height: 201px;*/
}
.owl-item .product-item .image {
	height: 175px;
	min-height: 175px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.owl-item .product-item .image a {
	height: 175px;
    max-height: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.owl-item .product-item .image img {
	max-height: 175px;
}
@media (min-width: 992px) {
	.column-left .news-wall [class*=row-cols] > .col, .column-right .news-wall [class*=row-cols] > .col { flex: 0 0 100%; min-width: 100% }
}
.owl-carousel .owl-item .article-item img {
	/*height: 201px;*/
	max-height: 201px;
	width: auto !important;
	margin: 0 auto;
	/*object-fit: cover;*/
}

@media only screen and (max-width: 540px) {
	.owl-carousel .owl-item .article-item img {
		max-height: 140px;
	}

	#common-home #content .row:nth-child(2) .custom-blocks:first-child {
		display: none;
	}
}

@media only screen and (max-width: 992px) {
	.owl-carousel .owl-item .article-item img {
		max-height: 140px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1340px) {
	.owl-carousel .owl-item .article-item img {
		max-height: 140px;
	}
}

@media only screen and (max-width: 1366px) {
	.owl-carousel .owl-item .article-item img {
		max-height: 166px;
	}
}


/* sub category */
.d-flex-nowrap {
	flex-wrap: nowrap;
}
.f-direction-column {
	flex-direction: column;
}
.justify-content-spacearound {
	justify-content: space-around;
}
.justify-content-spacebetween {
	justify-content: space-between;
}

/* MANAGER ORDERS */
#account-order .filter-card {
	overflow: initial;
}
#pixsel-order-listing {

}
.select_client .input-group {
	flex-wrap: nowrap !important;
}
.set_currency .input-group {
	flex-wrap: nowrap !important;
}
.orderlistingpixsel {
	align-items: center !important;
    justify-content: center !important;
}
.opc-label {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 7px;
}
#button-remove-search,
#button-remove-client {
	right: 50px;
	top: 6px;
	width: 28px;
	height: 28px;
	background: #fff !important;
	position: absolute;
	border: 0 !important;
	box-shadow: none !important;
	padding: 2px;
	text-align: center;
}
#button-search-order,
#button-add-client,
#button-save-usd,
#button-save-eur {
	border-radius: 0px 5px 5px 0px;
	height: 40px;
	min-width: 44px;
}
#account-order input.form-control,
.coupon_table input.form-control {
    border: 1px solid #EAEDF7;
    box-shadow: none;
    height: 40px;
    font-size: 14px;
}
#account-order .select_client input.form-control {
	width: 550px;
}
#account-order .select_client .dropdown-menu {
	width: 550px;
}
.select_order {
	margin-bottom: 50px;
}
.pagination {
	gap: 5px;
}
.select_order label {
	font-weight: 600;
}
.infakt-pdf-link:hover {
	text-decoration: none;
}

.manager-table thead th {
	vertical-align: middle !important;
}
.manager-table td {
	vertical-align: middle;
}
.manager-table .btn {
    padding: 0.35rem 0.35rem !important;
    font-size: 0.7rem !important;
    line-height: 0.5 !important;
}

#input-order-status {
	max-width: 140px !important;
}

@media (max-width: 768px) {
	#input-order-status {
		min-width: 200px !important;
	}

	.msbutton, .infaktbutton {
		min-width: 165px !important;
	}
}

#order_my_sklad_no,
#infakt_number,
#pdf_number {
	display: block;
}

#account-login #phone-login {
	max-width: 200px !important;
}

.bezvat {
	color: #ff0000;
	/*cursor: pointer;*/
}

.disabledfields {
	color: #6c757d !important;
}

.btn.disabled, .btn:disabled {
    opacity: 0.35 !important;
}

.select_buh .form-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.select_buh_modal .form-group {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.select_buh label {
	display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 0;
}
.select_buh label .input-group-btn {
	background: #ccc;
    margin-left: -10px;
    border-radius: 0 4px 4px 0;
    height: 40px;
}
.select_buh label .input-group-btn button {
	margin-top: 3px;
}
.month-left,
.month-right {
	cursor: pointer;
}

.export-info {
	font-size: 16px;
	font-weight: 600;
}

#input-select-sebes,
#input-select-rshpr {
	max-width: 60px;
}

div.order-status {
	display: flex;
	align-items: center;
}
div.order-status a {
	font-size: 18px;
}

.payed {
	font-size: 12px;
}
.payed.success,
.mpayed.success {
	/*background-color: #135e09;
	color: #fff;*/
	color: #135e09;
	font-weight: 600;
	width: fit-content;
	padding: 2px 5px;
	margin: 0 auto;
}
.payed.danger,
.mpayed.danger {
	/*background-color: #ff0000;
	color: #fff;*/
	color: #ff0000;
	font-weight: 600;
	width: fit-content;
	padding: 2px 5px;
	margin: 0 auto;
}
.payed.warning,
.mpayed.warning {
	/*background-color: rgb(189, 174, 0);
	color: #fff;*/
	color: rgb(189, 174, 0);
	font-weight: 600;
	width: fit-content;
	padding: 2px 5px;
	margin: 0 auto;
}
.payed.probki {
	color: rgb(133, 198, 222);
	font-weight: 600;
	width: fit-content;
	padding: 2px 5px;
	margin: 0 auto;
}

select.disabled {
	color: #737373;
    background-color: #ffffff;
    border-color: #737373;
	opacity: 0.50;
	position: relative;
	pointer-events: none;
}

/* variant */
.list-variants {
	gap: 5px;
}
.variant {
	padding: 2px 7px;
	border: 1px solid #6c757d;
	border-radius: 10px;
}
.variant.disabled,
.variant.disabled.active {
	color: #737373;
    background-color: #ffffff;
    border-color: #737373;
	opacity: 0.50;
	position: relative;
}
.variant.disabled:before {
	content: "";
	border-bottom: 1px solid #737373;
	position: absolute;
	width: 100%;
	height: 50%;
	left: 1px;
	transform: rotate(12deg);
}
.variant.active,
.variant.disabled.active {
	background: #ffc904;
	border: 1px solid #ffc904;
}
.variant:hover {
	cursor: pointer;
	background: #ffc904;
	border: 1px solid #ffc904;
}
.variant.active:hover {
	cursor: default;
}
.variant a {
	color: #212529 !important;
}
.variant a:hover {
	color: #212529 !important;
	text-decoration: none;
}

.adminquant {
	display: none;
	font-weight: 400;
	color: #212529 !important;
	margin-left: 3px;
}

/* products list view styles for category glass */

.category-glass .list .product-image { text-align: left !important }

.category-glass .list .product-text { display: block !important }

.category-glass .list .product-item > .flex-column { flex-direction: row !important }

@media (max-width: 575px) {

	.category-glass .list .product-item > .flex-column { padding: .5rem !important; flex-wrap: wrap !important }

	.category-glass .list .product-image { flex: 0 0 40%; min-width: 40% }

	.category-glass .list .product-controls { flex: 0 0 100%; min-width: 100% }

	.category-glass .pad-4 {

		padding: 1.5rem !important;

	}

	.category-glass .mbw-50 {

		width: 50% !important;

		margin: 0 auto;

	}

	.category-glass .mbm-1 {

		margin-bottom: 0.5rem !important;

	}

}

.category-glass .list .product-options {
	align-items: center;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding-left: 15px !important;
	padding-right: 5px !important;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}
.category-glass .col-head-price,
.category-glass .col-head-sku {
	display: none;
}
.category-glass .col-head-price.wtax-col-head {
	position: absolute;
	top: -7px;
	right: 34%;
	text-transform: uppercase;
	background: none;
	color: #6c757d;
	font-size: 12px;
	font-weight: 400 !important;
	display: block;
}
.category-glass .list .col-head-price.wtax-col-head {
	position: absolute;
	top: -7px;
	right: 41%;
	text-transform: uppercase;
	background: none;
	color: #6c757d;
	font-size: 12px;
	font-weight: 400 !important;
	display: block;
}
.category-glass .wtax {
	margin-left: 30px;
	color: #6c757d !important;
}
.category-glass .list .col-head-sku,
.category-glass .list .col-head-price {
	position: absolute;
	top: -7px;
	text-transform: uppercase;
	background: none;
	color: #6c757d;
	font-size: 12px;
	font-weight: 400 !important;
	display: block;
}
.category-glass  .list .col-head-price > span {
	color:#E51D1D;
}
.category-glass .text-price-bruto {
	text-transform: uppercase;
	background: none;
	font-size: 12px;
	font-weight: 400 !important;
	display: block;
	color:#6c757d;
}
.category-glass .text-gray-500 {
	color: #6c757d !important;
}
.category-glass .list .product-options .option-item {
	margin-bottom: 8px;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.category-glass .list .product-options .option-name {
	background: #f8f9fa;
	border: 1px solid #ced4da;
	border-radius: 4px;
	padding: 2px 10px;
	color:#7b8793;
	margin-right: 10px;
	min-width: 85px;
	display: flex;
	justify-content: flex-start;
	align-items: center
}
.category-glass .list .product-options .option-qty {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-left: auto;
}
.category-glass .list .product-options .option-qty.in_stock {
	background: #2FC31A;
}
.category-glass .list .product-options .option-qty.out_stock {
	background: #E51D1D;
}
.category-glass .option-text-qty {
	display: none;
}
@media (min-width: 1200px) {
	.category-glass .list .product-options .option-qty{
		display: none;
	}
	.category-glass .list .option-text-qty {
		margin-left: 20px;
		display: inline-block;
		min-width: 108px;
		background: #f8f9fa;
		border: 1px solid #ced4da;
		font-size: 10px;
		text-transform: uppercase;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		font-weight: 500;
		border-radius: 4px;
	}
	.category-glass .list .option-text-qty.in_stock {
		color:#2FC31A;
	}
	.category-glass .list .option-text-qty.out_stock {
		color:#E51D1D;
	}
	.category-glass .list .product-item {
		margin-bottom: 15px !important;
	}
}
.category-glass .list .product-options .option-sku {
	color:#7b8793;
	margin-right: 0px;
	max-width: 100px;
	min-width: 95px;
	font-size: 12px;
}

.category-glass .col-head-price {
	display: inline-block;
}
.category-glass .col-head-price::after {
	/*content: attr(data-full-text);*/
	content: attr(data-short-text);
}
@media (max-width: 1199px) {
	.category-glass .col-head-price::after {
		content: attr(data-short-text);
	}
}
.category-glass .list:not(.list_admin) .product-options .option-sku .text-nowrap > div {
	display: none;
}
@media (min-width: 1200px) {
	.category-glass .list .product-options .option-sku {
		min-width: 190px;
		max-width: 190px;
	}

	.category-glass .list .product-options .option-sku .text-nowrap > div {
		display: inline-block;
		margin-left: 5px;
	}
}
.category-glass .list .product-options .option-price {
	font-weight: 600;
	font-size: 16px;
	white-space: nowrap;
}
.category-glass .list .product-text,
.category-glass .list .product-review,
.category-glass .list .product-controls .price {
	display: none !important;
}

.category-glass .list .product-image {
	flex: 0 0 100%;
	min-width: 100%;
	padding: 1rem !important;
	display: flex;
	flex-direction: row;
	max-width: 500px;
}

.category-glass .list .product-image .main-image,
.category-glass .list .product-image .main-image .d-inline-block,
.category-glass .list .product-image .main-image .d-inline-block img {
	height: 100%;
}
.category-glass .list .product-image .main-image .d-inline-block img {
	object-fit: cover;
	border-radius: 6px;
}
.category-glass .list .product-image .main-image a {
	display: inline-block;
	height: 100%;
}
.category-glass .list .product-image .dop-image {
	flex: 0 0 60px;
	min-width: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 15px;
	gap: 15px;
}
.category-glass .list .px-caption {
	flex-grow: 1;
	max-width: 100%;
	flex-basis: 0;
}
@media (min-width: 400px) {
	.category-glass .list .product-image .dop-image {
		flex: 0 0 90px;
		min-width: 90px;
	}
}
@media (min-width: 500px) {
	.category-glass .list .product-image .dop-image {
		flex: 0 0 120px;
		min-width: 120px;
	}
}
@media (max-width: 768px) {
	.category-glass .list .product-controls .dropup .btn-qview-add {
		margin-left: auto !important;
	}
}
@media (min-width: 768px) {
	.category-glass .list .product-image .dop-image {
		flex: 0 0 70px;
		min-width: 70px;
	}
	.category-glass .list .product-options {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.category-glass .list .product-image {
		flex: 0 0 45%;
		min-width: 45%;
		flex-direction: row;
		max-width: 500px;
	}
	.category-glass .list .product-options .option-item {
		/*max-width: 80%;*/
		max-width: 90%;
	}
	.category-glass .list .product-options .option-name{
		margin-right: 20px;
	}

	.category-glass .list:not(.list_admin) .product-options .option-sku {
		margin-left: 20px;
	}
}
@media (min-width: 992px) {
	.category-glass .list .product-image .dop-image {
		flex: 0 0 80px;
		min-width: 80px;
	}
	.category-glass .list .product-image {
		flex: 0 0 50%;
		min-width: 50%;
		flex-direction: row;
		max-width: 500px;
	}
	.category-glass .list .product-options .option-name {
		min-width: 120px;
	}

}
@media (min-width: 1200px) {
	.category-glass .list .product-image .dop-image {
		flex: 0 0 100px;
		min-width: 100px;
	}
	.category-glass .list .product-image {
		flex: 0 0 40%;
		min-width: 470px;
		flex-direction: row;
		max-width: 470px;
	}
	.category-glass .list .product-image .main-image,
	.category-glass .list .product-image .main-image .d-inline-block,
	.category-glass .list .product-image .main-image .d-inline-block img {
		height: 100%;
		min-height: 200px;
		max-height: 200px;
	}
}

.category-glass .list .product-image .dop-image a img {
	border-radius: 6px;
}
.category-glass .list .product-item > .flex-column {
	flex-wrap: wrap;
}

.category-glass .list .product-name { margin-top: .5rem !important }

.category-glass .list .product-name span { font-weight: 600 !important; font-size:15px;}

.category-glass .list .product-controls {
		margin-left: 0px;
		flex: initial;
		margin-top: auto !important;
}
.category-glass .list .product-controls > .btn-group {  margin-top: 15px }

.category-glass .old-price.d-inline-block {
	color: #dc0a0a;
	font-size:12px;
	text-decoration: line-through;
}

.category-glass .netto-price.d-inline-block {
	color: #6c757d;
	font-weight: 400;
	font-size: 12px;
}

@media (max-width: 991px) {
	.category-glass .btn-group #ft-list-view {
		border-top-left-radius: 0.35rem !important;
		border-bottom-left-radius: 0.35rem !important;
	}
}

.category-glass .option-price-group {
	display: none;
}
.category-glass .list.list_admin .option-price-group{
	display: block;
	order:10;
}
@media (min-width: 768px) {
	.category-glass .list.list_admin .product-options .option-item {
		max-width: 100%
	}
}
@media (min-width: 1200px) {
	.category-glass .list.list_admin .product-options .option-item {
		max-width: 80%;
	}
}
.category-glass .list.list_admin .option-name,
.category-glass .list.list_admin .option-text-qty,
.category-glass .list.list_admin .option-price {
	display: none;
}

.qo-totals,
.qo-totals-netto {
	min-height: 0.7em;
	line-height: 0.7;
}

.showhide-shortattr {
	font-size: 10px;
	text-align: right;
	cursor: pointer;
}

.opc-bezvat,
.opc-brak {
	position: relative;
}
div.disabled-fields:after {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom:0px;
	opacity: 0.5;
	content: '';
	background: #fff;
	width: 100%;
	height: 100%;
}

td.disabled-fields {
	position: relative;
	pointer-events: none;
}
td.disabled-fields:after {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom:0px;
	opacity: 0.6;
	content: '';
	background: #fff;
	width: 100%;
	height: 100%;
}

.edit-price {
	position: relative;
}
.edit-price.disabled-fields:after {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom:0px;
	opacity: 0.8;
	content: '';
	background: #fff;
	width: 100%;
	height: 100%;
}

span.bezvat {
	font-size: 12px;
}

/* loading mask */
.loading_mask {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom:0;
	z-index:1042;
	background: rgb(0,0,0,0.05);
}
.center-body {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
}
.opc-loader-circle {
	position: relative;
	border-radius: 50%;
	width: 70px;
	height: 70px;
}
.opc-loader-circle::before,
.opc-loader-circle::after {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 7px solid transparent;
	border-top-color: #2196f3;
	border-radius: 50%;
	animation: anm-opc-spin 1.25s ease infinite;
}
.opc-loader-circle::after {
	border-top-color: transparent;
	border-bottom-color: #ffeb3b;
}
@keyframes anm-opc-spin {
	100% {
		transform: rotate(1080deg);
	}
}

#manager-price input[type="text"] {
	max-width: 85px !important;
}
#manager-price table td {
	padding: 0.25rem !important;
}

.ft-login-open {
	font-size: 12px !important;
}

.tooltip > div {
    word-wrap: none;
    white-space: normal;
	max-width: 500px !important;
	text-align: left !important;
}

/* arrow down */
.ocf-angle-down {
    transform: rotate(180deg);
}
.ocf-angle {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='12' height='12' viewBox='0 0 16 16'%3e%3cpath d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3e%3c/svg%3e");
}
.ocf-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    min-width: 12px;
    min-height: 12px;
    display: inline-block;
    vertical-align: middle;
}

.input-with-suffix {
    position: relative;
  }

  .input-with-suffix input {
    padding-right: 40px;
  }

  .input-suffix {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #d74242;
    pointer-events: none;
    font-size: 14px;
	z-index: 99999;
  }

  .input-suffix-mini {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    color: #d74242;
    pointer-events: none;
    font-size: 12px;
	z-index: 99999;
  }

  a.disabled {
	pointer-events: none;
	color: inherit;
	text-decoration: none;
	cursor: default;
  }

  .editStatusModal.disabled {
	color: #ccc;
  }

  /* Modals */
  #ft-order-edit-modal label,
  #ft-order-edit-modal .form-group {
	margin-bottom: 0 !important;
  }

  #ft-order-edit-modal .modal-dialog {
	max-height: 90vh;
	/* УБИРАЕМ скролл с dialog, переносим в body */
	overflow: visible;
	/* Стабилизируем ширину контента */
	box-sizing: border-box;
  }
  
  /* 3. ПРИЛИПАЮЩАЯ ШАПКА МОДАЛЬНОГО ОКНА */
  #ft-order-edit-modal .modal-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	max-height: 90vh;
	/* Важно: устанавливаем фиксированную высоту */
	min-height: 80vh;
  }

  #ft-orderstatus-modal .modal-content {
	min-height: 55vh;
  }
  #ft-orderpayed-modal .modal-content {
	min-height: 45vh;
  }

  #shippingCostModal .modal-content {
	max-height: 20vh !important;
	min-height: 10vh !important;
  }
  
  #ft-order-edit-modal .modal-header,
  #ft-orderstatus-modal .modal-header,
  #ft-orderpayed-modal .modal-header,
  #shippingCostModal .modal-header {
	/* Делаем шапку прилипающей */
	position: sticky;
	top: 0;
	z-index: 1055;
	background: white;
	border-bottom: 1px solid #dee2e6;
	/* Добавляем тень при скролле */
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	flex-shrink: 0;
	/* ИСПРАВЛЕНИЕ: Сохраняем скругленные углы */
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	/* Убираем скругление снизу только у шапки */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
  }

  #ft-order-edit-modal .modal-body,
  #ft-orderstatus-modal .modal-body,
  #ft-orderpayed-modal .modal-body,
  #shippingCostModal .modal-body {
	flex: 1;
	/* ПРАВИЛЬНОЕ РЕШЕНИЕ: auto скролл + зарезервированное место */
	overflow-y: auto; /* Скролл появляется только при необходимости */
	max-height: calc(90vh - 140px);
	
	/* КЛЮЧЕВОЕ РЕШЕНИЕ: всегда резервируем место под скроллбар */
	padding: 1rem;
	padding-right: calc(1rem + 15px); /* padding + ширина скроллбара + отступ */
	box-sizing: border-box;
	
	/* Стабилизируем ширину контента принудительно */
	scrollbar-gutter: stable; /* CSS свойство для резервирования места под скролл */
	
	/* Минимальная высота */
	min-height: 200px;
  }

  #shippingCostModal .modal-body {
	max-height: calc(20vh - 50px) !important;
	min-height: 70px !important;
	overflow: hidden !important;
  }

  #ft-orderstatus-modal .modal-body {
	max-height: calc(95vh - 140px) !important;
	min-height: 100px !important;
	overflow: hidden !important;
  }
  #ft-orderpayed-modal .modal-body {
	max-height: calc(55vh - 160px) !important;
	min-height: 50px !important;
	overflow: hidden !important;
  }
  #ft-orderstatus-modal .modal-lg,
  #ft-orderpayed-modal .modal-lg {
	max-width: 350px !important;
  }

  
  /* Стилизуем скроллбар для modal-body */
  #ft-order-edit-modal .modal-body::-webkit-scrollbar,
  #ft-orderstatus-modal .modal-body::-webkit-scrollbar,
  #ft-orderpayed-modal .modal-body::-webkit-scrollbar,
  #shippingCostModal .modal-body::-webkit-scrollbar {
	width: 12px; /* Стандартная ширина скроллбара */
  }
  
  #ft-order-edit-modal .modal-body::-webkit-scrollbar-track,
  #ft-orderstatus-modal .modal-body::-webkit-scrollbar-track,
  #ft-orderpayed-modal .modal-body::-webkit-scrollbar-track,
  #shippingCostModal .modal-body::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 6px;
  }
  
  #ft-order-edit-modal .modal-body::-webkit-scrollbar-thumb,
  #ft-orderstatus-modal .modal-body::-webkit-scrollbar-thumb,
  #ft-orderpayed-modal .modal-body::-webkit-scrollbar-thumb,
  #shippingCostModal .modal-body::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 6px;
	border: 2px solid transparent;
	background-clip: content-box;
  }
  
  #ft-order-edit-modal .modal-body::-webkit-scrollbar-thumb:hover,
  #ft-orderstatus-modal .modal-body::-webkit-scrollbar-thumb:hover,
  #ft-orderpayed-modal .modal-body::-webkit-scrollbar-thumb:hover,
  #shippingCostModal .modal-body::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
	background-clip: content-box;
  }
  
  /* Для Firefox - резервируем место под скроллбар */
  @supports (scrollbar-gutter: stable) {
	#ft-order-edit-modal .modal-body,
	#ft-orderstatus-modal .modal-body,
	#ft-orderpayed-modal .modal-body,
	#shippingCostModal .modal-body {
	  scrollbar-gutter: stable;
	  padding-right: 1rem; /* Возвращаем обычный padding */
	}
  }
  
  /* Фоллбэк для браузеров без поддержки scrollbar-gutter */
  @supports not (scrollbar-gutter: stable) {
	#ft-order-edit-modal .modal-body,
	#ft-orderstatus-modal .modal-body,
	#ft-orderpayed-modal .modal-body,
	#shippingCostModal .modal-body {
	  /* Для таких браузеров используем увеличенный padding */
	  padding-right: calc(1rem + 15px);
	}
  }
  
  /* Firefox */
  #ft-order-edit-modal .modal-body,
  #ft-orderstatus-modal .modal-body,
  #ft-orderpayed-modal .modal-body,
  #shippingCostModal .modal-body {
	scrollbar-width: thin;
	scrollbar-color: #c1c1c1 transparent;
  }
  
  #ft-order-edit-modal .modal-footer,
  #ft-orderstatus-modal .modal-footer,
  #ft-orderpayed-modal .modal-footer,
  #shippingCostModal .modal-footer {
	position: sticky;
	bottom: 0;
	z-index: 1055;
	background: white;
	border-top: 1px solid #dee2e6;
	box-shadow: 0 -2px 4px rgba(0,0,0,0.1);
	flex-shrink: 0;
	/* ИСПРАВЛЕНИЕ: Сохраняем скругленные углы для футера */
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }

  #shippingCostModal .modal-footer {
	position: relative !important;
  }
  
  /* Дополнительные стили для улучшения UX */
  
  /* Плавная анимация для тени шапки при скролле */
  #ft-order-edit-modal .modal-header,
  #ft-orderstatus-modal .modal-header,
  #ft-orderpayed-modal .modal-header,
  #shippingCostModal .modal-header {
	transition: box-shadow 0.2s ease;
  }
  
  /* ИСПРАВЛЕНИЕ: Обеспечиваем правильное скругление для всего модального окна */
  #ft-order-edit-modal .modal-content.rounded-lg,
  #ft-orderstatus-modal .modal-content.rounded-lg,
  #ft-orderpayed-modal .modal-content.rounded-lg,
  #shippingCostModal .modal-content.rounded-lg {
	border-radius: 0.5rem !important;
	overflow: hidden; /* Обрезаем содержимое по границам скругления */
  }
  
  /* Убираем стандартные border-radius у Bootstrap для точного контроля */
  #ft-order-edit-modal .modal-content.rounded-lg .modal-header,
  #ft-orderstatus-modal .modal-content.rounded-lg .modal-header,
  #ft-orderpayed-modal .modal-content.rounded-lg .modal-header,
  #shippingCostModal .modal-content.rounded-lg .modal-header {
	border-top-left-radius: 0.5rem !important;
	border-top-right-radius: 0.5rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
  }

  #ft-order-edit-modal .modal-content.rounded-lg .modal-footer,
  #ft-orderstatus-modal .modal-content.rounded-lg .modal-footer,
  #ft-orderpayed-modal .modal-content.rounded-lg .modal-footer,
  #shippingCostModal .modal-content.rounded-lg .modal-footer {
	border-bottom-left-radius: 0.5rem !important;
	border-bottom-right-radius: 0.5rem !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
  }
  
  #ft-order-edit-modal .modal-content.rounded-lg .modal-body,
  #ft-orderstatus-modal .modal-content.rounded-lg .modal-body,
  #ft-orderpayed-modal .modal-content.rounded-lg .modal-body,
  #shippingCostModal .modal-content.rounded-lg .modal-body {
	border-radius: 0 !important;
  }
  
  /* Улучшенный стиль для кнопки закрытия */
  #ft-order-edit-modal .modal-header .close,
  #ft-orderstatus-modal .modal-header .close,
  #ft-orderpayed-modal .modal-header .close,
  #shippingCostModal .modal-header .close,
  #ft-order-edit-modal .modal-header [data-dismiss="modal"],
  #ft-orderstatus-modal .modal-header [data-dismiss="modal"],
  #ft-orderpayed-modal .modal-header [data-dismiss="modal"],
  #shippingCostModal .modal-header [data-dismiss="modal"] {
	opacity: 0.7;
	transition: opacity 0.2s ease;
  }
  
  #ft-order-edit-modal .modal-header .close:hover,
  #ft-orderstatus-modal .modal-header .close:hover,
  #ft-orderpayed-modal .modal-header .close:hover,
  #shippingCostModal .modal-header .close:hover,
  #ft-order-edit-modal .modal-header [data-dismiss="modal"]:hover,
  #ft-orderstatus-modal .modal-header [data-dismiss="modal"]:hover,
  #ft-orderpayed-modal .modal-header [data-dismiss="modal"]:hover,
  #shippingCostModal .modal-header [data-dismiss="modal"]:hover {
	opacity: 1;
  }
  
  /* Стили для toggle секций в модальном окне */
  .toggle-section {
	border-bottom: 1px solid #e9ecef;
  }
  
  .toggle-header {
	padding: 0.75rem 0;
	transition: background-color 0.2s ease;
  }
  
  .toggle-header:hover {
	background-color: #f8f9fa;
	margin: 0 -1rem;
	padding-left: 1rem;
	padding-right: 1rem;
  }
  
  /* ИСПРАВЛЕННЫЕ стили для datepicker */
  .ui-widget-header {
	border: 1px solid #ccc !important;
  }

  .ui-datepicker .ui-datepicker-title {
	margin: 0 !important;
  }

  .ui-datepicker-month {
	margin-right: 2px !important;
  }

  #ui-datepicker-div {
	z-index: 1065 !important;
	position: absolute !important;
	background: white !important;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
	font-family: inherit !important;
	font-size: 13px !important;
	padding: 0 !important;
	width: auto !important;
	min-width: 250px !important;
	max-width: 300px !important;
  }
  
  #ui-datepicker-div .ui-datepicker-header {
	background: #f8f9fa !important;
	border-bottom: 1px solid #dee2e6 !important;
	border-radius: 4px 4px 0 0 !important;
	padding: 8px 10px !important;
	position: relative !important;
	text-align: center !important;
  }
  
  #ui-datepicker-div .ui-datepicker-title {
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #495057 !important;
  }
  
  #ui-datepicker-div .ui-datepicker-prev,
  #ui-datepicker-div .ui-datepicker-next {
	position: absolute !important;
	top: 8px !important;
	cursor: pointer !important;
	padding: 4px 8px !important;
	border-radius: 3px !important;
	background: #e9ecef !important;
	border: 1px solid #ced4da !important;
	color: #495057 !important;
	font-size: 12px !important;
  }
  
  #ui-datepicker-div .ui-datepicker-prev {
	left: 10px !important;
	display: none !important; /* Скрываем стрелку назад */
  }
  
  #ui-datepicker-div .ui-datepicker-next {
	right: 10px !important;
	display: none !important; /* Скрываем стрелку вперед */
  }
  
  #ui-datepicker-div .ui-datepicker-prev:hover,
  #ui-datepicker-div .ui-datepicker-next:hover {
	background: #dee2e6 !important;
  }
  
  #ui-datepicker-div .ui-datepicker-calendar {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 0 !important;
	font-size: 12px !important;
  }
  
  #ui-datepicker-div .ui-datepicker-calendar thead th {
	background: #f8f9fa !important;
	color: #6c757d !important;
	font-weight: 600 !important;
	text-align: center !important;
	padding: 8px 4px !important;
	border-bottom: 1px solid #dee2e6 !important;
	font-size: 11px !important;
  }
  
  #ui-datepicker-div .ui-datepicker-calendar tbody td {
	padding: 1px !important;
	text-align: center !important;
	border: none !important;
  }
  
  #ui-datepicker-div .ui-datepicker-calendar tbody td a {
	display: block !important;
	padding: 6px 8px !important;
	text-align: center !important;
	text-decoration: none !important;
	color: #495057 !important;
	border-radius: 3px !important;
	margin: 1px !important;
	font-size: 12px !important;
	transition: all 0.2s ease !important;
  }
  
  #ui-datepicker-div .ui-datepicker-calendar tbody td a:hover {
	background: #e9ecef !important;
	color: #007bff !important;
  }
  
  #ui-datepicker-div .ui-datepicker-calendar tbody td.ui-datepicker-today a {
	background: #007bff !important;
	color: white !important;
  }
  
  #ui-datepicker-div .ui-datepicker-calendar tbody td.ui-datepicker-current-day a,
  #ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-active {
	background: #28a745 !important;
	color: white !important;
  }
  
  #ui-datepicker-div .ui-datepicker-calendar tbody td.ui-datepicker-other-month a {
	color: #adb5bd !important;
  }
  
  #ui-datepicker-div .ui-datepicker-buttonpane {
	display: none !important; /* Скрываем кнопку "Сегодня" */
	background: #f8f9fa !important;
	border-top: 1px solid #dee2e6 !important;
	padding: 8px !important;
	text-align: center !important;
	border-radius: 0 0 4px 4px !important;
  }
  
  #ui-datepicker-div .ui-datepicker-buttonpane button {
	margin: 0 4px !important;
	padding: 4px 12px !important;
	font-size: 12px !important;
	border: 1px solid #ced4da !important;
	border-radius: 3px !important;
	background: #fff !important;
	color: #495057 !important;
	cursor: pointer !important;
  }
  
  #ui-datepicker-div .ui-datepicker-buttonpane button:hover {
	background: #e9ecef !important;
  }
  
  /* Стили для полей ввода даты */
  #ft-order-edit-modal input[name^="infakt_date_"] {
	cursor: pointer !important;
	background: white !important;
	border: 1px solid #ced4da !important;
	border-radius: 4px !important;
	padding: 6px 8px !important;
	font-size: 12px !important;
  }
  
  #ft-order-edit-modal input[name^="infakt_date_"]:focus {
	background: #fff !important;
	border-color: #007bff !important;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
	outline: none !important;
  }
  
  /* Стили для автокомплита в модальном окне */
  .modal-body .ui-autocomplete {
	z-index: 1060 !important;
	max-height: 200px !important;
	overflow-y: auto !important;
  }
  
  /* Адаптивность для мобильных устройств */
  @media (max-width: 768px) {
	.modal-dialog {
	  max-height: 95vh;
	  margin: 0.5rem;
	}
	
	.modal-content {
	  min-height: 85vh;
	}
	
	.modal-body {
	  max-height: calc(95vh - 140px);
	  min-height: 200px;
	}
	
	@supports not (scrollbar-gutter: stable) {
	  .modal-body {
		padding-right: calc(1rem + 15px);
	  }
	}
  }

  .modal-header.scrolled {
	box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
  }
  
  .sticky-header {
	position: sticky;
	top: 0;
	z-index: 1055;
	background: white;
	transition: box-shadow 0.3s ease;
  }
  
  .sticky-footer {
	position: sticky;
	bottom: 0;
	z-index: 1055;
	background: white;
	border-top: 1px solid #dee2e6;
  }
  
  .scrollable-content {
	flex: 1;
	overflow: visible; /* Позволяем элементам выходить за границы для автокомплита */
  }

/* scroll anim */
#ft-order-edit-modal .modal-body {
    scroll-behavior: auto !important;
    scrollbar-gutter: stable;
    overflow-x: hidden;
}

#ft-order-edit-modal .product-row {
    min-height: 50px;
}

#ft-order-edit-modal .order-products {
    min-height: 100px;
}

#ft-order-edit-modal .product-qty {
    min-height: 40px;
    display: flex;
    align-items: center;
}

#addProductModal .dropdown-menu {
	right: 0 !important;
}
#addProductModal .dropdown-item {
	position: relative !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* edit modal */
.add-days-link {
    cursor: pointer;
    color: #000;
    text-decoration: underline;
    margin-right: 4px;
	font-weight: 600;
}

.add-days-link:hover {
    color: #007bff;
}

/* files */
#fileTable {
	border-collapse: separate;
    border-spacing: 0 5px;
    border: 0;
}
.file-comment-input {
	width: 100% !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
	border-right: 0 !important;
    padding: 1px !important;
}
.file-comment-input:focus {
	outline: none;
	box-shadow: none;
}
.file-comment-input[readonly] {
	background-color: white !important;
}

.menu-holder.position-absolute {
	z-index: 1020 !important;
	left: 10px;
	min-width: 200px;
}