/* Full width form fields */
.mat-form-field {
    width: 100%;
}

/* limit the color bar of color inputs */
input[type='color'] {
    max-width: 100px;
}

/* Spacing between config entries */
.config-form-group {
    margin-bottom: 15px;
}

/* Custom hint and error classes for the checkbox. Same values as .mat-hint and -mat-error */
.hint,
.error {
    font-size: 75%;
}
.hint {
    color: rgba(0, 0, 0, 0.54);
}
.error {
    color: #f44336;
}

.config-field-wrapper {
    width: 100%;
    display: flex;

    .form-item {
        flex: 2;
    }
    .reset-button {
        max-width: 30px;
        width: 30px;
        flex: 1;
    }
}