.offcanvas,
.popover,
.popover-body,
.popover-header {
    color: #c6acff;
}

.offcanvas {
    background-color: rgba(22, 0, 49, 0.99);
}

.popover {
    background-color: rgba(var(--bs-dark-rgb), 0.589);
}

.popover-header {
    background-color: rgba(var(--bs-dark-rgb), 0.859);
    border-bottom: 1px solid rgba(var(--bs-secondary-rgb), 0.329);
}

.collapse.show,
.progress {
    background-color: rgba(var(--bs-dark-rgb), 0.785);
}

.collapse.show {
    z-index: 1000000;
}

.progress {
    margin: 3px 0;
    height: 10px;
    border: 1px solid rgba(var(--bs-secondary-rgb), 0.339);
}

.dropdown-menu-dark,
.modal-content,
.pagination .page-item .page-link:hover,
.pagination .page-item.active .page-link {
    background-color: rgba(var(--bs-dark-rgb), 1);
}

.modal-content .btn-close {
    background-color: var(--bs-white);
}

.modal-content .modal-header,
.modal-footer {
    border-color: rgba(var(--bs-secondary-rgb), 0.35);
}

.btn.btn-dark {
    background-color: rgba(var(--bs-black-rgb), 0.458);
    border-color: rgba(var(--bs-secondary-rgb), 0.229);
}

.nav.nav-pills {
    margin-bottom: 7px;
}

.nav .nav-item {
    background-color: rgba(var(--bs-dark-rgb), 0.859);
    margin: 0 5px;
    border: 1px solid rgba(var(--bs-secondary-rgb), 0.139);
}

.nav .nav-item:hover {
    background-color: rgba(var(--bs-dark-rgb), 0.459);
}

.nav .nav-item .nav-link {
    color: #ccc;
}

.alert {
    border: 0;
    border-radius: 2px;
}

.alert.alert-success {
    color: #ccc;
    background-color: rgba(var(--bs-success-rgb), 0.29);
}

.alert.alert-info {
    color: #ccc;
    background-color: rgba(var(--bs-info-rgb), 0.29);
}

.alert.alert-warning {
    color: #ccc;
    background-color: rgba(var(--bs-warning-rgb), 0.29);
}

.alert.alert-danger {
    color: #ccc;
    background-color: rgba(var(--bs-danger-rgb), 0.29);
}

.dropdown-menu-dark .dropdown-item:hover {
    background-color: rgba(50, 50, 50, 0.39);
}

.textcomplete-dropdown {
    background-color: rgba(var(--bs-black-rgb), 1) !important;
    top: auto !important;
    bottom: 5% !important;
    color: var(--bs-light) !important;
    z-index: 99900 !important;
    padding: 0 !important;
    border: 2px solid rgba(var(--bs-secondary-rgb), 0.239) !important;
    border-radius: 0 !important;
}

.textcomplete-item {
    padding: 5px 0;
    border-bottom: 1px solid rgba(var(--bs-secondary-rgb), 0.539) !important;
}

.textcomplete-item:last-child {
    border: none !important;
}

.textcomplete-item.active {
    background-color: rgba(var(--bs-dark-rgb), 1) !important;
}

.textcomplete-item a {
    background-color: transparent !important;
    color: var(--bs-light) !important;
    padding: 5px !important;
}

.textcomplete-item a:hover,
.textcomplete-item:active,
.textcomplete-item:focus,
.textcomplete-item:hover {
    background-color: rgba(var(--bs-dark-rgb), 1) !important;
    color: var(--bs-light) !important;
}

.emojionearea-editor {
    color: var(--bs-light) !important;
}

.emojionearea.form-control,
.form-control {
    background-color: rgba(var(--bs-dark-rgb), 0.7) !important;
    color: var(--bs-light) !important;
    border-color: rgba(var(--bs-secondary-rgb), 0.259) !important;
    border-radius: 0 !important;
}

.emojionearea.form-control,
.form-control:focus {
    background-color: rgba(var(--bs-dark-rgb), 0.425) !important;
    color: var(--bs-light) !important;
    border-color: rgba(var(--bs-secondary-rgb), 0.159) !important;
    box-shadow: none !important;
}

select.form-control option {
    background-color: var(--bs-black) !important;
}

.form-control::placeholder {
    color: var(--bs-light);
}

.table {
    --bs-table-bg: rgba(var(--bs-dark-rgb), 0);
    --bs-table-striped-bg: rgba(var(--bs-dark-rgb), 0.3);
    --bs-table-hover-bg: rgba(var(--bs-dark-rgb), 0.5);
    border-color: rgba(var(--bs-secondary-rgb), 0.339);
}

.table > :not(:first-child) {
    border-top-width: 0;
}

.table thead tr th {
    background: rgba(var(--bs-dark-rgb), 0.885) !important;
    text-align: center;
    border-color: rgba(var(--bs-secondary-rgb), 0.239) !important;
}

.pagination {
    margin: 0;
}

.pagination .page-item:not(:first-child) {
    margin: 0 4px 0 0;
}

.pagination .page-link {
    background: rgba(var(--bs-dark-rgb), 0.485) !important;
    color: #fff;
    border-color: rgba(var(--bs-secondary-rgb), 0.129) !important;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 0;
}

hr.style {
    border-top: 1px dotted rgba(var(--bs-secondary-rgb), 0.65);
    border-bottom: 1px dotted rgba(var(--bs-light-rgb), 0.67);
}

hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

.background-repeat {
    background-repeat: repeat;
}

.background-repeat-x {
    background-repeat: repeat-x;
}

.background-repeat-y {
    background-repeat: repeat-y;
}

.background-pos-tl {
    background-position: top left;
}

.background-pos-tc {
    background-position: top center;
}

.background-pos-tr {
    background-position: top right;
}

.background-pos-cl {
    background-position: center left;
}

.background-pos-c {
    background-position: center;
}

.background-pos-cr {
    background-position: center right;
}

.background-pos-bl {
    background-position: bottom left;
}

.background-pos-bc {
    background-position: bottom center;
}

.background-pos-br {
    background-position: bottom right;
}

.background-size-auto {
    background-size: auto;
}

.background-size-contain {
    background-size: contain;
}

.background-size-cover {
    background-size: cover;
}

.background-fixed {
    background-attachment: fixed;
}

.background-scroll {
    background-attachment: scroll;
}

.background-revert {
    background-attachment: revert;
}

.background-initial {
    background-attachment: initial;
}

.background-inherit {
    background-attachment: inherit;
}

.background-local {
    background-attachment: local;
}

.background-unset {
    background-attachment: unset;
}

::-webkit-scrollbar-track {
    background-color: rgba(var(--bs-dark-rgb), 0.09);
    -webkit-box-shadow: inset 0 0 6px rgba(var(--bs-dark-rgb), 0.5);
    border-radius: 10px;
}

::-webkit-scrollbar {
    background-color: rgba(var(--bs-dark-rgb), 0.09);
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(var(--bs-dark-rgb), 1);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(var(--bs-dark-rgb), 0.3);
}

@media screen and (max-width: 767px) {
    .emojionearea.form-control,
    .form-control {
        font-size: 16px !important;
    }
}