.selectList, .selectListContainer { background-color : #9cf; border : inset 3px #80F; border-radius : 0.3rem; clear : right; color : #2900b0; float : right; overflow : hidden;}.selectListContainer { cursor : default; float : none; font-family : helvetica, arial, sans-serif; font-size : 0.83rem; font-weight : 200; margin-left : 0.1rem; margin-top : 0.2rem; height : 1.25rem; max-width : 9.5rem;}.selectWidgetOpen { max-height : min-content !important;}.selectWidgetClosed { max-height : initial !important;}#placeHolder { display : inline-block; left : 0.3rem; overflow : hidden; position : relative; top : 0.21rem; white-space : nowrap;}.selectorButton { background : url("data:image/svg+xml,<svg class='bi bi-caret-down-square-fill' viewBox='0 0 16 16' fill='%232900b0' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4 4a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 6H4z'/> </svg>") center/cover no-repeat; clear : right; float : right; height : 1.4rem; width : 1.4rem; text-align : center;}.selectList, .selectListClosed { display : none; visibility : hidden;}.selectListOpen { border : none !important; display : block; float : none; list-style : none; margin-top : 0.25rem; margin-left : 0.15rem; padding-left : 0.36rem; position : absolute; width : 9.0rem; visibility : visible;}.selectList li { position : relative; background-color : #9cf; line-height : 1.38rem !important; margin-left : -0.65rem; padding-left : 0.36rem; white-space : normal; width : 9.5rem; z-index : 1000;}.selectList li:hover, .selectListOpenChild { background-color : #3076d6 !important; color : #fff;}@media screen and (min-width : 243px) { .selectListContainer { max-width : 12.8rem; } .selectList li { margin-left : -0.65rem; width : 12.8rem; }} @media screen and (min-width : 483px) { .selectList, .selectListContainer { float : right; clear : right; } .selectListContainer { margin-top : -1.25rem; width : 11.5rem; } .selectorButton { margin-top : 0.0rem; } .selectListOpen { margin-left : 0.0rem; margin-top : 0.28rem; width : 9.0rem; } .selectList li { width : 11.8rem; }} @media screen and (min-width : 1000px) { .selectListContainer { float : right; font-size : 1.0rem; max-height : 1.25rem; max-width : 11.75rem; width : 11.75rem; padding-left : 0.4rem; } #placeHolder { left : 0.0rem; padding-left : 0.25rem; top : 0.1rem; } .selectorButton { margin-top : 0.0rem; } .selectList, .selectListClosed { visibility : hidden; } .selectListOpen { border : none !important; margin-left : -0.5rem; margin-top : 0.075rem; visibility : visible; width : 11.75rem; } .selectList li { margin-left : -0.25rem; width : 12.0rem; }}