.user-permissions-section {
    width: calc(100% - 1.5rem);
    height: calc(100% - 1.5rem);
    overflow-y: hidden;
    margin: .75rem;
    display: inline-block;
    background-color: white;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.3);
    vertical-align: top;
}

.user-permissions-section .fa {
    font-size: 1.8rem;
}

.scroll-containers {
    display: flex;
    justify-content: space-evenly;
}

.scroll-containers > div {
    padding: 10px;
}

.group-permission-container {
    max-height: 80vh;
    overflow-y: scroll;
}

.group-permission-container {
    width: 25%;
}

.customize-permission-container {
    width: 50%;
}

.enabled-permission-container {
    width: 25%;
}

.user-permissions-title {
    font-weight: bold;
    padding-bottom: 8px;
    padding-top: 8px;
}

input[type=radio] {
    height: 1.8rem;
    width: 1.8rem;
}

select {
    height: 1.8rem;
    width: 7rem;
}

.permission-control-card {
    display: grid;
    grid-template-columns: 7fr repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}