div.group-view div.team-members .group-overview {
    margin-bottom: 16px;
}

div.group-view div.team-members .group-overview .view-period-select {
    flex-grow: 1;
}

div.group-view div.team-members .group-overview .csv-btn {
    font-size: 32px;
    margin-left: 8px;
}

div.group-view div.team-members .actions-row {
    margin-bottom: 16px;
}

div.group-view div.team-members .actions-row .member-btn {
    margin-right: 8px;
    padding: 0px 20px;
}

div.group-view div.team-members .actions-row .member-btn:last-child {
    margin-right: 0px;
}

div.group-view div.team-members .actions-row .resend-btn {
    cursor: pointer;
    margin-right: 8px;
    padding: 0px 20px;
}

div.group-view div.team-members .actions-row .resend-btn.hidden {
    display: none;
}

div.group-view div.team-members .actions-row .search .search-icon {
	color: var(--primary-orange);
    cursor: default;
	background-color: var(--search-bar);
	border: 1px solid var(--search-bar);
	border-right: none;
    font-size: 28px;
	height: 40px;
    line-height: 40px;
    text-align: center;
	width: 44px;
}

div.group-view div.team-members .actions-row .search .input-field {
	border: 1px solid var(--search-bar);
	border-left: none;
	display: inline-block;
	height: 40px;
	margin: 0px;
	width: calc(100% - 44px);
}

div.group-view div.team-members .actions-row .search .input-field input {
	background-color: var(--search-bar);
	border-bottom: none !important;
	box-sizing: border-box;
    color: var(--text);
	height: 38px;
	margin: 0px;
	padding: 0px 24px 0px 4px;
}

div.group-view div.team-members .actions-row .search .input-field input:focus {
    border-bottom: none !important;
    box-shadow: none !important;
}

div.group-view div.team-members .empty-text {
    color: var(--text-secondary);
    font-size: 1.3em;
    padding-top: 24px;
    text-align: center;
}

div.group-view div.team-members .member-table {
    color: var(--text-secondary);
    font-size: 0.9em;
    padding: 0px;
}

div.group-view div.team-members .member-table .table-header {
    border-bottom: 1px solid var(--border);
    padding: 16px;
}

div.group-view div.team-members .member-table .table-header .col {
    padding-right: 12px;
}

div.group-view div.team-members .member-table .table-header .col:last-child {
    padding-right: 0px;
}

div.group-view div.team-members .member-table .checkbox-icon {
    color: var(--text);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 36px;
    justify-content: center;
    left: -10px;
    min-width: 36px;
    position: relative;
}

div.group-view div.team-members .member-table .table-header .sort-col {
    cursor: pointer;
}

div.group-view div.team-members .member-table .table-header .sort-col:hover {
    color: var(--text);
}

div.group-view div.team-members .member-table .table-header .sort-col.sorted {
    color: var(--text);
}

div.group-view div.team-members .member-table .table-header .sort-icon {
    font-size: 14px;
    margin-left: 6px;
}

div.group-view div.team-members .member-table .table-header .name {
    flex-grow: .1;
}

div.group-view div.team-members .member-table .table-data {
    overflow-y: auto;
}

div.group-view div.team-members .member-table .table-data .row {
    border-bottom: 1px solid var(--border);
    cursor: pointer;
    padding: 8px 16px;
}

div.group-view div.team-members .member-table .table-data .row:last-child {
    border-bottom: none;
}

div.group-view div.team-members .member-table .table-data .row:hover {
    background-color: var(--card-item-focused);
}

div.group-view div.team-members .member-table .table-data .row .col {
    padding-right: 8px;
}

div.group-view div.team-members .member-table .table-data .row .col:last-child {
    padding-right: 0px;
}

div.group-view div.team-members .member-table .table-data .row .name {
    color: var(--text);
    font-size: 1.1em;
}

div.group-view div.team-members .member-table .table-data .row .admin-chip {
    background-color: var(--primary-orange-dark);
    border-radius: 10px;
    color: var(--white);
    font-size: 0.8em;
    height: 20px;
    line-height: 20px;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

div.group-view div.team-members .member-table .table-data .row .more-icon-wrapper {
    justify-content: flex-end;
}

div.group-view div.team-members .member-table .table-data .row .sorted {
    color: var(--text);
}

div.group-view div.team-members .member-table .table-data .row .invite-btn, div.group-view .group .lms-card .member-table .row .invite-btn {
    color: var(--primary-orange);
    display: inline-block;
    margin: -4px 0px;
    padding: 4px 0px;
}

div.group-view div.team-members .member-table .table-data .row .invite-btn:hover, div.group-view .group .lms-card .member-table .row .invite-btn:hover {
    color: var(--primary-orange-dark);
}

div.group-view div.team-members .member-table .table-pagination {
    border-top: 1px solid var(--border);
    color: var(--text);
    font-size: 1.1em;
    padding: 12px 16px;
}

div.group-view div.team-members .member-table .table-pagination .num-rows-select {
    cursor: pointer;
    margin-left: 8px;
    padding: 4px;
}

div.group-view div.team-members .member-table .table-pagination .num-rows-select span {
    margin-left: 6px;
}

div.group-view div.team-members .member-table .table-pagination .pages {
    justify-content: flex-end;
}

div.group-view div.team-members .member-table .table-pagination .pages .page-num {
    cursor: default;
    margin: 0px 8px;
}

div.group-view div.team-members .member-table .table-pagination .pages i {
    cursor: pointer;
    padding: 4px;
}

div.group-view div.team-members .member-table .table-pagination .pages i.disabled {
    cursor: default;
    opacity: 0.5;
}

div.modal.team-csv-uploader {
    max-height: 80%;
    white-space: pre-wrap;
}

div.modal.team-csv-uploader h4 {
    text-align: center;
}

div.modal.team-csv-uploader .step-bubbles {
    margin: 24px 0px;
}

div.modal.team-csv-uploader .step-bubbles .bubble {
    width: 33.3%;
}

div.modal.team-csv-uploader .table-title {
    margin-bottom: 8px;
}

div.modal.team-csv-uploader table {
    margin-bottom: 16px;
}

div.modal.team-csv-uploader td, div.modal.team-csv-uploader th {
    background-color: var(--grey-light);
}

div.modal.team-csv-uploader tr:nth-of-type(2n) td {
    background-color: var(--white);
}

div.modal.team-csv-uploader td.field-name {
    font-weight: 500;
}

div.modal.team-csv-uploader input {
    margin-top: 8px;
}

div.modal.team-csv-uploader .btn-bar {
    margin-top: 20px;
    min-height: 40px;
}

div.modal.team-csv-uploader .upload-progress {
    margin: 48px 0px;
}

div.modal.team-csv-uploader .error {
    color: var(--error);
    margin-bottom: 20px;
}

div.modal.team-csv-uploader .success {
    color: var(--success);
}

div.modal.team-csv-uploader .fa-check-circle.success {
    font-size: 60px;
    margin-bottom: 16px;
}

div.modal.move-users {
    white-space: pre-wrap;
}

div.modal.move-users h4 {
    margin-bottom: 40px;
}

div.modal.move-users .dialog-content {
    min-height: 250px;
}

div.modal.move-users .dialog-content.processing {
    align-items: center;
    display: flex;
    justify-content: center;
}

div.modal.move-users .dialog-content .upload-progress {
    width: 100%;
}

div.modal.move-users .dialog-content .success {
    color: var(--success);
}

div.modal.move-users .dialog-content .fa-check-circle.success {
    font-size: 60px;
    margin-bottom: 16px;
}

div.modal.move-users .btn-bar {
    min-height: 40px;
}

div.modal.customize-columns {
    max-width: 500px;
}

div.modal.customize-columns .item {
    font-size: 1.1em;
    margin-bottom: 8px;
}

div.modal.customize-columns .item .checkbox-icon {
    cursor: pointer;
    font-size: 20px;
    height: 30px;
    opacity: 0.5;
    margin-right: 12px;
    width: 24px;
}

div.modal.customize-columns .item .checkbox-icon.checked {
    color: var(--primary-orange);
    opacity: 1;
}

div.modal.customize-columns .btn-bar {
    margin-top: 24px;
}


div.modal.report-modal [type="radio"]:not(:checked) + label, 
div.modal.report-modal [type="radio"]:checked + label {
    color: #9e9e9e;
}

div.modal.report-modal input[type="radio"]:not(:checked) + label::before {
    border-color: #5a5a5a;
}

div.modal.report-modal label {
    color: var(--black);
}

div.modal.report-modal .material-dropdown {
    font-size: 1rem;
    background-color: var(--grey-light);
    border: 2px solid var(--grey-dark);
}

div.modal.report-modal [type="checkbox"].filled-in:checked + label::after {
    border: 2px solid var(--black);
    background-color: var(--black);
}

div.modal.report-modal .btn-container {
    margin-top: 24px;
    text-align: right;
}

div.modal.report-modal h5.section-title {
    border-top: 1px solid var(--grey);
    padding-top: 10px;
}

div.modal.report-modal input[type="text"]:not(.browser-default) {
    padding: 8px;
    background-color: var(--grey-light);
    border: 2px solid var(--grey-dark);
    box-sizing: border-box;
    line-height: 1.5;
}

#reset-member-pass {
    color: var(--primary-orange);
    text-align: center;
    margin: 2px 0;
    display: inline;
}

#reset-member-pass:hover{
    cursor: pointer;
}