.DTE_Action_Edit .DTE_Field_Name_entry_date,
.DTE_Action_Edit .DTE_Field_Name_ID,
#DTE_Field_media {
    display: none;
}

div.DTE_Field_Name_ID {
    opacity: 0.25;
}

div.DTE_Field_Name_ID label,
div.DTE_Field_Name_ID input {
    font-style: italic;
}

.validation_problem .DTE_Label {
    color: #aa0000;
    font-weight: bold;
}

.dataTable li em {
    display: none;
}

img.thumbnail {
  max-height: 32vh !important;
}

.dtr-details img.thumbnail {
  max-height: 32vh;
  width: auto;
}

.DTE_Field_Input select,
input[type="number"] {
    width: 140px !important;    
}

input#DTE_Field_value {
    position: relative; /* Needed for absolute positioning of the dollar sign */
}

input#DTE_Field_value::before {
    content: '$'; /* The dollar sign */
    position: absolute;
    left: 10px; /* Adjust as needed */
    top: 50%;
    transform: translateY(-50%); /* Center vertically */
}

input#DTE_Field_value {
    width: 128px;
}

input:invalid {
  box-shadow: 0 0 5px 1px rgba(200, 40, 40, 0.25);
  border: 1px solid red;
}

input:focus:invalid {
  box-shadow: none;
}

.dtr-details li[data-dtr-index="1"] {
    display: none;
}

li[data-dtr-index="8"] li img {
    max-width: 18vw !important;
    height: auto;
}

li[data-dt-column="99"] span.dtr-title,
li[data-dt-column="99"] span.dtr-data > span:first-child {
    display: none;
}

li[data-dt-column="7"],
li[data-dt-column="8"],
li[data-dt-column="9"] {
    display: block;
    clear: both;
    overflow: hidden;
}

li[data-dtr-index="7"] ul,
li[data-dtr-index="8"] ul,
li[data-dtr-index="9"] ul {
    display: block;
    clear: both;
    overflow: hidden;
}

li[data-dtr-index="7"] li,
li[data-dtr-index="8"] li,
li[data-dtr-index="9"] li {
  float: left;
  margin-right: 8px;
}

a.btn {
    padding: 4px 6px 4px 6px;
    border: 1px solid #444444;
    display: block;
    margin-top: 4px;
    margin-bottom: 3px;    
    box-shadow: 1px 2px 6px rgba(48, 48, 48, 0.25);
    text-decoration: none;
    background-color: #fcfcfc;
    transition: 0.2s all;
    max-width: 120px;
}

a.btn:hover {
    border: 1px solid #333333;
    margin-top: 5px;
    margin-bottom: 2px;
    box-shadow: 1px 1px 4px rgba(48, 48, 48, 0.33);
    background-color: #fefefe;
}

span.media-upload span {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border: 1px solid #333333;
    margin-right: 7px;
    margin-bottom: 7px;
    display: inline-block;
}

span.media-upload span img {
    width: 120px;
    height: auto;
    vertical-align: middle;
}

.dtr-title {
    font-weight: bold;
}

.DTE_Field_Type_checkbox.DTE_Field_Name_productions div.DTE_Field_Input div.DTE_Field_InputControl {
    max-height: 140px;
    overflow-y: scroll;
}

.propdb_container_search {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 1rem;
}

.propdb_container_search button {
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.propdb_container_search > #propdb_clear {
    background-color: #f44336;
}

.propdb_container_search > .propdb_search_button {
    background-color: #4CAF50;
}