/* App CSS */
/* Scrollbar */
* {
  scrollbar-color: #a9a9a9 #efefef;
}

*::-webkit-scrollbar-thumb {
  background-color: #a9a9a9;
}

*::-webkit-scrollbar-track {
  background: #efefef;
}

.balin-dark * {
  scrollbar-color: #2d2d2d #3d3d3d;
}

.balin-dark *::-webkit-scrollbar-thumb {
  background-color: #2d2d2d;
}

.balin-dark *::-webkit-scrollbar-track {
  background: #3d3d3d;
}

/* Body */
body {
  color: #656364;
  background-color: #FFFFFF;
}

body.balin-dark {
  color: #a5a5a5;
  background-color: #232627;
}

img[alt]:after {
  color: #cccccc;
  background: #ffffff;
  border: 1px dashed #e4e4e4;
}

body.balin-dark img[alt]:after {
  color: #ffffff;
  background: #3a5367;
  border: 1px dashed #353b60;
}

/* Toggle */
.toggle.on {
  background-color: #232020;
}

.balin-dark .toggle.on {
  background-color: #007bff;
}

.toggle.off {
  background-color: #cccccc;
}

.balin-dark .toggle.off {
  background-color: #717171;
}

/* Scrollable */
#scrollable {
  background-color: #f8f7fa;
  /* #ececec;*/
}

.balin-dark #scrollable {
  background-color: #232627;
}

.balin-dark a {
  color: #ffffff;
}

/* Empty */
.empty {
  color: #9c9c9c;
}

.empty i {
  color: #d1d1d1;
}

.empty small {
  color: #9c9c9c;
}

.balin-dark .empty {
  color: #ffffff;
}

.balin-dark .empty i {
  color: #f7f7f7;
}

.balin-dark .empty small {
  color: #ffffff;
}

.empty.bg {
  border: 1px solid #dddddd;
  background-color: #f9f9f9;
}

.balin-dark .empty.bg {
  color: #ffffff;
  border-color: #141718;
  background-color: #141718;
}

/* Inputs */
.group-section {
  border: 1px solid #dddddd;
}

.balin-dark .group-section {
  border-color: #141718;
}

.group-section h4 {
  color: #232020;
  background-color: #ffffff;
}

.balin-dark .group-section h4 {
  color: #ffffff;
  background-color: #232627;
}

.group label {
  color: #464a4c;
}

.balin-dark .group label {
  color: #ffffff;
}

.balin-dark .group label a {
  color: #89c6f7;
}

.get-inner-group .group label {
  color: #464a4c;
}

.controls {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

.balin-dark .controls {
  color: #ffffff;
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

.custom-checkbox-radio.controls {
  background: none;
}

.balin-dark .controls::placeholder {
  color: #cccccc;
}

/* Buttons */
.btn.btn-save,
.btn.btn-save:focus {
  color: #ffffff;
  border-color: #232020;
  background-color: #232020;
}

.balin-dark .btn.btn-save,
.balin-dark .btn.btn-save:focus {
  color: #ffffff;
  border-color: #007BFF;
  background-color: #007BFF;
}

.btn.btn-save-outline,
.btn.btn-save-outline:focus {
  color: #232020;
  border-color: #232020;
  background-color: #ffffff;
}

.balin-dark .btn.btn-save-outline,
.balin-dark .btn.btn-save-outline:focus {
  color: #007BFF;
  border-color: #007BFF;
  background-color: #ffffff;
}

.btn.btn-save-outline:hover {
  background-color: #e5dbf6;
}

.balin-dark .btn.btn-save-outline:hover {
  background-color: #ffffff;
}

.btn.btn-cancel,
.btn.btn-cancel:focus {
  color: #666;
  border-color: #aaa;
  background-color: #fff;
}

.balin-dark .btn.btn-cancel,
.balin-dark .btn.btn-cancel:focus {
  color: #ffffff;
  border-color: #777777;
  background-color: #777777;
}

.btn.btn-cancel:hover {
  background-color: #f2f2f2;
}

.balin-dark .btn.btn-cancel:hover {
  background-color: #3ba0ff;
}

.balin-dark .btn.btn-cancel:hover {
  background-color: #525252;
}

/* Loader */
.loader-default,
.loader-default:before,
.loader-default:after {
  background: #232020;
}

.balin-dark .loader-default,
.balin-dark .loader-default:before,
.balin-dark .loader-default:after {
  background: #7592a9;
}

.loader-default {
  color: #232020;
}

.balin-dark .loader-default {
  color: #7592a9;
}

/* Modal */
.balin-dark .modal.right .modal-content {
  background: none;
}

.modal .modal-header {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
}

.balin-dark .modal .modal-header {
  color: #ffffff;
  border-color: #141718;
  background-color: #141718;
}

.balin-dark .modal-body {
  color: #ffffff;
  background-color: #232627;
}

.modal .modal-footer {
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
}

.balin-dark .modal .modal-footer {
  color: #ffffff;
  border-color: #141718;
  background-color: #141718;
}

/* Table */
.table-responsive {
  border-color: #dddddd;
}

.balin-dark .table-responsive {
  border-color: #3d3d3d;
}

.table {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

.balin-dark .table {
  color: #ffffff;
  border-color: #3d3d3d;
  background-color: #232627;
}

.table thead {
  color: #232020;
  background-color: #ffffff;
}

.balin-dark .table thead {
  color: #ffffff;
}

.balin-dark .table thead th {
  color: #ffffff;
  background-color: #141718;
  border-bottom: 1px solid #3d3d3d;
}

.table thead th a {
  color: #232020;
}

.balin-dark .table thead th a {
  color: #ffffff;
}

.table tbody tr:nth-child(odd) {
  background-color: #fafafa;
}

.balin-dark .table tbody tr:nth-child(odd) {
  background-color: #2d2d2d;
}

.table tbody td {
  /* border-bottom:1px solid #dddddd; */
}

.balin-dark .table tbody td {
  border-bottom: 1px solid #3d3d3d;
}

.table tbody tr:first-child td {
  border-top: 1px solid #dddddd;
}

.balin-dark .table tbody tr:first-child td {
  border-top: 1px solid #3d3d3d;
}

.table tbody td:last-child a {
  color: #555555;
  border: 1px solid #555555;
}

.balin-dark .table tbody td:last-child a {
  color: #ffffff;
  border-color: #ffffff;
}

.table .table-lists li i {
  color: #232020;
}

.balin-dark .table .table-lists li i {
  color: #7fabce;
}

.sticky-cols {
  background-color: #ffffff;
}

.balin-dark .sticky-cols {
  background-color: #232627;
}

.table tbody tr:nth-child(2n+1) .sticky-cols {
  background-color: #fafafa;
}

.balin-dark .table tbody tr:nth-child(2n+1) .sticky-cols {
  background-color: #2d2d2d;
}


/* Button Action */
.btn-action {
  color: #656364;
  border: 1px solid #656364;
}

.balin-dark .btn-action {
  color: #ffffff;
  border: 1px solid #5f5f5f;
  background-color: #1d2830;
}

.btn-action.red,
.balin-dark .btn-action.red {
  color: #F44336;
  border-color: #F44336;
}

.btn-action.gray,
.balin-dark .btn-action.gray {
  color: gray;
  border-color: gray;
}

/* Card */
.card {
  background-color: #ffffff;
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
}

.balin-dark .card {
  background-color: #141718;
  box-shadow: 0 4px 4px -2px #00000040;
}

.card.add {
  border: 2px dashed #bfbaba;
}

.balin-dark .card.add {
  border-color: #3d3d3d;
}

.balin-dark .card h5 i,
.balin-dark .card h5 span {
  color: #97c9f1;
}

.card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.balin-dark .card:hover {
  box-shadow: 0 4px 8px 0px #00000070;
}

.card a {
  color: #5a5a5a;
}

.balin-dark .card a {
  color: #ffffff;
}

.card h3 {
  color: #232020;
  margin-bottom: 1rem;
}

.balin-dark .card h3 {
  color: #ffffff;
}

.card-footer a.btn-copy,
.card-footer a.btn-edit,
.card-footer a.btn-trash,
.card-footer a.btn-group,
.card-footer a.btn-report,
.card-footer a.btn-publish,
.card-footer a.btn-activity,
.card-footer a.btn-template,
.card-footer a.btn-unpublish {
  color: #656364;
  border: 1px solid #656364;
}

.balin-dark .card-footer a.btn-copy,
.balin-dark .card-footer a.btn-edit,
.balin-dark .card-footer a.btn-group,
.balin-dark .card-footer a.btn-report,
.balin-dark .card-footer a.btn-publish,
.balin-dark .card-footer a.btn-activity,
.balin-dark .card-footer a.btn-template,
.balin-dark .card-footer a.btn-unpublish {
  color: #ffffff;
  border: 1px solid #ffffff;
}

.card-footer a.btn-trash {
  color: #F44336;
  border-color: #F44336;
}

.card-footer p {
  color: #65636490;
}

.balin-dark .card-footer p,
.balin-dark .card-footer p a {
  /* color: #ffc107; */
  color: #55adff;
}


/* Header Page */
#header {
  background-color: #FFFFFF;
}

.balin-dark #header {
  background-color: #141718;
}

#header h1 {
  color: #232020;
}

.balin-dark #header h1 {
  color: #FFFFFF;
}


/* Sidebar */
#sidebar {
  background-color: #232020;
}

.balin-dark #sidebar {
  background-color: #141718;
}

#sidebar .menu a {
  color: #71747d;
}

.balin-dark #sidebar .menu a {
  color: #ffffff;
}

#sidebar .menu a.active {
  color: #FFFFFF;
  background-color: #464646;
}

.balin-dark #sidebar .menu a.active {
  color: #FFFFFF;
  background-color: #323337;
}


/* Apps CSS */
.add-item {
  color: #232020;
}

.balin-dark .add-item {
  color: #ffffff;
}

.item-rows .icon-drag {
  color: #5a5a5a;
}

.balin-dark .item-rows .icon-drag {
  color: #a5a5a5;
}

.app-header-tabs a {
  color: #71747d;
}

.balin-dark .app-header-tabs a {
  color: #ffffff;
}

.app-header-tabs li.active:after {
  border-color: #f9f9f9 transparent;
}

.balin-dark .app-header-tabs li.active:after {
  border-color: #232627 transparent;
}

.app-details-right {
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.balin-dark .app-details-right {
  background-color: #232627;
  box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.1);
}

.group-card {
  background-color: #FFFFFF;
  border-bottom: 1px solid #f7f7f7;
}

.balin-dark .group-card {
  background-color: #232627;
  border-bottom: 1px solid #2d2d2d;
}

.group-text a {
  color: #656364;
}

.balin-dark .group-text a {
  color: #ffffff;
}

.app-details-right .group-item {
  background-color: #FFFFFF;
}

.balin-dark .app-details-right .group-item {
  background-color: #232627;
}

.app-details-right .group-card.active a {
  color: #656364;
}

.balin-dark .app-details-right .group-card.active a {
  color: #ffffff;
}

.app-details-right .group-card.active {
  color: #FFFFFF;
  background-color: #f9f9f9;
}

.balin-dark .app-details-right .group-card.active {
  color: #FFFFFF;
  background-color: #141718;
}

.app-details-right .sub-item {
  background-color: #f3f3f3;
  border-bottom: 1px solid #f7f7f7;
}

.balin-dark .app-details-right .sub-item {
  background-color: #323337;
  border-bottom: 1px solid #3d3d3d;
}

.app-details-right .sub-item .sub-links>a {
  color: #525252;
}

.balin-dark .app-details-right .sub-item .sub-links>a {
  color: #ffffff;
}

.app-details-right .sub-item.active .sub-links>a {
  color: #656364;
}

.balin-dark .app-details-right .sub-item.active .sub-links>a {
  color: #ffffff;
}

.app-tabs {
  background-color: #f8f7fa;
  border-bottom: 2px solid #9f9f9f;
}

.balin-dark .app-tabs {
  background-color: #232627;
  border-bottom: 2px solid #3d3d3d;
}

.app-tabs li {
  border-bottom: 2px solid #9f9f9f;
}

.balin-dark .app-tabs li {
  border-bottom: 2px solid #3d3d3d;
}

.app-tabs li.active {
  border-bottom: 2px solid #656364;
}

.balin-dark .app-tabs li.active {
  border-bottom: 2px solid #7E5BBE;
}

.app-tabs li.active a {
  color: #656364;
}

.balin-dark .app-tabs li.active a {
  color: #ffffff;
}

.item-rows .inputs .dropdown {
  border: 1px solid rgba(0, 0, 0, 0.09);
}

.balin-dark .item-rows .inputs .dropdown {
  border-color: #3d3d3d;
}

.item-rows .inputs .dropdown-select i {
  border: 1px solid #ffffff;
  background-color: #e7e7e7;
}

.balin-dark .item-rows .inputs .dropdown-select i {
  border-color: #3d3d3d;
  background-color: #3d3d3d;
}

.more-options .btn-action {
  background-color: #ffffff;
}

.balin-dark .more-options .btn-action {
  background-color: #232627;
}

.dropdown-select {
  background-color: #ffffff;
}

.balin-dark .dropdown-select {
  background-color: #2d2d2d;
}

.preview-wrapper .dropdown-select {
  background-color: #ffffff !important;
}

.dropdown-section b {
  color: #2a0d62;
}

.balin-dark .dropdown-section b {
  color: #ffffff;
}


/* Checkbox & Radio */
.custom-radio.noborder,
.custom-checkbox.noborder {
  border: none !important;
}

.balin-dark .custom-radio .btn-radio input:checked~.checkmark,
.balin-dark .custom-checkbox .btn-checkbox input:checked~.checkmark {
  background-color: #007bff;
}

/* Color Box */
.color-box input {
  /* background-color: #fff; */
  /* border: 1px solid #dddddd; */
}

.balin-dark .color-box input {
  color: #ffffff;
  /* border-color: #141718; */
  /* background-color: #141718; */
}

.color-box {
  border: 1px solid #dddddd;
}

.balin-dark .color-box {
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

.balin-dark .color-box-preview {
  border-right-color: #3d3d3d;
}

/* Dropdown */
.dropdown {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}

.balin-dark .dropdown {
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

.dropdown-value {
  background-color: inherit;
}

.balin-dark .dropdown-value {
  color: #ffffff;
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

.balin-dark .preview-wrapper .dropdown-value {
  background: none;
}

.dropdown.show .dropdown-menu {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

.balin-dark .dropdown.show .dropdown-menu {
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

.dropdown-item {
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
}

.balin-dark .dropdown-item {
  color: #ffffff;
  border-color: #2d2d2d;
  background-color: #3d3d3d;
}

.dropdown-item .left-icon {
  border: 1px solid #ffffff;
  background-color: #e7e7e7;
}

.balin-dark .dropdown-item .left-icon {
  color: #ffffff;
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

.dropdown-item:hover,
.dropdown-item.selected {
  background-color: #f7f7f7;
}

.balin-dark .dropdown-item:hover,
.balin-dark .dropdown-item.selected {
  background-color: #007bff;
}

.dropdown.top .search-filter-container {
  border-top: 2px solid #dddddd;
}

.balin-dark .dropdown.top .search-filter-container {
  border-top: 2px solid #3d3d3d;
}

.balin-dark .search-filter-wrapper {
  background-color: #2d2d2d;
}

.balin-dark .search-filter-wrapper i.icon-search {
  color: #ffffff;
}

.search-filter-container {
  background-color: #FFFFFF;
  border-bottom: 2px solid #dddddd;
}

.balin-dark .search-filter-container {
  border-color: #3d3d3d;
  background-color: #141718;
}

.search-filter-wrapper input {
  background: none;
}

.balin-dark .search-filter-wrapper input::placeholder {
  color: #cccccc;
}

.search-pagination a {
  border: 1px solid #ddd;
}

.balin-dark .search-pagination a {
  color: #ffffff;
  border-color: #ffffff;
}


/* Input Tags */
.input-tags {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

.balin-dark .input-tags {
  border: 1px solid #3d3d3d;
  background-color: #141718;
}

.input-tags .tags span {
  background-color: #e2eaff;
  border: 1px solid #dddddd;
}

.balin-dark .input-tags .tags span {
  color: #ffffff;
  border: 1px solid #3d3d3d;
  background-color: #172026;
}

.balin-dark .input-tags input::placeholder {
  color: #dddddd;
}

.balin-dark .input-tags input {
  color: #ffffff;
  background-color: #141718;
}


/* Input Expression */
.expression {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.balin-dark .expression {
  background-color: #141718;
  border: 1px solid #3d3d3d;
}

.expression .expression-tags span {
  border: 1px solid #f6f6f6;
  background-color: #f7f7f7;
}

.balin-dark .expression .expression-tags span {
  border: 1px solid #3d3d3d;
  background-color: #141718;
}

.expression .expression-tags small,
.balin-dark .expression .expression-tags small {
  color: #c3c3c3;
}

.balin-dark .expression-input a {
  color: #ffffff;
}

.balin-dark .expression input::placeholder {
  color: #dddddd;
}

.balin-dark .expression input {
  color: #ffffff;
  background-color: #141718;
}

.expression-menu {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

.balin-dark .expression-menu {
  border: 1px solid #3d3d3d;
  background-color: #141718;
}

.expression-item {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
}

.balin-dark .expression-item {
  color: #ffffff;
  background-color: #141718;
  border-bottom: 1px solid #3d3d3d;
}

.expression-item:hover,
.expression-item.selected {
  background-color: #f7f7f7;
}

.balin-dark .expression-item:hover,
.balin-dark .expression-item.selected {
  background-color: #6892b3;
}

.expression-header {
  border-bottom: 1px solid #dddddd;
}

.balin-dark .expression-header {
  background-color: #232627;
  border-bottom: 1px solid #7e5bbe;
}

.balin-dark .expression-header a {
  color: #ffffff;
}

.expression-header a.active {
  background-color: #f7f7f7;
}

.balin-dark .expression-header a.active {
  background-color: #172026;
}

.expression-sec {
  border: 1px solid #dddddd;
}

.balin-dark .expression-sec {
  border: 1px solid #3d3d3d;
}



/* Dropdown Date */
.dropdown-calendar thead {
  background-color: #f7f7f7;
}

.balin-dark .dropdown-calendar thead {
  background-color: #232627;
}

.dropdown-calendar th {
  border-bottom: 1px solid #ddd;
}

.balin-dark .dropdown-calendar td {
  background-color: #2d2d2d;
}

.balin-dark .dropdown-calendar th {
  color: #ffffff;
  background-color: #232627;
  border-bottom: 1px solid #3d3d3d;
}

.balin-dark .dropdown-calendar .btn-prev-next {
  color: #ffffff;
}

.dropdown-calendar .btn-prev-next:first-child {
  border-right: 2px solid #dddddd;
}

.balin-dark .dropdown-calendar .btn-prev-next:first-child {
  border-right: 2px solid #3d3d3d;
}

.dropdown-calendar .btn-prev-next:nth-child(1) {
  border-right: 1px solid #dddddd;
}

.balin-dark .dropdown-calendar .btn-prev-next:nth-child(1) {
  border-right: 1px solid #3d3d3d;
}

.dropdown-calendar .btn-prev-next:nth-child(2) {
  border-left: 1px solid #dddddd;
}

.balin-dark .dropdown-calendar .btn-prev-next:nth-child(2) {
  border-left: 1px solid #3d3d3d;
}

.dropdown-calendar .btn-prev-next:last-child {
  border-left: 2px solid #dddddd;
}

.balin-dark .dropdown-calendar .btn-prev-next:last-child {
  border-left: 2px solid #3d3d3d;
}

.dropdown-calendar td .date:hover {
  background-color: #f7f7f7;
}

.balin-dark .dropdown-calendar td .date:hover {
  color: #ffffff;
  background-color: #55adff;
}

.dropdown-calendar td .date.today {
  color: #ffffff !important;
  background-color: #dddddd !important;
}

.balin-dark .dropdown-calendar td .date.today {
  color: #ffffff !important;
  background-color: #1d2831 !important;
}

.dropdown-calendar td .date.selected {
  border: 1px solid #dddddd;
}

.balin-dark .dropdown-calendar td .date.selected {
  color: #ffffff;
  border: 1px solid #3d3d3d;
  background-color: #007BFF;
}

.dropdown-calendar td .disabled {
  color: #cccccc;
}

.balin-dark .dropdown-calendar td .disabled {
  color: #ffffff;
}

.year-month-btns {
  border-left: 1px solid #ddd;
}

.balin-dark .year-month-btns {
  border-left: 1px solid #3d3d3d;
}

.nav-panel select {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.balin-dark .nav-panel select {
  color: #ffffff;
  background-color: #232627;
  border-left: 1px solid #3d3d3d;
  border-right: 1px solid #3d3d3d;
}

.balin-dark .nav-panel a:hover {
  background-color: #16314f;
}

.balin-dark .btn-today {
  color: #ffffff;
  border-right: 1px solid #3d3d3d;
}

.balin-dark .next-prev-btns {
  border-left: 1px solid #3d3d3d;
}

.balin-dark .next-prev-btns a {
  color: #ffffff;
}

.balin-dark .btn-display {
  color: #ffffff;
}

.balin-dark .calendar-dropdown td:last-child,
.balin-dark .calendar-dropdown td:first-child {
  background-color: #212121;
}

.balin-dark .show-year span.selected {
  color: #ffffff;
  background-color: #007bff;
}

.balin-dark .calendar-dropdown td:last-child .date,
.balin-dark .calendar-dropdown td:first-child .date {
  color: #ffffff;
}

/* Dropdown Time */
.dropdown-time {
  background-color: #ffffff;
}

.balin-dark .dropdown-time {
  background-color: #2d2d2d;
}

.dropdown-counter .btn {
  background: none;
}

.balin-dark .dropdown-counter .btn {
  color: #ffffff;
  background-color: #232627;
}

.dropdown-numbers strong {
  color: #dddddd;
}

.balin-dark .dropdown-numbers strong {
  color: #ffffff;
  background-color: #007bff;
}

.dropdown-buttons {
  background-color: #f7f7f7;
  border-bottom: 1px solid #dddddd;
}

.dropdown-buttons a {
  border-right: 1px solid #dddddd;
}

.balin-dark .dropdown-lists li a {
  color: #a5a5a5;
}

.dropdown-buttons a.done {
  color: #ffffff !important;
  background-color: #2a0d62 !important;
}

.dropdown-ampm a.active {
  color: #ffffff !important;
  background-color: #2a0d62 !important;
}

.balin-dark .dropdown-buttons {
  background-color: #232627;
  border-bottom: 1px solid #3d3d3d;
}

.balin-dark .dropdown-ampm a.active {
  color: #ffffff !important;
  background-color: #007BFF !important;
}

.balin-dark .dropdown-buttons a {
  color: #ffffff !important;
  background-color: #141617;
  border-right: 1px solid #3d3d3d !important;
}

.balin-dark .dropdown-lists li a.active {
  color: #ffffff;
  background-color: #007bff;
}

.balin-dark .dropdown-buttons a.done {
  color: #ffffff !important;
  background-color: #007BFF !important;
}

.balin-dark .dropdown-time2 {
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

/* Calendar */
.calendar {
  border: 1px solid #dddddd;
}

.balin-dark .calendar {
  border: 1px solid #3d3d3d;
}

.calendar-table {
  background-color: #ffffff;
}

.balin-dark .calendar-table {
  background-color: #141718;
}

.calendar-table thead {
  background-color: #f7f7f7;
}

.balin-dark .calendar-table thead {
  background-color: #232627;
}

.calendar-table th {
  border-bottom: 1px solid #dddddd;
}

.balin-dark .calendar-table th {
  color: #ffffff;
  border-bottom: 1px solid #3d3d3d;
}

.balin-dark .calendar-table button {
  color: #ffffff;
}


/* Editor */
.rte-label {
  color: #464a4c;
}

.balin-dark .rte-label {
  color: #ffffff;
}

.balin-dark .rte-actionbar {
  background-color: #78a1c1;
}

.rte-content {
  background-color: #ffffff;
}

.balin-dark .rte-content {
  color: #ffffff;
  background-color: #141718;
}

.balin-dark .rte-count {
  color: #ffffff;
}

.calendar-table td .date {
  border: 1px solid #ffffff;
}

.balin-dark .calendar-table td .date {
  color: #ffffff;
  border: 1px solid #3d3d3d;
}

.calendar-table td .date:hover {
  background-color: #f7f7f7 !important;
}

.balin-dark .calendar-table td .date:hover {
  background-color: #78a1c1 !important;
}

.calendar-table td .date.today {
  color: #ffffff;
  border: 1px solid #dddddd;
  background-color: #dddddd;
}

.balin-dark .calendar-table td .date.today {
  color: #ffffff;
  border: 1px solid #1d2831;
  background-color: #1d2831;
}

.calendar-table td .today:hover {
  background-color: #ff8900 !important;
}

.balin-dark .calendar-table td .today:hover {
  background-color: #1d2831 !important;
}

.calendar-table td .disabled {
  color: #999999;
}

.balin-dark .calendar-table td .disabled {
  color: #dddddd;
}

.calendar-table td .date.choosen {
  border: 1px solid #dddddd;
}

.balin-dark .calendar-table td .date.choosen {
  border: 1px solid #dddddd;
}

#ace-editor {
  border: 1px solid #dddddd;
}
.balin-dark #ace-editor {
  border: 1px solid #3d3d3d;
}

.CodeMirror {
  border: 1px solid #dddddd;
}
.balin-dark .CodeMirror {
  border: 1px solid #3d3d3d;
}

.editor-quill {
  border: 1px solid #dddddd;
}
.balin-dark .editor-quill {
  border: 1px solid #3d3d3d;
}
.ql-toolbar.ql-snow {
  border-bottom: 1px solid #dddddd;
}
.balin-dark .ql-toolbar.ql-snow {
  border-bottom: 1px solid #3d3d3d;
}

/* Input Number */
.number-controls .controls {
  border: 1px solid #dddddd;
}

.balin-dark .number-controls .controls {
  border-color: #141718;
}

.balin-dark .number-controls .controls {
  color: #ffffff;
}


/* Input Phone */
.phone {
  background-color: #dddddd;
  border: 1px solid #dddddd;
}

.balin-dark .phone {
  border-color: #3d3d3d;
  background-color: #3d3d3d;
}

.balin-dark .phone .controls::placeholder {
  color: #cccccc;
}

.phone .plus {
  color: #000000;
}

.balin-dark .phone .plus {
  color: #ffffff;
}


/* Sortable */
.blue-background-class {
  background-color: #C8EBFB;
}

.balin-dark .blue-background-class {
  background-color: #141718;
}


/* View Settings Modal */
.balin-dark .adv-btn {
  color: #ffffff;
}


/* Canvas */
.balin-dark .canvas-container {
  background-color: #232627;
}

.flow-icon {
  color: #FFFFFF;
  background-color: #FFFFFF;
}

.flow-add-icon {
  color: #4CAF50 !important;
  border: 1px solid #4CAF50 !important;
}

.balin-dark .flow-add-icon {
  color: #4CAF50 !important;
  border-color: #4CAF50 !important;
  background-color: #232627 !important;
}

.flow-save-icon {
  border: 1px solid #232020 !important;
  background-color: #232020 !important;
}

.balin-dark .flow-save-icon {
  color: #ffc107 !important;
  border: 1px solid #ffc107 !important;
  background-color: #141718 !important;
}

.flow-lists-icon {
  color: #232020;
  background-color: #ffffff;
}

.balin-dark .flow-lists-icon {
  color: #ffffff;
  background-color: #323337;
}

.panzoom {
  background: #ececec;
}

.balin-dark .panzoom {
  background: #232627;
}

.canvas-zoom a {
  color: #232020;
  background-color: #FFFFFF;
  border: 1px solid #232020;
}

.balin-dark .canvas-zoom a {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #232627;
}

.flowchart-operator {
  background-color: #ffffff;
}

.balin-dark .flowchart-operator {
  border-color: #2d2d2d;
  background-color: #141718;
}

.balin-dark .flowchart-operator:hover {
  border-color: #ffffff;
}

.flowchart-operator.selected {
  color: #656364;
  border-color: #656364;
}

.flowchart-operator.first-node {
  border-left: 7px solid #cccccc;
}

.balin-dark .flowchart-operator.selected {
  color: #007BFF;
  border-color: #1d6197;
}

.balin-dark .flowchart-operator.first-node.selected {
  border-color: #1d6197;
}

.balin-dark .flowchart-operator.first-node {
  border-left: 7px solid #2d2d2d;
}

.balin-dark .flowchart-operator-outputs .flowchart-operator-connector-label {
  color: #ffc107;
}

.balin-dark .flowchart-operator .flowchart-operator-title p,
.balin-dark .flowchart-operator .flowchart-operator-title span {
  color: #ffffff;
}

.flowchart-operator-connector:hover .flowchart-operator-connector-arrow {
  border: 7px solid rgb(153, 153, 153);
}

.balin-dark .flowchart-operator-connector:hover .flowchart-operator-connector-arrow {
  border: 7px solid #b9b9b9;
}

.flowchart-operator-body a.body-class {
  color: #777777;
}

.balin-dark .flowchart-operator-body a.body-class {
  color: #007bff;
}

.flowchart-operator-body a.body-class.trash,
.balin-dark .flowchart-operator-body a.body-class.trash {
  color: #d24646;
}

.context-menu .menu-options {
  background-color: #FFFFFF;
}

.balin-dark .context-menu .menu-options {
  background-color: #141718;
}

.context-menu .menu-option {
  background-color: #ffffff;
}

.balin-dark .context-menu .menu-option {
  background-color: #141718;
}

.context-menu .menu-option i {
  border: 1px solid #FFFFFF;
  background-color: #f7f7f7;
}

.balin-dark .context-menu .menu-option i {
  color: #ffffff;
  border: 1px solid #141718;
  background-color: #141718;
}

.context-menu .menu-option hr {
  border-bottom: none;
  border-top: 1px solid #d7d7d7;
}

.balin-dark .context-menu .menu-option hr {
  border-bottom: none;
  border-top: 1px solid #3d3d3d;
}

.context-menu .menu-option a {
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}

.balin-dark .context-menu .menu-option a {
  color: #ffffff;
  border: 1px solid #2d2d2d;
  background-color: #2d2d2d;
}

.context-menu .menu-option.disabled i,
.context-menu .menu-option.disabled a {
  background-color: #f9f9f9;
}

.balin-dark .context-menu .menu-option.disabled i,
.balin-dark .context-menu .menu-option.disabled a {
  background-color: #3d3d3d;
}

.context-menu .menu-option:hover i,
.context-menu .menu-option:hover a {
  background: #f7f7f7;
}

.balin-dark .context-menu .menu-option:hover i,
.balin-dark .context-menu .menu-option:hover a {
  background: #141718;
}

.panel-devices a.active {
  color: #ffffff;
  border-color: #232020;
  background-color: #232020;
}

.balin-dark .panel-devices a.active {
  color: #a779fb;
  border-color: #a779fb;
  background-color: #232020;
}

.selectedNodeItem {
  background-color: #ceffd6 !important;
}

.balin-dark .selectedNodeItem {
  background-color: #3d3d3d !important;
}



/* Apps Header */
.app-header-tabs li {
  background-color: #232020;
}

.balin-dark .app-header-tabs li {
  background-color: #1b1c1c;
}

.app-header-tabs li.active {
  background-color: #363636;
}

.balin-dark .app-header-tabs li.active {
  background-color: #323337;
}

.app-header-tabs li.active .app-btns-group a.app-btns {
  color: #ffffff;
  background-color: #636363;
}

.balin-dark .app-header-tabs li.active .app-btns-group a.app-btns {
  background-color: #323337;
}

.find-insert-update-fields {
  border: 1px solid #dddddd;
}

.balin-dark .find-insert-update-fields {
  border: 1px solid #2B3050;
}



/* Node Entity Modal */
.entity-left {
  background-color: #f7f7f7;
}

.balin-dark .entity-left {
  background-color: #141718;
}

.entity-menu .active {
  background-color: #8f8f8f;
}

.balin-dark .entity-menu .active {
  background-color: #007BFF;
}

.balin-dark .entity-right-top a i.icon-copy {
  color: #ffffff;
}

.entity-right-top .node-fields-dropicon,
.entity-right-top .node-fields-group .node-fields-search {
  background-color: #ffffff;
}

.balin-dark .entity-right-top .node-fields-dropicon,
.balin-dark .entity-right-top .node-fields-group .node-fields-search {
  background-color: #141718;
}

.node-list {
  background: #f7f7f7;
  border: 1px solid #dddddd;
}

.balin-dark .node-list {
  border-color: #141718;
  background-color: #141718;
}

.balin-dark .node-list span a {
  color: #ffffff;
}

.sort-icons {
  border: 1px solid #8f8f8f;
}

.balin-dark .sort-icons {
  border-color: #141718;
  background-color: #141718;
}

.default-fields label .sort-icons a {
  color: #8f8f8f;
}

.balin-dark .default-fields label .sort-icons a {
  color: #ffffff;
}

.default-fields label a {
  color: #8f8f8f;
}

.balin-dark .default-fields label a {
  color: #ffffff;
}

.default-fields label a.layout-icon {
  color: #8f8f8f;
  border: 1px solid #8f8f8f;
}

.balin-dark .default-fields label a.layout-icon {
  color: #ffffff;
  border: 1px solid #141718;
}

.default-fields label a.layout-icon:hover {
  color: #ffffff;
  background-color: #8f8f8f;
}

.balin-dark .default-fields label a.layout-icon:hover {
  color: #141718;
  background-color: #ffffff;
}

.default-fields label a.selected,
.balin-dark .default-fields label a.selected {
  color: #4AC05B;
}

.field-name {
  color: #464a4c;
}

.balin-dark .field-name {
  color: #ffffff;
}

.rename-field {
  color: #232020;
  border: 1px solid #dfdfdf;
  background-color: #dfdfdf;
}

.balin-dark .rename-field,
.balin-dark .node-list-span .controls {
  color: #ffffff;
  border-color: #141718;
  background-color: #232627;
}

.fields-dropdown {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}

.balin-dark .fields-dropdown {
  border: 1px solid #3d3d3d;
  background-color: #232627;
}

.fields-dropdown li a {
  border-bottom: 1px solid #dddddd;
}

.balin-dark .fields-dropdown li a {
  border-bottom: 1px solid #3d3d3d;
}

.fields-dropdown li a:hover {
  background-color: #f7f7f7;
}

.balin-dark .fields-dropdown li a:hover {
  background-color: #6892b3;
}

.balin-dark .group small,
.balin-dark .group p.small {
  color: #cccddd;
}

.node-list-span {
  color: #656364;
}

.balin-dark .node-list-span {
  color: #ffffff;
}

._addItem-wrapper {
  border-color: #dddddd;
  background-color: #ffffff;
}

.balin-dark ._addItem-wrapper {
  border-color: #141718;
  background-color: #141718;
}


/* View Settings Modal */
.node-list {
  background: #f7f7f7;
  border: 1px solid #dddddd;
}

.balin-dark .node-list {
  border-color: #141718;
  background-color: #141718;
}


/* Pagination */
.balin-dark .pagination .btn:last-child,
.balin-dark .pagination .btn:first-child {
  color: #ffffff;
  background-color: #3d3d3d;
}


/* Search */
.page-search {
  background-color: #FFFFFF;
  box-shadow: none !important;
}

.balin-dark .page-search {
  background-color: #3d3d3d !important;
  box-shadow: none !important;
}

.page-search .icon-search {
  color: #c4c4c4;
  border: 1px solid #f7f7f7;
  border-right: none;
}

.balin-dark .page-search .icon-search {
  color: #ffffff;
  border-color: #3d3d3d !important;
  border-right: none;
}

.page-search .controls {
  border: 1px solid #f7f7f7;
  border-left: none;
  border-right: none;
}

.balin-dark .page-search .controls {
  border-color: #3d3d3d !important;
  border-left: none;
  border-right: none;
  background-color: #141718 !important;
}

.balin-dark .page-search .controls::placeholder {
  color: #cccccc;
}

.page-search .btn-search {
  color: #FFFFFF;
  background-color: #232020;
  border: 1px solid #232020;
}

.balin-dark .page-search .btn-search {
  /* border-color: #141718;
  background-color: #141718; */
  border-color: #007BFF;
  background-color: #007BFF;
}


/* Users Page */
.role-handle.drag-icon {
  border: 1px solid #dddddd;
}

.balin-dark .role-handle.drag-icon {
  color: #ffffff;
  border-color: #141718;
}


/* Add Roles Modal */
.role-controls {
  border: 1px solid #dddddd;
}

.balin-dark .role-controls {
  border-color: #141718;
}

.role-controls a {
  color: #8f8f8f90;
}

.balin-dark .role-controls a {
  color: #cccccc;
}


/* REST API Modal */
.api-request {
  border: 1px solid #dddddd;
  background-color: #e7e7e7;
}

.balin-dark .api-request {
  border-color: #141718;
  background-color: #1b262f;
}



/* Settings Page */
.settings-nav ul {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

.balin-dark .settings-nav ul {
  border-color: #3d3d3d;
  background-color: #3d3d3d;
}

.settings-nav li.active>a {
  background-color: #f7f7f7;
}

.balin-dark .settings-nav li.active>a {
  background-color: #141718;
}

.settings-nav li>a,
.settings-nav li ul li>a,
.settings-nav li ul li ul li>a {
  border-bottom: 1px solid #dddddd;
}

.balin-dark .settings-nav li>a,
.balin-dark .settings-nav li ul li>a,
.balin-dark .settings-nav li ul li ul li>a {
  color: #ffffff;
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

.settings-right {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.balin-dark .settings-right {
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

.balin-dark .settings-content .group-section .small {
  color: #fec006;
}

.settings-content h4 {
  color: #232020;
}

.balin-dark .settings-content h4 {
  background-color: #141718;
}

.preview-wrapper {
  background-color: #cccccc;
}

.balin-dark .preview-wrapper {
  background-color: #141718;
}

.settings-content .add-btn,
.settings-content .save-btn,
.settings-content .reset-btn {
  background-color: #FFFFFF;
}

.balin-dark .settings-content .add-btn,
.balin-dark .settings-content .save-btn,
.balin-dark .settings-content .reset-btn {
  background-color: #141718;
}

.settings-tabs ul li {
  color: #231f20;
  border-bottom: none;
  background-color: #f7f7f7;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.balin-dark .settings-tabs ul li {
  color: #ffffff;
  border-bottom: none;
  border: 1px solid #3d3d3d;
  background-color: #3d3d3d;
}

.settings-tabs ul li.active {
  background-color: #ffffff;
  border-color: #ffffff;
}

.balin-dark .settings-tabs ul li.active {
  background-color: #141718;
  border-color: #141718;
}

/* Read More */
.read-more {
  color: #232020;
}

.balin-dark .read-more {
  color: #ffffff;
}

.read-more a.small {
  color: #289fff;
}

.balin-dark .read-more a.small {
  color: #78a1c1;
}


/* iEditor */
.ieditor-frame {
  background-color: #ffffff;
}

.balin-dark .ieditor-frame {
  border-color: #141718;
  background-color: #3a5367
}

.balin-dark .ieditor .toolbar a {
  color: #ffffff;
}

.balin-dark .ieditor-frame body {
  color: #ffffff;
}


/* Tutorial Page */
.container h3 {
  color: #656364;
}

.balin-dark .container h3 {
  color: #ffffff;
}

.tutorial-description {
  color: #656364;
}

.balin-dark .tutorial-description {
  color: #ffffff;
}


/* Components Page */
.icons-subwrap {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.balin-dark .icons-subwrap {
  color: #ffffff;
  border: 1px solid #3d3d3d;
  background-color: #141718;
}

.loader-box {
  background-color: #FFFFFF;
}

.balin-dark .loader-box {
  background-color: #141718;
}

.loader-box li {
  border: 1px solid #FFFFFF;
  background-color: #f7f7f7;
}

.balin-dark .loader-box li {
  color: #ffffff;
  border: 1px solid #3d3d3d;
  background-color: #3d3d3d;
}

.pai_scroller p {
  color: #656364;
}

.balin-dark .pai_scroller p {
  color: #ffffff;
}


/* Admin Signup Page */
.signup-content {
  background-color: #ffffff;
}

.balin-dark .signup-content {
  background-color: #4c718e;
}

.input-container i {
  color: white;
  background: #232020;
  border-right: none !important;
}

.balin-dark .input-container i {
  color: white;
  background: #1b1c1c;
}

.balin-dark .signup-wrapper .controls {
  background-color: #212e39;
}

.balin-dark .signup-wrapper span.domain-name {
  color: #ffffff;
}

.balin-dark .btn-signup {
  color: #ffffff;
  background: #1b1c1c;
  border-color: #141718;
}

.balin-dark .signup-signin,
.balin-dark .signup-copyright {
  color: #ffffff;
}

.balin-dark .signup-signin a,
.balin-dark .signup-copyright a {
  color: #8accff;
}


/* Reports */
.reports-nav,
.reports-content {
  color: #232020;
  background-color: #f2f4f5;
}

.balin-dark .reports-nav,
.balin-dark .reports-content {
  color: #ffffff;
  background-color: #232627;
}

.report-box-wrapper .row {
  background-color: #ffffff;
  border: 2px dashed #e9e9e9;
}

.balin-dark .report-box-wrapper .row {
  border-color: #2d2d2d;
  background-color: #232627;
}

.report-box {
  background-color: #ffffff;
  border: 2px dashed #dfdfdf;
}

.report-box:hover {
  background-color: #f2f9ff;
}

.balin-dark .report-box {
  border-color: #3d3d3d;
  background-color: #2d2d2d;
}

.balin-dark .report-box:hover {
  background-color: #141718;
}

.report-box.active {
  border: 2px dashed #232020;
}

.balin-dark .report-box.active {
  border: 2px dashed #ffffff;
}

.report-box .report-config i {
  background-color: #ffffff;
}

.balin-dark .report-box .report-config i {
  background-color: #1d2830;
}


.reports-config .config-header {
  border-bottom: 1px solid #dddddd;
}

.balin-dark .reports-config .config-header {
  color: #ffffff;
  border-color: #141718;
  background-color: #141718;
}

.config-close,
.balin-dark .config-close {
  color: #F44336;
}

.balin-dark .reports-config .config-body {
  color: #ffffff;
  background-color: #232627;
}

.reports-config .config-left {
  background-color: #f7f7f7;
}

.balin-dark .reports-config .config-left {
  background-color: #141718;
}

.reports-config .config-menu a {
  color: #8f8f8f;
}

.balin-dark .reports-config .config-menu a {
  color: #8f8f8f;
}

.reports-config .config-menu a.active {
  color: #ffffff;
  background-color: #8f8f8f;
}

.balin-dark .reports-config .config-menu a.active {
  color: #ffffff;
  background-color: #141718;
}

.reports-config .config-right {
  background-color: #ffffff;
}

.balin-dark .reports-config .config-right {
  background-color: #232627;
}

.reports-config .config-footer {
  border-top: 1px solid #dddddd;
}

.balin-dark .reports-config .config-footer {
  color: #ffffff;
  border-color: #141718;
  background-color: #141718;
}

.report-box-wrapper .table-title {
  color: #ffffff;
  background-color: #3e4041;
  border-bottom: 1px solid #dddddd;
}

.balin-dark .report-box-wrapper .table-title {
  background-color: #141718;
  border-bottom: 1px solid #3d3d3d;
}

.report-box-wrapper .table-block {
  background-color: #e9e9e9;
}

.balin-dark .report-box-wrapper .table-block {
  background-color: #7db5e0;
}


/* Chart CSS */
.chart-block {
  background-color: #e9e9e9;
}

.balin-dark .chart-block {
  background-color: #3d3d3d;
}

.chart-block p {
  color: #ffffff;
  background-color: #3e4041;
  border-bottom: 1px solid #3e4041;
}

.balin-dark .chart-block p {
  background-color: #141718;
  border-bottom: 1px solid #141718;
}


/* Number Block */
.number-bg {
  color: #232020;
  background-color: #b8b8b8;
}

.balin-dark .number-bg {
  color: #ffffff;
  background-color: #141718;
}


/* Easy Editor */
.easy-editor-wrapper {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}

.balin-dark .easy-editor-wrapper {
  background-color: #141718;
  border: 1px solid #0a0a0a1a;
}

.easy-editor-control {
  background-color: #FFFFFF;
  border-bottom: 1px solid #dddddd;
}

.balin-dark .easy-editor-control {
  background-color: #3d3d3d;
  border-bottom: 1px solid #0a0a0a1a;
}

.easy-editor-item-group.border {
  border: 1px solid #dddddd;
}

.balin-dark .easy-editor-item-group.border {
  border: 1px solid #141718;
}

.easy-editor-item {
  color: #333333;
}

.balin-dark .easy-editor-item {
  color: #141718;
}

.easy-editor-item.disabled {
  color: #e7e7e7;
}

.balin-dark .easy-editor-item.disabled {
  color: #e7e7e7;
}

.easy-editor-item:hover,
.easy-editor-item.active {
  color: #3a1484;
}

.balin-dark .easy-editor-item:hover,
.balin-dark .easy-editor-item.active {
  color: #3a1484;
}

.easy-editor-dropdown .dropdown {
  border: 1px solid #dddddd;
}

.balin-dark .easy-editor-dropdown .dropdown {
  border: 1px solid #141718;
}

.easy-editor-colorbox input[type="color"] {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}

.balin-dark .easy-editor-colorbox input[type="color"] {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}

.easy-editor-extra {
  color: #888888;
}

.balin-dark .easy-editor-extra {
  color: #888888;
}

.easy-editor-extra.open {
  color: #FFFFFF;
  background-color: #3a1484;
}

.balin-dark .easy-editor-extra.open {
  color: #FFFFFF;
  background-color: #3a1484;
}

.easy-editor-extra.close-option {
  color: #FFFFFF;
  background-color: #d24646;
}

.balin-dark .easy-editor-extra.close-option {
  color: #FFFFFF;
  background-color: #d24646;
}

.easy-editor-extra-dropdown {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}

.balin-dark .easy-editor-extra-dropdown {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}

.easy-editor-extra-dropdown li a {
  color: #888888;
  border-top: 1px solid #88888825;
}

.balin-dark .easy-editor-extra-dropdown li a {
  color: #888888;
  border-top: 1px solid #88888825;
}

.easy-editor-extra-dropdown li a:hover,
.easy-editor-extra-dropdown li a.active {
  color: #888888;
  background-color: #f7f7f7;
}

.balin-dark .easy-editor-extra-dropdown li a:hover,
.balin-dark .easy-editor-extra-dropdown li a.active {
  color: #888888;
  background-color: #f7f7f7;
}

.easy-editor-image-box i {
  color: #888888;
}

.balin-dark .easy-editor-image-box i {
  color: #141718;
}

.easy-editor-image-box i:hover {
  color: #3a1484;
}

.balin-dark .easy-editor-image-box i:hover {
  color: #3a1484;
}

.easy-editor-content {
  background-color: #FFFFFF;
}

.balin-dark .easy-editor-content {
  background-color: #141718;
}

.easy-editor-content a {
  color: #ddd4d4;
}

.balin-dark .easy-editor-content a {
  color: #ddd4d4;
}

.easy-editor-preview {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}

.balin-dark .easy-editor-preview {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}

.easy-editor-preview h4.easy-editor-preview-title {
  color: #FFFFFF;
  background-color: #dddddd;
  border-bottom: 1px solid #dddddd;
}

.balin-dark .easy-editor-preview h4.easy-editor-preview-title {
  color: #FFFFFF;
  background-color: #dddddd;
  border-bottom: 1px solid #dddddd;
}

.easy-editor-textarea {
  color: #232020;
  background-color: #FFFFFF;
}

.balin-dark .easy-editor-textarea {
  color: #ffffff;
  background-color: #141718;
}

.easy-editor-textarea .image-area {
  border: 1px solid #f0f0f0;
  background-color: #f7f7f7;
}

.balin-dark .easy-editor-textarea .image-area {
  background-color: #78a1c1;
  border: 1px solid #0a0a0a1a;
}


/* Quill Editor */
.balin-dark .ql-toolbar.ql-snow,
.balin-dark .ql-container.ql-snow {
  border-color: #2d2d2d;
  background-color: #3d3d3d;
}


/* Field Lists */
.field-list {
  background: #f7f7f7;
  border: 1px solid #dddddd;
}

.balin-dark .field-list {
  background: #3a5367;
  border: 1px solid #3d3d3d;
}

.field-list-icon .icon-cancel {
  color: #d24646 !important;
}

.field-list-icon .icon-unlock {
  color: #27c627 !important;
}

.field-list-icon .icon-lock {
  color: #999393 !important
}


/* Node Modal Template Preview */
.template-wrapper {
  border: 1px solid #d8cced;
  background-color: #f5efff;
}

.balin-dark .template-wrapper {
  border: 1px solid #7e5bbe;
  background-color: #141718;
}


/* Role List */
.roles-list ul {
  border: 1px solid #dddddd;
}

.balin-dark .roles-list ul {
  border: 1px solid #3d3d3d;
}

.roles-list ul li {
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
}

.roles-list ul li:hover {
  background-color: #f7f7f7;
}

.balin-dark .roles-list ul li {
  background-color: #141718;
  border-top: 1px solid #3d3d3d;
}

.balin-dark .roles-list ul li:hover {
  background-color: #6892b3;
}

.roles-list ul li a {
  color: #232020;
}

.balin-dark .roles-list ul li a {
  color: #ffffff;
}


/* Number Controls */
.number-controls span {
  color: #232020;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.balin-dark .number-controls span {
  color: #ffffff;
  background-color: #141718;
  border-top: 1px solid #141718;
  border-left: 1px solid #141718;
  border-bottom: 1px solid #141718;
}



/* Documentation */
.balin-dark .left-header {
  background-color: #141718;
}

.balin-dark .category-lists>li>span {
  background-color: #78a1c2;
}

.balin-dark .category-lists>li>span>a,
.balin-dark .category-lists>li>span>small>a {
  color: #ffffff;
}

.balin-dark .subcategory-lists>li>a,
.balin-dark .subcategory-lists>li>small>a {
  color: #ffffff;
}

.balin-dark .subcategory-lists>li>a:hover,
.balin-dark .subcategory-lists>li>a.active {
  color: #FFC107;
}

.balin-dark .category-lists-wrapper {
  background-color: #141718;
}

.balin-dark #scrollable .content-left {
  background-color: #141718;
}

.balin-dark #scrollable .content-left .empty {
  color: #d1d1d1;
}



/* SQL Query Page */
.query-card {
  color: #232020;
}

.balin-dark .query-card {
  color: #ffffff;
}

.query-card p {
  color: #7e5bbe;
}

.balin-dark .query-card p {
  color: #ffc110;
}

.db-lists .failed-dbs,
.db-lists .success-dbs {
  background-color: #f4f4f4;
}

.balin-dark .db-lists .failed-dbs,
.balin-dark .db-lists .success-dbs {
  background-color: #1e272d;
}

.db-lists .success-dbs h4,
.db-lists .success-dbs ul li,
.balin-dark .db-lists .success-dbs ul li {
  color: #28ab4a;
}

.db-lists .failed-dbs h4,
.db-lists .failed-dbs ul li,
.balin-dark .db-lists .failed-dbs ul li {
  color: #d24646;
}


/* Media Card */
.media-card,
.media-uploader {
  border-color: #dddddd;
}

.balin-dark .media-card,
.balin-dark .media-uploader {
  border-color: #141718;
}

.balin-dark .media-card .media-info h6 {
  color: #ffffff;
}

.media-preview-modal .modal-actions a i,
.media-preview-modal .modal-actions span {
  color: #ffffff;
  border-color: #ffffff;
}

/* Media Card */


/* Range Slider */
.range-slider {
  background-color: #fcfcfc;
}

.balin-dark .range-slider {
  border-color: #3d3d3d;
  background-color: #141718;
}

.range-slider input[type="range"] {
  background-color: #3e4041;
}

.balin-dark .range-slider input[type="range"] {
  background-color: #3d3d3d;
}

.range-slider input[type="range"]::-moz-range-thumb,
.range-slider input[type="range"]::-webkit-range-slider-thumb {
  background: #7E6D57;
}

.balin-dark .range-slider input[type="range"]::-moz-range-thumb,
.balin-dark .range-slider input[type="range"]::-webkit-range-slider-thumb {
  background: #141718;
}

/* Range Slider */


.recipients-block {
  background-color: #f7f7f7;
}

.balin-dark .recipients-block {
  background-color: #141718;
}

.custom-code-modal .custom-vars {
  background-color: #f5f2f0;
}

.balin-dark .custom-code-modal .custom-vars {
  background-color: #141718;
}

.balin-dark .codejar-linenumbers {
  background-color: #232627 !important;
}

.code-editor-modal .preview-header li a,
.custom-code-modal .preview-header li a {
  color: #232020;
}

.code-editor-modal .embed-header li a,
.custom-code-modal .embed-header li a,
.ai-user-prompt-modal .embed-header li a,
.ai-system-prompt-modal .embed-header li a {
  color: #232020;
  background-color: #ffffff;
}

.code-editor-modal .embed-header li a.active,
.custom-code-modal .embed-header li a.active,
.ai-user-prompt-modal .embed-header li a.active,
.ai-system-prompt-modal .embed-header li a.active {
  background-color: #f7f7f7;
  border-bottom-color: #232020;
}

.code-editor-modal .embed-vars,
.custom-code-modal .embed-vars {
  padding: 1rem;
  background-color: #f5f2f0;
}

.balin-dark .code-editor-modal .preview-header li a,
.balin-dark .custom-code-modal .preview-header li a {
  color: #ffffff;
}

.balin-dark .code-editor-modal .embed-header li a,
.balin-dark .custom-code-modal .embed-header li a,
.balin-dark .ai-user-prompt-modal .embed-header li a,
.balin-dark .ai-system-prompt-modal .embed-header li a {
  color: #ffffff;
  background-color: #141718;
}

.balin-dark .code-editor-modal .embed-header li a.active,
.balin-dark .custom-code-modal .embed-header li a.active,
.balin-dark .ai-user-prompt-modal .embed-header li a.active,
.balin-dark .ai-system-prompt-modal .embed-header li a.active {
  color: #3d3d3d;
  background-color: #97c9f1;
}

.balin-dark .code-editor-modal .embed-header li a.active,
.balin-dark .custom-code-modal .embed-header li a.active,
.balin-dark .ai-user-prompt-modal .embed-header li a.active,
.balin-dark .ai-system-prompt-modal .embed-header li a.active {
  border-bottom-color: #3d3d3d;
}

.balin-dark .code-editor-modal .embed-vars,
.balin-dark .custom-code-modal .embed-vars {
  background-color: #141718;
}

.custom-code-modal .app-tags {
  background-color: #f7f7f7;
}

.custom-code-modal .app-tags.open {
  border-bottom: 2px solid #232020;
}

.balin-dark .custom-code-modal .app-tags {
  background-color: #97c9f1;
}

.balin-dark .custom-code-modal .app-tags.open {
  border-bottom: 2px solid #232020;
}

.custom-code-modal .app-tags a {
  color: #232020;
  background-color: #f7f7f7;
  border-left: 2px solid #232020;
  border-right: 2px solid #232020;
  border-bottom: 2px solid #232020;
}

.balin-dark .custom-code-modal .app-tags a {
  color: #3d3d3d;
  background-color: #97c9f1;
  border-left: 2px solid #3d3d3d;
  border-right: 2px solid #3d3d3d;
  border-bottom: 2px solid #3d3d3d;
}

/* Code export */
.balin-dark .technology-btn.selected {
  background-color: #141718;
  color: #fff;
}

.balin-dark .technology-btn>p {
  color: #fff;
}

.balin-dark .ai-sidebar {
  background-color: #2d2d2d;
  box-shadow: -5px 0 15px -15px rgba(0, 0, 0, 0.5) inset;
}

.balin-dark .chat-message.user {
  background-color: #232627;
}

.balin-dark .chat-box {
  background-color: #232627;
  border: 1px solid #3d3d3d;
}

.balin-dark .chat-box textarea {
  color: #ffffff;
}

.balin-dark .ai-resizer {
  border-left: 1px solid #3d3d3d;
  border-right: 1px solid #3d3d3d;
}

.balin-dark .ai-resizer:hover {
  border-left: 1px solid #1E282F;
  border-right: 1px solid #1E282F;
}

.balin-dark .ai-response-actions {
  background-color: #232627;
}

/* html styles */
.balin-dark .code-messages table {
  background-color: rgba(0, 0, 0, 0.4);
  border-top: 1px solid #ffffff26;
  border-left: 1px solid #ffffff26;
  color: #ffffff;
}

.balin-dark .code-messages th {
  background-color: #ffffff1a;
  color: #ffffff;
}

.balin-dark .code-messages tr {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
}

.balin-dark .code-messages th,
.balin-dark .code-messages td {
  border-right: 1px solid #ffffff26;
  border-bottom: 1px solid #ffffff26;
}

.balin-dark .code-messages tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.4);
}

.balin-dark .code-intro-content h3 {
  color: #fff;
}

.ai-resizer .icon-dots {
  color: #ffffff;
  background-color: #9f9f9f;
}

.ai-resizer:hover,
.ai-resizer:hover .icon-dots {
  background-color: #7f7f7f;
}

.balin-dark .ai-resizer .icon-dots {
  color: #ffffff;
  background-color: #007bff;
}

.balin-dark .ai-resizer:hover,
.balin-dark .ai-resizer:hover .icon-dots {
  background-color: #1368c3;
}

.code-intro-card {
  background: #e8e8e8;
  box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.balin-dark .code-intro-card {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.code-intro-card h3 {
  color: #656364;
}

.balin-dark .code-intro-card h3 {
  color: #0ef;
}

.code-intro-btn:hover {
  opacity: 0.8;
}

.balin-dark .code-intro-btn:hover {
  background: #00d4ff;
}

.code-intro-card:hover {
  box-shadow: 0px 10px 20px rgba(0, 255, 255, 0.3);
  border: 1px solid rgba(0, 255, 255, 0.6);
}

.balin-dark .code-intro-card:hover {
  box-shadow: 0px 10px 20px rgba(0, 255, 255, 0.3);
  border: 1px solid rgba(0, 255, 255, 0.6);
}

.code-intro-btn {
  color: #fff;
  background: #007BFF;
}

.balin-dark .code-intro-btn {
  color: #000;
  background: #0ef;
}

.build-confirm-btn,
.reset-confirm-btn {
  background-color: #007BFF;
  color: #fff;
}

.balin-dark .build-confirm-btn,
.balin-dark .reset-confirm-btn {
  background-color: #0ef;
  color: #000;
}

.build-close-btn,
.reset-close-btn {
  color: #fff;
  border-color: #777777;
  background-color: #777777;
}

.balin-dark .build-close-btn,
.balin-dark .reset-close-btn {
  color: #ffffff;
  border-color: #777777;
  background-color: #777777;
}

.ai-chat-intro {
  background-color: #ffffff;
}

.balin-dark .ai-chat-intro {
  background-color: #232627;
}

.ai-chat-intro h5 {
  color: #656364;
}

.balin-dark .ai-chat-intro h5 {
  color: #fff;
}