*::-webkit-scrollbar-track {
  background-color: #fff;
}
*::-webkit-scrollbar {
  width: 16px;
}
*::-webkit-scrollbar-thumb {
  border: 6px solid #fff;
  border-radius: 8px;
  background-color: #c5abd1;
}


abbr {
  text-decoration: none !important;
  position: relative; 
}
/* 
abbr[title]:hover::after,
abbr[title]:focus::after {
  content: attr(title);
  position: absolute;
  left: 0;
  bottom: -30px;
  width: auto;
  white-space: nowrap;
  background-color: #1e1e1e;
  color: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
  font-size: 14px;
  padding: 3px 5px;
  z-index: 10000;
}
*/




.checkerboard::before {
  content: ' '; 
  opacity: 0.15;
  position: absolute; 
  inset: 0;
  --checkerSize: 10px;
  --checkerColor: gainsboro;
  --checkerAltColor: white;

  background-image:
    linear-gradient(45deg, var(--checkerColor, magenta) 25%, transparent 25%), 
    linear-gradient(135deg, var(--checkerColor, orange) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--checkerColor, dodgerblue) 75%),
    linear-gradient(135deg, transparent 75%, var(--checkerColor, darkorchid) 75%);
  background-color: var(--checkerAltColor);
  
  background-size: 
    calc(2 * var(--checkerSize)) 
    calc(2 * var(--checkerSize));
  
  background-position: 
    0 0, 
    var(--checkerSize) 0, 
    var(--checkerSize) calc(-1 * var(--checkerSize)), 
    0px var(--checkerSize);
}


::-webkit-calendar-picker-indicator {
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23592373" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}



.range-input {
  position: relative;
}

.range-input input {
  position: absolute; 
  background: none; 
  pointer-events: none;
  -webkit-appearance: none;
  transition: none;
}

.range-input input[type="range"]::-webkit-slider-thumb {
  height: 11px; 
  width: 11px; 
  border-radius: 50%;
  pointer-events: auto;
  -webkit-appearance: none; 
  background: #9168A6; 
  transition: none;
}
.range-input input[type="range"]::-moz-range-thumb {
  height: 11px; 
  width: 11px; 
  border: none; 
  border-radius: 50%;
  pointer-events: auto;
  -moz-appearance: none; 
  background: #9168A6; 
  transition: none;
}



/* For Webkit-based browsers (Chrome, Safari and Opera) */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* For IE, Edge and Firefox */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.outline-customs * {
  border-radius: 0 !important;
}




.chartjs-tooltip:after, #chartjs-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
}

/* Top center */
.chartjs-tooltip.top.center:after, #chartjs-tooltip.top.center:after {
  border-bottom-color: rgba(20, 20, 20, 0.664);
  top: -12px;
  left: 0;
  right: 0;
}
/* Top left */
.chartjs-tooltip.top.left:after, #chartjs-tooltip.top.left:after {
  border-bottom-color: rgba(20, 20, 20, 0.664);
  left: 5px;
  top: -12px;
}
/* Top right */
.chartjs-tooltip.top.right:after, #chartjs-tooltip.top.right:after {
  border-bottom-color: rgba(20, 20, 20, 0.664);
  right: 5px;
  top: -12px;
}

/* Bottom center */
.chartjs-tooltip.bottom.center:after, #chartjs-tooltip.bottom.center:after {
  border-top-color: rgba(20, 20, 20, 0.664);
  bottom: -12px;
  right: 0;
  left: 0;
}
/* Bottom left */
.chartjs-tooltip.bottom.left:after, #chartjs-tooltip.bottom.left:after {
  border-top-color: rgba(20, 20, 20, 0.664);
  bottom: -12px;
}
/* Bottom right */
.chartjs-tooltip.bottom.right:after, #chartjs-tooltip.bottom.right:after {
  border-top-color: rgba(20, 20, 20, 0.664);
  bottom: -12px;
  right: 5px;
}

/* Center left */
.chartjs-tooltip.center.left:after, #chartjs-tooltip.center.left:after {
  border-right-color: rgba(20, 20, 20, 0.664);
  margin: auto;
  left: -12px;
  bottom: 0;
  top: 0;
}
/* Center right */
.chartjs-tooltip.center.right:after, #chartjs-tooltip.center.right:after {
  border-left-color: rgba(20, 20, 20, 0.664);
  margin: auto;
  right: -12px;
  bottom: 0;
  top: 0;
}


.chartjs-tooltip-2 table:after, #chartjs-tooltip-2 table:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
}

/* Top center */
.chartjs-tooltip-2.top.center table:after, #chartjs-tooltip-2.top.center table:after {
  border-bottom-color: rgba(20, 20, 20, 0.664);
  top: -12px;
  left: 0;
  right: 0;
}
/* Top left */
.chartjs-tooltip-2.top.left table:after, #chartjs-tooltip-2.top.left table:after {
  border-bottom-color: rgba(20, 20, 20, 0.664);
  left: 5px;
  top: -12px;
}
/* Top right */
.chartjs-tooltip-2.top.right table:after, #chartjs-tooltip-2.top.right table:after {
  border-bottom-color: rgba(20, 20, 20, 0.664);
  right: 5px;
  top: -12px;
}

/* Bottom center */
.chartjs-tooltip-2.bottom.center table:after, #chartjs-tooltip-2.bottom.center table:after {
  border-top-color: rgba(20, 20, 20, 0.664);
  bottom: -12px;
  right: 0;
  left: 0;
}
/* Bottom left */
.chartjs-tooltip-2.bottom.left table:after, #chartjs-tooltip-2.bottom.left table:after {
  border-top-color: rgba(20, 20, 20, 0.664);
  bottom: -12px;
}
/* Bottom right */
.chartjs-tooltip-2.bottom.right table:after, #chartjs-tooltip-2.bottom.right table:after {
  border-top-color: rgba(20, 20, 20, 0.664);
  bottom: -12px;
  right: 5px;
}

/* Center left */
.chartjs-tooltip-2.center.left table:after, #chartjs-tooltip-2.center.left table:after {
  border-right-color: rgba(20, 20, 20, 0.664);
  margin: auto;
  left: -12px;
  bottom: 0;
  top: 0;
}
/* Center right */
.chartjs-tooltip-2.center.right table:after, #chartjs-tooltip-2.center.right table:after {
  border-left-color: rgba(20, 20, 20, 0.664);
  margin: auto;
  right: -12px;
  bottom: 0;
  top: 0;
}

/* 
abbr:hover::after {
  position: absolute;
  bottom: 100%;
  left: 100%;
  display: block;
  padding: 1em;
  background: yellow;
  content: attr(title);
} */




.expired-outline {
  outline-color: #ff002b67;
}