@import url('./datatable.css');

/*=============================================================
                CK Editor 5 CSS
 =============================================================*/
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
  background: transparent;
}

/* .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    min-height: 200px !important;
} */
/* .ck.ck-editor__main>.ck-editor__editable {
    min-height: 200px;
    background-color: red !important;
}

input[type="range"] {
  -webkit-appearance: none;
  background: red;
} */

/* input[type="range"]::-webkit-slider-runnable-track {

  background-color: black; 
  height: 8px;
  border-radius: 5px;
}

input[type="range"]::-moz-range-track {
  background-color: red; 
  height: 8px;
  border-radius: 5px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #e74c3c;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-top: -4px; 
}
input[type="range"]::-moz-range-thumb {
  background-color: #e74c3c;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: none;
} */


/* CSS to change the progress (filled part) color */
input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, orange 0%, orange var(--value), #ddd var(--value), #ddd 100%);
}

input[type="range"]:active::-webkit-slider-runnable-track {
  background: linear-gradient(to right, orange 0%, orange var(--value), #ddd var(--value), #ddd 100%);
}