* {
    
  }

body {
    
}

.container-ms {
    
}

select[data-multi-select-plugin] {
    display: none !important;
	padding: 0.5vw 2.5vw;
}

select[data-multi-select-plugin-01] {
    display: none !important;
	padding: 0.5vw 2.5vw;
}

select[data-multi-select-plugin-02] {
    display: none !important;
	padding: 0.5vw 2.5vw;
}

select[data-multi-select-plugin-03] {
    display: none !important;
	padding: 0.5vw 2.5vw;
}

select[data-multi-select-plugin-04] {
    display: none !important;
	padding: 0.5vw 2.5vw;
}
.multi-select-component {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    /* padding: 0.3vw 0.8vw; */
	padding: 0.5vw 0.8vw;
    font-size: 1.1vw;
    line-height: 125%;
    padding-bottom: 0vw;
    color: #555;
    background-color: #fff;
    border: 0.1vw solid #ccc;
    border-radius: 0.4vw;
    -webkit-box-shadow: inset 0 0.1vw 0.1vw rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0.1vw 0.1vw rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.autocomplete-list {
    border-radius: 0.4vw 0vw 0vw 0.4vw;
}

.multi-select-component:focus-within {
    box-shadow: inset 0vw 0vw 0vw 0.2vw #78ABFE;
}

.multi-select-component .btn-group {
    display: none !important;
}

.multiselect-native-select .multiselect-container {
    width: 100%;
}

.selected-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.3vw;
    -moz-border-radius: 0.3vw;
    border-radius: 0.3vw;
    display: inline-block;
    border: 0.1vw solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: 0.1vw 0 0.5vw 1vw;
    /* height: 2vw; */
    vertical-align: top;
    cursor: default;
	padding: 0.1vw 0.25vw;
}

.selected-wrapper .selected-label {
    /* max-width: 514px; */
	max-width: 75%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.4vw;
    vertical-align: top;
}

.selected-wrapper .selected-close {
    display: inline-block;
    text-decoration: none;
    font-size: 1.1vw;
    line-height: 100%;
    margin-left: 0.5vw;
    padding-bottom: 0.1vw;
    height: 100%;
    vertical-align: middle;
    padding-right: 0.4vw;
    opacity: 0.2;
    color: #ff0000;
    text-shadow: 0 0.1vw 0 #fff;
    font-weight: 700;
}

.search-container {
    display: flex;
    flex-direction: row;
}

.search-container .selected-input {
    background: none;
    border: 0;
    /* height: 3vw; */
    /* width: 60px; */
	width: 100%;
    padding: 0 1vw;
    margin-bottom: 0.5vw;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-container .selected-input:focus {
    outline: none;
}

.dropdown-icon.active {
    transform: rotateX(180deg)
}

.search-container .dropdown-icon {
    display: inline-block;
    padding: 0.15vw;
    position: absolute;
    top: 0.25vw;
    right: 0.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border: 0 !important;
    /* needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* SVG background image */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23818181%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23818181%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: 1vw;
    background-repeat: no-repeat;
}

.search-container ul {
    position: absolute;
    list-style: none;
    padding: 0;
    z-index: 3;
    margin-top: 2.75vw;
    width: 100%;
    right: 0;
    background: #fff;
    border: 0.1vw solid #ccc;
    border-top: none;
    border-bottom: none;
    -webkit-box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .175);
    box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .175);
}

.search-container ul :focus {
    outline: none;
}

.search-container ul li {
    display: block;
    text-align: left;
    padding: 0.8vw 2.9vw 0.2vw 1.2vw;
    border-bottom: 0.1vw solid #ccc;
    font-size: 1.1vw;
    /* min-height: 3vw; */
}

.search-container ul li:first-child {
    border-top: 0.1vw solid #ccc;
    border-radius: 0.4vw 0.4vw 0 0;
}

.search-container ul li:last-child {
    border-radius: 0.4vw 0 0 0;
}


.search-container ul li:hover.not-cursor {
    cursor: default;
}

.search-container ul li:hover {
    color: #333;
    background-color: rgb(251, 242, 152);
    border-color: #adadad;
    cursor: pointer;
}

/* Adding scrool to select options */
.autocomplete-list {
    max-height: 10vw;
    overflow-y: auto;
}

/* start 01 */

.multi-select-component-01 {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    padding: 0.5vw 0.8vw;
    font-size: 1.1vw;
    line-height: 125%;
    padding-bottom: 0vw;
    color: #555;
    background-color: #fff;
    border: 0.1vw solid #ccc;
    border-radius: 0.4vw;
    -webkit-box-shadow: inset 0 0.1vw 0.1vw rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0.1vw 0.1vw rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.autocomplete-list-01 {
    border-radius: 0.4vw 0vw 0vw 0.4vw;
}

.multi-select-component-01:focus-within {
    box-shadow: inset 0vw 0vw 0vw 0.2vw #78ABFE;
}

.multi-select-component-01 .btn-group {
    display: none !important;
}

.multiselect-native-select-01 .multiselect-container-01 {
    width: 100%;
}

.selected-wrapper-01 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.3vw;
    -moz-border-radius: 0.3vw;
    border-radius: 0.3vw;
    display: inline-block;
    border: 0.1vw solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: 0.1vw 0.1vw 0.1vw 0.1vw;
    /* height: 2vw; */
    vertical-align: top;
    cursor: default;
	padding: 0.1vw 0.1vw;
	max-width: 75%;
}

.selected-wrapper-01 .selected-label-01 {
    /* max-width: 514px; */
	max-width: 75%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.4vw;
    vertical-align: top;
}

.selected-wrapper-01 .selected-close-01 {
    display: inline-block;
    text-decoration: none;
    font-size: 1.1vw;
    line-height: 100%;
    margin-left: 0.5vw;
    padding-bottom: 0.1vw;
    height: 100%;
    vertical-align: middle;
    padding-right: 0.4vw;
    opacity: 0.2;
    color: #ff0000;
    text-shadow: 0 0.1vw 0 #fff;
    font-weight: 700;
}

.search-container-01 {
    display: flex;
    flex-direction: row;
}

.search-container-01 .selected-input-01 {
    background: none;
    border: 0;
    /* height: 3vw; */
    /* width: 60px; */
	width: 100%;
    padding: 0 1vw;
    margin-bottom: 0.5vw;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-container-01 .selected-input-01:focus {
    outline: none;
}

.dropdown-icon-01.active {
    transform: rotateX(180deg)
}

.search-container-01 .dropdown-icon-01 {
    display: inline-block;
    padding: 0.15vw;
    position: absolute;
    top: 0vw;
    right: 0.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border: 0 !important;
    /* needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* SVG background image */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23818181%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23818181%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: 1vw;
    background-repeat: no-repeat;
}

.search-container-01 ul {
    position: absolute;
    list-style: none;
    padding: 0;
    z-index: 3;
    margin-top: 2.75vw;
    width: 100%;
    right: 0;
    background: #fff;
    border: 0.1vw solid #ccc;
    border-top: none;
    border-bottom: none;
    -webkit-box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .175);
    box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .175);
}

.search-container-01 ul :focus {
    outline: none;
}

.search-container-01 ul li {
    display: block;
    text-align: left;
    padding: 0.8vw 2.9vw 0.2vw 1.2vw;
    border-bottom: 0.1vw solid #ccc;
    font-size: 1.1vw;
    /* min-height: 3vw; */
}

.search-container-01 ul li:first-child {
    border-top: 0.1vw solid #ccc;
    border-radius: 0.4vw 0.4vw 0 0;
}

.search-container-01 ul li:last-child {
    border-radius: 0.4vw 0 0 0;
}


.search-container-01 ul li:hover.not-cursor-01 {
    cursor: default;
}

.search-container-01 ul li:hover {
    color: #333;
    background-color: rgb(251, 242, 152);
    border-color: #adadad;
    cursor: pointer;
}

/* Adding scrool to select options */
.autocomplete-list-01 {
    max-height: 10vw;
    overflow-y: auto;
}

/* end 01 */

/* start -02 */

.multi-select-component-02 {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    padding: 0.5vw 0.8vw;
    font-size: 1.1vw;
    line-height: 125%;
    padding-bottom: 0vw;
    color: #555;
    background-color: #fff;
    border: 0.1vw solid #ccc;
    border-radius: 0.4vw;
    -webkit-box-shadow: inset 0 0.1vw 0.1vw rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0.1vw 0.1vw rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.autocomplete-list-02 {
    border-radius: 0.4vw 0vw 0vw 0.4vw;
}

.multi-select-component-02:focus-within {
    box-shadow: inset 0vw 0vw 0vw 0.2vw #78ABFE;
}

.multi-select-component-02 .btn-group {
    display: none !important;
}

.multiselect-native-select-02 .multiselect-container-02 {
    width: 100%;
}

.selected-wrapper-02 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.3vw;
    -moz-border-radius: 0.3vw;
    border-radius: 0.3vw;
    display: inline-block;
    border: 0.1vw solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: 0.1vw 0.1vw 0.1vw 0.1vw;
    /* height: 2vw; */
    vertical-align: top;
    cursor: default;
	padding: 0.1vw 0.1vw;
	max-width: 75%;
}

.selected-wrapper-02 .selected-label-02 {
    /* max-width: 514px; */
	max-width: 75%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.4vw;
    vertical-align: top;
}

.selected-wrapper-02 .selected-close-02 {
    display: inline-block;
    text-decoration: none;
    font-size: 1.1vw;
    line-height: 100%;
    margin-left: 0.5vw;
    padding-bottom: 0.1vw;
    height: 100%;
    vertical-align: middle;
    padding-right: 0.4vw;
    opacity: 0.2;
    color: #ff0000;
    text-shadow: 0 0.1vw 0 #fff;
    font-weight: 700;
}

.search-container-02 {
    display: flex;
    flex-direction: row;
}

.search-container-02 .selected-input-02 {
    background: none;
    border: 0;
    /* height: 3vw; */
    /* width: 60px; */
	width: 100%;
    padding: 0 1vw;
    margin-bottom: 0.5vw;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-container-02 .selected-input-02:focus {
    outline: none;
}

.dropdown-icon-02.active {
    transform: rotateX(180deg)
}

.search-container-02 .dropdown-icon-02 {
    display: inline-block;
    padding: 0.15vw;
    position: absolute;
    top: 0vw;
    right: 0.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border: 0 !important;
    /* needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* SVG background image */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23818181%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23818181%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: 1vw;
    background-repeat: no-repeat;
}

.search-container-02 ul {
    position: absolute;
    list-style: none;
    padding: 0;
    z-index: 3;
    margin-top: 2.75vw;
    width: 100%;
    right: 0;
    background: #fff;
    border: 0.1vw solid #ccc;
    border-top: none;
    border-bottom: none;
    -webkit-box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .175);
    box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .175);
}

.search-container-02 ul :focus {
    outline: none;
}

.search-container-02 ul li {
    display: block;
    text-align: left;
    padding: 0.8vw 2.9vw 0.2vw 1.2vw;
    border-bottom: 0.1vw solid #ccc;
    font-size: 1.1vw;
    /* min-height: 3vw; */
}

.search-container-02 ul li:first-child {
    border-top: 0.1vw solid #ccc;
    border-radius: 0.4vw 0.4vw 0 0;
}

.search-container-02 ul li:last-child {
    border-radius: 0.4vw 0 0 0;
}


.search-container-02 ul li:hover.not-cursor-02 {
    cursor: default;
}

.search-container-02 ul li:hover {
    color: #333;
    background-color: rgb(251, 242, 152);
    border-color: #adadad;
    cursor: pointer;
}

/* Adding scrool to select options */
.autocomplete-list-02 {
    max-height: 10vw;
    overflow-y: auto;
}

/* end -02 */

/* start -03 */

.multi-select-component-03 {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    padding: 0.5vw 0.8vw;
    font-size: 1.1vw;
    line-height: 125%;
    padding-bottom: 0vw;
    color: #555;
    background-color: #fff;
    border: 0.1vw solid #ccc;
    border-radius: 0.4vw;
    -webkit-box-shadow: inset 0 0.1vw 0.1vw rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0.1vw 0.1vw rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.autocomplete-list-03 {
    border-radius: 0.4vw 0vw 0vw 0.4vw;
}

.multi-select-component-03:focus-within {
    box-shadow: inset 0vw 0vw 0vw 0.2vw #78ABFE;
}

.multi-select-component-03 .btn-group {
    display: none !important;
}

.multiselect-native-select-03 .multiselect-container-03 {
    width: 100%;
}

.selected-wrapper-03 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.3vw;
    -moz-border-radius: 0.3vw;
    border-radius: 0.3vw;
    display: inline-block;
    border: 0.1vw solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: 0.1vw 0.1vw 0.1vw 0.1vw;
    /* height: 2vw; */
    vertical-align: top;
    cursor: default;
	padding: 0.1vw 0.1vw;
	max-width: 75%;
}

.selected-wrapper-03 .selected-label-03 {
    /* max-width: 514px; */
	max-width: 75%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.4vw;
    vertical-align: top;
}

.selected-wrapper-03 .selected-close-03 {
    display: inline-block;
    text-decoration: none;
    font-size: 1.1vw;
    line-height: 100%;
    margin-left: 0.5vw;
    padding-bottom: 0.1vw;
    height: 100%;
    vertical-align: middle;
    padding-right: 0.4vw;
    opacity: 0.2;
    color: #ff0000;
    text-shadow: 0 0.1vw 0 #fff;
    font-weight: 700;
}

.search-container-03 {
    display: flex;
    flex-direction: row;
}

.search-container-03 .selected-input-03 {
    background: none;
    border: 0;
    /* height: 3vw; */
    /* width: 60px; */
	width: 100%;
    padding: 0 1vw;
    margin-bottom: 0.5vw;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-container-03 .selected-input-03:focus {
    outline: none;
}

.dropdown-icon-03.active {
    transform: rotateX(180deg)
}

.search-container-03 .dropdown-icon-03 {
    display: inline-block;
    padding: 0.15vw;
    position: absolute;
    top: 0vw;
    right: 0.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border: 0 !important;
    /* needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* SVG background image */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23818181%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23818181%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: 1vw;
    background-repeat: no-repeat;
}

.search-container-03 ul {
    position: absolute;
    list-style: none;
    padding: 0;
    z-index: 3;
    margin-top: 2.75vw;
    width: 100%;
    right: 0;
    background: #fff;
    border: 0.1vw solid #ccc;
    border-top: none;
    border-bottom: none;
    -webkit-box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .175);
    box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .175);
}

.search-container-03 ul :focus {
    outline: none;
}

.search-container-03 ul li {
    display: block;
    text-align: left;
    padding: 0.8vw 2.9vw 0.2vw 1.2vw;
    border-bottom: 0.1vw solid #ccc;
    font-size: 1.1vw;
    /* min-height: 3vw; */
}

.search-container-03 ul li:first-child {
    border-top: 0.1vw solid #ccc;
    border-radius: 0.4vw 0.4vw 0 0;
}

.search-container-03 ul li:last-child {
    border-radius: 0.4vw 0 0 0;
}


.search-container-03 ul li:hover.not-cursor-03 {
    cursor: default;
}

.search-container-03 ul li:hover {
    color: #333;
    background-color: rgb(251, 242, 152);
    border-color: #adadad;
    cursor: pointer;
}

/* Adding scrool to select options */
.autocomplete-list-03 {
    max-height: 10vw;
    overflow-y: auto;
}

/* end -03 */


/* start -04 */

.multi-select-component-04 {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    padding: 0.5vw 0.8vw;
    font-size: 1.1vw;
    line-height: 125%;
    padding-bottom: 0vw;
    color: #555;
    background-color: #fff;
    border: 0.1vw solid #ccc;
    border-radius: 0.4vw;
    -webkit-box-shadow: inset 0 0.1vw 0.1vw rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0.1vw 0.1vw rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.autocomplete-list-04 {
    border-radius: 0.4vw 0vw 0vw 0.4vw;
}

.multi-select-component-04:focus-within {
    box-shadow: inset 0vw 0vw 0vw 0.2vw #78ABFE;
}

.multi-select-component-04 .btn-group {
    display: none !important;
}

.multiselect-native-select-04 .multiselect-container-04 {
    width: 100%;
}

.selected-wrapper-04 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0.3vw;
    -moz-border-radius: 0.3vw;
    border-radius: 0.3vw;
    display: inline-block;
    border: 0.1vw solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: 0.1vw 0.1vw 0.1vw 0.1vw;
    /* height: 2vw; */
    vertical-align: top;
    cursor: default;
	padding: 0.1vw 0.1vw;
	max-width: 75%;
}

.selected-wrapper-04 .selected-label-04 {
    /* max-width: 514px; */
	max-width: 75%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.4vw;
    vertical-align: top;
}

.selected-wrapper-04 .selected-close-04 {
    display: inline-block;
    text-decoration: none;
    font-size: 1.1vw;
    line-height: 100%;
    margin-left: 0.5vw;
    padding-bottom: 0.1vw;
    height: 100%;
    vertical-align: middle;
    padding-right: 0.4vw;
    opacity: 0.2;
    color: #ff0000;
    text-shadow: 0 0.1vw 0 #fff;
    font-weight: 700;
}

.search-container-04 {
    display: flex;
    flex-direction: row;
}

.search-container-04 .selected-input-04 {
    background: none;
    border: 0;
    /* height: 3vw; */
    /* width: 60px; */
	width: 100%;
    padding: 0 1vw;
    margin-bottom: 0.5vw;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-container-04 .selected-input-04:focus {
    outline: none;
}

.dropdown-icon-04.active {
    transform: rotateX(180deg)
}

.search-container-04 .dropdown-icon-04 {
    display: inline-block;
    padding: 0.15vw;
    position: absolute;
    top: 0vw;
    right: 0.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border: 0 !important;
    /* needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* SVG background image */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23818181%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23818181%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: 1vw;
    background-repeat: no-repeat;
}

.search-container-04 ul {
    position: absolute;
    list-style: none;
    padding: 0;
    z-index: 3;
    margin-top: 2.75vw;
    width: 100%;
    right: 0;
    background: #fff;
    border: 0.1vw solid #ccc;
    border-top: none;
    border-bottom: none;
    -webkit-box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .175);
    box-shadow: 0 0.6vw 1.2vw rgba(0, 0, 0, .175);
}

.search-container-04 ul :focus {
    outline: none;
}

.search-container-04 ul li {
    display: block;
    text-align: left;
    padding: 0.8vw 2.9vw 0.2vw 1.2vw;
    border-bottom: 0.1vw solid #ccc;
    font-size: 1.1vw;
    /* min-height: 3vw; */
}

.search-container-04 ul li:first-child {
    border-top: 0.1vw solid #ccc;
    border-radius: 0.4vw 0.4vw 0 0;
}

.search-container-04 ul li:last-child {
    border-radius: 0.4vw 0 0 0;
}


.search-container-04 ul li:hover.not-cursor-04 {
    cursor: default;
}

.search-container-04 ul li:hover {
    color: #333;
    background-color: rgb(251, 242, 152);
    border-color: #adadad;
    cursor: pointer;
}

/* Adding scrool to select options */
.autocomplete-list-04 {
    max-height: 10vw;
    overflow-y: auto;
}

/* end -04 */

@media (max-width: 799px) {
	.multi-select-component {
		font-size: 3vw;
	}
	.selected-wrapper .selected-close {
		font-size: 3vw;
	}
	.search-container ul li {
		font-size: 3vw;
	}
	.multi-select-component-01 {
		font-size: 3vw;
	}
	.selected-wrapper-01 .selected-close-01 {
		font-size: 3vw;
	}
	.search-container-01 ul li {
		font-size: 3vw;
	}
	.multi-select-component-02 {
		font-size: 3vw;
	}
	.selected-wrapper-02 .selected-close-01 {
		font-size: 3vw;
	}
	.search-container-02 ul li {
		font-size: 3vw;
	}
	.search-container .dropdown-icon {
		width: 5vw;
		height: 5vw;
		background-size: 2vw;
	}
	.search-container-01 .dropdown-icon-01 {
		width: 5vw;
		height: 5vw;
		background-size: 2vw;
	}
	.search-container-02 .dropdown-icon-02 {
		width: 5vw;
		height: 5vw;
		background-size: 2vw;
	}
	
	.multi-select-component-03 {
		font-size: 3vw;
	}
	.selected-wrapper-03 .selected-close-01 {
		font-size: 3vw;
	}
	.search-container-03 ul li {
		font-size: 3vw;
	}
	.search-container .dropdown-icon {
		width: 5vw;
		height: 5vw;
		background-size: 2vw;
	}
	.search-container-01 .dropdown-icon-01 {
		width: 5vw;
		height: 5vw;
		background-size: 2vw;
	}
	.search-container-03 .dropdown-icon-03 {
		width: 5vw;
		height: 5vw;
		background-size: 2vw;
	}
	
	.multi-select-component-04 {
		font-size: 3vw;
	}
	.selected-wrapper-04 .selected-close-01 {
		font-size: 3vw;
	}
	.search-container-04 ul li {
		font-size: 3vw;
	}
	.search-container .dropdown-icon {
		width: 5vw;
		height: 5vw;
		background-size: 2vw;
	}
	.search-container-01 .dropdown-icon-01 {
		width: 5vw;
		height: 5vw;
		background-size: 2vw;
	}
	.search-container-04 .dropdown-icon-04 {
		width: 5vw;
		height: 5vw;
		background-size: 2vw;
	}
}