autocomplete.component.scss

@import '../../css/vars.scss';

.mat-form-field-appearance-outline {
    font-size: 11px;
}

::ng-deep.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: $primary;
}

::ng-deep.mat-form-field-prefix {
    top: 0px !important;
}

.no-margin {
    ::ng-deep.mat-form-field-wrapper {
        margin: 0px;
        padding: 0px;
    }
}

.mat-option {
    ::ng-deep.mat-option-text {
        align-items: center;
        display: flex;
    }

    span {
        font-size: 110%;
        font-weight: bold;
    }
}

.mat-option-disabled {
    opacity: 0.3 !important;
}

.autcompleteIcon {
    width: 20px;
    display: flex;
    align-items: center;
}

.smallInput {
    padding-left: 20px;
    padding-right: 20px;

    ::ng-deep.mat-form-field-infix {
        padding: 0px;
        padding-bottom: 5px;
    }
}

.smallInputInfo {
    font-size: 9px;
    white-space: normal;
    line-height: 13px;
    display: table-cell;
    vertical-align: middle;
}

.input-form {
    ::ng-deep.mat-form-field-prefix {
        left: 15px;
    }
}

.activeListAutocomplete {
    font-size: 13px;
    height: auto;
}

.noResult {
    text-align: center;
    font-style: italic;
    opacity: 0.5;
}

.autoCompleteInfoResult {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
}