/*html {
    width: 400px;
    background-color: lightgray;
}*/

body {
    width: 400px;
    background-color: lightblue;
}

.dx-field-item-label-text {
    font-size: 12px;
    font-weight: bold;
}

input {
    font-size: 12px;
    font-weight: bold;
}

.dx-placeholder {
    font-size: 9px;
    padding-bottom: 2px;
}

.dx-form .dx-field-item {
    padding-top: 2px; /* Adjust as needed */
    padding-bottom: 2px; /* Adjust as needed */
}

/* Adjust the height of the editor input element itself (e.g., in a text box) */
.dx-form .dx-texteditor-input {
    min-height: 20px; /* Adjust to your desired height */
    height: 20px; /* Adjust to your desired height */
}

/* Adjust the font size to reduce overall element height */
.dx-form .dx-field-item-label, .dx-form .dx-texteditor-input {
    font-size: 12px; /* Adjust as needed */
}

/*dx-item dx-box-item {
    padding-top: 3px;*/ /* Adjust as needed */
    /*padding-bottom: 3px;*/ /* Adjust as needed */
/*}

.dx-texteditor-input-container {
    padding-top: 3px;*/ /* Adjust as needed */
    /*padding-bottom: 3px;*/ /* Adjust as needed */
/*}*/

/*.dx-field-item {
    padding-bottom: 5px;*/ /* Adjust as needed, default is usually 10-15px */
/*}*/

/*.dx-texteditor-input-container {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}

.dx-field-item-label {
    padding-bottom: 0px !important;*/ /* Reduces space between label and editor */
/*}*/

/* Reduce the height of form items and spacing */
/*.dx-field,
.dx-form-group-content .dx-field-label,
.dx-form-group-content .dx-field-value {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}*/

/* Reduce the overall line height for items */
/*.dx-field-item {
    line-height: 0px !important;
}*/

/* Reduce space between items if using layout groups */
.dx-form-group-content .dx-field {
    margin-bottom: 0px !important;
}

.dx-item dx-box-item .dx-item dx-box-item{
    height: 250px;
}