@import "src/styles/variables.scss";

.MoveProductResultsList {
    border-bottom: 1px solid $grey_200;
    margin-top: 20px;
    max-height: 30vh;
    overflow-y: scroll;

    .LoadingIndicator {
        min-height: 300px;
    }

    &-table {
        width: 100%;
    }

    &-row {
        cursor: pointer;
        display: block;
        padding: 15px 10px;

        &-selected {
            background: $skyblue-table-stripe;
        }

        &-project-name {
            color: var(--gray-800);
            font-size: 14px;
        }

        &-project-code {
            margin-top: 5px;
        }

        &-project-code,
        &-artist-name {
            color: var(--gray-400);
        }
    }

    &-no-results {
        font-size: 14px;
        padding-top: 20px;
        text-align: center;
    }

    &-icon {
        padding: 0 10px 0 0;

        .Icons-transparent-logo {
            background: var(--gray-100);
        }
    }
}