/*
Template Name: Hybrix - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File

*/
.text-severity-critical {
  --tb-text-opacity: 1;
  color: rgba(var(--tb-secondary-rgb), var(--tb-text-opacity)) !important;
}

.text-severity-high {
  --tb-text-opacity: 1;
  color: rgba(var(--tb-danger-rgb), var(--tb-text-opacity)) !important;
}

.text-severity-medium {
  --tb-text-opacity: 1;
  color: rgba(var(--tb-warning-rgb), var(--tb-text-opacity)) !important;
}

.text-severity-low {
  --tb-text-opacity: 1;
  color: rgba(var(--tb-info-rgb), var(--tb-text-opacity)) !important;
}

.text-severity-na {
  --tb-text-opacity: 1;
  color: rgba(var(--tb-black-rgb), var(--tb-text-opacity)) !important;
}

.btn-severity-critical {
  --tb-btn-color: #fff;
  --tb-btn-bg: #8561f9;
  --tb-btn-border-color: #8561f9;
  --tb-btn-hover-color: #fff;
  --tb-btn-hover-bg: #7152d4;
  --tb-btn-hover-border-color: #6a4ec7;
  --tb-btn-focus-shadow-rgb: 151, 121, 250;
  --tb-btn-active-color: #fff;
  --tb-btn-active-bg: #6a4ec7;
  --tb-btn-active-border-color: #6449bb;
  --tb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tb-btn-disabled-color: #fff;
  --tb-btn-disabled-bg: #8561f9;
  --tb-btn-disabled-border-color: #8561f9;
}

.btn-severity-high {
  --tb-btn-color: #fff;
  --tb-btn-bg: #ff6c6c;
  --tb-btn-border-color: #ff6c6c;
  --tb-btn-hover-color: #fff;
  --tb-btn-hover-bg: #d95c5c;
  --tb-btn-hover-border-color: #cc5656;
  --tb-btn-focus-shadow-rgb: 255, 130, 130;
  --tb-btn-active-color: #fff;
  --tb-btn-active-bg: #cc5656;
  --tb-btn-active-border-color: #bf5151;
  --tb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tb-btn-disabled-color: #fff;
  --tb-btn-disabled-bg: #ff6c6c;
  --tb-btn-disabled-border-color: #ff6c6c;
}

.btn-severity-medium {
  --tb-btn-color: #fff;
  --tb-btn-bg: #f6b749;
  --tb-btn-border-color: #f6b749;
  --tb-btn-hover-color: #fff;
  --tb-btn-hover-bg: #d19c3e;
  --tb-btn-hover-border-color: #c5923a;
  --tb-btn-focus-shadow-rgb: 247, 194, 100;
  --tb-btn-active-color: #fff;
  --tb-btn-active-bg: #c5923a;
  --tb-btn-active-border-color: #b98937;
  --tb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tb-btn-disabled-color: #fff;
  --tb-btn-disabled-bg: #f6b749;
  --tb-btn-disabled-border-color: #f6b749;
}

.btn-severity-low {
  --tb-btn-color: #fff;
  --tb-btn-bg: #4ab0c1;
  --tb-btn-border-color: #4ab0c1;
  --tb-btn-hover-color: #fff;
  --tb-btn-hover-bg: #3f96a4;
  --tb-btn-hover-border-color: #3b8d9a;
  --tb-btn-focus-shadow-rgb: 101, 188, 202;
  --tb-btn-active-color: #fff;
  --tb-btn-active-bg: #3b8d9a;
  --tb-btn-active-border-color: #388491;
  --tb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tb-btn-disabled-color: #fff;
  --tb-btn-disabled-bg: #4ab0c1;
  --tb-btn-disabled-border-color: #4ab0c1;
}

.bg-critical-subtle {
  background-color: var(--tb-secondary-bg-subtle) !important;
}

.bg-high-subtle {
  background-color: var(--tb-danger-bg-subtle) !important;
}

.bg-medium-subtle {
  background-color: var(--tb-warning-bg-subtle) !important;
}

.bg-low-subtle {
  background-color: var(--tb-info-bg-subtle) !important;
}

.bg-na-subtle {
  background-color: var(--tb-light-bg-subtle) !important;
}

.bg-none-subtle {
  background-color: var(--tb-light-bg-subtle) !important;
}

.text-critical {
  --tb-text-opacity: 1;
  color: rgba(var(--tb-secondary-rgb), var(--tb-text-opacity)) !important;
}

.text-high {
  --tb-text-opacity: 1;
  color: rgba(var(--tb-danger-rgb), var(--tb-text-opacity)) !important;
}

.text-medium {
  --tb-text-opacity: 1;
  color: rgba(var(--tb-warning-rgb), var(--tb-text-opacity)) !important;
}

.text-low {
  --tb-text-opacity: 1;
  color: rgba(var(--tb-info-rgb), var(--tb-text-opacity)) !important;
}

.text-na {
  --tb-text-opacity: 1;
  color: rgba(var(--tb-black-rgb), var(--tb-text-opacity)) !important;
}

/* Custom column size for 'col-1andhalf' */
.col-1andhalf {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 13%; /* Approximately 1.5/12 = 12.5% of the container's width */
}

.col-10andhalf {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 87%; /* Approximately 10.5/12 = 87.5% of the container's width */
}

/* Ensure the custom column is responsive */
@media (max-width: 576px) {
  .col-1andhalf {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .col-10andhalf {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .col-1andhalf {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .col-10andhalf {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .col-1andhalf {
    -ms-flex-preferred-size: 13%;
        flex-basis: 13%;
    max-width: 13%;
  }
  .col-10andhalf {
    -ms-flex-preferred-size: 87%;
        flex-basis: 87%;
    max-width: 87%;
  }
}