.tail-select,
.tail-select *,
.tail-select :after,
.tail-select :before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tail-select,
.tail-select * {
    outline: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.tail-select {
    width: 250px;
    margin: 1px;
    padding: 0;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    font-family: inherit
}

.tail-select mark {
    color: #fff;
    background-color: #dc4650
}

.tail-select button {
    outline: none
}

.tail-select button.tail-all,
.tail-select button.tail-none {
    height: auto;
    margin: 0 2px;
    padding: 2px 6px;
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    text-shadow: none;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: top;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: color 142ms linear, border 142ms linear, background 142ms linear;
    -webkit-transition: color 142ms linear, border 142ms linear, background 142ms linear
}

.tail-select button.tail-all {
    color: rgba(48, 52, 56, .5);
    border-color: rgba(48, 52, 56, .5);
    background-color: transparent
}

.tail-select button.tail-all:hover {
    color: #62c462;
    border-color: #62c462;
    background-color: transparent
}

.tail-select button.tail-none {
    color: rgba(48, 52, 56, .5);
    border-color: rgba(48, 52, 56, .5);
    background-color: transparent
}

.tail-select button.tail-none:hover {
    color: #ee5f5b;
    border-color: #ee5f5b;
    background-color: transparent
}

.tail-select.disabled button.tail-all,
.tail-select.disabled button.tail-none {
    color: rgba(48, 52, 56, .25);
    border-color: rgba(48, 52, 56, .25);
    background-color: transparent
}

.tail-select input[type=text] {
    color: #303438;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 15px;
    display: inline-block;
    outline: 0;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    background-color: transparent;
    border: 0 solid transparent;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

.tail-select input[type=text]:hover {
    color: #303438;
    border-color: transparent;
    background-color: transparent
}

.tail-select input[type=text]:focus {
    color: #303438;
    border-color: transparent;
    background-color: transparent
}

.tail-select.disabled input[type=text] {
    color: rgba(48, 52, 56, .75);
    border-color: transparent;
    background-color: transparent
}

.tail-select-container {
    margin: 0;
    padding: 3px;
    text-align: left;
    border-radius: 3px
}

.tail-select-container .select-handle {
    width: auto;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    cursor: pointer;
    margin: 1px;
    padding: .2em .6em .3em;
    display: inline-block;
    position: relative;
    font-size: 11.844px;
    text-align: left;
    font-weight: 700;
    line-height: 16px;
    text-shadow: none;
    vertical-align: top;
    background-color:  rgb(var(--color-primary) / var(--tw-bg-opacity));
    border: 0 solid transparent;
    border-radius: 3px;
    transition: background 142ms linear;
    -webkit-transition: background 142ms linear
}

.tail-select-container .select-handle:hover {
    color: rgb(var(--color-primary) / var(--tw-border-opacity));
    background-color:  rgb(var(--color-primary) / var(--tw-bg-opacity));
}

.tail-select-container.select-label .select-handle, 
.tail-select-container.select-label .select-handle:hover {
    margin: 5px 3px;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}


.tail-select .select-label {
    cursor: pointer;
    color: rgba(48, 52, 56, .85);
    width: 100%;
    margin: 0;
    padding: 5px 30px 5px 10px;
    display: block;
    z-index: 27;
    position: relative;
    text-align: left;
    background-color: #fff;
    border: 0 solid #d9d9d9;
    border-radius: 3px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px rgba(0, 0, 0, .25);
    transition: background 142ms linear, box-shadow 142ms linear;
    -webkit-transition: background 142ms linear, box-shadow 142ms linear
}

.tail-select .select-label {
    padding: 7.5px 32px 7.5px 12px;
    --tw-border-opacity: 1;
    border-color: rgba(226, 232, 240, var(--tw-border-opacity));
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-shadow: 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    --tw-text-opacity: 1;
    color: rgba(45, 55, 72, var(--tw-text-opacity));
}

.tail-select .select-label:after {
    top: 15px;
    right: 12px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    z-index: 25;
    content: "";
    opacity: .5;
    display: inline-block;
    position: absolute;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    text-shadow: none;
    transition: opacity 142ms linear, transform 142ms linear;
    -webkit-transition: opacity 142ms linear, transform 142ms linear
}

.tail-select .select-label .label-count,
.tail-select .select-label .label-inner {
    width: auto;
    margin: 0;
    text-align: left;
    vertical-align: top
}

.tail-select .select-label .label-count {
    float: left;
    color: rgba(48, 52, 56, .85);
    margin: 0 5px 0 0;
    padding: 0 7px 0 0;
    display: inline-block;
    font-size: 11.844px;
    font-weight: 700;
    text-shadow: none;
    white-space: nowrap;
    vertical-align: top;
    border: solid #d9d9d9;
    border-width: 0 1px 0 0;
    border-radius: 0
}

.tail-select .select-label .label-inner {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tail-select.active .select-label,
.tail-select.idle .select-label,
.tail-select:hover .select-label {
    z-index: 25;
    /* -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px #3c82e6 */
}

.tail-select.active .select-label:after,
.tail-select.idle .select-label:after,
.tail-select:hover .select-label:after {
    opacity: .85
}

.tail-select.active .select-label .label-count,
.tail-select.active .select-label .label-inner,
.tail-select.idle .select-label .label-count,
.tail-select.idle .select-label .label-inner,
.tail-select:hover .select-label .label-count,
.tail-select:hover .select-label .label-inner {
    opacity: 1
}

.tail-select.active .select-label {
    z-index: 27
}

.tail-select.active .select-label:after {
    opacity: .85;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.tail-select.disabled .select-label {
    cursor: not-allowed;
    pointer-events: none;
    --tw-bg-opacity: 1;
    background-color: rgba(247, 250, 252, var(--tw-bg-opacity));
}

.tail-select .select-dropdown {
    top: 100%;
    left: 0;
    color: #303438;
    width: 100%;
    min-height: 35px;
    margin: -1px 0 0;
    padding: 0;
    z-index: 101;
    display: none;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
    border: 0 solid #d9d9d9;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px rgba(0, 0, 0, .25)
}

.tail-select .select-dropdown .dropdown-search {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    border: solid #d9d9d9;
    border-width: 0 0 1px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.tail-select .select-dropdown .dropdown-inner {
    width: 100%;
    margin: 0;
    padding: 1px 0;
    display: block;
    overflow-x: hidden;
    overflow-y: auto
}

.tail-select .select-dropdown .dropdown-empty {
    margin: 0;
    padding: 16px 0;
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 18px
}

.tail-select .select-dropdown .dropdown-action {
    top: 3px;
    right: 15px;
    width: auto;
    margin: 0;
    padding: 7px 0;
    z-index: 35;
    display: inline-block;
    position: absolute;
    text-align: center
}

.tail-select .select-dropdown ul,
.tail-select .select-dropdown ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top
}

.tail-select .select-dropdown ul li {
    color: #303438;
    padding: 5px 10px 5px 35px;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    font-weight: 400
}

.tail-select .select-dropdown ul li:first-of-type {
    margin-top: 7px
}

.tail-select .select-dropdown ul li:last-of-type {
    margin-bottom: 7px
}

.tail-select .select-dropdown ul li.optgroup-title {
    color: rgba(48, 52, 56, .7);
    cursor: default;
    margin: 9px 0 0;
    padding-left: 10px;
    font-size: 14px;
    text-shadow: none
}

.tail-select .select-dropdown ul li.optgroup-title button {
    float: right;
    margin-top: -2px;
    opacity: 0
}

.tail-select .select-dropdown ul:hover li button {
    opacity: 1
}

.tail-select .select-dropdown ul li.dropdown-option {
    cursor: pointer;
    color: #303438
}

.tail-select .select-dropdown ul li.dropdown-option:before {
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    z-index: 21;
    display: inline-block;
    content: "";
    opacity: 0;
    position: absolute;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: opacity 50ms linear;
    -webkit-transition: opacity 50ms linear
}

.tail-select .select-dropdown ul li.dropdown-option .option-description {
    color: rgba(48, 52, 56, .85);
    width: auto;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 10px;
    text-align: left;
    line-height: 14px;
    vertical-align: top
}

.tail-select .select-dropdown ul li.dropdown-option.hover,
.tail-select .select-dropdown ul li.dropdown-option.hover .option-description,
.tail-select .select-dropdown ul li.dropdown-option:hover,
.tail-select .select-dropdown ul li.dropdown-option:hover .option-description {
    color: #303438
}

.tail-select.open-top .select-dropdown {
    top: auto;
    bottom: 100%;
    margin: 0 0 -1px;
    border-radius: 3px 3px 0 0
}

.tail-select.hide-disabled .select-dropdown ul li.disabled,
.tail-select.hide-selected .select-dropdown ul li.selected {
    display: none
}

.tail-select .select-dropdown ul li.dropdown-option:before {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16'%3E%3Cpath fill='%23303438' d='M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z'/%3E%3C/svg%3E") */
}

.tail-select .select-dropdown ul li.dropdown-option.hover:before,
.tail-select .select-dropdown ul li.dropdown-option:hover:before {
    opacity: .5
}

.tail-select .select-dropdown ul li.dropdown-option.selected:before {
    opacity: .85;
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16'%3E%3Cpath fill='%23303438' d='M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z'/%3E%3C/svg%3E") */
}

.tail-select .select-dropdown ul li.dropdown-option.selected .option-description {
    color: #3c82e6
}

.tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover:before,
.tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover:before {
    opacity: .85;
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16'%3E%3Cpath fill='%23303438' d='M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48L7.48 8z'/%3E%3C/svg%3E") */
}

.tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover .option-description,
.tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover .option-description {
    color: #3c82e6
}

.tail-select .select-dropdown ul li.dropdown-option {
    transition: all .3s ease-in
}
.tail-select ul li.dropdown-option:hover {
    background: rgb(var(--color-primary) / var(--tw-bg-opacity)) !important;
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity)) !important;
}
.tail-select .select-dropdown ul li.dropdown-option.hover,
.tail-select .select-dropdown ul li.dropdown-option:hover {
    transition: all .4s ease;
    --tw-bg-opacity: 1;
--tw-text-opacity: 1;
background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity));
border-color: transparent;
color: rgb(var(--color-slate-300)/var(--tw-text-opacity));
}

.tail-select.disabled .select-dropdown ul li.dropdown-option,
.tail-select .select-dropdown ul li.dropdown-option.disabled {
    cursor: not-allowed;
    pointer-events: none;
    --tw-bg-opacity: 1;
    background-color: rgba(247, 250, 252, var(--tw-bg-opacity));
}

.dark .tail-select .ts-input, .dark .tail-select .ts-input.dropdown-active {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity));
  border-color: transparent;
  color: rgb(var(--color-slate-300)/var(--tw-text-opacity));
}

.tail-select.disabled .select-dropdown ul li.dropdown-option:before,
.tail-select .select-dropdown ul li.dropdown-option.disabled:before {
    opacity: .85;
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Cpath fill='%23303438' d='M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm0 1.3c1.3 0 2.5.44 3.47 1.17l-8 8A5.755 5.755 0 011.3 8c0-3.14 2.56-5.7 5.7-5.7zm0 11.41c-1.3 0-2.5-.44-3.47-1.17l8-8c.73.97 1.17 2.17 1.17 3.47 0 3.14-2.56 5.7-5.7 5.7z'/%3E%3C/svg%3E") */
}

.tail-select.disabled .select-dropdown ul li.dropdown-option .option-description,
.tail-select .select-dropdown ul li.dropdown-option.disabled .option-description {
    color: rgba(48, 52, 56, .4)
}

.tail-select.multiple .select-dropdown ul li.dropdown-option:before {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Cpath fill='%23303438' d='M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zM6 9H3V7h3V4h2v3h3v2H8v3H6V9z'/%3E%3C/svg%3E") */
}

.tail-select.multiple .select-dropdown ul li.dropdown-option.selected:before {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Cpath fill='%23303438' d='M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z'/%3E%3C/svg%3E") */
}

.tail-select.multiple .select-dropdown ul li.dropdown-option.selected.hover:before,
.tail-select.multiple .select-dropdown ul li.dropdown-option.selected:hover:before {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Cpath fill='%23303438' d='M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zm-2-5H3V7h8v2z'/%3E%3C/svg%3E") */
}

.tail-select.multiple.disabled .select-dropdown ul li.dropdown-option:before,
.tail-select.multiple .select-dropdown ul li.dropdown-option.disabled:before {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Cpath fill='%23303438' d='M13 1H1c-.55 0-1 .45-1 1v12c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm0 13H1V2h12v12zm-8.5-2H3v-1.5L9.5 4H11v1.5L4.5 12z'/%3E%3C/svg%3E") */
}
.tail-select .select-dropdown ul li:last-of-type {
    /* margin-bottom: 7px; */
    --tw-border-opacity: 1;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.tail-select .select-dropdown ul li.dropdown-option:before {
    /* background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16'%3E%3Cpath fill='%23303438' d='M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z'/%3E%3C/svg%3E); */
}

.tail-select .select-dropdown .dropdown-search {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
    padding: 0.25rem;
    --tw-shadow: 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}

.tail-select .select-dropdown .dropdown-search {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    border: solid #d9d9d9;
    border-width: 0 0 1px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
}

.tail-select {
    margin: 0;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    vertical-align: top;
    width: 100%;
}
 
.tail-select {
    padding: 0;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    font-family: inherit;
}

.tail-select .select-dropdown ul li.dropdown-option.selected {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
}

.tail-select .select-dropdown ul li.dropdown-option {
    transition: all .3s ease-in;
}

.tail-select .select-dropdown ul li.dropdown-option {
    cursor: pointer;
    color: #303438;
}

.tail-select .select-dropdown ul li {
    padding: 9px 13px;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #303438;
    text-align: left;
    font-weight: 400;
}


.tail-select input[type=text],
.tail-select input[type=text]:focus {
    border-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
    border-radius: 0.25rem;
    border-width: 1px;
}

.tail-select input[type=text] {
    padding: 8px 10px;
    --tw-border-opacity: 1;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.tail-select input[type=text] {
    color: #303438;
    width: 100%;
    height: auto;
    margin: 0;
    display: inline-block;
    outline: 0;
    vertical-align: middle;
    background-color: transparent;
    border: 0 solid transparent;
}

.tail-select .select-dropdown .dropdown-search {
    --tw-border-opacity: 1;
    padding: 0.25rem;
    --tw-shadow: 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}

.tail-select .select-dropdown .dropdown-search {
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
    border: solid #d9d9d9;
    border-width: 0 0 1px;
}

.tail-select .select-dropdown {
    overflow: hidden !important;
    --tw-border-opacity: 1;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-shadow: 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}

.dark .tail-select .select-dropdown, .dark .tail-select .select-dropdown ul li {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.dark .tail-select .select-dropdown {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 37, 51, var(--tw-border-opacity));
    --tw-border-opacity: 1;
    border-color: rgba(30, 37, 51, var(--tw-border-opacity));
}

.dark .tail-select .select-label {
    background-color: rgba(30, 37, 51, var(--tw-border-opacity));
}

.dark .tail-select .select-label, .dark .tail-select input[type=text] {
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1;
    border-color: rgba(30, 37, 51, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

#postcode_address .tail-select {
    margin-top: 6px !important;
}