Match css style to Nova css

[glennwilton]

Hi

The style of the dropdowns do not match the default styles, A customer even thought they were disabled because of the difference in border colour

Add the changes below to filed.css and the style of the dropdowns will match Nova default styles.

.multiselect {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    min-height: 36px !important;
    border-radius: .5rem;
}

.multiselect__tags {
    min-height: 36px !important;
    border: 1px solid #bacad6 !important;
    color: #7c858e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    border-radius: .5rem !important;
}

.multiselect__select{
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: center right .75rem;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill="#35393C" fill-rule="nonzero" d="M8.293.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4A1 1 0 0 1 1.707.293L5 3.586 8.293.293z"/></svg>');
}

.multiselect__select:before{
    content: none !important;
}

[tobeycodes]

@orlyapps is there any way we can make a change so there isn't an empty border at the top of the multi-select box? I think we just need to move the dropdown up and make sure the input is on top of it.