/***********************/
/* STANDARD AUTOCOMPLETE*/
/***********************/
.phoenix-autocomplete.k-autocomplete,
.phoenix-autocomplete,
.k-autocomplete {
    width: 100%;
}

.phoenix-autocomplete.k-autocomplete.k-state-focused,
.phoenix-autocomplete,
.k-autocomplete {
    background-color: var(--inputfield-background);
    border-color: var(--inputfield-border);
}

.phoenix-autocomplete.k-autocomplete,
.phoenix-autocomplete,
.k-autocomplete {
    background-color: var(--inputfield-background);
    border-color: var(--inputfield-border);
    border-radius: 2px;
    min-height: 4rem;
}

.phoenix-autocomplete.k-autocomplete.k-state-hover,
.phoenix-autocomplete.k-state-hover,
.k-autocomplete.k-state-hover {
    box-shadow: var(--small-shadow);
    background-color: var(--inputfield-background);
    border-color: var(--inputfield-border);
}

.phoenix-autocomplete.k-autocomplete.k-state-focused,
.phoenix-autocomplete.k-state-focused,
.k-autocomplete.k-state-focused {
    box-shadow: var(--small-shadow);
    border-color: var(--inputfield-border);
}

.phoenix-autocomplete.k-autocomplete .k-input,
.phoenix-autocomplete .k-input,
.k-autocomplete .k-input {
    box-shadow: none;
    border: none;
    border-radius: 2px;
}

.phoenix-autocomplete li,
.k-multi-select li {
    max-width: 90%;
}

.phoenix-autocomplete li span,
.k-multi-select li span {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*************/
/*Filter Icon*/
/*************/
.k-autocomplete ~ .k-widget.k-dropdown.k-dropdown-operator {
    width: 2rem;
    height: 4rem;
    right: 6px;
}

.k-autocomplete ~ .k-dropdown.k-dropdown-operator .k-dropdown-wrap {
    height: 4rem;
    width: 4rem;
}

/***************/
/*Invalid Input*/
/***************/
.is-invalid {
    border-color: var(--alert-border);
}

.invalid-feedback {
    color: var(--alert-font);
}

/*************/
/*Placeholder*/
/*************/
.k-autocomplete-wrap > .k-input {
    color: var(--placeholder-font);
    opacity: 1;
    font-weight: 300;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.k-autocomplete-wrap > .k-input:focus {
    color: var(--value-mutable-font);
    font-style: normal;
}

/******************/
/*Selected Options*/
/******************/
[id^=PartialExamExamAssignedRooms_] ul,
#GeneralInfoAssignedTags ul,
#GeneralInfoExamAssignedRooms ul,
#FreetextAssignedAnswerTags ul {
    padding: 0;
}

[id^=PartialExamExamAssignedRooms_] li.k-button,
#GeneralInfoAssignedTags li.k-button,
#GeneralInfoExamAssignedRooms li.k-button,
#FreetextAssignedAnswerTags li.k-button,
.phoenix-autocomplete.k-autocomplete .k-autocomplete-wrap li.k-button,
.phoenix-autocomplete .k-autocomplete-wrap li.k-button,
.k-autocomplete .k-autocomplete-wrap li.k-button {
    background-color: var(--multiselect-option-background);
    border-color: var(--multiselect-option-background);
    color: var(--multiselect-option-font);
    text-transform: none;
    padding: 0 2px 0 8px;
}

[id^=PartialExamExamAssignedRooms_] li.k-button:hover,
#GeneralInfoAssignedTags li.k-button:hover,
#GeneralInfoExamAssignedRooms li.k-button:hover,
#FreetextAssignedAnswerTags li.k-button:hover,
.phoenix-autocomplete.k-autocomplete .k-autocomplete-wrap li.k-button:hover,
.phoenix-autocomplete .k-autocomplete-wrap li.k-button:hover,
.k-autocomplete .k-autocomplete-wrap li.k-button:hover {
    background-color: var(--multiselect-option-hover-background);
    border-color: var(--multiselect-option-hover-background);
    color: var(--multiselect-option-hover-font);
}

[id^=PartialExamExamAssignedRooms_] span.k-select,
#GeneralInfoAssignedTags span.k-select,
#GeneralInfoExamAssignedRooms span.k-select,
#FreetextAssignedAnswerTags span.k-select,
.phoenix-autocomplete.k-autocomplete .k-autocomplete-wrap span.k-select,
.phoenix-autocomplete .k-autocomplete-wrap span.k-select,
.k-autocomplete-wrap span.k-select {
    padding: 0;
    margin: 0;
}

[id^=PartialExamExamAssignedRooms_] li.k-button,
#GeneralInfoAssignedTags li.k-button,
#FreetextAssignedAnswerTags li.k-button,
#GeneralInfoExamAssignedRooms li.k-button {
    text-transform: none;
    border-radius: 25px;
}

[id^=PartialExamExamAssignedRooms_] li.k-button {
    margin: 2px;
}

#EditBlueprintRuleForm .k-autocomplete-wrap .k-select,
#Details #DetailsArea .k-autocomplete-wrap .k-select,
#CreateMediumForm .k-autocomplete-wrap .k-select {
    position: initial !important;
}

#GeneralInfoAssignedTags ul,
#CreateMediumForm .k-autocomplete-wrap ul {
    overflow: auto !important;
    max-height: 90px;
}

#Details #DetailsArea .k-autocomplete-wrap ul {
    overflow: auto !important;
}