/* [project]/src/styles/globals.css [client] (css) */
:root {
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --font-inter-number: "inter", sans-serif;
  --fs-xxs: .5rem;
  --fs-xxss: .625rem;
  --fs-xs: .75rem;
  --fs-xs13: .8125rem;
  --fs-sm: .875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 2rem;
  --clr-primary: #be0b23;
  --clr-primary-second: #ff5063;
  --clr-btn-close: #de0000;
  --clr-btn-hover: #9ca3af;
  --radio-btn-clr: #2245f2;
  --linkclr: #7573e5;
  --clr-secondary: #183257;
  --admin-secondary-clr: #05133d;
  --clr-white: #fff;
  --clr-body: #121212;
  --clr-gray-50: #f9fafb;
  --clr-gray-100: #f3f4f6;
  --clr-gray-200: #e5e7eb;
  --clr-gray-300: #d1d5db;
  --clr-gray-400: #9ca3af;
  --clr-gray-500: #6b7280;
  --clr-gray-600: #4b5563;
  --clr-gray-700: #374151;
  --clr-gray-800: #1f2937;
  --clr-gray-900: #111827;
  --text-body: #121212;
  --text-muted: #454b4d;
  --text-invert: #fff;
  --input-border-clr: #b8becc;
  --table-border-clr: #cfd6e5;
  --clr-success: #10b981;
  --clr-warning: #f59e0b;
  --clr-danger: #ef4444;
  --clr-info: #3b82f6;
  --clr-textfm: #494a13;
  --ag-table-header: #f0f2f7;
  --space-0: 0;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-34: .9rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --sidebar-width: 280px;
  --sidebar-collapsed-width: 80px;
  --navbar-height: 70px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Inter, sans-serif !important;
}

html, body {
  max-width: 100vw;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

.login-container {
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.image-section {
  flex: 1;
  align-items: center;
  min-width: 300px;
  display: flex;
  position: relative;
}

.background-image {
  padding: 1rem;
}

.form-section {
  background-color: var(--clr-white);
  padding: var(--space-5);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-wrapper {
  width: 100%;
  max-width: 400px;
}

.form-title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-medium);
  color: var(--clr-textfm);
  text-align: center;
  margin-bottom: .5rem;
}

.form-subtitle {
  color: var(--text-muted);
  text-align: center;
  margin: auto auto var(--space-5);
  font-size: var(--fs-sm);
  font-weight: var(--fw-normal);
  width: 85%;
}

.login-form {
  flex-direction: column;
  gap: .85rem;
  display: flex;
}

.input-group {
  flex-direction: column;
  display: flex;
}

.input-group label {
  font-weight: var(--fw-medium);
  color: #333;
  font-size: var(--fs-sm);
  margin-bottom: .25rem;
}

.input-group input {
  border-radius: var(--radius-md);
  font-size: var(--fs-sm);
  font-weight: var(--fw-normal);
  color: var(--text-body);
  background: var(--clr-white);
  border: 1px solid #ddd;
  outline: none;
  padding: .625rem 1rem;
  transition: border .3s, box-shadow .3s;
}

.input-group input:focus {
  border-color: var(--clr-btn-hover);
  box-shadow: 0 0 0 3px #4f46e51a;
}

.input-group input::placeholder {
  font-size: var(--fs-sm);
  font-weight: var(--fw-normal);
  color: var(--text-muted);
}

.submit-btn {
  background: linear-gradient(270.07deg, var(--clr-primary) 0%, var(--clr-primary-second) 100%);
  color: var(--clr-white);
  padding: var(--space-3);
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  border-radius: var(--radius-md);
  cursor: pointer;
  margin-top: var(--space-5);
  border: none;
  transition: background-color .3s;
}

.submit-btn:hover {
  background-color: var(--clr-btn-hover);
}

.form-footer {
  text-align: center;
  margin-top: 1rem;
}

.login-header {
  background: var(--clr-white);
  width: 100%;
  position: fixed;
  top: 0;
}

.login-header-inner {
  width: 1228px;
  margin: 0 auto;
  padding: 1rem 0;
}

.input-group.pass {
  position: relative;
}

.input-group.pass span {
  position: absolute;
  top: 52%;
  right: 7px;
}

.input-group.pass span svg {
  color: #959595;
}

.admin-wrapper {
  background: #f8fafc;
  min-height: 100vh;
  font-family: Poppins, sans-serif;
  display: flex;
  position: relative;
}

.sidebar {
  background: var(--clr-white);
  color: #555;
  width: 65px;
  height: calc(100vh - 50px);
  transition: width .4s cubic-bezier(.2, .8, .2, 1);
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.sidebar.expanded {
  width: 220px;
}

.logo-area {
  background: #020617;
  border-bottom: 1px solid #1e293b;
  justify-content: center;
  align-items: center;
  height: 70px;
  display: flex;
}

.logo {
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
  font-size: 28px;
  font-weight: 800;
  display: flex;
}

.nav-menu > ul {
  margin: 0;
  padding: 1.2rem 0 0;
  list-style: none;
}

.nav-menu li {
  background-color: #f0f2f5;
  border-radius: 4px;
  margin: 6px 12px;
  transition: background .3s;
}

.nav-menu li.active {
  color: #fff;
  background: #0070f2;
}

.nav-menu li:hover .menu-item, .nav-menu li.active .menu-item {
  background: #f0f2f5;
  border-radius: 4px;
}

nav.nav-menu {
  scrollbar-width: thin;
  height: calc(100vh - 135px);
  overflow: auto;
}

.log_out {
  cursor: pointer;
  gap: 16px;
  margin-top: auto;
  padding: 10px 24px;
  display: flex;
}

.log_out > svg {
  font-size: 22px;
}

.log_out > span {
  font-size: .875rem;
}

.menu-item {
  cursor: pointer;
  align-items: center;
  gap: 14px;
  padding: 5px 9px;
  display: flex;
  position: relative;
}

.menu-item .icon {
  flex-shrink: 0;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
}

.menu-item .icon svg {
  color: #555;
  width: 18px;
}

.menu-item.active .icon svg {
  color: #fff;
}

.nav-menu li .icon svg path {
  stroke: #555;
}

.sidebar li .menu-item.active .icon svg path {
  stroke: #fff;
}

.menu-item .label {
  white-space: nowrap;
  opacity: 0;
  font-size: var(--fs-xs13);
  font-weight: var(--fw-normal);
  color: #555;
  transition: opacity .3s;
}

.sidebar.expanded .menu-item .label {
  opacity: 1;
}

.arrow {
  font-size: 18px;
  transition: transform .3s;
  position: absolute;
  right: 16px;
}

.arrow.down {
  color: #555;
  transform: rotate(90deg);
}

.sidebar li .menu-item.active .arrow {
  color: #fff;
}

.submenu-wrapper {
  overflow: hidden;
}

.submenu-vertical {
  border-radius: 10px;
  margin: 8px 16px;
  padding: 0;
  list-style: none;
}

.submenu-vertical li {
  color: #555;
  cursor: pointer;
  border-radius: 4px;
  margin: 4px 12px;
  padding: 6px 10px 6px 40px;
  font-size: 13px;
  transition: all .2s;
  position: relative;
}

.submenu-vertical li:hover {
  background: #f0f2f5;
}

.submenu-vertical li.active {
  color: #fff;
  background: #0070f2;
  font-weight: 500;
}

.submenu-vertical li span:first-child {
  color: #3b82f6;
  font-weight: bold;
  position: absolute;
  left: 24px;
}

.sidebar li .menu-item.active {
  background: #0070f2;
  border-radius: 4px;
}

.sidebar li .menu-item.active .label {
  color: var(--clr-white);
}

.admin-header {
  z-index: 998;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 0 1rem;
  transition: left .4s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.sidebar.expanded ~ .main-content .admin-header {
  left: 280px;
}

.header-left {
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.toggle-btn {
  color: #fff;
  cursor: pointer;
  background: #1e293b;
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: all .3s;
  display: flex;
}

.toggle-btn:hover {
  background: #334155;
  transform: scale(1.05);
}

.page-title h1 {
  color: #1e293b;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
}

.breadcrumb {
  color: #64748b;
  margin-top: 4px;
  font-size: .9rem;
}

.header-right {
  position: relative;
}

.user-menu {
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  gap: 40px;
  padding: 8px 12px;
  transition: background .2s;
  display: flex;
}

.user-info {
  text-align: right;
  line-height: 1.3;
}

.user-name {
  color: #1e293b;
  font-size: .95rem;
  font-weight: 600;
}

.user-role {
  color: #64748b;
  font-size: .8rem;
}

.user-avatar {
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.user-dropdown {
  z-index: 1000;
  background: #fff;
  border-radius: 12px;
  width: 260px;
  margin-top: 10px;
  position: absolute;
  top: 100%;
  right: 0;
  overflow: hidden;
  box-shadow: 0 10px 40px #00000026;
}

.dropdown-header {
  background: #f8fafc;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.avatar-large {
  color: #fff;
  background: #3b82f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.dropdown-header .name {
  color: #1e293b;
  font-weight: 600;
}

.dropdown-header .email {
  color: #64748b;
  font-size: .85rem;
}

.dropdown-items {
  padding: 8px 0;
}

.dropdown-item {
  color: #475569;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.dropdown-item:hover {
  color: #1e293b;
  background: #f1f5f9;
}

.dropdown-item.logout {
  color: #ef4444;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
}

.dropdown-item.logout:hover {
  background: #fef2f2;
}

.user-info-notify svg {
  color: #127c37;
  font-size: 20px;
}

.user-info-notify {
  display: flex;
  position: relative;
}

.user-notify-digit {
  background: #dff800;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: -8px;
  right: -6px;
  box-shadow: 0 2px 2px #00000040;
}

.user-info-notify:after {
  content: "";
  background-color: #56b2c2;
  width: 1px;
  height: 30px;
  position: absolute;
  top: -5px;
  right: -24px;
}

.main-content {
  background: var(--clr-white);
  border-left: 1px solid #ccc;
  flex: 1;
  width: calc(100% - 65px);
  height: calc(100vh - 50px);
  margin-left: 65px;
  transition: margin-left .4s cubic-bezier(.2, .8, .2, 1);
  position: relative;
  top: 50px;
  left: 0;
}

.sidebar.expanded ~ .main-content {
  margin-left: 220px;
}

main.page-content {
  background: #f6f6f6d9;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.sidebar-toggle-btn {
  z-index: 99;
  background: var(--clr-white);
  cursor: pointer;
  border: 1px solid #bfc8d9;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 78px;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 45%;
  left: -6px;
  box-shadow: 0 4px 15px #0003;
}

.sidebar-toggle-btn:hover {
  background: #e8eaeb;
}

.top-header h1 {
  color: #1e293b;
  font-size: 1.5rem;
}

.user-profile {
  background: #f8fafc;
  border-radius: 50px;
  align-items: center;
  gap: .7rem;
  padding: .5rem 1rem;
  display: flex;
}

.user-profile img {
  border-radius: 50%;
  width: 36px;
  height: 36px;
}

.page-body {
  background: #f8fafc;
  flex: 1;
  padding: .525rem;
  overflow-y: auto;
}

.popup-backdrop {
  z-index: 9998;
  background: #00000080;
  position: fixed;
  inset: 0;
}

.popup-modal {
  background: var(--clr-white);
  z-index: 9999;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 4px;
  flex-direction: column;
  width: 100%;
  max-width: 1000px;
  height: calc(100vh - 40px);
  display: flex;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 10px 30px #0003;
}

.popup-header {
  background: var(--table-head-color);
  border-bottom: 1px solid var(--table-border-clr);
  cursor: grab;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  font-weight: bold;
  display: flex;
}

.popup-header:active {
  cursor: grabbing;
}

.popup-title {
  color: #333;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.popup-close-btn {
  color: #777;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 24px;
  display: flex;
}

.popup-close-btn:hover {
  color: #333;
}

.popup-body {
  color: #444;
  scrollbar-width: thin;
  flex: 1;
  height: calc(100vh - 90px);
  padding: 14px 16px;
  line-height: 1.5;
  overflow-y: auto;
}

.pop_container {
  height: 100%;
}

.form-card {
  scrollbar-width: thin;
  padding: 15px 15px 0;
  overflow-y: auto;
}

.popup-body p {
  margin: 0 0 12px;
}

.popup-body ul {
  margin: 12px 0;
  padding-left: 20px;
}

.popup-body li {
  margin-bottom: 8px;
}

.container {
  background-color: #f9fafb;
  min-height: 100vh;
  padding: 24px;
}

.header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.header-title {
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--text-body);
}

.header-actions {
  gap: 8px;
  display: flex;
}

.btn-save, .btn-close {
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 5px 11px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.btn-save {
  background: linear-gradient(270.07deg, var(--clr-primary) 0%, var(--clr-primary-second) 100%);
  color: var(--clr-white);
  font-size: var(--fs-xs);
  font-weight: var(--fw-normal);
  border: none;
}

.btn-save:hover {
  background-color: var(--clr-btn-hover);
}

.btn-close {
  background-color: var(--clr-white);
  color: var(--text-muted);
  border: 1px solid var(--table-border-clr);
  font-size: var(--fs-xs);
  font-weight: var(--fw-normal);
}

.btn-close:hover {
  background-color: #f3f4f6;
}

.icon {
  width: 16px;
  height: 16px;
}

.tabs {
  gap: 10px;
  margin-bottom: 2px;
  display: flex;
}

.tab {
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--text-muted);
  border: 1px solid var(--clr-primary);
  cursor: pointer;
  background: none;
  border-radius: 40px;
  padding: 6px 20px;
  transition: color .2s;
  position: relative;
}

.sub-tabs {
  border-bottom: 1px solid #cfd6e5;
}

.sub-tabs .tab {
  background-color: #0000;
  border: none;
  border-radius: 0;
  padding: 5px 15px;
}

.tab:hover {
  color: #374151;
}

.tab-active {
  background: var(--clr-btn);
  color: var(--clr-white);
  border-radius: 40px;
}

.sub-tabs .tab.tab-active {
  border-bottom: 2px solid var(--clr-primary);
}

.tab-active:hover {
  color: var(--clr-white);
}

.sub-tabs .tab.tab-active {
  color: var(--clr-primary);
}

.form-card {
  background-color: var(--clr-white);
  border-radius: 6px;
  height: 100%;
  padding: 4px 8px 0 0;
}

.image-card {
  padding: 50px 15px 0 0;
}

.section-title {
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-primary);
  margin-bottom: 8px;
}

.section-title-sm {
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-body);
  margin-bottom: 5px;
}

.address-title {
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-primary);
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
  display: flex;
}

.address-icon {
  color: #0d9488;
  width: 20px;
  height: 20px;
}

.form-grid-4 {
  grid-template-columns: repeat(1, 1fr);
  gap: 12px 16px;
  margin-bottom: 14px;
  display: grid;
}

.slect_row {
  grid-column: span 2;
}

.formgrid_tall {
  grid-auto-rows: 60px;
}

.formgrid_tall .tall {
  grid-row: span 2;
}

.formgrid_tall .tall .address-input-wrapper textarea {
  resize: none;
  width: 100%;
  height: 100px;
}

.select_cont_add {
  align-items: flex-start;
  display: flex;
}

.select_cont_add .form_con_btn {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.form_con_btn button {
  color: var(--linkclr);
  cursor: pointer;
  font-size: 11px;
  font-weight: var(--fw-medium);
  background: none;
  border: none;
  border-radius: 2px;
  margin-left: 5px;
  padding: .1rem .2rem;
}

.select_cont_add .form_con_btn button:hover {
  text-decoration: underline;
}

.single-image-preview {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  position: relative;
}

.single-image-preview img {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 180px;
}

.form-group.form_legal input.form-input {
  width: 60%;
}

.legal-grid {
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 10px;
  margin-top: .5rem;
  display: grid;
}

.doc-upload {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.doc-upload .upload-link {
  cursor: pointer;
  color: var(--text-muted);
  font-size: var(--fs-xs);
  border: 1px solid #a2d3db;
  border-radius: 4px;
  align-items: center;
  padding: 7px 14px;
  display: flex;
}

label.upload-label {
  height: 100%;
  padding: 20px;
  display: block;
}

.file-name {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #f0f7ff;
  border-radius: 4px;
  align-items: center;
  gap: 6px;
  max-width: 200px;
  padding: 4px 8px;
  font-size: 13px;
  display: flex;
  overflow: hidden;
}

.remove-doc {
  color: #fff;
  cursor: pointer;
  background: #dc2626;
  border: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  font-size: 12px;
}

.header_tool_inner {
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  display: flex;
}

.header_tool_inner h2 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-semibold);
  color: var(--clr-body);
}

.btntop_toolhead button {
  background: linear-gradient(270.07deg, var(--clr-primary) 0%, var(--clr-primary-second) 100%);
  color: var(--clr-white);
  font-size: var(--fs-sm);
  font-weight: var(--fw-normal);
  cursor: pointer;
  border: none;
  border-radius: 6px;
  padding: 4px 16px;
}

.btntop_toolhead button:hover {
  background-color: var(--clr-btn-hover);
}

.ag-header-viewport {
  background: #e9e9e9 !important;
  height: 36px !important;
}

.ag-root-wrapper.ag-ltr.ag-layout-normal {
  border: none !important;
}

.ag-header.ag-pivot-off.ag-header-allow-overflow {
  border: none !important;
  height: 36px !important;
  min-height: 36px !important;
}

.ag-header-container, .ag-header-row.ag-header-row-column, .ag-header-cell {
  height: 36px !important;
}

span.ag-header-cell-text {
  color: var(--clr-body) !important;
  font-size: var(--fs-sm) !important;
  font-weight: var(--fw-medium) !important;
}

.ag-ltr .ag-cell {
  font-size: var(--fs-xs13) !important;
  font-weight: var(--fw-normal) !important;
}

.addedclass {
  height: calc(100% - 80px);
}

@media (min-width: 640px) {
  .form-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .form-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.form-group {
  flex-direction: column;
  display: flex;
}

.image_group {
  width: 100%;
  max-width: 320px;
  height: 320px;
  margin: auto;
}

.upload-label button {
  font-weight: var(--fw-medium);
  font-size: var(--fs-sm);
  color: var(--text-muted);
  border: 1px solid #a2d3db;
  border-radius: 4px;
  margin-top: 1.25rem;
  padding: 7px 16px;
}

.form-label {
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  color: var(--text-body);
  margin-bottom: 2px;
  display: flex;
}

.required {
  margin-left: 2px;
  color: #ef4444 !important;
  font-size: 13px !important;
}

.form-input, .form-select {
  border: 1px solid var(--clr-gray-300);
  font-size: var(--fs-xs);
  border-radius: 6px;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 12px;
  transition: all .2s;
}

.form-select option {
  font-size: 13px;
}

.form-input:focus, .form-select:focus {
  outline: none;
  box-shadow: 0 0 0 3px #ffe2e21a;
}

.form-select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%236b7280%22%20d%3D%22M0%204l6%206%206-6z%22%2F%3E%3C%2Fsvg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-right: 36px;
}

.address-input-wrapper {
  align-items: center;
  gap: 8px;
  display: flex;
}

.address-tag {
  color: #1d4ed8;
  white-space: nowrap;
  background-color: #dbeafe;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
}

.address-input {
  flex: 1;
}

.section-divider {
  padding-top: 0;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.compact-react-select .react-select__control {
  font-size: 13px;
  height: 38px !important;
  min-height: 38px !important;
}

.compact-react-select .react-select__control:focus {
  border: none !important;
}

.compact-react-select .react-select__value-container {
  padding: 0 8px !important;
}

.compact-react-select .react-select__indicators {
  padding: 0 4px;
}

.compact-react-select .react-select__menu {
  max-height: 180px;
  font-size: 13px;
}

@media (max-width: 1023px) {
  .col-span-2 {
    grid-column: span 1 / span 1;
  }
}

.border-red-500 {
  border-color: #ef4444 !important;
}

.react-select {
  height: 105px;
}

.react_select_search .react-select__indicators .react-select__dropdown-indicator {
  padding: 0 8px !important;
}

.react_select_search .react-select__control:focus {
  outline: var(--clr-btn-hover) !important;
  border-color: var(--clr-btn-hover) !important;
}

.popup-micro {
  max-width: 95vw;
  height: 180px;
  width: 450px !important;
}

.popup-small {
  max-width: 95vw;
  height: 250px;
  width: 450px !important;
}

.popup-medium {
  max-width: 95vw;
  height: 240px;
  width: 450px !important;
}

.adjustment-modal {
  max-width: 95vw;
  height: auto;
  max-height: 380px;
  width: 525px !important;
}

.popup-stock {
  max-width: 95vw;
  height: 320px;
  width: 575px !important;
}

.popup-large {
  max-width: 95vw;
  width: 700px !important;
}

.popup-tiny {
  width: 320px !important;
}

.popup-larger {
  max-width: 65vw;
  height: calc(100vh - 225px);
  width: 1000px !important;
}

.popup-larger-farm {
  max-width: 65vw;
  height: calc(100vh - 225px);
  width: 585px !important;
}

.popup-roless {
  max-width: 95vw;
  height: 450px;
  width: 400px !important;
}

.popup-user {
  max-width: 95vw;
  height: auto;
  width: 500px !important;
  max-height: 475px !important;
}

.td_roles {
  font-size: 11px;
  font-weight: var(--fw-medium);
  color: var(--clr-body);
  padding: 2px 5px;
}

.td_roles_wrap_top {
  background: #f0f2f7;
  margin: 3px 0;
  padding: 0 4px;
}

.td_roles_2 {
  width: 20px;
  height: 18px;
}

.td_roles_2 input {
  height: 11px;
}

.td_roles_text {
  font-size: 10px;
  font-weight: var(--fw-normal);
  color: var(--clr-body);
  padding: 0 2px;
}

.td_roles_wrap {
  align-items: end;
  margin: 1px 4px;
  display: flex;
}

.form_inner_wrap {
  gap: 14px;
  margin-bottom: 5px;
  display: flex;
}

.form_inner_content, .form_inner_content select, .form_inner_content input {
  width: 100%;
}

.createdAt {
  color: var(--text-muted);
  font-size: 9px;
  font-weight: 500;
  display: block;
}

.image-uploader {
  height: 100%;
  margin-top: 8px;
  position: relative;
}

.image-preview-single {
  z-index: 999;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%);
}

.upload-area {
  text-align: center;
  cursor: pointer;
  background: #f9f9f9;
  border: 2px dashed #ccc;
  border-radius: 8px;
  height: 100%;
  transition: all .2s;
}

.upload-area.drag-active {
  background: #f0f7ff;
  border-color: #06c;
}

.upload-icon {
  background: url("/images/upload-icon.svg") center / contain no-repeat;
  width: 48px;
  height: 48px;
  margin: 20px auto;
}

.upload-label p {
  color: var(--text-body);
  margin: 4px 0;
  font-size: 14px;
}

.upload-label small {
  color: var(--text-muted);
  font-size: 12px;
  display: block;
}

.image-preview-grid {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.image-preview-item {
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 64px;
  height: 64px;
  overflow: hidden;
}

.preview-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.remove-btn {
  color: red;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  font-size: 12px;
  position: absolute;
  top: -7px;
  right: -7px;
}

.remove-btn svg {
  font-size: 15px;
}

.file-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 4px;
  font-size: 11px;
  overflow: hidden;
}

.upload-label dt {
  font-weight: var(--fw-medium);
  font-size: var(--fs-sm);
  color: var(--text-muted);
  cursor: pointer;
  border: 1px solid #a2d3db;
  border-radius: 4px;
  margin-top: 1.25rem;
  padding: 7px 16px;
  display: inline-block;
}

.status-toggle-container {
  align-items: center;
  gap: 12px;
  font-weight: 500;
  display: flex;
}

.status-toggle {
  cursor: pointer;
  width: 35px;
  height: 18px;
  display: inline-block;
  position: relative;
}

.toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider {
  background-color: #d2e5cf;
  border-radius: 50px;
  align-items: center;
  padding: 0 8px;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 2px 4px #0003;
}

.toggle-slider:before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  transition: all .3s;
  position: absolute;
  bottom: 3px;
  left: 2px;
  box-shadow: 0 2px 5px #0000004d;
}

.toggle-label-active, .toggle-label-inactive {
  color: #fff;
  z-index: 1;
  font-size: 12px;
  font-weight: 600;
  transition: opacity .2s;
}

.toggle-label-active {
  opacity: 0;
  margin-left: 8px;
}

.toggle-label-inactive {
  opacity: 1;
  margin-left: 28px;
}

.toggle-input:checked + .toggle-slider {
  background-color: #1eb500;
}

.toggle-input:checked + .toggle-slider:before {
  transform: translateX(18px);
}

.toggle-input:checked + .toggle-slider .toggle-label-active {
  opacity: 1;
}

.toggle-input:checked + .toggle-slider .toggle-label-inactive {
  opacity: 0;
}

.ag-paging-panel .ag-paging-page-size, .ag-paging-row-summary-panel {
  display: none !important;
}

label.form-label.select_cont_add {
  display: flex;
}

.selct_role_add {
  color: var(--clr-body);
  background: #f0f2f7;
  align-items: center;
  margin: 4px 0 10px;
  padding: 3px 6px;
  font-weight: 400;
  display: flex;
}

.roles_check {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  display: grid;
}

.roles_check label {
  gap: 5px;
}

.roles_check label input {
  width: auto;
}

.roles_check label span {
  font-size: var(--fs-xs13);
  font-weight: var(--fw-normal);
  color: var(--clr-body);
}

.ag-cell.ag-cell-not-inline-editing.ag-cell-normal-height.ag-cell-value.ag-cell-focus {
  border: none !important;
}

.ag-theme-alpine .ag-cell .ag-cell-hover {
  justify-content: center;
  align-items: center;
  height: 42px;
  display: flex;
}

.ag-theme-alpine .ag-cell .ag-cell-hover svg {
  transition: all .2s;
  display: none;
  color: #8e9193 !important;
}

.ag-theme-alpine .ag-row-hover .ag-cell .ag-cell-hover svg {
  display: block;
}

.slide-overlay {
  -webkit-backdrop-filter: blur(5px);
  opacity: 0;
  visibility: hidden;
  z-index: 998;
  background: #0000008c;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  inset: 0;
}

.slide-overlay.active {
  opacity: 1;
  visibility: visible;
}

.slide-panel {
  background: var(--clr-white);
  z-index: 999;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  width: 550px;
  transition: transform .45s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  transform: translateX(100%);
  box-shadow: -12px 0 40px #00000040;
}

.slide-panel.open {
  transform: translateX(0);
}

.slide-header {
  border: 1px solid #cfd6e5;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.slide-header-text {
  font-weight: var(--fw-semibold);
  font-size: var(--fs-lg);
}

.slide-header-text p {
  font-size: 12px;
  font-weight: var(--fw-normal);
  color: var(--text-muted);
}

.slide-close-btn:hover {
  background: #fff6;
}

.slide-body {
  flex: 1;
  padding: 15px 20px;
  overflow-y: auto;
}

.detail-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 18px;
  box-shadow: 0 2px 8px #00000014;
}

.detail-label {
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 500;
}

.slide-icon-sec {
  gap: 8px;
  display: flex;
}

.detail-value {
  color: #1e293b;
  font-size: 16px;
  font-weight: 600;
}

.detail-value.small {
  font-size: 14px;
  font-weight: 500;
}

.industry_type_area {
  align-items: center;
  gap: 5px;
  margin: .1rem 0 .2rem;
  display: flex;
}

.industry_type_area span {
  color: #c86e00;
  background-color: bisque;
  border-radius: 50px;
  padding: 3px 9px;
  font-size: 12px;
}

.contact_person_area {
  border: .4px solid #cfd6e5;
  border-radius: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  margin-top: 1rem;
  padding: 14px 10px;
  display: grid;
  box-shadow: 0 1px 2px #00000040;
}

.contact_inner_area {
  display: flex;
}

.contact_inner_area dt h4 {
  color: red;
  background-color: #ffc6c6;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.contact_inner_detail h4 {
  color: #121212;
  font-size: 14px;
  font-weight: 500;
}

.contact_inner_detail p {
  color: #454b4d;
  font-size: 12px;
  font-weight: 400;
}

.contact_inner_detail h3 {
  color: #121212;
  font-size: 14px;
  font-weight: 400;
}

.contactrow > h6 {
  margin-bottom: .25rem;
}

.contact_person_area h6 {
  color: #454b4d;
  font-size: 12px;
  font-weight: 500;
}

.contact_inner_area dt {
  margin-right: 5px;
}

.grid-2 {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.status-badge {
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
}

.status-active {
  color: #166534;
  background: #dcfce7;
}

.status-inactive {
  color: #991b1b;
  background: #fee2e2;
}

.slide-footer {
  background: #fff;
  border-top: 1px solid #e2e8f0;
  padding: 20px 24px;
}

.edit-btn, .slide-close-btn, .slide-arrow-down, .slide-arrow-up {
  color: var(--clr-white);
  cursor: pointer;
  background-color: #0000;
  border: .5px solid #e6e6e6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 1px #00000040;
}

.slide-log {
  align-items: center;
  display: flex;
}

.slide-log .slide-log-img {
  width: 15%;
}

.slide-log .slide-log-img img {
  border-radius: 50%;
}

.slide-log-dtl {
  flex: 1;
}

.slide-log-dtl-text {
  align-items: center;
  gap: 12px;
  display: flex;
}

.slide-log-dtl-text h1 {
  font-size: 20px;
  font-weight: 500;
}

.slide-log-dtl-text span {
  color: #c86e00;
  background: bisque;
  border-radius: 20px;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: 500;
}

.lab_dt_add {
  display: flex;
}

.lab_dt_add span {
  align-items: center;
  margin-right: 5px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.lab_dt_add {
  gap: 12px;
  margin-top: 3px;
  display: flex;
}

.lab_dt_add span p {
  color: var(--text-muted);
  margin-left: 5px;
  font-size: 14px;
}

.edit-btn:active {
  transform: translateY(0);
}

.ag-row {
  transition: background-color .2s;
  cursor: pointer !important;
}

.ag-row:hover {
  background-color: #eff6ff !important;
}

.test_submenu {
  background: var(--clr-white);
  padding: 14px 0;
}

.test-search-container {
  width: 244px;
}

.test-search-container input {
  border: 1px solid var(--clr-gray-300);
  color: #121212;
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: 6px 10px;
  font-size: 12px;
  transition: all .2s;
}

.test-search-container input:focus {
  border-color: var(--clr-btn-hover);
}

.test-table-wrapper {
  scrollbar-width: thin;
  height: calc(100vh - 255px);
  overflow-x: auto;
}

.test-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}

.test-table thead {
  background: #f0f2f7;
  position: sticky;
  top: 0;
}

.test-table th {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #121212;
  height: 35px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 500;
}

.test-table th.text-right {
  text-align: right;
}

.test-table td {
  color: #121212;
  border-bottom: 1px solid #cfd6e5;
  height: 30px;
  padding: 0 16px;
}

.test-table tbody tr {
  transition: background-color .2s;
}

.test-table tbody tr:hover {
  background-color: #f8fafc;
}

.test-name-cell {
  color: #121212;
  font-weight: 400;
  font-size: var(--fs-xs);
}

.test-name-cell .test-code {
  color: #94a3b8;
  background: #f1f5f9;
  border-radius: 4px;
  margin-left: 8px;
  padding: 2px 6px;
  font-family: Courier New, monospace;
  font-size: 11px;
}

.price-mrp, .price-swarnika {
  color: #121212;
  font-size: var(--fs-xs);
}

.price-lab input {
  border: 1px solid var(--clr-gray-300);
  text-align: right;
  border-radius: 4px;
  width: 70px;
  padding: 1px 4px;
  font-size: 11px;
}

.price-lab input:focus {
  outline: none;
}

.price-cell {
  text-align: right;
  white-space: nowrap;
  font-size: var(--fs-xs13);
}

.empty-state p {
  margin: 8px 0;
}

.results-count {
  color: #64748b;
  margin-top: 16px;
  font-size: 13px;
  font-style: italic;
}

.test-search-cont {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.test-search-cont h2 {
  color: var(--clr-primary);
  font-size: 14px;
  font-weight: 500;
}

.test-search-container input::placeholder {
  font-size: var(--fs-xs13);
  font-weight: var(--fw-normal);
  color: #a1a1a1;
}

.status-toggle-header {
  align-items: center;
  gap: 6px;
  display: flex;
}

.status-toggle-header span {
  color: #121212;
  font-size: 12px;
  font-weight: 600;
}

.access-domain-input input {
  width: 25%;
}

.titledomian button {
  color: var(--linkclr);
  cursor: pointer;
  font-size: 11px;
  font-weight: var(--fw-medium);
  background: none;
  border: none;
  border-radius: 2px;
  margin-left: 5px;
  padding: .1rem .2rem;
}

.corporate-cell {
  white-space: pre-line !important;
  padding: 8px 16px !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}

.corporate-cell:after {
  content: attr(data-value);
  color: #6b7280;
  margin-top: 3px;
  font-size: 11.5px;
  font-weight: normal;
  display: block;
}

@media (max-width: 768px) {
  .test-table th, .test-table td {
    padding: 12px 10px;
    font-size: 13px;
  }

  .test-search-container {
    max-width: 100%;
  }

  .test-table thead {
    font-size: 11px;
  }

  .login-container {
    flex-direction: column;
  }

  .image-section {
    flex: none;
    height: 40vh;
  }

  .form-section {
    flex: 1;
    padding: 2rem 1.5rem;
  }

  .form-title {
    font-size: 1.75rem;
  }
}

@media (max-width: 480px) {
  .form-section {
    padding: 1.5rem 1rem;
  }

  .form-wrapper {
    max-width: 100%;
  }
}

.test_form {
  gap: 25px;
  height: 100%;
  display: flex;
}

.left_section {
  width: 100%;
}

.right_section {
  width: 50%;
  height: calc(100vh - 157px);
}

.test_right_section {
  width: 50%;
  height: calc(100vh - 111px);
}

.main_container {
  height: 100%;
}

.form_inner_wrap {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.form_radio_content {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: grid;
}

.input_container {
  margin-bottom: 10px;
}

.form_radio_content .form-label {
  font-size: var(--fs-xs);
  color: #333;
  font-weight: 600;
}

.radio_btn {
  cursor: pointer;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.form_radio_content label {
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.form_radio_content input[type="radio"] {
  cursor: pointer;
  width: 13px;
  height: 13px;
  accent-color: var(--radio-btn-clr);
}

.form_inner_content {
  width: 100%;
  margin-bottom: 5px;
}

.form-include-label, .header_label {
  color: var(--clr-primary);
  margin-top: 8px;
  font-size: 18px;
  font-weight: 600;
  display: block;
}

.form_inner_content, ::placeholder {
  font-size: var(--fs-sm);
  font-weight: var(--fw-normal);
  color: var(--text-muted);
}

.btn-add-include {
  color: var(--linkclr);
  cursor: pointer;
  border: none;
  border-radius: 6px;
  margin-bottom: 12px;
  padding: 6px 12px;
  font-size: 12px;
}

.btn-add:hover {
  background-color: var(--clr-btn-hover);
}

.form_include_row {
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  display: flex;
}

.form_include_row::placeholder, .input_container select {
  font-size: var(--fs-sm);
  font-weight: var(--fw-normal);
  color: var(--text-muted);
}

pankaj .btn-remove {
  background-color: var(--clr-btn-close);
  color: var(--clr-white);
  cursor: pointer;
  border: none;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 16px;
}

.price_span {
  color: var(--text-muted);
  font: 9px;
}

.imagesize {
  color: #777474f7;
  margin-left: 4px;
  font-size: 9px;
}

.main_Container {
  display: flex;
}

.left_section .right_section {
  width: 50%;
}

.left_section {
  padding: 0 24px 0 0;
}

.left_section_packages {
  border-right: 1px solid var(--input-border-clr);
  margin-right: 18px;
}

.section_title {
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--clr-primary);
  margin-bottom: 8px;
  padding: 10px 0;
}

.form_container {
  margin-top: 10px;
  padding: 0 20px;
}

.form_inner_content input {
  border: 1px solid var(--input-border-clr);
  border-radius: 6px;
  height: 32px;
}

.form_inner_content input:focus {
  border-color: var(--clr-btn-hover);
}

.container {
  font-family: inherit;
}

.right_section_mainContainer {
  max-height: 600px;
  overflow-y: auto;
}

.right_section .section_title {
  font-size: 14px;
  font-weight: 600;
}

.grid {
  margin: 10px 0;
}

.test-list {
  color: var(--clr-body);
  grid-template-columns: repeat(1, 1fr);
  gap: 6px 12px;
  display: grid;
  font-size: 11px !important;
}

.test-item {
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  display: flex;
}

.test-search-container input {
  font-size: 12px !important;
}

.right_section_mainContainer::-webkit-scrollbar {
  width: 5px;
}

.right_section_mainContainer::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 10px;
}

.combined-input {
  border: 1px solid var(--input-border-clr);
  background: var(--clr-white);
  border-radius: 6px;
  align-items: center;
  width: 100%;
  height: 32px;
  display: flex;
  overflow: hidden;
}

.combined-input select {
  border: none;
  border-right: 1px solid var(--input-border-clr);
  background: #f6f6f6;
  outline: none;
  width: 30%;
  height: 100%;
  padding: 0 10px;
  font-size: 14px;
}

.combined-input input {
  background: none;
  border: none;
  outline: none;
  width: 70%;
  height: 100%;
  padding: 0 10px;
  font-size: 14px;
}

.offer-input {
  border: none;
  outline: none;
  width: 70%;
  padding: 0 12px;
  font-size: 13px;
}

.react-select__control {
  align-content: center;
  display: flex;
  width: 100% !important;
  height: 29px !important;
  min-height: 29px !important;
}

.react-select__value-container {
  height: 29px !important;
  padding: 0 8px !important;
}

.react-select__input-container {
  margin: 0 !important;
  padding: 0 !important;
}

.border-red-500 {
  border: 1px solid red !important;
}

.role_validation {
  justify-content: space-between;
}

.react_select {
  border: 1ps solid var(--input-border-clr);
}

.cb-table-container {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
}

.cb-table-container .section-title {
  color: var(--clr-btn);
  margin: 12px 0 0;
  font-size: 14px;
  font-weight: 500;
}

.cb-search-wrapper {
  justify-content: space-between;
  align-items: self-end;
  margin-bottom: 15px;
  display: flex;
}

.cb-search-input {
  border: 1px solid var(--clr-gray-300);
  border-radius: 8px;
  outline: none;
  width: 100%;
  max-width: 190px;
  padding: 6px 12px;
  font-size: 14px;
  transition: all .2s;
}

.cb-search-input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.cb-search-input::placeholder {
  color: #888;
  font-size: 13px;
}

.cb-table-wrapper {
  scrollbar-width: thin;
  background: #fff;
  border: 1px solid #e5e7eb;
  height: calc(100vh - 220px);
  overflow: auto;
}

.cb-table {
  border-collapse: collapse;
  width: 100%;
}

.cb-table-wrapper .cb-table {
  position: sticky;
  top: 0;
}

.cb-table th {
  text-align: left;
  color: #121212;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
  padding: 8px 20px;
  font-size: 12px;
  font-weight: 600;
}

.text-right {
  color: #121212;
  font-size: 12px;
  font-weight: 400;
  text-align: right !important;
}

.cb-table td {
  vertical-align: middle;
  border-bottom: 1px solid #e5e7eb;
  padding: 6px 20px;
}

.cb-table tr.selected-row {
  background-color: #f0f9ff !important;
}

.cb-table tr:hover {
  background-color: #f9fafb;
}

.checkbox-cell {
  text-align: center;
}

.cb-checkbox-label {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.cb-checkbox-label input {
  opacity: 0;
  position: absolute;
}

.cb-checkmark {
  border: 2px solid #9ca3af;
  border-radius: 6px;
  width: 20px;
  height: 20px;
  transition: all .2s;
  display: block;
}

.cb-checkbox-label input:checked ~ .cb-checkmark {
  background: #3b82f6;
  border-color: #3b82f6;
}

.cb-checkmark:after {
  content: "✓";
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cb-checkbox-label input:checked ~ .cb-checkmark:after {
  display: block;
}

.name-cell .package-name {
  color: #121212;
  font-size: 12px;
  font-weight: 400;
}

.name-cell .package-code {
  color: #6b7280;
  margin-top: 4px;
  font-size: 12px;
}

.price-cell {
  color: #121212;
  font-size: 12px;
  font-weight: 400;
  font-family: var(--font-inter-number);
}

.expanded-row-cell {
  background: #fdfeff;
  padding: 0 !important;
}

.expanded-content {
  padding: 12px;
}

.expanded-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  display: flex;
}

@media (min-width: 640px) {
  .expanded-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .expanded-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.expanded-grid .form-group {
  flex-direction: column;
  display: flex;
}

.expanded-grid label {
  color: #374151;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
}

.expanded-grid input, .expanded-grid .react-select__control {
  border: 1px solid var(--clr-gray-300);
  border-radius: 6px;
  width: 135px;
  padding: 6px;
  font-size: 12px;
}

.expanded-grid input:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 2px #3b82f61a;
}

.empty-state {
  text-align: center;
  color: #9ca3af;
  padding: 60px 20px;
  font-size: 15px;
}

input[type="date"]::-webkit-datetime-edit {
  color: #999;
}

input[type="date"]::-webkit-datetime-edit-fields-wrapper {
  color: #999;
}

input[type="date"]::-webkit-datetime-edit-text {
  color: #999;
}

input[type="date"]::-webkit-datetime-edit-month-field {
  color: #121212;
}

input[type="date"]::-webkit-datetime-edit-day-field {
  color: #121212;
}

input[type="date"]::-webkit-datetime-edit-year-field {
  color: #121212;
}

input[type="date"] {
  color: #121212;
  padding: 5px 12px;
}

.fullwidthgrid {
  grid-column: 1 / -1;
}

.react-select-labb__value-container {
  scrollbar-width: thin;
}

.slide-body {
  max-height: calc(100vh - 70px);
  padding: 0 15px;
  overflow-y: auto;
}

.slide_body_container {
  flex-direction: column;
  gap: 7px;
  display: flex;
}

.pkg-top-card {
  background: var(--clr-white);
  min-height: 213px;
}

.pkg-header-title {
  color: var(--text-body);
  font-size: 16px;
  font-weight: 600;
}

.pkg-title {
  color: var(--text-body);
  padding: 8px 0;
  font-size: 18px;
  font-weight: 500;
}

.pkg-badges {
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
  display: flex;
}

.badge-corporate {
  color: #8a6d00;
  background: #fff49f;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

.badge-tat {
  color: #555;
  background: #f1f3f4;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 500;
}

.pkg-category b {
  color: var(--clr-primary);
  margin: 5px 0;
  font-size: 12px;
  font-weight: 400;
}

.pkg-category-tags {
  gap: 7px;
  margin: 0 0 5px;
  display: flex;
}

.cat-tag {
  color: #007dcc;
  background: #d9f0ff;
  border-radius: 6px;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 400;
}

.text-sec b {
  color: var(--clr-primary);
  margin: 5px 0;
  font-size: 12px;
  font-weight: 400;
}

.text-sec p {
  color: var(--text-body);
  margin: 0 0 5px;
  font-size: 12px;
}

.pkg-price-box {
  gap: 60px;
  display: flex;
}

.pkg-price-box b {
  color: var(--clr-primary);
  font-size: 13px;
  font-weight: 400;
}

.pkg-price-box p {
  font-size: 18px;
}

.pkg-test-list {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.pkg-media h4, .pkg-test-list h4 {
  color: var(--text-body);
  font-size: 16px;
  font-weight: 600;
}

.test-tags {
  flex-wrap: wrap;
  gap: 10px;
  max-width: 508px;
  display: flex;
}

.test-tag {
  color: var(--text-body);
  white-space: nowrap;
  background: #ccf7ff;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.lab_dt_add .email {
  color: #7573e5;
}

.industry_type_area .badge-employees {
  color: var(--clr-primary);
  border: 1px solid var(--clr-primary);
  background: #f1f3f4;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 500;
}

.corporate-booking-bar {
  color: #7d6000;
  background: #fff49f;
  border-radius: 6px;
  align-items: center;
  gap: 20px;
  height: 24px;
  margin-top: 10px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.corporate-booking-bar span {
  font-weight: 600;
}

.view-bookings-btn {
  color: #1f4aa8;
  cursor: pointer;
  background: none;
  border: none;
  margin-left: auto;
  font-weight: 600;
  text-decoration: underline;
}

.add_header_content {
  color: var(--clr-primary);
  font-size: 12px;
  font-weight: 500;
}

.address-text {
  color: var(--text-body);
  font-size: 14px;
  line-height: 20px;
}

.address-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px 18px;
  display: grid;
}

.address-grid p {
  font-size: 14px;
  font-weight: 400;
}

.contact-wrapper {
  background: var(--clr-white);
  border: 1px solid #cfd6e5;
  border-radius: 12px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 9px 14px;
}

.contact-row {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.contact-left, .contact-middle, .contact-right {
  width: 33%;
}

.contact-label {
  color: var(--clr-primary);
  font-size: 12px;
  font-weight: 500;
}

.person-info {
  align-items: center;
  gap: 12px;
  display: flex;
}

.avatar-box {
  color: #e24a4a;
  background: #ffe5e5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
}

.person-name {
  color: var(--clr-body);
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.person-role {
  color: #454b4d;
  margin: 2px 0 0;
  font-size: 11px;
}

.phone {
  color: var(--clr-body);
  margin: 2px 0;
  font-size: 14px;
  font-weight: 400;
}

.email {
  color: #7573e5;
  word-break: break-all;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.email:hover {
  white-space: normal;
  overflow: visible;
}

.service-title {
  color: var(--clr-body);
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
}

.package-header span {
  color: var(--clr-primary);
  border-bottom: 2px solid var(--clr-primary);
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
}

.package-table {
  border-radius: 10px;
  margin-top: 10px;
  overflow: hidden;
}

.package-table table {
  border-collapse: collapse;
  width: 100%;
}

.package-table thead {
  background: #f8f9fb;
}

.package-table th {
  text-align: left;
  color: var(--clr-body);
  border-bottom: 1px solid #e3e6ea;
  width: 40px;
  padding: 12px 14px;
  font-size: 13px;
  font-weight: 500;
}

.package-table td {
  color: var(--clr-body);
  vertical-align: top;
  border-bottom: 1px solid #cfd6e5;
  padding: 8px 16px;
  font-size: 14px;
}

.package-table tbody tr:hover {
  background: #f5f7fa;
}

.package-table .price {
  color: #17a500;
  font-weight: 500;
}

.package-table .usage {
  color: var(--clr-primary);
  text-align: center;
  font-weight: 500;
}

.address-header {
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.address-toggle-btn {
  color: var(--clr-btn);
  cursor: pointer;
  background: none;
  border: none;
  font-size: 20px;
}

.dropdown-content {
  opacity: 0;
  max-height: 0;
  transition: all .35s;
  animation: none;
  overflow: hidden;
}

.show .dropdown-content {
  opacity: 1;
  max-height: 500px;
}

.dropdown-content {
  padding: 0;
}

.dropdown-content > * {
  opacity: 0;
  transition: opacity .3s .1s, transform .3s .1s;
  transform: translateY(-10px);
}

.show .dropdown-content > * {
  opacity: 1;
  transform: translateY(0);
}

.corporate-address-title {
  color: var(--clr-body);
  font-size: 16px;
  font-weight: 500;
}

.address-toggle-btn {
  cursor: pointer;
  background: none;
  border: none;
  margin-left: 10px;
  font-size: 22px;
}

.service-header {
  place-content: center space-between;
  align-items: center;
  display: flex;
}

.left_header_block {
  align-items: center;
  gap: 18px;
  display: flex;
}

.corporate_inline_filter {
  align-items: center;
  gap: 6px;
  display: flex;
}

.filter_label {
  color: #106675;
  font-size: 14px;
}

.corp_dropdown .corpSelect__control {
  border-radius: 6px;
  width: 180px;
  height: 32px;
  min-height: 32px;
  font-size: 13px;
  border: 1px solid var(--clr-gray-300) !important;
  box-shadow: none !important;
}

.corp_dropdown .corpSelect__value-container {
  padding: 0 8px;
}

.corp_dropdown .corpSelect__indicator {
  padding: 0 6px;
}

.corp_dropdown .corpSelect__menu {
  z-index: 9999;
  font-size: 1 4px;
}

.right_header_block {
  align-items: center;
  margin-left: auto;
  display: flex;
}

.search_input {
  border: 1px solid #ccc;
  border-radius: 6px;
  min-width: 220px;
  padding: 8px 12px;
  font-size: 14px;
}

.right-column {
  text-align: right;
}

input[class^="ag-"][type="button"]:focus, button[class^="ag-"]:focus {
  box-shadow: none !important;
}

.header_tool {
  background: #fff;
  margin-bottom: .725rem;
  padding: 0 12px;
}

.rounded-mdradius {
  border-radius: 6px !important;
}

.form_bal_sec {
  gap: 5px;
  display: flex;
}

.form_bal_sec .balance_drcr {
  border: 1px solid var(--input-border-clr);
  border-radius: 6px;
  flex: 1;
  height: 32px;
  overflow: hidden;
}

.form_bal_sec .balance_drcr select {
  border: none;
  height: 30px;
}

.form_bal_sec .balance_drcr select:focus {
  border: none;
  outline: none;
}

.adjustment-field-inner .field span {
  color: #666;
  font-size: 9px;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  appearance: textfield;
}

.form_stock label {
  margin: 0;
}

.variants-section {
  scrollbar-width: thin;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  height: 180px;
  margin-top: 2px;
  padding: 0 8px 8px;
  overflow: auto;
}

.variant-headers {
  color: var(--text-body);
  text-transform: capitalize;
  z-index: 9;
  background: #f9fafb;
  border-bottom: 2px solid #e5e7eb;
  grid-template-columns: 1.25fr 1fr .725fr .725fr 1fr 30px;
  gap: 12px;
  margin-bottom: .625rem;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  display: grid;
  position: sticky;
  top: 0;
}

.variant-row {
  grid-template-columns: 1.25fr 1fr .725fr .725fr 1fr 30px;
  align-items: center;
  gap: 0;
  padding: 0;
  transition: background-color .2s;
  display: grid;
}

.variant-row:last-child {
  border-bottom: none;
}

.variant-row .form-input, .variant-row .form-select {
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 0;
  height: 30px;
  padding: 0 6px;
  font-size: 12px;
  transition: border-color .2s, box-shadow .2s;
}

.variant-row .form-input:focus, .variant-row .form-select:focus {
  border-color: #a1a1a1;
  outline: none;
}

.add-variant-inline-btn {
  color: #535353;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #535353;
  border-radius: 50%;
  justify-content: center;
  justify-self: center;
  align-items: center;
  width: 16px;
  height: 17px;
  font-size: 20px;
  font-weight: bold;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 4px #0000001a;
}

.add-variant-inline-btn svg {
  font-size: 13px;
}

.variants-section.error {
  background-color: #fef2f2;
  border-color: #ef4444;
}

.variants-section.error .variant-headers {
  border-bottom-color: #fca5a5;
}

.variant-row input::placeholder {
  font-size: 13px;
}

.popup-stock .popup-body {
  padding: 14px 16px 4px;
}

.variant-row .w-full .react-select__control {
  height: 30px !important;
  min-height: 30px !important;
}

.invoice-modal {
  width: 950px;
  max-width: 95vw;
}

.invoice-title {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
}

.customer-fields {
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin: 0 0 10px;
  display: flex;
}

.customer-fields .field label, .invoice-detail-inner .field label {
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.customer-fields .field .invoice-input {
  border-bottom: none;
}

.customer-fields .field:last-child .invoice-input {
  border-bottom: 1px solid #ccc;
}

.customer-fields .field .invoice-input2 {
  border-bottom: none;
}

.customer-fields .field:last-child .invoice-input2 {
  border-bottom: 1px solid #ccc;
}

.invoice-input {
  border: none;
  border-radius: 4px;
  width: 100%;
  height: 26px;
  padding: 0 10px;
  font-size: 13px;
}

.invoice-input2 {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  height: 29px;
  padding: 0 10px;
  font-size: 13px;
}

.invoice-input:focus {
  outline: none;
}

.table-wrapper-invoice {
  scrollbar-width: thin;
  max-height: 220px;
  padding-bottom: 2px;
  overflow: auto;
}

.invoice-table {
  border-collapse: collapse;
  background: #fff;
  width: 100%;
}

.invoice-table thead tr {
  z-index: 5;
  background: linear-gradient(0deg, #bfbfbf 0%, #dbdbdbe6 100%);
  margin-top: .75rem;
  position: sticky;
  top: 0;
}

.invoice-table th {
  text-align: left;
  color: #444;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 500;
}

.invoice-table th.sno {
  text-align: center;
  width: 4%;
}

.invoice-table th.desc {
  width: 25%;
}

.invoice-table th.qty {
  text-align: right;
  width: 50px;
}

.invoice-table th.price {
  text-align: right;
  width: 100px;
}

.invoice-table th.total {
  text-align: right;
  width: 140px;
}

.invoice-table td.sno {
  text-align: center;
  width: 60px;
  font-size: 13px;
}

.total_prc {
  border: none;
  justify-content: flex-end;
  align-items: center;
  height: 26px;
  padding-right: 8px;
  font-size: 13px;
  display: flex;
}

.invoice-modal .popup-body {
  padding: 8px 16px 14px;
  color: #121212 !important;
}

.invoice-table td.add-btn {
  text-align: center;
  width: 20px;
}

.invoice-table td {
  vertical-align: middle;
  padding: 0;
}

.customer-fields-cont {
  justify-content: space-between;
  gap: 20px;
  display: flex;
}

.customer-fields-cont-inner {
  gap: 20px;
  width: 65%;
  display: flex;
}

.invoice-detail-inner {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.qty-input, .price-input {
  text-align: right;
  color: #444;
  border-radius: 0;
}

.plus-btn {
  color: #242424;
  cursor: pointer;
  background: none;
  border: none;
  padding-top: 5px;
  font-size: 16px;
}

.totals-box {
  justify-content: space-between;
  margin-top: 2px;
  margin-left: auto;
  margin-right: 10px;
  display: flex;
}

.total-row {
  border: 1px solid #ddd;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2px;
  padding: 4px 8px 4px 5px;
  font-size: 13px;
  display: flex;
}

.total-row-ad {
  border: 1px solid #ddd;
  justify-content: space-between;
  align-items: center;
  padding: 0 1px 0 5px;
  font-size: 13px;
  display: flex;
}

.adjustment-input {
  text-align: right;
  border: 1px solid #ccc;
  width: 100px;
}

.grand-total-row {
  border: 1px solid #ddd;
  justify-content: space-between;
  margin-top: 2px;
  padding: 5px;
  font-size: 13px;
  font-weight: bold;
  display: flex;
}

.grand-total-row > span {
  color: #121212;
  font-weight: 500;
}

.amount-words {
  color: #555;
  gap: 6px;
  margin-top: 10px;
  font-size: 12px;
  display: flex;
}

.amount-words h5 {
  color: #777;
  font-size: 12px;
  font-weight: 500;
}

.invoice-select .react-select__control {
  border: none;
  border-radius: 0;
  height: 26px !important;
  min-height: 26px !important;
  font-size: 13px !important;
}

.ledgerdrp .react-select2__control {
  align-content: center;
  display: flex;
  height: 34px !important;
  min-height: 34px !important;
  font-size: 13px !important;
}

.amount-words span {
  color: #121212;
  font-weight: 500;
}

.react-datepicker-popper {
  z-index: 10 !important;
}

.error-border {
  border-radius: 4px;
  border: 1px solid #ef4444 !important;
}

.error-border.react_select_search .react-select__control {
  box-shadow: 0 0 0 2px #ef444433 !important;
}

.error-border.react_select_search .react-select__control:hover {
  border-color: #dc2626 !important;
}

.error-border.date-picker-input {
  border-color: #ef4444 !important;
}

.table-wrapper-invoice.error-border {
  background-color: #fef2f2;
  border-radius: 6px;
  padding: 2px;
  border: 1px solid #ef4444 !important;
}

@media screen and (min-width: 1200px) {
  .invoice-modal {
    height: auto;
    min-height: 595px;
  }
}

.total-box-remarks.invoice-detail {
  width: 50%;
}

.totals-box-inner {
  width: 32%;
}

.total-box-remarks.invoice-detail .field label {
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.total-box-remarks.invoice-detail .field {
  padding-top: .625rem;
}

.remarks-textarea {
  resize: vertical;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: auto;
  padding: 10px;
  font-size: 13px;
  line-height: 1.4;
  min-height: 42px !important;
}

.remarks-textarea:focus {
  border-color: #999;
  outline: none;
}

.remarks-textarea.error-border {
  box-shadow: 0 0 0 2px #ef444433;
  border-color: #ef4444 !important;
}

th, td {
  border: 1px solid #ccc;
}

.react-select-login__control {
  border: 1px solid #ddd;
}

.year-select.error .react-select-login__control {
  transition: all .2s;
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px #ef44444d !important;
}

.year-select.error .react-select-login__control:hover {
  border-color: #dc2626 !important;
}

.year-select.error .react-select-login__placeholder {
  color: #ef4444 !important;
}

input:focus-visible {
  outline: none !important;
}

td {
  border: 1px solid #ccc;
}

.prev-bal {
  margin-top: 2px;
  margin-bottom: 0;
  padding: 5px;
}

.total-outstanding {
  color: #121212;
  border-top: 2px solid #333;
  margin-top: 4px;
  padding-top: 6px;
  font-size: 13px;
  font-weight: 600;
}

.total-outstanding span:first-child {
  color: #121212;
}

.total-outstanding span:last-child {
  color: #ef4444;
}

.customer-fields-cont .field label, .adjustment-field-inner .field, .adjustment-fields .field {
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.adjustment-fields .field {
  margin-top: 4px;
}

.customer-fields-cont .adjust-cont {
  gap: 5px;
  width: 50%;
  margin-bottom: 5px;
}

.adjustmentBal {
  flex-direction: column;
  gap: 5px;
  width: 50%;
  display: flex;
}

.adjustment-field-inner {
  gap: 10px;
  display: flex;
}

.adjustment-field-inner .field {
  width: 50%;
}

.adjustmentBal .field .react-datepicker-wrapper {
  width: 100%;
}

.react-datepicker__calendar-icon {
  fill: #999;
  width: 18px;
  height: 18px;
  left: auto;
  right: 12px;
  padding: 7px 0 !important;
}

.date-picker-input {
  padding-right: 40px;
}

.adjustment-field-inner input.adjustamnt {
  width: 96%;
}

.adjustBalinner {
  align-items: center;
  gap: 10px;
  display: flex;
}

.adjustBalinner .field {
  width: 38%;
}

.adjustBalinner .field:nth-child(2) {
  flex: 1;
}

.react-datepicker__input-container input.invoice-input2.date-picker-input2 {
  font-size: 12px;
}

.adjustment-field-inner-pay .field {
  width: 38%;
}

.adjustment-field-inner-pay .field:nth-child(2) {
  flex: 1;
}

.Toastify__toast-container {
  z-index: 99999 !important;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.btn_wrapper {
  gap: 8px;
  display: flex;
}

.btn_wrapper .btn_prnt button {
  cursor: pointer;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  margin: 2px 0;
  padding: 5px 15px;
  font-size: 13px;
  display: flex;
}

.btn_wrapper .btn_prnt button svg {
  font-size: 16px;
}

.header_heading {
  align-items: center;
  gap: 12px;
  display: flex;
}

.agtheme-alpline {
  height: calc(100vh - 60px);
}

.partydiv {
  font-size: 12px;
}

.partydiv strong {
  font-weight: 600;
}

.ExportReportMain {
  font-family: var(--MainFontFamily--);
  z-index: 9999;
  background-color: #00000080;
  width: 100%;
  animation: .3s ease-in-out forwards SliderUptoBottom;
  position: fixed;
  inset: -200px 0 0;
}

@keyframes SliderUptoBottom {
  100% {
    transform: translateY(20px);
  }

  0% {
    transform: translateY(0);
  }
}

.ExportReportInner {
  background: #fff;
  border-radius: 7px;
  position: absolute;
  top: 21.4%;
  left: 30%;
  right: 30%;
}

.exportHeaderSec {
  background: #f9f9fb;
  place-content: center space-between;
  padding: 15px 20px;
  display: flex;
}

.exportHeaderSec h1 {
  color: var(--labelAndHeading-color);
  margin: 0;
  font-size: 15px;
  font-weight: 400;
}

.exportHeaderSec svg {
  color: red;
  cursor: pointer;
  font-size: 18px;
}

.FormFieldSectionMain {
  padding: 5px 20px 10px;
}

.FormFieldSectionMain label {
  font-size: var(--fs-xs13);
  letter-spacing: 0;
  color: #0c0c0f;
  width: 100%;
  display: block;
}

.FormFieldSectionMain input {
  font-size: var(--fs-xs13);
  border: 1px solid #ced2d5;
  border-radius: 4px;
  width: 100%;
  padding: 4px 8px;
}

.FormInputSec {
  justify-content: space-between;
  gap: 15px;
  display: flex;
}

.FormInputSec input {
  width: 245px;
}

.ColorFormInputSec {
  justify-content: space-between;
  width: 80%;
  display: flex;
}

.ColorFormInputSec p {
  color: #585959;
  width: 100px;
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.3;
}

.ColorFormInputSec input {
  cursor: pointer;
  width: 40px;
}

.FreezeSec input {
  cursor: pointer;
}

.FreezeSec {
  align-items: center;
  gap: 8px;
  margin-top: .875rem;
  display: flex;
}

.FreezeSec input, .FreezeSec label {
  width: auto;
}

.InnerHeader h3 {
  color: var(--labelAndHeading-color);
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 400;
}

.InformationSec {
  border-bottom: 1px solid #d8d6d673;
  padding-top: .325rem;
  padding-bottom: 15px;
}

.FormBtnSection {
  border-top: 1px solid #d8d6d673;
  padding: 15px 20px;
}

.FileFormatInput input {
  cursor: pointer;
  margin: 0 10px 0 0;
}

.FileFormatInput label {
  cursor: pointer;
}

.FormExportBtn {
  border: var(--create-btn-border);
  background: var(--clr-primary);
  color: #fff;
  font-family: var(--MainFontFamily--);
  cursor: pointer;
  font-size: var(--fs-xs13);
  border-radius: 4px;
  margin-right: 10px;
  padding: 3px 17px;
}

.FormCancelBtn {
  border: var(--edit-btn-border);
  color: #000000a6;
  font-family: var(--MainFontFamily--);
  cursor: pointer;
  font-size: var(--fs-xs13);
  background: #f7f5f5;
  border-radius: 4px;
  margin-right: 5px;
  padding: 3px 17px;
}

.ag-viewport.ag-floating-bottom-viewport {
  background: #f0f0f0 !important;
}

.BookingInnerHeadingSec {
  background: #fff;
  justify-content: space-between;
  height: 44px;
  margin-top: 5px;
  display: flex;
}

.BookingHeadingSec label {
  font-family: var(--MainFontFamily--);
  font-size: var(--MainHeading-fontSize);
  color: var(--labelAndHeading-color);
  margin-top: 6px;
  margin-left: 48px;
}

.BookingBtnSec {
  margin-top: 10px;
  display: flex;
  position: relative;
}

.IconContainerMain {
  position: relative;
}

.SelectedDateSectionMain {
  font-family: var(--MainFontFamily--);
  align-content: center;
  margin-top: -4px;
  margin-right: 10px;
}

.SelectedDateSectionMain label {
  font-family: var(--MainFontFamily--);
  letter-spacing: var(--letter-spacing);
  color: #000;
  background: var(--ShowSelectedDateBackgroundColor--);
  border-radius: 4px;
  margin-bottom: 4px;
  padding: 3px 10px;
  font-size: 11px;
}

.SelectedDateSectionMain p {
  color: #000;
  background: var(--ShowSelectedDateBackgroundColor--);
  border-radius: 4px;
  margin: 0 0 1px;
  padding: 3px 10px;
  font-size: 11px;
}

.BookingExportFileSec, .BookingExportReportFileSec {
  color: #555;
  cursor: pointer;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 5px;
  padding: 5px;
  font-size: 25px;
}

.BookingIconSectionsMain {
  margin-right: 30px;
}

.BookingCalenderFormSec, .ResetReportIcon {
  color: #555;
  cursor: pointer;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 5px;
  padding: 5px;
  font-size: 25px;
}

.ResetToptip {
  color: #fff;
  z-index: 99;
  background: #000;
  border-radius: 5px;
  padding: 5px;
  display: none;
  position: absolute;
  top: 35px;
  left: -17px;
}

.ResetToptip p {
  font-family: var(--MainFontFamily--);
  margin: 0;
  font-size: 11px;
}

.ResetToptip:before {
  content: "";
  border-bottom: 10px solid #000;
  border-left: 9px solid #0000;
  border-right: 9px solid #0000;
  position: absolute;
  top: -6px;
  left: 50px;
}

.ResetReportIcon:hover + .ResetToptip {
  display: block;
}

.CalenderToptip {
  color: #fff;
  z-index: 99;
  background: #000;
  border-radius: 5px;
  padding: 5px;
  display: none;
  position: absolute;
  top: 35px;
  left: -17px;
}

.CalenderToptip p {
  font-family: var(--MainFontFamily--);
  margin: 0;
  font-size: 11px;
}

.CalenderToptip:before {
  content: "";
  border-bottom: 10px solid #000;
  border-left: 9px solid #0000;
  border-right: 9px solid #0000;
  position: absolute;
  top: -6px;
  left: 21px;
}

.BookingCalenderFormSec:hover + .CalenderToptip {
  display: block;
}

.ExportToptip {
  color: #fff;
  z-index: 99;
  background: #000;
  border-radius: 5px;
  padding: 5px;
  display: none;
  position: absolute;
  top: 35px;
  left: 15px;
}

.ExportToptip p {
  font-family: var(--MainFontFamily--);
  margin: 0;
  font-size: 11px;
}

.ExportToptip:before {
  content: "";
  border-bottom: 10px solid #000;
  border-left: 9px solid #0000;
  border-right: 9px solid #0000;
  position: absolute;
  top: -6px;
  left: 49px;
}

.BookingExportFileSec:hover + .ExportToptip {
  display: block;
}

.ExportDailyReportToptip {
  color: #fff;
  background: #000;
  border-radius: 5px;
  padding: 5px;
  display: none;
  position: absolute;
  top: -35px;
  left: 9px;
}

.ExportDailyReportToptip p {
  font-family: var(--MainFontFamily--);
  margin: 0;
  font-size: 11px;
}

.ExportDailyReportToptip:before {
  content: "";
  border-top: 10px solid #000;
  border-left: 9px solid #0000;
  border-right: 9px solid #0000;
  position: absolute;
  top: 22px;
  bottom: -10px;
  right: 9px;
}

.BookingExportReportFileSec:hover + .ExportDailyReportToptip {
  display: block;
}

.BookingCreateBtn {
  border: var(--create-btn-border);
  background: var(--create-btn-background);
  color: #fff;
  font-family: var(--MainFontFamily--);
  cursor: pointer;
  font-size: var(--button-font-size);
  border-radius: 4px;
  margin-right: 10px;
  padding: 3px 17px;
}

.RetaileExportBtn {
  color: #fff;
  background: var(--create-btn-background);
  border: var(--create-btn-border);
  border-radius: 4px;
  margin-right: 10px;
  padding: 3px 17px;
  font-size: 13px;
}

.BookingAggridSec {
  margin-top: 5px;
  overflow: hidden;
}

.BookingAggridSec .ag-pinned-left-header {
  border-right: none;
}

.BookingAggridSec .ag-horizontal-left-spacer {
  visibility: hidden;
}

.BookingAggridSec .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: none;
}

.Bookingpaginationleft .ag-paging-panel {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  width: 49% !important;
}

.BookingDashboardMain {
  z-index: 9;
  background-color: #fff;
  border-left: 1px solid #d8d6d6;
  position: absolute;
  top: 50px;
  bottom: 0;
  right: 0;
  width: 51% !important;
}

.BookingDashboardInner {
  animation: .5s ease-in-out forwards slideFromRight;
  position: relative;
  right: -100%;
}

@keyframes slideFromRight {
  0% {
    right: -100%;
  }

  100% {
    right: 0;
  }
}

.ShowCertificate {
  z-index: 9;
  background-color: #fff;
  padding: 10px 15px;
  position: absolute;
  top: 50px;
  left: 29%;
  right: 25%;
  box-shadow: 0 2px 6px #00000026;
}

.ShowCertificate img {
  object-fit: cover;
  width: 600px;
  height: auto;
  margin-top: 10px;
}

.ShowCertificate svg {
  color: #555;
  cursor: pointer;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 5px;
  padding: 5px;
  font-size: 25px;
}

.Bookingmain_header_wrap {
  border-top: 1px solid #d8d6d673;
  border-bottom: 1px solid #d8d6d673;
  height: 77px;
}

.Bookingmain_name_section {
  background: var(--DashboardHeadingBackgroundColor--);
  justify-content: space-between;
  display: flex;
}

.Bookinginner_name_sec {
  margin-top: 9px;
  margin-left: 14px;
}

.Bookinginner_name_sec h5 {
  font-family: var(--MainFontFamily--);
  color: var(--inner-header-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 20px;
  overflow: hidden;
}

.btnbtn_section_wrap {
  margin-top: 10px;
  margin-bottom: 5px;
  display: flex;
}

.backbtn button, .EditBtn button {
  border: var(--edit-btn-border);
  background: var(--edit-btn-background);
  color: var(--edit-btn-color);
  font-family: var(--MainFontFamily--);
  cursor: pointer;
  font-size: var(--button-font-size);
  border-radius: 4px;
  margin-right: 10px;
  padding: 3px 17px;
}

.ImageSec button {
  padding: 3px 5px !important;
}

.ImageSec svg {
  font-size: 18px;
}

.Bookingmain_tab_section {
  margin-top: 9px;
  margin-left: 5px;
  display: flex;
}

.inner_tabs button {
  font-family: var(--MainFontFamily--);
  font-size: var(--tab-Sectionfont-size);
  color: var(--inner-tabs-color);
  background: none;
  border: none;
  padding: 0 7px 0 11px;
}

.activebtn {
  border-bottom: 2px solid #408dfb !important;
}

.BookingInformationSec {
  margin: 18px 18px 0;
  display: flex;
}

.BookingLeftSec, .BookingRightSec {
  width: 50%;
}

.BookingInformationSec label {
  font-family: var(--MainFontFamily--);
  font-size: var(--label-font-size);
  letter-spacing: var(--letter-spacing);
  color: var(--labelAndHeading-color);
}

.BookingInformationSec p {
  font-family: var(--MainFontFamily--);
  font-size: var(--p-tag-font-size);
  color: var(--font-color);
  line-height: var(--paragraph-line-height);
  margin-top: 0;
}

.PlanConfigurationSec {
  font-family: var(--MainFontFamily--);
  margin-left: 15px;
}

.PlanConfigurationSec table {
  font-family: var(--MainFontFamily--);
  font-size: var(--label-font-size);
  width: 98%;
}

.PlanConfigurationSec tr {
  border-bottom: 1px solid #d8d6d673;
}

.PlanConfigurationSec tr th {
  color: var(--labelAndHeading-color);
  background: #f1f1f1;
  padding: 4px 0 4px 4px;
  font-size: 13px;
  font-weight: lighter;
}

.PlanConfigurationSec tr td {
  color: var(--font-color);
  padding: 3px 0 0 4px;
  font-size: 13px;
}

.PlanConfigurationSec tr:last-child {
  border-bottom: unset;
}

.CommissionTable {
  font-family: var(--MainFontFamily--);
  font-size: var(--label-font-size);
  width: 96%;
  margin-top: 10px;
  margin-left: 12px;
}

.CommissionTable tr {
  border-bottom: 1px solid #d8d6d673;
}

.CommissionTable tr th {
  color: var(--labelAndHeading-color);
  background: #f1f1f1;
  padding: 4px 0 4px 4px;
  font-size: 13px;
  font-weight: lighter;
}

.CommissionTable tr td {
  color: var(--font-color);
  padding: 3px 0 0 4px;
  font-size: 13px;
}

.CommissionTable tr td p {
  color: var(--inner-tabs-color);
  margin: 0 0 5px;
  font-size: 12px;
}

.CommissionTable tr:last-child {
  border-bottom: unset;
}

.PolicyDetailSec {
  font-family: var(--MainFontFamily--);
  font-size: var(--label-font-size);
  width: 96%;
  margin-top: 10px;
  margin-left: 12px;
}

.PolicyDetailSec tr {
  border-bottom: 1px solid #d8d6d673;
}

.PolicyDetailSec tr th {
  color: var(--labelAndHeading-color);
  background: #f1f1f1;
  padding: 4px 0 4px 4px;
  font-size: 13px;
  font-weight: lighter;
}

.PolicyDetailSec tr td {
  color: var(--font-color);
  padding: 3px 0 0 4px;
  font-size: 13px;
}

.PolicyDetailSec p {
  margin: 0;
}

.DivideSection {
  color: #c3c3c3;
  margin: -2px -6px 0;
  font-size: 15px;
}

.CustomAggridColumnSec p {
  margin: -7px 0 -25px;
}

.GridOption {
  color: #206ddc;
  font-size: 11px !important;
}

.BookedByLink {
  color: #206ddc;
  cursor: pointer;
  margin-top: -4px;
  font-size: 15px;
}

.pagination_popup {
  z-index: 999;
  background-color: #fff;
  border-radius: 5px;
  width: 110px;
  padding: 10px 10px 5px;
  position: absolute;
  top: 36px;
  right: 60px;
  box-shadow: 0 -2px 6px #00000026;
}

.pagination_popup label {
  font-family: var(--MainFontFamily--);
  margin-left: 10px;
  font-size: 13px;
}

.scale {
  transform-origin: 0 0;
  width: 100%;
  transition: "transform 0.2s ease-in-out";
  transform: scale(.2);
}

.column_popup {
  cursor: pointer;
  border-top: 1px solid #ccc;
  padding: 5px 14px;
}

.column_popup:last-child {
  border-bottom: none;
}

.column_popup input[type="checkbox"] {
  margin-right: 5px;
}

.column_popup label {
  cursor: pointer;
  font-size: 13px;
  position: relative;
}

.column_listing {
  visibility: hidden;
  opacity: 0;
  scrollbar-width: thin;
  z-index: 99;
  background-color: #fff;
  border-radius: 5px;
  width: 220px;
  max-height: 200px;
  transition: all .1s;
  position: absolute;
  top: 40px;
  left: 110px;
  overflow: auto;
  box-shadow: 0 2px 6px #00000026;
}

.column_popup:hover .column_listing {
  visibility: visible;
  opacity: 1;
}

.column_listing > div {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  padding: 7px 15px;
}

.column_listing > div label {
  cursor: pointer;
  font-size: 13px;
  position: relative;
}

.mt-1 {
  margin-top: .25rem !important;
}

.d-flex {
  margin-bottom: 2px;
  display: flex;
}

.FileFormatInput .d-flex input {
  align-items: center;
  width: auto;
}

.welcome_div {
  align-items: center;
  display: flex;
}

.overview_div {
  background: linear-gradient(270.07deg, var(--clr-primary) 0%, var(--clr-primary-second) 100%);
  border-radius: 4px;
  width: 25%;
  height: 92px;
  margin: 0;
  padding: 8px 12px;
  position: relative;
}

.overview_div img {
  position: absolute;
  bottom: -10px;
  right: 7px;
}

.overview_box {
  flex: 1;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  margin: 0;
  padding: 0 0 0 16px;
}

.overview_div h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.overview_inner_div {
  color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.overview_inner_div h3 {
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.overview_date {
  line-height: 1.4;
}

.overview_date span {
  font-size: 12px;
  font-weight: 600;
}

.overview_date p {
  font-size: 12px;
}

canvas {
  width: 100% !important;
}

.top-admin-header {
  z-index: 99;
  background: #fff;
  border-bottom: 1px solid #ccc;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 1rem 0 0;
  display: flex;
  position: fixed;
  top: 0;
}

.menu_ham_container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menu_ham {
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 100%;
  display: flex;
}

.menu_ham svg {
  cursor: pointer;
  font-size: 24px;
}

.userprofile_wrapper {
  justify-content: center;
  align-items: center;
  gap: 18px;
  display: flex;
}

.user_pro_ico {
  align-items: center;
  gap: 15px;
  display: flex;
}

.user_pro_ico svg {
  cursor: pointer;
  font-size: 18px;
}

.settings-admin-wrapper {
  grid-template-rows: auto 1fr;
  grid-template-columns: 220px 1fr;
  min-height: 100vh;
  display: grid;
}

.settings-top-header {
  z-index: 90;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  grid-column: 1 / -1;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 12px 24px;
  display: flex;
  position: sticky;
  top: 0;
}

.logo-part {
  align-items: center;
  display: flex;
}

.right-part {
  align-items: center;
  gap: 16px;
  display: flex;
}

.icons {
  align-items: center;
  gap: 12px;
  display: flex;
}

.settings-sidebar {
  background: #f8f9fa;
  border-right: 1px solid #e5e7eb;
  flex-direction: column;
  grid-row: 2;
  justify-content: space-between;
  padding: 6px 0;
}

.settings-nav ul {
  margin: .5rem 0 0;
  padding: 0;
  list-style: none;
}

.settings-nav ul:before {
  content: "";
  background-color: #0003;
  width: 1px;
  height: 80px;
  position: absolute;
  top: 35px;
  left: .41rem;
}

.nav-item {
  color: #374151;
  padding: 8px 24px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: background .18s, color .18s;
  display: block;
  position: relative;
}

.nav-item.active {
  color: #0070f2;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-weight: 600;
}

.nav-item.active:before {
  content: "";
  background: #0070f2;
  width: 3px;
  position: absolute;
  inset: 0 auto 0 5px;
}

.logout-section {
  color: #ef4444;
  cursor: pointer;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding: 12px 24px;
  transition: background .2s;
  display: flex;
}

.logout-section:hover {
  background: #fee2e2;
}

.settings-main-content {
  background: #f9fafb;
  width: calc(100vw - 222px);
}

.settings-page-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  display: none;
}

.page-actions {
  gap: 12px;
  display: flex;
}

.menu_ham_b {
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 100%;
  margin-right: 1.5rem;
  display: flex;
}

.menu_ham_b svg {
  cursor: pointer;
  color: #ccc;
  font-size: 24px;
}

.settings-sidebar-title {
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-bottom: .25rem;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.settings-sidebar-title > a {
  display: flex;
}

nav.settings-nav {
  margin: 0 20px;
  position: relative;
}

.settings-nav-intial {
  color: #0070f2;
  align-items: center;
  gap: 8px;
  padding: .725rem 0;
  display: flex;
}

.settings-nav-intial span {
  font-size: 14px;
  font-weight: 500;
}

.rdg-row.row-selected, .rdg-row.row-selected .rdg-cell {
  box-shadow: inset 4px 0 #2563eb;
  background-color: #e0f2fe !important;
}

.custom-drawer-overlay {
  z-index: 1300;
  opacity: 0;
  pointer-events: none;
  background: #00000059;
  transition: opacity .4s;
  position: fixed;
  inset: 0;
}

.custom-drawer-overlay.open {
  opacity: 1;
  pointer-events: auto;
}

.custom-drawer {
  z-index: 1400;
  background: #fff;
  flex-direction: column;
  width: 420px;
  max-width: 94vw;
  height: 100%;
  transition: transform .42s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  box-shadow: -14px 0 40px #00000040;
}

.custom-drawer.open {
  transform: translateX(0);
}

.drawer-header {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.drawer-header h3 {
  color: #111827;
  margin: 0;
  font-size: .95rem;
  font-weight: 600;
}

.close-btn {
  cursor: pointer;
  color: #121212;
  background: none;
  border: none;
  font-size: 1.45rem;
  line-height: 1;
}

.close-btn:hover {
  color: #121212;
}

.drawer-content {
  flex: 1;
  padding: 14px 18px;
  overflow-y: auto;
}

.detail-list {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.detail-key {
  color: #4b5563;
  font-size: .97rem;
  font-weight: 500;
}

.detail-value {
  word-break: break-word;
  background: #f1f5f9;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: .95rem;
}

.drawer_header {
  align-items: center;
  gap: 18px;
  display: flex;
}

.detail-list .detail-row .detail-key {
  color: #131e29;
  margin-bottom: .35rem;
  font-size: 13px;
  font-weight: 600;
}

.detail-list .detail-row .detail-value {
  color: #131e29;
  background-color: #f7f7f7;
  font-size: 13px;
  font-weight: 400;
}

.drwaer_perm section {
  margin: 1rem 0;
}

.drwaer_perm section h4 {
  color: #131e29;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: .5rem;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: .75rem !important;
}

@media (max-width: 640px) {
  .custom-drawer {
    width: 100%;
  }

  .detail-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .detail-value {
    background: none;
    padding: 4px 0;
  }
}

button.accordion-header:hover {
  background: #eff6ff !important;
}

.accord_role .perm_name {
  color: #131e29;
  font-size: .785rem;
  font-weight: 600;
}

.edit_row label {
  color: #131e29;
  margin-bottom: .35rem;
  font-size: 13px;
  font-weight: 600;
}

.edit_row input {
  border: 1px solid #d5dadf;
  border-bottom: 2px solid #92b1cf;
}

.permissions_detail {
  margin-top: 16px;
}

.permissions_detail h4 {
  color: #131e29;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: .5rem;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: .75rem !important;
}

.input_view_c {
  color: #131e29;
  background: #f7f7f7;
  border: 1px solid #f9f9f9;
  border-radius: 6px;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  font-size: .8125rem;
  display: flex;
}

.label_view_c {
  color: #131e29;
  margin-bottom: 6px;
  font-size: .75rem;
  font-weight: 500;
  display: block;
}

.input_view_r {
  color: #131e29;
  background: #f7f7f7;
  border: 1px solid #f9f9f9;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: .8rem;
}

.label_view_r {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.input_cmn {
  background: #fff;
  border: 1px solid #d5dadf;
  border-bottom: 2px solid #c7d6e5;
  border-radius: 4px;
  width: 100%;
  padding: 6px 12px;
  font-size: .8125rem;
}

.label_cmn {
  color: #131e29;
  margin-bottom: 6px;
  font-size: .8125rem;
  font-weight: 500;
  display: block;
}

.roles_dtl_cont {
  margin-top: 18px;
}

.roles_dtl_cont .roles_dtl h4 {
  font-size: 13px;
  font-weight: 500;
}

.CategoryID, .ParentApiID {
  width: 65%;
}

.general_dflex {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.general_input_wrap {
  flex: 1;
}

.input_view_c_img {
  aspect-ratio: 5;
  height: auto;
}

.image-upload-box {
  text-align: center;
  cursor: pointer;
  background: #f9fafb;
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  transition: border-color .2s;
}

.image-upload-box:hover {
  border-color: #0070f2;
}

.image-upload-box img {
  object-fit: cover;
  border-radius: 6px;
  max-width: 100%;
  max-height: 200px;
  box-shadow: 0 2px 8px #0000001a;
}

.image-upload-placeholder-icon {
  color: #9ca3af;
  margin-bottom: 12px;
  font-size: 48px;
}

.image-upload-text {
  color: #6b7280;
  margin: 8px 0;
  font-size: 1rem;
}

.image-upload-small-text {
  color: #9ca3af;
  margin-top: 8px;
  font-size: .8125rem;
}

.info-icon {
  color: #6b7280;
  cursor: help;
  background: #e5e7eb;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-bottom: 6px;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.image_sec_cat {
  gap: 5rem;
  display: flex;
}

.image_sec_cat_inner {
  width: 60%;
}

.instruct {
  margin: .25rem 0 .5rem;
  font-size: .65rem;
  line-height: 1.4;
}

.footer_right_grid {
  align-items: center;
  gap: 6rem;
  display: flex;
}

.pagination_grid button {
  cursor: pointer;
  background-color: #0000;
  border: none;
  font-size: 1rem;
  display: flex;
}

.page_grid_right {
  align-items: center;
  gap: .5rem;
  font-size: 12px;
  display: flex;
}

.page_grid_right select {
  font-size: 12px;
}

.page_grid_right select:focus {
  outline: none;
}

.grid_title_header {
  font-size: 15px;
  font-weight: 600;
}

.grid_buttons_sec {
  align-items: center;
  display: flex;
}

.no_image_sec {
  background: #f7f7f7;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 180px;
  display: flex;
}

.no_image_sec p {
  margin-top: .5rem;
  font-size: 14px;
  font-weight: 500;
}

.no_image_sec_SEO {
  background: #f7f7f7;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.no_image_sec_SEO p {
  margin-top: .5rem;
  font-size: 12px;
  font-weight: 500;
}

.sun-editor .se-btn {
  width: 22px;
  height: 22px;
  padding: 2px;
}

.sun-editor .se-toolbar .se-btn svg {
  width: 11px;
  height: 11px;
}

/* [project]/node_modules/ag-grid-community/styles/ag-grid.css [client] (css) */
.ag-filter-panel-buttons {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
  justify-content: flex-end;
  gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
  flex-wrap: wrap;
  display: flex;
  overflow: hidden;
}

.ag-filter-panel-buttons-button {
  line-height: 1.5;
}

.ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button {
  color: var(--ag-filter-panel-apply-button-color);
  background-color: var(--ag-filter-panel-apply-button-background-color);
}

.ag-filter-panel > :where(:last-child) {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-row.ag-row-pinned-source {
  color: var(--ag-pinned-source-row-text-color);
  background-color: var(--ag-pinned-source-row-background-color);
  font-weight: var(--ag-pinned-source-row-font-weight);
}

.ag-row.ag-row-pinned {
  color: var(--ag-pinned-row-text-color);
  background-color: var(--ag-pinned-row-background-color);
  font-weight: var(--ag-pinned-row-font-weight);
}

.ag-floating-top-viewport {
  border-bottom: var(--ag-pinned-row-border);
}

.ag-floating-bottom-viewport {
  border-top: var(--ag-pinned-row-border);
}

.ag-measurement-container {
  --ag-legacy-styles-loaded: "true";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  font-style: normal;
  position: relative;
}

.ag-icon:before {
  content: "";
  font-family: inherit;
}

.ag-icon:after {
  background: transparent var(--ag-icon-image, none) center / contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, .9);
  content: "";
  position: absolute;
  inset: 0;
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation:before {
  content: var(--ag-icon-font-code-aggregation, "");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation:after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, .9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows:before {
  content: var(--ag-icon-font-code-arrows, "");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows:after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, .9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc:before {
  content: var(--ag-icon-font-code-asc, "");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc:after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, .9));
}

.ag-icon-aasc {
  font-family: var(--ag-icon-font-family-aasc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aasc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aasc, var(--ag-icon-font-color));
}

.ag-icon-aasc:before {
  content: var(--ag-icon-font-code-aasc, "");
  display: var(--ag-icon-font-display-aasc, var(--ag-icon-font-display));
}

.ag-icon-aasc:after {
  background-image: var(--ag-icon-image-aasc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aasc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aasc, var(--ag-icon-image-opacity, .9));
}

.ag-icon-adesc {
  font-family: var(--ag-icon-font-family-adesc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-adesc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-adesc, var(--ag-icon-font-color));
}

.ag-icon-adesc:before {
  content: var(--ag-icon-font-code-adesc, "");
  display: var(--ag-icon-font-display-adesc, var(--ag-icon-font-display));
}

.ag-icon-adesc:after {
  background-image: var(--ag-icon-image-adesc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-adesc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-adesc, var(--ag-icon-image-opacity, .9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel:before {
  content: var(--ag-icon-font-code-cancel, "");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel:after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, .9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart:before {
  content: var(--ag-icon-font-code-chart, "");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart:after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, .9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked:before {
  content: var(--ag-icon-font-code-checkbox-checked, "");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked:after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, .9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate:before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate:after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, .9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked:before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked:after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, .9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker:before {
  content: var(--ag-icon-font-code-color-picker, "");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker:after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, .9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns:before {
  content: var(--ag-icon-font-code-columns, "");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns:after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, .9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted:before {
  content: var(--ag-icon-font-code-contracted, "");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted:after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, .9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy:before {
  content: var(--ag-icon-font-code-copy, "");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy:after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, .9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross:before {
  content: var(--ag-icon-font-code-cross, "");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross:after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, .9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv:before {
  content: var(--ag-icon-font-code-csv, "");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv:after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, .9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut:before {
  content: var(--ag-icon-font-code-cut, "");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut:after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, .9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc:before {
  content: var(--ag-icon-font-code-desc, "");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc:after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, .9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel:before {
  content: var(--ag-icon-font-code-excel, "");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel:after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, .9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded:before {
  content: var(--ag-icon-font-code-expanded, "");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded:after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, .9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash:before {
  content: var(--ag-icon-font-code-eye-slash, "");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash:after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, .9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye:before {
  content: var(--ag-icon-font-code-eye, "");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye:after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, .9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter:before {
  content: var(--ag-icon-font-code-filter, "");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter:after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, .9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first:before {
  content: var(--ag-icon-font-code-first, "");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first:after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, .9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip:before {
  content: var(--ag-icon-font-code-grip, "");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip:after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, .9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group:before {
  content: var(--ag-icon-font-code-group, "");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group:after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, .9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last:before {
  content: var(--ag-icon-font-code-last, "");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last:after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, .9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left:before {
  content: var(--ag-icon-font-code-left, "");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left:after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, .9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked:before {
  content: var(--ag-icon-font-code-linked, "");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked:after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, .9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading:before {
  content: var(--ag-icon-font-code-loading, "");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading:after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, .9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize:before {
  content: var(--ag-icon-font-code-maximize, "");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize:after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, .9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu:before {
  content: var(--ag-icon-font-code-menu, "");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu:after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, .9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize:before {
  content: var(--ag-icon-font-code-minimize, "");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize:after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, .9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next:before {
  content: var(--ag-icon-font-code-next, "");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next:after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, .9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none:before {
  content: var(--ag-icon-font-code-none, "");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none:after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, .9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed:before {
  content: var(--ag-icon-font-code-not-allowed, "");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed:after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, .9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste:before {
  content: var(--ag-icon-font-code-paste, "");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste:after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, .9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin:before {
  content: var(--ag-icon-font-code-pin, "");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin:after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, .9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot:before {
  content: var(--ag-icon-font-code-pivot, "");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot:after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, .9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous:before {
  content: var(--ag-icon-font-code-previous, "");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous:after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, .9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off:before {
  content: var(--ag-icon-font-code-radio-button-off, "");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off:after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, .9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on:before {
  content: var(--ag-icon-font-code-radio-button-on, "");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on:after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, .9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right:before {
  content: var(--ag-icon-font-code-right, "");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right:after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, .9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save:before {
  content: var(--ag-icon-font-code-save, "");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save:after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, .9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down:before {
  content: var(--ag-icon-font-code-small-down, "");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down:after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, .9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left:before {
  content: var(--ag-icon-font-code-small-left, "");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left:after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, .9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right:before {
  content: var(--ag-icon-font-code-small-right, "");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right:after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, .9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up:before {
  content: var(--ag-icon-font-code-small-up, "");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up:after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, .9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick:before {
  content: var(--ag-icon-font-code-tick, "");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick:after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, .9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed:before {
  content: var(--ag-icon-font-code-tree-closed, "");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed:after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, .9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate:before {
  content: var(--ag-icon-font-code-tree-indeterminate, "");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate:after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, .9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open:before {
  content: var(--ag-icon-font-code-tree-open, "");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open:after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, .9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked:before {
  content: var(--ag-icon-font-code-unlinked, "");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked:after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, .9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up:before {
  content: var(--ag-icon-font-code-up, "");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up:after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, .9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down:before {
  content: var(--ag-icon-font-code-down, "");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down:after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, .9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus:before {
  content: var(--ag-icon-font-code-plus, "");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus:after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, .9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus:before {
  content: var(--ag-icon-font-code-minus, "");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus:after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, .9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt:before {
  content: var(--ag-icon-font-code-menu-alt, "");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt:after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, .9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings:before {
  content: var(--ag-icon-font-code-settings, "");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings:after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, .9));
}

.ag-icon-column-arrow {
  font-family: var(--ag-icon-font-family-column-arrow, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-column-arrow, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-column-arrow, var(--ag-icon-font-color));
}

.ag-icon-column-arrow:before {
  content: var(--ag-icon-font-code-column-arrow, "");
  display: var(--ag-icon-font-display-column-arrow, var(--ag-icon-font-display));
}

.ag-icon-column-arrow:after {
  background-image: var(--ag-icon-image-column-arrow, var(--ag-icon-image));
  display: var(--ag-icon-image-display-column-arrow, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-column-arrow, var(--ag-icon-image-opacity, .9));
}

.ag-icon-un-pin {
  font-family: var(--ag-icon-font-family-un-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-un-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-un-pin, var(--ag-icon-font-color));
}

.ag-icon-un-pin:before {
  content: var(--ag-icon-font-code-un-pin, "");
  display: var(--ag-icon-font-display-un-pin, var(--ag-icon-font-display));
}

.ag-icon-un-pin:after {
  background-image: var(--ag-icon-image-un-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-un-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-un-pin, var(--ag-icon-image-opacity, .9));
}

.ag-icon-pinned-bottom {
  font-family: var(--ag-icon-font-family-pinned-bottom, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-bottom, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-bottom, var(--ag-icon-font-color));
}

.ag-icon-pinned-bottom:before {
  content: var(--ag-icon-font-code-pinned-bottom, "");
  display: var(--ag-icon-font-display-pinned-bottom, var(--ag-icon-font-display));
}

.ag-icon-pinned-bottom:after {
  background-image: var(--ag-icon-image-pinned-bottom, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-bottom, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-bottom, var(--ag-icon-image-opacity, .9));
}

.ag-icon-pinned-top {
  font-family: var(--ag-icon-font-family-pinned-top, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-top, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-top, var(--ag-icon-font-color));
}

.ag-icon-pinned-top:before {
  content: var(--ag-icon-font-code-pinned-top, "");
  display: var(--ag-icon-font-display-pinned-top, var(--ag-icon-font-display));
}

.ag-icon-pinned-top:after {
  background-image: var(--ag-icon-image-pinned-top, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-top, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-top, var(--ag-icon-image-opacity, .9));
}

.ag-icon-chevron-up {
  font-family: var(--ag-icon-font-family-chevron-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-up, var(--ag-icon-font-color));
}

.ag-icon-chevron-up:before {
  content: var(--ag-icon-font-code-chevron-up, "");
  display: var(--ag-icon-font-display-chevron-up, var(--ag-icon-font-display));
}

.ag-icon-chevron-up:after {
  background-image: var(--ag-icon-image-chevron-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-up, var(--ag-icon-image-opacity, .9));
}

.ag-icon-chevron-down {
  font-family: var(--ag-icon-font-family-chevron-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-down, var(--ag-icon-font-color));
}

.ag-icon-chevron-down:before {
  content: var(--ag-icon-font-code-chevron-down, "");
  display: var(--ag-icon-font-display-chevron-down, var(--ag-icon-font-display));
}

.ag-icon-chevron-down:after {
  background-image: var(--ag-icon-image-chevron-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-down, var(--ag-icon-image-opacity, .9));
}

.ag-icon-chevron-left {
  font-family: var(--ag-icon-font-family-chevron-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-left, var(--ag-icon-font-color));
}

.ag-icon-chevron-left:before {
  content: var(--ag-icon-font-code-chevron-left, "");
  display: var(--ag-icon-font-display-chevron-left, var(--ag-icon-font-display));
}

.ag-icon-chevron-left:after {
  background-image: var(--ag-icon-image-chevron-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-left, var(--ag-icon-image-opacity, .9));
}

.ag-icon-chevron-right {
  font-family: var(--ag-icon-font-family-chevron-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-right, var(--ag-icon-font-color));
}

.ag-icon-chevron-right:before {
  content: var(--ag-icon-font-code-chevron-right, "");
  display: var(--ag-icon-font-display-chevron-right, var(--ag-icon-font-display));
}

.ag-icon-chevron-right:after {
  background-image: var(--ag-icon-image-chevron-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-right, var(--ag-icon-image-opacity, .9));
}

.ag-icon-filter-add {
  font-family: var(--ag-icon-font-family-filter-add, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter-add, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter-add, var(--ag-icon-font-color));
}

.ag-icon-filter-add:before {
  content: var(--ag-icon-font-code-filter-add, "");
  display: var(--ag-icon-font-display-filter-add, var(--ag-icon-font-display));
}

.ag-icon-filter-add:after {
  background-image: var(--ag-icon-image-filter-add, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter-add, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter-add, var(--ag-icon-image-opacity, .9));
}

.ag-icon-edit {
  font-family: var(--ag-icon-font-family-edit, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-edit, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-edit, var(--ag-icon-font-color));
}

.ag-icon-edit:before {
  content: var(--ag-icon-font-code-edit, "");
  display: var(--ag-icon-font-display-edit, var(--ag-icon-font-display));
}

.ag-icon-edit:after {
  background-image: var(--ag-icon-image-edit, var(--ag-icon-image));
  display: var(--ag-icon-image-display-edit, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-edit, var(--ag-icon-image-opacity, .9));
}

.ag-icon-row-drag:before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow:before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow:before {
  content: var(--ag-icon-font-code-right);
}

[class*="ag-theme-"] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: #00000080;
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-tooltip-error-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 10%);
  --ag-tooltip-error-text-color: var(--ag-invalid-color);
  --ag-tooltip-error-border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%);
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-data-background-color: var(--ag-background-color);
  --ag-odd-row-background-color: var(--ag-data-background-color);
  --ag-modal-overlay-background-color: #ffffffa8;
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-row-drag-indicator-color: var(--ag-range-selection-border-color);
  --ag-row-drag-indicator-width: 2px;
  --ag-column-drag-indicator-color: var(--ag-range-selection-border-color);
  --ag-column-drag-indicator-width: 2px;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: #0003;
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-range-header-highlight-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 8%);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: #00ff841a;
  --ag-range-selection-chart-background-color: #0058ff1a;
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: #16a08580;
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: #42424233;
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: #00000040;
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-full-row-invalid-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-error-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-pagination-panel-height: var(--ag-header-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size)  + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size)  + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing)  + var(--ag-icon-size));
  --ag-row-numbers-selected-color: #bbb;
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px #0000004d;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ff0;
  --ag-find-active-match-background-color: orange;
  --ag-cell-batch-edit-background-color: #dcb58b29;
  --ag-cell-batch-edit-text-color: #422f00;
  --ag-row-batch-edit-background-color: var(--ag-cell-batch-edit-background-color);
  --ag-row-batch-edit-text-color: var(--ag-cell-batch-edit-text-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-background-color);
  --ag-filter-panel-card-subtle-color: var(--ag-foreground-color);
  --ag-filter-panel-card-subtle-hover-color: var(--ag-foreground-color);
  --ag-formula-token-1-color: #3269c6;
  --ag-formula-token-1-background-color: #3269c629;
  --ag-formula-token-1-border-color: var(--ag-formula-token-1-color);
  --ag-formula-token-2-color: #c0343f;
  --ag-formula-token-2-background-color: #c0343f29;
  --ag-formula-token-2-border-color: var(--ag-formula-token-2-color);
  --ag-formula-token-3-color: #8156b8;
  --ag-formula-token-3-background-color: #8156b829;
  --ag-formula-token-3-border-color: var(--ag-formula-token-3-color);
  --ag-formula-token-4-color: #007c1f;
  --ag-formula-token-4-background-color: #007c1f29;
  --ag-formula-token-4-border-color: var(--ag-formula-token-4-color);
  --ag-formula-token-5-color: #b03e85;
  --ag-formula-token-5-background-color: #b03e8529;
  --ag-formula-token-5-border-color: var(--ag-formula-token-5-color);
  --ag-formula-token-6-color: #b74900;
  --ag-formula-token-6-background-color: #b7490029;
  --ag-formula-token-6-border-color: var(--ag-formula-token-6-color);
  --ag-formula-token-7-color: #247492;
  --ag-formula-token-7-background-color: #24749229;
  --ag-formula-token-7-border-color: var(--ag-formula-token-7-color);
}

.ag-root-wrapper, .ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

.ag-sticky-top, .ag-sticky-bottom {
  background-color: var(--ag-data-background-color);
}

.ag-sticky-bottom .ag-pinned-left-sticky-bottom, .ag-sticky-bottom .ag-sticky-bottom-container, .ag-sticky-bottom .ag-pinned-right-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper, .ag-popup {
  --ag-indentation-level: 0;
}

[class*="ag-theme-"] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  color: var(--ag-foreground-color);
  line-height: normal;
}

ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -webkit-user-select: none;
  user-select: none;
}

.ag-selectable {
  -webkit-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper, .ag-picker-field-wrapper {
  flex: auto;
  align-items: center;
  line-height: normal;
  display: flex;
  position: relative;
}

.ag-shake-left-to-right {
  animation-name: ag-shake-left-to-right;
  animation-duration: .2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }

  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}

.ag-root-wrapper {
  cursor: default;
  white-space: normal;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  opacity: .7;
  color: #9b9b9b;
  transition: opacity 1s ease-out 3s;
  position: absolute;
  bottom: 20px;
  right: 25px;
}

.ag-watermark:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-size: 170px 40px;
  width: 170px;
  height: 40px;
  display: block;
}

.ag-watermark-text {
  opacity: .5;
  padding-left: .7rem;
  font-family: Impact, sans-serif;
  font-size: 19px;
  font-weight: bold;
}

.ag-root-wrapper-body {
  flex-direction: row;
  display: flex;
}

.ag-root-wrapper-body.ag-layout-normal {
  flex: auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  flex-direction: column;
  display: flex;
  position: relative;
}

.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  flex: auto;
  width: 0;
  overflow: hidden;
}

.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport, .ag-floating-top-viewport, .ag-body-viewport, .ag-center-cols-viewport, .ag-floating-bottom-viewport, .ag-body-horizontal-scroll-viewport, .ag-body-vertical-scroll-viewport, .ag-virtual-list-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport {
  flex: auto;
  min-width: 0;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ag-body-viewport, .ag-center-cols-viewport, .ag-header-viewport, .ag-floating-top-viewport, .ag-floating-bottom-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.ag-body-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-center-cols-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-header-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-floating-top-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-floating-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-sticky-top-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}

.ag-body-viewport.ag-layout-normal {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.ag-viewport {
  position: relative;
}

.ag-spanning-container {
  z-index: 1;
  position: absolute;
  top: 0;
}

.ag-sticky-top-container, .ag-sticky-bottom-container, .ag-floating-top-container, .ag-floating-bottom-container {
  min-height: 1px;
}

.ag-sticky-top, .ag-sticky-bottom {
  z-index: 1;
}

.ag-center-cols-viewport {
  width: 100%;
  min-height: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  width: 100%;
  overflow: auto;
}

.ag-header-container, .ag-floating-top-container, .ag-body-container, .ag-pinned-right-cols-container, .ag-center-cols-container, .ag-pinned-left-cols-container, .ag-floating-bottom-container, .ag-body-horizontal-scroll-container, .ag-body-vertical-scroll-container, .ag-full-width-container, .ag-floating-bottom-full-width-container, .ag-virtual-list-container, .ag-sticky-top-container, .ag-sticky-bottom-container, .ag-pinned-left-sticky-bottom, .ag-pinned-right-sticky-bottom {
  position: relative;
}

.ag-header-container, .ag-floating-top-container, .ag-pinned-left-floating-top, .ag-pinned-right-floating-top, .ag-floating-bottom-container, .ag-pinned-left-floating-bottom, .ag-pinned-right-floating-bottom, .ag-sticky-top-container, .ag-sticky-bottom-container {
  white-space: nowrap;
  height: 100%;
}

.ag-center-cols-container, .ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container, .ag-floating-top-full-width-container, .ag-floating-bottom-full-width-container, .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container {
  pointer-events: none;
  position: absolute;
  top: 0;
}

.ag-ltr .ag-full-width-container, .ag-ltr .ag-floating-top-full-width-container, .ag-ltr .ag-floating-bottom-full-width-container, .ag-ltr .ag-sticky-top-full-width-container, .ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}

.ag-rtl .ag-full-width-container, .ag-rtl .ag-floating-top-full-width-container, .ag-rtl .ag-floating-bottom-full-width-container, .ag-rtl .ag-sticky-top-full-width-container, .ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  flex: auto;
  min-height: 0;
  display: flex;
  position: relative;
  flex-direction: row !important;
}

.ag-body-horizontal-scroll, .ag-body-vertical-scroll {
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible, .ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}

.ag-body-vertical-scroll.ag-scrollbar-invisible {
  z-index: 10;
  top: 0;
}

.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}

.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  min-width: 0;
  height: 100%;
  overflow-x: scroll;
}

.ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.ag-header-cell-sortable .ag-header-cell-label, .ag-header-group-cell-selectable .ag-header-cell-comp-wrapper {
  cursor: pointer;
}

.ag-header {
  white-space: nowrap;
  width: 100%;
  display: flex;
}

.ag-pinned-left-header, .ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  align-items: center;
  height: 100%;
  display: inline-flex;
  position: absolute;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button, .ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  opacity: 0;
  transition: opacity .2s;
}

.ag-header-group-cell-label, .ag-header-cell-label {
  flex: auto;
  align-self: stretch;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  flex: none;
  max-width: 100%;
  position: sticky;
  overflow: visible;
}

.ag-header-group-text {
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-header-cell-text {
  text-overflow: ellipsis;
  word-break: break-word;
  overflow: hidden;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  align-items: center;
  height: 100%;
  display: flex;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  z-index: 2;
  cursor: ew-resize;
  width: 8px;
  height: 100%;
  position: absolute;
  top: 0;
}

.ag-ltr .ag-header-cell-resize {
  right: -3px;
}

.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button, .ag-header-cell-filter-button, .ag-side-button-button, .ag-panel-title-bar-button, .ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell, .ag-column-moving .ag-header-cell, .ag-column-moving .ag-spanned-cell-wrapper {
  transition: left .2s;
}

.ag-column-moving .ag-header-group-cell {
  transition: left .2s, width .2s;
}

.ag-delay-render .ag-cell, .ag-delay-render .ag-row, .ag-delay-render .ag-spanned-cell-wrapper, .ag-delay-render .ag-header-cell, .ag-delay-render .ag-header-group-cell {
  visibility: hidden;
}

.ag-column-panel {
  flex-direction: column;
  flex: auto;
  display: flex;
  overflow: hidden;
}

.ag-column-select {
  flex-direction: column;
  flex: 3 1 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ag-column-select-header {
  flex: none;
  display: flex;
  position: relative;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0;
  overflow: hidden;
}

.ag-column-drop {
  align-items: center;
  width: 100%;
  display: inline-flex;
  position: relative;
  overflow: auto;
}

.ag-column-drop-list {
  align-items: center;
  display: flex;
}

.ag-column-drop-cell {
  align-items: center;
  display: flex;
  position: relative;
}

.ag-column-drop-cell-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  overflow: hidden;
}

.ag-column-drop-vertical {
  flex-direction: column;
  flex: 1 1 0;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.ag-column-drop-vertical-title-bar {
  flex: none;
  align-items: center;
  display: flex;
}

.ag-column-drop-vertical-list {
  flex-direction: column;
  flex-grow: 1;
  align-items: stretch;
  position: relative;
  overflow-x: auto;
}

.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header, .ag-filter-toolpanel-search, .ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * {
  align-items: center;
  display: flex;
}

.ag-filter-apply-panel {
  justify-content: flex-end;
  display: flex;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform .4s, top .4s, opacity .2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform .4s, top .4s, height .4s, opacity .2s;
}

.ag-row-animation.ag-prevent-animation .ag-row, .ag-row-animation.ag-prevent-animation .ag-row.ag-after-created {
  transition: none !important;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  align-items: center;
  display: flex;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  pointer-events: all;
  overflow: hidden;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  align-items: center;
  display: flex;
}

.ag-cell {
  white-space: nowrap;
  height: 100%;
  display: inline-block;
  position: absolute;
}

.ag-cell-value {
  flex: auto;
}

.ag-cell-value:not(.ag-allow-overflow), .ag-group-value {
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-cell-wrapper {
  align-items: center;
  display: flex;
}

.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper {
  align-items: normal;
  height: 100%;
}

.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper .ag-cell-value {
  height: 100%;
}

.ag-sparkline-wrapper {
  width: 100%;
  height: 100%;
  line-height: initial;
  position: absolute;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  align-items: center;
  height: 100%;
}

.ag-cell-inline-editing {
  z-index: 1;
}

.ag-cell-inline-editing .ag-cell-wrapper, .ag-cell-inline-editing .ag-cell-edit-wrapper, .ag-cell-inline-editing .ag-cell-editor, .ag-cell-inline-editing .ag-cell-editor .ag-wrapper, .ag-cell-inline-editing .ag-cell-editor.ag-cell-editor.ag-cell-editor input {
  width: 100%;
  height: 100%;
  min-height: 100%;
  line-height: normal;
}

.ag-row.ag-row-editing-invalid .ag-cell-inline-editing {
  opacity: .8;
}

.ag-cell .ag-icon {
  vertical-align: middle;
  display: inline-block;
}

.ag-set-filter-item {
  align-items: center;
  height: 100%;
  display: flex;
}

.ag-set-filter-item-checkbox {
  width: 100%;
  height: 100%;
  display: flex;
}

.ag-set-filter-group-icons {
  display: block;
}

.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  flex-direction: column;
  display: flex;
}

.ag-filter-filter {
  flex: 1 1 0;
}

.ag-filter-condition {
  justify-content: center;
  display: flex;
}

.ag-floating-filter-body {
  flex: auto;
  height: 100%;
  display: flex;
  position: relative;
}

.ag-floating-filter-full-body {
  flex: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: auto;
}

.ag-floating-filter-input {
  align-items: center;
  width: 100%;
  display: flex;
}

.ag-floating-filter-input > * {
  flex: auto;
}

.ag-floating-filter-button {
  flex: none;
  display: flex;
}

.ag-date-floating-filter-wrapper {
  display: flex;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  cursor: move;
  white-space: nowrap;
  align-items: center;
  display: inline-flex;
}

.ag-overlay {
  pointer-events: none;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ag-overlay-panel {
  width: 100%;
  height: 100%;
  display: flex;
}

.ag-overlay-wrapper {
  text-align: center;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ag-overlay-loading-wrapper, .ag-overlay-exporting-wrapper, .ag-overlay-modal-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  width: 100%;
  position: absolute;
}

.ag-floating-top, .ag-floating-bottom {
  white-space: nowrap;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ag-pinned-left-floating-top, .ag-pinned-right-floating-top, .ag-pinned-left-floating-bottom, .ag-pinned-right-floating-bottom {
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.ag-sticky-top, .ag-sticky-bottom {
  width: 100%;
  height: 0;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}

.ag-sticky-bottom .ag-pinned-left-sticky-bottom, .ag-sticky-bottom .ag-sticky-bottom-container, .ag-sticky-bottom .ag-pinned-right-sticky-bottom {
  box-sizing: border-box;
}

.ag-pinned-left-sticky-top, .ag-pinned-right-sticky-top {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ag-dialog, .ag-panel {
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  cursor: default;
  flex: none;
  align-items: center;
  display: flex;
}

.ag-panel-title-bar-title {
  flex: auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  flex: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  pointer-events: none;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
}

.ag-resizer.ag-resizer-topLeft {
  cursor: nwse-resize;
  width: 5px;
  height: 5px;
  top: 0;
  left: 0;
}

.ag-resizer.ag-resizer-top {
  cursor: ns-resize;
  height: 5px;
  top: 0;
  left: 5px;
  right: 5px;
}

.ag-resizer.ag-resizer-topRight {
  cursor: nesw-resize;
  width: 5px;
  height: 5px;
  top: 0;
  right: 0;
}

.ag-resizer.ag-resizer-right {
  cursor: ew-resize;
  width: 5px;
  top: 5px;
  bottom: 5px;
  right: 0;
}

.ag-resizer.ag-resizer-bottomRight {
  cursor: nwse-resize;
  width: 5px;
  height: 5px;
  bottom: 0;
  right: 0;
}

.ag-resizer.ag-resizer-bottom {
  cursor: ns-resize;
  height: 5px;
  bottom: 0;
  left: 5px;
  right: 5px;
}

.ag-resizer.ag-resizer-bottomLeft {
  cursor: nesw-resize;
  width: 5px;
  height: 5px;
  bottom: 0;
  left: 0;
}

.ag-resizer.ag-resizer-left {
  cursor: ew-resize;
  width: 5px;
  top: 5px;
  bottom: 5px;
  left: 0;
}

.ag-tooltip, .ag-tooltip-custom {
  z-index: 99999;
  position: absolute;
}

.ag-tooltip:not(.ag-tooltip-interactive), .ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  opacity: 1;
  margin-right: 5px;
  transition: opacity 3s linear, margin-right 3s linear;
}

.ag-value-slide-out-end {
  opacity: 0;
  margin-right: 10px;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  -webkit-user-select: none;
  user-select: none;
  max-height: 100%;
  position: absolute;
  overflow-y: auto;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}

.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  -webkit-user-select: none;
  user-select: none;
}

.ag-menu-list {
  width: 100%;
  display: table;
}

.ag-menu-option, .ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part, .ag-menu-separator-part {
  vertical-align: middle;
  display: table-cell;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: auto;
}

.ag-context-menu-loading-icon {
  pointer-events: none;
  position: absolute;
}

.ag-pill-container {
  flex-wrap: nowrap;
  gap: .25rem;
  display: flex;
}

.ag-pill {
  white-space: nowrap;
  align-items: center;
  padding: 0 .25rem;
  display: flex;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  align-items: center;
  height: 100%;
  display: flex;
}

.ag-rich-select-value .ag-picker-field-display {
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: .5;
}

.ag-rich-select-list {
  position: relative;
}

.ag-rich-select-list .ag-rich-select-loading {
  min-height: 2rem;
  display: flex;
}

.ag-rich-select-row {
  white-space: nowrap;
  flex: auto;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-rich-select-field-input {
  flex: auto;
}

.ag-rich-select-field-input .ag-input-field-input {
  text-overflow: ellipsis;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: .8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}

.ag-autocomplete > * {
  flex: auto;
}

.ag-autocomplete-list-popup {
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  flex: auto;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-paging-panel {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.ag-paging-page-summary-panel {
  align-items: center;
  display: flex;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  overflow: hidden auto;
}

.ag-column-select-column, .ag-column-select-column-group, .ag-select-agg-func-item {
  flex-flow: row;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.ag-column-select-column > *, .ag-column-select-column-group > *, .ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item, .ag-column-select-column-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  overflow: hidden;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  z-index: 1;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize, .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  contain: paint;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ag-header-group-cell-label, .ag-cell-label-container {
  padding: 5px 0;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}

.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  flex-direction: row-reverse;
  display: flex;
}

.ag-side-bar-left {
  flex-direction: row;
  order: -1;
}

.ag-side-button-button {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.ag-status-panel, .ag-status-panel.ag-status-panel-aggregations .ag-status-name-value {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left, .ag-status-bar-center, .ag-status-bar-right {
  display: inline-flex;
}

.ag-row-number-cell {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  overflow: hidden;
}

.ag-ltr .ag-row-number-cell {
  text-align: right;
}

.ag-rtl .ag-row-number-cell {
  text-align: left;
}

.ag-row-numbers-resizer {
  cursor: ns-resize;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.ag-floating-bottom .ag-row-numbers-resizer {
  bottom: unset;
  top: -2px;
}

.ag-icon {
  speak: none;
  display: block;
}

.ag-group {
  width: 100%;
  position: relative;
}

.ag-group-title-bar {
  align-items: center;
  display: flex;
}

.ag-group-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  display: inline;
  overflow: hidden;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  align-items: center;
  display: flex;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-flow: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}

.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right .3s;
  position: absolute;
  top: -1px;
}

.ag-input-field, .ag-select {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.ag-input-field-input {
  flex: auto;
}

.ag-floating-filter-input .ag-input-field-input[type="date"], .ag-floating-filter-input .ag-input-field-input[type="datetime-local"] {
  width: 1px;
}

.ag-range-field, .ag-angle-select {
  align-items: center;
  display: flex;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}

.ag-slider-wrapper .ag-input-field, .ag-picker-field-display {
  flex: auto;
}

.ag-picker-field {
  align-items: center;
  display: flex;
}

.ag-picker-field-icon {
  cursor: pointer;
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}

.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}

.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.ag-color-panel {
  text-align: center;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ag-spectrum-color {
  cursor: default;
  flex: auto;
  position: relative;
  overflow: visible;
}

.ag-spectrum-fill {
  position: absolute;
  inset: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  pointer-events: none;
  cursor: pointer;
  position: absolute;
}

.ag-spectrum-hue, .ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, red 3%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22><rect x=%220%22 y=%220%22 width=%224%22 height=%224%22 fill=%22%23fff%22/><path d=%22M0 0H2V4H4V2H0Z%22 fill=%22%23b2b2b2%22/></svg>");
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left / 4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  pointer-events: none;
  position: absolute;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  flex-direction: column;
  display: flex;
}

.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-content-editable-field {
  align-items: center;
  display: flex;
}

.ag-content-editable-field-input {
  cursor: text;
  white-space: nowrap;
  outline: none;
  flex: auto;
  line-height: normal;
  display: block;
  overflow: auto hidden;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.ag-content-editable-field-input::-webkit-scrollbar {
  display: none !important;
}

.ag-ltr {
  direction: ltr;
}

.ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-sticky-bottom, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}

.ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-sticky-bottom, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}

.ag-rtl .ag-icon-contracted, .ag-rtl .ag-icon-expanded, .ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  visibility: hidden;
  width: 0;
  overflow: hidden;
}

.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  height: unset;
  display: block;
}

.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}

.ag-layout-print .ag-body-vertical-scroll, .ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}

.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
    container-type: normal;
  }

  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body, .ag-root-wrapper.ag-layout-print .ag-root, .ag-root-wrapper.ag-layout-print .ag-body-viewport, .ag-root-wrapper.ag-layout-print .ag-center-cols-container, .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport, .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport, .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    display: block !important;
    overflow: hidden !important;
  }

  .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}

[class^="ag-"], [class^="ag-"]:focus, [class^="ag-"]:after, [class^="ag-"]:before {
  box-sizing: border-box;
  outline: none;
}

[class^="ag-"]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper, .ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  width: unset;
  min-width: unset;
  flex: none;
}

.ag-button {
  color: var(--ag-foreground-color);
  border-radius: 0;
}

.ag-button:hover {
  background-color: #0000;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^="ag-"] {
  background-color: var(--ag-background-color);
  margin: 0;
}

textarea[class^="ag-"], select[class^="ag-"] {
  background-color: var(--ag-background-color);
}

input[class^="ag-"]:not([type]), input[class^="ag-"][type="text"], input[class^="ag-"][type="number"], input[class^="ag-"][type="tel"], input[class^="ag-"][type="date"], input[class^="ag-"][type="datetime-local"], textarea[class^="ag-"] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
  font-family: inherit;
}

input[class^="ag-"]:not([type]):disabled, input[class^="ag-"][type="text"]:disabled, input[class^="ag-"][type="number"]:disabled, input[class^="ag-"][type="tel"]:disabled, input[class^="ag-"][type="date"]:disabled, input[class^="ag-"][type="datetime-local"]:disabled, textarea[class^="ag-"]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

input[class^="ag-"]:not([type]):focus, input[class^="ag-"][type="text"]:focus, input[class^="ag-"][type="number"]:focus, input[class^="ag-"][type="tel"]:focus, input[class^="ag-"][type="date"]:focus, input[class^="ag-"][type="datetime-local"]:focus, textarea[class^="ag-"]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
  outline: none;
}

input[class^="ag-"]:not([type]):focus.invalid, input[class^="ag-"]:not([type]):focus:invalid, input[class^="ag-"][type="text"]:focus.invalid, input[class^="ag-"][type="text"]:focus:invalid, input[class^="ag-"][type="number"]:focus.invalid, input[class^="ag-"][type="number"]:focus:invalid, input[class^="ag-"][type="tel"]:focus.invalid, input[class^="ag-"][type="tel"]:focus:invalid, input[class^="ag-"][type="date"]:focus.invalid, input[class^="ag-"][type="date"]:focus:invalid, input[class^="ag-"][type="datetime-local"]:focus.invalid, input[class^="ag-"][type="datetime-local"]:focus:invalid, textarea[class^="ag-"]:focus.invalid, textarea[class^="ag-"]:focus:invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
  border-color: var(--ag-invalid-color);
}

input[class^="ag-"]:not([type]):invalid, input[class^="ag-"][type="text"]:invalid, input[class^="ag-"][type="number"]:invalid, input[class^="ag-"][type="tel"]:invalid, input[class^="ag-"][type="date"]:invalid, input[class^="ag-"][type="datetime-local"]:invalid, textarea[class^="ag-"]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^="ag-"][type="number"]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}

input[class^="ag-"][type="number"]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^="ag-"][type="number"]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^="ag-"][type="range"] {
  padding: 0;
}

input[class^="ag-"][type="button"]:focus, button[class^="ag-"]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

input[class^="ag-"][type="button"]:focus:invalid, input[class^="ag-"][type="button"]:focus.invalid, button[class^="ag-"]:focus:invalid, button[class^="ag-"]:focus.invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item, .ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}

.ag-virtual-list-item:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-select-list {
  background-color: var(--ag-background-color);
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  overflow: hidden auto;
}

.ag-list-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag, .ag-selection-checkbox, .ag-group-expanded, .ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-row-drag, .ag-ltr .ag-selection-checkbox, .ag-ltr .ag-group-expanded, .ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-row-drag, .ag-rtl .ag-selection-checkbox, .ag-rtl .ag-group-expanded, .ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-drag-handle-disabled {
  opacity: .35;
  pointer-events: none;
}

.ag-cell-wrapper > :not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height)  - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height)  - var(--ag-row-border-width)  - 2px);
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  flex: none;
  align-items: center;
  display: flex;
}

.ag-group-expanded, .ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  flex: none;
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}

.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar, .ag-disabled-group-container {
  opacity: .5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * .5) 0;
}

.ag-label {
  white-space: nowrap;
}

.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * .5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: .4;
}

.ag-ltr .ag-slider-field, .ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-slider-field, .ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  border: 1px solid;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
  border-radius: 12px;
  width: 24px;
  height: 24px;
}

.ag-angle-select-child-circle {
  background-color: var(--ag-secondary-foreground-color);
  border-radius: 3px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  margin-left: -3px;
  top: 4px;
  left: 12px;
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
  border-radius: 5px;
}

.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
  outline: none;
}

.ag-picker-field-wrapper.ag-picker-has-focus.invalid, .ag-picker-field-wrapper:focus-within.invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}

.ag-picker-field-wrapper.invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}

.ag-color-picker .ag-picker-field-display {
  min-height: var(--ag-list-item-height);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.ag-ltr .ag-color-picker-color, .ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-color-picker-color, .ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: red;
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, #fff, #cc9a8100);
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, #000, #cc9a8100);
}

.ag-spectrum-dragger {
  background: #000;
  border: 2px solid #fff;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  box-shadow: 0 0 2px #0000003d;
}

.ag-spectrum-hue-background, .ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  border-radius: 2px;
  height: 11px;
  margin-bottom: 10px;
}

.ag-spectrum-slider {
  border: 2px solid #fff;
  border-radius: 13px;
  width: 13px;
  height: 13px;
  margin-top: -12px;
  box-shadow: 0 1px 4px #0000005e;
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}

.ag-recent-color:first-child {
  margin-left: 0;
}

.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]), .ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]), .ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^="ag-"][type="text"].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size)  + var(--ag-grid-size) * 2);
}

.ag-rtl .ag-color-input input[class^="ag-"][type="text"].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size)  + var(--ag-grid-size) * 2);
}

.ag-color-input .ag-color-input-color {
  position: absolute;
}

.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color, .ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
  margin: 0;
  overflow: hidden;
}

.ag-dnd-ghost-not-allowed {
  border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}

.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}

.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}

.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}

.ag-select .ag-picker-field-display {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-select .ag-picker-field-icon {
  align-items: center;
  display: flex;
}

.ag-select.ag-disabled {
  opacity: .5;
}

.ag-rich-select-value, .ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  width: 100%;
  height: auto;
}

.ag-rich-select-list .ag-rich-select-loading {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}

.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}

.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-rich-select-virtual-list-item:focus-visible:after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover, .ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-autocomplete-virtual-list-item:focus-visible:after {
  content: none;
}

.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}

.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-content-editable-field-input {
  background-color: var(--ag-background-color);
  border: var(--ag-borders-input) var(--ag-input-border-color);
  border-radius: var(--ag-border-radius);
  color: var(--ag-foreground-color);
}

.ag-ltr .ag-content-editable-field-input {
  padding-left: var(--ag-grid-size);
}

.ag-rtl .ag-content-editable-field-input {
  padding-right: var(--ag-grid-size);
}

.ag-cell-editor .ag-wrapper.ag-content-editable-field-input {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height)  - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height)  - var(--ag-row-border-width)  - 2px);
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
}

.ag-content-editable-field-input:focus, .ag-content-editable-field-input:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

:where(.ag-content-editable-field.ag-disabled .ag-content-editable-field-input) {
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
  color: var(--ag-disabled-foreground-color);
}

.ag-content-editable-field-input.invalid {
  border-color: var(--ag-invalid-color);
}

.ag-formula-token {
  line-height: var(--ag-line-height, 1.6);
}

.ag-formula-token-color-1 {
  color: var(--ag-formula-token-1-color);
}

.ag-formula-token-color-2 {
  color: var(--ag-formula-token-2-color);
}

.ag-formula-token-color-3 {
  color: var(--ag-formula-token-3-color);
}

.ag-formula-token-color-4 {
  color: var(--ag-formula-token-4-color);
}

.ag-formula-token-color-5 {
  color: var(--ag-formula-token-5-color);
}

.ag-formula-token-color-6 {
  color: var(--ag-formula-token-6-color);
}

.ag-formula-token-color-7 {
  color: var(--ag-formula-token-7-color);
}

.ag-formula-range-color-1 {
  --ag-range-selection-border-color: var(--ag-formula-token-1-color);
  --ag-range-selection-background-color: var(--ag-formula-token-1-background-color);
}

.ag-formula-range-color-2 {
  --ag-range-selection-border-color: var(--ag-formula-token-2-color);
  --ag-range-selection-background-color: var(--ag-formula-token-2-background-color);
}

.ag-formula-range-color-3 {
  --ag-range-selection-border-color: var(--ag-formula-token-3-color);
  --ag-range-selection-background-color: var(--ag-formula-token-3-background-color);
}

.ag-formula-range-color-4 {
  --ag-range-selection-border-color: var(--ag-formula-token-4-color);
  --ag-range-selection-background-color: var(--ag-formula-token-4-background-color);
}

.ag-formula-range-color-5 {
  --ag-range-selection-border-color: var(--ag-formula-token-5-color);
  --ag-range-selection-background-color: var(--ag-formula-token-5-background-color);
}

.ag-formula-range-color-6 {
  --ag-range-selection-border-color: var(--ag-formula-token-6-color);
  --ag-range-selection-background-color: var(--ag-formula-token-6-background-color);
}

.ag-formula-range-color-7 {
  --ag-range-selection-border-color: var(--ag-formula-token-7-color);
  --ag-range-selection-background-color: var(--ag-formula-token-7-background-color);
}

.ag-range-handle.ag-formula-range-color-1, .ag-fill-handle.ag-formula-range-color-1 {
  background-color: var(--ag-formula-token-1-color);
}

.ag-range-handle.ag-formula-range-color-2, .ag-fill-handle.ag-formula-range-color-2 {
  background-color: var(--ag-formula-token-2-color);
}

.ag-range-handle.ag-formula-range-color-3, .ag-fill-handle.ag-formula-range-color-3 {
  background-color: var(--ag-formula-token-3-color);
}

.ag-range-handle.ag-formula-range-color-4, .ag-fill-handle.ag-formula-range-color-4 {
  background-color: var(--ag-formula-token-4-color);
}

.ag-range-handle.ag-formula-range-color-5, .ag-fill-handle.ag-formula-range-color-5 {
  background-color: var(--ag-formula-token-5-color);
}

.ag-range-handle.ag-formula-range-color-6, .ag-fill-handle.ag-formula-range-color-6 {
  background-color: var(--ag-formula-token-6-color);
}

.ag-dragging-range-handle .ag-dialog, .ag-dragging-fill-handle .ag-dialog {
  opacity: .7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-cell-editor-tooltip, .ag-tooltip.ag-cell-formula-tooltip {
  background-color: var(--ag-tooltip-error-background-color);
  color: var(--ag-tooltip-error-text-color);
  border: var(--ag-borders) var(--ag-tooltip-error-border-color);
  font-weight: 500;
}

.ag-tooltip.ag-tooltip-animate, .ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}

.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding, .ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column, .ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-column, .ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}

.ag-column-select-header-icon:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ag-ltr .ag-column-group-icons:not(:last-child), .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-rtl .ag-column-group-icons:not(:last-child), .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}

.ag-column-select-virtual-list-item:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
}

.ag-column-select-column-group:not(:last-child), .ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly, .ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size)  + var(--ag-grid-size) * 2);
}

.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size)  + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * .5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  min-height: unset;
  border-bottom: 0;
}

.ag-pill-select .ag-column-drop-list {
  padding: 0;
}

.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}

.ag-pill-select .ag-picker-field-wrapper {
  background-color: #0000;
  border: 0;
}

.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding)  + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group, .ag-cell-wrapper.ag-row-group-leaf-indent, .ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-cell-wrapper > .ag-group-checkbox-spacing {
  width: var(--ag-icon-size);
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: #0000;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color .1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: #0000;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row, .ag-spanned-row {
  color: var(--ag-data-color);
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-data-background-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row.ag-row-editing-invalid {
  background-color: var(--ag-full-row-invalid-background-color);
}

.ag-spanned-cell-wrapper {
  background-color: var(--ag-data-background-color);
  position: absolute;
}

.ag-spanned-cell-wrapper > .ag-spanned-cell {
  display: block;
  position: relative;
}

.ag-row-highlight-above:after, .ag-row-highlight-inside:after, .ag-row-highlight-below:after {
  content: "";
  width: calc(100% - 1px);
  height: var(--ag-row-drag-indicator-width);
  background-color: var(--ag-row-drag-indicator-color);
  border-radius: calc(var(--ag-row-drag-indicator-width) / 2);
  pointer-events: none;
  position: absolute;
  left: 1px;
}

.ag-row-highlight-above:after {
  top: 0;
}

.ag-row-highlight-below:after {
  bottom: 0;
}

.ag-row-highlight-indent:after {
  width: auto;
  left: calc(2 * (var(--ag-cell-widget-spacing)  + var(--ag-icon-size))  + var(--ag-cell-horizontal-padding)  + var(--ag-row-highlight-level) * var(--ag-row-group-indent-size));
  display: block;
  right: 1px;
}

.ag-row-highlight-inside:after {
  background-color: var(--ag-selected-row-background-color);
  border: 1px solid var(--ag-range-selection-border-color);
  width: auto;
  height: auto;
  display: block;
  inset: 0;
}

.ag-body, .ag-floating-top, .ag-floating-bottom {
  background-color: var(--ag-data-background-color);
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected:before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  inset: 0;
}

.ag-row-hover:not(.ag-full-width-row):before, .ag-row-hover.ag-full-width-row.ag-row-group:before {
  content: "";
  background-color: var(--ag-row-hover-color);
  pointer-events: none;
  display: block;
  position: absolute;
  inset: 0;
}

.ag-row.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected:before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-header-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}

.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value, .ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}

.ag-rtl .ag-right-aligned-cell .ag-cell-value, .ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}

.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height)  - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height)  - var(--ag-row-border-width)  - 2px);
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding)  - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding)  - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
  border: 1px solid #0000;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding)  - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding)  - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: .5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-popup-editor .ag-large-text, .ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-data-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper, .ag-overlay-exporting-wrapper, .ag-overlay-modal-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center, .ag-overlay-exporting-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  display: flex;
}

.ag-skeleton-container {
  align-content: center;
  width: 100%;
  height: 100%;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  border-radius: .25rem;
  width: 100%;
  height: 1em;
  animation: 1.5s ease-in-out .5s infinite ag-skeleton-loading;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }

  100% {
    opacity: 1;
  }
}

.ag-loading {
  align-items: center;
  height: 100%;
  display: flex;
}

.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.ag-floating-top:not(.ag-invisible) {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom:not(.ag-invisible) {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-find-cell {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.ag-find-match {
  color: var(--ag-find-match-color);
  background-color: var(--ag-find-match-background-color);
}

.ag-find-active-match {
  color: var(--ag-find-active-match-color);
  background-color: var(--ag-find-active-match-background-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}

.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}

.ag-ltr .ag-cell {
  border-right-width: 1px;
}

.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus), .ag-cell-range-selected.ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart, .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}

.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category, .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus), .ag-cell-range-selected-1.ag-cell-range-chart, .ag-cell-range-selected-1.ag-formula-range, .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus), .ag-cell-range-selected-2.ag-cell-range-chart, .ag-cell-range-selected-2.ag-formula-range, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus), .ag-cell-range-selected-3.ag-cell-range-chart, .ag-cell-range-selected-3.ag-formula-range, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus), .ag-cell-range-selected-4.ag-cell-range-chart, .ag-cell-range-selected-4.ag-formula-range, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-ltr .ag-cell-range-single-cell, .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-rtl .ag-cell-range-single-cell, .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top, .ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right, .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-rtl .ag-cell.ag-selection-fill-right, .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom, .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left, .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-rtl .ag-cell.ag-selection-fill-left, .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle, .ag-range-handle {
  background-color: var(--ag-range-selection-border-color);
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: -1px;
}

.ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle {
  right: -1px;
}

.ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: crosshair;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-cell-inline-editing.ag-cell-editing-error {
  border-color: var(--ag-invalid-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part:after {
  content: "";
  border-top: var(--ag-borders-critical) var(--ag-border-color);
  display: block;
}

.ag-menu-option {
  position: relative;
}

.ag-menu-option:focus-visible {
  outline: none;
}

.ag-menu-option:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
}

.ag-menu-option-active, .ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part, .ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size)  + 2px) 0;
}

.ag-menu-option-disabled, .ag-compact-menu-option-disabled {
  opacity: .5;
}

.ag-menu-option-icon, .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}

.ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text, .ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer, .ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-menu-option-popup-pointer, .ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header, .ag-tabs-header-wrapper {
  display: flex;
}

.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  background-color: unset;
  cursor: pointer;
  border: 0;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ag-tab:focus-visible {
  outline: none;
}

.ag-tab:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list, .ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding)  + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding)  + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size)  + var(--ag-widget-container-horizontal-padding));
}

.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size)  + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}

.ag-filter-virtual-list-item:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}

.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  gap: var(--ag-widget-vertical-spacing);
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: var(--ag-widget-container-vertical-padding);
  min-height: calc(var(--ag-list-item-height)  + var(--ag-widget-container-vertical-padding)  + var(--ag-widget-vertical-spacing));
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper, .ag-menu:not(.ag-tabs) .ag-filter > :not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width)  - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: #0000;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding)  - var(--ag-widget-vertical-spacing));
}

.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}

.ag-multi-filter-group-title-bar:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-tool-panel-external {
  flex-direction: row;
  display: flex;
}

:where(.ag-tool-panel-external) .ag-tool-panel-wrapper {
  flex-grow: 1;
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size)  + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  min-height: calc(var(--ag-grid-size) * 18);
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
  background: center no-repeat;
  margin: 0;
}

button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}

.ag-side-button-button:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left, .ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper, .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-side-bar-left .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}

.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left, .ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper, .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-side-bar-left .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}

.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header, .ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}

.ag-filter-toolpanel-header:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * .5);
  margin-bottom: calc(var(--ag-grid-size) * .5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  height: calc(var(--ag-grid-size) * 4);
  flex-grow: 1;
}

.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand, .ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-expand, .ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: #0000;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0)  + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0)  + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon, .ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-group-instance-header-icon, .ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-panel {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ag-filter-panel .ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) 0;
}

.ag-filter-panel .ag-mini-filter {
  margin-top: var(--ag-widget-vertical-spacing);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-panel .ag-standard-button {
  transition: background-color .25s ease-in-out, color .25s ease-in-out;
}

.ag-filter-panel .ag-simple-filter-body-wrapper > :last-child, .ag-filter-panel .ag-set-filter-body-wrapper {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-panel-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
  flex: 1;
  overflow: auto;
}

.ag-filter-panel-container > :not(:last-child) {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-card {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-background-color);
}

.ag-ltr .ag-filter-card .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding)  + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-right: var(--ag-widget-container-horizontal-padding);
}

.ag-rtl .ag-filter-card .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding)  + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-card-header {
  padding-top: var(--ag-widget-vertical-spacing);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.ag-ltr .ag-filter-card-header > :not(:last-child) {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-filter-card-header > :not(:last-child) {
  padding-left: var(--ag-grid-size);
}

.ag-filter-card-heading {
  padding-top: calc(var(--ag-widget-container-vertical-padding)  - var(--ag-widget-vertical-spacing));
  padding-bottom: calc(var(--ag-widget-container-vertical-padding)  - var(--ag-widget-vertical-spacing));
  flex: 1;
  overflow: hidden;
}

.ag-ltr .ag-filter-card-heading {
  padding-left: var(--ag-widget-horizontal-spacing);
}

.ag-rtl .ag-filter-card-heading {
  padding-right: var(--ag-widget-horizontal-spacing);
}

.ag-filter-card-expand {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ag-filter-card-title {
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-filter-card-expand-icon {
  flex: 1;
  justify-content: end;
  display: flex;
}

.ag-filter-card-editing-icon {
  margin: 0 var(--ag-grid-size);
}

.ag-filter-card-summary, .ag-filter-card-expand-icon .ag-icon, .ag-filter-card-delete-icon .ag-icon, .ag-filter-card-editing-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-color);
}

.ag-filter-card-expand-icon .ag-icon, .ag-filter-card-delete-icon .ag-icon {
  transition: color .25s ease-in-out;
}

.ag-filter-card-expand-icon:hover .ag-icon, .ag-filter-card-delete-icon:hover .ag-icon, .ag-filter-card-heading:hover .ag-filter-card-expand-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}

.ag-filter-card-expand, .ag-filter-card-delete {
  border-radius: var(--ag-button-border-radius);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.ag-filter-panel .ag-standard-button {
  cursor: pointer;
}

.ag-filter-card-summary, .ag-filter-type-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-ltr .ag-filter-card-delete {
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-rtl .ag-filter-card-delete {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-filter-card-summary {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-type-select {
  padding-top: var(--ag-widget-vertical-spacing);
}

.ag-filter-card-add {
  border: 0;
  padding: 0;
}

.ag-filter-add-button {
  flex-direction: row;
  align-items: center;
  width: 100%;
  line-height: 1.5;
  display: flex;
}

.ag-ltr .ag-filter-add-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-filter-add-button-label {
  margin-right: var(--ag-grid-size);
}

.ag-filter-add-select {
  border: 0;
}

.ag-ltr .ag-filter-add-select .ag-text-field-input {
  padding-left: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}

.ag-rtl .ag-filter-add-select .ag-text-field-input {
  padding-right: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}

.ag-filter-add-select .ag-rich-select-value {
  padding: calc((1.5 * var(--ag-font-size)  + 4 * var(--ag-grid-size)  - var(--ag-input-height)) / 2) var(--ag-grid-size);
  border: 0;
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  align-items: center;
  display: flex;
}

.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}

.ag-column-select-header:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-column-select-header {
  height: var(--ag-header-height);
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  align-items: center;
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons, .ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered:after {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
}

.ag-column-select-list .ag-item-highlight-top:after {
  top: 0;
}

.ag-column-select-list .ag-item-highlight-bottom:after {
  bottom: 0;
}

.ag-header, .ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-cell:not(.ag-right-aligned-header) .ag-header-col-ref {
  margin-right: var(--ag-grid-size);
  color: var(--ag-subtle-text-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-header-cell.ag-right-aligned-header .ag-header-col-ref {
  margin-left: var(--ag-grid-size);
  color: var(--ag-subtle-text-color);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell, .ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell.ag-header-cell-moving, .ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}

.ag-header-cell:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-header-group-cell:focus-visible {
  outline: none;
}

.ag-header-group-cell:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}

.ag-advanced-filter-header-cell:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}

.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}

.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden), .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-header-group-cell:first-of-type.ag-column-resizing, .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell:before, .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group):before {
  content: "";
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * .5);
  background-color: var(--ag-header-column-separator-color);
  position: absolute;
}

.ag-ltr .ag-header-cell:before, .ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group):before {
  right: 0;
}

.ag-rtl .ag-header-cell:before, .ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group):before {
  left: 0;
}

.ag-header-highlight-before:after, .ag-header-highlight-after:after {
  content: "";
  height: 100%;
  width: var(--ag-column-drag-indicator-width);
  border-radius: calc(var(--ag-column-drag-indicator-width) / 2);
  background-color: var(--ag-column-drag-indicator-color);
  position: absolute;
}

.ag-header-highlight-before:after {
  left: 0;
}

.ag-header-highlight-after:after {
  right: 0;
}

.ag-pinned-left-header .ag-header-highlight-after:after {
  right: 1px;
}

.ag-header-cell-resize {
  align-items: center;
  display: flex;
}

.ag-header-cell-resize:after {
  content: "";
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * .5);
  background-color: var(--ag-header-column-resize-handle-color);
  position: absolute;
}

.ag-header-cell.ag-header-span-height .ag-header-cell-resize:after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize:after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-rtl .ag-header-viewport .ag-header-cell-resize:after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize:after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize:after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  height: var(--ag-icon-size);
  width: var(--ag-icon-size);
  background: none;
  border: none;
  padding: 0;
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  z-index: 1;
  align-items: unset;
  width: 100%;
  position: absolute;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-pagination-panel-height);
}

.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}

.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}

.ag-paging-button:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ag-paging-button, .ag-paging-description {
  margin: 0 var(--ag-grid-size);
  line-height: 0;
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * .5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}

.ag-column-drop-cell:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * .5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: .5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  min-height: 50px;
}

.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}

.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}

.ag-select-agg-func-virtual-list-item:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}

.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.ag-chart-components-wrapper {
  flex: auto;
  display: flex;
  position: relative;
}

.ag-chart-canvas-wrapper {
  flex: auto;
  position: relative;
}

.ag-chart-menu {
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 16px;
}

.ag-ltr .ag-chart-menu {
  right: 20px;
}

.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  min-width: var(--ag-chart-menu-panel-width);
  position: relative;
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  flex: none;
}

.ag-chart-tabbed-menu-body {
  flex: auto;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  display: flex;
}

.ag-chart-settings-card-selector {
  flex: auto;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  display: flex;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  background-color: #000;
  width: 10px;
  height: 10px;
  position: relative;
}

.ag-chart-settings-card-item.ag-not-selected {
  opacity: .2;
}

.ag-chart-settings-card-item:before {
  content: " ";
  background-color: #0000;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.ag-chart-settings-prev, .ag-chart-settings-next {
  flex: none;
  position: relative;
}

.ag-chart-settings-prev:focus-within, .ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button, .ag-chart-settings-next-button {
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ag-chart-settings-mini-charts-container {
  flex: auto;
  position: relative;
  overflow: hidden auto;
}

.ag-chart-settings-mini-wrapper {
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left .3s ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper, .ag-chart-format-wrapper, .ag-chart-advanced-settings-wrapper {
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  padding-bottom: 16px;
  display: flex;
  position: relative;
}

.ag-chart-data-wrapper, .ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper, .ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section, .ag-chart-format-section, .ag-chart-advanced-settings-section {
  margin: 0;
  display: flex;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  background-color: var(--ag-background-color);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  top: 0;
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  flex-direction: row;
  gap: 20px;
  width: auto;
  display: flex;
  top: 8px;
}

.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding)  + var(--ag-grid-size)  - 4px);
  justify-content: right;
}

.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding)  + var(--ag-grid-size)  - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: .5;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
  margin: 2px 0;
}

.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  background-color: unset;
  border: 0;
  border-radius: 1px;
  padding: 0 2px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
  padding: 1px;
}

.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  padding: unset;
  border-width: 2px;
}

.ag-chart-mini-thumbnail:focus-visible {
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
  outline: none;
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  border-radius: 4px;
  width: 8px;
  height: 8px;
}

.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar, .ag-charts-data-group-title-bar, .ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  background-color: unset;
  position: relative;
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}

.ag-charts-data-group-title-bar:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}

.ag-charts-format-top-level-group-title-bar:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title, .ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * .5) var(--ag-widget-container-horizontal-padding);
}

.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}

.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}

.ag-charts-data-group-container .ag-list-item-hovered:after {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
}

.ag-charts-data-group-container .ag-item-highlight-top:after {
  top: 0;
}

.ag-charts-data-group-container .ag-item-highlight-bottom:after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container, .ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}

.ag-ltr .ag-charts-format-top-level-group-container, .ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-charts-format-top-level-group-container, .ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-charts-format-top-level-group-item, .ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding)  - var(--ag-widget-vertical-spacing));
}

.ag-charts-format-sub-level-group-container > *, .ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  grid-template-columns: 60px 1fr 60px 1fr 60px;
  row-gap: 8px;
  display: grid;
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}

.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}

.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  text-align: center;
  flex-grow: 1;
}

.ag-date-time-list-page-column-labels-row, .ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label, .ag-date-time-list-page-entry {
  flex-grow: 1;
  flex-basis: 0;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
  align-items: center;
  display: flex;
  position: relative;
}

.ag-advanced-filter {
  align-items: center;
  width: 100%;
  display: flex;
}

.ag-advanced-filter-buttons {
  display: contents;
}

.ag-advanced-filter-builder-button {
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  white-space: nowrap;
  border: 0;
  align-items: center;
  font-weight: 600;
  line-height: normal;
  display: flex;
}

.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}

.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -webkit-user-select: none;
  user-select: none;
  background-color: var(--ag-control-panel-background-color);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}

.ag-advanced-filter-builder-list .ag-list-item-hovered:after {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
}

.ag-advanced-filter-builder-list .ag-item-highlight-top:after {
  top: 0;
}

.ag-advanced-filter-builder-list .ag-item-highlight-bottom:after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  justify-content: flex-end;
  display: flex;
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button, .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
  flex: auto;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root:before {
  height: 50%;
  top: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal, .ag-advanced-filter-builder-item-tree-line-vertical, .ag-advanced-filter-builder-item-tree-line-vertical-top, .ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.ag-advanced-filter-builder-item-tree-line-horizontal:before, .ag-advanced-filter-builder-item-tree-line-horizontal:after, .ag-advanced-filter-builder-item-tree-line-vertical:before, .ag-advanced-filter-builder-item-tree-line-vertical:after, .ag-advanced-filter-builder-item-tree-line-vertical-top:before, .ag-advanced-filter-builder-item-tree-line-vertical-top:after, .ag-advanced-filter-builder-item-tree-line-vertical-bottom:before, .ag-advanced-filter-builder-item-tree-line-vertical-bottom:after {
  content: "";
  height: 100%;
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-line-horizontal:after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size)  - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical:before {
  width: calc(var(--ag-advanced-filter-builder-indent-size)  - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top:before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size)  - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom:before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item, .ag-advanced-filter-builder-item-condition, .ag-advanced-filter-builder-pill-wrapper, .ag-advanced-filter-builder-pill, .ag-advanced-filter-builder-item-buttons, .ag-advanced-filter-builder-item-tree-lines {
  align-items: center;
  height: 100%;
  display: flex;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
  position: relative;
}

.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}

.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}

.ag-advanced-filter-builder-pill:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}

.ag-advanced-filter-builder-item-button:focus-visible:after {
  content: "";
  pointer-events: none;
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
  background-color: #0000;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
}

.ag-advanced-filter-builder-pill-display {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}

.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * .5);
}

.ag-advanced-filter-builder-item-button {
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: .5;
  position: relative;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
  display: flex;
}

.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button, .ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible, .ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 1;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-row-number-cell {
  background-color: var(--ag-header-background-color);
  color: var(--ag-header-foreground-color);
  font-size: var(--ag-font-size);
  font-family: var(--ag-font-family);
}

.ag-row-number-header.ag-row-number-selection-enabled {
  cursor: cell;
}

.ag-row-number-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}

.ag-row-number-range-selected {
  background-color: var(--ag-row-numbers-selected-color);
}

.ag-ltr .ag-row-number-header, .ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) {
  border-right: var(--ag-pinned-column-border);
}

.ag-ltr .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg=="), auto;
}

.ag-rtl .ag-row-number-header, .ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) {
  border-left: var(--ag-pinned-column-border);
}

.ag-rtl .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik01Ljk3OSw4LjkxMUw1Ljk3OSwxMC4zMDZMMy40NDUsOC4xNkw1Ljk3OSw2LjAxNEw1Ljk3OSw3LjQwOUwxMi4yODUsNy40MDlMMTIuMjg1LDguOTExTDUuOTc5LDguOTExWiIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utd2lkdGg6MC40MXB4OyIvPgogICAgPC9nPgo8L3N2Zz4K"), auto;
}

.ag-cell-batch-edit {
  background-color: var(--ag-cell-batch-edit-background-color);
  color: var(--ag-cell-batch-edit-text-color);
}

.ag-cell.ag-cell-inline-editing {
  background-color: var(--ag-background-color);
  background-image: linear-gradient(0deg, var(--ag-input-background-color), var(--ag-input-background-color));
}

.ag-row-batch-edit {
  background-color: var(--ag-row-batch-edit-background-color);
  color: var(--ag-row-batch-edit-text-color);
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  vertical-align: middle;
  flex: none;
  font-style: normal;
  display: inline-block;
}

.ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  box-shadow: var(--ag-input-focus-box-shadow);
  outline: none;
}

.ag-cell-editing-error .ag-checkbox-input-wrapper:focus-within, .ag-cell-editing-error .ag-checkbox-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}

.ag-checkbox-input-wrapper.ag-disabled {
  opacity: .5;
}

.ag-checkbox-input-wrapper:after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  pointer-events: none;
  font-family: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

.ag-checkbox-input-wrapper.ag-checked:after {
  content: var(--ag-icon-font-code-checkbox-checked, "");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.ag-checkbox-input-wrapper.ag-indeterminate:after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.ag-checkbox-input-wrapper:before {
  content: "";
  background: center / contain no-repeat;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, .9));
  position: absolute;
  inset: 0;
}

.ag-checkbox-input-wrapper.ag-checked:before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, .9));
}

.ag-checkbox-input-wrapper.ag-indeterminate:before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, .9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * .5);
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
  flex: none;
  position: relative;
}

.ag-toggle-button-input-wrapper input {
  opacity: 0;
  width: 100%;
  height: 100%;
}

.ag-toggle-button-input-wrapper:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  outline: none;
}

.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: .5;
}

.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-toggle-button-input-wrapper:before {
  content: " ";
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
  border-radius: 100%;
  transition: left .1s;
  display: block;
  position: absolute;
}

.ag-toggle-button-input-wrapper.ag-checked:before {
  left: calc(100% - var(--ag-toggle-button-height)  + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  vertical-align: middle;
  border-radius: var(--ag-icon-size);
  flex: none;
  font-style: normal;
  display: inline-block;
}

.ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  box-shadow: var(--ag-input-focus-box-shadow);
  outline: none;
}

.ag-cell-editing-error .ag-radio-button-input-wrapper:focus-within, .ag-cell-editing-error .ag-radio-button-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}

.ag-radio-button-input-wrapper.ag-disabled {
  opacity: .5;
}

.ag-radio-button-input-wrapper:after {
  content: var(--ag-icon-font-code-radio-button-off, "");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.ag-radio-button-input-wrapper.ag-checked:after {
  content: var(--ag-icon-font-code-radio-button-on, "");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.ag-radio-button-input-wrapper:before {
  content: "";
  background: center / contain no-repeat;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, .9));
  position: absolute;
  inset: 0;
}

.ag-radio-button-input-wrapper.ag-checked:before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, .9));
}

.ag-range-field-input {
  -webkit-appearance: none;
  background: none;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.ag-range-field-input::-webkit-slider-runnable-track {
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
}

.ag-range-field-input::-moz-range-track {
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
}

.ag-range-field-input::-ms-track {
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: #0000;
  width: calc(100% - 2px);
  height: 3px;
  margin: 0;
  padding: 0;
}

.ag-range-field-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -.5 + 1.5px));
  margin: 0;
  padding: 0;
}

.ag-range-field-input::-ms-thumb {
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  margin: 0;
  padding: 0;
}

.ag-range-field-input::-moz-ag-range-thumb {
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  margin: 0;
  padding: 0;
}

.ag-range-field-input:focus {
  outline: none;
}

.ag-range-field-input:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

.ag-range-field-input:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

.ag-range-field-input:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

.ag-range-field-input:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}

.ag-range-field-input:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}

.ag-range-field-input:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}

.ag-range-field-input:disabled {
  opacity: .5;
}

/* [project]/node_modules/ag-grid-community/styles/ag-theme-alpine.css [client] (css) */
@font-face {
  font-family: agGridAlpine;
  src: url("data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABggAAsAAAAAMhAAABfNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItkBmAAjSYKuCStUgE2AiQDgnALgToABCAFhEYHhlQbPytlBGwcAPTYmQ3Z/39J4GQMMXfuK6EqRbRgZStLKfHti42sdSMMSzt8ncPoZYkG0xVMVCoPK4h6JNm9WHhsaEzj0edan0MTU1OnzAbfuP/Ea//rIg4bSsnz9GPfzvuii9guKmsWEiqWmE7LeAmEaNLuDD441/vawCVpe4j4geyXs7NzE1aTlTpyn4ATHiLTnS00yFIAuSkyfboqAfADv83/g9cEBYvUxgBjoYjNtRD/jLoXzNjmCguLDV863FoMsN/TJ7rqu2yjNr++SF+4F4t6sbiWSe/utyXXIRlFxlKbAcNjbaoHCpWampr8/0G793Otk0Ia6+lhWBUU/odPV7n1bn3wVBkKrbtnF5Xj9qfmn3yl5/8+e1i4lDHb73vdMciYBEs8IXwlAn5as9deCshTfC0LhRKdmp2dS3bocpt8mpvQ3n3ay6ftfkpSZMjeFj4Bu1YBy7ovfIVnYSplK4ysbqum3N/N3EGUPWOtd7Bj99YuI0MDJWOR6IXH+q9jVhTQ0TSnb96qHEZvX/j2AYuo5N4F8sHL7RsvH6N/mUUrdirEcqg3GJX2098fRVC05bGeVP1DDQxFtfbaTRalhymrbe6og2Gbjl+GpBIsVxA6cbvoqAVJ6QnfEUVbERtuupCM6JXdwphulBcsoHbyeGRdhLKzA04bxnCtU/MYW/Gdwp30gR5yVMYLR5ijVImd3zwZP0P6QhzFOhVfmia8ChLC5ZEbU5hXGrFi3TbKbBZpJrppDx/dc4abhr7EyRuGGcm0okgWxU2GRlizCspC8SwpG3khIMJp1JFW0cCSy/gswwlzErbhpjJ+E7XXYFuov5NHetnlTb145oeTDO8NhCOXUnHP45RMGGP3Fk68fFWL3MFOEVHYCy4SHgr2rpxSjoV3fG8jE7Je/PLvzWf/iiHJsT9N3Lpyslwvj8uroi4HtPk9If9eeK3Q0Hbfg9yaCZ/WktdOjH5Ojcuo3PWmEXG7x11bUFEeYjqR2jfjBOr7kswlqfFa/XTSw9l1XIapJIXXfUOapNGMUKUTsExCe23EuEbpvrIXDLNZ1UpvKjY+1xKrD/PkSJ6NjaIjKcoodlqYW8ZHWvm2CWRchDtxTu7+YhTNqatx3ZSwora4PTqifCG1AsIpeWppFBu2bEDdGVUjj2taM9YIG408dP5dZOPlnkeilLiQ2Cvfkw07P0YJM8q6SZKbLsKdV+4SzqwD7DLUOUAzI3TRferjVLXmPPLOD1dYFUJoC9cb6MTw7NZVSk4k5WCfGIXi9lQyqKfsYJ4asueeuG3AnEMD0lfZReyHhbiqlVFl+69wFBpjjr6kRMwbEZnJvh3sNtOo4PCGNcNqQz8pd3RXHmn71KHysvIJr7Nvv3zBRDEAVLAqJJO1/2r2DP+NZIf8ASdrG/VM+peA6QXJJ1fBMKhBZbS6rfQjvDyMULKFQ/2BHoKOqvnhkz/Z/fefEd/e+hJNSCa6MNNwVF4fiBC1b4bcGXEmV/kpBPWUDOYxsVLjlrs66AjORpDU+PwNo8XOwcnFzcPLxy8gKCQsIiomLiEpJS0jKyevoKikrKKqpq6hqSWtraOLcOvpGxgaGaOYiamZuYWlSAylAclZfNj/+ZsOakN30jJHta8VRUC2m/1t2dy6i+gUPUDtub5nwcgaHQYX0CZwER0El9AecBntBVfQVnAVnQTX0GZwHe0HN9B2cAsdALfRPnAHHQF30U5wD+0A99Ex8BBtAY/QbvAYbQNP0FHwFJ0Az9Au8BwdAi/QcfDysFMQjcukDg6SgIOkABoQBjQhHGhBbEAbIoAORAJdiAJ6IAYwA2ICMyEWMAtiB2ZDHMAciBOYC3EB8yBuYD7EAyyAeIFeiA/og/iBhZAAsAgSBBZDQsASSBhYCokAyyBRYDkkBqyAxIGVkASwCpIEVkNSwBpIGlgLyQDrIFlgPSQHbIDkgX5IARiAFIFBSAkYgpSBYUgFGIFUgVFIDRiD1IFxSAOYgDRt12ULyCQEmYIg0xCgCunZYZN9cGU5AAc5BAc5Agc5Bgc5AQc5BVCDzIA6ZM7pyQU4yCU4yBU4yDU4yA04yC04yB0YtOH0Vr5j4VYfdKck+fJ/H8BobKnQvx8gKBMURfsqJjinAq2gMYES2ptqBErltNmlUgpBvkLQPCkl8VWblHLOqS6omoJ6lHK7s24+k0aLl3s3mjgphsuli5ouoirDWMGSQh0qqzzqcTjclmh8uWwwTqWf+oSslBuHx9A+y/JLkY0EUS/EmLRxxkM+S0xdgpHYciXgoXGX6arrSmfqWvYL9U6HXJKCuZP5WDKZg/zKvb+B1cxPsecO0BGDlH0y49gk6yGYNhFmxGinSXZqPW+1sjBO/Lws9ur39sfI2gtQP/dwp3M43X34/HgQ4OqZzh2MU7r0w/qoX/WNVAhXHgvhxuUuWcjRCjsW2on3pgEjY2UwfH6aT51BSpY4jgl1PUjIZ81HIYxCWn8bSsedPWNLGVLsUE+ombIf7tZxnoaltQ1nSF29k6vp+Ic2nOrQmTZ9hg6ViorNcCcVPrtTq2x+p2bp3K9gbgrFNkbthFlxL0pJGNQBGyp2qu/OAV87fo66Wh8sklrCiYu/ZYwoRPo+26jYUSx0miznw48yCxGlFkaIw3aEdQgwqU8LYZXWqzEh69gkwyvrICdkinuiEzG9cToBIjizfu/VJpHVjcjCFFzLM3tyYCYayyJVZNbrks4xCl5YVI1Ex/SvEz62WP9O76Lw2jbvHBuDOjzh84WE8NnsJornCZquNs2VoR2FegygZ1yfzO3o0J1EdWgNqkf7uyXkvV7njRswY3h0Rp2dhBka957lt2u1MRAYa9YBXaP3Mpy5maTGQScH8pujrdp3ZUgzGJeo9H4oc/VNLqdvsDnK2efazJPOvWCIluLx40CYwDD/yjGgUDs3xafX9c1ZdWbjo3qCmGGoUwre6u6dWEprtOHw9WRkRlKu1GXUscrmURT12TjL9MhqcQCAhxGn0y1D2kivw/8IoY4KYWuZYsXkg82Mv7ZrnD3ddm7GEG6wPZHrL01hMBfnybmZ6tnyOMrSKCEut6JS6+Y19PbBX2Vz2V2rWuf3eubJaTVvzwe9jHi6Li2MQqUIs4baxi1iACeCHace2HHhhjIbJjIytEDIfn1jzsUTFyEOdyABlxLIBOyqzBxjNvM2PLaOedJzo/OFOVGy0/iVcOOWa9JW2HwCHh+gt5jvEBjx0X7j958iu63t1EEJj4XKTxZqfxOH9nTNFnL2qcy65Bg6Yeh+AVS0hvDRhcVer3CdXjmRqsNm2vPtK38oNsoIwdSMswGYKWk+WIHo2FiyMyep50zl27OA17pQI/njsfYwjzwMNuvw46Kej32KRE++o2YMFvKBZHakX4ajkrNiWWj1WOgXzNKqQ7xzQixdwx7wORTkRrGpYsi2k87GJ4KbvNLMMSedK4elaygvzC/spL3Ls89jTzO6Z54mvi46M/cyvpDdN/86/V0hNW2ws9OF85tU9J7JBnehvHfi5Izeu1ImyPQwyoy2x4F3vMectnAXCknqzhTSgqrv8jCEvANovHeqsWiIPAFo4Y8MxkM4iPd0Tud0bs0zdWoa7Blvpca+elkRNBqam07Os268jgPrMSv/eKn8mgj2E05pYyQNT5TeKHKrIikK+SmzTmnmwQ0x+adHVEFwpj71ch4X7+zI87U/m4HOc3A4eVuJM79qnf/de9c+MifzqqbOSABB9U7M6wNFSxweDHAy0JvYfotm3Uv+qcGKnGbfZ8SXUgp0Sp3WJ/nEV0rB6ra2MkMuPkEU7b2tesD2BatbNI+JyqCOruHC80IHKx1p+0Zqsy35Ctier904Kh3rHiPjtNt1eDLDUanbCG+E1dkhlp9PJ6sNMuky3JNYfdRVy2DIToeOrfaWpotKwrBwBd7p1sZQMxgYe4DVzbOVVpWhOEIxkIVv6/Z7KUrDpBOFYKIqKtCy25uZso5WOq7pHlF/tfMaNSrbncuQTobWlzlLIbYKRKf2tL7HFsM1qkZtAv/MaC9TphiWwlxF16fO8i85QDJJ582NMIaiwJvgtQG8yeZd2xmjaXNel0kkCwrlVg9HRilPK8FIio4vWofoqZ98kZ221RVeqau+832Bvk1aRS9E7Zluh1+maRxbE9ez4d67CqK9vVcmy5ChK2qi2ME7PBqGn2uXl99j739aHk3AMgT//b/zHwCc6SZ2Ntop+p63khOvauRP/2K6WP6SGcGJMYk38PyVd/85Z+KCoH4hme/i/OuQPI2T9pE2rHTlpuL8pVwfNYKn8SV6ezrtJhdZIy4LelTP796c4Iu63KXTfuy2iRSE0Fq/o9mc44SSuXf/vDBxYZHRXbh4pEenW/Ic83hEENDC4VVLF4iSu3/eH6/aKvW3qvgRPmFFW2fbrvhJxu53sSdeV8vvGTBdo4PFxvEk3j4v2BPEefNcXBp2dpDOk43a0eEG1zDa4mHizqY9B6m/p9qeHQY4RWvkBUF5QmFeUMG3if3cecKCoG9LuLt1adrIutCk4dMAdsUWSj8l8Vb5Tllbq1QoIfDgMtnRd8pxF6d8HfHdceGS6fTExDu3h4YSk6r9Xd4+23zkzfXkur81/Vsr68Mv1/r7tUVFBgbhYXc4fXdu3zkafujQ7l9wtiuIwZWN/bob/Cbeyf3lp5vcyBC1mwZFb2BW+QbVzoFLb8cFvJHLL7jgKsEkL5rSHrgCV9Jbuz7oJuEC62ofSB7A84CMzKiozLTmFkiO4WRgvEA49VN5ac3W5pjjJM9yz7WeZZ7C9b+ruOXkhN13tXU7STOmvAjLBdLW/jnzPQ5Ttpbla9/1xdBdb9YgNsxQD2uzXov6sGp/GvOkn/OFUmeZjL2d2nOMymbRGQ7U+y+sKbupDeu3/WpuJbWm9jNfCgdhle23DOsmQwW9z2JDSNI3jtYWZlkjUQzG57etu0N3e13gEywvoNdTahPIRizBNGtLB+1cLsvv0SpTcp+1HA6bB2y/LJxPfzwdGcH3x9f64WXaCfcr+/y1uL8oorAut8oz29m/7JRhOvC1/h4O/fGce90BunsB53UB3ecRkqciWZEUB4zKQ9e9Exh7DcWXQWD1YjRdJTdm2U3dyahbt3H3pnUMlGbl+jo0E83sncRumtJWm1slJG5Kr7vcZr2bZcsKkG2X1gd8amRKc6ZZwzYisLJBz+7f+sP87CEhkeC8fKkuuqrBPpnvJYzOuf6IKM3xq5CCLqaq3i45JDg+saTA9GF02lp2REGRShiXGsfV9wZ4x/H5sd4BZJN8hX96HinB/CWSxBBuFiuiUKP3bkBYEuODb7p09qp7QRE7ovmFQ763S65q0EUftnkLvv1xyC45+BOdlzEs7DTONQhPtLnUfYHImN7o0VTRQg290v10AV4JrlwmH/VmCu4/x15g8PatSCkimlAleqGJ356fqHwa4dYHDEMuChIFEqgf2nRaiSrLEynfNu2DR2rRILTp7TE7rSzCHycscsXs/AJrx/fLy/rgMf29HCYMPudyTnCHk4eD8wMD8yqFzYKFT+Ke4HD1/CQsqXYoKoLYq862+fI6wEkQJLS4v3pVltxrc6KyzDBBguBkfCanSsz+IlS4/hO16sFpkUKRsUQiRUb2BZZMpm0UisxFIWoR/CaD5SK5Uo7imSI5iE4r7ik8NndWAJjpvqP/JEfVBwXC9w5/bE3c7Or98eEqmdym9lJ/tk+Cd3y8d4JPdnA5d2BqisMtT7BBOlg1PFj7YcWRmX9S/rl51BVcdWsZlwVirT7lfuqKdV+wEqfDlP1KDFKU+/ebckKSWu9olzcWFewbCRM5PnFwiD/9bWxseYmRIcstJPn2Ro3mu++I7/es3ntC+VKny620JrPZNcUMkyqrNk3VQcrXc8w/p6dhrY1+WwyfH2OC2NMxCR3D3za/HqQ8H+vfBwc+M1oxdfG3Nl15/dCKZu3v8kfjeWongWHpGNGyjcePFXvJq1uI4/mEEV1/CBgHZs2EDrEmTdsbLsH/DJU7RG8E8TWGkNeAohcbmxpIjUfsYHAseF/TjstN2yTbd8DhP0cnVK3/55+bW3+5LMcjw12tds/wyHkobHzwff85Hg8l9Y2LP9qcI8wUCDKFOQvCfu5MQY5woTQ0PF+JqYyKqmwJHOkW/o+LfmunzSk6Uv9Z1jgQivD9cucZln3GMfRY0IrITwTfa6mJ9IB/EtntS4WE77PfJ0gmbAPn9euoqJBgR8fISCAi5Xly+PNwv3S1gSTl4caNQRRDEcZoH4aICsOCx8zP4Q3lpKebSiqaVR2S9RHBw20aXOajnuO4E1aZlxsXNzzsf+48mE/badHOYR1UXd2JDmNfSui3LMSmp9mV1Kt5h8FzjWdZUtrV4y3f4vk0Qcjgs+YhPHYbFnv6nOjcGUy8DRcPN7NFPHEKGvB8Xa1KVTqPnj9tjMrYIRUrnIenYPHQONA/rLCwsjjWgrN1KSwh8eUX3NpiCSxcLIDl98wv/Kj8jNxqoaaGGBwYHCTgMq209H5CItngg1yd7qXyxN7Vlg8fpKSEF1qrz67UFxVsXNbeuSr2MrXaAGNjbW0bbyeHuLEMjcpLYmO/PR1fX2dFXLuKHz9OhIakpf3JnPuacrCqTWNVZcIorqmuBjMBjXZPuzWLmnc1sfaODWoDZgeLpRsqkQothPUI6jzBH3k+evt20XMRAz4yGvX4//yTws+jYc1fB09un7Lo7X+65PHdBV96AospXUaPnuToxTRGNingZ75BxUqlVV19SmTYrr2GH3yZTln19j+/t5UFaQX1deZVRCtgIGeTy+uUkbv3uomPXctBc9aj67dY8wKuXfN//Nh6/HGMoi1W3NJlt1NP0u/kdHWKxV0+O61hh9N/5fSh09cYQH+G+P73nluRlSMBACTKzna/jSxsynM0aNQVVNHUISVwfNOWyWPZvkSFXHH2RQ3A/7/JFuQ3do8+5P+mL4FUE9VqMpmpCuz62jxTvrhMWdJVrTG4FZf/Q/4iy3BGeekmzgRsqCNN7/UDYulTZ7LJZdOENMI5wkvppmyYBKQCuyAGOjy3QpAsKetBhhAb2yqaqSO2rl1hs5H10NOQBJdpleplSVekXZxi53IwGNhf70cchYMsvxNR+6Qq/vtmyuD3hx99k08Le2lKQZYBtCyz7y6r4kuGPy/A4LfbCmiUyxWX9bfcxt+Qk2qyoNnftPUfPxUa4bL376J2iJiKbwH4G3jeCbeZ0DRornUwWVIwwpUNEnRzJ8SAAt6IgzkImZKoKIzeABvYDAiQDM2ABCxQRcgAqNDJkNfNh5khNr+MjIABc8wYm/+GyCAlGf5iFPAgFd3ZCr8k+i8pR8LfGGqyUrwU+zr/UUpkah9Hx09N2y8kFKvo2+7alik8qfZtLzy2P5nWZKXEbRZ+QaenQTU/349djaf75Hic2fBLov+SciT8jcs3riYrGleI6f+4YAXfNab28fSgmfhFMmKDKYK+7a7byjKFJ01136594ZGLn0aJJksp4xeR5f4LutichgZ+fr5Pr6vXNSdnhI79JwCoZOTxOZ0whwUsYQVr2MD2NzTmAMdfl/43vxVESVZUTTdMy3Zczw/CKE7SLC/Kqm7arh/GaV7WbT/O637e74/iJM2I80JIpY0tq7pxrQ+3bt+5e+/+GjPeCkEwWI1MKyvC5zK3xS3sprS0Hr9hrJwlh2npBiv6doXRvXZ8Mfsi+s+FsUTyqChjJKv4/lTnSlqVB8eJxeR4tLWsF0Qdqewck4p1in7hOF+XTriUuSvT3FVd2NZLvMyczbjZGo/0W7yiKcmWYc69VR/TBzpLD0+KLoLEvAzCNS+UEbpI2OsqRbI8vuvE1kcKm9Fe4hhvuBiR6sZRKowv4UUXxIR7YjU2JT6jX2YD44nzHGmZ48S6yYJT5FreyoW+GTZdVWUy3PdvCsOjpcQw6KLYCXdlfO1rPJ/pQNok97DryM2z5TDTG/Mc71UQiRTb4sCckTaVfAkscqplqcLDN15Y7bVMaFT1r1M5ECtMKPWq0g136bj+NEJvOlblcSd4ynkXGncShws1Hw6kpalX8tp0hP0qd4SvWGO9X6CPChYCCCAoRGAgOEMBBx4SDPAKHVzAfIIKGa4wQQ+3GQAAAAA=");
  font-weight: normal;
  font-style: normal;
}

.ag-theme-alpine, .ag-theme-alpine-dark, .ag-theme-alpine-auto-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: #2196f34d;
  --ag-row-hover-color: #2196f31a;
  --ag-column-hover-color: #2196f31a;
  --ag-input-focus-border-color: #2196f366;
  --ag-range-selection-background-color: #2196f333;
  --ag-range-selection-background-color-2: #2196f35c;
  --ag-range-selection-background-color-3: #2196f37d;
  --ag-range-selection-background-color-4: #2196f396;
  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-alpine-active-color) 50%);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ff0;
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-active-match-background-color: orange;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px .1rem var(--ag-input-focus-border-color);
  --ag-input-error-focus-box-shadow: 0 0 2px .1rem var(--ag-invalid-color);
  --ag-panel-background-color: var(--ag-header-background-color);
  --ag-menu-background-color: var(--ag-header-background-color);
  --ag-filter-panel-apply-button-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-alpine-active-color);
  --ag-column-drag-indicator-color: var(--ag-alpine-active-color);
  --ag-disabled-foreground-color: #181d1f80;
  --ag-chip-background-color: #181d1f12;
  --ag-input-disabled-border-color: #babfc74d;
  --ag-input-disabled-background-color: #babfc726;
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size)  + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: .3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px #babfc766;
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: #58565280;
  --ag-modal-overlay-background-color: #181d1fa8;
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #68686e12;
  --ag-input-focus-box-shadow: 0 0 2px .5px #ffffff80, 0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-input-error-focus-box-shadow: 0 0 2px .5px #ffffff80, 0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: #ffffff80;
  --ag-chip-background-color: #ffffff12;
  --ag-input-disabled-border-color: #68686e4d;
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-find-match-color: var(--ag-background-color);
  --ag-find-active-match-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-row-loading-skeleton-effect-color: #cacbcc66;
  --ag-cell-batch-edit-text-color: #f3d0b3;
  --ag-formula-token-1-color: #4da3e5;
  --ag-formula-token-1-background-color: #4da3e529;
  --ag-formula-token-2-color: #f55864;
  --ag-formula-token-2-background-color: #f5586429;
  --ag-formula-token-3-color: #b688f2;
  --ag-formula-token-3-background-color: #b688f229;
  --ag-formula-token-4-color: #24bb4a;
  --ag-formula-token-4-background-color: #24bb4a29;
  --ag-formula-token-5-color: #e772ba;
  --ag-formula-token-5-background-color: #e772ba29;
  --ag-formula-token-6-color: #f69b5f;
  --ag-formula-token-6-background-color: #f69b5f29;
  --ag-formula-token-7-color: #a3e6ff;
  --ag-formula-token-7-background-color: #a3e6ff29;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-alpine-auto-dark {
    --ag-background-color: #181d1f;
    --ag-foreground-color: #fff;
    --ag-border-color: #68686e;
    --ag-secondary-border-color: #58565280;
    --ag-modal-overlay-background-color: #181d1fa8;
    --ag-header-background-color: #222628;
    --ag-tooltip-background-color: #222628;
    --ag-odd-row-background-color: #222628;
    --ag-control-panel-background-color: #222628;
    --ag-subheader-background-color: #000;
    --ag-input-disabled-background-color: #68686e12;
    --ag-input-focus-box-shadow: 0 0 2px .5px #ffffff80, 0 0 4px 3px var(--ag-input-focus-border-color);
    --ag-input-error-focus-box-shadow: 0 0 2px .5px #ffffff80, 0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-disabled-foreground-color: #ffffff80;
    --ag-chip-background-color: #ffffff12;
    --ag-input-disabled-border-color: #68686e4d;
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-find-match-color: var(--ag-background-color);
    --ag-find-active-match-color: var(--ag-background-color);
    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
    --ag-row-loading-skeleton-effect-color: #cacbcc66;
    --ag-cell-batch-edit-text-color: #f3d0b3;
    --ag-formula-token-1-color: #4da3e5;
    --ag-formula-token-1-background-color: #4da3e529;
    --ag-formula-token-2-color: #f55864;
    --ag-formula-token-2-background-color: #f5586429;
    --ag-formula-token-3-color: #b688f2;
    --ag-formula-token-3-background-color: #b688f229;
    --ag-formula-token-4-color: #24bb4a;
    --ag-formula-token-4-background-color: #24bb4a29;
    --ag-formula-token-5-color: #e772ba;
    --ag-formula-token-5-background-color: #e772ba29;
    --ag-formula-token-6-color: #f69b5f;
    --ag-formula-token-6-background-color: #f69b5f29;
    --ag-formula-token-7-color: #a3e6ff;
    --ag-formula-token-7-background-color: #a3e6ff29;
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }
}

.ag-theme-alpine .ag-filter-toolpanel-header, .ag-theme-alpine .ag-filter-toolpanel-search, .ag-theme-alpine .ag-status-bar, .ag-theme-alpine .ag-header-row, .ag-theme-alpine .ag-row-number-cell, .ag-theme-alpine .ag-panel-title-bar-title, .ag-theme-alpine .ag-multi-filter-group-title-bar, .ag-theme-alpine .ag-filter-card-title, .ag-theme-alpine-dark .ag-filter-toolpanel-header, .ag-theme-alpine-dark .ag-filter-toolpanel-search, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-dark .ag-header-row, .ag-theme-alpine-dark .ag-row-number-cell, .ag-theme-alpine-dark .ag-panel-title-bar-title, .ag-theme-alpine-dark .ag-multi-filter-group-title-bar, .ag-theme-alpine-dark .ag-filter-card-title, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-header, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-search, .ag-theme-alpine-auto-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-header-row, .ag-theme-alpine-auto-dark .ag-row-number-cell, .ag-theme-alpine-auto-dark .ag-panel-title-bar-title, .ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar, .ag-theme-alpine-auto-dark .ag-filter-card-title {
  color: var(--ag-header-foreground-color);
  font-weight: 700;
}

.ag-theme-alpine .ag-row, .ag-theme-alpine-dark .ag-row, .ag-theme-alpine-auto-dark .ag-row {
  font-size: calc(var(--ag-font-size)  + 1px);
}

.ag-theme-alpine input[class^="ag-"]:not([type]), .ag-theme-alpine input[class^="ag-"][type="text"], .ag-theme-alpine input[class^="ag-"][type="number"], .ag-theme-alpine input[class^="ag-"][type="tel"], .ag-theme-alpine input[class^="ag-"][type="date"], .ag-theme-alpine input[class^="ag-"][type="datetime-local"], .ag-theme-alpine textarea[class^="ag-"], .ag-theme-alpine-dark input[class^="ag-"]:not([type]), .ag-theme-alpine-dark input[class^="ag-"][type="text"], .ag-theme-alpine-dark input[class^="ag-"][type="number"], .ag-theme-alpine-dark input[class^="ag-"][type="tel"], .ag-theme-alpine-dark input[class^="ag-"][type="date"], .ag-theme-alpine-dark input[class^="ag-"][type="datetime-local"], .ag-theme-alpine-dark textarea[class^="ag-"], .ag-theme-alpine-auto-dark input[class^="ag-"]:not([type]), .ag-theme-alpine-auto-dark input[class^="ag-"][type="text"], .ag-theme-alpine-auto-dark input[class^="ag-"][type="number"], .ag-theme-alpine-auto-dark input[class^="ag-"][type="tel"], .ag-theme-alpine-auto-dark input[class^="ag-"][type="date"], .ag-theme-alpine-auto-dark input[class^="ag-"][type="datetime-local"], .ag-theme-alpine-auto-dark textarea[class^="ag-"] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}

.ag-theme-alpine .ag-ltr input[class^="ag-"]:not([type]), .ag-theme-alpine .ag-ltr input[class^="ag-"][type="text"], .ag-theme-alpine .ag-ltr input[class^="ag-"][type="number"], .ag-theme-alpine .ag-ltr input[class^="ag-"][type="tel"], .ag-theme-alpine .ag-ltr input[class^="ag-"][type="date"], .ag-theme-alpine .ag-ltr input[class^="ag-"][type="datetime-local"], .ag-theme-alpine .ag-ltr textarea[class^="ag-"], .ag-theme-alpine-dark .ag-ltr input[class^="ag-"]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^="ag-"][type="text"], .ag-theme-alpine-dark .ag-ltr input[class^="ag-"][type="number"], .ag-theme-alpine-dark .ag-ltr input[class^="ag-"][type="tel"], .ag-theme-alpine-dark .ag-ltr input[class^="ag-"][type="date"], .ag-theme-alpine-dark .ag-ltr input[class^="ag-"][type="datetime-local"], .ag-theme-alpine-dark .ag-ltr textarea[class^="ag-"], .ag-theme-alpine-auto-dark .ag-ltr input[class^="ag-"]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^="ag-"][type="text"], .ag-theme-alpine-auto-dark .ag-ltr input[class^="ag-"][type="number"], .ag-theme-alpine-auto-dark .ag-ltr input[class^="ag-"][type="tel"], .ag-theme-alpine-auto-dark .ag-ltr input[class^="ag-"][type="date"], .ag-theme-alpine-auto-dark .ag-ltr input[class^="ag-"][type="datetime-local"], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^="ag-"] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl input[class^="ag-"]:not([type]), .ag-theme-alpine .ag-rtl input[class^="ag-"][type="text"], .ag-theme-alpine .ag-rtl input[class^="ag-"][type="number"], .ag-theme-alpine .ag-rtl input[class^="ag-"][type="tel"], .ag-theme-alpine .ag-rtl input[class^="ag-"][type="date"], .ag-theme-alpine .ag-rtl input[class^="ag-"][type="datetime-local"], .ag-theme-alpine .ag-rtl textarea[class^="ag-"], .ag-theme-alpine-dark .ag-rtl input[class^="ag-"]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^="ag-"][type="text"], .ag-theme-alpine-dark .ag-rtl input[class^="ag-"][type="number"], .ag-theme-alpine-dark .ag-rtl input[class^="ag-"][type="tel"], .ag-theme-alpine-dark .ag-rtl input[class^="ag-"][type="date"], .ag-theme-alpine-dark .ag-rtl input[class^="ag-"][type="datetime-local"], .ag-theme-alpine-dark .ag-rtl textarea[class^="ag-"], .ag-theme-alpine-auto-dark .ag-rtl input[class^="ag-"]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^="ag-"][type="text"], .ag-theme-alpine-auto-dark .ag-rtl input[class^="ag-"][type="number"], .ag-theme-alpine-auto-dark .ag-rtl input[class^="ag-"][type="tel"], .ag-theme-alpine-auto-dark .ag-rtl input[class^="ag-"][type="date"], .ag-theme-alpine-auto-dark .ag-rtl input[class^="ag-"][type="datetime-local"], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^="ag-"] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-tab, .ag-theme-alpine-dark .ag-tab, .ag-theme-alpine-auto-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  flex: auto;
  transition: color .4s;
}

.ag-theme-alpine .ag-tab-selected, .ag-theme-alpine-dark .ag-tab-selected, .ag-theme-alpine-auto-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-menu, .ag-theme-alpine-dark .ag-menu, .ag-theme-alpine-auto-dark .ag-menu, .ag-theme-alpine .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
}

.ag-theme-alpine .ag-menu-header, .ag-theme-alpine-dark .ag-menu-header, .ag-theme-alpine-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}

.ag-theme-alpine .ag-tabs-header, .ag-theme-alpine-dark .ag-tabs-header, .ag-theme-alpine-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-theme-alpine .ag-charts-settings-group-title-bar, .ag-theme-alpine .ag-charts-data-group-title-bar, .ag-theme-alpine .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size)  + var(--ag-grid-size)  - 2px);
}

.ag-theme-alpine .ag-chart-mini-thumbnail, .ag-theme-alpine-dark .ag-chart-mini-thumbnail, .ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}

.ag-theme-alpine .ag-chart-settings-nav-bar, .ag-theme-alpine-dark .ag-chart-settings-nav-bar, .ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * .5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * .5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group, .ag-theme-alpine-dark .ag-charts-format-sub-level-group, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {
  border-left: 1px dashed;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {
  background: none;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 700;
}

.ag-theme-alpine .ag-charts-format-sub-level-group-container, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-container, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}

.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}

.ag-theme-alpine.ag-dnd-ghost, .ag-theme-alpine-dark.ag-dnd-ghost, .ag-theme-alpine-auto-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size)  - 1px);
  font-weight: 700;
}

.ag-theme-alpine .ag-side-buttons, .ag-theme-alpine-dark .ag-side-buttons, .ag-theme-alpine-auto-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}

.ag-theme-alpine .ag-standard-button, .ag-theme-alpine-dark .ag-standard-button, .ag-theme-alpine-auto-dark .ag-standard-button {
  appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  font-family: inherit;
  font-weight: 600;
}

.ag-theme-alpine .ag-standard-button:hover, .ag-theme-alpine-dark .ag-standard-button:hover, .ag-theme-alpine-auto-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}

.ag-theme-alpine .ag-standard-button:active, .ag-theme-alpine-dark .ag-standard-button:active, .ag-theme-alpine-auto-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}

.ag-theme-alpine .ag-standard-button:disabled, .ag-theme-alpine-dark .ag-standard-button:disabled, .ag-theme-alpine-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

.ag-theme-alpine .ag-column-drop-vertical, .ag-theme-alpine-dark .ag-column-drop-vertical, .ag-theme-alpine-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}

.ag-theme-alpine .ag-column-drop-vertical-title-bar, .ag-theme-alpine-dark .ag-column-drop-vertical-title-bar, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0;
}

.ag-theme-alpine .ag-column-drop-vertical-empty-message, .ag-theme-alpine-dark .ag-column-drop-vertical-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {
  border: 1px dashed;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
  align-items: center;
  display: flex;
}

.ag-theme-alpine .ag-column-drop-empty-message, .ag-theme-alpine-dark .ag-column-drop-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: .75;
}

.ag-theme-alpine .ag-pill-select .ag-column-drop, .ag-theme-alpine-dark .ag-pill-select .ag-column-drop, .ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}

.ag-theme-alpine .ag-status-bar, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-status-bar {
  font-weight: normal;
}

.ag-theme-alpine .ag-status-name-value-value, .ag-theme-alpine-dark .ag-status-name-value-value, .ag-theme-alpine-auto-dark .ag-status-name-value-value, .ag-theme-alpine .ag-paging-number, .ag-theme-alpine .ag-paging-row-summary-panel-number, .ag-theme-alpine-dark .ag-paging-number, .ag-theme-alpine-dark .ag-paging-row-summary-panel-number, .ag-theme-alpine-auto-dark .ag-paging-number, .ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
}

.ag-theme-alpine .ag-column-drop-cell-button, .ag-theme-alpine-dark .ag-column-drop-cell-button, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button {
  opacity: .5;
}

.ag-theme-alpine .ag-column-drop-cell-button:hover, .ag-theme-alpine-dark .ag-column-drop-cell-button:hover, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {
  opacity: .75;
}

.ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: .35;
}

.ag-theme-alpine .ag-header-cell-menu-button:hover, .ag-theme-alpine .ag-header-cell-filter-button:hover, .ag-theme-alpine .ag-side-button-button:hover, .ag-theme-alpine .ag-tab:hover, .ag-theme-alpine .ag-panel-title-bar-button:hover, .ag-theme-alpine .ag-header-expand-icon:hover, .ag-theme-alpine .ag-column-group-icons:hover, .ag-theme-alpine .ag-set-filter-group-icons:hover, .ag-theme-alpine .ag-group-expanded .ag-icon:hover, .ag-theme-alpine .ag-group-contracted .ag-icon:hover, .ag-theme-alpine .ag-chart-settings-prev:hover, .ag-theme-alpine .ag-chart-settings-next:hover, .ag-theme-alpine .ag-group-title-bar-icon:hover, .ag-theme-alpine .ag-column-select-header-icon:hover, .ag-theme-alpine .ag-floating-filter-button-button:hover, .ag-theme-alpine .ag-filter-toolpanel-expand:hover, .ag-theme-alpine .ag-chart-menu-icon:hover, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-dark .ag-side-button-button:hover, .ag-theme-alpine-dark .ag-tab:hover, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-dark .ag-header-expand-icon:hover, .ag-theme-alpine-dark .ag-column-group-icons:hover, .ag-theme-alpine-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-dark .ag-chart-settings-next:hover, .ag-theme-alpine-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-dark .ag-chart-menu-icon:hover, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-auto-dark .ag-side-button-button:hover, .ag-theme-alpine-auto-dark .ag-tab:hover, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-auto-dark .ag-header-expand-icon:hover, .ag-theme-alpine-auto-dark .ag-column-group-icons:hover, .ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-next:hover, .ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine .ag-side-button-button:hover .ag-icon, .ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon {
  color: inherit;
}

.ag-theme-alpine .ag-filter-active .ag-icon-filter, .ag-theme-alpine-dark .ag-filter-active .ag-icon-filter, .ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: .35;
}

.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter {
  background-color: var(--ag-control-panel-background-color);
  border: none;
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: 1px dashed;
  border-left-color: var(--ag-border-color);
  margin-left: calc(var(--ag-icon-size) * .5);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: 1px dashed;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * .5);
}

.ag-theme-alpine .ag-set-filter-list, .ag-theme-alpine-dark .ag-set-filter-list, .ag-theme-alpine-auto-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * .5);
  padding-bottom: calc(var(--ag-grid-size) * .5);
}

.ag-theme-alpine .ag-filter-add-button .ag-icon, .ag-theme-alpine-dark .ag-filter-add-button .ag-icon, .ag-theme-alpine-auto-dark .ag-filter-add-button .ag-icon {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}

.ag-theme-alpine .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-advanced-filter-builder-button, .ag-theme-alpine-dark .ag-advanced-filter-builder-button, .ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}

.ag-theme-alpine .ag-list-item-hovered:after, .ag-theme-alpine-dark .ag-list-item-hovered:after, .ag-theme-alpine-auto-dark .ag-list-item-hovered:after {
  background-color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-pill .ag-pill-button:hover, .ag-theme-alpine-dark .ag-pill .ag-pill-button:hover, .ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-alpine-active-color);
}

.ag-theme-alpine .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-alpine .ag-disabled .ag-icon, .ag-theme-alpine .ag-column-select-column-group-readonly .ag-icon, .ag-theme-alpine [disabled] .ag-icon, .ag-theme-alpine-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-alpine-dark .ag-disabled .ag-icon, .ag-theme-alpine-dark .ag-column-select-column-group-readonly .ag-icon, .ag-theme-alpine-dark [disabled] .ag-icon, .ag-theme-alpine-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon, .ag-theme-alpine-auto-dark .ag-disabled .ag-icon, .ag-theme-alpine-auto-dark .ag-column-select-column-group-readonly .ag-icon, .ag-theme-alpine-auto-dark [disabled] .ag-icon {
  color: var(--ag-disabled-foreground-color);
}

/* [project]/node_modules/react-toastify/dist/ReactToastify.css [client] (css) */
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74d3c;
  --toastify-color-transparent: #ffffffb3;
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px #0000001a;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: .2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  flex-direction: column;
  display: flex;
  position: fixed;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}

.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  z-index: 0;
  word-break: break-word;
  flex: auto;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }

  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }

  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }

  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }

  .Toastify__toast {
    --toastify-toast-width: 100%;
    border-radius: 0;
    margin-bottom: 0;
  }
}

.Toastify__toast-container[data-stacked="true"] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform .3s;
  position: absolute;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity .1s;
}

.Toastify__toast--stacked[data-collapsed="false"] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: "";
  height: calc(var(--g) * 1px);
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

.Toastify__toast--stacked[data-pos="top"] {
  top: 0;
}

.Toastify__toast--stacked[data-pos="bot"] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: "";
  z-index: -1;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleY(3);
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  flex-shrink: 0;
  width: 22px;
  margin-inline-end: 10px;
  display: flex;
}

.Toastify--animate {
  animation-duration: .5s;
  animation-fill-mode: both;
}

.Toastify--animate-icon {
  animation-duration: .3s;
  animation-fill-mode: both;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  cursor: pointer;
  opacity: .7;
  z-index: 1;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  transition: all .3s;
  position: absolute;
  top: 6px;
  right: 6px;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: .3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  width: 14px;
  height: 16px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  z-index: 1;
  opacity: .7;
  transform-origin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.Toastify__progress-bar--animated {
  animation: linear forwards Toastify__trackProgress;
}

.Toastify__progress-bar--controlled {
  transition: transform .2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: 100%;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.Toastify__progress-bar--wrp[data-hidden="true"] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  box-sizing: border-box;
  border: 2px solid;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  border-radius: 100%;
  width: 20px;
  height: 20px;
  animation: .65s linear infinite Toastify__spin;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y)  - 10px), 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y)  + 20px), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y)  - 10px), 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y)  + 20px), 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    opacity: 0;
    animation-timing-function: ease-in;
    transform: perspective(400px)rotate3d(1, 0, 0, 90deg);
  }

  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px)rotate3d(1, 0, 0, -20deg);
  }

  60% {
    opacity: 1;
    transform: perspective(400px)rotate3d(1, 0, 0, 10deg);
  }

  80% {
    transform: perspective(400px)rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }

  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    visibility: visible;
    transform: translate3d(110%, 0, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    visibility: visible;
    transform: translate3d(-110%, 0, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    visibility: visible;
    transform: translate3d(0, 110%, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    visibility: visible;
    transform: translate3d(0, -110%, 0);
  }

  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-duration: .3s;
  animation-timing-function: ease-in;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

/* [project]/node_modules/react-tooltip/dist/react-tooltip.min.css [client] (css) */
:root {
  --rt-color-white: #fff;
  --rt-color-dark: #222;
  --rt-color-success: #8dc572;
  --rt-color-error: #be6464;
  --rt-color-warning: #f0ad4e;
  --rt-color-info: #337ab7;
  --rt-opacity: .9;
  --rt-transition-show-delay: .15s;
  --rt-transition-closing-delay: .15s;
  --rt-arrow-size: 8px;
}

.core-styles-module_tooltip__3vRRp {
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
  position: absolute;
  top: 0;
  left: 0;
}

.core-styles-module_fixed__pcSol {
  position: fixed;
}

.core-styles-module_arrow__cvMwQ {
  background: inherit;
  z-index: -1;
  position: absolute;
}

.core-styles-module_noArrow__xock6 {
  display: none;
}

.core-styles-module_clickable__ZuTTB {
  pointer-events: auto;
}

.core-styles-module_show__Nt9eE {
  opacity: var(--rt-opacity);
  transition: opacity var(--rt-transition-show-delay) ease-out;
}

.core-styles-module_closing__sGnxF {
  opacity: 0;
  transition: opacity var(--rt-transition-closing-delay) ease-in;
}

.styles-module_tooltip__mnnfp {
  border-radius: 3px;
  width: max-content;
  padding: 8px 16px;
  font-size: 90%;
}

.styles-module_arrow__K0L3T {
  height: var(--rt-arrow-size);
  width: var(--rt-arrow-size);
}

[class*="react-tooltip__place-top"] > .styles-module_arrow__K0L3T {
  transform: rotate(45deg);
}

[class*="react-tooltip__place-right"] > .styles-module_arrow__K0L3T {
  transform: rotate(135deg);
}

[class*="react-tooltip__place-bottom"] > .styles-module_arrow__K0L3T {
  transform: rotate(225deg);
}

[class*="react-tooltip__place-left"] > .styles-module_arrow__K0L3T {
  transform: rotate(315deg);
}

.styles-module_dark__xNqje {
  background: var(--rt-color-dark);
  color: var(--rt-color-white);
}

.styles-module_light__Z6W-X {
  background-color: var(--rt-color-white);
  color: var(--rt-color-dark);
}

.styles-module_success__A2AKt {
  background-color: var(--rt-color-success);
  color: var(--rt-color-white);
}

.styles-module_warning__SCK0X {
  background-color: var(--rt-color-warning);
  color: var(--rt-color-white);
}

.styles-module_error__JvumD {
  background-color: var(--rt-color-error);
  color: var(--rt-color-white);
}

.styles-module_info__BWdHW {
  background-color: var(--rt-color-info);
  color: var(--rt-color-white);
}

/*# sourceMappingURL=_9b1f4199._.css.map*/