.grid-no-headers .k-grid  .k-grid-aria-root > .k-grid-header {
    display: none;
}

.usrroles-main-page {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: stretch;
    height: calc(100vh - 8rem);
    width: calc(100vw - 9.5rem);
}

.usrroles-main-page .k-loader-container,
.usrroles-main-page .k-loader-container-overlay {
    position: fixed !important;
}

.usrroles-list-main-page {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: calc(100vh - 13.75rem);
}

.usrroles-list-main-page .usrroles-right {
    width: 100%;
    height: 100%;
}

.usrroles-list-main-page .usrroles-left {
    width: 25rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    border-right: 1px solid #DADAE7;
    margin-right: 1.25rem;
    flex-shrink: 0;
    overflow-y: auto;
    gap: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.usrroles-main-page .usrroles-top-bar, .usrroles-list-main-page .usrroles-top-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    height: 4.25rem;
    padding: 1.25rem 0;
    width: 100%;
}

.usrroles-main-page .usrroles-top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.usrroles-main-page .usrroles-top-bar .left {
    display: flex;
    gap: 0.625rem;
    flex-direction: column;
    align-items: flex-start;
    height: inherit;
}

.usrroles-main-page .usrroles-top-bar .right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    gap: 1.25rem;
    height: inherit;
}


.users-main-page {
    padding: 0 2rem 0.5625rem;
    margin: 1.25rem 1.25rem;
    background-color: white;
    border-radius: 0.625rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: stretch;
    height: calc(100vh - 8rem);
}

.users-main-page .k-loader-container,
.users-main-page .k-loader-container-overlay {
    position: fixed !important;
}

.users-list-main-page {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 100%;
}

.users-list-main-page .users-right {
    flex-grow: 1;
    height: calc(100vh - 15.75rem);
}

.users-list-main-page .users-left {
    width: 25rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    border-right: 1px solid #DADAE7;
    margin-right: 1.25rem;
    flex-shrink: 0;
    overflow-y: auto;
    gap: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    height: calc(100vh - 15.75rem);
}

.users-main-page .users-top-bar, .users-list-main-page .users-top-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    height: 5.25rem;
    padding: 0 0 1.25rem;
    width: 100%;
}

.users-main-page .users-top-bar .left-part, .users-list-main-page .users-top-bar .left-part {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.users-main-page .users-top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.users-main-page .users-top-bar .left {
    display: flex;
    gap: 0.625rem;
    flex-direction: column;
    align-items: flex-start;
    height: inherit;
}

.users-main-page .users-top-bar .right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    gap: 1.25rem;
    height: inherit;
}

.usrroles-grid div.k-grid td,
.usrroles-grid .k-grid td.k-command-cell {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 1.25rem;
}

.usrroles-grid .k-grid td.k-command-cell .k-button {
    margin: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 1px;
}

.usrroles-grid .k-grid .k-selected,
.usrroles-grid .k-grid .k-table-alt-row .k-selected {
    background-color: #eeeefc !important;
}

.usrroles-grid .k-grid .k-table-row.k-selected > td, .usrroles-grid .k-grid .k-table-row.k-selected > .k-table-td,
.usrroles-grid .abs-grid .k-table-tbody .k-table-row.k-selected > .k-table-td {
    background-color: unset !important;
}   

.usrroles-grid .k-grid .k-selected:hover,
.usrroles-grid .k-grid .k-table-alt-row .k-selected:hover {
    background-color: #eeeefc !important;
}

.usrroles-grid .k-grid .k-table-row.k-selected > td, .usrroles-grid .k-grid .k-table-row.k-selected > .k-table-td:hover,
.usrroles-grid .abs-grid .k-table-tbody .k-table-row.k-selected > .k-table-td:hover {
    background-color: #eeeefc !important;
}

.permissions-grid .disabled-cell{
    background-color: rgb(228, 228, 228);
}

.permissions-grid div.k-grid td,
.permissions-grid .k-grid td.k-command-cell {
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 1.25rem;

}

.permissions-grid .k-grid td.k-command-cell .k-button {
    margin: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 1px;
}

.permissions-grid .k-table-group-row td {
    padding-left: 1px !important;
}

/*.permissions-grid .k-table-group-row,*/
.permissions-grid .k-table-group-row td {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #eeeefc !important;
}

.permissions-grid .k-table-group-row {
    height: 4rem !important;
}

.permissions-grid .k-group-footer {
    height: 3rem !important;    
}

.permissions-grid .k-group-footer .k-table-row,
.permissions-grid .k-group-footer td,
.permissions-grid .k-group-footer,
.permissions-grid .k-table-row .k-group-cell {
    border-top: 10px #eeeefc solid !important;
    background-color: var(--white) !important;
}

.permissions-grid .k-grouping-row,
.permissions-grid .k-table-group-row {
    position: static;
    z-index: auto;
    top: 0;
}

.permissions-grid .k-table-group-row td,
.permissions-grid .k-grouping-row td {
    position: sticky;
    z-index: 2;
    top: inherit;
    bottom: inherit;
}

.user-modal-tab-content {
    height: 50rem;
    max-height: calc(100vh - 11.25rem);
}

.user-modal-tab-content .k-tabstrip-content form {
    height: 100%;
}

.estab-count-container {
    width: 1.75rem;
    height: 100%;
    align-self: flex-end;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
}

.estab-count-container .counter {
    width: 1.75rem;
    height: 1.75rem;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--white);
    background-color: var(--abs-secondary);
}

.user-modal .inner-content {
    max-height: calc(100vh - 8.25rem);
    overflow-y: auto;
}

.user-logs-wrapper {
    height: calc(100% - 5rem) !important;
}

.user-terms-of-use-pill {
    padding: 0.1875rem 0.375rem 1px 0.375rem;
    width: 4.6875rem;
    border-radius: 0.625rem;
    font-size: 0.875rem !important;
    height: 1.5rem;
    text-align: center;
    align-content: center;
}

.user-terms-of-use-pill-grid {
    padding: 0.1875rem 0.375rem 1px 0.375rem;
    width: 4.6875rem;
    border-radius: 0.625rem;
    font-size: 0.875rem !important;
    height: 1.5rem;
    align-content: center;
    text-align: center;
}

.user-terms-of-use-pill.accepted,
.user-terms-of-use-pill-grid.accepted{
    background: #77B36D;
    border-color: #77B36D !important;
    color: var(--white);
}
.user-terms-of-use-pill.version,
.user-terms-of-use-pill-grid.version{
    background: #bebebe;
    border-color: #bebebe !important;
    color: var(--black);
    width: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.user-terms-of-use-pill.declined,
.user-terms-of-use-pill-grid.declined{
    background: var(--red);
    border-color: var(--red) !important;
    color: var(--white);
}
.user-terms-of-use-pill.pending,
.user-terms-of-use-pill-grid.pending{
    background: var(--secondary);
    border-color: var(--secondary) !important;
    color: var(--white);
}