.selbut{padding:0;border:none;background-color:transparent;width:100%;text-align:left;font-weight:400;color:#6f6f6f}.dropdown-container{position:relative;font-size:16px}.dropdown-label,label{display:block;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:11pt;margin-bottom:5px;color:#000}.dropdown-btn{width:100%;padding:10px;background-color:#fff;border:1px solid lightgray;border-radius:5px;text-align:left;cursor:pointer;outline:none;position:relative;color:#6f6f6f;transition:.3s}.dropdown-btn:after{content:"";position:absolute;right:10px;top:60%;transform:translateY(-50%);border:5px solid transparent;border-top-color:#c5c5c5;transition:.3s}.dropdown-btn.dropdown-open:after{transform:translateY(-50%) rotate(180deg);top:40%;transition:.3s}.dropdown-btn:hover,.dropdown-btn:focus{border:1px solid #3c3c3c;box-shadow:0 0 2px #3c3c3c}.options-container{position:absolute;width:100%;background-color:#fff;border-radius:5px;box-shadow:0 2px 15px #0000003c;overflow-y:auto;z-index:1000;opacity:0;pointer-events:none;max-height:0;overflow:hidden;transition:max-height .18s ease-out,opacity .18s ease-out}.options-container.open-down{top:100%;margin-top:4px;bottom:auto;overflow-y:auto;transform-origin:top;border:1px solid #ddd}.options-container.open-up{bottom:100%;margin-bottom:4px;top:auto;overflow-y:auto;transform-origin:bottom;border:1px solid #ddd}.options-container.open{opacity:1;pointer-events:auto;max-height:35vh}.selectingJoing{opacity:1}.option{padding:10px;cursor:pointer;border-bottom:1px solid #eee;background-color:#fff}.option:last-child{border-bottom:none}.option:hover{background-color:#f0f0f0}.option-selected,.option-selected:hover{background-color:#ff7b00;color:#fff}.invalidSelInput{border:1px solid red!important;box-shadow:0 0 2px red;transition:.3s}.inputErrorText{font-size:10pt;color:red;margin-top:4px}.dropdown-btn.showingPlaceholder{color:#aeaeae}