@import "../../../ngbTargetsForm.variables.scss";

$list-control-height: calc($table-control-height + 2px);

ngb-target-genes-list {
    md-autocomplete.ngb-targets-form-autocomplete {
        min-width: 50px;
        border-radius: $table-control-border-radius;
        background: $table-control-background;
        border: $table-control-border;
        height: 100%;
        color: $table-control-font-color;
        box-sizing: border-box;

        &:hover {
            background: $table-control-hover-background;
        }

        &.error {
            border-bottom: 1px solid red;
            margin: 0;
        }
    }

    .md-whiteframe-1dp, .md-whiteframe-z1 {
        box-shadow: none;
    }

    md-autocomplete.ngb-targets-form-autocomplete input:not(.md-input) {
        font-size: $table-control-font-size;
        box-sizing: border-box;
        border: none;
        box-shadow: none;
        outline: none;
        background: transparent;
        width: 100%;
        padding: $table-control-padding;
        line-height: $list-control-height;
        height: 100%;
        color: $table-control-font-color;
    }

    md-autocomplete.ngb-targets-form-autocomplete md-autocomplete-wrap {
        height: 100%;
        box-sizing: border-box;
    }

    md-autocomplete.ngb-targets-form-autocomplete button {
        display: none;
    }
}

.ngb-targets-form-autocomplete-menu-container {
    min-width: max(300px, 25vw)!important;
}

.autocomplete-list.md-autocomplete-suggestions {
    li {
        padding: $table-control-padding;
        line-height: $table-control-height;
        height: $table-control-height;
        overflow: visible;
        width: auto;
        color: $table-control-font-color;
    }
}
