.c-pointer {
    cursor: pointer;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w75 {
    width: 75px;
}

.w100 {
    width: 100px;
}

.w125 {
    width: 125px;
}

.w150 {
    width: 150px;
}

.w175 {
    width: 175px;
}

.w200 {
    width: 200px;
}

.w225 {
    width: 225px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.highlight {
    background-color: yellow;
}

.custom-table {
    border-collapse: collapse;
}

    .custom-table td,
    .custom-table th {
        border: 1px solid grey;
    }

        .custom-table td input,
        .custom-table td select,
        .custom-table td textarea,
        .custom-table th input,
        .custom-table th select,
        .custom-table th textarea {
            width: 100%;
            border: none;
        }

    .custom-table tr:nth-child(even),
    .custom-table tr:nth-child(even) input,
    .custom-table tr:nth-child(even) select,
    .custom-table tr:nth-child(even) textarea {
        background-color: lightgrey;
    }

.cursor-pointer {
    cursor: pointer;
}

.audio-sample-row {
    border: 1px solid lightgray;
}

    .audio-sample-row.dragover {
        border: 1px dashed gray;
        background: lightgray;
    }

.hit-container, .hit-content {
    width: 100%;
}

    .hit-content mark {
        background-color: yellow;
    }

.small-button {
    padding: 1px 5px;
    font-size: 13px;
}

.order-row-icon {
    display: inline-block;
    text-align: center;
    width: 16px;
}

    .order-row-icon.check-mark,
    .order-row-icon.exclamation-mark {
        border-radius: 10px;
        font-size: 9.5px;
        font-weight: bold;
    }

    .order-row-icon.check-mark {
        color: green;
        border: solid 1px green;
    }

    .order-row-icon.exclamation-mark {
        color: #ffc107;
        border: solid 1px #ffc107;
    }


.color-gray {
    color: gray;
}