﻿input[type="text"].dxeEditArea_Material, input[type="password"].dxeEditArea_Material {
    letter-spacing: 0.15px;
}

/*Placeholder*/
.dxeNullText_Material .dxeEditArea_Material {
    color: var(--color-placeholder-grey);
}

table.dxeTextBox_Material {
    border-radius: var(--border-radius-1);
    -moz-border-radius: var(--border-radius-1);
    -webkit-border-radius: var(--border-radius-1);
    border: 1px solid var(--color-black-1);
}

.dxeTextBox_Material:not(.dxeDisabled_Material):hover {
    border-radius: var(--border-radius-1);
    -moz-border-radius: var(--border-radius-1);
    -webkit-border-radius: var(--border-radius-1);
    border: 1px solid var(--color-primary-light-blue-1);
}

.dxeTextBox_Material:focus-within {
    border-radius: var(--border-radius-1);
    -moz-border-radius: var(--border-radius-1);
    -webkit-border-radius: var(--border-radius-1);
    border: 1px solid var(--color-secondary-light-green-1);
}

.dxeTextBox_Material.symbolWithin td::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: var(--font-family-3);
    color: var(--color-grey-1);
    position: absolute;
    right: 10px;
    top: 9px;
    width: 14px;
    height: 16px;
    cursor: text;
}
.dxeTextBox_Material.symbolWithin.euro td::after {
    content: "\f153";
}
.dxeTextBox_Material.symbolWithin.kiloeuro td::after {
    content: "k\f153";
}
.dxeTextBox_Material.symbolWithin.m_carre td::after {
    font-family: inherit;
    content: "m²";
    top: 6px;
}
.dxeTextBox_Material.symbolWithin.hectare td::after {
    font-family: inherit;
    content: "Ha";
    top: 6px;
}
.dxeTextBox_Material.symbolWithin.MWc td::after {
    font-family: inherit;
    content: "MWc";
    top: 6px;
    right: 25px;
}
.dxeTextBox_Material.symbolWithin.search td::after {
    content: "\f002";
}
.dxeTextBox_Material.symbolWithin.habitant td::after {
    content: "ha.";
    font-family: inherit;
    top: 6px;
}

/*Caption*/
.dxeCaptionCell_Material.dxeCLTSys {
    padding: 9px 0 3px 0;
}

table.dxeTextBox_Material:has(.dxeDisabled_Material) {
    background-color: var(--color-grey-9);

}

.dxeEditArea_Material.dxeDisabled_Material {
    background-color: transparent;
    color: var(--color-grey-17);
}