/* SB3 base rules */

.sb3_errorlist {
	margin: 0;
	padding: 5px 5px 5px 20px;
}
.sb3_errorlist:empty {
	display: none;
}
.sb3_errorlist .desc {
	list-style: none;
	margin-left: -15px;
}
.sb3_form label {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

#nbf_page .sb3_location_field_results {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.sb3_location_field.sb2_as2on {
	-moz-border-bottom-right-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	-moz-border-bottom-left-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

/* Style <select> with DIV */
.sb3_selectwrap {
	background-color: #FFFFFF;
	background-position: center right;
	background-repeat: no-repeat;
	border: 0;
	display: inline-block;
	*display: inline;
	margin-right: 2px;
	margin-bottom: 2px;
	overflow: hidden;
	vertical-align: top;
	zoom: 1;
}
.sb3_selectwrap img {
	vertical-align: middle;
}
.sb3_selectwrap select {
	margin: 0;
	height: 2.2em;
	width: 170%;
	padding: 6px;
	border: 0;
	vertical-align: middle;
	background-color: transparent;
	background: transparent;
	-webkit-appearance: none;
	-webkit-padding-end: 20px;
}
.sb3_selectwrap select::-ms-expand {
	display:none; /* hide the arrow on IE11 */
}

.sb3_hidden {
	display:none !important;
}

.sb3_preferreddatemsg {
	margin: 0;
	padding: 5px;
}

/* smaller even */
@media (max-width:460px) {
	#ui-datepicker-div {
		left:0px !important;
		width:100% !important;
		border-radius:0px !important;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.ui-datepicker-multi .ui-datepicker-group {
		width:100%;
		float:none;
	}
	.ui-datepicker .ui-state-default {
		font-size:16px;
		padding: 0.5em 0.3em;
	}
	.ui-datepicker .ui-datepicker-buttonpane button {
		min-height: 40px;
		min-width: 100px;
	}
}

/* #region sb3_locationselectize_field */
.sb3_producttags_selectize_field .selectize-control .dropdown-header,
.sb3_locationselectize_field .selectize-control .dropdown-header{
	position:relative;
	padding:10px 8px;
	border-bottom:1px solid #d0d0d0;
	background:#f8f8f8;
	border-radius:3px 3px 0 0
}

.sb3_producttags_selectize_field .selectize-control .dropdown-header-close,
.sb3_locationselectize_field .selectize-control .dropdown-header-close{
	position:absolute;
	right:8px;
	top:50%;
	color:#303030;
	opacity:.4;
	margin-top:-12px;
	line-height:20px;
	font-size:20px !important
}

.sb3_producttags_selectize_field .selectize-control .dropdown-header-close:hover,
.sb3_locationselectize_field .selectize-control .dropdown-header-close:hover{
	color:#000
}

.selectize-control.plugin-remove_button .item{
	display:inline-flex;
	align-items:center;
	padding-right:0 !important
}

.selectize-control.plugin-remove_button .item .remove{
	color:inherit;
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
	padding:2px 6px;
	border-left:1px solid #0073bb;
	border-radius:0 2px 2px 0;
	box-sizing:border-box;
	margin-left:6px
}

.selectize-control.plugin-remove_button .item .remove:hover{
	background:rgba(0,0,0,.05)
}

.selectize-control.plugin-remove_button .item.active .remove{
	border-left-color:#00578d
}

.selectize-control.plugin-remove_button .disabled .item .remove:hover{
	background:none
}

.selectize-control.plugin-remove_button .disabled .item .remove{
	border-left-color:#aaa
}

.selectize-control.plugin-remove_button .remove-single{
	position:absolute;
	right:0;
	top:0;
	font-size:23px
}

.selectize-control.plugin-expandableoptgroups .selectize-hidden {
	display:none;
}
.selectize-control.plugin-expandableoptgroups .showmore {
	padding:5px 8px;
}

.selectize-control{
	position:relative
}

.selectize-dropdown,
.sb3_field.selectize-input,
.sb3_field.selectize-input input{
	font-smoothing:inherit
}

.sb3_field.selectize-input,
.selectize-control.single .sb3_field.selectize-input.input-active{
	cursor:text;
	display:inline-block
}

.sb3_field.selectize-input{
	display:inline-block;
	width:100%;
	height:auto; /* height can't be restricted because it is determined by the height of the selected items */
	overflow:hidden;
	position:relative;
	z-index:1;
	box-sizing:border-box;
}

.selectize-control.multi .sb3_field.selectize-input.has-items{
	padding:calc( 8px - 2px - 1px ) 8px calc( 8px - 2px - 3px - 1px )
}

.sb3_field.selectize-input.full{
	background-color:#fff
}

.sb3_field.selectize-input.disabled,
.sb3_field.selectize-input.disabled *{
	cursor:default !important
}

.sb3_field.selectize-input.focus{
	box-shadow:inset 0 1px 2px rgba(0,0,0,.15)
}

.sb3_field.selectize-input.dropdown-active{
	border-radius:3px 3px 0 0
}

.sb3_field.selectize-input>*{
	vertical-align:baseline;
	display:inline-block;
	zoom:1
}

.selectize-control.multi .sb3_field.selectize-input > div{
	cursor:pointer;
	margin:0 3px 3px 0;
	padding:2px 6px;
	background:#1da7ee;
	color:#fff;
	border:1px solid #0073bb
}

.selectize-control.multi .sb3_field.selectize-input > div.active{
	background:#92c836;
	color:#fff;
	border:1px solid #00578d
}

.selectize-control.multi .sb3_field.selectize-input.disabled > div,
.selectize-control.multi .sb3_field.selectize-input.disabled > div.active{
	color:#fff;
	background:#d2d2d2;
	border:1px solid #aaa
}

.sb3_field.selectize-input>input{
	display:inline-block !important;
	padding:0 !important;
	min-height:0 !important;
	max-height:none !important;
	max-width:100% !important;
	margin:0 !important;
	text-indent:0 !important;
	border:0 none !important;
	background:none !important;
	line-height:inherit !important;
	user-select:auto !important;
	box-shadow:none !important
}

.sb3_field.selectize-input>input::-ms-clear{
	display:none
}

.sb3_field.selectize-input > input:focus{
	outline:none !important
}

.sb3_field.selectize-input > input[placeholder]{
	box-sizing:initial
}

.sb3_field.selectize-input.has-items > input{
	margin:0 4px !important
}

.sb3_field.selectize-input::after{
	content:" ";
	display:block;
	clear:left
}

.sb3_field.selectize-input.dropdown-active::before{
	content:" ";
	display:block;
	position:absolute;
	background:#f0f0f0;
	height:1px;
	bottom:0;
	left:0;
	right:0
}

.sb3_producttags_selectize_field .selectize-dropdown,
.sb3_locationselectize_field .selectize-dropdown {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	z-index:100;
	border:4px solid #d0d0d0;
	border-top:0 none;
	background:#fff;
	margin:-1px 0 0 0;
	padding: 5px;
	box-sizing:border-box;
	box-shadow:0 5px 5px rgba(0,0,0,.3);
	border-radius:0 0 9px 9px;
	overflow:hidden;
}

.sb3_producttags_selectize_field .selectize-dropdown.selectize-loading,
.sb3_locationselectize_field .selectize-dropdown.selectize-loading {
	opacity:0.5;
}

.sb3_producttags_selectize_field .selectize-dropdown [data-selectable],
.sb3_locationselectize_field .selectize-dropdown [data-selectable] {
	cursor:pointer;
	overflow:hidden
}

.sb3_producttags_selectize_field .selectize-dropdown [data-selectable] .highlight,
.sb3_locationselectize_field .selectize-dropdown [data-selectable] .highlight {
	color:#0085d4;
	/* background:rgba(125,168,208,.2);
	border-radius:1px*/
}

.sb3_producttags_selectize_field .selectize-dropdown .option,
.sb3_locationselectize_field .selectize-dropdown .option,
.sb3_producttags_selectize_field .selectize-dropdown .optgroup-header,
.sb3_locationselectize_field .selectize-dropdown .optgroup-header,
.sb3_producttags_selectize_field .selectize-dropdown .no-results,
.sb3_locationselectize_field .selectize-dropdown .no-results,
.sb3_producttags_selectize_field .selectize-dropdown .create,
.sb3_locationselectize_field .selectize-dropdown .create{
	padding:5px 8px
}

.sb3_producttags_selectize_field .selectize-dropdown .option,
.sb3_locationselectize_field .selectize-dropdown .option,
.sb3_producttags_selectize_field .selectize-dropdown [data-disabled],
.sb3_locationselectize_field .selectize-dropdown [data-disabled],
.sb3_producttags_selectize_field .selectize-dropdown [data-disabled] [data-selectable].option,
.sb3_locationselectize_field .selectize-dropdown [data-disabled] [data-selectable].option{
	cursor:inherit;
	opacity:.5
}

.sb3_producttags_selectize_field .selectize-dropdown [data-selectable].option,
.sb3_locationselectize_field .selectize-dropdown [data-selectable].option{
	opacity:1;
	cursor:pointer
}

.sb3_producttags_selectize_field .selectize-dropdown .optgroup:first-child .optgroup-header,
.sb3_locationselectize_field .selectize-dropdown .optgroup:first-child .optgroup-header{
	border-top:0 none
}

.sb3_producttags_selectize_field .selectize-dropdown .optgroup-header,
.sb3_locationselectize_field .selectize-dropdown .optgroup-header{
	color:#303030;
	background:#fff;
	cursor:default
}

.sb3_producttags_selectize_field .selectize-dropdown .active,
.sb3_locationselectize_field .selectize-dropdown .active{
	background-color:#f5fafd;
	color:#495c68
}

.sb3_producttags_selectize_field .selectize-dropdown .active.create,
.sb3_locationselectize_field .selectize-dropdown .active.create{
	color:#495c68
}

.sb3_producttags_selectize_field .selectize-dropdown .create,
.sb3_locationselectize_field .selectize-dropdown .create{
	color:rgba(48,48,48,.5)
}

.sb3_producttags_selectize_field .selectize-dropdown-content,
.sb3_locationselectize_field .selectize-dropdown-content{
	/* overflow-y:auto;
	overflow-x:hidden;
	max-height:200px;
	overflow-scrolling:touch */
}

.sb3_producttags_selectize_field .selectize-dropdown.dropdown-empty-message .selectize-dropdown-content ,
.sb3_locationselectize_field .selectize-dropdown.dropdown-empty-message .selectize-dropdown-content {
	background-color:#ffaaaa;
	color:#660000;
}

.sb3_producttags_selectize_field .selectize-dropdown .spinner,
.sb3_locationselectize_field .selectize-dropdown .spinner{
	display:inline-block;
	width:30px;
	height:30px;
	margin:5px 8px
}

.sb3_producttags_selectize_field .selectize-dropdown .spinner:after,
.sb3_locationselectize_field .selectize-dropdown .spinner:after{
	content:" ";
	display:block;
	width:24px;
	height:24px;
	margin:3px;
	border-radius:50%;
	border:5px solid #d0d0d0;
	border-color:#d0d0d0 transparent #d0d0d0 transparent;
	animation:lds-dual-ring 1.2s linear infinite
}

@keyframes lds-dual-ring{
	0%{
		transform:rotate(0deg)
	}
	100%{
		transform:rotate(360deg)
	}
}

.selectize-control.single .sb3_field.selectize-input,
.selectize-control.single .sb3_field.selectize-input input{
	cursor:pointer
}

.selectize-control.single .sb3_field.selectize-input.input-active,
.selectize-control.single .sb3_field.selectize-input.input-active input{
	cursor:text
}

.selectize-control.single .sb3_field.selectize-input:after{
	content:" ";
	display:block;
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-3px;
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 5px 0 5px;
	border-color:gray transparent transparent transparent
}

.selectize-control.single .sb3_field.selectize-input.dropdown-active:after{
	margin-top:-4px;
	border-width:0 5px 5px 5px;
	border-color:transparent transparent gray transparent
}

.selectize-control.rtl{
	text-align:right
}

.selectize-control.rtl.single .sb3_field.selectize-input:after{
	left:15px;
	right:auto
}

.selectize-control.rtl .sb3_field.selectize-input > input{
	margin:0 4px 0 -2px !important
}

.selectize-control .sb3_field.selectize-input.disabled{
	opacity:.5;
	background-color:#fafafa
}

.selectize-control.multi .sb3_field.selectize-input.has-items{
	padding-left:5px;
	padding-right:5px
}

.selectize-control.multi .sb3_field.selectize-input.disabled [data-value]{
	color:#999;
	text-shadow:none;
	background:none;
	box-shadow:none
}

.selectize-control.multi .sb3_field.selectize-input.disabled [data-value],
.selectize-control.multi .sb3_field.selectize-input.disabled [data-value] .remove{
	border-color:#e6e6e6
}

.selectize-control.multi .sb3_field.selectize-input.disabled [data-value] .remove{
	background:none
}

.selectize-control.multi .sb3_field.selectize-input [data-value]{
	text-shadow:0 1px 0 rgba(0,51,83,.3);
	border-radius:3px;
	background-color:#1b9dec;
	background-image:linear-gradient(to bottom, #1da7ee, #178ee9);
	background-repeat:repeat-x;
	box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03)
}

.selectize-control.multi .sb3_field.selectize-input [data-value].active{
	background-color:#0085d4;
	background-image:linear-gradient(to bottom, #008fd8, #0075cf);
	background-repeat:repeat-x
}

.selectize-control.single .sb3_field.selectize-input{
	box-shadow:0 1px 0 rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.8);
	background-color:#f9f9f9;
	background-image:linear-gradient(to bottom, #fefefe, #f2f2f2);
	background-repeat:repeat-x
}

.sb3_producttags_selectize_field .selectize-control.single .sb3_field.selectize-input,
.sb3_locationselectize_field .selectize-control.single .sb3_field.selectize-input,
.sb3_producttags_selectize_field .selectize-dropdown.single,
.sb3_locationselectize_field .selectize-dropdown.single{
	border-color:#b8b8b8
}

.sb3_producttags_selectize_field .selectize-dropdown .optgroup-header,
.sb3_locationselectize_field .selectize-dropdown .optgroup-header{
	padding-top:7px;
	font-weight:bold;
	font-size:.85em
}


.sb3_producttags_selectize_field .selectize-dropdown .optgroup,
.sb3_locationselectize_field .selectize-dropdown .optgroup{
	border-top:1px solid #f0f0f0; /* todo: optgroup separator colour */
	overflow-y:auto;
	overflow-x:hidden;
	max-height:180px;
	overflow-scrolling:touch;
	position:relative;
}
.sb3_producttags_selectize_field .selectize-dropdown .optgroup:after ,
.sb3_locationselectize_field .selectize-dropdown .optgroup:after {
	/* this is a fade at the bottom of the scrolling container to show that there are more options to select */
	content: "";
	display:block;
	position:sticky;
	left:0;
	right:0;
	bottom:0;
	height:30px;
	margin-top:-15px; /* with sticky position this will keep it at the bottom of the scrolling container but when you reach the bottom it won't cover the last option fully */
	background: linear-gradient(transparent, #ffffff);
	opacity:0.8;
	pointer-events: none;
}

.sb3_producttags_selectize_field .selectize-dropdown .optgroup:first-child,
.sb3_locationselectize_field .selectize-dropdown .optgroup:first-child{
	border-top:0 none
}


/* .sproducttagionselectize_field .selectize-dropdown .active ,
/* .sb3_locationselectize_field .selectize-dropdown .active {
	background-color: #FF0000;
	color: #FFFFFF;
} */
.sb3_producttags_selectize_field .as3_option ,
.sb3_locationselectize_field .as3_option {
	display:flex;
	align-items:start;
	justify-content:space-between;
	padding:0.25rem;
}
.sb3_producttags_selectize_field .as3_header ,
.sb3_locationselectize_field .as3_header {
	font-weight:bold;
	font-size:1.2em;
	cursor:default;
	border-bottom-width:1px;
	border-bottom-style:solid;
	background-color:#FFF;
	padding:0.25rem;
	position:sticky;
	top:0;
	left:0;
}
.sb3_producttags_selectize_field .as3_header .as3_icon,
.sb3_locationselectize_field .as3_header .as3_icon {
	vertical-align: middle;
}
.sb3_producttags_selectize_field .as3_header.as3_header--smaller,
.sb3_locationselectize_field .as3_header.as3_header--smaller {
	font-size:1rem;
	border-bottom-width:0;
}
.sb3_producttags_selectize_field .as3_option .name,
.sb3_locationselectize_field .as3_option .name {
	
}
.sb3_producttags_selectize_field .as3_option .count,
.sb3_locationselectize_field .as3_option .count {
	font-size:0.875em;
	white-space:nowrap;
}
.sb3_producttags_selectize_field .as3_option .description,
.sb3_locationselectize_field .as3_option .description {
	font-size:0.875em;
}

.sb3_producttags_selectize_field .as3_showmore,
.sb3_locationselectize_field .as3_showmore {
	padding:0.25rem;
	text-align:center;
}
.sb3_producttags_selectize_field {
	min-width:200px;
}
/* #endregion sb3_locationselectize_field */