.xs_input{
	margin-bottom: 12px;
	min-height: 22px;
	width:100%;
	display:flex;
	align-items: center;
    justify-content: flex-start;
	gap:12px;
	
	--input-main-bg:#f1f1f1;
	--input-main-bg-hover:#e4e1e1;
	--input-main-radius:2px; 
}
.xs_input .xs_input{
	margin-bottom:0;
}
.xs_input__container input[type=text],
.xs_input__container input[type=number],
.xs_input__container input[type=tel],
.xs_input__container input[type=email],
.xs_input__container input[type=password],
.xs_input__container input[type=url],
.xs_input__container select,
.xs_input__container textarea{
	width:100%;
	vertical-align:top;
}
.xs_input__label{
	min-width:180px;
	width:180px
}
.xs_input--nomargin{
	margin:0;
}
.xs_input--required .xs_input__label{
	font-weight: 600;
    color: #000;
}
.xs_input--textarea .xs_input__label{
	margin:15px 0 6px;
}
.xs_input--textarea textarea{
	height:120px;
	resize:vertical;
	max-width:100%;
}
.xs_input__container{
	flex-grow: 1;
}
.xs_input__container--flex{
	display:flex;
	gap:10px
}
.xs_input__container--flex-middle{
	display:flex;
	gap:10px;
	align-items:center;
}
.xs_input__container input[type='range'],
.xs_input__container input[type='text'],
.xs_input__container input[type='email'],
.xs_input__container input[type='tel'],
.xs_input__container input[type='url'],
.xs_input__container input[type='number'],
.xs_input__container input[type='password'],
.xs_input__container select,
.xs_input__container textarea,
.xs_input__container .country-phone{
	width:100%;
	min-height: 32px;
	line-height: 140%;
	box-sizing: border-box;
}
.xs_input__input{
	width:100%;
}
.xs_input__input--number{
	max-width:197px;
}
.xs_input__input--date,
.xs_input__input--datetime,
.xs_input__input--period{
	max-width:197px;
	padding-right:32px !important;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzIzLjM1OCAzMjMuMzU4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJNNDguODYzIDMyMy4zNThoMjI1LjYzMmMyMy42NTMgMCA0Mi44NzUtMTkuMjIyIDQyLjg3NS00Mi44NzVWNjYuODI3YzAtMjMuNjUzLTE5LjIyMi00Mi44NzUtNDIuODc1LTQyLjg3NWgtMTcuMDA2VjExLjk3NmMwLTYuNTg3LTUuMzktMTEuOTc2LTExLjk3Ny0xMS45NzZzLTExLjk3NiA1LjM4OS0xMS45NzYgMTEuOTc2djExLjk3Nkg4OS44MjJWMTEuOTc2Qzg5LjgyMiA1LjM4OSA4NC40MzIgMCA3Ny44NDUgMFM2NS44NjkgNS4zODkgNjUuODY5IDExLjk3NnYxMS45NzZINDguODYzYy0yMy42NTMgMC00Mi44NzUgMTkuMjIyLTQyLjg3NSA0Mi44NzV2MjEzLjY1NmMwIDIzLjY1MyAxOS4yMjIgNDIuODc1IDQyLjg3NSA0Mi44NzV6TTI5Ljk0MSA2Ni44MjdjMC0xMC40MTkgOC41MDMtMTguOTIyIDE4LjkyMi0xOC45MjJoMTcuMDA2djExLjk3NmMwIDYuNTg3IDUuMzg5IDExLjk3NiAxMS45NzYgMTEuOTc2czExLjk3Ni01LjM4OSAxMS45NzYtMTEuOTc2VjQ3LjkwNWgxNDMuNzE1djExLjk3NmMwIDYuNTg3IDUuMzg5IDExLjk3NiAxMS45NzYgMTEuOTc2czExLjk3Ni01LjM4OSAxMS45NzYtMTEuOTc2VjQ3LjkwNWgxNy4wMDZjMTAuNDE5IDAgMTguOTIyIDguNTAzIDE4LjkyMiAxOC45MjJ2MzQuOTcxSDI5Ljk0MXptMCA1OC45MjNoMjYzLjQ3N3YxNTQuNzMzYzAgMTAuNDE5LTguNTAzIDE4LjkyMi0xOC45MjIgMTguOTIySDQ4Ljg2M2MtMTAuNDE5IDAtMTguOTIyLTguNTAzLTE4LjkyMi0xOC45MjJ6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
	background-repeat:no-repeat;
	background-position: right 10px top 50%;
    background-size: 12px;
}
.xs_input--checkbox input,
.xs_input--radio input{
	margin:0 6px 0 0;
}
.xs_input--checkbox label,
.xs_input--radio label{
	cursor:pointer
}
.xs_input--value ul,
.xs_input--value ol{
	margin-top:0;
	margin-bottom:0;
}

.xs_input--column{
	flex-direction:column;
	gap:2px;
}
.xs_input--column .xs_input__label,
.xs_input--column .xs_input__container{
	width:100%
}
.xs_input--image .xs_input__container{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
}

.xs_input__list{
	position:relative;
}
.xs_input__list--load .xs_input__list-options:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:#ffffff9e;
}
.xs_input__list-field,
select.xs_input__input--select{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMDZweCIgaGVpZ2h0PSIzMDZweCIgdmlld0JveD0iMCAwIDMwNiAzMDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwNiAzMDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxwb2x5Z29uIHBvaW50cz0iMjcwLjMsNTguNjUgMTUzLDE3NS45NSAzNS43LDU4LjY1IDAsOTQuMzUgMTUzLDI0Ny4zNSAzMDYsOTQuMzUgCQkiLz4KPC9zdmc+Cg==);
	background-repeat:no-repeat;
	background-position: right 10px top 50%;
    background-size: 8px;
	padding-right: 26px !important;
	text-overflow: ellipsis;
}
.xs_input__list--is_clear.xs_input__list--selected .xs_input__list-field,
.xs_input__list[data-is_autocomplete] .xs_input__list-field{
	background-image: none;
}
.xs_input__list-field:read-only{
	cursor:pointer;
	background-color:#fff;
}
.xs_input__list-options{
	top:100%;
	left:0;
	right:0;
	min-width:320px;
	z-index:99999;
	position:absolute;
	background:#fff;
	border: 1px solid #d3d3d3;
    border-radius: var(--input-main-radius);
	margin-top: -1px;
}
#postbox-container-1 .postbox .xs_input__list-options{
	max-width: 255px;
	min-width: 255px;
}
.xs_input__list:not(.xs_input__list--options) .xs_input__list-options{
	display:none
}
.xs_input__list-option-list{
	overflow:auto;
	max-height:200px;
	display:flex;
	flex-direction:column;
}
.xs_input__list-option{
	padding:5px 10px;
	cursor:pointer;
}
.xs_input__list-option:hover{
	background:#f8f8f8
}
.xs_input__list-option--selected{
	font-weight:600
}
[data-is_multiple] .xs_input__list-option{
	padding-left:36px;
	position:relative;
}
[data-is_multiple] .xs_input__list-option:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:10px;
	bottom:0;
	right:auto;
	margin:auto;
	background:var(--input-main-bg);
	border-radius:var(--input-main-radius);
	width:16px;
	height:16px;
}
[data-is_multiple] .xs_input__list-option--selected:before{
	background:#15B742 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMzAyXzgzNDMpIj4NCjxwYXRoIGQ9Ik0xMS43MjEyIDEuOTYxM0MxMS4zNDk5IDEuNTg5NTIgMTAuNzQ3IDEuNTg5NzYgMTAuMzc1MiAxLjk2MTNMNC4zMTc0NCA4LjAxOTNMMS42MjUwMyA1LjMyNjkxQzEuMjUzMjUgNC45NTUxMyAwLjY1MDYwOSA0Ljk1NTEzIDAuMjc4ODMyIDUuMzI2OTFDLTAuMDkyOTQ0MSA1LjY5ODY4IC0wLjA5Mjk0NDEgNi4zMDEzMyAwLjI3ODgzMiA2LjY3MzFMMy42NDQyIDEwLjAzODVDMy44Mjk5OCAxMC4yMjQyIDQuMDczNTcgMTAuMzE3NCA0LjMxNzE4IDEwLjMxNzRDNC41NjA4IDEwLjMxNzQgNC44MDQ2MyAxMC4yMjQ1IDQuOTkwNCAxMC4wMzg1TDExLjcyMTIgMy4zMDc0N0MxMi4wOTI5IDIuOTM1OTUgMTIuMDkyOSAyLjMzMzA1IDExLjcyMTIgMS45NjEzWiIgZmlsbD0id2hpdGUiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMzAyXzgzNDMiPg0KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg==) no-repeat 50% 50%/10px;
}
.xs_input__list-option-empty{
	padding:10px;
}
.xs_input__list-option-more{
	padding: 5px 10px 10px;
    text-decoration: underline;
    cursor: pointer;
    width: auto;
    display: inline-block;
    margin: 0 auto 0 0;
}
.xs_input__list-option-more:hover{
	text-decoration:none;
}
.xs_input__list-apply{
	margin: 10px auto 16px 10px;
    cursor: pointer;
    width: auto;
    display: inline-block;
    padding: 8px 13px;
    background: var(--input-main-bg-hover);
    border-radius: var(--input-main-radius);
}
.xs_input__list-apply:hover{
	background:#ddd
}
.xs_input__list-options-search{
	margin:10px;
	position:relative;
	max-width:340px;
}
input[type="text"].xs_input__list-options-search-input{
	outline: none;
    background: var(--input-main-bg);
    border-color: var(--input-main-bg);
    box-shadow: none;
    height: 30px;
}
.xs_input__list-options-search-clear,
.xs_input__list-clear{
	position:absolute;
	right:0;
	top:0;
	left:auto;
	bottom:0;
	width: 30px;
	z-index:1;
	cursor:pointer;
	background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjUuMSAyNS4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNS4xIDI1LjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjMDAwIj4NCgkJPHBvbHlnb24gcG9pbnRzPSIyNS4xLDIyLjkgMTQuNywxMi42IDI1LDIuMSAyMi45LDAgMTIuNiwxMC40IDIuMSwwLjEgMCwyLjIgMTAuNCwxMi42IDAuMSwyMyAyLjIsMjUuMSAxMi42LDE0LjcgDQoJMjMsMjUuMSAiLz4NCjwvc3ZnPg0K) no-repeat 50% 50%/8px;
	opacity:.6;
}
.xs_input__list-options-search-clear:hover,
.xs_input__list-clear:hover{
	opacity:1;
}
.xs_input__list-field-wrap{
	display:flex;
	justify-content: flex-start;
    align-items: stretch;
	gap:5px
}
.xs_input__list-field-relative{
	width:100%;
	position:relative;
}
.xs_input__list-clear{
	display:none
}
.xs_input__list--selected .xs_input__list-clear{
	display:block;
}
.xs_input__list-detail-link{
	display:none
}
.xs_input__list--selected .xs_input__list-detail-link{
	display:block;
	width:32px;
	min-width:32px;
	background:var(--input-main-bg) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNjgyLjY2NyA2ODIuNjY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNMCA1MTJoNTEyVjBIMFoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMgMCAwIC0xLjMzMzMzIDAgNjgyLjY2NykiPjxwYXRoIGQ9Ik0wIDBjOC4yMzEtNC42ODggMTUuOTQ5LTEwLjU3NSAyMi45NzMtMTcuNTk4IDQyLjE5LTQyLjE5IDQzLjM0NS0xMDkuNDM5LTkuNzMzLTE2Mi41MTdsLTcxLjg4Ni03MS44ODdjLTUzLjA3OS01My4wNzgtMTIwLjMyOC01MS45MjMtMTYyLjUxOC05LjczMi00Mi4xOSA0Mi4xOS00My4zNDYgMTA5LjQzOSA5LjczMiAxNjIuNTE3bDUyLjMzNiA1Mi41NTEiIHN0eWxlPSJzdHJva2Utd2lkdGg6NDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzIuMDk2IDMxMi42NjYpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iNDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtZGFzaGFycmF5PSJub25lIiBzdHJva2Utb3BhY2l0eT0iIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0iTTAgMGMtOC4yMzEgNC42ODgtMTUuOTQ5IDEwLjU3NC0yMi45NzMgMTcuNTk4LTQyLjE5IDQyLjE5MS00My4zNDUgMTA5LjQzOSA5LjczMyAxNjIuNTE3bDcxLjg4NiA3MS44ODZjNTMuMDc5IDUzLjA3OSAxMjAuMzI4IDUxLjkyMyAxNjIuNTE4IDkuNzMzIDQyLjE5LTQyLjE5MSA0My4zNDYtMTA5LjQzOS05LjczMi0xNjIuNTE3bC01Mi4zMzYtNTIuNTUxIiBzdHlsZT0ic3Ryb2tlLXdpZHRoOjQwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjM5LjkwNCAxOTkuMzM0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjQwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0ibm9uZSIgc3Ryb2tlLW9wYWNpdHk9IiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L2c+PC9zdmc+) no-repeat 50% 50%/ 12px;
	border-radius: var(--input-main-radius);
	cursor:pointer;
}
.xs_input__list--selected .xs_input__list-detail-link:hover{
	background-color:var(--input-main-bg-hover);
}


.xs_input__radio-item input[type=radio]{
	margin-top:2px;
}
.xs_input__checkbox-item input[type=checkbox]{
	margin-top:2px;
}
.xs_input__label{
	font-size:13px;
	margin-bottom:3px;
}
.xs_input__img[src=""]{
	display:none
}
.xs_input__img:not([src=""]){
	vertical-align: top;
    max-width: 140px;
    max-height: 80px;
	cursor:pointer;
    width: auto;
    height: auto;
    margin-right: 10px;
    overflow:hidden;
	border: 1px solid #8c8f94;
    border-radius: 4px;
}
.xs_input__file{
	overflow:hidden;
	text-overflow:ellipsis
}
.xs_input__file--empty + .xs_input__delete,
.xs_input__file:not(.xs_input__file--empty) + .xs_input__delete + .xs_input__media_upload{
	display:none
}
.xs_input__delete{
	cursor:pointer;
	color:#b32d2e;
	display:inline-block;
	margin-top:4px;
	text-decoration:underline
}

.xs_input--radio .xs_input__container{
	display:flex;
	flex-direction:column;
	gap:2px;
}
.xs_input--checkboxes .xs_input__container{
	display:flex;
	flex-direction:column;
	gap:5px;
}
.xs_input__input--checkboxes + label{
	font-size:13px;
	padding-top: 2px;
}

.rating{display:inline-flex;vertical-align:top;gap:10px 0;flex-wrap:wrap}
.rating__item{position:relative;width:46px;height:36px;padding-right:10px}
.rating__item:last-child{margin-right:0}
.rating__input{position:absolute;z-index:-1!important;top:0;left:0;opacity:0!important}
.rating__label{padding:0!important;display:block!important;margin:0;position:relative!important;z-index:2}
label.rating__label{cursor:pointer}
.rating__label:after,.rating__label:before{display:none!important}
.rating__icon{width:100%;display:block;vertical-align:top;fill:#eee;height:auto}
.rating__number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;white-space:nowrap;overflow:hidden;font-size:14px;background:#F0F0F0}
.rating.checked .rating__icon{fill:#f7c70a}
.rating--edit:hover .rating__icon{fill:#f7c70a!important}
.rating.checked .rating__number{background:var(--primary-color);color:#fff}
.rating--edit:hover .rating__number{background:var(--primary-color)!important;color:#fff!important}
.rating.checked .rating__item.checked ~ .rating__item .rating__icon{fill:#eee}
.rating--edit .rating__item:hover ~ .rating__item .rating__icon{fill:#eee!important}
.rating.checked .rating__item.checked ~ .rating__item .rating__number{background:#F0F0F0;color:inherit}
.rating--edit .rating__item:hover ~ .rating__item .rating__number{background:#F0F0F0!important;color:inherit!important}