.general-table-options {
    display: flex;
    flex-direction: row;
}

.general-table-options-table {
    width: 50%!important;
}

.general-form-label {
    width: 215px!important;
}

.general-input {
    width: 19em!important;
}

#edition-panel {
    display: flex;
    flex-direction: column;
}

#overview-panel {
    display: none;
}

#popovers {
    display: none;
}

.action-buttons {
    margin-top: 1em;
    display: flex;
    flex-direction: row;
}

#table-content {
    margin-top: 1em;
    width: 100%;
    table-layout: fixed;
}

.table-col-actions {
    width: 20px;
}

.table-col-actions-cell {
    padding: 0;
}

.table-col-actions-cell-content {
    display: flex;
    flex-direction: row;
    align-items: flex-end;

    height: 24px;
    width: 100%;
    background: #b7b7b7;
}

.table-col-actions-cell-content-drag {
    flex-grow: 1;

    display: flex;
    justify-content: left;
    padding-left: 3px;
}

.table-col-actions-cell-content-actions {
    display: flex;
    flex-direction: row;
}

.table-row-actions-cell {
    width: 20px;
    vertical-align: bottom;

    background: #b7b7b7;
    margin-bottom: 1px;
    margin-right: 0;
}

.action-button-add {
    color: #0073aa;
}

.action-button-delete {
    color: #ca4a1f;
}

.table-header-cell-content {
    height: 60px;
    width: 100%;
    text-align: center;
    border: none !important;
    border-radius: 0 !important;
}

.table-header-row-cell-content {
    height: 100px;
    width: 99.5%;
    text-align: center;
    border: none !important;
    border-radius: 0 !important;
}

.header-without-value {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' fill='grey' /></svg>") no-repeat center center!important;
    background-size: 100% 100%, auto!important;
}

.table-content-cell-html {
    background: white;
}

.table-content-cell-html-content {
    width: 100%;
    height: 100px;

    text-align: center;
    resize: none;
    border: none;
    border-radius: 0 !important;
}

.table-content-cell-image {
    background: white;
    vertical-align: top;
}

.table-content-cell-image-overview {
    text-align: center;
}

.table-content-cell-image-overview-content {
    max-width: 75px;
}

.table-content-cell-affiliation {
    background: white;
    vertical-align: top;
}

div[id^="cell-content-link-list-"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: 80px;
    overflow: auto;
}

.cell-content-link-list-button {
    margin-top: 5px !important;
    margin-left: 5px !important;

    font-size: 13px;
    padding: 0 15px;
    border-width: 0;
    border-radius: 3px;
    line-height: 32px;
    max-height: 32px;
    cursor: pointer;
}

.cell-content-link-list-icon {
    vertical-align: middle;
    margin-bottom: 3px;
}

.table-content-cell-unknown {
    text-align: center;
    background: ghostwhite;
}

#table-content-values {
    display: none;
}

.edit-button-bottom {
    margin-top: 2em !important;
}

.popModal {
    max-width: 500px !important;
}

.popover-header {
    padding-left: 5px;
}

.add-row-popover-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.add-row-popover-button {
    margin-left: 5px!important;
    margin-top: 5px!important;
}

.show-tips-popover-icon-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    text-align: center;
    max-width: 240px;
    margin: 0 auto;
}

.dashicons-button-disabled {
    vertical-align: middle;
    margin-bottom: 2px;
}

#affiliation-link-overview {
    word-break: break-all;
}

.affiliation-parameter-section-label {
    padding: 8px 0 0;
    font-size: 12px;
    font-style: italic;
    color: #646970;
}

.drag-row {
    padding-bottom: 2em;
}

.align-center {
    text-align: center;
}

.pointer {
    cursor: pointer;
}

.info {
    cursor: help;
}

.informations {
    text-align: center;
    margin-top: 10px;
}

.affieasy-icon-green {
    color: #06c29f;
}

.affieasy-icon-red {
    color: #cc0000;
}

.affieasy-icon-blue {
    color: #13b3e3;
}

.affieasy-icon-orange {
    color: #ff6a00;
}

.affieasy-icon-black {
    color: #111111;
}

.affieasy-icon-yellow {
    color: #ffbf00;
}

@media screen and (max-width: 1396px) {
    .form-table {
        margin-top: 0;
    }

    .form-table th,
    .form-table td {
        display: block;
        width: auto;
        vertical-align: middle;
    }

    .form-table th {
        padding: 20px 0 0;
    }

    .form-table td {
        padding: 5px 0;
        border: 0;
        margin: 0;
    }

    .action-buttons {
        margin-top: 2em;
    }
}

@media screen and (max-width: 681px) {
    .header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 643px) {
    .general-table-options {
        flex-direction: column;
    }
}

@media screen and (max-width: 445px) {
    .action-buttons {
        flex-direction: column;
        justify-content: space-between;
    }

    .action-buttons > button {
        margin-bottom: 4px;
    }
}