/* @import 'datatables.net-dt';  */

/* @import 'datatables.net-dt'; */
/* @import "~boostrap/scss/boostrap"; */
/* @import "~"; */
.navbar-header .btn:hover{
  background: none !important;
}

:root, [data-bs-theme=light] {
    --vz-blue: #8377D1;
    --vz-indigo: #4392F1;
    --vz-purple: #7084c7;
    --vz-pink: #f15bb5;
    --vz-red: #dc3545;
    --vz-orange: #FB8500;
    --vz-yellow: #F7B32B;
    --vz-green: #a7c957;
    --vz-teal: #13C4A3;
    --vz-cyan: #8ecae6;
    --vz-white: #fff;
    --vz-gray: #878a99;
    --vz-gray-dark: #343a40;
    --vz-gray-100: #D6D6D6;
    --vz-gray-200: #eff2f7;
    --vz-gray-300: #e9ebec;
    --vz-gray-400: #B8B8B8;
    --vz-gray-500: #adb5bd;
    --vz-gray-600: #878a99;
    --vz-gray-700: #495057;
    --vz-gray-800: #343a40;
    --vz-gray-900: #212529;
    --vz-primary: #dc3545;
    --vz-secondary: #4392F1;
    --vz-success: #13C4A3;
    --vz-info: #8377D1;
    --vz-warning: #F7B32B;
    --vz-danger: #2B303A;
    --vz-light: #f3f6f9;
    --vz-dark: #212529;
    --vz-primary-rgb: 220, 53, 69;  
    --vz-secondary-rgb: 65, 144, 241; 
    --vz-success-rgb: 19, 196, 163;
    --vz-info-rgb: 131, 119, 209;
    --vz-warning-rgb: 247, 179, 43;
    --vz-danger-rgb: 17, 19, 23;
    --vz-light-rgb: 243,246,249;
    --vz-dark-rgb: 33, 37, 41;
    --vz-primary-text-emphasis: #BF2231;
    --vz-secondary-text-emphasis: #1067D1;
    --vz-success-text-emphasis: #12BA9B;
    --vz-info-text-emphasis: #4E3EB6;
    --vz-warning-text-emphasis: #ECA009;
    --vz-danger-text-emphasis: #111317;
    --vz-light-text-emphasis: #B8B8B8;
    --vz-dark-text-emphasis: #343a40;
    --vz-primary-bg-subtle: #FCEEEF;
    --vz-secondary-bg-subtle: #eaedf7;
    --vz-success-bg-subtle: #ECFDFA;
    --vz-info-bg-subtle: #F1F0FA;
    --vz-warning-bg-subtle: #FEF8EB;
    --vz-danger-bg-subtle: #F3F4F6;
    --vz-light-bg-subtle: #f9fbfc;
    --vz-dark-bg-subtle: #e9ebec;
    --vz-primary-border-subtle: #bfdaea;
    --vz-secondary-border-subtle: #c6cee9;
    --vz-success-border-subtle: #c3f0cb;
    --vz-info-border-subtle: #D6D1EF;
    --vz-warning-border-subtle: #fce3b7;
    --vz-danger-border-subtle: #fdd0c4;
    --vz-light-border-subtle: #eff2f7;
    --vz-dark-border-subtle: #adb5bd;
    --vz-white-rgb: 255, 255, 255;
    --vz-black-rgb: 0, 0, 0;
    --vz-font-sans-serif: "Mulish", sans-serif;
    --vz-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --vz-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --vz-body-font-family: var(--vz-font-sans-serif);
    --vz-body-font-size: 0.875rem;
    --vz-body-font-weight: 400;
    --vz-body-line-height: 1.5;
    --vz-body-color: #212529;
    --vz-body-color-rgb: 33, 37, 41;
    --vz-body-bg: #f1f1f1;
    --vz-body-bg-rgb: 241, 241, 241;
    --vz-emphasis-color: #212529;
    --vz-emphasis-color-rgb: 33, 37, 41;
    --vz-secondary-color: #878a99;
    --vz-secondary-color-rgb: 135, 138, 153;
    --vz-secondary-bg: #fff;
    --vz-secondary-bg-rgb: 255, 255, 255;
    --vz-tertiary-color: rgba(33, 37, 41, 0.5);
    --vz-tertiary-color-rgb: 33, 37, 41;
    --vz-tertiary-bg: #eff2f7;
    --vz-tertiary-bg-rgb: 239, 242, 247;
    --vz-heading-color: #495057;
    --vz-link-color: #5ea3cb;
    --vz-link-color-rgb: 94, 163, 203;
    --vz-link-decoration: none;
    --vz-link-hover-color: #5ea3cb;
    --vz-link-hover-color-rgb: 94, 163, 203;
    --vz-code-color: #f672a7;
    --vz-highlight-color: #212529;
    --vz-highlight-bg: #fcf8e3;
    --vz-border-width: 1px;
    --vz-border-style: solid;
    --vz-border-color: #e9ebec;
    --vz-border-color-translucent: #B8B8B8;
    --vz-border-radius: 0.25rem;
    --vz-border-radius-sm: 0.2rem;
    --vz-border-radius-lg: 0.3rem;
    --vz-border-radius-xl: 1rem;
    --vz-border-radius-xxl: 2rem;
    --vz-border-radius-2xl: var(--vz-border-radius-xxl);
    --vz-border-radius-pill: 50rem;
    --vz-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --vz-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --vz-box-shadow-lg: 0 5px 10px rgba(30, 32, 37, 0.12);
    --vz-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --vz-focus-ring-width: 0.25rem;
    --vz-focus-ring-opacity: 0.25;
    --vz-focus-ring-color: rgba(var(--vz-primary-rgb), 0.25);
    --vz-form-valid-color: #6ada7d;
    --vz-form-valid-border-color: #6ada7d;
    --vz-form-invalid-color: #fa896b;
    --vz-form-invalid-border-color: #fa896b;


    --vz-btn-color: #fff;
    --vz-btn-bg: #5ea3cb;
    --vz-btn-border-color: #5ea3cb;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #BF2231;
    --vz-btn-hover-border-color: #4b82a2;
    --vz-btn-focus-shadow-rgb: 118, 177, 211;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #BF2231; /*#4b82a2;*/
    --vz-btn-active-border-color: #477a98;
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #5ea3cb;
    --vz-btn-disabled-border-color: #5ea3cb;


  }
/*
  :root[data-sidebar=dark]{
    --vz-twocolumn-menu-iconview:#4392F1 !important;

  } */

  :root[data-sidebar=dark] {
    --vz-vertical-menu-bg: #dc3545;
    --vz-vertical-menu-border: none;
    --vz-vertical-menu-item-color: white;
    --vz-vertical-menu-item-bg: rgba(255, 255, 255, 0.15);
    --vz-vertical-menu-item-hover-color: #fff;
    --vz-vertical-menu-item-active-color: #fff;
    --vz-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15);
    --vz-vertical-menu-sub-item-color: white;
    --vz-vertical-menu-sub-item-hover-color: white;
    --vz-vertical-menu-sub-item-active-color: white;
    --vz-vertical-menu-title-color: #a4b0bf;
    --vz-twocolumn-menu-iconview-bg: #292d2b;
    --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
  }

  .pagination {
    --vz-pagination-padding-x: 0.75rem;
    --vz-pagination-padding-y: 0.375rem;
    --vz-pagination-font-size: 0.875rem;
    --vz-pagination-color: var(--vz-primary);
    --vz-pagination-bg: var(--vz-secondary-bg);
    --vz-pagination-border-width: var(--vz-border-width);
    --vz-pagination-border-color: var(--vz-border-color);
    --vz-pagination-border-radius: var(--vz-border-radius);
    --vz-pagination-hover-color: var(--vz-link-hover-color);
    --vz-pagination-hover-bg: var(--vz-tertiary-bg);
    --vz-pagination-hover-border-color: var(--vz-border-color);
    --vz-pagination-focus-color: var(--vz-link-hover-color);
    --vz-pagination-focus-bg: var(--vz-tertiary-bg);
    --vz-pagination-focus-box-shadow: 0 0 1 0.25rem rgba(var(--vz-primary-rgb), 0.25);
    --vz-pagination-active-color: #fff;
    --vz-pagination-active-bg: var(--vz-primary);
    --vz-pagination-active-border-color: var(--vz-primary);
    --vz-pagination-disabled-color: var(--vz-secondary-color);
    --vz-pagination-disabled-bg: var(--vz-secondary-bg);
    --vz-pagination-disabled-border-color: var(--vz-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
  }

  .navbar-menu .navbar-nav .nav-link:hover{
    background: #c02e3c !important;
  }

  .navbar-menu .navbar-nav .nav-link {
    font-family: 'Mulish', sans-serif;
  }

  .mulish{
    font-family: 'Mulish', sans-serif;
  }



  th{
    font-family: 'Mulish', sans-serif;
    font-weight: 800;
  }

  .badge-label:before{
    border: 9px solid transparent;
    left: -16px;
  }

  .badge-label.bg-primary:before {
    border-right-color: var(--vz-primary);
  }
  
  .badge-label.bg-secondary:before {
    border-right-color: var(--vz-secondary);
  }
  
  .badge-label.bg-success:before {
    border-right-color: var(--vz-success);
  }
  
  .badge-label.bg-info:before {
    border-right-color: var(--vz-info);
  }
  
  .badge-label.bg-warning:before {
    border-left-color: var(--vz-warning);
  }
  
  .badge-label.bg-danger:before {
    border-right-color:  var(--vz-danger);
  }
  
  .badge-label.bg-light:before {
    border-right-color: var(--vz-light);
  }
  
  .badge-label.bg-dark:before {
    border-right-color: var(--vz-dark);
  }
  

  /* .far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
} */