@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/Twenty360.Web/Components/Core/CompanyStructureSelector.razor.rz.scp.css */
.sector:hover[b-nzjm4yo10l] {
    background-color: lightgray;
}
/* _content/Twenty360.Web/Components/Core/EnumFilterDropdown.razor.rz.scp.css */
.toggle-dropdown[b-78sskimq80] {
    background-color: white;
    position: absolute;
    z-index: 1000;
    padding: 3px 5px;
}
/* _content/Twenty360.Web/Components/Core/ProgressBar.razor.rz.scp.css */
/* Mat Progress Bar */
/* Credit: Github Angular Material Design */
.mat-progress-bar[b-hgoqwrg0nk] {
  display: block;
  height: 4px;
  overflow: hidden;
  position: absolute;
  transition: opacity 250ms linear;
  width: 100%;
  z-index: 1;
}
.mat-progress-bar .mat-progress-bar-element[b-hgoqwrg0nk], .mat-progress-bar .mat-progress-bar-fill[b-hgoqwrg0nk]::after {
  height: 100%;
  position: absolute;
  width: 100%;
}
.mat-progress-bar .mat-progress-bar-secondary[b-hgoqwrg0nk] {
  display: none;
}
.mat-progress-bar .mat-progress-bar-fill[b-hgoqwrg0nk] {
  animation: none;
  transform-origin: top left;
  transition: transform 250ms ease;
}

/*.mat-progress-bar .mat-progress-bar-element, .mat-progress-bar .mat-progress-bar-fill::after {
    height: 100%;
    position: absolute;
    width: 100%;
}*/
/*.mat-progress-bar .mat-progress-bar-secondary {
    display: none;
}

.mat-progress-bar .mat-progress-bar-fill {
    animation: none;
    transform-origin: top left;
    transition: transform 250ms ease;
}*/
.mat-progress-bar[mode=indeterminate] .mat-progress-bar-fill[b-hgoqwrg0nk], .mat-progress-bar[mode=query] .mat-progress-bar-fill[b-hgoqwrg0nk] {
  transition: none;
}

.mat-progress-bar[mode=indeterminate] .mat-progress-bar-secondary[b-hgoqwrg0nk], .mat-progress-bar[mode=query] .mat-progress-bar-secondary[b-hgoqwrg0nk] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  animation: mat-progress-bar-secondary-indeterminate-translate-b-hgoqwrg0nk 2s infinite linear;
  left: -54.888891%;
  display: block;
}

.mat-progress-bar .mat-progress-bar-fill[b-hgoqwrg0nk]::after {
  animation: none;
  content: "";
  display: inline-block;
  left: 0;
}

.mat-progress-bar-fill[b-hgoqwrg0nk]:after {
  background-color: #4c9733;
}

.mat-progress-bar[mode=indeterminate] .mat-progress-bar-secondary.mat-progress-bar-fill[b-hgoqwrg0nk]::after, .mat-progress-bar[mode=query] .mat-progress-bar-secondary.mat-progress-bar-fill[b-hgoqwrg0nk]::after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  animation: mat-progress-bar-secondary-indeterminate-scale-b-hgoqwrg0nk 2s infinite linear;
}

.mat-progress-bar-buffer[b-hgoqwrg0nk] {
  background-color: rgba(76, 151, 51, 0.35);
}

.mat-progress-bar .mat-progress-bar-buffer[b-hgoqwrg0nk] {
  transform-origin: top left;
  transition: transform 250ms ease;
}

.mat-progress-bar[mode=indeterminate] .mat-progress-bar-primary[b-hgoqwrg0nk], .mat-progress-bar[mode=query] .mat-progress-bar-primary[b-hgoqwrg0nk] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  animation: mat-progress-bar-primary-indeterminate-translate-b-hgoqwrg0nk 2s infinite linear;
  left: -145.166611%;
}

/*.mat-progress-bar .mat-progress-bar-fill::after {
            animation: none;
            content: '';
            display: inline-block;
            left: 0;
        }*/
.mat-progress-bar[mode=indeterminate] .mat-progress-bar-primary.mat-progress-bar-fill[b-hgoqwrg0nk]::after, .mat-progress-bar[mode=query] .mat-progress-bar-primary.mat-progress-bar-fill[b-hgoqwrg0nk]::after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  animation: mat-progress-bar-primary-indeterminate-scale-b-hgoqwrg0nk 2s infinite linear;
}

@keyframes mat-progress-bar-primary-indeterminate-translate-b-hgoqwrg0nk {
  0% {
    transform: translateX(0);
  }
  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(0);
  }
  59.15% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(83.67142%);
  }
  100% {
    transform: translateX(200.61106%);
  }
}
@keyframes mat-progress-bar-primary-indeterminate-scale-b-hgoqwrg0nk {
  0% {
    transform: scaleX(0.08);
  }
  36.65% {
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
    transform: scaleX(0.08);
  }
  69.15% {
    animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    transform: scaleX(0.66148);
  }
  100% {
    transform: scaleX(0.08);
  }
}
@keyframes mat-progress-bar-secondary-indeterminate-translate-b-hgoqwrg0nk {
  0% {
    animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
    transform: translateX(0);
  }
  25% {
    animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
    transform: translateX(37.65191%);
  }
  48.35% {
    animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
    transform: translateX(84.38617%);
  }
  100% {
    transform: translateX(160.27778%);
  }
}
@keyframes mat-progress-bar-secondary-indeterminate-scale-b-hgoqwrg0nk {
  0% {
    animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
    transform: scaleX(0.08);
  }
  19.15% {
    animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
    transform: scaleX(0.4571);
  }
  44.15% {
    animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
    transform: scaleX(0.72796);
  }
  100% {
    transform: scaleX(0.08);
  }
}
@keyframes mat-progress-bar-background-scroll-b-hgoqwrg0nk {
  to {
    transform: translateX(-8px);
  }
}
/* _content/Twenty360.Web/Components/Core/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-tear4atm65] .sortable-ghost {
  visibility: hidden;
}

[b-tear4atm65] .sortable-fallback {
  opacity: 1 !important
}
/* _content/Twenty360.Web/Components/Core/TFilterDropdown.razor.rz.scp.css */
.toggle-dropdown[b-s1519gv1dh] {
    background-color: white;
    position: absolute;
    z-index: 1000;
    padding: 3px 5px;
}

[b-s1519gv1dh] .form-check:hover {
    background-color: #f0f0f0 !important;
}
/* _content/Twenty360.Web/Components/Core/UserSelector.razor.rz.scp.css */
.user-group .user[b-52omnukz29] {
    /*padding-top: 2px;*/
    margin-top: 4px;
}

.user-group .user img[b-52omnukz29] {
   margin-top: -6px;
}

.user-group .user:hover[b-52omnukz29] {
    background-color: #e9e9e9;
}
/* _content/Twenty360.Web/Components/Engagement.razor.rz.scp.css */
.name[b-jjbw6hr89a] {
    max-width: auto;
}

.star-section[b-jjbw6hr89a] {
    position: relative;
}

    .star-section .number[b-jjbw6hr89a] {
        color: white;
        position: absolute;
        left: 56%;
        top: 10px;
        font-size: 11px;
        font-family: Roboto;
        font-weight: normal;
        transform: translate(-50%, -50%)
    }

.profile-image-small[b-jjbw6hr89a] {
    padding: 1px 0;
}

.activity-count[b-jjbw6hr89a] {
    padding: 0 2px 0 0;
}

.task-workload[b-jjbw6hr89a] {
    right: 1px;
}

.task-workload--daily[b-jjbw6hr89a] {
    margin-bottom: -3px;
    margin-top: 1px;
}

/*.task-workload--weekly {
    bottom: 1px;
}*/

.gold[b-jjbw6hr89a] {
    .fa-star {
        color: #FFD700;
    }

    .number[b-jjbw6hr89a] {
        color: black;
    }
}

.silver[b-jjbw6hr89a] {
    .fa-star {
        color: #C0C0C0;
    }

    .number[b-jjbw6hr89a] {
        color: black;
    }
}

.bronze[b-jjbw6hr89a] {
    .fa-star {
        color: #CD7F32;
    }
}

.star-section .fa-star[b-jjbw6hr89a] {
    font-size: 19px;
    display: block;
    margin-bottom: -1px;
}

.hint[b-jjbw6hr89a] {
    margin: 25px 0 -10px -12px !important;
    font-size: 12px;
}

.slow-spin[b-jjbw6hr89a] {
    animation: fa-spin 12s infinite linear;
}
/* _content/Twenty360.Web/Components/EntityPicker.razor.rz.scp.css */
.user-picker[b-p2qbfnk5ca] {
    position: relative;
}

.dropdown[b-p2qbfnk5ca] {
    position: absolute;
    background-color: white;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ccc;
    z-index: 1000;
}

.dropdown-item[b-p2qbfnk5ca] {
    padding: 5px;
    cursor: pointer;
}

    .dropdown-item:hover[b-p2qbfnk5ca] {
        background-color: #f0f0f0;
    }
/* _content/Twenty360.Web/Components/HierarchyPicker/HierarchyPicker.razor.rz.scp.css */
label[b-65z16w833x] {
    font-size: 12px;
}

label.member[b-65z16w833x] {
    font-size: 14px;
}

[b-65z16w833x] .form-check-input[type=checkbox].indeterminate {
    /*    background-color: #27b7eb;
    border-color: #27b7eb;*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

[b-65z16w833x] .form-check-input.country:checked,
[b-65z16w833x] .form-check-input[type=checkbox].country.indeterminate {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

[b-65z16w833x] .form-check-input.city:checked,
[b-65z16w833x] .form-check-input[type=checkbox].city.indeterminate {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}

[b-65z16w833x] .form-check-input.sector:checked,
[b-65z16w833x] .form-check-input[type=checkbox].sector.indeterminate {
    background-color: var(--bs-blue);
    border-color: var(--bs-blue);
}

[b-65z16w833x] .form-check-input.team:checked,
[b-65z16w833x] .form-check-input[type=checkbox].team.indeterminate {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
}

[b-65z16w833x] .form-check-input.sector {
    border-color: var(--bs-blue);
}

[b-65z16w833x] .label-sector {
    color: var(--bs-blue)
}
/* _content/Twenty360.Web/Components/Tasks/TaskDialog.razor.rz.scp.css */
.sub-title[b-j3h0v11kje] {
  margin-top: 15px;
}

.color-picker[b-j3h0v11kje] {
  width: 30px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  height: 30px;
  display: inline-block;
}

/*::deep input[type="color"] {
    -webkit-appearance: none;
    border: none;
}

::deep input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}*/
[b-j3h0v11kje] input[type=color]::-webkit-color-swatch {
  border: none;
}
/* _content/Twenty360.Web/Components/Tasks/TaskKanban.razor.rz.scp.css */
/*.kanban2 {
    --alpha-card: 5%;

    .title {
        font-size: 14px;
    }

    span.title:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    .tasks--todo {
        .title {
            color: rgb(var(--todo));
        }

        .card {
            background-color: rgba(var(--todo), var(--alpha-card));
        }
    }

    .tasks--in-progress {
        .title {
            color: rgb(var(--in-progress));
        }

        .card {
            background-color: rgba(var(--in-progress), var(--alpha-card));
        }
    }

    .tasks--done {
        .title {
            color: rgb(var(--done));
        }

        .card {
            background-color: rgba(var(--done), var(--alpha-card));
        }
    }
}*/
.kanban[b-r1bx452wvz] {
  --alpha-card: 5%;
}
.kanban .user-select-none[b-r1bx452wvz] {
  user-select: none;
}
.kanban[b-r1bx452wvz]  .title {
  font-size: 14px;
}
.kanban[b-r1bx452wvz]  div.title:hover {
  text-decoration: underline;
  cursor: pointer;
  text-decoration-color: #a4a4a4;
}
.kanban[b-r1bx452wvz]  .card {
  background-color: #f7f7f7;
}
.kanban[b-r1bx452wvz]  .tasks--todo {
  /*.card {
      background-color: rgba(var(--todo), var(--alpha-card));
  }*/
}
.kanban[b-r1bx452wvz]  .tasks--todo .title-type {
  color: rgb(var(--todo));
}
.kanban[b-r1bx452wvz]  .tasks--in-progress {
  /*.card {
      background-color: rgba(var(--in-progress), var(--alpha-card));
  }*/
}
.kanban[b-r1bx452wvz]  .tasks--in-progress .title-type {
  color: rgb(var(--in-progress));
}
.kanban[b-r1bx452wvz]  .tasks--done {
  /*.card {
      background-color: rgba(var(--done), var(--alpha-card));
  }*/
}
.kanban[b-r1bx452wvz]  .tasks--done .title-type {
  color: rgb(var(--done));
}

/*add this to avoid flickering*/
[b-r1bx452wvz] .plk-dd-inprogess > * {
  pointer-events: none;
}

/*dropzone style style*/
[b-r1bx452wvz] .plk-dd-dropzone {
  min-height: 50px;
}

/*drag drop styles*/
[b-r1bx452wvz] .plk-dd-spacing {
  height: 10px;
}

[b-r1bx452wvz] .plk-dd-spacing-dragged-over {
  padding: 25px;
  height: 40px;
  border: 1px dashed black;
  margin-bottom: 10px;
  margin-top: 10px;
}

[b-r1bx452wvz] .plk-dd-dragged-over {
  background-color: lightgray;
  opacity: 0.6;
  animation: blinker 1s linear infinite;
}

[b-r1bx452wvz] .plk-dd-dragged-over > div {
  background-color: lightgray;
  opacity: 0.6;
  animation: blinker 1s linear infinite;
}

[b-r1bx452wvz] .plk-dd-dragged-over-denied {
  background-color: red;
  opacity: 0.6;
  animation: blinker 1s linear infinite;
}

[b-r1bx452wvz] .plk-dd-in-transit {
  opacity: 0;
}

[b-r1bx452wvz] .plk-dd-in-transit > div {
  opacity: 0;
}

@keyframes [b-r1bx452wvz] blinker {
  50% {
    opacity: 0;
  }
}
[b-r1bx452wvz] .blink_me {
  animation: blinker 1s linear infinite;
}

/*for flex */
.plk-flex .plk-dd-spacing[b-r1bx452wvz] {
  width: 20px;
  height: auto;
}

.plk-flex .plk-dd-dragged-over[b-r1bx452wvz] {
  background-color: lightgray;
  opacity: 0.6;
  animation: blinker 1s linear infinite;
}

.plk-flex .plk-dd-dragged-over > div[b-r1bx452wvz] {
  background-color: lightgray;
  opacity: 0.9;
  animation: blinker 1s linear infinite;
}

.plk-flex .plk-dd-in-transit[b-r1bx452wvz] {
  background-color: orangered;
}

.plk-flex .plk-dd-in-transit > div[b-r1bx452wvz] {
  background-color: orangered;
}

.plk-dd-noselect[b-r1bx452wvz] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* _content/Twenty360.Web/Components/UserPicker.razor.rz.scp.css */
.user-picker[b-ent0exvipz] {
    position: relative;
}

.dropdown[b-ent0exvipz] {
    position: absolute;
    background-color: white;
    width: 100%;
    /*max-height: 300px;*/
    overflow-y: auto;
    border: 1px solid #ccc;
    z-index: 1000;
}

.dropdown-item[b-ent0exvipz] {
    padding: 5px;
    cursor: pointer;
}

    .dropdown-item:hover[b-ent0exvipz] {
        background-color: #f0f0f0;
    }
/* _content/Twenty360.Web/Pages/Calendar/CalendarPage.razor.rz.scp.css */
.day-names[b-vokx7ckb1n] {
  font-weight: bold;
  text-align: center;
}
.day-names td[b-vokx7ckb1n] {
  padding-bottom: 10px;
}

.days td[b-vokx7ckb1n] {
  padding: 1px;
  width: 14.2857142857%;
  position: relative;
}
.days td.not-current .day[b-vokx7ckb1n] {
  opacity: 0.2;
}
.days td .day[b-vokx7ckb1n] {
  display: inline-block;
  text-align: left;
  padding: 1px;
  color: #000;
  text-decoration: none;
  width: 100%;
  height: 100%;
  min-height: 120px;
  border: 1px solid #f5f5f5;
}
.days td .day .day-number[b-vokx7ckb1n] {
  font-size: 16px;
}

.birthday span[b-vokx7ckb1n] {
  background-color: rgb(177, 170, 235);
}

.other span[b-vokx7ckb1n] {
  background-color: #d6d6d6;
}

.not-current.birthday span[b-vokx7ckb1n] {
  background-color: #dedcf7;
}
.not-current.other span[b-vokx7ckb1n] {
  background-color: whitesmoke;
}

.day-square-birthday[b-vokx7ckb1n] {
  color: rgb(177, 170, 235);
}

.day-square-other[b-vokx7ckb1n] {
  color: #d6d6d6;
}

.calendar-label[b-vokx7ckb1n] {
  display: inline-block;
  padding: 2px 5px;
  margin-right: 4px;
  margin-bottom: 4px;
  background-color: #f5f3f3;
}
.calendar-label.action-label:hover[b-vokx7ckb1n] {
  background-color: #f8c7db !important;
}
/* _content/Twenty360.Web/Pages/CommissionsPage.razor.rz.scp.css */
.commission-type[b-qwiy33yr6m] {
    width: 260px;
}

.earned[b-qwiy33yr6m] {
    width: 150px;
}

.remaining[b-qwiy33yr6m] {
    width: 20%;
}

.due[b-qwiy33yr6m] {
    width: 20%;
}

.paid[b-qwiy33yr6m] {
    width: 20%;
}

.schema-name[b-qwiy33yr6m] {
    width: 40%;
}
/* _content/Twenty360.Web/Pages/Reports/MasterPendingPage.razor.rz.scp.css */
.toggle-dropdown[b-d0kmn5j5z4] {
    background-color: white;
    position: absolute;
    z-index: 1000;
    padding: 3px 5px;
}
/* _content/Twenty360.Web/Pages/Reports/WeeklyForecastPage.razor.rz.scp.css */
.perm-jobs[b-picq3wwxmy] {
    background-color: rgba(var(--color1-rgb), 0.1);
    input {
      padding-top: 0;
      padding-bottom: 0;
    }
}

.contract-runners[b-picq3wwxmy] {
    background-color: rgba(var(--color3-rgb), 0.1);
}

.contract-jobs[b-picq3wwxmy] {
    background-color: rgba(var(--color2-rgb), 0.1);
    input {
      padding-top: 0;
      padding-bottom: 0;
    }
}

.contract-jobs-2[b-picq3wwxmy] {
    background-color: rgba(var(--color2-rgb), 0.2);
    input {
      padding-top: 0;
      padding-bottom: 0;
    }
}

table td input[b-picq3wwxmy] {
    border: 0;
}

table td[b-picq3wwxmy] {
    align-content: center;
}

input.fsv[b-picq3wwxmy] {
    width: 75px;
}

input.deal[b-picq3wwxmy] {
    width: 45px;
}
/* _content/Twenty360.Web/Pages/Settings/Attendance/Index.razor.rz.scp.css */
.table-attendance th[b-3lmoj3np8v], .table-attendance td[b-3lmoj3np8v] {
  padding: 2px 3px;
  vertical-align: middle;
}
.table-attendance .table-weekend[b-3lmoj3np8v] {
  background-color: #e7e7e7;
}

.unknown[b-3lmoj3np8v] {
  background-color: #d0d0d0;
}

.working[b-3lmoj3np8v] {
  background-color: #9ff781 !important;
  color: #4dc320;
}
.working a[b-3lmoj3np8v] {
  color: #4dc320;
}

.home[b-3lmoj3np8v] {
  background-color: rgba(226, 46, 254, 0.29) !important;
  color: #e22efe;
}
.home a[b-3lmoj3np8v] {
  color: #e22efe;
}

.late[b-3lmoj3np8v] {
  background-color: rgba(255, 165, 0, 0.31) !important;
  color: #fc6600;
}
.late a[b-3lmoj3np8v] {
  color: #fc6600;
}

.half-day[b-3lmoj3np8v] {
  color: #faac58;
  background-color: #f6ebde !important;
}
.half-day a[b-3lmoj3np8v] {
  color: #faac58;
}

.holiday[b-3lmoj3np8v] {
  color: #2e9afe;
  background-color: #dce9f5 !important;
}
.holiday a[b-3lmoj3np8v] {
  color: #2e9afe;
}

.maternity[b-3lmoj3np8v] {
  background-color: #fff7c1 !important;
  color: #cba714;
}
.maternity a[b-3lmoj3np8v] {
  color: #cba714;
}

.sick[b-3lmoj3np8v] {
  background-color: #fec8c8 !important;
  color: #ff0000;
}
.sick a[b-3lmoj3np8v] {
  color: #ff0000;
}

.not-working[b-3lmoj3np8v] {
  background-color: #ff0 !important;
  color: #7f7f0e;
}
.not-working a[b-3lmoj3np8v] {
  color: #7f7f0e;
}

.table-bordered th[b-3lmoj3np8v], .table-bordered td[b-3lmoj3np8v] {
  border: 1px solid #c3c7cb;
}

.small-2[b-3lmoj3np8v] {
  font-size: 60%;
  font-weight: 400;
}

.today[b-3lmoj3np8v] {
  background-color: var(--bs-success);
}
/* _content/Twenty360.Web/Pages/Settings/ExchangeRates.razor.rz.scp.css */
tbody[b-lzy7cox0zs] {
    & tr.now td {
        background-color: #49ba1285 !important;
    }
    & td:nth-child(3)[b-lzy7cox0zs] {
        background-color: #ffa50036;
    }

    & td:nth-child(4)[b-lzy7cox0zs] {
        background-color: #ffa50036;
    }

    & td:nth-child(7)[b-lzy7cox0zs] {
        background-color: #61a2ed36;
    }

    & td:nth-child(8)[b-lzy7cox0zs] {
        background-color: #61a2ed36;
    }

    & td:nth-child(11)[b-lzy7cox0zs] {
        background-color: #ede26136;
    }

    & td:nth-child(12)[b-lzy7cox0zs] {
        background-color: #ede26136;
    }

    td[b-lzy7cox0zs] {
        border-bottom-width: 0;
    }

/*    & tr.now td {
        background-color: var(--bs-table-bg) !important;
    }*/
}
/* _content/Twenty360.Web/Pages/Settings/Taskboard/Index.razor.rz.scp.css */
.grid[b-ap5dqzepp2] {
    height: 300px;
    overflow-y: auto;
}

[b-ap5dqzepp2] thead {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
}

[b-ap5dqzepp2] tr {
    height: 30px;
}
/* _content/Twenty360.Web/Pages/Settings/UserAccounts/Index.razor.rz.scp.css */
[b-vgctbkdpla] .profile-image img {
  height: 20px;
  border-radius: 50%
}