.nxs-form {
    display: flex;
    flex-direction: column;
    width: 30em;

    row-gap: 2.5em;
}

.nxs-form .nxs-form-row {
    width: 100%;
    display: flex;
    flex-direction: column;

    row-gap: 0.5em;
}

.nxs-form .nxs-form-row > label {
    padding: 0;
}

.nxs-form .spanned-row {
    width: 70em;
}

/* ====== Configuration > Machine Health Tab styling ====== */
.nxs-form:has(.machine-health-config-row) {
    width: 100%;
}


.nxs-form .machine-health-config-row {
    width: 100%;
}

.nxs-form .machine-health-config-row > * {
    width: 100%;
}
/* ==========================================================*/
/*telerik grid*/


.k-button.nexus-active {
    background-color: rgb(0, 188, 212) !important;
    border-color: rgb(0, 188, 212) !important;
    color: #fff !important;
}

::deep(.hover-editable .k-grid-content tr:hover td) {
    background-color: #f0f8ff !important;
    cursor: text;
}
/* ==========================================================*/

.nxs-form .nxs-chart-row {
    width: 45em;
    height: 45em;
}

.nxs-row-input-component {
    height: 2.5em;
    width: 100%;
    
    border-radius: 0.4em;
}

.nxs-creatable-form-component {
    display: flex;
    flex-direction: row;

    column-gap: 0.5em;
}

.nxs-row-button-row {
    width: 100%;

    display: flex;
    flex-direction: row;

    column-gap: 1em;
}

.nxs-loader-label {
    display: flex;
    flex-direction: row;

    column-gap: 0.5em;

    align-items: center;
}

.airtable-attachment-container {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    gap: 1em;

    max-height: 30em;
    padding: 0;
    overflow-y: auto;
}

.airtable-attachment-container img {
    max-height: 10em;
    border-radius: 0.75em;
}

.nxs-warning {
    color: #FFAA00;
}

.nxs-info {
    color: #00BCD4;
}

.nxs-error {
    color: #FF0000;
}

.form-and-results-splitter {
    display: grid;
    grid-template-columns: auto 1fr;
}

.required-form-component {
    color: #FF0000;
    position: relative;
}