/*------------------------------------------*/
/* Drop Down List                           */
/*------------------------------------------*/
.dropdownlist {
    position: unset !important;
}
.dropdownlist-select {
    display: none;
    /* For when we are on a small touch device and want to use native controls */
    pointer-events: none;
    position: absolute;
    opacity: 0;
}

.dropdownlist-element, .dropdownlist-element:after, .dropdownlist-element:before, .dropdownlist-element *, .dropdownlist-element *:after, .dropdownlist-element *:before {
    box-sizing: border-box;
}

.dropdownlist-element {
    position: absolute;
    display: none;
}

.dropdownlist-element.dropdownlist-open {
    display: block;
}

.dropdownlist-theme-default, .dropdownlist-theme-default *, .dropdownlist-theme-default *:after, .dropdownlist-theme-default *:before {
    box-sizing: border-box;
}

.dropdownlist.dropdownlist-theme-default {
    overflow-y: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.dropdownlist.dropdownlist-theme-default .dropdownlist-content {
    font-family: inherit;
    color: inherit;
    overflow: auto;
    max-height: 18rem;
    -webkit-overflow-scrolling: touch;

    /*
    max-width: 18rem;
    border-radius: .25em;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
*/
    background-color: #f5f5f5;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #d8d8d8;
    max-width: 100%;
    min-width: 181px;
}

@media (max-width: 27rem), (max-height: 27rem) {
    .dropdownlist.dropdownlist-theme-default .dropdownlist-content {
        max-width: 11.25rem;
        max-height: 11.25rem;
    }
}
.dropdownlist.dropdownlist-theme-default .dropdownlist-options {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    margin: 0;
    padding: 0;
}
.dropdownlist.dropdownlist-theme-default .dropdownlist-options .dropdownlist-option {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    position: relative;
    list-style: none;
    margin: 0;
    line-height: 1.25rem;
    padding: 0.5rem 1em 0.5rem 2.5em;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    height: 30px;
    font-family: 'Open Sans', Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: var(--black-color);
    line-height: 18px;

}
.dropdownlist.dropdownlist-theme-default .dropdownlist-options .dropdownlist-option.dropdownlist-option-selected:before {
    /*
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='%23444' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='%23444' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>");
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 448.8 448.8'><polygon fill='%23444' stroke='none' points='142.8,323.85 35.7,216.75 0,252.45 142.8,395.25 448.8,89.25 413.1,53.55 '/></svg>");
*/
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 26 26'><path fill='%23444' stroke='none' d='m.3,14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5 0.3-0.7l1.4-1.4c0.4-0.4 1-0.4 1.4,0l.1,.1 5.5,5.9c0.2,0.2 0.5,0.2 0.7,0l13.4-13.9h0.1v-8.88178e-16c0.4-0.4 1-0.4 1.4,0l1.4,1.4c0.4,0.4 0.4,1 0,1.4l0,0-16,16.6c-0.2,0.2-0.4,0.3-0.7,0.3-0.3,0-0.5-0.1-0.7-0.3l-7.8-8.4-.2-.3z'/></svg>");


    position: absolute;
    left: 1em;
    top: 0;
    bottom: .2em;
    height: 1em;
    width: 1em;
    margin: auto;
}
.dropdownlist.dropdownlist-theme-default .dropdownlist-options .dropdownlist-option:hover, .dropdownlist.dropdownlist-theme-default .dropdownlist-options .dropdownlist-option.dropdownlist-option-highlight {
    background-color: var(--tertiary-12-color);
    color: var(--white-color);
}
.dropdownlist.dropdownlist-theme-default .dropdownlist-options .dropdownlist-option:hover.dropdownlist-option-selected:before, .dropdownlist.dropdownlist-theme-default .dropdownlist-options .dropdownlist-option.dropdownlist-option-highlight.dropdownlist-option-selected:before {
    /*
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='%23fff' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='%23fff' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>");
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 448.8 448.8'><polygon fill='%23fff' stroke='none' points='142.8,323.85 35.7,216.75 0,252.45 142.8,395.25 448.8,89.25 413.1,53.55 '/></svg>");
*/
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 26 26'><path fill='%23fff' stroke='none' d='m.3,14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5 0.3-0.7l1.4-1.4c0.4-0.4 1-0.4 1.4,0l.1,.1 5.5,5.9c0.2,0.2 0.5,0.2 0.7,0l13.4-13.9h0.1v-8.88178e-16c0.4-0.4 1-0.4 1.4,0l1.4,1.4c0.4,0.4 0.4,1 0,1.4l0,0-16,16.6c-0.2,0.2-0.4,0.3-0.7,0.3-0.3,0-0.5-0.1-0.7-0.3l-7.8-8.4-.2-.3z'/></svg>");

}
.dropdownlist.dropdownlist-theme-default .dropdownlist-options .dropdownlist-option:first-child {
    border-radius: 0.25em 0.25em 0 0;
}
.dropdownlist.dropdownlist-theme-default .dropdownlist-options .dropdownlist-option:last-child {
    border-radius: 0 0 0.25em 0.25em;
}

.dropdownlist-target.dropdownlist-theme-default {
    float: left;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    position: relative;
    padding: 12px 15px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;

    max-width: 100%;
    min-width: 170px;
    height: 40px;

    font-family: 'Open Sans', Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--black-color);
    line-height: 18px;
    background-color: #f5f5f5;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #d8d8d8;

}
.dropdownlist-target.dropdownlist-theme-default:hover {
    border-color: #aaa;
    color: #000;
}
.dropdownlist-target.dropdownlist-theme-default.dropdownlist-target-focused, .dropdownlist-target.dropdownlist-theme-default.dropdownlist-target-focused:focus {
    border-color: #63a2f1;
    outline: none;
}
.dropdownlist-target.dropdownlist-theme-default b {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 12px;
    width: 12px;

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 512 512'><path fill='%232962FF' d='M7.686,168.856L237.486,398.68c10.231,10.223,26.803,10.223,37.022,0l229.825-229.823 c10.221-10.226,10.221-26.795,0-37.02l-18.51-18.511c-10.22-10.231-26.807-10.231-37.033,0L256,306.128L63.201,113.326 c-10.218-10.231-26.796-10.231-37.019,0L7.672,131.837C-2.56,142.073-2.56,158.631,7.686,168.856z' /></svg>");
    background-repeat: no-repeat;
}

.dropdownlist-target.dropdownlist-theme-default.dropdownlist-open b {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 307.054 307.054'><path d='M302.445,205.788L164.63,67.959c-6.136-6.13-16.074-6.13-22.203,0L4.597,205.788c-6.129,6.132-6.129,16.069,0,22.201     l11.101,11.101c6.129,6.136,16.076,6.136,22.209,0l115.62-115.626L269.151,239.09c6.128,6.136,16.07,6.136,22.201,0 l11.101-11.101C308.589,221.85,308.589,211.92,302.445,205.788z' fill='%232962ff' /></svg>");
}
/* START GENAI@CHATGPT4 */
.styled-select {
    float: left;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    position: relative;
    padding: 12px 15px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    font-family: inherit;
    color: inherit;
    max-height: 18rem;
    -webkit-overflow-scrolling: touch;
    background: #f5f5f5;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #d8d8d8;
    max-width: 100%;
    min-width: 181px;

    overflow: hidden;
    text-overflow: ellipsis;

    max-width: 100%;
    min-width: 170px;
    height: 40px;

    font-family: 'Open Sans', Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--black-color);
    line-height: 18px;
    background-color: #f5f5f5;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #d8d8d8;
}
/* END GENAI@CHATGPT4 */