:root {
  --white: #ffffff;
  --coolgray-50: #f4f4f4;
  --coolgray-100: #d9d9d6;
  --coolgray-200: #c8c9c7;
  --coolgray-300: #b1b3b3;
  --coolgray-400: #97999b;
  --coolgray-400-rgb: 151, 153, 155;
  --coolgray-500: #727578;
  --coolgray-700: #464b4b;
  --coolgray-800: #1f2937;
  --coolgray-900: #25282a;
  --black: #000000;
  --indigo-50: #f0f7ff;
  --indigo-100: #e0effe;
  --indigo-200: #b9dffe;
  --indigo-400: #3399ff;
  --indigo-600: #0072ce;
  --indigo-700: #171c8f;
  --indigo-800: #0e105c;
  --green-50: #f0fdf5;
  --green-100: #dcfce7;
  --green-200: #bbf7d1;
  --green-300: #86efac;
  --green-400: #4ade81;
  --green-500: #22c55f;
  --green-700: #15803d;
  --green-800: #166534;
  --green-900: #14532d;
  --red-100: #fde5e3;
  --red-200: #fccfcc;
  --red-300: #f18070;
  --red-400: #f55d49;
  --red-600: #d73a2f;
  --red-700: #af272f;
  --red-800: #971b2f;
  --red-900: #7c2620;
  --cyan-100: #cff9fe;
  --cyan-200: #a5f2fc;
  --cyan-300: #67e8f9;
  --cyan-800: #155e75;
  --cyan-900: #164e63;
  --orange-100: #ffedd5;
  --orange-300: #fdba74;
  --orange-700: #c2410c;
  --orange-800: #9a3412;
  --orange-900: #7c2d12;
  --primary-50: #f0f7ff;
  --primary-100: #e0effe;
  --primary-200: #b9dffe;
  --primary-300: #7cc5fd;
  --primary-400: #36a9fa;
  --primary-500: #0c8eeb;
  --primary-600: #0072ce;
  --primary-700: #0158a3;
  --primary-800: #064b86;
  --primary-900: #0b3f6f;
  --primary-950: #07284a;
  --primary: var(--primary-600);
  --primary-text: #ffffff;
  --success-bg-color: #15803d;
  --success-border-color: #15803d;
  --success-text: #ffffff;
  --danger-bg-color: #d73a2f;
  --danger-text: #ffffff;
  --danger-border-color: #d73a2f;
  --info-bg-color: #0e7490;
  --info-border-color: #0e7490;
  --info-text: #ffffff;
  --warning: #c2410c;
  --warning-bg-color: #c2410c;
  --warning-border-color: #c2410c;
  --warning-text: #ffffff;
  --content-bg-color: var(--coolgray-50);
  --content-bg-color-alt1: var(--coolgray-100);
  --content-bg-color-alt2: var(--coolgray-200);
  --content-bg-color-alt3: var(--coolgray-300);
  --text-color: #25282a;
  --placeholder-text-color: #464b4b;
  --text-dark-color: #f4f4f4;
  --title-color: var(--primary-900);

  --programado-color: #fb923c;
  --apontado-color: #4ade80;
  --conflito-color: #ef4444;
  --outros-color: #38bdf8;
  --orcado-color: #b095f0;
  --programado-outro-projeto-color: #9c9c9c;
  --escritorio-color: #ff58d5;

  --programado-darken-color: #ea700c;
  --apontado-darken-color: #16a349;
  --conflito-darken-color: #b91c1c;
  --outros-darken-color: #028ac7;
  --orcado-darken-color: #8c51df;
  --programado-outro-projeto-darken-color: #7b7b7b;
  --escritorio-darken-color: #ff0ba3;

  --programado-lighten-color: #fde3ca;
  --apontado-lighten-color: #b8f4c9;
  --conflito-lighten-color: #f7b3b3;
  --outros-lighten-color: #bce9fd;
  --orcado-lighten-color: #e0effe;
  --programado-outro-projeto-lighten-color: #e0e0e0;
  --escritorio-lighten-color: #ffc6f3;
}

html,
body,
body > div:has(> form),
body > div > form,
body > div:has(> .page),
body > div > .page {
  height: 100%;
  width: 100%;
}

html {
  /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
  /* font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; */
  font-family: "Geist", sans-serif;
  /* background-color: #000d31; */

  scrollbar-width: thin;
  scrollbar-color: var(--coolgray-200) var(--coolgray-50);
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 768px) {
  html {
    font-size: 12px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: 14px;
  }
}

#dotnet-compile-error {
  overflow: auto !important;
}

body {
  background-color: var(--content-bg-color);
}

a,
.btn-link {
  color: var(--primary);
}

[class^="ri-"],
[class*=" ri-"] {
  font-size: 1.5rem;
  /* or 24px, 2em, etc */
}

.btn-primary {
  color: var(--primary-text);
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow:
    0 0 0 0.1rem var(--coolgray-50),
    0 0 0 0.25rem var(--primary);
}

h1:focus {
  outline: none;
}

.valid.modified:not([type="checkbox"]) {
  outline: 1px solid var(--success-border-color);
}

.invalid {
  outline: 1px solid var(--danger-border-color);
}

.validation-message {
  color: var(--danger-bg-color);
}

.blazor-error-boundary {
  background:
    url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=)
      no-repeat 1rem/1.8rem,
    var(--danger-bg-color);
  padding: 1rem 1rem 1rem 3.7rem;
  color: var(--danger-text);
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

.darker-border-checkbox.form-check-input {
  border-color: var(--coolgray-800);
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: var(--coolgray-800);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
  text-align: start;
}

.form-group {
  margin-bottom: 0.5rem;
}

article.content > div.card,
.listing-container > div.card {
  border-radius: 0;
  border-bottom: 0;
}

.e-content,
.e-content-wrap {
  scrollbar-width: thin;
}

.e-btn [class^="ri-"].e-btn-icon,
.e-css.e-btn [class^="ri-"].e-btn-icon {
  font-size: 1.4em;
}

.e-btn.e-link:hover:not(:disabled),
.e-btn.e-link:focus:not(:disabled),
.e-css.e-btn.e-link:focus:not(:disabled) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none;
}

.e-btn.e-flat:disabled,
.e-btn.e-flat.e-disabled,
.e-css.e-btn.e-flat:disabled,
.e-css.e-btn.e-flat.e-disabled {
  background: transparent !important;
  border: none;
  box-shadow: none;
  color: #9ca3af;
  opacity: 0.7;
}
.filter-container {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: flex-end;
  justify-content: flex-end;
  margin: 0.25rem 0;
  padding: 0.25rem 0 0.25rem 0;
}

.filter-container ::deep .e-control.e-btn {
  height: 30px;
}

.filter-container .title {
  flex-grow: 1;
}

.filter-container .title .area {
  font-weight: bold;
  color: var(--text-color);
  text-transform: uppercase;
  font-size: 1.1em;
}

.filter-container ::deep .search-button {
  z-index: 1;
}

.filter-container .custom-textbox-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 1px;
  color: var(--title-color);
}

.msg-template-section .content-section {
  margin: 0 auto;
  max-width: 450px;
  padding-top: 20px;
}

.msg-template-section .e-btn.msg-hidden {
  display: none;
}

.msg-template-section .e-message h1 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.msg-template-section .e-message .e-msg-icon {
  padding: 0 4px;
  margin-top: 3px;
}

.msg-template-section .e-message p {
  margin: 8px 0 4px;
}

.msg-template-section .e-message .e-btn {
  padding: 0;
}

.e-grid .e-gridcontent .e-content,
.e-schedule .e-resource-column-wrap,
.e-schedule .e-content-wrap,
.e-gantt-splitter {
  min-height: 300px;
  max-height: calc(100vh - 200px);
}

.e-schedule,
.e-card,
.e-grid {
  border-radius: 0.5rem !important;
}

.e-card .e-card-header {
  color: var(--title-color);
  margin: 0;
  padding: 0.5rem 1rem !important;
}
.e-card .e-card-header h1,
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 1.5rem !important;
  margin-bottom: 0;
  color: var(--title-color);
  width: 100%;
  /* font-weight: normal !important; */
}
.e-card:not(.p-0) .e-card-content {
  padding: 0rem 1rem 0.5rem 1rem !important;
}
.e-card.p-0 .e-card-content {
  padding: 0rem !important;
}

.e-schedule,
.e-gridheader {
  border-radius: 0.5rem 0.5rem 0 0 !important;
}

.e-schedule + .e-control.e-pager,
.e-gridcontent {
  border-radius: 0 0 0.5rem 0.5rem !important;
}
.e-control.e-pager {
  padding: 0.25rem 0.5rem;
}

/* Tooltip mostrados no Schedule*/
.e-tooltip-wrap {
  padding: 10px;
}

.e-tooltip-wrap.e-schedule-event-tooltip {
  margin-top: -20px;
  border: none !important;
  background: transparent !important;
}

.e-tooltip-wrap.e-schedule-event-tooltip .e-tip-content {
  padding: 0;
  background: transparent;
}

.tooltip-wrap .titulo {
  font-weight: bold;
  font-size: 1.1em;
}

.tooltip-wrap {
  padding: 0.2em;
  background-color: var(--white);
  color: var(--text-color);
  border-style: dotted;
  border-width: 0.2em;
  border-radius: 0.5rem;
  border-style: solid;
  border-color: var(--outros-color);
}

.tooltip-wrap.agendado {
  border-color: var(--programado-color);
}

.tooltip-wrap.apontado {
  border-color: var(--apontado-color);
}

.tooltip-wrap.agendadooutroprojeto {
  border-color: var(--programado-outro-projeto-color);
}

.legenda-opaco {
  width: 20px;
  height: 20px;
  background-image: linear-gradient(
    to bottom right,
    var(--coolgray-400) calc(50%),
    rgba(var(--coolgray-400-rgb), 0.6) calc(50%)
  );
  background-size: 100% 100%;
}

.tooltip-wrap .content-area {
  display: table;
}

.tooltip-wrap .content-area > div {
  display: table-row;
}

.tooltip-wrap .content-area > div > span {
  display: table-cell;
  padding: 0.25rem;
}

.tooltip-wrap .content-area [class^="ri-"],
.tooltip-wrap .content-area [class*=" ri-"] {
  font-size: 1em;
}

/* CALENDARIO */
.e-quick-popup-wrapper .e-event-popup .e-popup-header,
.e-popup.e-popup-open {
  border-radius: 0.5rem;
}

.e-quick-popup-wrapper .e-popup-footer {
  padding: 0 !important;
}
.e-popup-header .close-button {
  padding: 0 !important;
}
.e-popup-header .close-button .e-btn.e-flat:hover {
  border: none;
  background: none;
}

.e-schedule .e-timeline-view .e-appointment {
  border-radius: 0.5rem !important;
}
.e-disabled {
  pointer-events: none; /* Prevents clicking */
}
.close-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.e-schedule .e-date-header-wrap table tbody td {
  text-transform: capitalize;
}

.e-schedule .e-timeline-view .e-resource-left-td,
.e-schedule .e-timeline-month-view .e-resource-left-td {
  padding-left: 1em;
}

.e-schedule .template-wrap,
.e-schedule .e-resource-left-td .e-resource-text {
  display: flex;
  height: 100%;
  text-align: left;
  padding: 0 !important;
}

.e-schedule .e-resource-left-td .template-wrap > div,
.e-schedule .e-resource-left-td .e-resource-text > div {
  border-right: 1px solid #0000001f;
  font-weight: 500;
  overflow: hidden;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  align-self: center;
  height: 100%;
  display: flex;
}

.e-schedule .e-resource-left-td .e-resource-text > div {
  font-size: 14px;
  color: #374151;
  font-weight: normal;
  line-height: 2.2rem;
}

.e-schedule .e-resource-left-td .template-wrap > div:nth-child(1),
.e-schedule .e-resource-left-td .e-resource-text > div:nth-child(1) {
  flex: 1;
}
.e-schedule .e-resource-left-td .template-wrap > div:nth-child(2),
.e-schedule .e-resource-left-td .e-resource-text > div:nth-child(2) {
  flex: 2;
}

.e-schedule .e-resource-left-td .template-wrap > div:nth-child(3),
.e-schedule .e-resource-left-td .template-wrap > div:nth-child(4),
.e-schedule .e-resource-left-td .e-resource-text > div:nth-child(3),
.e-schedule .e-resource-left-td .e-resource-text > div:nth-child(4) {
  width: 6.5rem;
}

.e-schedule .e-resource-left-td .template-wrap .employee-disponivel,
.e-schedule .e-resource-left-td .template-wrap .employee-competencia {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  font-weight: 500;
}

.e-timeline-week-view
  .e-date-header-container
  .e-schedule-table
  tbody
  > tr:nth-child(2) {
  display: none;
}

.e-schedule .template-event-wrap .subject {
  font-weight: bold;
}

.e-schedule .e-timeline-view .e-appointment[aria-disabled="true"] {
  opacity: 0.6;
}
.e-schedule .e-timeline-view .e-appointment.Agendado {
  background-color: var(--programado-color);
}
.e-schedule .e-timeline-view .e-appointment.Apontado {
  background-color: var(--apontado-color);
}
.e-schedule .e-timeline-view .e-appointment.Conflito {
  background-color: var(--conflito-color);
}
.e-schedule .e-timeline-view .e-appointment.Outros {
  background-color: var(--outros-color);
}
.e-schedule .e-timeline-view .e-appointment.AgendadoOutroProjeto {
  background-color: var(--programado-outro-projeto-color);
}
.e-schedule .e-timeline-view .e-appointment.acima-escala {
  background-image: repeating-linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.35),
    rgba(255, 255, 255, 0.35) 6px,
    transparent 6px,
    transparent 12px
  );
}
.e-schedule .e-timeline-view .e-appointment.retroativa {
  background-image: repeating-linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.35),
    rgba(255, 255, 255, 0.35) 6px,
    transparent 6px,
    transparent 12px
  );
}

.e-schedule .e-timeline-view .e-appointment.acima-escala.retroativa {
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.35),
      rgba(255, 255, 255, 0.35) 6px,
      transparent 6px,
      transparent 12px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.35),
      rgba(255, 255, 255, 0.35) 6px,
      transparent 6px,
      transparent 12px
    );
}

.legenda-acima-escala {
  width: 20px;
  height: 20px;
  background-image: repeating-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.35),
    rgba(0, 0, 0, 0.35) 6px,
    transparent 6px,
    transparent 12px
  );
  background-size: 100% 100%;
}

.legenda-retroativa {
  width: 20px;
  height: 20px;
  background-image: repeating-linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.35),
    rgba(0, 0, 0, 0.35) 6px,
    transparent 6px,
    transparent 12px
  );
  background-size: 100% 100%;
}

/* TAMANHO DO SCHEDULE FICA SEMPRE O MÁXIMO (PARA NÃO EXISTIR O SCROLL) */
/* .e-content-wrap {
  height: auto !important;
} */

/* END CALENDARIO */

.e-avatar {
  color: var(--primary-600) !important;
}

.e-popup.e-popup-open
  .e-rating-container.custom-font
  .e-rating-item-list:hover
  .e-rating-item-container
  .e-rating-icon,
.e-popup.e-popup-open
  .e-rating-container.custom-font
  .e-rating-item-container
  .e-rating-icon {
  /* To change rated symbol fill color and un-rated symbol fill color */
  background: linear-gradient(
    to right,
    var(--primary-500) var(--rating-value),
    var(--primary-100) var(--rating-value)
  );
  -webkit-text-stroke: 1px var(--primary-600);
  background-clip: text;
  -webkit-background-clip: text;
}

.e-dlg-container .e-dialog .e-dlg-content .buttons-container {
  display: flex;
  flex-direction: row-reverse;
}

.e-dialog .e-footer-content {
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: flex-end;
}

.e-dialog .e-footer-content:empty {
  padding: 0;
  margin: 0;
}

.e-time-wrapper.e-readonly,
.e-datepicker[aria-readonly="true"],
.e-ddl.e-readonly,
.e-input-group input.e-input.e-textbox[aria-readonly="true"] {
  opacity: 0.5;
}

.e-timepicker[aria-readonly="true"] + .e-input-group-icon.e-date-icon.e-icons {
  pointer-events: none;
  opacity: 0.5;
}

.e-time-wrapper.e-readonly,
.e-time-wrapper.e-readonly.e-control-wrapper.e-control-container.e-input-group.e-checkbox
  .e-multi-select-wrapper.e-down-icon,
.e-time-wrapper.e-readonly.e-control-wrapper.e-control-container.e-input-group.e-checkbox
  .e-multi-select-wrapper.e-down-icon
  .e-multi-searcher
  .e-dropdownbase.e-control.e-time-wrapper.e-lib,
.e-input-group input.e-input.e-textbox[aria-readonly="true"],
.e-ddl.e-readonly.e-input-group:not(.e-disabled) {
  cursor: default;
}

.e-multiselect.e-readonly,
.e-timepicker[aria-readonly="true"],
.e-ddl.e-readonly,
.e-input-group input.e-input.e-textbox[aria-readonly="true"] {
  opacity: 0.5;
}

.e-datepicker[aria-readonly="true"] + .e-input-group-icon.e-date-icon.e-icons {
  pointer-events: none;
  opacity: 0.5;
}

.e-multiselect.e-readonly,
.e-multiselect.e-readonly.e-control-wrapper.e-control-container.e-input-group.e-checkbox
  .e-multi-select-wrapper.e-down-icon,
.e-multiselect.e-readonly.e-control-wrapper.e-control-container.e-input-group.e-checkbox
  .e-multi-select-wrapper.e-down-icon
  .e-multi-searcher
  .e-dropdownbase.e-control.e-multiselect.e-lib,
.e-input-group input.e-input.e-textbox[aria-readonly="true"],
.e-ddl.e-readonly.e-input-group:not(.e-disabled) {
  cursor: default;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
  text-transform: none !important;
}

.buttons-container {
  padding: 0 0.5rem 0.5rem 0;
}
/* 
.e-grid th.e-rowdragheader,
.e-grid th.e-grouptopleftcell,
.e-grid th.e-headercell {
  background-color: #f9fafb;
  color: var(--primary);
} */

.e-grid div.e-headercelldiv,
.e-grid td.e-groupcaption,
.e-grid td.e-summarycell {
  font-weight: bold;
  color: var(--primary);
  background-color: #f9fafb;
}

.e-grid
  .e-leftfreeze:not(
    .e-summarycell,
    .e-indentcell,
    .e-updatedtd,
    .e-selectionbackground,
    .e-columnselection,
    .e-groupcaption,
    .e-cellselectionbackground,
    .e-active
  ),
.e-grid
  .e-rightfreeze:not(
    .e-summarycell,
    .e-updatedtd,
    .e-selectionbackground,
    .e-columnselection,
    .e-groupcaption,
    .e-cellselectionbackground,
    .e-active
  ),
.e-grid
  .e-fixedfreeze:not(
    .e-summarycell,
    .e-selectionbackground,
    .e-updatedtd,
    .e-columnselection,
    .e-groupcaption,
    .e-cellselectionbackground,
    .e-active
  ) {
  background-color: #f9fafb !important;
}

.e-grid div.e-headercelldiv {
  font-size: 0.7rem;
}
.e-grid td.e-groupcaption,
.e-grid td.e-summarycell {
  font-size: 0.8rem;
}

.e-grid td.e-groupcaption > div > p,
.e-grid td.e-summarycell > div > p {
  margin-bottom: 0;
}
.e-grid td.e-groupcaption {
  overflow: unset;
  text-overflow: unset;
  z-index: 3 !important;
}
.e-grid td.e-rowcell {
  font-size: 0.7rem;
}

.form-group .flex-radion {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  border: 1px solid #d1d5db;
  border-radius: 2px;
  padding: 4px 12px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  line-height: normal;
  min-height: 26px;
}

.e-radio-wrapper.e-small .e-radio + label .e-label {
  font-size: 12px;
  margin-top: 1px;
}

.e-card-content > .e-accordion:only-child {
  border: none;
}

/* .e-grid .e-summarycell,
.e-grid .e-groupcaption,
.e-grid .e-indentcell,
.e-grid .e-recordplusexpand,
.e-grid .e-recordpluscollapse {
  background-color: var(--coolgray-100) !important;
} */