a:hover {
    text-decoration: none;
    opacity: .95
}

.bb-grey {
    border-bottom: 1px solid #eff2f8!important
}

.handle {
    cursor: grab
}

[data-bs-toggle] .feather-more-horizontal,[data-bs-toggle] .feather-more-vertical {
    width: 20px;
    height: 20px
}

.custom-alert {
    padding: 10px
}

.custom-alert p {
    display: block;
    padding-bottom: 5px
}

.alert-danger {
    color: #fff;
    background-color: #d11b2a;
    border-color: #d11b2a
}

.alert-success {
    color: #fff;
    background-color: #52c012;
    border-color: #52c012
}

.alert-warning {
    color: #fff;
    background-color: #d1a71b;
    border-color: #d1a71b
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: .25rem .25rem;
    height: 40px
}

.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #151515;
    color: #fff;
    border: 0
}

.select2-container--open {
    z-index: 1056
}

.bootstrap-tagsinput {
    display: block;
    max-width: 100%;
    cursor: default;
    vertical-align: middle;
    color: #718096;
    border: 0 solid transparent;
    border-radius: .375rem;
    background-color: transparent;
    margin-bottom: 10px
}

.bootstrap-tagsinput input {
    display: block;
    width: 100%;
    max-width: inherit;
    margin: 0;
    padding: 0;
    color: #4a5568;
    border: 0;
    outline: 0;
    background-color: transparent;
    box-shadow: none
}

.bootstrap-tagsinput input:-ms-input-placeholder {
    opacity: 1;
    color: #a0aec0
}

.bootstrap-tagsinput input::-ms-input-placeholder {
    opacity: 1;
    color: #a0aec0
}

.bootstrap-tagsinput input::placeholder {
    opacity: 1;
    color: #a0aec0
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none
}

.bootstrap-tagsinput [data-role=remove] {
    position: absolute;
    top: 50%;
    margin-left: 10px;
    cursor: pointer;
    transform: translate(0,-50%);
    opacity: 0;
    color: #fff
}

.bootstrap-tagsinput [data-role=remove]:after {
    font-size: 16px;
    content: '×'
}

.bootstrap-tagsinput .badge {
    line-height: 1.5;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: .125rem;
    padding: .625rem .625rem .5rem;
    transition: all .2s ease;
    color: #fff;
    border-radius: .375rem;
    background: #008aff;
    box-shadow: 0 1px 2px rgba(31,45,61,.25)
}

[data-scheme=dark] .bootstrap-tagsinput input {
    color: #fff
}

@media (prefers-reduced-motion:reduce) {
    .bootstrap-tagsinput .badge {
        transition: none
    }
}

.bootstrap-tagsinput .badge:hover {
    padding-right: 1.675rem
}

.bootstrap-tagsinput .badge:hover [data-role=remove] {
    opacity: 1
}

.editor {
    height: 300px
}

.pagination {
    display: flex;
    padding-left: 10px;
    margin-top: 10px;
    list-style: none
}

.pagination a {
    position: relative;
    display: block;
    color: #090a05;
    padding: 5px 8px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

#code-editor {
    height: 300px
}

.cke_bottom,.cke_top {
    background-color: #fff!important
}

.progress {
    display: flex;
    height: 1.5rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: right;
    padding-right: 5px;
    white-space: nowrap;
    background-color: #090a05;
    transition: width .6s ease
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.inline-copy {
    position: relative;
    background: #ffffff;
    color: #000000 !important;
    text-decoration: none;
    font-size: 11px;
    top: -2px;
    margin-left: 2px;
    padding: 0 5px 1px;
    border: 1px solid #b7b7b7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.inline-copy:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0,120,222,0);
    border-right-color: #858585;
    border-width: 4px;
    margin-top: -4px
}

.float-away {
    position: relative
}

.float-away:after {
    content: attr(data-href);
    position: absolute;
    left: 0;
    top: 0;
    display: block
}

.float-away:after {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: float-away;
    animation-name: float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes float-away {
    from {
        opacity: 1;
        top: 0
    }

    to {
        top: -30px;
        opacity: .1
    }
}

.no-checkbox input[type=checkbox] {
    display: none
}

.icon-45 {
    width: 45px;
    height: 45px
}

.icon-36 {
    width: 36px;
    height: 36px
}
.avatar-lg{
    width: 100px;
    height: 100px;
}

.contact-box {
    padding: 15px;
    margin: 10px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.contact-box .contact-label {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.contact-box .contact-description {
    color: #000;
    opacity: .9;
    margin: 15px 0!important
}

.contact-box .form-group {
    margin-top: 20px
}

.contact-box .form-group .control-label {
    color: #000
}

.contact-box .form-group textarea {
    color: #000;
    border-color: rgba(0,0,0,.2);
    box-shadow: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.contact-box .form-group input {
    color: #000;
    border-color: rgba(0,0,0,.2);
    padding: 5px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.contact-box button {
    background: #000;
    color: #fff;
    border: 0;
    padding: 5px 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.poll-box {
    padding: 15px;
    margin: 10px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.poll-box .poll-question {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.poll-box ol.poll-answers {
    padding: 0;
    margin: 10px 0
}

.poll-box ol.poll-answers>li {
    list-style: none;
    border: 0!important;
    color: #000;
    opacity: .95;
    padding: 10px 0;
    font-size: 1.1em;
    font-weight: 700
}

.poll-box ol.poll-answers>li div {
    margin-right: 5px
}

.poll-box button {
    background: #000;
    color: #fff;
    border: 0;
    padding: 5px 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.custom-overlay {
    overflow: hidden
}

.custom-overlay .custom-message {
    position: relative;
    margin: 10px;
    background-color: #0067f4;
    color: #fff;
    padding: 15px 35px 15px 15px;
    max-width: 320px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.custom-overlay .custom-message .custom-label {
    position: absolute;
    background-color: #fff;
    top: 13px;
    right: -20px;
    color: #000;
    padding: 0 20px;
    font-size: 11px;
    font-weight: 700;
    width: 75px;
    height: 15px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.custom-overlay .custom-message p {
    margin: 0!important
}

.custom-overlay .custom-message .custom-img {
    float: left;
    margin-right: 10px
}

.custom-overlay .custom-message .custom-img img {
    max-height: 50px;
    max-width: 50px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.custom-overlay .custom-message .custom-text {
    display: block;
    color: #fff
}

.custom-overlay .custom-message .btn {
    background-color: #fff;
    font-weight: 700;
    margin-top: 5px
}

.custom-overlay .custom-message .btn:hover {
    color: #000
}

#main-overlay {
    position: relative
}

#main-overlay #site {
    position: absolute;
    z-index: 0
}

#main-overlay .clickable {
    cursor: pointer
}

#main-overlay .custom-message.custom-bg {
    background-size: cover
}

#main-overlay .custom-message {
    z-index: 99999;
    bottom: -500px;
    position: absolute;
    margin: 10px;
    background-color: #0067f4;
    color: #fff;
    padding: 15px 35px 15px 15px;
    max-width: 320px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

#main-overlay .custom-message.tl {
    top: 0;
    left: 0;
    bottom: auto;
    transform: translatey(10px);
    animation: showdown 1s ease-in
}

#main-overlay .custom-message.tr {
    top: 0;
    right: 0;
    bottom: auto;
    transform: translatey(10px);
    animation: showdown 1s ease-in
}

#main-overlay .custom-message.br {
    bottom: 0;
    right: 0;
    transform: translatey(-10px);
    animation: showup 1s ease-in
}

#main-overlay .custom-message.bl {
    bottom: 0;
    left: 0;
    transform: translatey(-10px);
    animation: showup 1s ease-in
}

#main-overlay .custom-message .custom-label {
    position: absolute;
    background-color: #fff;
    top: 13px;
    right: -20px;
    color: #000;
    padding: 0 20px;
    font-size: 11px;
    font-weight: 700;
    width: 75px;
    height: 15px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#main-overlay .custom-message a.remove {
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 3px
}

#main-overlay .custom-message p {
    margin: 0!important
}

#main-overlay .custom-message .custom-img {
    float: left;
    margin-right: 10px
}

#main-overlay .custom-message .custom-img img {
    max-height: 50px;
    max-width: 50px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

#main-overlay .custom-message .custom-text {
    display: block;
    color: #fff
}

#main-overlay .custom-message .btn {
    background-color: #fff;
    font-weight: 700;
    margin-top: 5px
}

#main-overlay .custom-message .btn:hover {
    color: #000
}

#main-overlay .contact-overlay {
    position: fixed;
    z-index: 9999
}

#main-overlay .contact-overlay.br {
    bottom: 10px;
    right: 15px;
    transform: translatey(-10px);
    animation: showup 1s ease-in
}

#main-overlay .contact-overlay.bl {
    bottom: 10px;
    left: 10px;
    transform: translatey(-10px);
    animation: showup 1s ease-in
}

#main-overlay .contact-event {
    background: #fff;
    color: #000;
    padding: 8px;
    display: block;
    box-shadow: 0 10px 15px rgba(0,0,0,.1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: 700;
    text-decoration: none
}

#main-overlay .contact-event i {
    background: #000;
    color: #fff;
    padding: 5px 6px;
    border-radius: 20px;
    margin-right: 5px
}

#main-overlay .contact-event i.success {
    background: #82e26f!important
}

#main-overlay .contact-box {
    display: none;
    width: 320px;
    position: relative
}

#main-overlay .contact-box a.contact-close {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #000;
    opacity: .4
}

#main-overlay .contact-box a.contact-close:hover {
    opacity: .6
}

#main-overlay .poll-overlay {
    position: fixed;
    z-index: 9999
}

#main-overlay .poll-overlay.br {
    bottom: 10px;
    right: 15px;
    transform: translatey(-10px);
    animation: showup 1s ease-in
}

#main-overlay .poll-overlay.bl {
    bottom: 10px;
    left: 10px;
    transform: translatey(-10px);
    animation: showup 1s ease-in
}

#main-overlay .poll-overlay .poll-box {
    width: 320px;
    position: relative
}

.sp-replacer.sp-light {
    background: #fff;
    border-color: #e0e0e0
}

.sp-container.sp-light {
    background: #fff;
    color: #000;
    border-color: #ccc
}

.sp-input {
    color: #000
}

.close {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    float: right;
    opacity: .5;
    color: rgba(0,0,0,.6);
    text-shadow: none
}

.close:hover {
    text-decoration: none;
    color: rgba(255,255,255,.6)
}

button.close {
    padding: 0;
    border: 0;
    background-color: transparent
}

[data-notify=container] {
    padding: 10px
}

.input-select span.select2 {
    flex: 1 1 auto;
    width: 1%;
    display: flex
}

.input-select span.select2 span.selection {
    width: 100%
}

.input-select span.select2 span.select2-selection {
    border-radius: 0 .25rem .25rem 0!important;
    border-color: #ced4da!important;
    height: 40px;
    padding: .25rem
}

.input-select span.select2 span.select2-selection.select2-selection--multiple {
    height: auto;
}

.input-select .select2-container .select2-selection--single .select2-selection__arrow {
    top: 6px;
    right: 7px
}

.input-select span.select2 span.select2-selection {
    border-radius: .25rem!important
}

.select2-container .select2-search--dropdown .select2-search__field {
    outline: 0;
    border-radius: 2px
}

.autocomplete-suggestions {
    background: #fff;
    padding: 5px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%)
}

.btn.btn-default {
    background: #e9ebef;
    color: #5b677e
}

.btn.btn-default:hover {
    background: #f2f3f5
}

[data-scheme=dark] .main {
    background: transparent
}
[data-scheme=dark] .dropdown-menu {
    background: #090a05;
    border: 1px solid #3d3d3d;
}

[data-scheme=dark] .dropdown-item,[data-scheme=dark] .main {
    color: #fff
}
[data-scheme=dark] .nav-flag.active, [data-scheme=dark] .nav-flag:hover, [data-scheme=dark] .nav-icon.active, [data-scheme=dark] .nav-icon:hover{
    color: #fff;
}
[data-scheme=dark] .card-selected {
    background: #09111a !important;
}
[data-scheme=dark] .dropdown-item:hover {
    background: #151515 !important;
    color: #fff
}
[data-scheme=dark] .dropdown-item.active, [data-scheme=dark] .dropdown-item:active{
    background: #000
}
[data-scheme=dark] .border-top,[data-scheme=dark] .modal-footer,[data-scheme=dark] .modal-header {
    border-color: #2f2f2f !important
}

[data-scheme=dark] .card,[data-scheme=dark] .modal-content {
    background: #151515;
    border-color: #2f2f2f;
    box-shadow: 0 2px 0 rgba(8, 4, 22, 0.3) !important;
}

[data-scheme=dark] .card-footer,[data-scheme=dark] .card-header {
    background: #151515;
    color: #fff
}

[data-scheme=dark] .list-group a.list-group-item:not(.active) {
    background: #090a05;
    color: #fff
}

[data-scheme=dark] .navbar-light .text-dark {
    color: #fff!important
}

[data-scheme=dark] .card-title {
    color: #fff
}

[data-scheme=dark] {
    color: #fff;
    background: #090a05
}

[data-scheme=dark] input[type=file]::file-selector-button {
    background-color: #090a05;
    color: #d7d7d7
}

[data-scheme=dark] input[type=file]::file-selector-button:hover {
    background-color: #d7d7d7
}

[data-scheme=dark] .form-control,[data-scheme=dark] .form-select {
    background-color: #151515;
    color: #fff;
    border-color: #2f2f2f!important
}

[data-scheme=dark] .form-control:focus {
    border-color: #090a05;
    color: #fff
}

[data-scheme=dark] .input-group-text {
    background: #151515;
    color: #fff;
    border-color: #2f2f2f!important
}

[data-scheme=dark] .form-text {
    color: #d7d7d7!important
}

[data-scheme=dark] footer {
    background: transparent;
    color: #fff
}

[data-scheme=dark] .text-muted {
    color: #d7d7d7!important
}

[data-scheme=dark] .border:not(.border-danger) {
    border-color: #2f2f2f !important
}

[data-scheme=dark] .bg-white {
    background: #151515!important
}

[data-scheme=dark] .h1,[data-scheme=dark] .h2,[data-scheme=dark] .h3,[data-scheme=dark] .h4,[data-scheme=dark] .h5,[data-scheme=dark] .h6,[data-scheme=dark] h1,[data-scheme=dark] h2,[data-scheme=dark] h3,[data-scheme=dark] h4,[data-scheme=dark] h5,[data-scheme=dark] h6 {
    color: #fff
}

[data-scheme=dark] .navbar-light {
    background: transparent;
    border-color: #1d1e1e !important;
}

[data-scheme=dark] .navbar-light .navbar-nav .nav-link {
    color: #fff
}

[data-scheme=dark] .hamburger,[data-scheme=dark] .hamburger:after,[data-scheme=dark] .hamburger:before {
    background: #fff
}

[data-scheme=dark] .btn.btn-default {
    background: #151515;
    color: #fff
}

[data-scheme=dark] .btn.btn-default:hover {
    background: #12181d
}

[data-scheme=dark] .table tbody,[data-scheme=dark] .table td,[data-scheme=dark] .table tfoot,[data-scheme=dark] .table th,[data-scheme=dark] .table thead,[data-scheme=dark] .table tr,[data-scheme=dark] .table>:not(:last-child)>:last-child>* {
    border-color: #151515!important;
    color: #fff
}

[data-scheme=dark] .input-group-navbar .btn,[data-scheme=dark] .input-group-navbar .form-control {
    background: #151515
}

[data-scheme=dark] .input-select span.select2 span.select2-selection {
    border-color: #2f2f2f!important;
    background: #151515
}

[data-scheme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff!important
}

[data-scheme=dark] .select2-dropdown {
    background: #151515;
    border-color: #2f2f2f
}

[data-scheme=dark] .select2-search__field {
    color: #fff!important
}

[data-scheme=dark] .select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 5px;
    background: #151515;
    border-color: #2f2f2f
}

[data-scheme=dark] .datepicker-panel>ul>li {
    background: #151515
}

[data-scheme=dark] .datepicker-dropdown {
    box-shadow: 0 3px 6px #14181c;
    border: transparent
}

[data-scheme=dark] .autocomplete-suggestions {
    background: #151515
}

.datepicker-container {
    z-index: 2000!important
}

.btn-primary.active {
    color: #fff
}

.daterangepicker {
    color: #000!important
}

.pagination a {
    padding: 8px 15px
}

[data-scheme=dark] .pagination a {
    background: #090a05;
    border-color: #25303a;
    color: #fff
}

[data-scheme=dark] .text-dark {
    color: rgba(233,236,239,.5)!important
}

[data-scheme=dark] .font-select-active>span,[data-scheme=dark] .font-select>span {
    background-color: #25303a!important;
    color: #fff!important
}

[data-scheme=dark] .font-select .fs-drop {
    background: #090a05;
    color: #fff
}

[data-scheme=dark] .sp-container,[data-scheme=dark] .sp-input,[data-scheme=dark] .sp-replacer.sp-light {
    background: #25303a;
    color: #fff;
    border: #000
}

.pagination li.active a {
    background: #090a05;
    color: #fff;
    border-color: transparent
}

.iconpicker-popover.popover {
    opacity: 1!important
}

[data-scheme=dark] .iconpicker-popover.popover {
    background: #151515
}

[data-scheme=dark] .iconpicker-popover.popover .popover-title {
    background: #151515;
    border-color: #000
}

[data-scheme=dark] .iconpicker .iconpicker-items {
    background: #151515
}

[data-scheme=dark] .iconpicker .iconpicker-item:hover {
    background: #3e4955
}

[data-scheme=dark] {
    color-scheme: dark
}

.input-group-navbar .form-select {
    background-color: #e9edf1
}

table.table-styled {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 100%
}

table.table-styled tr td {
    background: #fff;
    padding: 20px
}

[data-scheme=dark] table.table-styled tr td {
    background: #090a05
}

table.table-styled tr td:first-child {
    border-radius: .3rem 0 0 .3rem
}

table.table-styled tr td:last-child {
    border-radius: 0 .3rem .3rem 0
}

.note-toolbar {
    background: 0 0!important;
    border-color: #a5b4c3!important
}

.note-editor.note-airframe .note-statusbar,.note-editor.note-frame .note-statusbar {
    background: 0 0!important;
    border-color: #a5b4c3!important
}

.note-editor.note-frame {
    border-color: #a5b4c3!important
}

[data-scheme=dark] .note-editor.note-frame {
    border-color: #2f2f2f!important
}

[data-scheme=dark] .note-editor.note-airframe .note-statusbar,[data-scheme=dark] .note-editor.note-frame .note-statusbar {
    background: 0 0!important;
    border-color: #2f2f2f!important;
    color: #fff!important
}

[data-scheme=dark] .note-toolbar {
    background: 0 0!important;
    border-color: #2f2f2f!important
}

[data-scheme=dark] .note-btn {
    background: #090a05!important;
    border-color: #2f2f2f!important;
    color: #fff!important
}

[data-scheme=dark] .note-editable {
    color: #fff!important
}

[data-scheme=dark] .note-modal-content {
    color: #fff!important;
    background: #151515!important
}

.note-modal-content {
    padding: 10px 0!important
}

.note-modal-header {
    border: 0!important
}

[data-scheme=dark] .note-form-label {
    color: #fff!important
}

.avatar-xs {
    height: 20px;
    width: 20px
}

.card-preview {
    border-radius: 25px;
    height: 720px;
    max-width: 380px;
    width: 100%;
    margin-left: auto;
    overflow: hidden;
    position: sticky;
    top: calc(50vh - 360px);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;
}

@media screen and (max-width: 767px) {
    .card-preview {
        position:relative;
        max-width: 100%
    }
}

@media (min-width: 767px) and (max-width:968px) {
    .card-preview {
        max-width:350px
    }
}
.card-preview iframe {
    height: 100%;
    position: absolute;
    overflow-x: hidden;
}
.nav-link.text-muted.active {
    color: #fff!important;
    background: #090a05;
    border-radius: 8px;    
}
.nav-tabs .nav-link {
    color: #090a05
}
.nav-tabs .nav-link.active {
    border: 1px solid #dee2e6;
    border-radius: 5px
}
[data-scheme=dark] .wrapper {
    background: #090a05;
}
[data-scheme=dark] .nav-tabs .nav-link {
    color: #fff
}
[data-scheme=dark] .nav-tabs .nav-link.active {
    color: #000
}
[data-scheme=dark] .btn {
    color: #fff
}
[data-scheme=dark] .bg-light {
    background: #151515!important
}
[data-scheme=dark] .sidebar, [data-scheme=dark] .sidebar-content {
    background: #151515 !important;
    border-right: 1px solid #090a05;
}
[data-scheme=dark] .sidebar-item.active .sidebar-link:hover, [data-scheme=dark] 
 .sidebar-item.active>.sidebar-link {
    color: #fff;
    background: #36383b;
}
[data-scheme=dark] .sidebar-link, [data-scheme=dark] a.sidebar-link {
    color: #fff;
}
[data-scheme=dark] .sidebar-item.active .sidebar-link:hover i, 
[data-scheme=dark] .sidebar-item.active .sidebar-link:hover svg, 
[data-scheme=dark] .sidebar-item.active>.sidebar-link i, 
[data-scheme=dark] .sidebar-item>.sidebar-link i,
[data-scheme=dark] .sidebar-item>.sidebar-link svg,
[data-scheme=dark] .sidebar-item.active>.sidebar-link svg {
    color: #fff;
}
[data-scheme=dark] .sidebar-item.active .sidebar-link:hover i, [data-scheme=dark] .sidebar-item.active .sidebar-link:hover svg, [data-scheme=dark] .sidebar-item.active>.sidebar-link i, [data-scheme=dark] .sidebar-item.active>.sidebar-link svg{
    background-color: #090a05;
}
[data-scheme=dark] li.sidebar-header {
    color: #fff;
}
[data-scheme=dark] .sidebar-link:hover {
    background: #44505d;
}
[data-scheme=dark] .sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: #fff;
}
[data-scheme=dark] .sidebar-dropdown .sidebar-item .sidebar-link {
    color: #b1bcc7;
}
[data-scheme=dark] a.sidebar-brand, [data-scheme=dark] a.sidebar-brand:hover {
    color: #fff;
}
.btn-light.active{
    background-color: #ccc;
}
[data-scheme=dark] .btn-light,[data-scheme=dark] .btn-light:hover {
    background: #151515;
    border: 0;
    color:#fff !important;
}
[data-scheme=dark] .btn-light.active {
    background: #090a05;
}
[data-scheme=dark] .sidebar-brand img:first-child{
    display: none;
}
[data-scheme=dark] .sidebar-brand img:nth-child(2){
    display: inline-block !important;
}
.card-selected {
    background: #f4fbff;
}
.primary-gradient{
    background: #FC466B;
    background: -moz-linear-gradient(135deg, #FC466B 0%, #3F5EFB 100%);
    background: -webkit-linear-gradient(135deg, #FC466B 0%, #3F5EFB 100%);
    background: linear-gradient(135deg, #FC466B 0%, #3F5EFB 100%);
}
[data-scheme=dark]:root{
    --ck-color-base-background: #151515 !important;
    --ck-color-base-foreground: #151515;
    --ck-color-base-border: #2f2f2f !important;    
    --ck-color-base-text: #fff !important;                
}
.form-check-input-lg {
    width: 3em !important;
    height: 1.5em;
}
[data-notify=container]{
    z-index:9999 !important
}
[data-scheme=dark] .border-secondary {
    border-color: #fff !important;
}
[data-scheme=dark] .bg-light svg *{
    fill: #fff !important;
}
.autocomplete-list {
    position: absolute;
    z-index: 1000;
    list-style: none;
    background: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    margin: 0;
}
.autocomplete-list li {
    padding: 5px 10px;
    cursor: pointer;
}
.autocomplete-list li:hover {
    background: #f0f0f0;
}
.rounded-4{
    border-radius: 0.8rem !important;
}
[data-scheme=dark] .text-black{
    color: #fff !important;
}
[data-scheme=dark] .border-start, [data-scheme=dark] .border-end{
    border-color: #2f2f2f !important;
}
@media (max-width: 767px) {
    .scrollable-nav{
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }
    .scrollable-nav .nav-item{
        white-space: nowrap;
    }
}
[data-scheme=dark] a{
    color: rgb(0, 176, 255);
}
[data-scheme=dark] .text-primary{
    color: #fff !important;
}
[data-scheme=dark] .dropdown-menu-header{
    border-bottom-color: #131b22;
}
.sortable-chosen{
    background: rgba(255,255,255,.8) !important;
    border-radius: 10px;
}
[data-scheme=dark] .sortable-chosen{
    background: rgba(26, 33, 39, 0.8) !important;
}
.floating-submit {
    position: sticky;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    display: none;
}
.form-text {
    margin-top: 0.75rem;
    font-size: 90%;
}
.border-transparent{
    border-color: transparent !important;
}
.theme-active{
    border-color: #000 !important;
}
.template-option {
    cursor: pointer;
    border: 2px solid #dee2e6;
    background-color: #ffffff;
    position: relative;
    border-radius: 10px !important;
}
.template-option:hover {
    border-color: #adb5bd;
}
.template-option.active {
    background-color: #ffffff !important;
    border-color: #000000 !important;
    border-width: 2px !important;
}
.template-option.active::after {
    content: '✓';
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    background-color: #000000;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}