:root {
  /* og sec col: #4eb5e7; */
  --c-orange: var(--bs-orange);
  --c-light-green: rgb(140, 198, 62);
}
ol {margin-bottom: 1rem !important;}
.card-browser-states .browser-states {
  margin-top: 0;
}
.c-max-width-16 {
  max-width: 16%;
}
.c-max-width-30 {
  max-width: 30%;
}
.c-score-low {
  color: var(--bs-danger);
}
.c-score-average {
  color: var(--bs-warning);
}
.c-score-good {
  color: var(--c-light-green);
}
.c-score-best {
  color: var(--bs-success);
}
.c-score-low-bg {
  background-color: rgba(var(--bs-danger-rgb), 0.3);
}
.c-score-average-bg {
  background-color: rgba(var(--bs-warning-rgb), 0.3);
}
.c-score-good-bg {
  background-color: rgba(140, 198, 62, 0.3);
}
.c-score-best-bg {
  background-color: rgba(var(--bs-success-rgb), 0.3);
}
.c-border-colour-score-low {
  border-color: red;
}
.c-border-colour-score-average {
  border-color: #e0d20b;
}
.c-border-colour-score-good {
  border-color: var(--c-light-green);
}
.c-border-colour-score-best {
  border-color: green;
}
.c-score-bar {
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(red),
    color-stop(50%, red),
    color-stop(50%, #e0d20b),
    color-stop(70%, #e0d20b),
    color-stop(70%, var(--c-light-green)),
    color-stop(90%, var(--c-light-green)),
    color-stop(90%, green),
    to(green)
  );
  background: linear-gradient(
    to right,
    red 0%,
    red 50%,
    #e0d20b 50%,
    #e0d20b 70%,
    var(--c-light-green) 70%,
    var(--c-light-green) 90%,
    green 90%,
    green
  );
}

.c-bg-label-good {
  background-color: rgba(140, 198, 62, 0.2) !important;
  color: var(--c-light-green) !important;
}
.c-bg-label-low {
  background-color: rgba(255, 0, 0, 0.2) !important;
  color: red !important;
}
.c-bg-label-average {
  background-color: rgba(224, 210, 11, 0.2) !important;
  color: #e0d20b !important;
}
.c-bg-label-success {
  background-color: rgba(0, 128, 0, 0.2) !important;
  color: green !important;
}
.c-left-minus-100 {
  left: -100px !important;
}
.c-object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.c-object-fit-contain {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.c-object-position-left {
  -o-object-position: left;
  object-position: left;
}
.table-hover tbody tr {
  cursor: unset;
}
.c-heading-text-color {
  color: var(--bs-c-colour-title);
  font-weight: bold;
}
.c-text-yellow {
  color: var(--bs-warning);
}
.c-bg-yellow {
  background-color: var(--bs-warning);
}
.c-border-yellow {
  border-color: var(--bs-warning) !important;
}
.c-score-lg {
  border-radius: 50%;
  width: 96px;
  height: 96px;
  font-size: 60px;
}
.c-fs-48px {
  font-size: 48px;
}
.c-left-0 {
  left: 0px;
}
.c-right-0 {
  right: 0px;
}
/* html report */
.text-c-colour-subtitle {
  color: var(--bs-c-colour-subtitle);
}
.c-text-light-blue {
  color: var(--bs-c-colour-title);
}
.c-fs-128px {
  font-size: 128px;
}
.c-w-250 {
  width: 250px !important;
}
.c-w-150 {
  width: 150px !important;
}
.c-graph-label {
  height: 24px;
  width: 60px;
}
.c-border-bottom {
  border: 1px solid #073550;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.c-graph-bg {
  background-color: #e1f0fa !important;
}
.c-width-20 {
  width: 20%;
}
.c-width-24 {
  width: 24%;
}
.c-bg-danger {
  --bs-table-accent-bg: red !important;
}
.c-html-report-detail {
  border: 3px solid var(--bs-c-colour-title);
  border-left: 0;
  border-right: 0;
  margin-bottom: 15px;
  margin-top: 15px;
}
.c-w-48px {
  width: 48px;
}
.c-min-w-100 {
  min-width: 100%;
}
.c-circular-chart {
  display: block;
  margin: 4px auto;
  max-width: 60%;
  max-height: 80px;
}
.c-circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}
.c-circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  -webkit-animation: progress 1s ease-out forwards;
  animation: progress 1s ease-out forwards;
}
/* stroke color */
.c-stroke-title .c-circle {
  stroke: var(--bs-c-colour-title);
}
.c-stroke-light-green .c-circle {
  stroke: var(--c-light-green);
}
.c-stroke-secondary .c-circle {
  stroke: var(--bs-secondary);
}
.c-stroke-orange .c-circle {
  stroke: var(--c-orange);
}
.c-stroke-red .c-circle {
  stroke: var(--bs-danger);
}
.c-stroke-blue .c-circle {
  stroke: var(--bs-c-colour-title);
}
@-webkit-keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.c-percentage {
  fill: #666;
  font-size: 16px;
  text-anchor: middle;
}
/* overwrite bootstrapclass */
.table > :not(caption) > * > * {
  padding: 0.72rem 0.72rem;
}
.dropdown-toggle::after {
  display: none;
}
.dropdown-toggle {
  padding-left: 0;
  padding-right: 0;
}
.c-score-pie {
  border-radius: 100%;
  border-width: 5px;
  border-style: solid;
}
.c-disabled {
  pointer-events: none;
}
.c-disabled.c-read-only {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
  opacity: 0.5 !important;
}
.ns-resize {
  cursor: ns-resize !important;
}
.c-sidebar {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable !important;
}
@media print {
  .c-page-break-before-always {
    page-break-before: always !important;
    display: block;
  }
  .c-page-break-after-always {
    page-break-after: always !important;
    display: block;
  }
  .c-page-break-after-avoid {
    page-break-after: avoid;
  }
  .c-break-inside-avoid {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
  .c-break-inside-avoid-all,
  .c-break-inside-avoid-all > * {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
}
.c-input-colour {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: auto;
  padding: 0;
  width: 5em;
}
.c-input-colour input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
.c-input-colour input[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: 0;
}
.c-input-colour input[type="color"]::-moz-color-swatch,
.c-input-colour input[type="color"]::-moz-focus-inner {
  border: 0;
}
.c-input-colour input[type="color"]::-moz-focus-inner {
  padding: 0;
}
ul > li > a {
  text-decoration: none !important;
}
.bg-menu-theme .menu-sub > .menu-item > .menu-link::before {
  display: none !important;
}
.menu-vertical .menu-sub .menu-link {
  padding-left: 1.35rem !important;
}
.c-h-100vh {
  height: 100vh;
}
.c-dot {
  min-height: 12px;
  min-width: 12px;
  border-radius: 50%;
  display: inline-block;
}
.c-verticle {
  border-left: 1px solid;
  height: 48px;
}
.c-cursor-pointer{
  cursor: pointer;
}
.c-checkbox-lg{width:1.5rem;height:1.5rem;}
.c-h-56px{height:56px !important;}
.c-line-height-inherit{line-height: inherit !important;}