/*!
 * Name: RootUI - Dashboards and Administration areas for React + Redux and HTML
 * Version: 1.1.4
 * Author: dexad, nK
 * Website: https://nkdev.info/
 * Purchase: https://themeforest.net/user/_nk/portfolio
 * Support: https://nk.ticksy.com/
 * License: You must have a valid license purchased only from ThemeForest (the above link) in order to legally use the theme for your project.
 * Copyright 2021.
 */
/*------------------------------------------------------------------
  [Table of contents]
  
  1. Demo
  2. Base
  3. Typography
  4. Helpers
  5. Navbar
  6. Section lines
  7. Sign
  8. Mailbox
  9. Messenger
  10. Project Management
  11. File Manager
  12. Profile
  13. Footer
  14. Elements
    - Element Alert
    - Element Breadcrumb
    - Element Buttons
    - Element Card
    - Element Carousel
    - Element Collapse
    - Element Table
    - Element Pagination
    - Element Dropdown
    - Element Forms
    - Element List group
    - Element Media object
    - Element Modal
    - Element Navs
    - Element Popovers
    - Element Progress
    - Element Toast
    - Element Blockquote
    - Element Popup
    - Element Snippet
    - Element Timeline
    - Element Changelog
    - Element Kanban
    - Element Task
    - Element Image Boxes
    - Element Widget
    - Element Social links
    - Element Box Window
    - Element Feature
  15. Plugins
    - Plugin Yay
    - Plugin Overlay Scrollbars
    - Plugin Emojione Area
    - Plugin Sortablejs
    - Plugin Swiper
    - Plugin Fullcalendar
    - Plugin Fancybox
    - Plugin Jstree
    - Plugin Sweetalert
    - Plugin Jqvmap
    - Plugin Datatable
    - Plugin DateTime Picker
    - Plugin DateRange Picker
    - Plugin Touchspin
    - Plugin Ion Range Slider
    - EasyMDE (Markdown)
    - Colorpicker
    - Plugin Chartist
    - Plugin Selectize
    - Plugin Peity (chart)
    - Plugin Flot (chart)
    - Plugin Highlight
    - Plugin Quill
    - Plugin Dropzone
-------------------------------------------------------------------*/
/**
  [Typography]

  Body:       13px/1.8 Open Sans, sans-serif;
  Title:      Nunito Sans, sans-serif
  Blockquote: PT Serif, serif

  Note: Most of font sizes are relative to the base font size (rem)
 */
/*------------------------------------------------------------------

  Demo

 -------------------------------------------------------------------*/
.demo > .modal {
    background-color: rgba(69, 76, 85, 0.85);
}

.demo-icons {
    color: #a0aebb;
    background-color: #323942;
    border-color: #323942;
}

.demo-icons > .rui-icon {
    stroke: #c7d1db;
}

.demo-icons:hover {
    background-color: #3c424c;
    border-color: #454c55;
}

/*------------------------------------------------------------------

  Base

 -------------------------------------------------------------------*/
body {
    background-color: #292f38;
}

.rui-page .rui-page-sidebar {
    border-left-color: #3c424c;
}

.rui-page .rui-page-sidebar > .nav {
    background-color: #292f38;
}

.rui-separator {
    border-bottom-color: #3c424c;
}

/*------------------------------------------------------------------

  Typography

 -------------------------------------------------------------------*/
body {
    color: #a9b1bb;
}

a {
    color: #725ec3;
}

a:hover, a.hover {
    color: #443388;
}

a:active {
    color: #725ec3;
}

label {
    color: #a0aebb;
}

code:not(.hljs) {
    color: #a0aebb;
    background-color: #323942;
}

/* headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #c7d1db;
}

/*------------------------------------------------------------------

  Helpers

 -------------------------------------------------------------------*/
.border {
    border-color: #3c424c !important;
}

/*
 * Text Color Helper
 */
.text-white {
    color: #fff !important;
}

.text-black {
    color: #000 !important;
}

.text-1 {
    color: #c7d1db !important;
}

.text-2 {
    color: #a9b1bb !important;
}

.text-grey-1 {
    color: #323942 !important;
}

.text-grey-2 {
    color: #3c424c !important;
}

.text-grey-3 {
    color: #454c55 !important;
}

.text-grey-4 {
    color: #4f565f !important;
}

.text-grey-5 {
    color: #586069 !important;
}

.text-grey-6 {
    color: #626973 !important;
}

/*
 * Bg Color Helper
 */
.bg-white {
    background-color: #fff !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-1 {
    background-color: #c7d1db !important;
}

.bg-2 {
    background-color: #a9b1bb !important;
}

.bg-grey-1 {
    background-color: #323942 !important;
}

.bg-grey-2 {
    background-color: #3c424c !important;
}

.bg-grey-3 {
    background-color: #454c55 !important;
}

.bg-grey-4 {
    background-color: #4f565f !important;
}

.bg-grey-5 {
    background-color: #586069 !important;
}

.bg-grey-6 {
    background-color: #626973 !important;
}

/*------------------------------------------------------------------

  Navbar

 -------------------------------------------------------------------*/
.rui-navbar .rui-navbar-content .rui-navbar-dropdown-notice > li:hover .rui-navbar-notice,
.rui-navbar .rui-navbar-content .rui-navbar-dropdown-notice > li.hover .rui-navbar-notice {
    background-color: #323942;
}

.rui-navbar .rui-navbar-content .rui-navbar-dropdown-notice > li:hover .rui-navbar-notice-img,
.rui-navbar .rui-navbar-content .rui-navbar-dropdown-notice > li.hover .rui-navbar-notice-img {
    color: #4f565f;
    background-color: #3c424c;
}

.rui-navbar .rui-navbar-language {
    color: #c7d1db;
}

.rui-navbar .rui-navbar-language:hover, .rui-navbar .rui-navbar-language.hover, .rui-navbar .rui-navbar-language.active {
    color: #c7d1db;
    background-color: #323942;
}

.rui-navbar-top {
    background-color: #292f38;
}

.rui-navbar-top .rui-navbar-content > .nav .dropdown-menu > .dropdown > .dropdown-item::after {
    background-color: #586069;
}

.rui-navbar-top .rui-navbar-content > .nav .dropdown:hover > .dropdown-item::after,
.rui-navbar-top .rui-navbar-content > .nav .dropdown.hover > .dropdown-item::after {
    background-color: #c7d1db;
}

.rui-navbar-mobile {
    background-color: #292f38;
    -webkit-box-shadow: 0 0 0 5px #292f38;
            box-shadow: 0 0 0 5px #292f38;
}

.rui-navbar-mobile + .rui-navbar-bg {
    background-color: rgba(69, 76, 85, 0.85);
}

.rui-navbar-mobile > .rui-navbar-collapse:not(.show)::-webkit-scrollbar-thumb {
    background-color: #292f38;
}

.rui-navbar-mobile > .rui-navbar-collapse::-webkit-scrollbar-track {
    background-color: #292f38;
}

.rui-navbar-mobile > .rui-navbar-collapse::-webkit-scrollbar {
    background-color: #292f38;
}

.rui-navbar-mobile > .rui-navbar-collapse::-webkit-scrollbar-thumb {
    background-color: #454c55;
}

.rui-navbar-mobile .rui-navbar-content .nav .dropdown-menu > .dropdown > a::after {
    background-color: #586069;
}

.rui-navbar-mobile .rui-navbar-content .nav .dropdown-menu > .dropdown.show > a::after {
    background-color: #c7d1db;
}

/*------------------------------------------------------------------

  Section lines

 -------------------------------------------------------------------*/
.rui-section-lines .rui-page-title {
    border-bottom-color: #3c424c;
}

.rui-section-lines .rui-footer {
    border-top-color: #3c424c;
}

.rui-section-lines .rui-navbar-top {
    border-bottom-color: #3c424c;
}

.rui-section-lines .rui-navbar-mobile {
    -webkit-box-shadow: -5px 5px 0 0 #292f38, 5px 5px 0 0 #292f38, -5px -5px 0 0 #292f38, 5px -5px 0 0 #292f38, -5px 6px 0 #3c424c, 5px 6px 0 #3c424c;
            box-shadow: -5px 5px 0 0 #292f38, 5px 5px 0 0 #292f38, -5px -5px 0 0 #292f38, 5px -5px 0 0 #292f38, -5px 6px 0 #3c424c, 5px 6px 0 #3c424c;
}

.rui-section-lines.yay-hide .yaybar.rui-yaybar.yay-overlay {
    -webkit-box-shadow: 5px 0 0 #292f38, -5px 0 0 #292f38, 6px 0 0 #3c424c;
            box-shadow: 5px 0 0 #292f38, -5px 0 0 #292f38, 6px 0 0 #3c424c;
}

.rui-section-lines .rui-yaybar {
    -webkit-box-shadow: 1px 0 0 #3c424c;
            box-shadow: 1px 0 0 #3c424c;
}

.rui-section-lines .rui-yaybar-icons {
    -webkit-box-shadow: 0 -1px 0 #3c424c;
            box-shadow: 0 -1px 0 #3c424c;
}

/*------------------------------------------------------------------

  Sign

 -------------------------------------------------------------------*/
.rui-sign .rui-sign-form-cloud {
    background-color: #292f38;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}

.rui-sign .rui-sign-or {
    color: #4f565f;
}

.rui-sign .rui-sign-or::before, .rui-sign .rui-sign-or::after {
    border-bottom-color: #3c424c;
}

.rui-sign a:not(.btn) {
    color: #586069;
}

.rui-sign a:not(.btn):hover {
    color: #a9b1bb;
}

/*------------------------------------------------------------------

  Mailbox

 -------------------------------------------------------------------*/
.rui-mailbox {
    border-color: #3c424c;
}

.rui-mailbox .rui-mailbox-head {
    border-bottom-color: #3c424c;
}

.rui-mailbox .rui-mailbox-write {
    color: #fff;
    background-color: rgba(114, 94, 195, 0.8);
}

.rui-mailbox .rui-mailbox-footer {
    background-color: #292f38;
    border-top-color: #3c424c;
}

.rui-mailbox .rui-mailbox-list {
    background-color: #292f38;
    border-right-color: #3c424c;
}

.rui-mailbox .rui-mailbox-content-head + .rui-mailbox-content-body {
    border-top-color: #3c424c;
}

.rui-mailbox .rui-mailbox-content-subtitle {
    color: #a0aebb;
}

.rui-mailbox .rui-mailbox-content-date {
    color: #586069;
}

.rui-mailbox .rui-mailbox-item {
    background-color: #292f38;
}

.rui-mailbox .rui-mailbox-item:hover, .rui-mailbox .rui-mailbox-item.hover, .rui-mailbox .rui-mailbox-item.active {
    background-color: #323942;
}

.rui-mailbox .rui-mailbox-item-unread .rui-mailbox-item-title::after {
    background-color: #454c55;
}

.rui-mailbox .rui-mailbox-item-subtitle {
    color: #c7d1db;
}

.rui-mailbox .rui-mailbox-item-text {
    color: #586069;
}

.rui-mailbox .rui-mailbox-item-date {
    color: #586069;
}

@media (max-width: 1199.98px) {
    .rui-mailbox .rui-mailbox-head {
        background-color: #292f38;
    }
    .rui-mailbox .rui-mailbox-item.active {
        background-color: transparent;
    }
    .rui-mailbox .rui-mailbox-content {
        background-color: #292f38;
    }
}

/*------------------------------------------------------------------

  Messenger

 -------------------------------------------------------------------*/
.rui-messenger {
    background-color: #292f38;
}

.rui-messenger.rui-messenger-full {
    border-color: #3c424c;
}

.rui-messenger.rui-messenger-full .rui-messenger-head {
    border-bottom-color: #3c424c;
}

@media (max-width: 575.98px) {
    .rui-messenger.rui-messenger-full .rui-messenger-head {
        border-color: #3c424c;
    }
}

.rui-messenger.rui-messenger-full .rui-messenger-list {
    border-right-color: #3c424c;
}

.rui-messenger.rui-messenger-full > .rui-messenger-footer {
    border-top-color: #3c424c;
}

@media (max-width: 575.98px) {
    .rui-messenger.rui-messenger-full > .rui-messenger-footer {
        border-color: #3c424c;
    }
}

.rui-messenger.rui-messenger-full .rui-messenger-chat .rui-messenger-footer {
    border-top-color: #3c424c;
}

@media (max-width: 575.98px) {
    .rui-messenger.rui-messenger-full .rui-messenger-chat .rui-messenger-footer {
        border-color: #3c424c;
    }
}

@media (max-width: 1199.98px) {
    .rui-messenger.rui-messenger-full .media.media-filled.active > .rui-messenger-item {
        background-color: transparent;
    }
}

.rui-messenger .rui-messenger-chat {
    background-color: #292f38;
}

.rui-messenger .rui-messenger-chat .rui-messenger-message-datetime {
    color: #4f565f;
}

.rui-messenger .rui-messenger-chat .rui-messenger-message > ul {
    color: #c7d1db;
    background-color: rgba(114, 94, 195, 0.8);
}

.rui-messenger .rui-messenger-chat .rui-messenger-message .rui-messenger-message-time {
    color: #4f565f;
}

.rui-messenger .rui-messenger-chat .rui-messenger-message .rui-messenger-message-edit > .btn {
    color: #4f565f;
}

.rui-messenger .rui-messenger-chat .rui-messenger-message .rui-messenger-message-edit > .btn:hover, .rui-messenger .rui-messenger-chat .rui-messenger-message .rui-messenger-message-edit > .btn.hover {
    color: #c7d1db;
}

.rui-messenger .rui-messenger-chat .rui-messenger-message.rui-messenger-message-incoming > ul {
    color: #a9b1bb;
    background-color: #323942;
}

.rui-messenger .rui-messenger-collapse {
    padding-bottom: 15px;
}

.rui-messenger .rui-messenger-collapse-btn {
    color: #4f565f;
}

.rui-messenger .rui-messenger-collapse-btn:hover, .rui-messenger .rui-messenger-collapse-btn.hover {
    color: #c7d1db;
}

/*------------------------------------------------------------------

  Project Management

 -------------------------------------------------------------------*/
.rui-project-task-search {
    border-top-color: #3c424c;
}

.rui-project-task-info {
    background-color: #323942;
    border-top-color: #3c424c;
}

.rui-project-task-info-link {
    color: #a0aebb;
}

.rui-project-task-info-link:hover, .rui-project-task-info-link.hover {
    color: #c7d1db;
}

.rui-project-task-info-link:hover > .rui-project-task-info-icon, .rui-project-task-info-link.hover > .rui-project-task-info-icon {
    color: #c7d1db;
}

.rui-project-task-info-icon {
    color: #586069;
}

/*------------------------------------------------------------------

  File Manager

 -------------------------------------------------------------------*/
.rui-filemanager .rui-filemanager-table thead th {
    color: #586069;
}

.rui-filemanager .rui-filemanager-table thead th.sorting_asc, .rui-filemanager .rui-filemanager-table thead th.sorting_desc {
    color: #a0aebb;
}

.rui-filemanager-head {
    border-top-color: #3c424c;
    border-bottom-color: #3c424c;
}

.rui-filemanager-file {
    background-color: #323942;
}

.rui-filemanager-file-link {
    color: #a9b1bb;
}

.rui-filemanager-file-link:hover {
    color: #a9b1bb;
}

.rui-filemanager-file-icon {
    color: #586069;
}

.rui-filemanager-file-icon:hover {
    color: #a9b1bb;
}

/*------------------------------------------------------------------

  Profile

 -------------------------------------------------------------------*/
.rui-profile .rui-profile-info .rui-profile-info-subtitle {
    color: #586069;
}

.rui-profile .rui-profile-info .rui-profile-info-mail,
.rui-profile .rui-profile-info .rui-profile-info-phone {
    color: #a9b1bb;
}

.rui-profile .rui-profile-info .rui-profile-info-mail:hover,
.rui-profile .rui-profile-info .rui-profile-info-phone:hover {
    color: #c7d1db;
}

.rui-profile .rui-profile-numbers {
    border-top-color: #3c424c;
}

.rui-profile .rui-profile-number .rui-profile-number-title {
    color: #c7d1db;
}

/*------------------------------------------------------------------

  Footer

 -------------------------------------------------------------------*/
.rui-footer {
    background-color: #292f38;
}

/*------------------------------------------------------------------

  Elements

 -------------------------------------------------------------------*/
/*---------------------------
  Element Alert
 ----------------------------*/
.alert {
    color: #a0aebb;
    background-color: #323942;
}

.alert hr {
    border-top-color: #454c55;
}

.alert .alert-link {
    color: #c7d1db;
}

.alert-brand {
    border-color: #725ec3;
}

.alert-primary {
    border-color: #007bff;
}

.alert-secondary {
    border-color: #a0aebb;
}

.alert-success {
    border-color: #2fc787;
}

.alert-danger {
    border-color: #ef5164;
}

.alert-warning {
    border-color: #fdbf21;
}

.alert-info {
    border-color: #32bfc8;
}

.alert-light {
    border-color: #f8f9fa;
}

.alert-dark {
    border-color: #393f49;
}

.alert-dismissible .close:hover,
.alert-dismissible .close.hover {
    color: #c7d1db;
}

/*---------------------------
  Element Breadcrumb
 ----------------------------*/
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item.show {
    color: #586069;
}

.breadcrumb .breadcrumb-item > a,
.breadcrumb .breadcrumb-item.show > a {
    color: #586069;
}

.breadcrumb .breadcrumb-item > a::after,
.breadcrumb .breadcrumb-item.show > a::after {
    background-color: #323942;
}

.breadcrumb .breadcrumb-item:hover > a,
.breadcrumb .breadcrumb-item.hover > a,
.breadcrumb .breadcrumb-item.show:hover > a,
.breadcrumb .breadcrumb-item.show.hover > a {
    color: #a0aebb;
}

.breadcrumb .breadcrumb-item:hover > a::after,
.breadcrumb .breadcrumb-item.hover > a::after,
.breadcrumb .breadcrumb-item.show:hover > a::after,
.breadcrumb .breadcrumb-item.show.hover > a::after {
    background-color: #323942;
}

/*---------------------------
  Element Buttons
 ----------------------------*/
.btn-grey-1 {
    color: #a0aebb;
    background-color: #323942;
    border-color: #323942;
}

.btn-grey-1:hover, .btn-grey-1.hover {
    color: #a0aebb;
    background-color: #3c424c;
    border-color: #3c424c;
}

.btn-grey-1:focus, .btn-grey-1.focus {
    background-color: #353b43;
    border-color: #353b43;
}

.btn-grey-2 {
    color: #a0aebb;
    background-color: #3c424c;
    border-color: #3c424c;
}

.btn-grey-2:hover, .btn-grey-2.hover {
    color: #a0aebb;
    background-color: #454c55;
    border-color: #454c55;
}

.btn-grey-2:focus, .btn-grey-2.focus {
    background-color: #3e444d;
    border-color: #3e444d;
}

.btn-grey-3 {
    color: #a0aebb;
    background-color: #454c55;
    border-color: #454c55;
}

.btn-grey-3:hover, .btn-grey-3.hover {
    color: #a0aebb;
    background-color: #4f565f;
    border-color: #4f565f;
}

.btn-grey-3:focus, .btn-grey-3.focus {
    background-color: #484e57;
    border-color: #484e57;
}

.btn-link {
    color: #725ec3;
}

.btn-link:focus, .btn-link.focus {
    color: #725ec3;
}

.btn-link:hover, .btn-link.hover {
    color: #9383d1;
}

.btn-link:not(:disabled):not(.disabled):active:focus {
    color: #9383d1;
}

.btn-clean.btn-white {
    color: #fff;
}

.btn-clean.btn-black {
    color: #000;
}

.btn-clean.btn-1 {
    color: #c7d1db;
}

.btn-clean.btn-2 {
    color: #a9b1bb;
}

.btn-clean.btn-grey-1 {
    color: #323942;
}

.btn-clean.btn-grey-2 {
    color: #3c424c;
}

.btn-clean.btn-grey-3 {
    color: #454c55;
}

.btn-clean.btn-grey-4 {
    color: #4f565f;
}

.btn-clean.btn-grey-5 {
    color: #586069;
}

.btn-clean.btn-grey-6 {
    color: #626973;
}

.btn-clean:hover, .btn-clean.hover {
    color: #c7d1db;
}

.btn-clean:not(.disabled):not(:disabled):active {
    color: #c7d1db;
}

.btn-hover-outline:hover, .btn-hover-outline.hover, .btn-hover-outline:focus, .btn-hover-outline.focus {
    color: inherit;
    background-color: transparent;
}

.btn-hover-outline.btn-brand:hover, .btn-hover-outline.btn-brand.hover, .btn-hover-outline.btn-brand:focus, .btn-hover-outline.btn-brand.focus {
    color: #725ec3;
}

.btn-hover-outline.btn-primary:hover, .btn-hover-outline.btn-primary.hover, .btn-hover-outline.btn-primary:focus, .btn-hover-outline.btn-primary.focus {
    color: #007bff;
}

.btn-hover-outline.btn-secondary:hover, .btn-hover-outline.btn-secondary.hover, .btn-hover-outline.btn-secondary:focus, .btn-hover-outline.btn-secondary.focus {
    color: #a0aebb;
}

.btn-hover-outline.btn-success:hover, .btn-hover-outline.btn-success.hover, .btn-hover-outline.btn-success:focus, .btn-hover-outline.btn-success.focus {
    color: #2fc787;
}

.btn-hover-outline.btn-danger:hover, .btn-hover-outline.btn-danger.hover, .btn-hover-outline.btn-danger:focus, .btn-hover-outline.btn-danger.focus {
    color: #ef5164;
}

.btn-hover-outline.btn-warning:hover, .btn-hover-outline.btn-warning.hover, .btn-hover-outline.btn-warning:focus, .btn-hover-outline.btn-warning.focus {
    color: #fdbf21;
}

.btn-hover-outline.btn-info:hover, .btn-hover-outline.btn-info.hover, .btn-hover-outline.btn-info:focus, .btn-hover-outline.btn-info.focus {
    color: #32bfc8;
}

.btn-hover-outline.btn-light:hover, .btn-hover-outline.btn-light.hover, .btn-hover-outline.btn-light:focus, .btn-hover-outline.btn-light.focus {
    color: #f8f9fa;
}

.btn-hover-outline.btn-dark:hover, .btn-hover-outline.btn-dark.hover, .btn-hover-outline.btn-dark:focus, .btn-hover-outline.btn-dark.focus {
    color: #393f49;
}

.btn-hover-brand:hover, .btn-hover-brand.hover, .btn-hover-brand:focus, .btn-hover-brand.focus {
    background-color: #725ec3;
    border-color: #725ec3;
}

.btn-hover-brand:focus, .btn-hover-brand.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.btn-hover-brand:not(:disabled):not(.disabled):active:focus {
    background-color: #5641ad;
    border-color: #5641ad;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.btn-hover-brand.btn-hover-outline:hover, .btn-hover-brand.btn-hover-outline.hover, .btn-hover-brand.btn-hover-outline:focus, .btn-hover-brand.btn-hover-outline.focus {
    color: #725ec3;
    background-color: transparent;
}

.btn-hover-brand.btn-hover-outline:focus, .btn-hover-brand.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.btn-hover-primary:hover, .btn-hover-primary.hover, .btn-hover-primary:focus, .btn-hover-primary.focus {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-hover-primary:focus, .btn-hover-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-hover-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #0062cc;
    border-color: #0062cc;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-hover-primary.btn-hover-outline:hover, .btn-hover-primary.btn-hover-outline.hover, .btn-hover-primary.btn-hover-outline:focus, .btn-hover-primary.btn-hover-outline.focus {
    color: #007bff;
    background-color: transparent;
}

.btn-hover-primary.btn-hover-outline:focus, .btn-hover-primary.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-hover-secondary:hover, .btn-hover-secondary.hover, .btn-hover-secondary:focus, .btn-hover-secondary.focus {
    background-color: #a0aebb;
    border-color: #a0aebb;
}

.btn-hover-secondary:focus, .btn-hover-secondary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(160, 174, 187, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(160, 174, 187, 0.5);
}

.btn-hover-secondary:not(:disabled):not(.disabled):active:focus {
    background-color: #8295a6;
    border-color: #8295a6;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(160, 174, 187, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(160, 174, 187, 0.5);
}

.btn-hover-secondary.btn-hover-outline:hover, .btn-hover-secondary.btn-hover-outline.hover, .btn-hover-secondary.btn-hover-outline:focus, .btn-hover-secondary.btn-hover-outline.focus {
    color: #a0aebb;
    background-color: transparent;
}

.btn-hover-secondary.btn-hover-outline:focus, .btn-hover-secondary.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(160, 174, 187, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(160, 174, 187, 0.5);
}

.btn-hover-success:hover, .btn-hover-success.hover, .btn-hover-success:focus, .btn-hover-success.focus {
    background-color: #2fc787;
    border-color: #2fc787;
}

.btn-hover-success:focus, .btn-hover-success.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
}

.btn-hover-success:not(:disabled):not(.disabled):active:focus {
    background-color: #259e6b;
    border-color: #259e6b;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
}

.btn-hover-success.btn-hover-outline:hover, .btn-hover-success.btn-hover-outline.hover, .btn-hover-success.btn-hover-outline:focus, .btn-hover-success.btn-hover-outline.focus {
    color: #2fc787;
    background-color: transparent;
}

.btn-hover-success.btn-hover-outline:focus, .btn-hover-success.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.5);
}

.btn-hover-danger:hover, .btn-hover-danger.hover, .btn-hover-danger:focus, .btn-hover-danger.focus {
    background-color: #ef5164;
    border-color: #ef5164;
}

.btn-hover-danger:focus, .btn-hover-danger.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
}

.btn-hover-danger:not(:disabled):not(.disabled):active:focus {
    background-color: #eb223a;
    border-color: #eb223a;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
}

.btn-hover-danger.btn-hover-outline:hover, .btn-hover-danger.btn-hover-outline.hover, .btn-hover-danger.btn-hover-outline:focus, .btn-hover-danger.btn-hover-outline.focus {
    color: #ef5164;
    background-color: transparent;
}

.btn-hover-danger.btn-hover-outline:focus, .btn-hover-danger.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.5);
}

.btn-hover-warning:hover, .btn-hover-warning.hover, .btn-hover-warning:focus, .btn-hover-warning.focus {
    background-color: #fdbf21;
    border-color: #fdbf21;
}

.btn-hover-warning:focus, .btn-hover-warning.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 191, 33, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(253, 191, 33, 0.5);
}

.btn-hover-warning:not(:disabled):not(.disabled):active:focus {
    background-color: #e9a802;
    border-color: #e9a802;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 191, 33, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(253, 191, 33, 0.5);
}

.btn-hover-warning.btn-hover-outline:hover, .btn-hover-warning.btn-hover-outline.hover, .btn-hover-warning.btn-hover-outline:focus, .btn-hover-warning.btn-hover-outline.focus {
    color: #fdbf21;
    background-color: transparent;
}

.btn-hover-warning.btn-hover-outline:focus, .btn-hover-warning.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 191, 33, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(253, 191, 33, 0.5);
}

.btn-hover-info:hover, .btn-hover-info.hover, .btn-hover-info:focus, .btn-hover-info.focus {
    background-color: #32bfc8;
    border-color: #32bfc8;
}

.btn-hover-info:focus, .btn-hover-info.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
}

.btn-hover-info:not(:disabled):not(.disabled):active:focus {
    background-color: #28989f;
    border-color: #28989f;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
}

.btn-hover-info.btn-hover-outline:hover, .btn-hover-info.btn-hover-outline.hover, .btn-hover-info.btn-hover-outline:focus, .btn-hover-info.btn-hover-outline.focus {
    color: #32bfc8;
    background-color: transparent;
}

.btn-hover-info.btn-hover-outline:focus, .btn-hover-info.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(50, 191, 200, 0.5);
}

.btn-hover-light:hover, .btn-hover-light.hover, .btn-hover-light:focus, .btn-hover-light.focus {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-hover-light:focus, .btn-hover-light.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-hover-light:not(:disabled):not(.disabled):active:focus {
    background-color: #dae0e5;
    border-color: #dae0e5;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-hover-light.btn-hover-outline:hover, .btn-hover-light.btn-hover-outline.hover, .btn-hover-light.btn-hover-outline:focus, .btn-hover-light.btn-hover-outline.focus {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-hover-light.btn-hover-outline:focus, .btn-hover-light.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-hover-dark:hover, .btn-hover-dark.hover, .btn-hover-dark:focus, .btn-hover-dark.focus {
    background-color: #393f49;
    border-color: #393f49;
}

.btn-hover-dark:focus, .btn-hover-dark.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
}

.btn-hover-dark:not(:disabled):not(.disabled):active:focus {
    background-color: #23262c;
    border-color: #23262c;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
}

.btn-hover-dark.btn-hover-outline:hover, .btn-hover-dark.btn-hover-outline.hover, .btn-hover-dark.btn-hover-outline:focus, .btn-hover-dark.btn-hover-outline.focus {
    color: #393f49;
    background-color: transparent;
}

.btn-hover-dark.btn-hover-outline:focus, .btn-hover-dark.btn-hover-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(57, 63, 73, 0.5);
}

.btn-custom-round {
    color: #626973;
}

.btn-custom-round > .badge,
.btn-custom-round > .badge.badge-circle {
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.btn-custom-round:focus, .btn-custom-round.focus {
    color: #a0aebb;
}

.btn-custom-round:hover, .btn-custom-round.hover {
    color: #a0aebb;
}

.btn-custom-round:hover > .badge, .btn-custom-round.hover > .badge {
    -webkit-box-shadow: 0 0 0 2px #323942;
            box-shadow: 0 0 0 2px #323942;
}

.btn-custom-round:hover::after, .btn-custom-round.hover::after {
    background-color: #323942;
}

.btn-custom-round:not(.disabled):not(:disabled):active {
    color: #c7d1db;
}

.btn-custom-round:not(.disabled):not(:disabled):active::after {
    background-color: #323942;
}

.btn-group > .btn + .btn,
.btn-group > .btn:last-child {
    border-left-color: rgba(255, 255, 255, 0.1);
}

.btn-group > .btn + .btn:hover, .btn-group > .btn + .btn.hover, .btn-group > .btn + .btn:not(:disabled):not(.disabled).active,
.btn-group > .btn:last-child:hover,
.btn-group > .btn:last-child.hover,
.btn-group > .btn:last-child:not(:disabled):not(.disabled).active {
    border-left-color: rgba(255, 255, 255, 0.2);
}

.btn-group-vertical > .btn + .btn {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.btn-group-vertical > .btn + .btn:hover, .btn-group-vertical > .btn + .btn.hover, .btn-group-vertical > .btn + .btn:not(:disabled):not(.disabled).active {
    border-top-color: rgba(255, 255, 255, 0.2);
}

/*---------------------------
  Element Card
 ----------------------------*/
.card {
    background-color: #292f38;
    border-color: #3c424c;
}

.card-header,
.card-footer {
    background-color: #323942;
    border-color: #3c424c;
}

.card-btn-collapse:not(.collapsed) {
    color: #c7d1db;
}

.card-btn-collapse:not(.collapsed)::after {
    background-color: #292f38;
}

.card-link:hover,
.card-link.hover {
    color: #9383d1;
}

/*---------------------------
  Element Carousel
 ----------------------------*/
.carousel-light .carousel-control-prev,
.carousel-light .carousel-control-next {
    color: #586069;
}

.carousel-light .carousel-control-prev:hover, .carousel-light .carousel-control-prev.hover,
.carousel-light .carousel-control-next:hover,
.carousel-light .carousel-control-next.hover {
    color: #a0aebb;
}

.carousel-light .carousel-indicators li {
    background-color: #586069;
}

.carousel-light .carousel-caption {
    color: #586069;
}

/*---------------------------
  Element Collapse
 ----------------------------*/
.collapse-link {
    color: #a0aebb;
    background-color: #323942;
}

.collapse-link:hover, .collapse-link.hover {
    color: #c7d1db;
}

.collapse-link:not(.collapsed) {
    color: #c7d1db;
}

/*---------------------------
  Element Table
 ----------------------------*/
.table thead th {
    color: #c7d1db;
    border-color: #3c424c;
}

.table th,
.table td {
    color: #a0aebb;
    border-color: #3c424c;
}

.table .thead-light th {
    color: #c7d1db;
    background-color: #323942;
    border-color: #3c424c;
}

.table .thead-dark th {
    color: #c7d1db;
    background-color: #2b323b;
    border-color: #404652;
}

.table-dark {
    background-color: #2b323b;
}

.table-dark thead th {
    color: #c7d1db;
    border-color: #2f3641;
}

.table-dark th,
.table-dark td {
    color: #a0aebb;
    border-color: #2f3641;
}

.table-striped.table-dark tbody tr:nth-of-type(odd) {
    background-color: #2b313b;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #323942;
}

.table-hover.table-dark tbody tr:hover {
    background-color: #2b313b;
}

.table-hover tbody tr:hover {
    background-color: #323942;
}

.table-sm thead th {
    padding: 15px 20px;
}

.table-sm th,
.table-sm td {
    padding: 10px 20px;
}

/*---------------------------
  Element Pagination
 ----------------------------*/
.page-item.disabled .page-link {
    color: #4f565f;
    background-color: #323942;
}

.page-item.active .page-link {
    background-color: #725ec3;
}

.page-link {
    color: #626973;
    background-color: #323942;
}

.page-link:hover, .page-link.hover {
    color: #a0aebb;
    background-color: #3c424c;
}

.page-link:focus, .page-link.focus {
    color: #a0aebb;
    background-color: #3c424c;
}

.page-link:active {
    background-color: #454c55;
}

/*---------------------------
  Element Dropdown
 ----------------------------*/
.dropdown .dropdown-item {
    color: #626973;
}

.dropdown .dropdown-item > span:not([class]) {
    color: #c7d1db;
}

.dropdown .dropdown-item > .rui-dropdown-circle {
    background-color: #323942;
}

.dropdown .dropdown-item > .rui-icon {
    stroke: #586069;
}

.dropdown .dropdown-item:hover, .dropdown .dropdown-item.hover {
    color: #c7d1db;
}

.dropdown .dropdown-item:hover > span:not([class]), .dropdown .dropdown-item.hover > span:not([class]) {
    color: #c7d1db;
}

.dropdown .dropdown-item:hover > .rui-icon, .dropdown .dropdown-item.hover > .rui-icon {
    stroke: #c7d1db;
}

.dropdown .dropdown-item.active {
    color: #c7d1db;
}

.dropdown .dropdown-item.active > span:not([class]) {
    color: #c7d1db;
}

.dropdown .dropdown-item.active > .rui-icon {
    stroke: #c7d1db;
}

.dropdown:not(.dropdown-hover):focus, .dropdown:not(.dropdown-hover).focus {
    color: #c7d1db;
}

.dropdown:not(.dropdown-hover):focus > span:not([class]), .dropdown:not(.dropdown-hover).focus > span:not([class]) {
    color: #c7d1db;
}

.dropdown:not(.dropdown-hover):focus > .rui-icon, .dropdown:not(.dropdown-hover).focus > .rui-icon {
    stroke: #c7d1db;
}

.dropdown:not(.dropdown-hover):active {
    color: #725ec3;
}

.dropdown:not(.dropdown-hover):active > span:not([class]) {
    color: #725ec3;
}

.dropdown:not(.dropdown-hover):active > .rui-icon {
    stroke: #725ec3;
}

.dropdown:not(.dropdown-hover).show > .dropdown-item {
    color: #c7d1db;
    background-color: transparent;
}

.dropdown:not(.dropdown-hover).show > .dropdown-item > span:not([class]) {
    color: #c7d1db;
}

.dropdown:not(.dropdown-hover).show > .dropdown-item > .rui-icon {
    stroke: #c7d1db;
}

.dropdown .dropdown-item-switch.custom-switch .dropdown-item:hover::after,
.dropdown.show .dropdown-item-switch.custom-switch .dropdown-item:hover::after {
    background-color: #c7d1db;
}

.dropdown .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item,
.dropdown.show .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item {
    color: #725ec3;
}

.dropdown .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item > span:not([class]),
.dropdown.show .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item > span:not([class]) {
    color: #725ec3;
}

.dropdown .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item > .rui-icon,
.dropdown.show .dropdown-item-switch.custom-switch > input:checked ~ .dropdown-item > .rui-icon {
    stroke: #725ec3;
}

.dropdown-hover.hover > .dropdown-item {
    color: #c7d1db;
}

.dropdown-hover.hover > .dropdown-item > span:not([class]) {
    color: #c7d1db;
}

.dropdown-hover.hover > .dropdown-item > .rui-icon {
    stroke: #c7d1db;
}

.dropdown-hover.hover > .dropdown-item.btn-custom-round,
.dropdown-hover.hover > .dropdown-item > .btn-custom-round {
    color: #a0aebb;
}

.dropdown-hover.hover > .dropdown-item.btn-custom-round::after,
.dropdown-hover.hover > .dropdown-item > .btn-custom-round::after {
    background-color: #323942;
}

.dropdown-menu {
    background-color: #2b323b;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.dropdown-menu-scroll::-webkit-scrollbar-track {
    background-color: #2b323b;
}

.dropdown-menu-scroll::-webkit-scrollbar {
    background-color: #2b323b;
}

.dropdown-menu-scroll::-webkit-scrollbar-thumb {
    background-color: #3c424c;
}

.dropdown-triangle .dropdown-menu[x-placement="bottom-start"] > .dropdown-menu-triangle,
.dropdown-triangle .dropdown-menu[x-placement="bottom-end"] > .dropdown-menu-triangle,
.dropdown-triangle .dropdown-menu > .dropdown-menu-triangle {
    border-color: transparent;
    border-bottom-color: #2b323b;
}

.dropdown-triangle .dropdown-menu[x-placement="bottom-start"] > .dropdown-menu-triangle::before,
.dropdown-triangle .dropdown-menu[x-placement="bottom-end"] > .dropdown-menu-triangle::before,
.dropdown-triangle .dropdown-menu > .dropdown-menu-triangle::before {
    border-color: transparent;
    border-bottom-color: #252c36;
}

.dropdown-triangle .dropdown-menu[x-placement="top-start"] > .dropdown-menu-triangle,
.dropdown-triangle .dropdown-menu[x-placement="top-end"] > .dropdown-menu-triangle {
    border-color: transparent;
    border-top-color: #2b323b;
}

.dropdown-triangle .dropdown-menu[x-placement="top-start"] > .dropdown-menu-triangle::before,
.dropdown-triangle .dropdown-menu[x-placement="top-end"] > .dropdown-menu-triangle::before {
    border-color: transparent;
    border-top-color: #252c36;
}

.dropdown-triangle .dropdown-menu[x-placement="right-start"] > .dropdown-menu-triangle {
    border-color: transparent;
    border-right-color: #2b323b;
}

.dropdown-triangle .dropdown-menu[x-placement="right-start"] > .dropdown-menu-triangle::before {
    border-color: transparent;
    border-right-color: #252c36;
}

.dropdown-triangle .dropdown-menu[x-placement="right-end"] > .dropdown-menu-triangle {
    border-color: transparent;
    border-right-color: #2b323b;
}

.dropdown-triangle .dropdown-menu[x-placement="right-end"] > .dropdown-menu-triangle::before {
    border-color: transparent;
    border-right-color: #252c36;
}

.dropdown-triangle .dropdown-menu[x-placement="left-start"] > .dropdown-menu-triangle {
    border-color: transparent;
    border-left-color: #2b323b;
}

.dropdown-triangle .dropdown-menu[x-placement="left-start"] > .dropdown-menu-triangle::before {
    border-color: transparent;
    border-left-color: #252c36;
}

.dropdown-triangle .dropdown-menu[x-placement="left-end"] > .dropdown-menu-triangle {
    border-color: transparent;
    border-left-color: #2b323b;
}

.dropdown-triangle .dropdown-menu[x-placement="left-end"] > .dropdown-menu-triangle::before {
    border-color: transparent;
    border-left-color: #252c36;
}

/*---------------------------
  Element Forms
 ----------------------------*/
/* Placeholders */
::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
    color: #626973;
}
::-moz-placeholder, .form-control::-moz-placeholder {
    color: #626973;
}
:-ms-input-placeholder, .form-control:-ms-input-placeholder {
    color: #626973;
}
::-ms-input-placeholder, .form-control::-ms-input-placeholder {
    color: #626973;
}
::placeholder,
.form-control::placeholder {
    color: #626973;
}

.form-control {
    color: #626973;
    background-color: #292f38;
    border-color: #454c55;
}

.form-control:focus, .form-control.focus {
    color: #a9b1bb;
    background-color: #292f38;
    border-color: rgba(114, 94, 195, 0.6);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
}

.form-control:disabled {
    background-color: #3c424c;
    border-color: #454c55;
}

.form-control-filled {
    background-color: #323942;
    border-color: #3c424c;
}

.form-control-filled:focus, .form-control-filled.focus {
    background-color: #323942;
}

.form-control-clean:hover, .form-control-clean.hover {
    color: #c7d1db;
}

.form-control-clean:not(.disabled):not(:disabled):active {
    color: #c7d1db;
}

.input-group .input-group-append,
.input-group .input-group-prepend {
    background-color: transparent;
}

.input-group-text {
    color: #626973;
    background-color: #323942;
    border-color: #454c55;
}

.input-group-clean > .form-control::-webkit-input-placeholder {
    color: #4f565f;
}

.input-group-clean > .form-control::-moz-placeholder {
    color: #4f565f;
}

.input-group-clean > .form-control:-ms-input-placeholder {
    color: #4f565f;
}

.input-group-clean > .form-control::-ms-input-placeholder {
    color: #4f565f;
}

.input-group-clean > .form-control::placeholder {
    color: #4f565f;
}

.custom-control-label::before {
    background-color: #4f565f;
    border-color: #4f565f;
}

.custom-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #8271ca;
    border-color: #8271ca;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #725ec3;
    border-color: #725ec3;
}

.custom-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.custom-radio .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #4f565f;
}

.custom-checkbox .custom-control-input:disabled ~ .custom-control-label,
.custom-radio .custom-control-input:disabled ~ .custom-control-label,
.custom-switch .custom-control-input:disabled ~ .custom-control-label {
    color: #626973;
}

.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before,
.custom-radio .custom-control-input:disabled ~ .custom-control-label::before,
.custom-switch .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #454c55;
    border-color: #454c55;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #c7d1db;
}

.custom-switch .custom-control-label::after {
    background-color: #c7d1db;
}

.custom-select {
    color: #626973;
    background-color: #292f38;
    border-color: #454c55;
}

.custom-select:focus, .custom-select.focus {
    border-color: rgba(114, 94, 195, 0.6);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.25);
}

.custom-select:disabled {
    background-color: #3c424c;
    border-color: #454c55;
}

.custom-range::-webkit-slider-runnable-track {
    background-color: #3c424c;
}

.custom-range::-moz-range-track {
    background-color: #3c424c;
}

.custom-range::-ms-track {
    color: transparent;
    background: none;
    border: none;
}

.custom-range::-ms-fill-lower, .custom-range::-ms-fill-upper {
    background-color: #3c424c;
}

.custom-range::-webkit-slider-thumb {
    background: #725ec3;
}

.custom-range::-webkit-slider-thumb:active {
    background: #8271ca;
}

.custom-range::-moz-range-thumb {
    background: #725ec3;
}

.custom-range::-moz-range-thumb:active {
    background: #8271ca;
}

.custom-range::-ms-thumb {
    background-color: #725ec3;
}

.custom-range::-ms-thumb:active {
    background-color: #8271ca;
}

.custom-range:focus::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 1px #292f38, 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
            box-shadow: 0 0 0 1px #292f38, 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #292f38, 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #292f38, 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.was-validated .form-control:invalid,
.was-validated .form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .custom-select.is-invalid {
    background-color: #fef9fa;
    border-color: #fac6cc;
}

.was-validated .form-control:invalid:focus,
.was-validated .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .custom-select.is-invalid:focus {
    border-color: #f8aeb7;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.15);
            box-shadow: 0 0 0 0.2rem rgba(239, 81, 100, 0.15);
}

.was-validated .form-control:valid,
.was-validated .form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .custom-select.is-valid {
    background-color: #effbf6;
    border-color: #91e5c1;
}

.was-validated .form-control:valid:focus,
.was-validated .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .custom-select.is-valid:focus {
    border-color: #7ce0b6;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.15);
            box-shadow: 0 0 0 0.2rem rgba(47, 199, 135, 0.15);
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.was-validated .custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: #fac6cc;
    border-color: #fac6cc;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.was-validated .custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: #91e5c1;
    border-color: #91e5c1;
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    background-color: #f8aeb7;
    border-color: #f8aeb7;
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    background-color: #7ce0b6;
    border-color: #7ce0b6;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.was-validated .custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label,
.was-validated .custom-control-input.is-valid ~ .custom-control-label {
    color: #c7d1db;
}

.was-validated .invalid-feedback {
    color: #f597a2;
}

.was-validated .valid-feedback {
    color: #67dbaa;
}

/*---------------------------
  Element List group
 ----------------------------*/
.list-group-item {
    color: #a0aebb;
    background-color: #292f38;
    border-color: #3c424c;
}

.list-group-item.active {
    background-color: #725ec3;
    border-color: #725ec3;
}

.list-group-item.disabled, .list-group-item:disabled {
    background-color: #292f38;
}

.list-group-item-action:hover, .list-group-item-action.hover, .list-group-item-action:focus, .list-group-item-action.focus {
    color: #c7d1db;
    background-color: #323942;
}

.list-group-item-action:active {
    color: #c7d1db;
    background-color: #3c424c;
}

.list-group-item-action.active {
    background-color: #725ec3;
}

.list-group-item-action.active:hover, .list-group-item-action.active.hover, .list-group-item-action.active:focus, .list-group-item-action.active.focus, .list-group-item-action.active:active {
    color: #fff;
}

.list-group-item-brand,
.list-group-item-primary,
.list-group-item-secondary,
.list-group-item-success,
.list-group-item-danger,
.list-group-item-warning,
.list-group-item-info,
.list-group-item-light,
.list-group-item-dark {
    color: #a0aebb;
    background-color: #292f38;
}

.list-group-item-brand.list-group-item-action:hover, .list-group-item-brand.list-group-item-action.hover, .list-group-item-brand.list-group-item-action:focus, .list-group-item-brand.list-group-item-action.focus,
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action.hover,
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action.focus,
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action.hover,
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action.focus,
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action.hover,
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action.focus,
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action.hover,
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action.focus,
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action.hover,
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action.focus,
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action.hover,
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action.focus,
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action.hover,
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action.focus,
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action.hover,
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action.focus {
    color: #c7d1db;
    background-color: #323942;
}

.list-group-item-brand.list-group-item-action:active,
.list-group-item-primary.list-group-item-action:active,
.list-group-item-secondary.list-group-item-action:active,
.list-group-item-success.list-group-item-action:active,
.list-group-item-danger.list-group-item-action:active,
.list-group-item-warning.list-group-item-action:active,
.list-group-item-info.list-group-item-action:active,
.list-group-item-light.list-group-item-action:active,
.list-group-item-dark.list-group-item-action:active {
    color: #c7d1db;
    background-color: #3c424c;
}

.list-group-item-brand {
    -webkit-box-shadow: inset 2px 0 0 #725ec3;
            box-shadow: inset 2px 0 0 #725ec3;
}

.list-group-item-primary {
    -webkit-box-shadow: inset 2px 0 0 #007bff;
            box-shadow: inset 2px 0 0 #007bff;
}

.list-group-item-secondary {
    -webkit-box-shadow: inset 2px 0 0 #a0aebb;
            box-shadow: inset 2px 0 0 #a0aebb;
}

.list-group-item-success {
    -webkit-box-shadow: inset 2px 0 0 #2fc787;
            box-shadow: inset 2px 0 0 #2fc787;
}

.list-group-item-danger {
    -webkit-box-shadow: inset 2px 0 0 #ef5164;
            box-shadow: inset 2px 0 0 #ef5164;
}

.list-group-item-warning {
    -webkit-box-shadow: inset 2px 0 0 #fdbf21;
            box-shadow: inset 2px 0 0 #fdbf21;
}

.list-group-item-info {
    -webkit-box-shadow: inset 2px 0 0 #32bfc8;
            box-shadow: inset 2px 0 0 #32bfc8;
}

.list-group-item-light {
    -webkit-box-shadow: inset 2px 0 0 #f8f9fa;
            box-shadow: inset 2px 0 0 #f8f9fa;
}

.list-group-item-dark {
    -webkit-box-shadow: inset 2px 0 0 #393f49;
            box-shadow: inset 2px 0 0 #393f49;
}

/*---------------------------
  Element Media object
 ----------------------------*/
.media.media-filled:hover > .media-link, .media.media-filled.hover > .media-link, .media.media-filled.active > .media-link {
    background-color: #323942;
}

.media.media-filled:hover > .media-link > .media-img, .media.media-filled.hover > .media-link > .media-img, .media.media-filled.active > .media-link > .media-img {
    color: #586069;
    background-color: #3c424c;
}

.media.media-brand::before {
    background-color: #725ec3;
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.media.media-primary::before {
    background-color: #007bff;
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.media.media-secondary::before {
    background-color: #a0aebb;
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.media.media-success::before {
    background-color: #2fc787;
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.media.media-danger::before {
    background-color: #ef5164;
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.media.media-warning::before {
    background-color: #fdbf21;
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.media.media-info::before {
    background-color: #32bfc8;
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.media.media-light::before {
    background-color: #f8f9fa;
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.media.media-dark::before {
    background-color: #393f49;
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.media > .media-icon {
    color: #4f565f;
}

.media > .media-icon:hover, .media > .media-icon.hover {
    color: #c7d1db;
}

.media .media-img {
    color: #4f565f;
    background-color: #323942;
}

.media .media-title {
    color: #c7d1db;
}

.media .media-time {
    color: #4f565f;
}

.media .media-subtitle {
    color: #626973;
}

.media:hover > .media-img,
.media.hover > .media-img,
.media:hover > .media-link > .media-img,
.media.hover > .media-link > .media-img,
.media > .media-link:hover > .media-img,
.media > .media-link.hover > .media-img {
    color: #586069;
    background-color: #3c424c;
}

/*---------------------------
  Element Modal
 ----------------------------*/
.modal .close {
    color: #586069;
}

.modal .close:hover, .modal .close.hover {
    color: #c7d1db;
}

.modal-content {
    background-color: #292f38;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.modal-backdrop {
    background-color: rgba(69, 76, 85, 0.85);
}

/*---------------------------
  Element Navs
 ----------------------------*/
.nav .nav .nav-link::before {
    background-color: #4f565f;
}

.nav .nav .nav-link:hover::before, .nav .nav .nav-link.hover::before, .nav .nav .nav-link:focus::before, .nav .nav .nav-link.focus::before, .nav .nav .nav-link.active::before {
    background-color: #c7d1db;
}

.nav .nav-link {
    color: #626973;
}

.nav .nav-link > span:not([class]) {
    color: #c7d1db;
}

.nav .nav-link > .rui-nav-circle {
    background-color: #323942;
}

.nav .nav-link > .rui-icon {
    stroke: #586069;
}

.nav .nav-link > .badge,
.nav .nav-link > .badge-circle {
    -webkit-box-shadow: 0 0 0 2px #292f38;
            box-shadow: 0 0 0 2px #292f38;
}

.nav .nav-link.show {
    color: #586069;
}

.nav .nav-link.show > span:not([class]) {
    color: #c7d1db;
}

.nav .nav-link.show > .rui-icon {
    stroke: #4f565f;
}

.nav .nav-link:hover, .nav .nav-link.hover, .nav .nav-link:focus, .nav .nav-link.focus {
    color: #c7d1db;
}

.nav .nav-link:hover > span:not([class]), .nav .nav-link.hover > span:not([class]), .nav .nav-link:focus > span:not([class]), .nav .nav-link.focus > span:not([class]) {
    color: #c7d1db;
}

.nav .nav-link:hover > .rui-icon, .nav .nav-link.hover > .rui-icon, .nav .nav-link:focus > .rui-icon, .nav .nav-link.focus > .rui-icon {
    stroke: #c7d1db;
}

.nav .nav-link.active {
    color: #c7d1db;
}

.nav .nav-link.active > span:not([class]) {
    color: #725ec3;
}

.nav .nav-link.active > .rui-icon {
    stroke: #725ec3;
}

.nav .nav-link.disabled {
    color: #454c55;
}

.nav .nav-link.disabled > span:not([class]) {
    color: #454c55;
}

.nav .nav-link.disabled > .rui-icon {
    stroke: #454c55;
}

.nav-tabs {
    border-color: #3c424c;
}

.nav-tabs .nav-link.show {
    color: #586069;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link.hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link.focus {
    color: #c7d1db;
}

.nav-tabs .nav-link.active {
    color: #725ec3;
    border-bottom-color: rgba(114, 94, 195, 0.8);
}

.nav-pills {
    background-color: #3c424c;
}

.nav-pills .nav-link {
    color: #626973;
}

.nav-pills .nav-link.show {
    color: #626973;
}

.nav-pills .nav-link:hover, .nav-pills .nav-link.hover, .nav-pills .nav-link:focus, .nav-pills .nav-link.focus {
    color: #a0aebb;
}

.nav-pills .nav-link.active {
    color: #a0aebb;
    background-color: #292f38;
}

.nav-pills .nav-link.disabled {
    color: #4f565f;
}

.rui-tabs-sliding.nav-pills .rui-tabs-link.active {
    background-color: #292f38;
}

.rui-tabs-sliding.nav-pills .rui-tabs-slide {
    background-color: #292f38;
}

.rui-tabs-sliding.nav-tabs .rui-tabs-link.active {
    border-bottom-color: rgba(114, 94, 195, 0.8);
}

.rui-tabs-sliding.nav-tabs .rui-tabs-slide {
    border-bottom-color: rgba(114, 94, 195, 0.8);
}

.rui-tabs-sliding-ready.nav-pills .rui-tabs-link.active {
    background-color: transparent;
}

.rui-tabs-sliding-ready.nav-tabs .rui-tabs-link.active {
    background-color: transparent;
    border-bottom-color: transparent;
}

/*---------------------------
  Element Popovers
 ----------------------------*/
.popover {
    background-color: #2b323b;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^="top"] > .arrow {
    border-color: transparent;
    border-top-color: #2b323b;
}

.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^="top"] > .arrow::before {
    border-color: transparent;
    border-top-color: #252c36;
}

.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^="right"] > .arrow {
    border-color: transparent;
    border-right-color: #2b323b;
}

.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^="right"] > .arrow::before {
    border-color: transparent;
    border-right-color: #252c36;
}

.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^="bottom"] > .arrow {
    border-color: transparent;
    border-bottom-color: #2b323b;
}

.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-color: transparent;
    border-bottom-color: #252c36;
}

.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^="left"] > .arrow {
    border-color: transparent;
    border-left-color: #2b323b;
}

.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^="left"] > .arrow::before {
    border-color: transparent;
    border-left-color: #252c36;
}

.popover-body {
    color: #a9b1bb;
}

/*---------------------------
  Element Progress
 ----------------------------*/
.progress {
    background-color: #3c424c;
}

/*---------------------------
  Element Toast
 ----------------------------*/
.toast {
    background-color: #2b323b;
    border-color: #252c36;
    border-left-color: #725ec3;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.toast-header {
    background-color: #2b323b;
}

.toast-date {
    color: #586069;
}

.toast-close {
    color: #586069;
}

.toast-close:hover {
    color: #c7d1db;
}

.rui-toast-container .rui-toast {
    background-color: #2b323b;
}

/*---------------------------
  Element Blockquote
 ----------------------------*/
.blockquote {
    color: #a0aebb;
    background-color: #323942;
}

.blockquote-footer {
    color: #626973;
}

.blockquote-style-2 {
    background-color: #323942;
    border-left-color: #3c424c;
}

.blockquote-style-2 .blockquote-footer {
    color: #586069;
}

/*---------------------------
  Element Popup
 ----------------------------*/
.fancybox-container .fancybox-bg {
    background-color: rgba(69, 76, 85, 0.85);
}

.rui-popup {
    background-color: #292f38;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

@media (min-width: 992px) {
    .rui-popup::-webkit-scrollbar-track {
        background-color: #c7d1db;
    }
    .rui-popup::-webkit-scrollbar {
        background-color: #c7d1db;
    }
    .rui-popup::-webkit-scrollbar-thumb {
        background-color: #4f565f;
    }
}

.rui-popup .fancybox-close-small {
    color: #586069;
}

.rui-popup .fancybox-close-small:hover, .rui-popup .fancybox-close-small.hover {
    color: #c7d1db;
}

/*---------------------------
  Element Snippet
 ----------------------------*/
.rui-snippet pre::-webkit-scrollbar-track,
.rui-snippet-single pre::-webkit-scrollbar-track {
    background-color: #292f38;
}

.rui-snippet pre::-webkit-scrollbar,
.rui-snippet-single pre::-webkit-scrollbar {
    background-color: #292f38;
}

.rui-snippet pre::-webkit-scrollbar-thumb,
.rui-snippet-single pre::-webkit-scrollbar-thumb {
    background-color: #454c55;
}

.rui-snippet.rui-snippet-frame .rui-snippet-preview,
.rui-snippet.rui-snippet-frame .rui-snippet-html,
.rui-snippet.rui-snippet-frame .rui-snippet-js {
    border-color: #3c424c;
}

.rui-snippet.rui-snippet-frame-preview .rui-snippet-html,
.rui-snippet.rui-snippet-frame-preview .rui-snippet-js {
    border-color: #3c424c;
}

.rui-snippet-single.rui-snippet-filled {
    background-color: #323942;
}

.rui-snippet-single.rui-snippet-frame {
    background-color: #292f38;
    border-color: #3c424c;
}

/*---------------------------
  Element Timeline
 ----------------------------*/
.rui-timeline .rui-timeline-line {
    background-color: #3c424c;
}

.rui-timeline .rui-timeline-item:hover .rui-timeline-icon,
.rui-timeline .rui-timeline-item.hover .rui-timeline-icon {
    background-color: #323942;
}

.rui-timeline .rui-timeline-item:hover .rui-timeline-date,
.rui-timeline .rui-timeline-item.hover .rui-timeline-date {
    color: #a0aebb;
}

.rui-timeline .rui-timeline-icon {
    color: #a0aebb;
    background-color: #292f38;
    border-color: #3c424c;
}

.rui-timeline .rui-timeline-content {
    border-color: #3c424c;
}

.rui-timeline .rui-timeline-date {
    color: #586069;
}

@media (max-width: 1199.98px) {
    .rui-timeline .rui-timeline-line {
        border-right-color: #3c424c;
        border-left-color: #3c424c;
    }
    .rui-timeline .rui-timeline-content {
        background-color: #292f38;
    }
    .rui-timeline.rui-timeline-left .rui-timeline-line,
    .rui-timeline.rui-timeline-left-xl .rui-timeline-line,
    .rui-timeline.rui-timeline-left-lg .rui-timeline-line {
        background-color: #3c424c;
    }
}

/*---------------------------
  Element Changelog
 ----------------------------*/
.rui-changelog .rui-changelog-subtitle {
    color: #626973;
}

.rui-changelog .rui-changelog-subtitle a {
    color: #a0aebb;
}

.rui-changelog .rui-changelog-subtitle a:hover, .rui-changelog .rui-changelog-subtitle a.hover {
    color: #c7d1db;
}

.rui-changelog .rui-changelog-item {
    color: #a9b1bb;
}

.rui-changelog .rui-changelog-item::before {
    background-color: #4f565f;
}

.rui-changelog .rui-changelog-item .rui-changelog-item-type {
    color: #a9b1bb;
}

.rui-changelog .rui-changelog-brand::before {
    background-color: #725ec3;
}

.rui-changelog .rui-changelog-primary::before {
    background-color: #007bff;
}

.rui-changelog .rui-changelog-secondary::before {
    background-color: #a0aebb;
}

.rui-changelog .rui-changelog-success::before {
    background-color: #2fc787;
}

.rui-changelog .rui-changelog-danger::before {
    background-color: #ef5164;
}

.rui-changelog .rui-changelog-warning::before {
    background-color: #fdbf21;
}

.rui-changelog .rui-changelog-info::before {
    background-color: #32bfc8;
}

.rui-changelog .rui-changelog-light::before {
    background-color: #f8f9fa;
}

.rui-changelog .rui-changelog-dark::before {
    background-color: #393f49;
}

.rui-changelog .rui-changelog-file {
    color: #a0aebb;
}

.rui-changelog .rui-changelog-file:hover, .rui-changelog .rui-changelog-file.hover {
    color: #c7d1db;
}

/*---------------------------
  Element Kanban
 ----------------------------*/
.rui-kanban-col {
    background-color: #323942;
}

.rui-kanban-col::-webkit-scrollbar-track {
    background-color: #323942;
}

.rui-kanban-col::-webkit-scrollbar {
    background-color: #323942;
}

.rui-kanban-col::-webkit-scrollbar-thumb {
    background-color: #454c55;
}

.rui-kanban-item {
    border-color: #3c424c;
}

.rui-kanban-item > .rui-task {
    background-color: #292f38;
}

.rui-kanban-item:hover, .rui-kanban-item.hover {
    background-color: #292f38;
    border-color: #454c55;
}

.rui-kanban-item:hover > .rui-task, .rui-kanban-item.hover > .rui-task {
    background-color: #292f38;
}

.rui-kanban-item.sortable-chosen {
    background-color: #292f38;
    border-color: #4f565f;
}

/*---------------------------
  Element Task
 ----------------------------*/
.rui-task:hover, .rui-task.hover {
    background-color: #323942;
}

.rui-task .rui-task-title {
    color: #a0aebb;
}

.rui-task .rui-task-title:hover, .rui-task .rui-task-title.hover {
    color: #c7d1db;
}

.rui-task .rui-task-subtitle {
    color: #626973;
}

.rui-task .rui-task-subtitle > a {
    color: #a0aebb;
}

.rui-task .rui-task-subtitle > a:hover, .rui-task .rui-task-subtitle > a.hover {
    color: #c7d1db;
}

.rui-task .rui-task-icon {
    color: #586069;
}

.rui-task .rui-task-icon:not([href]):hover, .rui-task .rui-task-icon:not([href]).hover {
    color: #586069;
}

.rui-task .rui-task-icon:hover, .rui-task .rui-task-icon.hover {
    color: #c7d1db;
}

.rui-task.rui-task-brand > .rui-task-icon:first-child {
    color: #725ec3;
}

.rui-task.rui-task-primary > .rui-task-icon:first-child {
    color: #007bff;
}

.rui-task.rui-task-secondary > .rui-task-icon:first-child {
    color: #a0aebb;
}

.rui-task.rui-task-success > .rui-task-icon:first-child {
    color: #2fc787;
}

.rui-task.rui-task-danger > .rui-task-icon:first-child {
    color: #ef5164;
}

.rui-task.rui-task-warning > .rui-task-icon:first-child {
    color: #fdbf21;
}

.rui-task.rui-task-info > .rui-task-icon:first-child {
    color: #32bfc8;
}

.rui-task.rui-task-light > .rui-task-icon:first-child {
    color: #f8f9fa;
}

.rui-task.rui-task-dark > .rui-task-icon:first-child {
    color: #393f49;
}

.rui-task-status {
    color: #626973;
}

.rui-task-status a {
    color: #a0aebb;
}

.rui-task-status a:hover, .rui-task-status a.hover {
    color: #c7d1db;
}

.rui-task-status.rui-task-status-brand .rui-task-status-item-icon {
    color: #c7d1db;
    background-color: #725ec3;
}

.rui-task-status.rui-task-status-primary .rui-task-status-item-icon {
    color: #c7d1db;
    background-color: #007bff;
}

.rui-task-status.rui-task-status-secondary .rui-task-status-item-icon {
    color: #c7d1db;
    background-color: #a0aebb;
}

.rui-task-status.rui-task-status-success .rui-task-status-item-icon {
    color: #c7d1db;
    background-color: #2fc787;
}

.rui-task-status.rui-task-status-danger .rui-task-status-item-icon {
    color: #c7d1db;
    background-color: #ef5164;
}

.rui-task-status.rui-task-status-warning .rui-task-status-item-icon {
    color: #c7d1db;
    background-color: #fdbf21;
}

.rui-task-status.rui-task-status-info .rui-task-status-item-icon {
    color: #c7d1db;
    background-color: #32bfc8;
}

.rui-task-status.rui-task-status-light .rui-task-status-item-icon {
    color: #c7d1db;
    background-color: #f8f9fa;
}

.rui-task-status.rui-task-status-dark .rui-task-status-item-icon {
    color: #c7d1db;
    background-color: #393f49;
}

.rui-task-status .rui-task-status-item-icon {
    color: #a0aebb;
    background-color: #323942;
}

.rui-task-comment {
    border-color: #3c424c;
}

.rui-task-sidebar a {
    color: #a0aebb;
}

.rui-task-sidebar a:hover, .rui-task-sidebar a.hover {
    color: #c7d1db;
}

.rui-task-sidebar .rui-task-sidebar-list > li {
    color: #626973;
}

/*---------------------------
  Element Image Boxes
 ----------------------------*/
.rui-gallery .rui-gallery-item .rui-gallery-item-overlay {
    color: #a9b1bb;
    background-color: rgba(50, 57, 66, 0.85);
}

/*---------------------------
  Element Widget
 ----------------------------*/
.rui-widget {
    border-color: #3c424c;
}

.rui-widget .rui-widget-head {
    background-color: #323942;
    border-bottom-color: #3c424c;
}

.rui-widget .rui-widget-content > .rui-icon {
    stroke: #626973;
}

.rui-widget.rui-widget-chart .rui-widget-subtitle {
    color: #626973;
}

/*---------------------------
  Element Social links
 ----------------------------*/
.rui-social-links > li > a, .rui-social-links > li > a:focus, .rui-social-links > li > a:active,
.rui-social-links > li > span,
.rui-social-links > li > span:focus,
.rui-social-links > li > span:active,
.rui-social-links > li > div,
.rui-social-links > li > div:focus,
.rui-social-links > li > div:active {
    color: #c7d1db;
}

.rui-social-links > li > .rui-social-behance {
    color: #c7d1db;
    background-color: #487cfb;
}

.rui-social-links > li > .rui-social-behance:hover, .rui-social-links > li > .rui-social-behance.hover {
    color: #c7d1db;
    background-color: #2f6afa;
}

.rui-social-links > li > .rui-social-bitbucket {
    color: #c7d1db;
    background-color: #36517e;
}

.rui-social-links > li > .rui-social-bitbucket:hover, .rui-social-links > li > .rui-social-bitbucket.hover {
    color: #c7d1db;
    background-color: #2e466c;
}

.rui-social-links > li > .rui-social-dropbox {
    color: #c7d1db;
    background-color: #4d86d9;
}

.rui-social-links > li > .rui-social-dropbox:hover, .rui-social-links > li > .rui-social-dropbox.hover {
    color: #c7d1db;
    background-color: #3878d5;
}

.rui-social-links > li > .rui-social-dribbble {
    color: #c7d1db;
    background-color: #cc4d86;
}

.rui-social-links > li > .rui-social-dribbble:hover, .rui-social-links > li > .rui-social-dribbble.hover {
    color: #c7d1db;
    background-color: #c63979;
}

.rui-social-links > li > .rui-social-deviantart {
    color: #c7d1db;
    background-color: #bac940;
}

.rui-social-links > li > .rui-social-deviantart:hover, .rui-social-links > li > .rui-social-deviantart.hover {
    color: #c7d1db;
    background-color: #acbb35;
}

.rui-social-links > li > .rui-social-envato {
    color: #c7d1db;
    background-color: #91b34c;
}

.rui-social-links > li > .rui-social-envato:hover, .rui-social-links > li > .rui-social-envato.hover {
    color: #c7d1db;
    background-color: #83a144;
}

.rui-social-links > li > .rui-social-facebook {
    color: #c7d1db;
    background-color: #475995;
}

.rui-social-links > li > .rui-social-facebook:hover, .rui-social-links > li > .rui-social-facebook.hover {
    color: #c7d1db;
    background-color: #3f4f84;
}

.rui-social-links > li > .rui-social-flickr {
    color: #c7d1db;
    background-color: #db0180;
}

.rui-social-links > li > .rui-social-flickr:hover, .rui-social-links > li > .rui-social-flickr.hover {
    color: #c7d1db;
    background-color: #c20171;
}

.rui-social-links > li > .rui-social-foursquare {
    color: #c7d1db;
    background-color: #d94a75;
}

.rui-social-links > li > .rui-social-foursquare:hover, .rui-social-links > li > .rui-social-foursquare.hover {
    color: #c7d1db;
    background-color: #d53565;
}

.rui-social-links > li > .rui-social-github {
    color: #c7d1db;
    background-color: #464646;
}

.rui-social-links > li > .rui-social-github:hover, .rui-social-links > li > .rui-social-github.hover {
    color: #c7d1db;
    background-color: #393939;
}

.rui-social-links > li > .rui-social-google {
    color: #c7d1db;
    background-color: #4285f4;
}

.rui-social-links > li > .rui-social-google:hover, .rui-social-links > li > .rui-social-google.hover {
    color: #c7d1db;
    background-color: #2a75f3;
}

.rui-social-links > li > .rui-social-google-plus {
    color: #c7d1db;
    background-color: #c14d3d;
}

.rui-social-links > li > .rui-social-google-plus:hover, .rui-social-links > li > .rui-social-google-plus.hover {
    color: #c7d1db;
    background-color: #ae4537;
}

.rui-social-links > li > .rui-social-instagram {
    color: #c7d1db;
    background-color: #d12054;
}

.rui-social-links > li > .rui-social-instagram:hover, .rui-social-links > li > .rui-social-instagram.hover {
    color: #c7d1db;
    background-color: #bb1d4b;
}

.rui-social-links > li > .rui-social-linkedin {
    color: #c7d1db;
    background-color: #457ab3;
}

.rui-social-links > li > .rui-social-linkedin:hover, .rui-social-links > li > .rui-social-linkedin.hover {
    color: #c7d1db;
    background-color: #3e6da1;
}

.rui-social-links > li > .rui-social-medium {
    color: #c7d1db;
    background-color: #71c66d;
}

.rui-social-links > li > .rui-social-medium:hover, .rui-social-links > li > .rui-social-medium.hover {
    color: #c7d1db;
    background-color: #5fbf5b;
}

.rui-social-links > li > .rui-social-odnoklassniki {
    color: #c7d1db;
    background-color: #d8732a;
}

.rui-social-links > li > .rui-social-odnoklassniki:hover, .rui-social-links > li > .rui-social-odnoklassniki.hover {
    color: #c7d1db;
    background-color: #c56724;
}

.rui-social-links > li > .rui-social-paypal {
    color: #c7d1db;
    background-color: #1d3283;
}

.rui-social-links > li > .rui-social-paypal:hover, .rui-social-links > li > .rui-social-paypal.hover {
    color: #c7d1db;
    background-color: #182a6e;
}

.rui-social-links > li > .rui-social-pinterest {
    color: #c7d1db;
    background-color: #ae262b;
}

.rui-social-links > li > .rui-social-pinterest:hover, .rui-social-links > li > .rui-social-pinterest.hover {
    color: #c7d1db;
    background-color: #992126;
}

.rui-social-links > li > .rui-social-rss {
    color: #c7d1db;
    background-color: #e06618;
}

.rui-social-links > li > .rui-social-rss:hover, .rui-social-links > li > .rui-social-rss.hover {
    color: #c7d1db;
    background-color: #c95c16;
}

.rui-social-links > li > .rui-social-reddit {
    color: #c7d1db;
    background-color: #de470b;
}

.rui-social-links > li > .rui-social-reddit:hover, .rui-social-links > li > .rui-social-reddit.hover {
    color: #c7d1db;
    background-color: #c63f0a;
}

.rui-social-links > li > .rui-social-skype {
    color: #c7d1db;
    background-color: #62aded;
}

.rui-social-links > li > .rui-social-skype:hover, .rui-social-links > li > .rui-social-skype.hover {
    color: #c7d1db;
    background-color: #4ba1ea;
}

.rui-social-links > li > .rui-social-soundcloud {
    color: #c7d1db;
    background-color: #df5611;
}

.rui-social-links > li > .rui-social-soundcloud:hover, .rui-social-links > li > .rui-social-soundcloud.hover {
    color: #c7d1db;
    background-color: #c74d0f;
}

.rui-social-links > li > .rui-social-slack {
    color: #c7d1db;
    background-color: #543b56;
}

.rui-social-links > li > .rui-social-slack:hover, .rui-social-links > li > .rui-social-slack.hover {
    color: #c7d1db;
    background-color: #453147;
}

.rui-social-links > li > .rui-social-steam {
    color: #c7d1db;
    background-color: #272425;
}

.rui-social-links > li > .rui-social-steam:hover, .rui-social-links > li > .rui-social-steam.hover {
    color: #c7d1db;
    background-color: #1a1818;
}

.rui-social-links > li > .rui-social-tumblr {
    color: #c7d1db;
    background-color: #384961;
}

.rui-social-links > li > .rui-social-tumblr:hover, .rui-social-links > li > .rui-social-tumblr.hover {
    color: #c7d1db;
    background-color: #2f3d51;
}

.rui-social-links > li > .rui-social-twitter {
    color: #c7d1db;
    background-color: #6da9de;
}

.rui-social-links > li > .rui-social-twitter:hover, .rui-social-links > li > .rui-social-twitter.hover {
    color: #c7d1db;
    background-color: #589dd9;
}

.rui-social-links > li > .rui-social-vimeo {
    color: #c7d1db;
    background-color: #69b5e7;
}

.rui-social-links > li > .rui-social-vimeo:hover, .rui-social-links > li > .rui-social-vimeo.hover {
    color: #c7d1db;
    background-color: #53aae3;
}

.rui-social-links > li > .rui-social-vk {
    color: #c7d1db;
    background-color: #657da0;
}

.rui-social-links > li > .rui-social-vk:hover, .rui-social-links > li > .rui-social-vk.hover {
    color: #c7d1db;
    background-color: #5a7192;
}

.rui-social-links > li > .rui-social-wordpress {
    color: #c7d1db;
    background-color: #4072a1;
}

.rui-social-links > li > .rui-social-wordpress:hover, .rui-social-links > li > .rui-social-wordpress.hover {
    color: #c7d1db;
    background-color: #39658f;
}

.rui-social-links > li > .rui-social-youtube {
    color: #c7d1db;
    background-color: #c6271e;
}

.rui-social-links > li > .rui-social-youtube:hover, .rui-social-links > li > .rui-social-youtube.hover {
    color: #c7d1db;
    background-color: #b0231b;
}

/*---------------------------
  Element Box Window
 ----------------------------*/
.rui-box-window .rui-box-window-bar {
    background-color: #323942;
}

.rui-box-window .rui-box-window-bar > span {
    background-color: #3c424c;
}

.rui-box-window .rui-box-window-bar .rui-box-window-brand {
    background-color: #725ec3;
}

.rui-box-window .rui-box-window-bar .rui-box-window-primary {
    background-color: #007bff;
}

.rui-box-window .rui-box-window-bar .rui-box-window-secondary {
    background-color: #a0aebb;
}

.rui-box-window .rui-box-window-bar .rui-box-window-success {
    background-color: #2fc787;
}

.rui-box-window .rui-box-window-bar .rui-box-window-danger {
    background-color: #ef5164;
}

.rui-box-window .rui-box-window-bar .rui-box-window-warning {
    background-color: #fdbf21;
}

.rui-box-window .rui-box-window-bar .rui-box-window-info {
    background-color: #32bfc8;
}

.rui-box-window .rui-box-window-bar .rui-box-window-light {
    background-color: #f8f9fa;
}

.rui-box-window .rui-box-window-bar .rui-box-window-dark {
    background-color: #393f49;
}

.rui-box-window .rui-box-window-image {
    border-color: #323942;
}

.rui-box-window:hover .rui-box-window-image, .rui-box-window.hover .rui-box-window-image {
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

/*---------------------------
   Element Feature
  ----------------------------*/
.rui-feature {
    background-color: #292f38;
    border-color: #3c424c;
}

.rui-feature .rui-feature-icon {
    color: #a0aebb;
}

.rui-feature:hover, .rui-feature.hover {
    border-color: #454c55;
}

/*------------------------------------------------------------------

  Plugins

 -------------------------------------------------------------------*/
/*---------------------------
    Plugin Yay
 ----------------------------*/
.yay-hide .yaybar.rui-yaybar.yay-overlay {
    -webkit-box-shadow: 0 0 0 5px #292f38;
            box-shadow: 0 0 0 5px #292f38;
}

.yay-hide .yaybar.rui-yaybar .yaybar-wrap > ul > li > .yay-submenu {
    background-color: #2b323b !important;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.yay-hide .yaybar.rui-yaybar .yaybar-wrap > ul > li > .yay-submenu .dropdown-menu-triangle {
    border-color: transparent;
    border-right-color: #2b323b;
}

.yay-hide .yaybar.rui-yaybar .yaybar-wrap > ul > li > .yay-submenu .dropdown-menu-triangle::before {
    border-color: transparent;
    border-right-color: #252c36;
}

.yay-hide .yaybar.rui-yaybar.yay-right-side ul > li > .yay-submenu .dropdown-menu-triangle {
    border-color: transparent;
    border-left-color: #2b323b;
}

.yay-hide .yaybar.rui-yaybar.yay-right-side ul > li > .yay-submenu .dropdown-menu-triangle::before {
    border-color: transparent;
    border-left-color: #252c36;
}

.yaybar.rui-yaybar {
    background-color: #292f38;
}

.yaybar.rui-yaybar + .rui-yaybar-bg {
    background-color: rgba(69, 76, 85, 0.85);
}

.yaybar.rui-yaybar .os-scrollbar {
    background-color: #292f38;
}

.yaybar.rui-yaybar .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background-color: #3c424c;
}

.yaybar.rui-yaybar .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.yaybar.rui-yaybar .os-scrollbar.active > .os-scrollbar-track > .os-scrollbar-handle {
    background-color: #4f565f;
}

.yaybar.rui-yaybar .os-scrollbar > .os-scrollbar-track {
    background-color: #292f38;
}

.yaybar.rui-yaybar.os-host-scrolling .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background-color: #454c55;
}

.yaybar.rui-yaybar.yay-overlay {
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.yaybar.rui-yaybar .yaybar-wrap ul > li > a {
    color: #586069;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li > a::before {
    background-color: #586069;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li > a > span:not([class]) {
    color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li > a > .rui-yaybar-circle {
    background-color: #323942;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li > a .yay-icon {
    color: #626973;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li > a .yay-icon-collapse {
    color: #586069;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li:hover > a,
.yaybar.rui-yaybar .yaybar-wrap ul > li.hover > a {
    color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li:hover > a::before,
.yaybar.rui-yaybar .yaybar-wrap ul > li.hover > a::before {
    background-color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li:hover > a > span:not([class]),
.yaybar.rui-yaybar .yaybar-wrap ul > li.hover > a > span:not([class]) {
    color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li:hover > a > .yay-icon,
.yaybar.rui-yaybar .yaybar-wrap ul > li.hover > a > .yay-icon {
    color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li:hover > a > .yay-icon-collapse,
.yaybar.rui-yaybar .yaybar-wrap ul > li.hover > a > .yay-icon-collapse {
    color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-label {
    color: #626973;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-item-active > a {
    color: #725ec3 !important;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-item-active > a::before {
    background-color: #725ec3;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-item-active > a > span:not([class]) {
    color: #725ec3;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-item-active > a > .yay-icon {
    color: #725ec3;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-item-active > a > .yay-icon-collapse {
    color: #725ec3;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-item-active.yay-submenu-open > a {
    color: #725ec3 !important;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-item-active.yay-submenu-open > a::before {
    background-color: #725ec3;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-item-active.yay-submenu-open > a > span:not([class]) {
    color: #725ec3;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-item-active.yay-submenu-open > a > .yay-icon {
    color: #725ec3;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-item-active.yay-submenu-open > a > .yay-icon-collapse {
    color: #725ec3;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-submenu-open > a {
    color: #c7d1db !important;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-submenu-open > a::before {
    background-color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-submenu-open > a > span:not([class]) {
    color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-submenu-open > a > .yay-icon {
    color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul > li.yay-submenu-open > a > .yay-icon-collapse {
    color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul .yay-submenu > li > a {
    color: #626973;
}

.yaybar.rui-yaybar .yaybar-wrap ul .yay-submenu > li:hover > a,
.yaybar.rui-yaybar .yaybar-wrap ul .yay-submenu > li.hover > a {
    color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul .yay-submenu > li:hover > a > span:not([class]),
.yaybar.rui-yaybar .yaybar-wrap ul .yay-submenu > li.hover > a > span:not([class]) {
    color: #c7d1db;
}

.yaybar.rui-yaybar .yaybar-wrap ul.yay-submenu-open > a {
    color: #c7d1db;
}

/*---------------------------
    Plugin Overlay Scrollbars
 ----------------------------*/
.rui-scrollbar .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background-color: #3c424c;
}

.rui-scrollbar .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.rui-scrollbar .os-scrollbar.active > .os-scrollbar-track > .os-scrollbar-handle {
    background-color: #454c55;
}

.rui-scrollbar.os-host-scrolling .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background-color: #454c55;
}

/*---------------------------
    Plugin Emojione Area
 ----------------------------*/
.emojionearea.rui-messenger-textarea .emojionearea-editor {
    color: #c7d1db;
}

.emojionearea.rui-messenger-textarea .emojionearea-editor::before {
    color: #4f565f;
}

.emojionearea.rui-messenger-textarea > .emojionearea-button {
    color: #4f565f;
}

.emojionearea.rui-messenger-textarea > .emojionearea-button:hover {
    color: inherit;
}

.emojionearea.rui-messenger-textarea .emojionearea-picker {
    background-color: #2b323b;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.emojionearea.rui-messenger-textarea .emojionearea-picker.rui-messenger-picker-complete .rui-messenger-picker-triangle {
    border-color: transparent;
    border-top-color: #2b323b;
}

.emojionearea.rui-messenger-textarea .emojionearea-picker.rui-messenger-picker-complete .rui-messenger-picker-triangle::before {
    border-color: transparent;
    border-top-color: #252c36;
}

.emojionearea.rui-messenger-textarea .emojionearea-picker .emojionearea-scroll-area::-webkit-scrollbar-track {
    background-color: #2b323b;
}

.emojionearea.rui-messenger-textarea .emojionearea-picker .emojionearea-scroll-area::-webkit-scrollbar {
    background-color: #2b323b;
}

.emojionearea.rui-messenger-textarea .emojionearea-picker .emojionearea-scroll-area::-webkit-scrollbar-thumb {
    background-color: #3c424c;
}

.emojionearea.rui-messenger-textarea .emojionearea-picker .emojibtn {
    background-color: #2b323b;
}

.emojionearea.rui-messenger-textarea .emojionearea-picker .emojibtn:hover {
    background-color: #3c424c;
}

.emojionearea.rui-messenger-textarea .emojionearea-picker .emojionearea-filters {
    background-color: #2b323b;
}

.emojionearea.rui-messenger-textarea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
    background-color: #2b323b;
}

.emojionearea.rui-messenger-textarea .emojionearea-picker .emojionearea-category-title {
    color: #4f565f;
    background-color: #2b323b;
}

.emojionearea,
.emojionearea.form-control {
    background-color: #292f38;
}

.textcomplete-dropdown.dropdown-menu[data-strategy="emojionearea"] {
    border-color: #3c424c;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
}

.textcomplete-dropdown.dropdown-menu[data-strategy="emojionearea"] li.textcomplete-item.active, .textcomplete-dropdown.dropdown-menu[data-strategy="emojionearea"] li.textcomplete-item:hover {
    background-color: #3c424c;
}

/*---------------------------
    Plugin Sortablejs
 ----------------------------*/
.rui-sortable .sortable-chosen {
    background-color: #323942;
}

/*---------------------------
    Plugin Swiper
 ----------------------------*/
.rui-swiper .swiper-container::before {
    background: -webkit-gradient(linear, left top, right top, from(#323942), to(rgba(50, 57, 66, 0)));
    background: -o-linear-gradient(left, #323942 0%, rgba(50, 57, 66, 0) 100%);
    background: linear-gradient(90deg, #323942 0%, rgba(50, 57, 66, 0) 100%);
}

.rui-swiper .swiper-container::after {
    background: -webkit-gradient(linear, right top, left top, from(#323942), to(rgba(50, 57, 66, 0)));
    background: -o-linear-gradient(right, #323942 0%, rgba(50, 57, 66, 0) 100%);
    background: linear-gradient(270deg, #323942 0%, rgba(50, 57, 66, 0) 100%);
}

.rui-swiper .swiper-button-prev,
.rui-swiper .swiper-button-next {
    color: #a0aebb;
    background-color: #292f38;
    border-color: #3c424c;
}

.rui-swiper .swiper-button-prev:hover, .rui-swiper .swiper-button-prev.hover,
.rui-swiper .swiper-button-next:hover,
.rui-swiper .swiper-button-next.hover {
    color: #c7d1db;
    background-color: #323942;
}

/*---------------------------
    Plugin Fullcalendar
 ----------------------------*/
.rui-calendar .fc-event,
.fc-event-list .fc-event {
    color: #a0aebb;
    background-color: #292f38;
    border-color: #3c424c;
    border-left-color: #454c55;
}

.rui-calendar .fc-event .fc-bg,
.fc-event-list .fc-event .fc-bg {
    background-color: #292f38;
}

.rui-calendar .fc-event .fc-content .fc-title,
.fc-event-list .fc-event .fc-content .fc-title {
    color: #a0aebb;
}

.rui-calendar .fc-event .fc-content .fc-time,
.fc-event-list .fc-event .fc-content .fc-time {
    color: #c7d1db;
}

.rui-calendar .fc-event:hover,
.fc-event-list .fc-event:hover {
    border-color: #454c55;
}

.rui-calendar .fc-event:hover .fc-content .fc-title,
.fc-event-list .fc-event:hover .fc-content .fc-title {
    color: #c7d1db;
}

.rui-calendar .fc-event.fc-event-brand,
.fc-event-list .fc-event.fc-event-brand {
    border-left-color: #725ec3;
}

.rui-calendar .fc-event.fc-event-primary,
.fc-event-list .fc-event.fc-event-primary {
    border-left-color: #007bff;
}

.rui-calendar .fc-event.fc-event-secondary,
.fc-event-list .fc-event.fc-event-secondary {
    border-left-color: #a0aebb;
}

.rui-calendar .fc-event.fc-event-success,
.fc-event-list .fc-event.fc-event-success {
    border-left-color: #2fc787;
}

.rui-calendar .fc-event.fc-event-danger,
.fc-event-list .fc-event.fc-event-danger {
    border-left-color: #ef5164;
}

.rui-calendar .fc-event.fc-event-warning,
.fc-event-list .fc-event.fc-event-warning {
    border-left-color: #fdbf21;
}

.rui-calendar .fc-event.fc-event-info,
.fc-event-list .fc-event.fc-event-info {
    border-left-color: #32bfc8;
}

.rui-calendar .fc-event.fc-event-light,
.fc-event-list .fc-event.fc-event-light {
    border-left-color: #f8f9fa;
}

.rui-calendar .fc-event.fc-event-dark,
.fc-event-list .fc-event.fc-event-dark {
    border-left-color: #393f49;
}

.rui-calendar .fc-view {
    border-color: #3c424c;
}

.rui-calendar .fc-toolbar .fc-button {
    color: #a0aebb;
    background-color: #323942;
}

.rui-calendar .fc-toolbar .fc-button:hover, .rui-calendar .fc-toolbar .fc-button.fc-state-active {
    color: #c7d1db;
    background-color: #3c424c;
}

.rui-calendar a.fc-more,
.rui-calendar a.fc-more:not([href]):not([tabindex]) {
    color: #586069;
}

.rui-calendar a.fc-more:hover,
.rui-calendar a.fc-more:not([href]):not([tabindex]):hover {
    color: #a0aebb;
}

.rui-calendar .fc-popover {
    background-color: #2b323b;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.rui-calendar .fc-popover .fc-header .fc-title {
    color: #c7d1db;
}

.rui-calendar .fc-popover .fc-header .fc-close {
    color: #586069;
}

.rui-calendar .fc-popover .fc-header .fc-close:hover {
    color: #c7d1db;
}

.rui-calendar .fc-month-view .fc-head > tr > td {
    border-bottom-color: #3c424c;
}

.rui-calendar .fc-month-view td,
.rui-calendar .fc-month-view th {
    border-color: #3c424c;
}

.rui-calendar .fc-month-view .fc-day-number {
    color: #a0aebb;
}

.rui-calendar .fc-month-view .fc-bg td:hover, .rui-calendar .fc-month-view .fc-bg td.fc-today {
    background-color: #323942;
}

.rui-calendar .fc-agenda-view .fc-head > tr > td {
    border-bottom-color: #3c424c;
}

.rui-calendar .fc-agenda-view .fc-body td,
.rui-calendar .fc-agenda-view .fc-body .fc-row {
    border-color: #3c424c;
}

.rui-calendar .fc-agenda-view .fc-day-grid {
    border-bottom-color: #3c424c;
}

.rui-calendar .fc-agenda-view .fc-day-grid .fc-row {
    border-right-color: transparent;
}

.rui-calendar .fc-agenda-view .fc-bg .fc-axis,
.rui-calendar .fc-agenda-view .fc-slats .fc-axis {
    color: #586069;
}

.rui-calendar .fc-agenda-view .fc-divider {
    display: none;
}

.rui-calendar .fc-agenda-view td.fc-today {
    background-color: #292f38;
}

.rui-calendar .fc-list-view .fc-list-empty {
    background-color: #292f38;
}

.rui-calendar .fc-list-view .fc-list-heading .fc-widget-header {
    background: none;
    border-color: transparent;
}

.rui-calendar .fc-list-view .fc-list-item.fc-event-brand .fc-event-dot {
    background-color: #725ec3;
}

.rui-calendar .fc-list-view .fc-list-item.fc-event-primary .fc-event-dot {
    background-color: #007bff;
}

.rui-calendar .fc-list-view .fc-list-item.fc-event-secondary .fc-event-dot {
    background-color: #a0aebb;
}

.rui-calendar .fc-list-view .fc-list-item.fc-event-success .fc-event-dot {
    background-color: #2fc787;
}

.rui-calendar .fc-list-view .fc-list-item.fc-event-danger .fc-event-dot {
    background-color: #ef5164;
}

.rui-calendar .fc-list-view .fc-list-item.fc-event-warning .fc-event-dot {
    background-color: #fdbf21;
}

.rui-calendar .fc-list-view .fc-list-item.fc-event-info .fc-event-dot {
    background-color: #32bfc8;
}

.rui-calendar .fc-list-view .fc-list-item.fc-event-light .fc-event-dot {
    background-color: #f8f9fa;
}

.rui-calendar .fc-list-view .fc-list-item.fc-event-dark .fc-event-dot {
    background-color: #393f49;
}

.rui-calendar .fc-list-view .fc-list-item .fc-list-item-time {
    color: #586069;
}

.rui-calendar .fc-list-view .fc-list-item .fc-list-item-title {
    color: #a0aebb;
}

.rui-calendar .fc-list-view .fc-list-item .fc-event-dot {
    background-color: #3c424c;
}

.rui-calendar .fc-list-view .fc-list-item > td {
    background-color: transparent;
    border-color: transparent;
}

.rui-calendar .fc-list-view .fc-list-item:hover .fc-list-item-title {
    color: #c7d1db;
}

/*---------------------------
    Plugin Fancybox
 ----------------------------*/
.fancybox-toolbar > .fancybox-button {
    background-color: rgba(41, 47, 56, 0.9);
}

.fancybox-toolbar > .fancybox-button:hover {
    background-color: #292f38;
}

.fancybox-button > div {
    background-color: rgba(41, 47, 56, 0.9);
}

.fancybox-button:hover > div {
    background-color: #292f38;
}

/*---------------------------
    Plugin Jstree
 ----------------------------*/
.rui-jstree .jstree-ocl:hover + .jstree-anchor > .rui-icon {
    stroke: #c7d1db;
}

.rui-jstree .jstree-anchor > .rui-icon {
    stroke: #626973;
}

.rui-jstree .jstree-anchor:hover > .rui-icon {
    stroke: #c7d1db;
}

.rui-jstree .jstree-open > .jstree-ocl:hover + .jstree-anchor > .rui-icon {
    stroke: #725ec3;
}

.rui-jstree .jstree-open > .jstree-anchor {
    color: #725ec3;
}

.rui-jstree .jstree-open > .jstree-anchor > .rui-icon {
    stroke: #725ec3;
}

.rui-jstree-lines .jstree-children .jstree-children .jstree-node::before {
    border-bottom-color: #3c424c;
    border-left-color: #3c424c;
}

/*---------------------------
    Plugin Sweetalert
 ----------------------------*/
.swal2-popup {
    padding: 30px;
    background-color: #2b323b;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.swal2-popup .swal2-title {
    color: #c7d1db;
}

.swal2-popup .swal2-content {
    color: #a9b1bb;
}

.swal2-popup .swal2-styled.swal2-confirm {
    background-color: #725ec3;
}

.swal2-popup .swal2-styled.swal2-confirm:hover {
    background-color: #5641ad;
}

.swal2-popup .swal2-styled.swal2-confirm:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.swal2-icon.swal2-brand {
    color: #725ec3;
    border-color: rgba(114, 94, 195, 0.3);
}

.swal2-icon.swal2-brand [class^=swal2-brand-line] {
    background-color: #725ec3;
}

.swal2-icon.swal2-brand .swal2-success-ring {
    border-color: rgba(114, 94, 195, 0.3);
}

.swal2-icon.swal2-error {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: #ef5164;
}

.swal2-icon.swal2-error .swal2-success-ring {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-primary {
    color: #007bff;
    border-color: rgba(0, 123, 255, 0.3);
}

.swal2-icon.swal2-primary [class^=swal2-primary-line] {
    background-color: #007bff;
}

.swal2-icon.swal2-primary .swal2-success-ring {
    border-color: rgba(0, 123, 255, 0.3);
}

.swal2-icon.swal2-error {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: #ef5164;
}

.swal2-icon.swal2-error .swal2-success-ring {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-secondary {
    color: #a0aebb;
    border-color: rgba(160, 174, 187, 0.3);
}

.swal2-icon.swal2-secondary [class^=swal2-secondary-line] {
    background-color: #a0aebb;
}

.swal2-icon.swal2-secondary .swal2-success-ring {
    border-color: rgba(160, 174, 187, 0.3);
}

.swal2-icon.swal2-error {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: #ef5164;
}

.swal2-icon.swal2-error .swal2-success-ring {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-success {
    color: #2fc787;
    border-color: rgba(47, 199, 135, 0.3);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #2fc787;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(47, 199, 135, 0.3);
}

.swal2-icon.swal2-error {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: #ef5164;
}

.swal2-icon.swal2-error .swal2-success-ring {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-danger {
    color: #ef5164;
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-danger [class^=swal2-danger-line] {
    background-color: #ef5164;
}

.swal2-icon.swal2-danger .swal2-success-ring {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-error {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: #ef5164;
}

.swal2-icon.swal2-error .swal2-success-ring {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-warning {
    color: #fdbf21;
    border-color: rgba(253, 191, 33, 0.3);
}

.swal2-icon.swal2-warning [class^=swal2-warning-line] {
    background-color: #fdbf21;
}

.swal2-icon.swal2-warning .swal2-success-ring {
    border-color: rgba(253, 191, 33, 0.3);
}

.swal2-icon.swal2-error {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: #ef5164;
}

.swal2-icon.swal2-error .swal2-success-ring {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-info {
    color: #32bfc8;
    border-color: rgba(50, 191, 200, 0.3);
}

.swal2-icon.swal2-info [class^=swal2-info-line] {
    background-color: #32bfc8;
}

.swal2-icon.swal2-info .swal2-success-ring {
    border-color: rgba(50, 191, 200, 0.3);
}

.swal2-icon.swal2-error {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: #ef5164;
}

.swal2-icon.swal2-error .swal2-success-ring {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-light {
    color: #f8f9fa;
    border-color: rgba(248, 249, 250, 0.3);
}

.swal2-icon.swal2-light [class^=swal2-light-line] {
    background-color: #f8f9fa;
}

.swal2-icon.swal2-light .swal2-success-ring {
    border-color: rgba(248, 249, 250, 0.3);
}

.swal2-icon.swal2-error {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: #ef5164;
}

.swal2-icon.swal2-error .swal2-success-ring {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-dark {
    color: #393f49;
    border-color: rgba(57, 63, 73, 0.3);
}

.swal2-icon.swal2-dark [class^=swal2-dark-line] {
    background-color: #393f49;
}

.swal2-icon.swal2-dark .swal2-success-ring {
    border-color: rgba(57, 63, 73, 0.3);
}

.swal2-icon.swal2-error {
    border-color: rgba(239, 81, 100, 0.3);
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: #ef5164;
}

.swal2-icon.swal2-error .swal2-success-ring {
    border-color: rgba(239, 81, 100, 0.3);
}

/*---------------------------
    Plugin Jqvmap
 ----------------------------*/
.rui-jqvmap .jqvmap-zoomin,
.rui-jqvmap .jqvmap-zoomout {
    color: #a0aebb;
    background-color: #454c55;
}

.rui-jqvmap .jqvmap-zoomin:hover,
.rui-jqvmap .jqvmap-zoomout:hover {
    color: #c7d1db;
    background-color: #4f565f;
}

/*---------------------------
    Plugin Datatable
 ----------------------------*/
.rui-datatable thead th.sorting_asc > .icon,
.rui-datatable thead th.sorting_desc > .rui-icon {
    stroke: #a0aebb;
}

.rui-datatable thead th > .rui-icon {
    stroke: #626973;
}

.dataTables_length select {
    color: #a0aebb;
    background-color: #292f38;
    border-color: #454c55;
}

.dataTables_length select:focus {
    border-color: rgba(114, 94, 195, 0.6);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
}

.dataTables_filter > label {
    color: #a0aebb;
}

.dataTables_filter input {
    color: #626973;
    background-color: #292f38;
    border-color: #454c55;
}

.dataTables_filter input:focus {
    color: #a9b1bb;
    border-color: rgba(114, 94, 195, 0.6);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
}

.dataTables_info {
    color: #586069;
}

.dataTables_paginate > a,
.dataTables_paginate > span > a {
    color: #626973;
    background-color: #323942;
}

.dataTables_paginate > a:hover,
.dataTables_paginate > span > a:hover {
    color: #a0aebb;
    background-color: #3c424c;
}

.dataTables_paginate > a:focus,
.dataTables_paginate > span > a:focus {
    color: #a0aebb;
    background-color: #3c424c;
}

.dataTables_paginate > a:active,
.dataTables_paginate > span > a:active {
    background-color: #454c55;
}

.dataTables_paginate > a.current,
.dataTables_paginate > span > a.current {
    color: #c7d1db;
    background-color: #725ec3;
}

.dataTables_paginate > a.disabled,
.dataTables_paginate > span > a.disabled {
    color: #4f565f;
    background-color: #323942;
}

/*---------------------------
    Plugin DateTime Picker
 ----------------------------*/
.xdsoft_datetimepicker {
    background-color: #2b323b;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.xdsoft_datetimepicker .xdsoft_calendar thead th {
    color: #a9b1bb;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_today_button {
    color: #626973;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_today_button:hover {
    color: #c7d1db;
}

.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_label {
    color: #c7d1db;
}

.xdsoft_datetimepicker .xdsoft_label {
    background-color: #2b323b;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    background-color: #2b323b;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    color: #a0aebb;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #c7d1db !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover::before {
    background-color: #3c424c;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    color: #c7d1db !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current::before {
    background-color: rgba(114, 94, 195, 0.8);
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select .xdsoft_scroller {
    background-color: #454c55 !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select .xdsoft_scroller:hover {
    background-color: #454c55 !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_scroller {
    background-color: #454c55 !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_scroller:hover {
    background-color: #454c55 !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    color: #a0aebb;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #c7d1db !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover::before {
    background-color: #3c424c;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    color: #c7d1db !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current::before {
    background-color: rgba(114, 94, 195, 0.8);
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    color: #626973;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:hover {
    color: #c7d1db;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month > div {
    color: #586069;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month > div:hover {
    color: #626973 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    color: #a0aebb;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover {
    color: #c7d1db !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover > div {
    color: #c7d1db !important;
    background-color: #3c424c !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current > div {
    color: #c7d1db !important;
    background-color: rgba(114, 94, 195, 0.8) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today > div {
    color: #c7d1db !important;
    background-color: rgba(114, 94, 195, 0.8) !important;
}

.rui-datetimepicker-wrap::after {
    background-color: rgba(69, 76, 85, 0.85);
}

/*---------------------------
    Plugin DateRange Picker
 ----------------------------*/
.daterangepicker {
    background-color: #2b323b;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.daterangepicker.show-calendar .drp-buttons .drp-selected {
    color: #586069;
}

.daterangepicker.show-calendar .drp-buttons .btn {
    background-color: #725ec3;
    border-color: #725ec3;
}

.daterangepicker.show-calendar .drp-buttons .btn:hover {
    background-color: #5641ad;
    border-color: #5641ad;
}

.daterangepicker.show-calendar .drp-buttons .btn:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.5);
}

.daterangepicker.show-calendar .drp-buttons .btn.btn-default {
    color: #a0aebb;
}

.daterangepicker.show-calendar .drp-buttons .btn.btn-default:hover {
    color: #c7d1db;
}

.daterangepicker .calendar-table {
    border-color: transparent;
}

.daterangepicker .calendar-table thead th {
    color: #a9b1bb;
}

.daterangepicker .calendar-table tbody td {
    color: #a0aebb;
}

.daterangepicker .calendar-table tbody td:hover {
    color: #c7d1db;
}

.daterangepicker .calendar-table tbody td:hover::after {
    background-color: #323942;
}

.daterangepicker .calendar-table tbody td.in-range::after {
    background-color: #3c424c;
}

.daterangepicker .calendar-table tbody td.start-date, .daterangepicker .calendar-table tbody td.end-date {
    color: #c7d1db;
}

.daterangepicker .calendar-table tbody td.start-date::after, .daterangepicker .calendar-table tbody td.end-date::after {
    background-color: rgba(114, 94, 195, 0.8);
}

.daterangepicker .calendar-table tbody td.off {
    color: #586069;
}

.daterangepicker .calendar-table tbody td.off.in-range {
    background-color: #2b323b;
}

.daterangepicker .calendar-table tbody td.off::after {
    background-color: #2b323b;
}

.daterangepicker .calendar-table tbody td.off:hover {
    color: #c7d1db;
}

.daterangepicker .calendar-table tbody td.off:hover::after {
    background-color: #323942;
}

.daterangepicker .calendar-table .prev,
.daterangepicker .calendar-table .next {
    color: #586069;
}

.daterangepicker .calendar-table .prev:hover,
.daterangepicker .calendar-table .next:hover {
    color: #c7d1db;
}

.daterangepicker .calendar-table .month {
    color: #a0aebb;
}

/*---------------------------
    Plugin Touchspin
 ----------------------------*/
.rui-touchspin .form-control {
    margin-right: 10px;
}

.rui-touchspin .input-group-prepend {
    margin-right: 10px;
}

.rui-touchspin .bootstrap-touchspin .form-control {
    border-radius: .25rem;
}

.rui-touchspin .bootstrap-touchspin .btn {
    min-width: 38px;
    border-radius: .25rem;
}

.rui-touchspin .bootstrap-touchspin .btn-default {
    color: #a0aebb;
    background-color: #323942;
}

.rui-touchspin .bootstrap-touchspin .btn-default:hover {
    background-color: #3c424c;
}

.rui-touchspin .bootstrap-touchspin .btn-default:active {
    background-color: #454c55;
}

.rui-touchspin-right .form-control {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    margin-right: 10px;
}

.rui-touchspin-right .input-group-prepend {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 10px;
}

.rui-touchspin-right .input-group-append {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
}

.rui-touchspin-left .form-control {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 0;
}

.rui-touchspin-left .input-group-prepend {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    margin-right: 10px;
}

.rui-touchspin-left .input-group-append {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 10px;
}

.rui-touchspin-vertical .input-group-btn-vertical {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.rui-touchspin-vertical .input-group-btn-vertical .btn {
    min-width: 18px;
    height: 18px;
    padding: 0;
    line-height: 0;
    border-radius: .2rem;
}

.rui-touchspin-vertical.rui-touchspin-left .form-control {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 0;
}

.rui-touchspin-vertical.rui-touchspin-left .input-group-btn-vertical {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    margin-right: 10px;
}

.rui-touchspin-overlay .form-control {
    margin-right: 0;
}

.rui-touchspin-overlay .input-group-btn-vertical {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: -19px;
    z-index: 4;
}

.rui-touchspin-overlay .input-group-btn-vertical .btn:first-of-type {
    border-radius: 0 .2rem 0 0;
}

.rui-touchspin-overlay .input-group-btn-vertical .btn:last-of-type {
    border-radius: 0 0 .2rem 0;
}

/*---------------------------
    Plugin Ion Range Slider
 ----------------------------*/
.rui-irs .rui-irs-value,
.rui-irs-double .rui-irs-value {
    color: #a0aebb;
}

.rui-irs .irs-line,
.rui-irs-double .irs-line {
    background-color: #454c55;
}

.rui-irs .irs-bar,
.rui-irs-double .irs-bar {
    background-color: rgba(212, 205, 237, 0.5);
}

.rui-irs .irs-min,
.rui-irs .irs-max,
.rui-irs-double .irs-min,
.rui-irs-double .irs-max {
    color: #586069;
}

.rui-irs .irs-from,
.rui-irs .irs-to,
.rui-irs .irs-single,
.rui-irs-double .irs-from,
.rui-irs-double .irs-to,
.rui-irs-double .irs-single {
    background-color: #9383d1;
}

.rui-irs .irs-handle > i:first-child,
.rui-irs-double .irs-handle > i:first-child {
    background-color: #725ec3;
}

.rui-irs .irs-handle:hover > i:first-child,
.rui-irs-double .irs-handle:hover > i:first-child {
    background-color: #5641ad;
}

.rui-irs .irs-handle:active > i:first-child,
.rui-irs .irs-handle.state_hover > i:first-child,
.rui-irs-double .irs-handle:active > i:first-child,
.rui-irs-double .irs-handle.state_hover > i:first-child {
    background-color: #a396d8;
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
}

/*---------------------------
    EasyMDE (Markdown)
 ----------------------------*/
.editor-toolbar {
    border-color: #3c424c;
}

.editor-toolbar button {
    color: #a0aebb;
}

.editor-toolbar button:hover {
    color: #c7d1db;
}

.editor-toolbar i.separator {
    border-right-color: transparent;
    border-left-color: #3c424c;
}

.CodeMirror {
    color: #a9b1bb;
    background-color: #292f38;
    border-color: #3c424c;
}

.editor-statusbar {
    color: #586069;
}

/*---------------------------
    Colorpicker
 ----------------------------*/
.pcr-app[data-theme="classic"] {
    background-color: #2b323b;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview .pcr-last-color:focus::before {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(50, 57, 66, 0.5), 0 0 0 0.15rem currentColor;
            box-shadow: 0 0 0 0.15rem rgba(50, 57, 66, 0.5), 0 0 0 0.15rem currentColor;
}

.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview .pcr-current-color {
    -webkit-box-shadow: 0 -12px 0 0 #2b323b;
            box-shadow: 0 -12px 0 0 #2b323b;
}

.pcr-app[data-theme="classic"] .pcr-selection .pcr-picker {
    border-color: #3c424c;
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-result {
    color: #a9b1bb;
    background-color: #292f38;
    border-color: #454c55;
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-result:hover {
    background-color: #292f38;
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-result:focus {
    border-color: rgba(114, 94, 195, 0.6);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-type {
    color: #a0aebb;
    background-color: #323942;
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-type:hover {
    background-color: #3c424c;
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-type:focus {
    color: #a0aebb;
    background-color: #454c55;
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-type.active {
    color: #a0aebb;
    background-color: #454c55;
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-type:active {
    background-color: #4f565f;
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-save {
    color: #c7d1db;
    background-color: #725ec3;
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-save:hover {
    background-color: #624bbc;
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-save:focus {
    color: #c7d1db;
    background-color: #624bbc;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.4);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.4);
}

.pcr-app[data-theme="classic"] .pcr-interaction .pcr-save:active {
    background-color: #5641ad;
}

/*---------------------------
    Plugin Chartist
 ----------------------------*/
.ct-label {
    color: #586069;
}

.ct-chart-pie .ct-label {
    fill: #c7d1db;
}

.rui-chartist-donut::after {
    border-color: #3c424c;
}

/*---------------------------
    Plugin Selectize
 ----------------------------*/
.rui-selectize .rui-selectize-element .selectize-input {
    color: #a9b1bb;
    background-color: #292f38;
    border-color: #454c55;
    -webkit-box-shadow: 0 0 0 0 rgba(114, 94, 195, 0);
            box-shadow: 0 0 0 0 rgba(114, 94, 195, 0);
}

.rui-selectize .rui-selectize-element .selectize-input:focus, .rui-selectize .rui-selectize-element .selectize-input.focus {
    background-color: #292f38;
    border-color: rgba(114, 94, 195, 0.6);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
            box-shadow: 0 0 0 0.2rem rgba(114, 94, 195, 0.2);
}

.rui-selectize .rui-selectize-element .selectize-dropdown {
    background-color: #2b323b;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.rui-selectize .rui-selectize-element .selectize-dropdown .option {
    color: #a0aebb;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .option:hover {
    color: #c7d1db;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .create {
    color: #a0aebb;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .create strong {
    color: #a9b1bb;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .highlight {
    background-color: #3c424c;
}

.rui-selectize .rui-selectize-element .selectize-dropdown .active {
    color: #a9b1bb;
    background-color: transparent;
}

.rui-selectize .rui-selectize-select .selectize-input::after,
.rui-selectize .rui-selectize-select.single .selectize-input::after {
    border-top-color: #586069;
}

.rui-selectize .rui-selectize-select .selectize-input:focus::after, .rui-selectize .rui-selectize-select .selectize-input.focus::after,
.rui-selectize .rui-selectize-select.single .selectize-input:focus::after,
.rui-selectize .rui-selectize-select.single .selectize-input.focus::after {
    border-top-color: #a9b1bb;
}

.rui-selectize .rui-selectize-select .rui-selectize-select-icon.selectize-input .rui-selectize-select-icon {
    stroke: #586069;
}

.rui-selectize .rui-selectize-select .rui-selectize-select-icon.selectize-input:focus .rui-selectize-select-icon,
.rui-selectize .rui-selectize-select .rui-selectize-select-icon.selectize-input.focus .rui-selectize-select-icon {
    stroke: #a9b1bb;
}

.rui-selectize .rui-selectize-input .selectize-input .item {
    color: #a0aebb;
    background-color: #323942;
}

.rui-selectize .rui-selectize-input .selectize-input .item:hover {
    background-color: #3c424c;
}

.rui-selectize .rui-selectize-input .selectize-input .item.active {
    color: #a9b1bb;
    background-color: #3c424c;
}

.rui-selectize .rui-selectize-input .selectize-dropdown .create strong {
    background-color: #323942;
}

.rui-selectize .rui-selectize-icon .selectize-input.dropdown-active > .option > .rui-icon {
    stroke: #a9b1bb;
}

.rui-selectize .rui-selectize-icon .selectize-input > .option > .rui-icon {
    stroke: #586069;
}

.rui-selectize .rui-selectize-icon .selectize-dropdown .option.active > .rui-icon {
    stroke: #a9b1bb;
}

.rui-selectize .rui-selectize-icon .selectize-dropdown .option > .rui-icon {
    stroke: #586069;
}

.rui-selectize .rui-selectize-github .selectize-dropdown > .selectize-dropdown-content > div {
    background-color: #292f38;
}

.rui-selectize .rui-selectize-github .selectize-dropdown > .selectize-dropdown-content > div .title .by {
    color: #586069;
}

.rui-selectize .rui-selectize-github .selectize-dropdown > .selectize-dropdown-content > div .description {
    color: #626973;
}

.rui-selectize .rui-selectize-github .selectize-dropdown > .selectize-dropdown-content > div .meta {
    color: #a0aebb;
}

.rui-selectize .rui-selectize-github .selectize-dropdown > .selectize-dropdown-content > div.selected, .rui-selectize .rui-selectize-github .selectize-dropdown > .selectize-dropdown-content > div.active {
    background-color: #323942;
}

/*---------------------------
    Plugin Peity (chart)
 ----------------------------*/
.peity {
    background-color: #323942;
}

.peity:hover, .peity.hover {
    background-color: #3c424c;
}

.peity-pie + .peity {
    background-color: transparent;
}

.peity-pie + .peity:hover, .peity-pie + .peity.hover {
    background-color: transparent;
}

.peity-light + .peity {
    background-color: transparent;
}

.peity-light + .peity:hover, .peity-light + .peity.hover {
    background-color: transparent;
}

.peity-brand + .peity > polygon,
.peity-brand + .peity > rect {
    fill: rgba(114, 94, 195, 0.8);
}

.peity-brand + .peity:hover > polygon,
.peity-brand + .peity:hover > rect, .peity-brand + .peity.hover > polygon,
.peity-brand + .peity.hover > rect {
    fill: #725ec3;
}

.peity-primary + .peity > polygon,
.peity-primary + .peity > rect {
    fill: rgba(0, 123, 255, 0.8);
}

.peity-primary + .peity:hover > polygon,
.peity-primary + .peity:hover > rect, .peity-primary + .peity.hover > polygon,
.peity-primary + .peity.hover > rect {
    fill: #007bff;
}

.peity-secondary + .peity > polygon,
.peity-secondary + .peity > rect {
    fill: rgba(160, 174, 187, 0.8);
}

.peity-secondary + .peity:hover > polygon,
.peity-secondary + .peity:hover > rect, .peity-secondary + .peity.hover > polygon,
.peity-secondary + .peity.hover > rect {
    fill: #a0aebb;
}

.peity-success + .peity > polygon,
.peity-success + .peity > rect {
    fill: rgba(47, 199, 135, 0.8);
}

.peity-success + .peity:hover > polygon,
.peity-success + .peity:hover > rect, .peity-success + .peity.hover > polygon,
.peity-success + .peity.hover > rect {
    fill: #2fc787;
}

.peity-danger + .peity > polygon,
.peity-danger + .peity > rect {
    fill: rgba(239, 81, 100, 0.8);
}

.peity-danger + .peity:hover > polygon,
.peity-danger + .peity:hover > rect, .peity-danger + .peity.hover > polygon,
.peity-danger + .peity.hover > rect {
    fill: #ef5164;
}

.peity-warning + .peity > polygon,
.peity-warning + .peity > rect {
    fill: rgba(253, 191, 33, 0.8);
}

.peity-warning + .peity:hover > polygon,
.peity-warning + .peity:hover > rect, .peity-warning + .peity.hover > polygon,
.peity-warning + .peity.hover > rect {
    fill: #fdbf21;
}

.peity-info + .peity > polygon,
.peity-info + .peity > rect {
    fill: rgba(50, 191, 200, 0.8);
}

.peity-info + .peity:hover > polygon,
.peity-info + .peity:hover > rect, .peity-info + .peity.hover > polygon,
.peity-info + .peity.hover > rect {
    fill: #32bfc8;
}

.peity-light + .peity > polygon,
.peity-light + .peity > rect {
    fill: rgba(248, 249, 250, 0.8);
}

.peity-light + .peity:hover > polygon,
.peity-light + .peity:hover > rect, .peity-light + .peity.hover > polygon,
.peity-light + .peity.hover > rect {
    fill: #f8f9fa;
}

.peity-dark + .peity > polygon,
.peity-dark + .peity > rect {
    fill: rgba(57, 63, 73, 0.8);
}

.peity-dark + .peity:hover > polygon,
.peity-dark + .peity:hover > rect, .peity-dark + .peity.hover > polygon,
.peity-dark + .peity.hover > rect {
    fill: #393f49;
}

/*---------------------------
    Plugin Flot (chart)
 ----------------------------*/
.flot-svg .flot-x-axis,
.flot-svg .flot-y-axis {
    fill: #586069;
}

/*---------------------------
    Plugin Highlight
 ----------------------------*/
.hljs {
    color: #a9b1bb;
}

.hljs-string {
    color: #ef5164;
}

.hljs-literal {
    color: #2fc787;
}

.hljs-number {
    color: #007bff;
}

/*---------------------------
    Plugin Quill
 ----------------------------*/
.rui-quill .rui-quill-toolbar {
    border-color: #3c424c;
}

.rui-quill .rui-quill-toolbar .ql-stroke {
    stroke: #586069;
}

.rui-quill .rui-quill-toolbar .ql-fill {
    fill: #586069;
}

.rui-quill .rui-quill-toolbar button:hover .ql-stroke {
    stroke: #a9b1bb;
}

.rui-quill .rui-quill-toolbar button:hover .ql-fill {
    fill: #a9b1bb;
}

.rui-quill .rui-quill-toolbar button.ql-active .ql-stroke {
    stroke: #725ec3;
}

.rui-quill .rui-quill-toolbar button.ql-active .ql-fill {
    fill: #725ec3;
}

.rui-quill .rui-quill-toolbar .ql-picker svg.rui-icon {
    stroke: #586069;
}

.rui-quill .rui-quill-toolbar .ql-picker .ql-picker-label {
    color: #586069;
}

.rui-quill .rui-quill-toolbar .ql-picker .ql-picker-label:hover {
    color: #a9b1bb;
}

.rui-quill .rui-quill-toolbar .ql-picker .ql-picker-options {
    background-color: #2b323b;
    border-color: #252c36;
    -webkit-box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
            box-shadow: 0 3px 10px rgba(36, 43, 53, 0.9);
}

.rui-quill .rui-quill-toolbar .ql-picker .ql-picker-options .ql-picker-item {
    color: #586069;
}

.rui-quill .rui-quill-toolbar .ql-picker .ql-picker-options .ql-picker-item:hover {
    color: #a9b1bb;
}

.rui-quill .rui-quill-toolbar .ql-picker.ql-expanded svg.rui-icon {
    stroke: #a9b1bb;
}

.rui-quill .rui-quill-toolbar .ql-picker.ql-expanded .ql-picker-label {
    color: #a9b1bb;
}

.rui-quill .rui-quill-toolbar .ql-picker.ql-expanded .ql-picker-options {
    border-color: #3c424c;
}

.rui-quill .rui-quill-editor {
    border-color: #3c424c;
}

/*---------------------------
    Plugin Dropzone
 ----------------------------*/
.rui-dropzone {
    background-color: #292f38;
    border-color: #3c424c;
}

.rui-dropzone:hover {
    border-color: #454c55;
}

.rui-dropzone.dz-drag-hover {
    border-color: #9383d1;
}

.rui-dropzone .rui-dropzone-icon {
    color: #4f565f;
}

.rui-dropzone .rui-dropzone-text {
    color: #a0aebb;
}

.rui-dropzone .dz-preview.dz-image-preview {
    background: #292f38;
}

.rui-dropzone .dz-preview .dz-remove,
.rui-dropzone .dz-preview.dz-file-preview .dz-remove {
    color: #586069;
    background-color: #292f38;
}

.rui-dropzone .dz-preview .dz-remove:hover,
.rui-dropzone .dz-preview.dz-file-preview .dz-remove:hover {
    color: #a0aebb;
}

.rui-dropzone .dz-preview .dz-image:not(.rui-dropzone-image),
.rui-dropzone .dz-preview.dz-file-preview .dz-image:not(.rui-dropzone-image) {
    background-color: #3c424c;
}

.rui-dropzone .dz-preview .rui-dropzone-image,
.rui-dropzone .dz-preview.dz-file-preview .rui-dropzone-image {
    background-color: #292f38;
    border-color: #3c424c;
}

.rui-dropzone .dz-preview .dz-details .dz-size,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-size {
    color: #586069;
}

.rui-dropzone .dz-preview .dz-details .dz-filename,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename {
    color: #a0aebb;
}

.rui-dropzone .dz-preview .dz-details .dz-filename span,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename span {
    background: transparent;
}

.rui-dropzone .dz-preview .dz-details .dz-filename:hover span,
.rui-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename:hover span {
    background: transparent;
}

.rui-dropzone .dz-preview .dz-progress,
.rui-dropzone .dz-preview.dz-file-preview .dz-progress {
    background-color: rgba(255, 255, 255, 0.95);
}

.rui-dropzone .dz-preview .dz-progress .dz-upload,
.rui-dropzone .dz-preview.dz-file-preview .dz-progress .dz-upload {
    background-color: #c7d1db;
}

.rui-dropzone .dz-preview .dz-error-message,
.rui-dropzone .dz-preview.dz-file-preview .dz-error-message {
    background: #ef5164;
}

.rui-dropzone .dz-preview .dz-error-mark,
.rui-dropzone .dz-preview.dz-error .dz-error-mark,
.rui-dropzone .dz-preview.dz-file-preview .dz-error-mark,
.rui-dropzone .dz-preview.dz-file-preview.dz-error .dz-error-mark {
    background-color: rgba(239, 81, 100, 0.2);
}

.rui-dropzone .dz-preview .dz-success-mark,
.rui-dropzone .dz-preview.dz-file-preview .dz-success-mark {
    background-color: rgba(47, 199, 135, 0.2);
}

.rui-dropzone .dz-preview:hover .rui-dropzone-image,
.rui-dropzone .dz-preview.dz-file-preview:hover .rui-dropzone-image {
    border-color: #454c55;
}