/* Product list SEARCH field //////////////// */

#productSearch-input {
	margin-left: 0;
	border: 1px solid #ccc;
	font-size: 1em;
	line-height: 16px;
	-moz-box-shadow: 0 1px 2px #eee inset;
	-webkit-box-shadw: 0 1px 2px #eee inset;
	box-shadow: 0 1px 2px #eee inset;
	position: absolute;
	top: -39px;
	right: 0px;
	padding: 0 22px 2px 7px;
	background-image: url(../../../../assets/img/builder/search_icon.png);
	background-size: 14px;
	background-position: right 5px center;
	background-repeat: no-repeat;
	width: auto;
	min-width: auto;
	height: 28px;
	box-sizing: border-box;
	border-radius: 2px;
}

#productSearch-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #999;
opacity: 1; /* Firefox */
}

#productSearch-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #999;
}

#productSearch-input::-ms-input-placeholder { /* Microsoft Edge */
color: #999;
}

/*.isBuilder #productSearch-input {
top: -30px;
}*/

.form-label-top.search-enabled {
	padding-right: 144px;
}

.search-enabled~div {
	position: relative;
}

.form-label-top.search-enabled~.form-input-wide,
.form-label-top.category-enabled~.form-input-wide {
	border-top: 1px solid;
	border-color: rgba(0, 0, 0, 0.1);
	padding-top: 10px;
	margin-top: 16px;
}

.form-label-left.search-enabled~.form-input,
.form-label-right.search-enabled~.form-input {
	padding-top: 12px;
	margin-top: 36px;
	width: calc(100% - 160px);
	border-top: 1px solid;
	border-color: rgba(0, 0, 0, 0.1);
}

.form-product-item {
	box-sizing: border-box;
}

.form-product-item.not-found,
.form-product-item.not-found~br {
	display: none !important;
}

/* E.O. Product list SEARCH field //////////////// */

/* Product list CATEGORY field //////////////// */

.category-enabled ~ div #payment-category-dropdown {
	width: 135px;
	position: absolute;
	top: -38px;
	right: 0px;
}

.search-enabled.category-enabled ~ div #payment-category-dropdown {
	width: 135px;
	position: absolute;
	top: -39px;
	right: 150px;
}

#payment-category-dropdown .select-area {
	border: 1px solid #cccccc;
	height: 28px;
	box-sizing: border-box;
	line-height: 26px;
	padding-left: 8px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2357647E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center right 6px;
	display: flex;
	border-radius: 2px;
}

#payment-category-dropdown .dropdown-hint {
	color: #999999;
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
}

#payment-category-dropdown .selected-values {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 114px;
	display: inline-block;
	cursor: pointer;
}

#payment-category-dropdown .select-content {
	border: 1px solid #cccccc;
	padding: 8px 12px;
	background-color: #FFF;
	position: absolute;
	top: 26px;
	z-index: 9;
	display: none;
	min-width: 109px;
	max-width: 162px;
}

#payment-category-dropdown .select-content .option {
	overflow: hidden;
	display: flex;
	padding: 4px 0;
}

#payment-category-dropdown .select-content span {
	white-space: nowrap;
	padding-left: 6px;
}

#payment-category-dropdown.open .select-content {
	display: block;
}

.rightPanel #app_wizards .paymentsWizardV4 .productSearchSettingsEditor .category_list {
	padding-bottom: 0 !important;
	margin-top: 17px !important;
}

.rightPanel #app_wizards .paymentsWizardV4 .productSearchSettingsEditor .category_list .line.columnV4 {
	display: flex !important;
	margin-top: 6px !important;
	margin-bottom: 12px !important;
	position: relative;
}

.productSearchSettingsEditor .category_list .line span {
	cursor: move;
	border: 1px solid rgb(48, 51, 59);
	padding: 0px 4px;
	display: inline-block;
	border-right: 0;
	border-radius: 2px 0 0 2px;
	background-color: #404955;
	color: #B4B9BF;
	padding-top: 6px;
	width: 16px;
	height:38px;
	position: relative;
	padding-top: 16px;
	font-size: 11px;
}

.productSearchSettingsEditor .category_list li {
	position: relative;
}

.productSearchSettingsEditor .category_list .line span:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: 0;
	width: 6px;
	height: 1px;
	left: 5px;
	opacity: .5;
	box-shadow: 0 5px 0 #fff, 0 7px 0 #fff, 0 9px 0 #fff;
	transition: all .15s ease;
}

.rightPanel #app_wizards .paymentsWizardV4 .productSearchSettingsEditor .category_list .line input[type="text"] {
	border: 1px solid rgb(48, 51, 59) !important;
	display: inline-block;
	border-radius: 0 2px 2px 0 !important;
	cursor: text;
	background-color: #404955 !important;
	color: #B4B9BF;
}

.rightPanel #app_wizards .paymentsWizardV4 .productSearchSettingsEditor .category_list .line input.inpt:hover {
	border: 1px solid rgb(48, 51, 59) !important;
}

.productSearchSettingsEditor .category_list .line .dropdown_btn {
	color: #B4B9BF;
	right: 0;
	position: relative;
	background-color: transparent;
	border: 0;
	background-image: url('../../../../assets/img/payments/add_product.svg');
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 38px;
	height: 38px;
	min-width: 38px;
	cursor: pointer;
	padding: 0;
	margin-left: 8px;
	display: block;
	border-radius: 2px;
}


.productSearchSettingsEditor .category_list .line .dropdown_btn.btn_clicked {
	background-color:#31333b;
}

.productSearchSettingsEditor .category_list .line .delete_btn {
	color: #B4B9BF;
	right: 0;
	position: relative;
	background-color: transparent;
	border: 0;
	background-image: url('../../../../assets/img/payments/trash_btn.svg');
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 38px;
	height: 38px;
	cursor: pointer;
	padding: 0;
	min-width: 38px;
}

.productSearchSettingsEditor .category_list .line ul {
	position: absolute;
	background-color: #30333b;
	border: 1px solid rgb(48, 51, 59) !important;
	padding: 4px 4px;
	width: 226px;
	top: 0;
	right: 80px;
	z-index: 99;
	border-radius: 2px;
	max-height: 200px;
	overflow:hidden;
	overflow-y: auto;
}

.productSearchSettingsEditor .category_list .line ul::-webkit-scrollbar-thumb {
background: #202020; 
border-radius: 4px;
}

.productSearchSettingsEditor .category_list .line ul::-webkit-scrollbar {
width: 4px;
background-color: #31333b;
border-radius: 4px;
}

.productSearchSettingsEditor .category_list .line ul li {
	display: flex;
	align-items: center;
	padding: 4px;
	cursor: pointer;:
}

.productSearchSettingsEditor .category_list .line ul li:hover {
	background-color: #2a2c33;
	border-radius: 3px;
}


.productSearchSettingsEditor .category_list .line ul li label {
	margin-left: 6px;
}

.productSearchSettingsEditor .category_list .line ul span {
	background-color: transparent;
	border: 0;
	color: ##b4b9c0 !important;
	padding: 0 6px;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
}

.productSearchSettingsEditor .category_list .line ul input[type="checkbox"] {
	cursor: pointer !important;
}

.form-product-category-item {
	margin: 0 12px 6px 12px;
	padding: 30px 0 12px 0 !important;
	display: block;
	font-size: 16px;
	border-bottom: 1px solid #EEE;
	cursor: pointer;
	position: relative;
}

.form-product-category-item .selected-items-icon,
.isBuilder .form-product-category-item .selected-items-icon {
	display: none;
}

.form-product-category-item.title_collapsed.has_selected_product .selected-items-icon {
	display:inline;
	background-color: #2e69ff;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 3px;
	padding: 3px 6px 3px 23px;
	background-image: url('../../../../assets/img/payments/shopping_bag.svg');
	background-repeat: no-repeat;
	background-position: top 1px left 4px;
	background-size: 18px;
}

.form-product-category-item .selected-items {
	display: block;
}

.form-product-category-item:after {
	content: "";
	display:block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2357647E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	right:0;
	bottom: 11px;
	border: 1px solid #DDD;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.form-product-category-item.title_collapsed:after  {
	transform: rotate(180deg);
}

#app_wizards .ji-pw_Options:before,
#tethers .ji-pw_Options:before,
.tethers .ji-pw_Options:before {
	content: "\002B" !important;
	display: inline-block;
	font-size: x-large;
	float: left;
	line-height: 29px;
	padding-left: 10px;
}

.form-product-item.not-category-found,
.form-product-item.not-category-found~br,
.form-product-category-item.not-category-found,
.form-product-category-item.not-category-found~br {
	display: none !important;
}

.form-product-item.not-category-found+.p_item_separator,
.form-product-item.not-found+.p_item_separator {
	display: none;
}

.rightPanel #app_wizards .itemBox .category-dropdown .m-dropdownWrapper {
	border-color: #DDD;
	background: #F8F8F8;
	color: #666;
	border-radius: 3px;
	margin-top: 4px;
	box-shadow: none;
	height: 28px;
	line-height: 12px;
	overflow: hidden;
	padding-right: 28px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 154px;
	display: inline-block;
}

.rightPanel #app_wizards .itemBox .category-dropdown .m-dropdownWrapper:hover {
	border-color: #CCC !important;
	box-shadow: 0 2px 4px rgba(86,70,50,.1);
}

.rightPanel #app_wizards .itemBox .category-dropdown .m-dropdownWrapper .m-dropdownMask {
	background-color: #f8f8f8;
	padding: 0;
	width: 26px;
	height: 26px;
}

.rightPanel #app_wizards .itemBox .category-dropdown .m-dropdownWrapper .m-dropdownMask:after {
	background-color: #DDD;
	left: 0;
}

.rightPanel #app_wizards .itemBox .category-dropdown .m-dropdownWrapper:hover .m-dropdownMask:after {
	background-color: #CCC;
	left: 0;
}

.rightPanel #app_wizards .itemBox .category-dropdown .m-dropdownWrapper .m-dropdownMask:before {
	border:0;
	background-color: transparent;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2357647E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 26px;
	display: block;
	top: 0;
	right: 0;
}

.rightPanel #app_wizards .itemBox .multiselect-list .checkBox {
	background-color: white;
	border: 1px solid #DDD;
	border-radius: 3px;
	color: #666;
}

.category-head {
	display: block;
	color: #C6C8CC;
	overflow: hidden;
	padding: 8px 24px 8px 0;
	background-image: url('../../../../assets/img/payments/collapse_icon.svg');
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

.category-head.collepsed_category {
	background-image: url('../../../../assets/img/payments/expand_icon.svg');
	border-bottom: 1px solid #48515a;
	border-top: 1px solid #343b42;
}

.category-head.collepsed_category + .category-body{
	display: none;
}

#builderProductList div:first-child .collepsed_category {
	border-top: 0;
}

#builderProductList div:last-child .collepsed_category {
	border-bottom: 0;
}

.category-head .left-side {
	float: left;
}

.category-head .right-side {
	float: right;
	font-size: 11px;
}


.product-category-tether .multiselect-list {
	border:1px solid #CCC;
	padding: 4px;
	background-color: #F8F8F8 !important;
	width: 230px
}

.product-category-tether .multiselect-list li .checkBox {
	background-color: #F8F8F8 !important;
}

.product-category-tether .multiselect-list li:hover .checkBox {
	background-color: #EAEAEA !important;
	border-radius: 3px;
}

.product-category-tether .multiselect-list li .checkBox .checkBox-label {
	color: #464646 !important;
}

.product-category-tether .multiselect-list li .checkBox span:before {
 border: 1px solid #BBB !important;
 border-radius: 2px !important;
 box-shadow: none !important;
}

@media screen and (max-width: 420px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
	
			li[data-payment="true"] .search-enabled.category-enabled ~ div {
					margin-top: 80px !important;
					padding-top: 12px !important;
			}
			.search-enabled.category-enabled ~div #productSearch-input {
					top: -72px !important;
			}
			.search-enabled.category-enabled ~div #payment-category-dropdown {
					top: -38px !important;
					left: 0;
					width: 100% !important;
			}
		 .search-enabled.category-enabled ~div #payment-category-dropdown .select-content {
					width: 100% !important;
					max-width: 100% !important;
					box-sizing: border-box;
			}
			#payment-category-dropdown .selected-values {
					width: 252px !important;
			}
}

/* E.O. Product list CATEGORY field //////////////// */


/* Product list LAYOUT field //////////////// */

.productListLayoutType {
	display: flex;
	width: 100%;
	padding-top:12px;
}

.productListLayoutType div {
	width: 33.33333%;
	text-align: center;
	font-size: 12px;
	border: 1px solid #31333b;
	display: block;
	padding-top: 62px;
	box-sizing:border-box;
	margin-right: 12px;
	color: #8e98a7;
	background-repeat: no-repeat;
	background-position: center top 0px;
	background-size: 60px;
	position: relative;
	border-radius: 3px;
	background-color: #525e70;
	cursor: pointer;
}

.productListLayoutType div.checked {
	background-color: #1ba0f0;
}

.productListLayoutType div span {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -28px;
}

.productListLayoutType div:nth-child(1) {
	background-image: url('../../../../assets/img/payments/list_view.svg');
}
.productListLayoutType div:nth-child(2) {
	background-image: url('../../../../assets/img/payments/card_view_2col.svg');
}
.productListLayoutType div:nth-child(3) {
	margin-right: 0;
	background-image: url('../../../../assets/img/payments/card_view_3col.svg');
}

/*Card 2 colomun*/

.form-line.card-2col div[data-wrapper-react="true"] {
	display: flex;
	flex-wrap: wrap;
}

.form-line.card-2col .form-product-item {
	width: calc(50% - 12px);
	margin-bottom: 12px;
}

.form-line.card-2col .form-product-item + .p_item_separator {
	display: none;
}

.form-line.card-2col div[data-wrapper-react="true"] .form-product-item.new_ui {
	border: 1px solid #dee2ee;
	position: relative;
	padding: 12px 14px 12px 44px !important;
	border-radius: 3px;
	margin: 0 6px 12px 6px;
}

/*Card 2 colomun*/

.form-line.card-3col div[data-wrapper-react="true"] {
	display: flex;
	flex-wrap: wrap;
}

.form-line.card-3col .form-product-item {
	width: calc(33.333% - 12px);
	margin-bottom: 12px;
}

.form-line.card-3col .form-product-item + .p_item_separator {
	display: none;
}

.form-line.card-3col div[data-wrapper-react="true"] .form-product-item.new_ui {
	border: 1px solid #dee2ee;
	position: relative;
	padding: 12px 14px 12px 44px !important;
	border-radius: 3px;
	margin: 0 6px 12px 6px;
}


/* Product list LAYOUT field //////////////// */