.color-red {
    color: red;
}

.ItemEdit-GroupTitle {
    /*background-color: #0b5ed7;
    color: #FFF;*/
    background-color: lightgray;
    color: black;
    padding: 10px;
    font-size: 20px;
}

.ItemEdit-GroupTitle[Collapsible='True'] {
    cursor: pointer;
}

.ItemEdit-GroupTitle .material-symbols-outlined {
    vertical-align: sub;
    cursor: pointer;
    margin-right: 3px
}

.ItemEdit-SubGroupTitle {
    font-weight: bold;
    padding: 7px 0px 3px 0px;
}

.ItemEdit-SubGroupAttributes {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.ItemEdit-AttributeContainer {
    width: 100%;
    padding-bottom: 10px;
}

    .ItemEdit-AttributeContainer:nth-child(odd) {
        padding-right: 5px;
        padding-left: 5px;
    }

    .ItemEdit-AttributeContainer:nth-child(even) {
        padding-left: 5px;
        padding-right: 5px;
        align-self: center;
    }

.ItemEdit-Padding {
    padding: 10px
}

.ItemEdit-GroupContainer.ItemEdit-Padding {
    border: 1px solid #CCC;
    padding: 0;
    border-radius: 10px;
    /*overflow: hidden;*/
    margin-bottom: 15px
}

.ItemEdit-Container input[type="radio"],
.ItemEdit-Container input[type="checkbox"] {
    margin-right: 4px;
}

.ItemEdit-Container input[type="radio"] + label,
.ItemEdit-Container input[type="checkbox"] + label {
    cursor: default;
    margin-right: 16px;
}

.ItemEdit-AttributeTip, .ItemEdit-SubGroupTip {
    color: dodgerblue;
}

.ItemEdit-GroupTip {
    color: white;
}

.ItemEdit-AttributeControlContainer {
    width: 100%;
}

.ItemEdit-AttributeControl {
    width: 100%;
    display: flex;
}

    .ItemEdit-AttributeControl > label {
        width: 100%;
    }

.ItemEdit-AttributeToolTip {
    position: relative;
    top: 15px;
}

.No-Wrap {
    white-space: nowrap;
}

.FileDropArea .label-text {
    z-index: 1;
}

.FileDropArea .material-symbols-outlined {
    user-select: none;
}

.FileDropArea .FilesContent {
    position: relative;
    border: 2px dashed #ccc;
    border-radius: 8px;
    padding: 11px 0px 2px 8px;
}
.FileDropArea.highlight .FilesContent {
    border-color: purple;
}

.FileDropArea .FilesContent .FileUploadButton {
    padding: 0px;
    margin-right: 6px;
}

.FileDropArea .FilesContent .FileUploadButton > * {
    vertical-align: middle;
}

.FileDropArea .FilesContent .gallery {
    display: inline-block;
    margin: 0px;
}

.FileDropArea .FilesContent .gallery > * {
    margin-right: 6px;
}

.FileDropArea .reset-icon {
    transform: rotateY(180deg) translateY(10px);
    position: absolute;
    bottom: 50%;
    right: 0;
    cursor: pointer;
}

.FileTile {
    display: inline-flex;
    padding: 1px 8px;
    border: 2px solid #000;
    border-radius: 20px;
    white-space: nowrap;
}

.FileTile.file-error {
    color: red;
    border-color: red;
}

.FileTile.file-error .file-tile-icon {
    display: none;
}

.FileTile .file-tile-icon {
    position: relative;
    vertical-align: sub;
}