Your IP : 216.73.217.77
@media (prefers-color-scheme: light) {
.dark-theme-small-logo, .dark-theme-logo {
display: none !important;
}
}
@media (prefers-color-scheme: dark) {
: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;
}
.btn.btn-primary, .bg-primary, .bg-success, .conversation-compose .send .circle, .page-item.active .page-link, .btn-success, .btn.btn-light.lw-save-language {
color: var(--lw-white-color) !important;
border-color: var(--lw-primary-color) !important;
background-color: var(--lw-primary-color) !important;
}
.text-success, .text-primary, .text-green {
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 {
color: var(--lw-white-color) !important;
border: 1px solid var(--lw-primary-color) !important;
background: var(--lw-primary-color) !important;
}
.card.lw-whatsapp-chat-block-container .nav-tabs {
border-color: 1px solid var(--lw-primary-color) !important;
}
.card, .main-content .navbar-top, .bg-gradient-default, .card-header, fieldset {
background: var(--lw-dark-blue-color) !important;
border: 0;
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1) !important;
}
.card .text-muted.text-sm span, .main-content .navbar-top .text-muted.text-sm span, .bg-gradient-default .text-muted.text-sm span, .card-header .text-muted.text-sm span, fieldset .text-muted.text-sm span {
font-size: 16px !important;
font-weight: 600;
}
.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;
}
.navbar-light .navbar-nav .nav-link, .nav-link .text-dark {
color: #c3c3c3 !important;
}
.navbar-light .navbar-nav .nav-link:hover, .nav-link .text-dark:hover {
color: var(--lw-white-color) !important;
}
.table td, .table th {
border-color: var(--lw-border-color) !important;
}
.thead-light th {
background: var(--lw-dark-blue-color) !important;
border-color: var(--lw-border-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;
}
.text-dark, .text-blue, .lw-details-item, .swal2-html-container {
color: var(--lw-white-color) !important;
}
fieldset, .card-body.card-deck .card {
border: 1px solid var(--lw-border-color) !important;
}
fieldset legend, .btn-group .btn.btn-black.dropdown-toggle, .btn.btn-secondary {
color: var(--lw-white-color) !important;
background-color: var(--lw-dark-brown-color) !important;
border: 1px solid var(--lw-border-color) !important;
}
fieldset legend .text-muted, .btn-group .btn.btn-black.dropdown-toggle .text-muted, .btn.btn-secondary .text-muted {
color: #aba1a1 !important;
}
legend {
cursor: pointer;
}
legend img {
background-color: var(--lw-white-color);
}
label h3 img {
background-color: var(--lw-white-color);
}
.modal-content, .modal .modal-body, .modal-open .modal.lw-has-form .modal-footer, .selectize-dropdown {
background-color: var(--lw-dark-blue-color) !important;
}
.modal-content .selectize-dropdown-content, .modal .modal-body .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-open .modal.lw-has-form .modal-footer, hr {
border-top: 1px solid var(--lw-border-color);
}
.card-header:first-child {
cursor: pointer;
}
.form-control, .selectize-input.full, .selectize-input, .selectize-control.single .selectize-input.input-active {
color: #cfcfcf !important;
background-color: var(--lw-dark-brown-color) !important;
border: 1px solid var(--lw-border-color) !important;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose > div,
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .emojionearea .emojionearea-editor {
background-color: #2a3942 !important;
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;
border: 1px solid var(--lw-border-color) !important;
margin-left: 1px;
}
.card-body.card-deck .card {
border: 1px solid var(--lw-border-color) !important;
padding: 0;
}
.card-body.card-deck .card .card-footer {
background-color: var(--lw-dark-blue-color);
}
.form-control-label {
color: #cfcfcf !important;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active,
.active > .navbar-light .navbar-nav .nav-link {
color: var(--lw-white-color) !important;
background: rgba(0, 0, 0, 0.3882352941);
border-left: 2px solid var(--lw-white-color);
}
.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);
}
.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;
color: var(--lw-white-color);
}
.selectize-dropdown .active, .selectize-dropdown .optgroup-header {
background-color: var(--lw-dark-brown-color);
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;
color: var(--lw-black-color);
border-color: var(--lw-border-color) !important;
border-radius: 6px;
}
.flowchart-operator .flowchart-operator-title {
font-weight: 400 !important;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: 1px solid var(--lw-border-color) !important;
color: var(--lw-white-color);
background: var(--lw-black-color) !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);
color: var(--lw-white-color);
}
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:hover, .list-group-item:focus {
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-radius: 0;
border-top: 1px solid var(--lw-border-color) !important;
border-bottom: none !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 (prefers-color-scheme: dark) and (max-width: 768px) {
.card.lw-whatsapp-chat-block-container .nav-tabs .nav-link {
background-color: transparent;
}
}
@media (prefers-color-scheme: dark) {
.card.lw-whatsapp-chat-block-container .shadow-lg {
box-shadow: none !important;
}
.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card {
background-color: #1f4f3a !important;
color: #bfbfbf;
box-shadow: none !important;
}
.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: #1f4f3a !important;
border-bottom: 1px solid var(--lw-border-color) !important;
}
.lw-whatsapp-preview-message-container .lw-whatsapp-preview .card .card-footer .list-group-item {
border-top: 1px solid var(--lw-border-color);
}
.lw-whatsapp-preview > .card::after {
border-color: transparent var(--lw-dark-blue-color) transparent transparent;
}
.btn.btn-danger {
color: var(--lw-white-color) !important;
background-color: #c11616 !important;
border: 1px solid #c11616 !important;
}
.btn.btn-info {
color: var(--lw-white-color) !important;
}
.dropdown-menu {
background-color: var(--lw-dark-brown-color) !important;
color: var(--lw-white-color) !important;
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}
.dropdown-item {
color: var(--lw-white-color) !important;
}
.dropdown-item:hover, .dropdown-item::before {
background-color: var(--lw-primary-color) !important;
}
.dropdown-header:hover {
background-color: var(--lw-dark-brown-color) !important;
}
.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-warning, .alert-danger, .alert-default {
border-color: var(--lw-blue-color) !important;
background-color: var(--lw-blue-color) !important;
}
.page-link, .page-item.disabled .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;
}
.btn-warning, .badge.badge-warning {
border-color: #bb9018 !important;
background-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;
color: var(--lw-white-color) !important;
border: 1px solid var(--lw-border-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);
}
.btn-dark {
background-color: var(--lw-black-color) !important;
border: 1px solid var(--lw-black-color);
}
.selectize-control.lw-form-field, .selectize-control.form-control {
background-color: transparent !important;
border: none !important;
}
.selectize-control.lw-form-field .selectize-input.full, .selectize-control.lw-form-field .selectize-input, .selectize-control.form-control .selectize-input.full, .selectize-control.form-control .selectize-input {
border: 1px solid var(--lw-border-color) !important;
}
.fa-stripe, .fa-paypal {
color: #5872ff;
font-size: 20px;
}
.lw-has-form fieldset .input-group {
border: 1px solid var(--lw-border-color);
background-color: var(--lw-dark-brown-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 {
color: var(--lw-white-color);
font-size: 21px;
display: inline-block !important;
}
.nav-link {
color: var(--lw-white-color);
}
.light-theme-logo, .light-theme-small-logo {
display: none !important;
}
.card-footer {
background-color: var(--lw-dark-blue-color);
}
}
@media (prefers-color-scheme: dark) and (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: white;
}
}
@media (prefers-color-scheme: dark) {
.selectize-control.single .selectize-input:after {
border-color: #ffffff transparent transparent transparent;
}
}
@media (prefers-color-scheme: dark) and (max-width: 768px) {
.card.lw-whatsapp-chat-block-container .lw-contact-list-block, .card.lw-whatsapp-chat-block-container .lw-contact-crm-block {
background-color: var(--lw-black-color);
}
}