.object-selector {
    width: 200px;
    height: 20px;
    border: 1px solid #2a9bff;
    padding: 2px 5px 2px 5px;
    border-radius: 4px;
}

.object-select {
    min-width: 20px;
    transition: all 200ms;
    height: 22px;
    display: inline-flex;
    align-items: center;
    background-color: #4caf50;
    border: 1px dashed #4caf50;
    padding: 5px 20px 5px 15px;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.object-select:focus, .object-select:hover  {
}

.object-select i {
    margin-right: 13px;
}

.object-select span {
    width: calc(100%);
    overflow: hidden;
    text-overflow: ellipsis;
}

.object-select[required]:not([set]) {
    background-color: #fff0eb;
    border: 1px dashed #ff8686;
}

.object-select:not([required]):not([set]) {
    background-color: #fbfbfb;
    border: 1px dashed #b7b7b7;
}

.object-select[required]:not([set]) i.fa.fa-stroopwafel {

    color: #792020;
}

.object-select:not([required]):not([set]) i.fa.fa-stroopwafel{
    color:#474747;
}

.object-select[reqired]:not([set]) span {
    color: #b4a9a9;
}

.object-select[set] {
    color: white;
}

.object-select[set] i.fa.fa-ban {
    display: block;
    color: #293b2a42;
}

.object-select i.fa.fa-ban {
    display: none;
}

.object-select[set] i.fa.fa-stroopwafel {
    display: none;
}

.object-select i.fa.fa-stroopwafel {}

.object-select[set]:not([disabled]):hover i.fa.fa-ban {
    color: white;
}

.object-select[set]:not([no-change]):hover {
    background-color: #70b873;
    border: 1px solid #70b873;
}

.object-select:not([reqired]):not([set]) span {
    color: Gray;
}

.object-select:not([required]):not([set]):not([disabled]):hover {
    border: 1px solid #00000087;
}

.object-select[required]:not([set]):not([disabled]):hover {
    border: 1px solid #ff8686;
}