.form-selectgroup-input:checked+.form-selectgroup-success-label {
  z-index: 1;
  color: #3bb956;
  background: rgba(32,107,196,.04);
  border-color: #2a9154;
}

textarea#sql-script{
  background-color: #1f2936 !important;
  color: #a7cf76;
}
textarea#sql-script::placeholder{
  color: #b9b7b7 !important;
}


div[data-tippy-root] > div{
  min-width: 300px;
  padding: 0.5em;
  border: #48e792 1px solid;
  background: #3b3b3b;
  color: #eae9e9;
}

div.tooltip-wrapper>span{
  color: #ffffff;
  border: none;
  background-color: #363636;
}
g.apexcharts-yaxis-annotations>rect
{
  fill: #2b2b2b;
}
g.apexcharts-series.apexcharts-radial-series>path.apexcharts-radialbar-area[stroke]
{
  /*TODO : reset to original url(#SvgjsLinearGradient1069)*/
  stroke: yellow;
}
  /*path.apexcharts-radialbar-area*/
a.change-theme-dark{
  display: none;
}
body.theme-light a.change-theme-dark{
  display: block;
}
a.change-theme-light{
  display: block;
}
body.theme-light a.change-theme-light{
  display: none;
}
div.daterangepicker.show-ranges.opensright{
  background-color: #1a2234;
}

div.daterangepicker.show-ranges.opensright li:hover{
  background-color: #1b59b9;
}

input{
  background-color: #1f2936;
  color: #f4f6fa;
}
div.input-group>button{
  border: 1px solid #dadcde;
}
span.popover{
  background: #d1e8ff;
  padding: 2em;
  min-width: 200px !important;
  left: 25px !important;
}
span.popover{
  background: #14171a;
}
a {
  color: #d3dfea;
}
a:hover {
  color: #3785e7;
}

.bg-light {
  background: #202e3c !important;
}

.form-colorinput-color {
  border: 1px solid #b6b8ba;
}

::placeholder {
  color: #424c5b !important;
}
.bg-white {
  background: #262626 !important;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
  background: #1f2936;
}


.table-striped>tbody>tr:nth-of-type(even){
  color: #d0d2d4;
  background: #14171a;
  --tblr-table-accent-bg: #1f2936;
}


.blazored-typeahead__results {
  position: absolute;
  border: 1px solid #585757;
  min-height: 2rem;
  max-height: 30rem;
  overflow-y: auto;
  z-index: 10;
  width: 100%;
  background: #1f2936;
}

.blazored-typeahead__result, .blazored-typeahead__notfound, .blazored-typeahead__results-help-template, .blazored-typeahead__results-header, .blazored-typeahead__results-footer {
  padding: .5rem;
  border-top: 1px solid #585757;
  border-bottom: 1px solid #585757;
}
.blazored-typeahead__active-item, .blazored-typeahead__result:hover, .blazored-typeahead__result:focus {
  background-color: #36516e;
  border-top: 1px solid #007bff;
  border-bottom: 1px solid #007bff;
  color: #fff;
  cursor: pointer;
}

.nav-tabs .nav-link.active {
  color: #e2e7ed;
}
pre {
  background: #1f2936;
}
.progress {
  background-color: #3a4c63;
}
.dropzone {
  background: #232e3c
}
.alert {
  background: #232e3c;
}
.text-dark {
  color: #fdffff !important;
}


.daterangepicker {
  background-color: #1f2936;
}

.daterangepicker .ranges li:hover {
  background-color: #496fa3;
}

.select2-dropdown {
  background-color: #232e3c;
}


.select2-container--default .select2-selection--single {
  background-color: #1f2936;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ecebeb;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #58a4fd;
}


.btn:not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.btn-green):not(.btn-warning) {
  --tblr-btn-color: 35,46,60;
  --tblr-btn-color-darker: 32,41,54;
  color: #f4f6fa;
  background-color: #1f2936;
}
.introjs-tooltip {
  background-color: #263952;
}
.introjs-button {
  text-shadow: 0 0 0 #fff;
  background-color: #565758;
}

.introjs-nextbutton  {
  text-shadow: 0 0 0 #fff;
  color: #f0f0f0;
}

.bg-dark-lt  {
  color: #dde8f5 !important;
  background: rgba(35,46,60,.1)!important;
}

.grouped-table tr.grouping-row {
  background-color: #1f1f20 !important;
  text-align: left !important;
  font-weight: bold;
}


img.logo-small-full-dark {
  display: block;
}
img.logo-small-full {
  display: none;
}

.ql-snow .ql-stroke {
  stroke: #e2e2e2;
}
.ql-editor.ql-blank::before {
  color: #717375;
}

input[readonly] {
  color: darkgray;
  background-color: #d3d3d330;
}


div.popover {
  color: darkgray;
  background-color: #d3d3d330;
}
div.popover-body {
  color: #f8ffff;
  background-color: #232e3c;
}
.popover-header {
  color: #f1f1f1;
  background-color: #26334e;
}


.toast {
  background-color: #1f2936;
}

.toast-header {
  color: #e7eaef;
  background-color: #232e3c;
}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #6e7680;
  background-color: #293140;
}


/* Darker Daterange Picker */

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: transparent;
  color: rgba(200,200,200,0.5);
}
div.daterangepicker {
  background-color: #1f2936;
  color: #ebf4f0;
}

.daterangepicker .calendar-table {
  background-color: transparent !important;
}

.datepicker.dropdown-menu table  {
  background-color: transparent;
}
.daterangepicker td.active, .daterangepicker  {
  /*background-color:  #094693;*/
  background-color: #0a8560;
  color: #98b7e6;
}

.daterangepicker td.active:hover  {
  background-color: #e5ebf3;
  color: #022051;
}


div.calendar-table td.available:hover {
  color: #85bae3;
}
div.calendar-table td.in-range {
  background-color: #15986e;
}

.daterangepicker td.in-range {
  background-color: rgba(37,47,57,0.9);
  color: #ebf4f8;
}
.btn-success {
  color: #fff;
  background-color: inherit;
  border-color: rgba(5,150,1,0.8);
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  color: #fff;
  background-color: inherit;
  border-color: rgba(5,150,1,0.1);
}
.btn-default {
  color: #fff;
  background-color: inherit;
  border-color: rgba(255,255,255,0.6);
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  color: #ebf4f8;
  background-color: #1f2936;
}
.daterangepicker select.monthselect option,
.daterangepicker select.yearselect option {
  color: #ebf4f8;
  background-color: #1f2936;
}
.daterangepicker .input-mini {
  color: #ebf4f8;
}


.list-group-item {
  color: #bbd0eb;;
}

div.tab a.nav-link{
  color: #cbd3db;
}

span.mention {
  color: #dfe9ed !important;
  background-color: #465156 !important;
}

span.mention a{
  color: #f9f9f9;
}
span.mention a:hover{
  color: white;
}

input.form-control, input.form-control-sm, select.form-control {
  color-scheme: dark;
}

div.selectize-input.full, div.selectize-input.not-full{
  background-color: #1f2936;
  color:  #f9f9f9;
  border-color: rgba(255,255,255,0.2);
}

div.selectize-input .item {
  background-color: #2c3e50;
  color: #f9f9f9;
  border-color: rgba(255,255,255,0.2);
}

div.selectize-input .item .remove {
  color: rgba(255,255,255,0.6);
  border-color: rgba(255,255,255,0.15);
}

div.selectize-input input[type=select-one]{
  background-color: transparent;
  color:  #f9f9f9;
}


div.selectize-dropdown {
  background-color: #202124;
  color:  #f9f9f9;
}

div.selectize-dropdown-content div.option:hover{
  background-color: #232e3c;
  color: white;
  cursor: default;
}

.ql-mention-list-item {
  color: #f0f1f3;
  background-color: #1f2936;
}

.ql-mention-list-item.selected {
  background-color: #455469;
}

.ql-mention-list-container {
  background-color: #1f2936;
}

input[type='select-multiple']{
  color: white !important;
}

/* Fix Tom-Select multi-select chips text visibility in dark mode */
.ts-wrapper.multi .ts-control > div,
.ts-wrapper.multi .ts-control > div.item,
.ts-wrapper.multi.disabled .ts-control > div,
.ts-wrapper .ts-control .item,
.text-bg-azure,
.text-bg-primary {
  color: #ffffff !important;
}
/* The browser draws the date field's own calendar mark; on a dark field its default is near-black. */
input[type="date"],
input[type="datetime-local"] {
    color-scheme: dark;
}