.badge {
    &.badge-role_user {
        background-color: var(--itap-bleuAccess);
    }

    &.badge-role_manager {
        background-color: var(--itap-orangeUb);
    }

    &.badge-role_admin {
        background-color: var(--itap-violetUb);
    }

    &.badge-status-active {
        background-color: var(--itap-vertUb);
    }

    &.badge-status-suspended {
        background-color: var(--itap-rougeUb);
    }
}

.items-admin-page {
    .table {
        .item-title {
            font-weight: bold;
        }

        .item-desc {
            font-size: 0.9em;
            font-style: italic;
        }
    }
}

.gallery-admin-page {
    .table {
        .viewer-title {
            font-weight: bold;
        }

        .viewer-items {
            font-size: 0.9em;
            font-style: italic;
        }
    }
}

.gallery-edit {
    .card {
        margin-bottom: 0.5em;

        &.thumbnail-card {
            .card-body {
                img {
                    width: 100%;
                }

                #thumbnail-dropzone {
                    font-size: 2.5em;
                    position: absolute;
                    bottom: 1rem;
                    right: 1rem;
                    width: 2em;
                    height: 2em;
                    background-color: var(--itap-primary);
                    color: white;
                    display: block;
                    padding: 0.2em;

                    &.active {
                        background-color: white;
                        color: var(--itap-orangeUb);
                    }

                    i {
                        display: inline-block;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translateX(-50%) translateY(-50%);
                    }
                }
            }
        }
    }

    .form-label {
        font-weight: bold;
        margin-top: 1em;
    }

    .mesh-row {
        margin-bottom: 2rem;

        .mesh-title {
            display: flex;
            align-items: stretch;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: space-between;
            justify-content: space-between;
            border-bottom: 1px solid black;
            margin-bottom: 0.5rem;

            .mesh-name {

            }

            .mesh-actions {
                .view-mode {
                    display: block;
                }

                .edit-mode {
                    display: none;
                }

                a {
                    margin-right: 0.5em;
                    text-decoration: none;

                    &:last-child {
                        margin-right: 0;
                    }

                    .icon-text {
                        .icon {
                        }

                        .text {
                            margin-left: 0.5em;
                            display: none;
                        }
                    }
                }
            }
        }

        .mesh-name {
            font-weight: bold;
        }

        .mesh-color {
            display: inline-block;
            width: 1rem;
            border: solid 2px black;
            height: 1rem;
            margin-right: 0.5rem;
        }

        .mesh-entry {
            margin-left: 1rem;
        }

        input[type="color"] {
            cursor: pointer;
        }
    }
}

@media (max-width: 991px) {
    .gallery-edit {
        .col {
            flex: initial;
            margin-bottom: 2em;
        }
        .col:last-child {
            margin-bottom: 0;
        }
    }
}

.admin-page {
    h2 {
        position: relative;

        .dropdown {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;

            .dropdown-menu-end li {
                text-align: right;
            }
        }
    }

    table {
        background-color: white;
    }
}