/**
 * Icons in the module menu
 */
.modulemenu-icon span.icon-markup svg path[fill="#4C7E3A"],
.modulemenu-icon span.icon-markup svg path[fill="#A4276A"],
.modulemenu-icon span.icon-markup svg path[fill="#EE8433"],
.modulemenu-icon span.icon-markup svg path[fill="#D04038"],
.modulemenu-icon span.icon-markup svg path[fill="#6DAAE0"],
.modulemenu-icon span.icon-markup svg path[fill="#5D6364"],
.modulemenu-icon span.icon-markup svg path[fill="#1A568F"],
.modulemenu-icon span.icon-markup svg path[fill="#439B92"],
.modulemenu-icon span.icon-markup svg path[fill="#D03F38"],
.modulemenu-icon span.icon-markup svg path[fill="#1D588E"],
.modulemenu-icon span.icon-markup svg path[fill="#6C9DCC"],
.modulemenu-icon span.icon-markup svg path[fill="#428954"],
.modulemenu-icon span.icon-markup svg path[fill="#184F44"],
.modulemenu-icon span.icon-markup svg path[fill="#59F"],
.modulemenu-icon span.icon-markup svg path[fill="#FF5E49"],
.modulemenu-icon span.icon-markup svg path[fill="#8B2F60"],
.modulemenu-icon span.icon-markup svg path[fill="#428859"],
.modulemenu-icon span.icon-markup svg path[fill="#D04139"],
.modulemenu-icon span.icon-markup svg path[fill="#EF8534"],
.modulemenu-icon span.icon-markup svg path[fill="#ae06a5"],
.modulemenu-icon span.icon-markup svg path[fill="#8DD02E"],
.modulemenu-icon span.icon-markup svg g[fill="#F08D34"],
.modulemenu-icon span.icon-markup svg g[fill="#6DAAE0"],
.modulemenu-icon span[data-identifier="module-security"] svg path[fill="#235594"],
.modulemenu-icon span[data-identifier="module-template"] svg path[fill="#93C"],
.modulemenu-icon span[data-identifier="static-info-tables-icon"] svg *,
.modulemenu-icon span.icon-markup svg g[fill="#CA6434"] {
    fill: #8DD02E !important;
}
a:hover .modulemenu-icon span.icon-markup svg path[fill="#4C7E3A"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#A4276A"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#EE8433"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#D04038"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#6DAAE0"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#5D6364"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#1A568F"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#439B92"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#D03F38"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#1D588E"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#6C9DCC"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#428954"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#184F44"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#59F"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#FF5E49"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#8B2F60"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#428859"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#D04139"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#EF8534"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#ae06a5"],
a:hover .modulemenu-icon span.icon-markup svg path[fill="#8DD02E"],
a:hover .modulemenu-icon span.icon-markup svg g[fill="#F08D34"],
a:hover .modulemenu-icon span.icon-markup svg g[fill="#6DAAE0"],
a:hover .modulemenu-icon span[data-identifier="module-security"] svg path[fill="#235594"],
a:hover .modulemenu-icon span[data-identifier="module-template"] svg path[fill="#93C"],
a:hover .modulemenu-icon span[data-identifier="static-info-tables-icon"] svg *,
a:hover .modulemenu-icon span.icon-markup svg g[fill="#CA6434"] {
    opacity: 0.5 !important;
}
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#4C7E3A"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#A4276A"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#EE8433"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#D04038"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#6DAAE0"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#5D6364"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#1A568F"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#439B92"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#D03F38"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#1D588E"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#6C9DCC"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#428954"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#184F44"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#59F"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#FF5E49"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#8B2F60"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#428859"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#D04139"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#EF8534"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#ae06a5"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg path[fill="#8DD02E"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg g[fill="#F08D34"],
.modulemenu-action-active .modulemenu-icon span.icon-markup svg g[fill="#6DAAE0"],
.modulemenu-action-active .modulemenu-icon span[data-identifier="module-security"] svg path[fill="#235594"],
.modulemenu-action-active .modulemenu-icon span[data-identifier="module-template"] svg path[fill="#93C"],
.modulemenu-action-active .modulemenu-icon span[data-identifier="static-info-tables-icon"] svg *,
.modulemenu-action-active .modulemenu-icon span.icon-markup svg g[fill="#CA6434"] {
    opacity: 0.5 !important;
}

button.modulemenu-action > .modulemenu-name {
    font-weight: bold;
}

/**
 * Move TCA description below input and optimize styling
 */
.typo3-TCEforms .form-group .form-description {
    position: relative;
    padding-left: 21px;
    padding-top: 2px;
    margin-top: 0;
    width: auto;
    display: inline-block;
    min-width: auto;
    margin-bottom: 10px;
}
.typo3-TCEforms .form-group .form-description::before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' enable-background='new 0 0 16 16' viewBox='0 0 16 16'%3e%3cg fill='%238dd02e'%3e%3cpath d='M8 2c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7z'/%3e%3cpath d='M7 5a1 1 0 1 1 2 0 1 1 0 1 1-2 0zM7 8a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0V8z'/%3e%3c/g%3e%3c/svg%3e");
    top: 2px;
    position: absolute;
    left: 0;
}
.typo3-TCEforms .form-group .formengine-field-item {
    display: flex;
    flex-direction: column-reverse;
}

/**
 * Content element preview
 */
.t3-page-ce-body-inner {
    overflow: hidden;
}
.ce-preview hr {
    border-color: #333 !important;
}
.ce-preview label {
    font-style: italic;
    color: #737373;
}
.ce-preview-header {
    margin-top: 2px;
    margin-bottom: 0;
}
.ce-preview-subheader {
    margin-top: 8px;
    margin-bottom: 4px;
}
.ce-preview-header-layout {
    font-style: italic;
    color: #737373;
}
.ce-preview-image {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: inline-block;
    margin-bottom: 0.25rem;
    margin-right: 0.25rem;
    float: left;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}
.ce-preview-image-layer {
    display: inline-block;
    background-color: #ffffff99;
    padding: 4px;
    position: absolute;
    right: 4px;
    bottom: 4px;
    max-width: 90%;
}
.ce-preview-image-layer small {
    display: inline-block;
}
.ce-preview-table {
    margin-bottom: 4px;
}
.ce-preview-table-caption {
    padding-bottom: 4px;
    display: inline-block;
}

/**
 * Theme configurator
 */
div[data-foreign-table="tx_leazr_domain_model_extension"] .typo3-newRecordLink {
    /* display: none; */
}
.table-settings {
    border: 0 solid;
}
.table-settings td:first-child {
    width: 120px;
}