:root {
    --lw-app-bg-color: #1e1e25;
    --lw-white-color: #fff;
    --lw-dark-blue-color: #15151a;
    --lw-primary-color: #2bac32;
    --lw-black-color: #000;
    --lw-border-color: #282c31;
    --lw-dark-brown-color: #1e1e25;
    --lw-blue-color: #3f51b5
}

html>body {
    background: var(--lw-app-bg-color) url(../../imgs/wa-message-bg-dark.png) repeat !important;
    color: #d1d1d1;
    color-scheme: dark
}

.bg-primary,
.bg-success,
.btn-success,
.btn.btn-light.lw-save-language,
.btn.btn-primary,
.conversation-compose .send .circle,
.page-item.active .page-link {
    background-color: var(--lw-primary-color) !important;
    border-color: var(--lw-primary-color) !important;
    color: var(--lw-white-color) !important
}

.text-green,
.text-primary,
.text-success {
    color: var(--lw-primary-color) !important
}

a {
    color: var(--lw-primary-color)
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before {
    background-color: var(--lw-primary-color) !important
}

.input-group-append .btn.btn-outline-success {
    background: var(--lw-primary-color) !important;
    border: 1px solid var(--lw-primary-color) !important;
    color: var(--lw-white-color) !important
}

.card.lw-whatsapp-chat-block-container .nav-tabs {
    border-color: 1px solid var(--lw-primary-color) !important
}

.bg-gradient-default,
.card,
.card-header,
.main-content .navbar-top,
fieldset {
    background: var(--lw-dark-blue-color) !important;
    border: 0;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1) !important
}

/* .bg-gradient-default .text-muted.text-sm span,
.card .text-muted.text-sm span,
.card-header .text-muted.text-sm span,
.main-content .navbar-top .text-muted.text-sm span,
fieldset .text-muted.text-sm span {
    font-size: 16px !important;
    font-weight: 600
} */
.widget-icon {
    background: #ffffff1f !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--lw-white-color) !important
}

.text-muted {
    color: #c3c3c3 !important;
    text-transform: capitalize !important
}

.bg-white,
.navbar-collapse {
    background-color: var(--lw-dark-blue-color) !important
}

::-webkit-scrollbar-thumb {
    background: var(--lw-dark-blue-color) !important
}

.nav-link .text-dark,
.navbar-light .navbar-nav .nav-link {
    color: #c3c3c3 !important
}

.nav-link .text-dark:hover,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--lw-white-color) !important
}

.table td,
.table th,
.thead-light th {
    border-color: var(--lw-border-color) !important
}

.thead-light th {
    background: var(--lw-dark-blue-color) !important;
    color: var(--lw-white-color) !important
}

div.dataTables_wrapper table.dataTable>tbody>tr:hover {
    background-color: var(--lw-app-bg-color) !important
}

.btn.btn-light,
.swal2-cancel.swal2-styled {
    background-color: #4f4f4f !important;
    border-color: #4f4f4f !important;
    color: #fff !important
}

.lw-details-item,
.swal2-html-container,
.text-blue,
.text-dark {
    color: var(--lw-white-color) !important
}

.card-body.card-deck .card,
fieldset {
    border: 1px solid var(--lw-border-color) !important
}

.btn-group .btn.btn-black.dropdown-toggle,
.btn.btn-secondary,
fieldset legend {
    background-color: var(--lw-dark-brown-color) !important;
    border: 1px solid var(--lw-border-color) !important;
    color: var(--lw-white-color) !important
}

.btn-group .btn.btn-black.dropdown-toggle .text-muted,
.btn.btn-secondary .text-muted,
fieldset legend .text-muted {
    color: #aba1a1 !important
}

legend {
    cursor: pointer
}

label h3 img,
legend img {
    background-color: var(--lw-white-color)
}

label h3 img {
    margin-left: 10px
}

.modal .modal-body,
.modal-content,
.modal-open .modal.lw-has-form .modal-footer,
.selectize-dropdown {
    background-color: #050506 !important
}

.modal .modal-body .selectize-dropdown-content,
.modal-content .selectize-dropdown-content,
.modal-open .modal.lw-has-form .modal-footer .selectize-dropdown-content,
.selectize-dropdown .selectize-dropdown-content {
    color: var(--lw-white-color);
    cursor: pointer
}

.modal-content .modal-header {
    border-bottom: 1px solid var(--lw-border-color)
}

.modal-footer,
.modal-open .modal.lw-has-form .modal-footer,
hr {
    border-top: 1px solid var(--lw-border-color) !important
}

.card-header:first-child {
    cursor: pointer
}

.form-control,
.selectize-control.single .selectize-input.input-active,
.selectize-input,
.selectize-input.full {
    background-color: var(--lw-dark-brown-color) !important;
    border: 1px solid var(--lw-border-color) !important;
    color: #aeaeae !important
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .emojionearea .emojionearea-editor,
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose>div {
    background-color: #2a3942;
    color: #cfcfcf
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .photo:after {
    border-color: transparent transparent transparent #2a3942
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .emoji {
    background-color: #2a3942 !important
}

.input-group-text {
    background-color: var(--lw-dark-blue-color) !important;
    margin-left: 1px
}

.card-body.card-deck .card,
.input-group-text {
    border: 1px solid var(--lw-border-color) !important
}

.card-body.card-deck .card {
    padding: 0
}

.card-body.card-deck .card .card-footer {
    background-color: var(--lw-dark-blue-color)
}

.form-control-label {
    color: #cfcfcf !important
}

.active>.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
    background: rgb(255 255 255 / 39%) !important;
    border-left: none !important;
    color: var(--lw-white-color) !important
}

.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {
    border: none !important
}

.navbar-nav .nav-item .nav-link {
    border-left: 2px solid transparent
}

.lw-form-card-box .input-group.input-group-alternative {
    border: none
}

.lw-form-card-box .form-control {
    border-radius: 0 !important
}

.lw-form-card-box .card-footer {
    background-color: var(--lw-dark-blue-color)
}

.lw-guest-page .navbar-horizontal .navbar-nav .nav-link {
    color: var(--lw-white-color) !important
}

.lw-guest-page .lw-page-dropdown button {
    background: transparent
}

div:where(.swal2-container) div:where(.swal2-popup) {
    background: var(--lw-dark-blue-color) !important
}

.nav-tabs .nav-link {
    background-color: #373636;
    color: var(--lw-white-color)
}

.nav-tabs .nav-link.active {
    background-color: var(--lw-primary-color) !important
}

.nav-link:hover,
.nav-tabs .nav-link.active {
    color: var(--lw-white-color)
}

.selectize-dropdown .active,
.selectize-dropdown .optgroup-header {
    background-color: #000 !important;
    color: var(--lw-white-color)
}

.btn-default {
    background-color: #3f4045 !important;
    border-color: #3f4045 !important;
    color: var(--lw-white-color) !important
}

.flowchart-operator {
    background: #131318 !important;
    border-color: var(--lw-border-color) !important;
    border-radius: 6px;
    color: var(--lw-black-color)
}

.flowchart-operator .flowchart-operator-title {
    background: var(--lw-black-color) !important;
    border-bottom: 1px solid var(--lw-border-color) !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: var(--lw-white-color);
    font-weight: 400 !important
}

.flowchart-operator .flowchart-operator-inputs-outputs {
    color: #cfcfcf;
    font-weight: 500
}

dd .lw-btn.btn.btn-sm.btn-outline-default {
    background-color: var(--lw-border-color);
    border-color: var(--lw-border-color);
    color: var(--lw-white-color)
}

.badge-success {
    background-color: var(--lw-primary-color)
}

.badge-success,
fieldset pre {
    color: var(--lw-white-color)
}

.list-group-item {
    background-color: var(--lw-dark-blue-color) !important;
    border: 0;
    border-bottom: 1px solid var(--lw-border-color) !important;
    border-radius: 0
}

.list-group-item:focus,
.list-group-item:hover {
    background-color: var(--lw-black-color) !important
}

.card.lw-whatsapp-chat-block-container .selectize-control.multi .selectize-input>div {
    border: 0
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .lw-contact-list .lw-contact {
    border-bottom: none !important;
    border-radius: 0;
    border-top: 1px solid var(--lw-border-color) !important
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
    background: var(--lw-black-color) url(../../imgs/wa-message-bg-dark.png) repeat !important
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message {
    color: var(--lw-white-color)
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent {
    background-color: #1f4f3a
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.sent:after {
    border-color: transparent transparent transparent #1f4f3a
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.received {
    background: #222c32
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .message.received:after {
    border-color: transparent #222c32 transparent transparent
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .metadata .time {
    color: #b3b3b3
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
    background: #0b1014;
    border-bottom: 1px solid #4b4b4b
}

.card.lw-whatsapp-chat-block-container .nav-tabs .nav-link {
    background-color: var(--lw-dark-blue-color);
    color: var(--lw-white-color)
}

@media (max-width:768px) {
    .card.lw-whatsapp-chat-block-container .nav-tabs .nav-link {
        background-color: transparent
    }
}

.card.lw-whatsapp-chat-block-container .shadow-lg {
    box-shadow: none !important
}

.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card {
    background-color: rgba(30, 119, 80, .561) !important;
    border-radius: 5px;
    box-shadow: none !important;
    color: #bfbfbf
}

.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card .card-footer {
    border-top: 0
}

.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card .card-footer .lw-whatsapp-buttons .list-group-item {
    background-color: #1f6646 !important
}

.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card .card-footer .list-group-item {
    border-bottom: none !important;
    border-top: 1px solid #4c7a65
}

.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card .card-footer .list-group-item a {
    color: #00a5f4
}

.lw-whatsapp-preview>.card:after {
    border-color: transparent var(--lw-dark-blue-color) transparent transparent
}

.btn.btn-danger {
    background-color: #c11616 !important;
    border: 1px solid #c11616 !important
}

.btn.btn-danger,
.btn.btn-info,
.dropdown-menu {
    color: var(--lw-white-color) !important
}

.dropdown-menu {
    background-color: var(--lw-dark-brown-color) !important;
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22) !important
}

.dropdown-item {
    color: var(--lw-white-color) !important
}

.dropdown-item:before,
.dropdown-item:hover {
    background-color: var(--lw-primary-color) !important
}

.dropdown-header:hover,
.navbar .dropdown-menu-arrow:before {
    background-color: var(--lw-dark-brown-color) !important
}

.alert-light {
    background-color: var(--lw-black-color) !important;
    border: 1px solid var(--lw-border-color)
}

.alert-danger,
.alert-default,
.alert-warning {
    background-color: var(--lw-blue-color) !important;
    border-color: var(--lw-blue-color) !important
}

.page-item.disabled .page-link,
.page-link {
    background-color: var(--lw-dark-brown-color) !important;
    border: 1px solid var(--lw-border-color) !important
}

.form-group .input-group.input-group-alternative {
    border: none !important
}

.badge.badge-warning,
.btn-warning {
    background-color: #bb9018 !important;
    border-color: #bb9018 !important;
    color: var(--lw-white-color) !important
}

.badge.bg-yellow {
    background-color: var(--lw-white-color) !important;
    color: var(--lw-black-color) !important
}

.lw-breadcrumb-container {
    background-color: var(--lw-dark-blue-color) !important
}

.close>span:not(.sr-only) {
    color: var(--lw-white-color) !important
}

.input-group-append .btn.btn-outline-light {
    background: var(--lw-dark-brown-color) !important;
    border: 1px solid var(--lw-border-color) !important;
    color: var(--lw-white-color) !important
}

.dataTables_wrapper .dataTables_length select {
    background-color: var(--lw-dark-blue-color) !important;
    color: var(--lw-white-color)
}

.badge.badge-danger {
    background-color: #f5365c !important;
    color: var(--lw-white-color)
}

.selectize-control.form-control,
.selectize-control.lw-form-field {
    background-color: transparent !important;
    border: none !important
}

.selectize-control.form-control .selectize-input,
.selectize-control.form-control .selectize-input.full,
.selectize-control.lw-form-field .selectize-input,
.selectize-control.lw-form-field .selectize-input.full {
    border: 1px solid var(--lw-border-color) !important
}

.fa-paypal,
.fa-stripe {
    color: #5872ff;
    font-size: 20px
}

.lw-has-form fieldset .input-group {
    background-color: var(--lw-dark-brown-color);
    border: 1px solid var(--lw-border-color)
}

.lw-has-form fieldset .input-group .lw-form-field.form-control {
    border: none !important
}

.lw-whatsapp-preview-container {
    background: var(--lw-app-bg-color) url(../../imgs/wa-message-bg-dark.png) repeat !important
}

.navbar-toggler-icon {
    display: none
}

.fa.fa-bars {
    display: inline-block !important;
    font-size: 21px
}

.fa.fa-bars,
.nav-link {
    color: var(--lw-white-color)
}

.dropdown-menu .active a {
    background-color: #b1b3ad;
    font-weight: 700
}

.card-footer {
    background-color: var(--lw-dark-blue-color)
}

@media (max-width:768px) {

    .lw-language-block .form-control,
    .lw-language-block .input-group-text {
        border: 1px solid var(--lw-border-color) !important
    }

    .navbar-collapse .navbar-toggler span {
        background: #fff
    }
}

.selectize-control.single .selectize-input:after {
    border-color: #fff transparent transparent
}

@media (max-width:768px) {

    .card.lw-whatsapp-chat-block-container .lw-contact-crm-block,
    .card.lw-whatsapp-chat-block-container .lw-contact-list-block {
        background-color: var(--lw-black-color)
    }
}

.lw-error-page-block {
    background-color: var(--lw-dark-blue-color) !important
}

.lw-error-page-block h1,
.lw-error-page-block z h2 {
    color: var(--lw-white-color) !important
}

.lw-error-page-block p {
    color: #ddd !important
}

.custom-control-label:before {
    border: 1px solid var(--lw-border-color)
}

.selectize-input>input {
    color: #aeaeae
}

.ElementsApp,
.ElementsApp .InputElement {
    color: var(--lw-white-color)
}

.lw-list-group-border {
    border: 1px solid var(--lw-border-color) !important
}

.emojionearea {
    background-color: transparent
}

.chat-container {
    background-color: #202c33
}

.emojionearea .emojionearea-button>div,
.emojionearea .emojionearea-picker .emojionearea-wrapper:after {
    filter: brightness(.6) invert(1)
}

.emojionearea .emojionearea-picker .emojionearea-filter,
.emojionearea .emojionearea-picker .emojionearea-filters,
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title,
.emojionearea .emojionearea-search,
.emojionearea-picker {
    background-color: var(--lw-dark-blue-color) !important
}

.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose input {
    background-color: var(--lw-dark-brown-color)
}