/*the container must be positioned relative:*/
.custom-select {
position: relative;
font-size: .9375rem;
}

.custom-select select {
display: none; /*hide original SELECT element:*/
}

.select-selected {
background-color: white;
}


/*style the items (options), including the selected item:*/
.select-selected {  
    border-color: #dbdbdb;
    color: #363636;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    border-radius: 4px;
    height: 2.2em;
}
.select-items div,.select-selected {  
    padding: 5px 7px;
    border: 1px solid #dbdbdb; 
    cursor: pointer;
    user-select: none; 
}
.select-items div {  
    border: 0;  
    border-left: 1px solid #dbdbdb;   
    border-right: 1px solid #dbdbdb;   
}

.select-items div:last-child {  
    border-bottom: 1px solid #dbdbdb;   
}

.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #000; 
}


/*style items (options):*/
.select-items {
    position: absolute;
    background-color: white;
    top: auto;
    left: 0;
    right: 0;
    z-index: 99;
    max-height: 300px;
    overflow-y: scroll;
}

/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}

.select-items div:hover, .same-as-selected {
    border-color: #3273dc;
    background-color:#3273dc ;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    color: white;
}
.select-arrow-active{
    border-color: #3273dc;
}
 
input.error,select.error,div.error{
    border-color:red;
}