.dark .form-control.is-invalid:focus {
    border-color: #BC2327;
}

.select2-dropdown {
    z-index: 1000;
}

.permissions-list .permission {
    display: flex;
    position: relative;
}

    .permissions-list .permission a {
        color: #8a92a6;
    }

        .permissions-list .permission a::after {
            position: absolute;
            right: 0;
        }

.custom-text-ellipsis-20 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: block;
    width: 170px;
    -o-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

select.form-control.is-invalid ~ span.select2 span.select2-selection {
    border-color: #BC2327;
}

.choices__input::placeholder {
    color: #8a92a6;
}

#topbar-user-information #topbar-username {
    font-size: 1em;
}

#topbar-user-information #topbar-email {
    font-size: 0.87em;
}

.exit-sweet {
    background-color: #8a92a6;
}

.exit-icon-class .swal2-icon-content {
    color: #8a92a6;
}

::-webkit-calendar-picker-indicator {
    filter: invert(80%);
}

.pb-xxl-5 {
    padding-bottom: 5rem;
}

.color-label, .color-container {
    cursor: pointer;
}

.color-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

#statusColor {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    width: 1.2em;
    height: 1.08em;
    border: none;
    cursor: pointer;
}

    #statusColor::-webkit-color-swatch {
        border-radius: 50%;
        border: 1px solid #FFF;
    }

    #statusColor::-moz-color-swatch {
        border-radius: 50%;
        border: 1px solid #FFF;
    }

.custom-status-nav-item circle {
    transition: fill 300ms;
}

.custom-status-nav-item:hover circle, .custom-status-nav-item .active circle {
    fill: #70b62f;
}

.custom-text-ellipsis-security-group {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: block;
    width: 60vw;
    -o-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.body-column-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}

.form-control:disabled {
    opacity: .7;
    cursor: not-allowed;
}

.modal-body hr {
    margin-top: 1.6rem;
}