/*------------------------------------
 - COLOR primary
 ------------------------------------*/
.alert-primary {
    color: #220e2a;
    background-color: #cba1de !important;
    border-color: #c392d9 !important;
}
.alert-primary hr {
    border-top-color: #b97fd3 !important;
}
.alert-primary .alert-link {
    color: #030104;
}
.badge-primary {
    color: #fff;
    background-color: #6b2e86 !important;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #4c2060 !important;
}
.bg-primary {
    background-color: #6b2e86 !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #4c2060 !important;
}
.border-primary {
    border-color: #6b2e86 !important;
}
.btn-primary {
    color: #fff;
    background-color: #6b2e86 !important;
    border-color: #6b2e86 !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #55246b !important;
    border-color: #4c2060 !important;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(107, 46, 134, 0.5) !important;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #6b2e86 !important;
    border-color: #6b2e86 !important;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #4c2060 !important;
    border-color: #431d54 !important;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(107, 46, 134, 0.5) !important;
}
.btn-outline-primary {
    color: #6b2e86 !important;
    background-color: transparent;
    border-color: #6b2e86 !important;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #6b2e86 !important;
    border-color: #6b2e86 !important;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(107, 46, 134, 0.5) !important;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #6b2e86 !important;
    background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #6b2e86 !important;
    border-color: #6b2e86!important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(107, 46, 134, 0.5) !important;
}
.list-group-item-primary {
    color: #220e2a !important;
    background-color: #c392d9 !important;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #220e2a !important;
    background-color: #b97fd3 !important;
}
.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #220e2a !important;
    border-color: #220e2a !important;
}
.table-primary, .table-primary > th, .table-primary > td {
    background-color: #c392d9 !important;
}
.table-hover .table-primary:hover {
    background-color: #b97fd3 !important;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #b97fd3 !important;
}
.text-primary {
    color: #6b2e86 !important;
}
a.text-primary:hover, a.text-primary:focus {
    color: #4c2060 !important;
}



/*
    Custom
*/

.hk-nav-purple {
    background-color: #6b2e86 !important;
}

.hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-purple .navbar-nav .nav-item ul.collapse-level-1, .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-2 {
    background-color: #6b2e86 !important;
}
.dropify-wrapper .dropify-message span.file-icon {
    background: #6b2e86 !important;
}
.form-control:focus, .dd-handle:focus {
    border-color: #6b2e86 !important;
}
.form-control:focus {
    border-color: #714888 !important;
    box-shadow: 0 0 0 0.1rem rgba(107, 46, 134, 0.5) !important;
}
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #6b2e86;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #6b2e86;
}

/* animation card */
.aurora-outer {
    background: linear-gradient(45deg, #6b2e86 0%, #bb39f5 49%, #c95df9 82%);
    background-size: 200%;
    animation: aurora 10s infinite;
}

.aurora-inner {
    background: radial-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
    background-size: 200%;
    animation: aurora 7s infinite;
}

@keyframes aurora {
    0% {
        background-position: left top;
    }
    25% {
        background-position: right top;
    }
    50% {
        background-position: right bottom;
    }
    75% {
        background-position: left bottom;
    }
    100% {
        background-position: left top;
    }
}