.bo-header-col {
    background-color: var(--bs-primary);
    height: 100%;
    min-height: 100%;
    border-right: 2px solid var(--bs-border-color-translucent);

}

.bo-header-col i {
    color: #eeeeee !important;

}

.bo-header-col .active {
    background-color: #3648a3;
    border: 1px solid #4259c8;
    color: white;

}


.screen-header {
    background-color: #fefefe;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: calc(var(--bs-gutter-x));
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-bottom: 4px;
    top: 0;
    z-index: 99;
}

.screen-header h1 {
    font-weight: bold;
    color: #000;
}


.form-control.form-control-embedded {
    padding: 0 !important;
}

.form-control.form-control-embedded span {
    padding: .375rem .75rem !important;
}

.form-control.form-control-embedded span.autocomplete-placeholder {
    padding: .375rem .75rem !important;
    position: absolute;
    color: #888888
}

.autocomplete-overlay {
    width: 100%;
    position: relative;
    border: 1px solid #fefefe
}


form .row {
    margin-bottom: 6px
}

.ec-employee-name {
    font-size: 14px;
    font-weight: bold;
    color: #888888;
}