:root {
    --bs-success: #47b97b;
    --bs-text-success: #47b97b;
    --bs-warning: #ffae00;
    --bs-text-warning: #ffae00;
    --bs-warning-active: #f1ad00;
    --bs-scrollbar-color: auto;
    --bs-scrollbar-hover-color: auto;
}

.swimlane-cell {
    min-width: 100%;
}

.swimlane-transition {
    min-width: 30px;
    width: 30px;
}

.swimlane-transition svg {
    width: 100%;
    height: 100%;
}

.swimlane-add-step {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.swimlane-add-step--between {
    opacity: 0;
}

.swimlane-add-step--first {
    left: -28px;
    transform: translateY(-50%);
    display: none;
}

.swimlane-add-step--last {
    left: calc(100% - 2px);
    transform: translateY(-50%);
    display: none;
}

.swimlane-add-step .symbol-label {
    background-color: gray;
}

.swimlane-cell:hover .swimlane-add-step {
    display: block;
}

.swimlane-transition:hover path,
.swimlane-transition:focus path {
    stroke: var(--bs-primary)
}

.swimlane-transition:hover .symbol-label,
.swimlane-transition:focus .symbol-label {
    background: var(--bs-primary)
}

.swimlane-transition:hover .swimlane-add-step,
.swimlane-transition:focus .swimlane-add-step {
    opacity: 1;
}

.modal-backdrop-enter-from.modal-backdrop.show, .modal-backdrop-leave-to.modal-backdrop.show {
    opacity: 0;
}
.modal-backdrop-enter-to.modal-backdrop.show, .modal-backdrop-leave-from.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity);
}
.modal-backdrop-enter-active.modal-backdrop.show, .modal-backdrop-leave-active.modal-backdrop.show {
    transition: .3s all;
}

.modal-enter-from, .modal-leave-to {
    opacity: 0;
}
.modal-enter-from.modal.show .modal-dialog, .modal-leave-to.modal.show .modal-dialog {
    transform: translate(0, -50px);
}
.modal-enter-to, .modal-leave-from {
    opacity: 1;
}
.modal-enter-to.modal.show .modal-dialog, .modal-leave-from.modal.show .modal-dialog {
    transform: none;
}
.modal-enter-active, .modal-leave-active {
    transition: .3s all;
}
.modal-enter-active .modal-dialog, .modal-leave-active .modal-dialog {
    transition: .3s all;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .3s ease;
    opacity: 1;
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}

.bg-purple-cover {
    background-image: url("../media/patterns/bg-purple-cover.svg");
    background-size: cover;
}

.nav-items .dashboard-icon, .nav-items a:hover, .nav-items a.active {
    background: #F1F1F2;
}
.nav-items a:hover .dashboard-icon, .nav-items a.active .dashboard-icon {
    background: #FFF;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.form-check-label {
    margin-left: -10px;
    padding-left: 10px;
}

.background-comment-card {
    background-color: #f3ebff;
}

.background-self-comment-card {
    background-color: #f1f1f2;
}

.btn-icon-left i {
    margin-left: -0.35rem;
}

.btn-icon-right i {
    margin-right: -0.35rem;
}

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

.select2-container--open {
    z-index: 1100;
}

.triangle:before,
.triangle:after {
    content: '';
    position: absolute;
    background-color: inherit;
}

.triangle,
.triangle:before,
.triangle:after {
    width: 15px;
    height: 15px;
    border-top-right-radius: 50%;
}

.triangle {
    transform: rotate(30deg) skewX(-30deg) scale(1, .866);
}

.triangle:before {
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
}

.triangle:after {
    transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
}

.fa-2xs {
    font-size: .625em !important;
    line-height: .1em !important;
    vertical-align: .225em !important;
}

.fa-xs {
    font-size: .75em !important;
    line-height: .08333em !important;
    vertical-align: .125em !important;
}

.fa-sm {
    font-size: .875em !important;
    line-height: .07143em !important;
    vertical-align: .05357em !important;
}

.fa-lg {
    font-size: 1.25em !important;
    line-height: .05em !important;
    vertical-align: -.075em !important;
}

.fa-xl {
    font-size: 1.5em !important;
    line-height: .04167em !important;
    vertical-align: -.125em !important;
}

.fa-2xl {
    font-size: 2em !important;
    line-height: .03125em !important;
    vertical-align: -.1875em !important;
}

a .card {
    transition: .3s box-shadow;
}

a .card:hover {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);
}

.bg-hover-subtle-primary:hover {
    background-color: var(--bs-primary-bg-subtle) !important;
}