#permissions .permission-checks .formLabel {
    width: 100%;
    text-align: left;
}

#permissions .permission-checks {
    width: 100%;
    grid-gap: 0.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    justify-items: start;
    padding-left: 1rem;
}

/* users section */

.sharing-users {
	margin: 1em;
	min-height: 0;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.sharing-session-invite-popup .sharing-users {
	margin: 0;
}

.sharing-users .sharing-users-title {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: left;
}

.sharing-users .sharing-users-title,
.sharing-users .sharing-users-actions {
	flex: 0 0 auto;
	padding: 0.5em 0;
}

.sharing-users .sharing-users-list {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
}

.sharing-session-invite-popup .sharing-users .sharing-users-list {
	background-color: var(--dark-grey);
	padding: 0.7em 1em;
	gap: 0.25em;
	border-radius: 0.4em;
	max-height: 10em;
	overflow-x: hidden;
	overflow-y: auto;
}

.sharing-users .sharing-users-list .user-box {
	display: flex;
	background-color: var(--grey);
	border-radius: 0.4em;
	font-size: 0.9em;
	min-height: 1.6em;
	align-items: center;
	padding: 0.4em;
	gap: 0.5em;
	width: 95%;
}

.sharing-session-invite-popup .sharing-users .sharing-users-list .user-box {
	background-color: transparent;
	width: 100%;
	cursor: pointer;
	transition: 0.5s background-color;
}

.sharing-session-invite-popup .sharing-users .sharing-users-list .user-box:hover {
	background-color: var(--grey);
}

#sharing-session.sharing-users .sharing-users-list .user-box .color {
    width: 0.5rem;
    border-radius: 20px;
    height: 0.5rem;
    margin: 0 0.4em;
}

#sharing-session.sharing-users .sharing-users-list .user-box .sharing-user-actions {
	margin-left: auto;
}

#sharing-session.sharing-users .sharing-users-list .user-box .sharing-user-actions .zeero-button {
	font-size: 0.9em;
	height: 1.3em;
	width: 5em;
}

#sharing-session.sharing-users .sharing-users-list .user-box .sharing-user-actions .sharing-user-action.kick-user {
	width: 3em;
	color: var(--danger);
}

#MAIL .sharing-invite-button {
	width: 90%;
	margin: 1em auto 0.5em auto;
}


/* sharing form: where all the various integrations are (link, email, qr, whatsapp) */

#integration-switch {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    user-select: none;
    display: flex;
    justify-content: center;
    width: 100%;
}

#integration-switch input {
    display: none;
}

#integration-switch input + label {
    padding: 0.4rem;
    color: #fff;
    cursor: pointer;
    width: 5rem;
}

#integration-switch input:checked + label {
    border-bottom: 2px solid #20a8d8;
}

#sharing-form {
    overflow: hidden auto;
}

#start-sharing, 
#end-sharing {
    display: block;
    margin: 1.5rem auto 0 auto;
    width: 22rem;
    transition: 0.4s;
}

#end-sharing {
    background-color: #ffc107;
    color: black;
}

.disabled-checkbox {
    color: rgb(81, 81, 81) !important;
    cursor: not-allowed !important;
}