/* App CSS */
/* Scrollbar */
*{
  scrollbar-color: #a9a9a9 #efefef;
}
*::-webkit-scrollbar-thumb{
  background-color: #a9a9a9;
}
*::-webkit-scrollbar-track{
  background: #efefef;
}
.balin-dark{
  scrollbar-color: #7e5bbe #34345F;
}
.balin-dark::-webkit-scrollbar-thumb{
  background-color: #7e5bbe;
}
.balin-dark::-webkit-scrollbar-track{
  background: #34345F;
}

/* Body */
body{
  color:#656364;
  background-color:#FFFFFF;
}
body.balin-dark{
  color:#a5a5a5;
  background-color:#1C2A35;
}
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:#6892b3;
}
.toggle.off{
  background-color:#cccccc;
}
.balin-dark .toggle.off{
  background-color:#717171;
}

/* Scrollable */
#scrollable{
  background-color:#ececec;
}
.balin-dark #scrollable{
  background-color:#1C2A35;
}

/* 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:#33335d;
  background-color:#3a5367;
}

/* Inputs */
.group-section{
  border: 1px solid #dddddd;
}
.balin-dark .group-section{
  border-color: #33335D;
}
.group-section h4{
  color: #232020;
  background-color: #ffffff;
}
.balin-dark .group-section h4{
  color: #ffffff;
  background-color: #1C2A35;
}
.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: #33335D;
  background-color: #3a5367;
}
.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:#171E24;
  background-color:#171E24;
}
.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:#171E24;
  border-color:#171E24;
  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:#1c2a35;
  border-color:#33335d;
  background-color:#97c9f1;
}
.btn.btn-cancel:hover{
  background-color:#f2f2f2;
}
.balin-dark .btn.btn-cancel:hover{
  background-color:#97c9f1;
}
.balin-dark .btn.btn-cancel:hover{
  background-color:#5a7c96;
}

/* 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 */
.modal .modal-header{
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
}
.balin-dark .modal .modal-header{
  color: #ffffff;
  border-color: #33335d;
  background-color: #3a5367;
}
.balin-dark .modal-body{
  color: #ffffff;
  background-color: #1C2A35;
}
.modal .modal-footer{
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
}
.balin-dark .modal .modal-footer{
  color: #ffffff;
  border-color: #33335d;
  background-color: #3A5367;
}

/* Table */
.table-responsive{
  border-color: #dddddd;
}
.balin-dark .table-responsive{
  border-color: #3a5367;
}
.table{
  border:1px solid #dddddd;
  background-color:#ffffff;
}
.balin-dark .table{
  color:#ffffff;
  border-color:#3a5367;
  background-color:#223442;
}
.table thead{
  color:#232020;
  background-color:#ffffff;
}
.balin-dark .table thead{
  color:#ffffff;
}
.balin-dark .table thead th{
  color:#ffffff;
  background-color:#171E24;
  border-bottom:1px solid #7e5bbe;
}
.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:#3a5367;
}
.table tbody td{
  /* border-bottom:1px solid #dddddd; */
}
.balin-dark .table tbody td{
  border-bottom:1px solid #33335D;
}
.table tbody tr:first-child td{
  border-top:1px solid #dddddd;
}
.balin-dark .table tbody tr:first-child td{
  border-top:1px solid #7e5bbe;
}
.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: #223442;
}
.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: #3A5367;
}


/* Button Action */
.btn-action{
  color: #656364;
  border: 1px solid #656364;
}
.balin-dark .btn-action{
  color: #ffffff;
  border: 1px solid #ffffff;
  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;
  box-shadow: 0 4px 4px -2px rgba(0,0,0,0.1);
}
.balin-dark .card{
  background-color: #3A5367;
  box-shadow: 0 4px 4px -2px rgba(255,255,255,0.1);
}
.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 0 rgba(255,255,255,0.1);
}
.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;
}


/* Header Page */
#header{
  background-color: #FFFFFF;
}
.balin-dark #header{
  background-color: #171E24;
}
#header h1{
  color:#232020;
}
.balin-dark #header h1{
  color: #FFFFFF;
}


/* Sidebar */
#sidebar{
  background-color:#232020;
}
.balin-dark #sidebar{
  background-color:#171E24;
}
#sidebar .menu a{
  color: #71747d;
}
.balin-dark #sidebar .menu a{
  color: #4c718e;
}
#sidebar .menu a.active{
  color:#FFFFFF;
  background-color: #464646;
}
.balin-dark #sidebar .menu a.active{
  color:#FFFFFF;
  background-color: #3A5367;
}


/* 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: #4c718e;
}
.app-header-tabs li.active:after{
  border-color: #f9f9f9 transparent;
}
.balin-dark .app-header-tabs li.active:after{
  border-color: #1c2a35 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: #1C2A35;
  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: #1C2A35;
  border-bottom: 1px solid #2B3050;
}
.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: #1C2A35;
}
.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: #171E24;
}
.app-details-right .sub-item{
  background-color: #f3f3f3;
  border-bottom: 1px solid #f7f7f7;
}
.balin-dark .app-details-right .sub-item{
  background-color: #3A5367;
  border-bottom: 1px solid #364162;
}
.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: #ececec;
  border-bottom: 2px solid #9f9f9f;
}
.balin-dark .app-tabs{
  background-color: #1c2a35;
  border-bottom: 2px solid #34345F;
}
.app-tabs li{
  border-bottom: 2px solid #9f9f9f;
}
.balin-dark .app-tabs li{
  border-bottom: 2px solid #34345F;
}
.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: #33335D;
}
.item-rows .inputs .dropdown-select i{
  border: 1px solid #ffffff;
  background-color: #e7e7e7;
}
.balin-dark .item-rows .inputs .dropdown-select i{
  border-color: #33335D;
  background-color: #1b262f;
}
.more-options .btn-action{
  background-color: #ffffff;
}
.balin-dark .more-options .btn-action{
  background-color: #1C2A35;
}
.dropdown-select{
  background-color: #ffffff;
}
.balin-dark .dropdown-select{
  background-color: #3a5367;
}
.preview-wrapper .dropdown-select{
  background-color: #ffffff !important;
}


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


/* Color Box */
.color-box input{
  background-color: #fff;
  border: 1px solid #dddddd;
}
.balin-dark .color-box input{
  color:#ffffff;
  border-color:#33335d;
  background-color:#3a5367;
}
.color-box-preview{
  border: 1px solid #dddddd;
}
.balin-dark .color-box-preview{
  border-color:#33335d;
}


/* Dropdown */
.dropdown{
  border:1px solid #dddddd;
  background-color:#FFFFFF;
}
.balin-dark .dropdown{
  border-color:#33335D;
  background-color:#3A5367;
}
.dropdown-value{
  background-color:inherit;
}
.balin-dark .dropdown-value{
  color: #ffffff;
  border-color: #33335D;
  background-color:#3A5367;
}
.balin-dark .preview-wrapper .dropdown-value{
  background:none;
}
.balin-dark .dropdown.show .dropdown-menu{
  border-color:#33335D;
}
.dropdown-item{
  background-color:#ffffff;
  border-top:1px solid #dddddd;
}
.balin-dark .dropdown-item{
  color:#ffffff;
  border-color:#33335D;
  background-color:#3a5367;
}
.dropdown-item .left-icon{
  border:1px solid #ffffff;
  background-color:#e7e7e7;
}
.balin-dark .dropdown-item .left-icon{
  color:#ffffff;
  border-color:#33335d;
  background-color:#1b262f;
}
.dropdown-item:hover,
.dropdown-item.selected{
  background-color:#f7f7f7;
}
.balin-dark .dropdown-item:hover,
.balin-dark .dropdown-item.selected{
  background-color:#6892b3;
}
.dropdown.top .search-filter-container{
  border-top:2px solid #dddddd;
}
.balin-dark .search-filter-container{
  border-color:#7e5bbe;
}
.balin-dark .search-filter-wrapper{
  background-color:#3a5367;
}
.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: #7e5bbe;
  background-color: #3a5367;
}
.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 #33335d;
  background-color: #3a5367;
}
.input-tags .tags span{
  background-color: #e2eaff;
  border: 1px solid #dddddd;
}
.balin-dark .input-tags .tags span{
  color: #ffffff;
  border: 1px solid #33335d;
  background-color: #172026;
}
.balin-dark .input-tags input::placeholder{
  color: #dddddd;
}
.balin-dark .input-tags input{
  color: #ffffff;
  background-color: #3a5367;
}


/* Input Expression */
.expression{
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.balin-dark .expression{
  background-color: #3a5367;
  border: 1px solid #33335d;
}
.expression .expression-tags span{
  border: 1px solid #f6f6f6;
  background-color: #f7f7f7;
}
.balin-dark .expression .expression-tags span{
  border: 1px solid #33335d;
  background-color: #3a5367;
}
.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: #3a5367;
}
.expression-menu{
  border:1px solid #dddddd;
  background-color:#ffffff;
}
.balin-dark .expression-menu{
  border:1px solid #33335d;
  background-color:#3a5367;
}
.expression-item{
  background-color:#ffffff;
  border-bottom:1px solid #dddddd;
}
.balin-dark .expression-item{
  color: #ffffff;
  background-color:#3a5367;
  border-bottom:1px solid #33335d;
}
.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: #1c2a35;
  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 #33335D;
}



/* Dropdown Date */
.dropdown-calendar thead{
  background-color:#f7f7f7;
}
.balin-dark .dropdown-calendar thead{
  background-color: #1c2a35;
}
.dropdown-calendar th{
  border-bottom: 1px solid #ddd;
}
.balin-dark .dropdown-calendar th{
  color: #ffffff;
  background-color: #1c2a35;
  border-bottom: 1px solid #33335d;
}
.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 #33335d;
}
.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 #33335d;
}
.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 #33335d;
}
.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 #33335d;
}
.dropdown-calendar td .date:hover{
  background-color:#f7f7f7;
}
.balin-dark .dropdown-calendar td .date:hover{
  color: #ffffff;
  background-color: #90bbdd;
}
.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  #ffffff;
}
.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 #33335d;
}
.nav-panel select{
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}
.balin-dark .nav-panel select{
  color: #ffffff;
  background-color: #1c2a35;
  border-left:1px solid #33335d;
  border-right:1px solid #33335d;
}
.balin-dark .nav-panel a:hover{
  background-color: #233340;
}
.balin-dark .btn-today{
  color: #ffffff;
  border-right:1px solid #33335d;
}
.balin-dark .next-prev-btns{
  border-left:1px solid #33335d;
}
.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: #2d4050;
}
.balin-dark .show-year span.selected{
  color: #ffffff;
  background-color: #90bbdd;
}

/* Dropdown Time */
.dropdown-time{
  background-color:#ffffff;
}
.balin-dark .dropdown-time{
  background-color:#3a5367;
}
.dropdown-counter .btn{
  background:none;
}
.balin-dark .dropdown-counter .btn{
  color: #ffffff;
  background-color: #2d4050;
}
.dropdown-numbers strong{
  color:#dddddd;
}
.balin-dark .dropdown-numbers strong{
  color:#ffffff;
  background-color: #2d4050;
}
.dropdown-buttons{
  background-color:#f7f7f7;
  border-bottom:1px solid #dddddd;
}
.balin-dark .dropdown-buttons{
  background-color: #1d2831;
  border-bottom: 1px solid #33335d;
}
.dropdown-buttons a{
  border-right:1px solid #dddddd;
}
.balin-dark .dropdown-buttons a{
  color: #ffffff;
  border-right:1px solid #33335d;
}


/* Calendar */
.calendar{
  border:1px solid #dddddd;
}
.balin-dark .calendar{
  border:1px solid #33335d;
}
.calendar-table{
  background-color:#ffffff;
}
.balin-dark .calendar-table{
  background-color:#3a5367;
}
.calendar-table thead{
  background-color:#f7f7f7;
}
.balin-dark .calendar-table thead{
  background-color:#1c2a35;
}
.calendar-table th{
  border-bottom:1px solid #dddddd;
}
.balin-dark .calendar-table th{
  color: #ffffff;
  border-bottom:1px solid #33335d;
}
.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:#3a5367;
}
.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 #3a5367;
}
.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;
}


/* Input Number */
.number-controls .controls{
  border: 1px solid #dddddd;
}
.balin-dark .number-controls .controls{
  border-color: #33335D;
}
.balin-dark .number-controls .controls{
  color: #ffffff;
}


/* Input Phone */
.phone{
  background-color: #fff;
  border:1px solid #dddddd;
}
.balin-dark .phone{
  border-color:#33335D;
  background-color:#1b262f;
}
.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: #3a5367;
}


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


/* Canvas */
.balin-dark .canvas-container{
  background-color:#4c718e;
}
.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: #1c2a35 !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: #171e24 !important;
}
.flow-lists-icon{
  color: #232020;
  background-color: #ffffff;
}
.balin-dark .flow-lists-icon{
  color: #ffffff;
  background-color: #1c2a35;
}
.panzoom{
  background:#ececec;
}
.balin-dark .panzoom{
  background:#2e4456;
}
.canvas-zoom a{
  color: #232020;
  background-color: #FFFFFF;
  border: 1px solid #232020;
}
.balin-dark .canvas-zoom a{
  color: #ffffff;
  border-color: #ffffff;
  background-color: #1c2a35;
}
.flowchart-operator{
  background-color: #ffffff;
}
.balin-dark .flowchart-operator{
  border: 1px solid #171e24;
  background-color: #1c2a35;
}
.balin-dark .flowchart-operator:hover{
  border: 1px solid #ffffff;
}
.flowchart-operator.selected{
  color: #656364;
  border-color: #656364;
}
.flowchart-operator.first-node{
  border-left: 7px solid #656364;
}
.balin-dark .flowchart-operator.selected{
  color: #8ea5b7;
  border-color: #8ea5b7;
}
.balin-dark .flowchart-operator.first-node{
  border-left: 7px solid #8ea5b7;
}
.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:#90bbdd;
}
.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: #3a5367;
}
.context-menu .menu-option{
  background-color: #ffffff;
}
.balin-dark .context-menu .menu-option{
  background-color: #3a5367;
}
.context-menu .menu-option i{
  border: 1px solid #FFFFFF;
  background-color: #f7f7f7;
}
.balin-dark .context-menu .menu-option i{
  color: #ffffff;
  border: 1px solid #3a5367;
  background-color: #1b262f;
}
.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 #33335d;
}
.context-menu .menu-option a{
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
.balin-dark .context-menu .menu-option a{
  color: #ffffff;
  border: 1px solid #3a5367;
  background-color: #3A5367;
}
.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: #314454;
}
.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: #1b262f;
}
.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: #5b5b5b !important;
}



/* Apps Header */
.app-header-tabs li{
  background-color: #232020;
}
.balin-dark .app-header-tabs li{
  background-color: #070f17;
}
.app-header-tabs li.active{
  background-color: #363636;
}
.balin-dark .app-header-tabs li.active{
  background-color: #344C5F;
}
.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: #344C5F;
}
.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: #171E24;
}
.entity-menu .active{
  background-color: #8f8f8f;
}
.balin-dark .entity-menu .active{
  background-color: #3A5367;
}
.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:#3A5367;
}
.node-list{
  background: #f7f7f7;
  border: 1px solid #dddddd;
}
.balin-dark .node-list{
  border-color: #33335d;
  background-color: #3A5367;
}
.balin-dark .node-list span a{
  color: #ffffff;
}
.sort-icons{
  border: 1px solid #8f8f8f;
}
.balin-dark .sort-icons{
  border-color: #33335d;
  background-color: #171e24;
}
.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 #171e24;
}
.default-fields label a.layout-icon:hover{
  color: #ffffff;
  background-color: #8f8f8f;
}
.balin-dark .default-fields label a.layout-icon:hover{
  color: #171e24;
  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: #33335d;
  background-color: #1c2a35;
}
.fields-dropdown{
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}
.balin-dark .fields-dropdown{
  border: 1px solid #33335d;
  background-color: #1c2a35;
}
.fields-dropdown li a{
  border-bottom: 1px solid #dddddd;
}
.balin-dark .fields-dropdown li a{
  border-bottom: 1px solid #33335d;
}
.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: #33335d;
  background-color: #3a5367;
}


/* View Settings Modal */
.node-list{
  background: #f7f7f7;
  border: 1px solid #dddddd;
}
.balin-dark .node-list{
  border-color: #33335d;
  background-color: #3A5367;
}


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


/* Search */
.page-search{
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
}
.balin-dark .page-search{
  background-color: #3a5367;
  box-shadow: 0 2px 4px 0 rgba(255,255,255,0.07);
}
.page-search .icon-search{
  color: #c4c4c4;
  border: 1px solid #f7f7f7;
  border-right: none;
}
.balin-dark .page-search .icon-search{
  color: #ffffff;
  border-color: #33335D;
  border-right: none;
}
.page-search .controls{
  border: 1px solid #f7f7f7;
  border-left: none;
}
.balin-dark .page-search .controls{
  border-color: #33335D;
  border-left: none;
}
.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: #171E24;
  background-color: #171E24;
}


/* Users Page */
.role-handle.drag-icon{
  border: 1px solid #dddddd;
}
.balin-dark .role-handle.drag-icon{
  color:#ffffff;
  border-color:#33335d;
}


/* Add Roles Modal */
.role-controls{
  border: 1px solid #dddddd;
}
.balin-dark .role-controls{
  border-color:#33335D;
}
.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:#33335D;
  background-color:#1b262f;
}



/* Settings Page */
.settings-nav ul{
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.balin-dark .settings-nav ul{
  border-color: #33335d;
  background-color: #3A5367;
}
.settings-nav li.active > a{
  background-color: #f7f7f7;
}
.balin-dark .settings-nav li.active > a{
  background-color: #171E24;
}
.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: #33335d;
  background-color: #3A5367;
}
.settings-content{
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.balin-dark .settings-content{
  border-color: #33335d;
  background-color: #3A5367;
}
.balin-dark .settings-content .group-section .small{
  color: #fec006;
}
.settings-content h4{
  color: #232020;
}
.balin-dark .settings-content h4{
  background-color: #3A5367;
}
.preview-wrapper{
  background-color: #cccccc;
}
.balin-dark .preview-wrapper{
  background-color: #171e24;
}
.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:#3a5367;
}

.settings-tabs ul li{
  color: #231f20;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  border-bottom: none;
}
.balin-dark .settings-tabs ul li{
  color: #ffffff;
  border: 1px solid #33335d;
  background-color: #3A5367;
  border-bottom: none;
}
.settings-tabs ul li.active{
  background-color: #f7f7f7;
}
.balin-dark .settings-tabs ul li.active{
  background-color: #171E24;
}

/* 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: #33335d;
  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: #4c718e;
}


/* 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 #33335d;
  background-color: #3a5367;
}
.loader-box{
  background-color: #FFFFFF;
}
.balin-dark .loader-box{
  background-color: #171e24;
}
.loader-box li{
  border: 1px solid #FFFFFF;
  background-color: #f7f7f7;
}
.balin-dark .loader-box li{
  color: #ffffff;
  border: 1px solid #33335d;
  background-color: #4c718e;
}
.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: #070f17;
}
.balin-dark .signup-wrapper .controls{
  background-color: #212e39;
}
.balin-dark .signup-wrapper span.domain-name{
  color: #ffffff;
}
.balin-dark .btn-signup{
  color: #ffffff;
  background: #070f17;
  border-color: #33335d;
}
.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: #656364;
  background-color: #ffffff;
}
.balin-dark .reports-nav,
.balin-dark .reports-content{
  color: #ffffff;
  background-color: #4c718e;
}
.report-box{
  border:1px dashed #dddddd;
}
.balin-dark .report-box{
  border:1px dashed #33335d;
}
.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: #33335d;
  background-color: #3a5367;
}
.balin-dark .reports-config .config-body{
  color: #ffffff;
  background-color: #1C2A35;
}
.reports-config .config-left{
  background-color: #f7f7f7;
}
.balin-dark .reports-config .config-left{
  background-color: #171E24;
}
.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: #3A5367;
}
.reports-config .config-right{
  background-color: #ffffff;
}
.balin-dark .reports-config .config-right{
  background-color: #1C2A35;
}
.reports-config .config-footer{
  border-top: 1px solid #dddddd;
}
.balin-dark .reports-config .config-footer{
  color: #ffffff;
  border-color: #33335d;
  background-color: #3A5367;
}
.report-box-wrapper .table-title{
  color: #ffffff;
  background-color: #3e4041;
  border-bottom: 1px solid #dddddd;
}
.balin-dark .report-box-wrapper .table-title{
  background-color: #171e24;
  border-bottom: 1px solid #33335D;
}
.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: #7db5e0;
}
.chart-block p{
  color: #ffffff;
  background-color: #3e4041;
  border-bottom: 1px solid #3e4041;
}
.balin-dark .chart-block p{
  background-color: #171e24;
  border-bottom: 1px solid #171e24;
}


/* Number Block */
.number-bg{
  color: #232020;
  background-color: #b8b8b8;
}
.balin-dark .number-bg{
  color: #ffffff;
  background-color: #171e24;
}


/* Easy Editor */
.easy-editor-wrapper{
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.balin-dark .easy-editor-wrapper{
  background-color: #3a5367;
  border: 1px solid #0a0a0a1a;
}
.easy-editor-control{
  background-color: #FFFFFF;
  border-bottom: 1px solid #dddddd;
}
.balin-dark .easy-editor-control{
  background-color: #78a1c1;
  border-bottom: 1px solid #0a0a0a1a;
}
.easy-editor-item-group.border{
  border: 1px solid #dddddd;
}
.balin-dark .easy-editor-item-group.border{
  border: 1px solid #171E24;
}
.easy-editor-item{
  color: #888888;
}
.balin-dark .easy-editor-item{
  color: #171E24;
}
.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 #171E24;
}
.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: #171E24;
}
.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: #3a5367;
}
.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: #3a5367;
}
.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;
}


/* Field Lists */
.field-list{
  background: #f7f7f7;
  border: 1px solid #dddddd;
}
.balin-dark .field-list{
  background: #3a5367;
  border: 1px solid #33335d;
}
.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: #171e24;
}


/* Role List */
.roles-list ul{
  border: 1px solid #dddddd;
}
.balin-dark .roles-list ul{
  border: 1px solid #33335d;
}
.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: #3a5367;
  border-top: 1px solid #33335d;
}
.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: #171E24;
  border-top: 1px solid #171E24;
  border-left: 1px solid #171E24;
  border-bottom: 1px solid #171E24;
}



/* Documentation */
.balin-dark .left-header{
  background-color: #171E24;
}
.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: #3a5367;
}
.balin-dark #scrollable .content-left{
  background-color: #3a5367;
}
.balin-dark #scrollable .content-left .empty{
  color: #d1d1d1;
}



/* SQL Query Page */
.sql-executed-query{
  background-color: #ffffff;
}
.balin-dark .sql-executed-query{
  background-color: #172129;
}
.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: #33335D;
}
.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{
  background-color:#3a5367;
}
.range-slider input[type="range"]{
  background-color:#3e4041;
}
.balin-dark .range-slider input[type="range"]{
  background-color:#78a1c1;
}
.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:#171E24;
}
/* Range Slider */


.recipients-block{
  background-color: #f7f7f7;
}
.balin-dark .recipients-block{
  background-color: #3a5367;
}

.custom-code-modal .custom-vars{
  background-color: #f5f2f0;
}
.balin-dark .custom-code-modal .custom-vars{
  background-color: #3a5367;
}

.balin-dark .codejar-linenumbers{
  background-color: #1C2A35 !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{
  color: #232020;
  background-color: #ffffff;
}
.code-editor-modal .embed-header li a.active,
.custom-code-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{
  color: #ffffff;
  background-color: #3A5367;
}
.balin-dark .code-editor-modal .embed-header li a.active,
.balin-dark .custom-code-modal .embed-header li a.active{
  color: #33335d;
  background-color: #97c9f1;
}
.balin-dark .code-editor-modal .embed-header li a.active,
.balin-dark .custom-code-modal .embed-header li a.active{
  border-bottom-color: #33335d;
}
.balin-dark .code-editor-modal .embed-vars,
.balin-dark .custom-code-modal .embed-vars{
  background-color: #3a5367;
}

.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: #33335d;
  background-color: #97c9f1;
  border-left: 2px solid #33335d;
  border-right: 2px solid #33335d;
  border-bottom: 2px solid #33335d;
}