/**
 * Purple
 */
.bg-mir-purple {
    background-color: #8a2479 !important;
}

.text-bg-mir-purple {
    color: #ffffff !important;
    background-color: RGBA(138, 36, 121, var(--bs-bg-opacity, 1)) !important;
}

.badge.bg-mir-purple {
    background: #8a2479;
}

.text-mir-purple {
    color: #8a2479 !important;
}

.btn-mir-purple {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #8a2479;
    --bs-btn-border-color: #8a2479;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #c043ab;
    --bs-btn-hover-border-color: #c731ae;
    --bs-btn-focus-shadow-rgb: 38, 175, 116;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #c043ab;
    --bs-btn-active-border-color: #c731ae;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #8a2479;
    --bs-btn-disabled-border-color: #8a2479;
}

.btn-mir-purple:hover,
.btn.bg-gradient-mir-purple:hover {
    background-color: #8a2479;
    border-color: #8a2479;
}

.btn-mir-purple .btn.bg-outline-mir-purple,
.btn.bg-gradient-mir-purple .btn.bg-outline-mir-purple {
    border: 1px solid #8a2479;
}

.btn-mir-purple:not(:disabled):not(.disabled).active,
.btn-mir-purple:not(:disabled):not(.disabled):active,
.show > .btn-mir-purple.dropdown-toggle,
.btn.bg-gradient-mir-purple:not(:disabled):not(.disabled).active,
.btn.bg-gradient-mir-purple:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-mir-purple.dropdown-toggle {
    color: color-yiq(#8a2479);
    background-color: #8a2479;
}

.btn-mir-purple.focus,
.btn-mir-purple:focus,
.btn.bg-gradient-mir-purple.focus,
.btn.bg-gradient-mir-purple:focus {
    color: #fff;
}

.btn-outline-mir-purple {
    box-shadow: none;
}

.btn-outline-mir-purple:hover:not(.active) {
    background-color: transparent;
    opacity: 0.75;
    box-shadow: none;
    color: #8a2479;
}

/**
 * Blue
 */
.bg-mir-blue {
    background-color: #20a1d9 !important;
}

.text-bg-mir-blue {
    color: #ffffff !important;
    background-color: RGBA(32, 161, 217, var(--bs-bg-opacity, 1)) !important;
}

.badge.bg-mir-blue {
    background: #20a1d9;
}

.text-mir-blue {
    color: #20a1d9 !important;
}

.btn-mir-blue {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #20a1d9;
    --bs-btn-border-color: #20a1d9;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #53b3dc;
    --bs-btn-hover-border-color: #3ea8d6;
    --bs-btn-focus-shadow-rgb: 38, 175, 116;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #53b3dc;
    --bs-btn-active-border-color: #3ea8d6;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #20a1d9;
    --bs-btn-disabled-border-color: #20a1d9;
}

.btn-mir-blue:hover,
.btn.bg-gradient-mir-blue:hover {
    background-color: #20a1d9;
    border-color: #20a1d9;
}

.btn-mir-blue .btn.bg-outline-mir-blue,
.btn.bg-gradient-mir-blue .btn.bg-outline-mir-blue {
    border: 1px solid #20a1d9;
}

.btn-mir-blue:not(:disabled):not(.disabled).active,
.btn-mir-blue:not(:disabled):not(.disabled):active,
.show > .btn-mir-blue.dropdown-toggle,
.btn.bg-gradient-mir-blue:not(:disabled):not(.disabled).active,
.btn.bg-gradient-mir-blue:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-mir-blue.dropdown-toggle {
    color: color-yiq(#20a1d9);
    background-color: #20a1d9;
}

.btn-mir-blue.focus,
.btn-mir-blue:focus,
.btn.bg-gradient-mir-blue.focus,
.btn.bg-gradient-mir-blue:focus {
    color: #fff;
}

.btn-outline-mir-blue {
    box-shadow: none;
}

.btn-outline-mir-blue:hover:not(.active) {
    background-color: transparent;
    opacity: 0.75;
    box-shadow: none;
    color: #20a1d9;
}

/**
 * Green
 */
.bg-mir-green {
    background-color: #91bf3d !important;
}

.text-bg-mir-green {
    color: #ffffff !important;
    background-color: RGBA(145, 191, 61, var(--bs-bg-opacity, 1)) !important;
}

.badge.bg-mir-green {
    background: #91bf3d;
}

.text-mir-green {
    color: #91bf3d !important;
}

.btn-mir-green {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #91bf3d;
    --bs-btn-border-color: #91bf3d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #afde57;
    --bs-btn-hover-border-color: #a9dc4b;
    --bs-btn-focus-shadow-rgb: 38, 175, 116;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #afde57;
    --bs-btn-active-border-color: #a9dc4b;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #91bf3d;
    --bs-btn-disabled-border-color: #91bf3d;
}

.btn-mir-green:hover,
.btn.bg-gradient-mir-green:hover {
    background-color: #91bf3d;
    border-color: #91bf3d;
}

.btn-mir-green .btn.bg-outline-mir-green,
.btn.bg-gradient-mir-green .btn.bg-outline-mir-green {
    border: 1px solid #91bf3d;
}

.btn-mir-green:not(:disabled):not(.disabled).active,
.btn-mir-green:not(:disabled):not(.disabled):active,
.show > .btn-mir-green.dropdown-toggle,
.btn.bg-gradient-mir-green:not(:disabled):not(.disabled).active,
.btn.bg-gradient-mir-green:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-mir-green.dropdown-toggle {
    color: color-yiq(#91bf3d);
    background-color: #91bf3d;
}

.btn-mir-green.focus,
.btn-mir-green:focus,
.btn.bg-gradient-mir-green.focus,
.btn.bg-gradient-mir-green:focus {
    color: #fff;
}

.btn-outline-mir-green {
    box-shadow: none;
}

.btn-outline-mir-green:hover:not(.active) {
    background-color: transparent;
    opacity: 0.75;
    box-shadow: none;
    color: #91bf3d;
}