label.field { border-radius: 2px; color: #666; display: block; padding: 8px 0px; opacity: 0; position: relative; -webkit-transition-property: opacity; transition-property: opacity; z-index: 1001; }  
label.field span { color: #adadad; display: block; font-size: 15px; height: 20px; line-height: 20px; left: 9px; pointer-events: none; position: absolute; top: 32px; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transition-property: color, font-size, top; transition-property: color, font-size, top; z-index: 1; }  
label.field span.required::after { color: inherit; content: "*"; display: block; height: 20px; left: -20px; line-height: 20px; position: absolute; text-align: center; top: 0; width: 20px; }  
.error label.field span { color: #F02318; }  
label.field .psuedo_select { position: relative; border-color: #adadad; border-style: solid; border-width: 0 0 2px 0; color: #adadad; cursor: pointer; font-size: 20px; height: 24px; line-height: 24px; margin: 13px 32px 0 0; width: 100%; padding-top: 24px; outline: 0; z-index: 1001; }  
/*label.field .psuedo_select::after { content: ""; height: 24px; position: absolute; top: 0; right: 0; -webkit-transition-property: background; transition-property: background; }*/  
label.field .psuedo_select .selected { height: 24px; left: 1px; line-height: 24px; opacity: 0; position: absolute; top: 0; -webkit-transform: translateY(24px); transform: translateY(24px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; will-change: transform; }  
label.field .psuedo_select ul { background: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); display: block; height: 0; list-style: none; margin-top: 2px; opacity: 0; overflow: hidden; padding: 0 1px; pointer-events: none; -webkit-transition-property: height, opacity; transition-property: height, opacity; width: 100%; z-index: 1002; }  
label.field .psuedo_select ul li { font-size: 11px; height: 28px; padding: 8px 4px; }  
label.field .psuedo_select ul li:hover{ font-family: Poppins-Regular !important; font-size: 15px !important; color: #555555 !important; line-height: 1.2 !important; }
label.field .deselect { height: 100vh; left: 0; position: fixed; top: 0;  z-index: -1; }  
label.field.focused { color: #82762c; }  
label.field.focused .psuedo_select { border-color: #82762c; }  
label.field.focused .psuedo_select ul { opacity: 1; pointer-events: all; }

.psuedo_select_has_val span.selected { font-family: Poppins-Regular !important; font-size: 15px !important; color: #555555 !important; line-height: 1.2 !important; }