/* account_report.css */

.account_report h2 {
	padding: 15px;
}

.account_report .sessions,
.account_report .mutes {
	display: flex;
	flex-direction: column;
}

.account_report .session,
.account_report .mute {
	display: flex;
	/* align-items: center; */
}

.account_report .title.search {
	padding: 15px;
}

.account_report .session:nth-child(2n+1),
.account_report .mute:nth-child(2n+1) {
	background-color: var(--table-alt-bg);
}

.account_report .sessions.list li:first-of-type,
.account_report .mutes.list li:first-of-type {
    border-top: 1px solid var(--border-color);
}

.account_report .session_column,
.account_report .mute_column {
	padding: 5px;
	font-size: 0.8rem;
    white-space: nowrap;
}

.account_report .session_column.date,
.account_report .mute_column.date {
	width: 190px;
    font-size: 0.8rem;
}

.account_report .session_column.access {
	width: 400px;
}

.account_report.page.admin .email.input {
    max-width: 280px;
}

.account_report .session_column.url {
	font-size: 0.8rem;
}

.account_report .session_column.user_agent {
	font-size: 0.8rem;
}

.account_report .session_column.push_token {
	font-size: 0.8rem;
}

.account_report .session_column.ip_address {
	font-size: 0.8rem;
}

.mobile.account_report .content_panel,
.desktop.account_report .content_panel {
	padding: 0;
}

.account_report.page .controls.horizontal {
    margin: 15px 15px 0;
    border-bottom: 1px solid var(--border-color);
}

/* account.css */

.navigation {
	display: flex;
	font-size: 16px;
	justify-content: center;
	padding: 0 0 10px;
}

.account_menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.account_menu .button {
	align-items: center;
    border: 1px solid rgb(136, 136, 136);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 20px 20px 0px 0px;
    max-width: 230px;
    padding: 8px 20px;
    width: 230px;
}

.account_menu .icon {
	flex-shrink: 0;
	font-size: 40px;
	font-weight: 900;
	margin-right: 15px;
	min-width: 35px;
}

.account_menu .option_details {
	display: flex;
	flex-direction: column;
}

.account_menu .option_details p {
	color: rgb(119, 119, 119);
    font-size: 0.8em;
    margin-top: 7px;
}

/* action_menu.css */

.actions.menu {
	/* border: 1px solid grey; */
	border-radius: 5px;	
    display: flex;
    flex-direction: column;
}

.mobile .actions.menu { 
	padding: 10px;
	gap: 1px;
}

.actions.menu .option {
	padding: 10px;
	display: flex;
	gap: 15px;
	border-radius: 4px;
	align-items: center;
	cursor: pointer;
	background-color: var(--background-color);
}

.mobile .actions.menu .option {
	padding: 12px 10px;
	border-radius: 5px;
}

.actions.menu .option:hover {
	background-color: var(--hover-background);
}

.actions.menu .option .icon {
	/* margin-right: 15px; */
	font-size: 1.2rem;
	width: 15px;
	text-align: center;
}

.actions.menu .option .right {
	/* border-left: 1px solid lightgrey; */
	/* padding-left: 10px; */
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.actions.menu .option .name {
	font-weight: 400;
}

.actions.menu .option .message {
	margin-top: 5px;
	font-size: 0.8666666667rem;
	text-align: start;
}

/* add_item.css */

.add_item {
    background-color: var(--background-color);
    border: none;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
	gap: 10px;
	padding: 15px;
}

.mobile .add_item {
	border-radius: 0;
	gap: 10px;
	padding: 10px;
    border: 1px solid var(--border-color);
    border-left: none;
    border-right: none;
	background: transparent;
}

.add_item .action.button {
	display: flex;
	align-items:center;
	background-color: var(--background-color);
	color: var(--light-foreground-color);
	border-radius: 8px;
	border: 1px solid var(--input-border-color);
	box-sizing: border-box;
	flex-grow: 1;
	justify-content: flex-start;
	padding: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.add_item .avatar {
    height: 25px;
    width: 25px;
}

.user_options.menu .avatar {
    height: 35px;
    width: 35px;
	margin-right: 0;
}
/* 
.mobile .user_options.menu:first-child {
    padding-top: 5px;
} */

/* add_new.css */

.menu_body .add_new_options {
	overflow-y: auto;
    max-height: 425x;
    border-radius: 10px;
}

.menu_body .add_new_options .list_item.extra {
	color: var(--light-foreground-color);
}



/* admin.css */


.frame.admin .header .group {
	display: none;
}

.frame.admin .header .organization {
	align-items: center;
	margin: 0 10px;
}

.frame.admin .header .organization_name {
	margin-right: 10px;
}

.frame.admin .left.panel .group {
	margin-left: 25px;
}

.frame.admin .left.panel .button.caret {
	margin-left: 25px;
}

.frame.admin .content .page_title_wrapper .title {
	margin-bottom: 10px;
}

.frame.admin .content .page_title_wrapper .subtitle {
	margin-bottom: 10px;
}

.frame.admin.wide .center.panel {
	padding: 0;
    align-items: stretch;	flex-direction: row;
	flex-grow: 1;
}

.frame.admin.wide .center.panel > .content {
	background-color: var(--background-color);
	padding: 20px;
	flex-grow: 1;
	display: flex;
	max-width: none;
}

.frame.admin.wide .content .controls {
	align-items: center;
}

.frame.admin.wide .content .search.bar {
	margin-right: 10px;
}

.frame.admin.wide .actions .action_menu .message {
	display: none;
}

.admin .display_as {
	align-content: flex-end;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0px 0px 0px 10px;
}

.admin .display_as .button {
	background-color: var(--primary-background);
    border: 1px solid var(--input-border-color);
    color: var(--accent-color);
    cursor: pointer;
    font-size: 1.2em;
    padding: 5px;
}

.admin .actions.primary.basic.button {
	background-color: var(--primary-action-color);
}

.admin.articles_admin .actions.primary.basic.button .icon,
.admin.newsfeed_admin .actions.primary.basic.button .icon,
.admin.resources_admin .actions.primary.basic.button .icon,
.admin.events_admin .actions.primary.basic.button .icon,
.admin.users_admin .actions.primary.basic.button .icon,
.admin.organization_groups .actions.primary.basic.button .icon,
.admin.anonymous_users_admin .actions.primary.basic.button .icon,
.admin.peer_support_admin_requests .actions.primary.basic.button .icon {
	color: #fff;
}

i.icon.unavailable.fa.fa-triangle-exclamation {
    color: var(--alert-orange);
}

.admin.page .row .title .shared_icon {
	margin-left: 10px;
}

.admin.right_panel_expanded {
	--right-panel-width: 260px;
}

.admin.right_panel_collapsed {
	--right-panel-width: 75px;
}

.mobile .admin {
	--right-panel-width: 0px;
}

.admin .right_panel {
	/* display: none; */
	display: flex;
    flex-direction: column;
    flex-shrink:0;
    border-left: 1px solid var(--border-color);
    overflow: auto;
    box-sizing: border-box;
    width: var(--right-panel-width);
    background-color: var(--background-color);    
	position: relative;
    right: 0;
    transition: all ease-in-out 0.2s;
}

/* .admin .right_panel.collapsed .collapsed.collapse,
.admin .right_panel.collapsed {
	width: 75px;
} */

.admin .right_panel .search.bar .close.icon {
	margin: 0;
	padding: 10px;
}

.admin .right_panel .collapse { 	
	border-color: var(--border-color);
	background-color: var(--background-color);
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	cursor: pointer;
	/* padding: 10px;*/
    padding: 10px 30px 10px 20px;
	box-sizing: border-box;
	min-height: 56px;
    align-items: center;
    display: flex;
    justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: var(--right-panel-width);
}

.admin .right_panel .collapse.collapsed { 	
	/* background-color: var(--primary-background); */
    justify-content: right;
	position: fixed;
	bottom: 0;
}

.admin .right_panel .collapse:hover {
	filter: var(--menu-item-hover-brightness);
	background-color: var(--background-color);
}

.admin .right_panel .collapse .icon { 
	margin-left: 5px;
}

.admin .right_panel.collapsed .collapsed .icon { 
	display: flex;
	justify-content: center;
}

.admin .right_panel.collapsed .collapse.collapsed .icon { 
	margin-left: 0px;
}

.admin .right_panel.collapsed .collapse.collapsed .label { 
	display: none;
}

.admin .right_panel .collapse .label { 
	cursor: pointer;
}

/* .admin .content_panel {
	background-color: var(--secondary-background);
} */

.admin.page .page_title_wrapper .title {
	/* font-size: 2rem; */
	font-weight: 700;
}

.desktop .admin.page .page_title_wrapper .title,
.desktop .admin.page .top_title_and_description .title,
.desktop .save_bar_page .page_title_wrapper .title,
.desktop .save_bar_page .top_title_and_description .title {
	font-size: 2rem;
}


.mobile .admin.page .page_title_wrapper .title,
.mobile .admin.page .top_title_and_description .title,
.mobile .save_bar_page .page_title_wrapper .title,
.mobile .save_bar_page .top_title_and_description .title {	
	font-size: 1.5rem;
}


/* .mobile .admin.page .page_title_wrapper .title {
	margin: 5px 0 10px
} */

.admin.page .page_title_wrapper .subtitle {
	/* margin-bottom: 15px; */
	line-height: normal;
}

.page_title_wrapper {
	gap: 10px;
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}

.mobile .page_title_wrapper {
	gap: 5px;
	/* margin-bottom: 10px; */
}

.admin .horizontal.shared {
	background-color: var(--active-background);
	border-radius: 5px;
	color: var(--foreground-color);
	display: flex;
	font-size: 0.73rem;
	font-weight: 700;
	justify-content: center;
	position: unset;
	text-align: center;
}

.admin .thumbnail {
	width: unset;
	height: auto;
}

.admin .thumbnail .body {
	display: flex;
	flex-direction: column;
	/* height: 150px; */
	/* height: 100%; */
}

.admin table.grid .column.status .info_text {
    text-transform: lowercase;
}

.admin .thumbnail .subtitle {
	color: var(--info-text);
	font-size: 0.8666666667rem;
	font-weight: 700;
	margin-bottom: 8px;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.info_text {
	color: var(--info-text);
}

.admin .thumbnail .see_more.link {
	display: none;
}
/*
.admin .thumbnail .description.sub_text {
	font-size: 0.733333rem;
} */

.admin .thumbnail .horizontal.shared .text {
	text-transform: none;
}

.admin  .thumbnail .horizontal.shared .icon {
	color: var(--primary-action-color);
}

.destkop .admin .horizontal.controls .search.bar {
	min-width: 280px;
}

.mobile .admin .horizontal.controls .search.bar {
	width: 100%;
	max-width: 100%;
    border-radius: 5px;
}

.mobile.admin-table .grid_categories.visibility_status {
	margin: 3px -10px 0;
}

.mobile.admin-table .page.admin {
	flex-grow: 1;
}

/* .library_panel .content_panel {
    background-color: var(--secondary-background);
} */

.library_panel .admin .controls.vertical {
    /* border-color: var(--background-color); */
	gap: 8px;
}


.admin .horizontal.controls .search_row {
    margin-bottom: 0;
    grid-column-gap: 10px;
}

.mobile .admin .horizontal.controls .search_row {
    grid-column-gap: 5px;
}

.admin .horizontal.controls .search.bar .input {
	border-radius: 2rem;
	/* background-color: var(--input-background-color); */
	padding: 0 40px;
}

.mobile .admin-table .search.bar .input {
	border-radius: 5px;
	padding: 0 40px;
}

.mobile.resources .search.bar .input,
.mobile.events_admin .search.bar .input,
.mobile.learning .search.bar .input,
.mobile.library_admin .search.bar .input {
	border-radius: 25px;
}

/* .admin-table .controls .filter_button {
	border: 1px solid var(--input-border-color);
	background: var(--input-background-color);
} */

.admin-table .controls .filter_button {
	background-color: var(--background-color);
	color: var(--primary-action-color);
	border: 1px solid var(--input-border-color);
	border-radius: 2rem;
}

.mobile .admin-table .controls .filter_button label {
	display: none;
}

.admin-table .controls .search.bar .icon {
	padding-left: 15px;
	/* font-size: 0.8666666667rem; */
}

.mobile .admin-table .controls .search.bar .icon {
	font-size: 0.8666666667rem;
}

.admin .search.bar .filter.button {
	display: none;
}

.admin .search_row .search.bar ~ .filter.button {
	background: var(--input-background-color);
}

.mobile .admin .horizontal.controls {
    flex-direction: column;
    align-items: flex-start;
	padding-bottom: 10px;
    grid-column-gap: 5px;
    /* grid-column-gap: 0; */
	margin-bottom: 10px;
}

.admin .horizontal.controls {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--horizontal-rule-color);
    padding-bottom: 10px;
	grid-gap: 10px;
	align-items: center;
    justify-content: space-between;
}

/* .admin .controls.vertical {
    border-bottom: 1px solid var(--horizontal-rule-color);
    padding-bottom: 10px; turn on table pages
} */

.mobile .admin .controls.vertical {
	border: none;
	position: -webkit-sticky;
	position: sticky;
	/* top: 10px; */
	z-index: 1000;
	/* padding-top: var(--safe-area-inset-top); */
}

/* .admin .horizontal.search_row {
    margin-bottom: 0;
} */

/* .admin .search_row .search_options .basic.button {
	font-size: 0.8666667rem;
	font-weight: 700;
    background-color: var(--contained-search-controls-background);
} */

.mobile .admin .search_row .search_options .basic.button {
    height: 32px;
}

.mobile .admin .search_row .search_options .basic.button.filter_button label {
	display: none;
}

.mobile .admin .search_wrapper {
	flex-grow: 1;
}

.mobile .admin.users_admin .horizontal.controls {
	flex-direction: row;
	gap: 5px;
}

/* .admin.users_admin .horizontal.search_row .search.bar ~ .basic.button {
	background-color: var(--basic-button-background);
} */

.admin .search_row .search_options .basic.button .icon {
	margin: 0;
}

.admin .horizontal.controls .view_selectors {
	margin: 0 15px 0 auto;
}

.admin .horizontal.controls .actions.button,
.admin .horizontal.controls .light_primary_button.button {
	background: var(--background-color);
}

.admin .horizontal.controls .actions.button label ,
.admin .horizontal.controls .light_primary_button.button label {
	color: var(--foreground-color);
}

.desktop .peer_support_summary_admin.summary_stats.page.admin .filters.horizontal.flex_grow {
	display: none;
}

.admin .horizontal.controls .actions.button {
	height: 36px;
	width: auto;
    font-size: 0.866667rem;
	margin: 0;
	min-width: initial;
}

.mobile .admin .horizontal.controls .actions.button {
	/* min-width: 42px; */
	min-width: initial;
	border-radius: 100px;
    border: 1px solid var(--input-border-color);
	height: 37px;
	width: 37px;
}

.mobile .admin .horizontal.controls .filter_button.button {
    background: var(--background-color);
}

.mobile .admin .horizontal.controls .actions label {
	display: none;
}

.admin .horizontal.controls .grid_categories .label {
	margin-right: 3px;
}
/*
.admin .grid {
	border: 1px solid var(--border-color);
} */

.admin .grid .status {
	text-transform: capitalize;
}

.admin .grid_categories {
	flex-grow: 1;
}

.admin .search_wrapper {
    display: flex;
	gap: 10px;
}

.mobile .admin .search_wrapper {
	grid-column-gap: 5px;
}

.admin .organization_groups .horizontal.controls,
.admin .organization_group_requests .horizontal.controls  {
	justify-content: space-between;
	flex-direction: row;
}

.admin .organization_group_requests .reorder_item,
.admin .followers_admin .reorder_item {
	display: none;
}

.mobile .admin.organization_groups .horizontal.controls {
    flex-direction: row;
}

.reorder_categories {
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-column-gap: 10px;
	width: 100%;
}

.mobile .reorder_categories {
	gap: 5px;
    grid-column-gap: 10px;
}

.mobile .reorder_categories	{
	grid-template-columns: 12fr 1fr;
}

@media only screen and (max-width: 1080px) {
	.reorder_item:nth-child(1) {
		grid-row: 1 / 2; grid-column: 1 / 2;
	}

	.reorder_item:nth-child(2) {
		grid-row: 2 / 3; grid-column: 1 / 3;
	}

	.reorder_item:nth-child(3) {
		grid-row: 1 / 2; grid-column: 2 / 3;
	}
}

@media only screen and (max-width: 1080px) {
	.reorder_item:nth-child(3) {
		justify-self: flex-end;
	}
}

@media only screen and (max-width: 968px) {
	.filter_button label,
	.controls .actions label,
	.export_summary_button label {
		display: none;
	}
	button.basic.button.export_summary_button {
		min-width: initial;
	}
}


.summary_stats .grid .column:hover {
    cursor: default;
}

.edit_parent_relationship.popup {
	padding-bottom: 10px;
}

.mobile .dev_only_button i {
	max-width: 15px;
}

.image_admin_item .logo {
	width: 20px;
}

.image_admin_item.left_panel.button .icon {
	font-size: 0.8rem;
}

.image_admin_item .avatar {
	height: 20px;
	width: 20px;
}

.image_admin_item .avatar .profile_picture {
	border-radius: 4px;
}

.org_switcher_item .avatar .profile_picture,
.org_switcher_item .avatar {
	border-radius: 4px;
	/* background-color: white; */
}

.image_admin_item.left_panel.button .icon {
	font-size: 1rem;
}

.left_panel.list.back_end button.image_admin_item.soft_container.left_panel.button {
	margin: 10px;
    background-color: var(--background-color);
    min-height: 52px;
}

.darkMode .left_panel.list.back_end button.image_admin_item.soft_container.left_panel.button {
    background-color: var(--light-background-color);
}

.left_panel.list.back_end .left_panel.button {
    margin: 0 10px 0 10px;
}

.mobile .left_panel.list.back_end button.image_admin_item.soft_container.left_panel.button {
    margin: 10px;
}

.mobile button.left_panel.selected.button {
	padding: 15px;
}

.mobile button.left_panel.selected.parent.button,
.mobile button.left_panel.selected.child.button {
	padding: 15px 12px;
	margin: 0;
}

.mobile .left_panel.list.back_end .left_panel.button {
    margin: 0;
}

/* alert.css */

.alert_panel {
    display: flex;
	/* align-items: center; */
	justify-content: flex-start;
    /* background-color: var(--success-background); */
    border: 1px solid var(--soft-border-color);
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0px 0px 10px;
    padding: 10px;
	gap: 10px;
	min-height: 40px;
	line-height: 1.3;
}

.desktop .alert_panel > button {
	cursor: pointer;
}

.alert_panel.no_active_requests {
	border-radius: 5px;
}

.mobile .requests.page .alert_panel {
	border-radius: 10px;
	padding: 25px 10px 40px;
    text-align: center;
    margin: 0 0 10px;
}

.mobile .requests_beta.page .alert_panel {
	margin: 0;
}

.alert_panel .message {
	flex-grow: 1;
    font-size: 0.866667rem;
	color: var(--foreground-color);
}

.alert_panel.warning {
	gap: 10px;
}

.alert_panel .icon {
	font-size: 1.2rem;
}

.success.alert_panel {
	border: 2px solid var(--success-green-color);
	background-color: var(--success-background);
}

.success.alert_panel .icon {
	color: var(--success-green-color);
	background: radial-gradient(rgba(255,255,255,1) 25%,rgba(255,255,255,0.0));
    height: 1.1rem;
    border-radius: 50%;
    font-size: 1.2rem;
}

.warning.alert_panel {
	border: 2px solid var(--alert-orange);
	/* background-color: transparent;
	color: #444444; */
}

.connection_form.widget .warning.alert_panel {
	margin: 0;
}

.connection_form.widget .warning.alert_panel::after {
	display: none;
}

.detailed_post .alert_panel {
	margin: 0;
}

.warning.alert_panel .fa-circle-exclamation {
	color: var(--alert-orange);   
    /* border: 1px solid var(--alert-orange); */
}

.fa-circle-exclamation {
	background: #444444;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
	box-sizing: border-box;
    border-radius: 50%;
    font-size: 18px;
    text-align: center;
}

.user_options.menu .fa-circle-exclamation{
    color: var(--alert-orange);
	background-color: radial-gradient(rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0.0));
    box-sizing: border-box;
}

.darkMode .content_panel .fa-circle-exclamation {
	color: var(--alert-orange);
	background-color: #333333;
	box-sizing: border-box;
}

.content_panel .alert_panel .icon,
.content_panel .settings_warning .icon {
	border: none;
}

.danger.alert_panel {
	border: 2px solid var(--red);
	background-color: var(--background-color);
}

.mobile .alert_panel.danger {
	margin: 0 10px 10px;
    border-radius: 8px;
    font-size: 0.8em;
}

.mobile .contact_form.popup .alert_panel.danger {
	margin: 0;
}

.danger.alert_panel .icon {
	color: var(--red);
}

.question.alert_panel {
	border: 2px solid var(--question-color);
}

.question.alert_panel .icon {
	color: var(--question-color);
}

/* .alert.popup .wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 0 0 10px;
} */

.mobile .alert.modal .popup_footer .button {
	width: 100%;
}

.alert.modal .wrapper > .icon {
	font-size: 2rem;
	margin: 10px 0 15px;
	/* display: none; */
	color: var(--alert-orange);
}

.alert.modal.warning .wrapper > .icon, .alert.modal.success .wrapper > .icon, .alert.modal.danger .wrapper > .icon {
	display: flex;
}

.alert.modal.success .wrapper > .icon {
	color: var(--success-green-color);
}

.alert.modal.warning .wrapper > .icon {
	color: var(--foreground-color);
}

.alert.modal.danger .wrapper > .icon {
	color: var(--red);
}

.alert .popup_footer {
	justify-content: center;
	border-top: 0;
	/* padding: 10px 0; */
}

.alert .list {
	list-style: initial;
	margin: 0 0 0 20px;
	/* width: 187px; */
}

.alert .list .list_item {
	padding: 5px 0 0 0;
	line-height: normal;
}

/* .alert.popup .title {
	margin-bottom: 10px;
} */

.alert.popup .message {
    line-height: 1.3;
    text-align: center;
}

.mobile .alert_panel.no_items_panel .title.message {
	font-size: 1.3rem;
}

.no_items_panel .icon {
	font-size: 3rem;
	color: var(--checkbox);
    margin: 0;
}

.desktop .alert_panel.no_items_panel .message {
    font-size: 0.8666666667rem;;
	text-align: center;
    max-width: 400px;
    line-height: 1.4;
}

.alert_panel.no_items_panel .title.message {
	font-size: 1.5rem;
    margin: 10px 0 5px;
}

.no_items_panel .link {
	font-size: 0.866667rem;
}

.alert_panel.no_items_panel {
	border-radius: 10px;
    /* box-shadow: var(--popup-box-shadow); */
	border: none;
    /* background: linear-gradient(25deg, var(--notch-accent-color), var(--primary-button-border), var(--accent-color)); */
    background: var(--background-color);
    padding: 25px;
    align-items: center;
	margin: 0;
}

.desktop .ticket_lists .alert_panel.no_items_panel {
    box-shadow: var(--popup-box-shadow);
    border-radius: 0 0 10px 10px;
    border: 1px solid var(--soft-border-color);
	border-top: none;
}

.dashboard .alert_panel.no_items_panel {
	padding: 15px 0;
    transition: opacity 250ms ease-in-out;
}

.dashboard .alert_panel.no_items_panel .title.message {
	font-size: 1.25rem;
}

.alert_panel .link {
	margin-left: 5px;
}

.alert_panel .icon.button.dismiss {
	color: var(--foreground-color);
	align-self: flex-start;
    margin-top: 0;
    padding: 0;
}

/* alerts.css */

.alerts.page .alert_panel {
	width: 350px;
}

.alerts.page .popup.alert {
	width: 350px;
}

.small_error_message {
	border: 2px solid var(--error-red-color);
}

.small_error_message, .small_success_message {
	color: white;
	background-color: #333;
	border-radius: 5px;
	font-size: 0.8em;
	margin: 5px 0;
	max-width: 320px;
	padding: 10px;
	line-height: 1.5em;
	text-align: left;
}

.small_success_message {
	border: 2px solid white;
}

/* analytics.css */

.analytics .label {
	font-size: 0.7333333333rem;
	font-weight: 700;
	letter-spacing: 0.05;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.analytics .label i {
	font-size: 0.8rem;
	margin-right: 3px;
    color: var(--primary-action-color);
}

.analytics .title {
	font-weight: 700;
}

.analytics .label span {
	position: relative;
	top: -1px;
}

.analytics .label,
.analytics .title,
.analytics .subtitle {
	display: flex;
	align-items: center;
}

.analytics > div {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	/* margin: 5px 0; */
}

.analytics > div > div {
	border: 1px solid var(--input-border-color);
	border-radius: 5px;
	flex-grow: 1;
	padding: 10px;
    background-color: var(--light-background-color);
}

.analytics .value {
    font-size: 0.8666666667rem;
}

.edit_item.popup .analytics {
	margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border-color);
}

.analytics .clickable {
	cursor: pointer;
}



/* anniversary_support_schedule.css */

.anniversary_support_schedule.popup  {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.anniversary_support_schedule.popup .input[type=date] {
	max-width: 350px;
    align-self: self-start;
}

.anniversary_support_schedule.popup .title.required::after {
	color: red;
	content: '*';
	margin-left: 0.5rem;
    font-size: 0.8rem;
    line-height: 0.65rem;
}

.anniversary_support_schedule.popup .share_navigation {
	margin: 0;
	min-height: 60px;
}

.anniversary_support_schedule.popup .delete.button {
	background-color: var(--button-red);
	color: #ffffff;
}

.anniversary_support_schedule.popup .input_group.audience {
	margin: 10px 0 0;
}

/* api.css */

/* .api .locations {
	display: flex;
	padding: 5px;
	font-size: 19px;
}

.api .location {
	padding: 0 5px 0 0;
	cursor: pointer;
}
*/

.stretch_colors {
	background-image: url(https://peerconnect.firstresponsemh.com/upload/ART_1462_4604_bbq.jpg);
	min-height: 100vh;
	background-size: 400px 40000px;
	background-position-y: 20000px;
}

.api .group {
	display: inline-block;
}

.api .options, .api .locations {
	display: flex;
	/* padding: 5px; */
	/* font-size: 19px; */
	max-width: calc(100vw - 5px);
	flex-wrap: wrap;
	/* font-weight: bold; */
	padding: 0 5px 0 0;
}

.api .option, .api .location, .api .action{
	cursor: pointer;
	/* width: 300px; */
	padding: 10px;
	/* border: 1px solid black; */
	/* border-radius: 5px; */
	background-color: hsl(200, 30%, 60%);
	margin: 0 0px 5px 5px;
	box-sizing: border-box;
	-webkit-column-break-inside: avoid;
	color:white;
	flex-grow: 1;
	text-align: center;
	position: relative
}

/* .api .option{
	background-color: hsl(210, 30%, 60%);
}
.api .location{
	background-color: hsl(190, 30%, 60%);
}
.api .action{
	background-color: hsl(200, 30%, 60%);
} */

.api .corner {
	/* background: black; */
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;


	background: linear-gradient(to bottom left, #fff 0%, #fff 50%, transparent 50%, transparent 100%);
	
}

.api .option:hover, .api .location:hover{
	background-color: rgba(0,0,0,0.3);
}

.api .screenshot{
	/* width: 80vw; */
	/* height: 50vw; */
	/* border: 1px solid black; */
	max-height: 70vh;
	max-width: calc(100vw - 10px);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 5px 5px 5px;
}

.api .screenshots{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-around;
}


.api .small-screenshot{
	width: 100px;
	height: 100px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 5px;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 5px;
}

.api .link {
	display: inline-block;
	margin: 5px;
	padding: 5px;
}

.api .name{
	padding: 10px 15px;
	font-size: 24px;
	font-weight: bold;
}

.api .actions {
	/* column-width: 170px;
	column-gap: 0px;
	margin: 0 5px 5px 0px; */
	display: flex;
	flex-wrap: wrap;
	max-width: calc(100vw - 5px);
}

.api .action:hover{
	background-color: rgba(0,0,0,0.3);
}

/* app.css */

.app {
	font-family: "open sans";
}

/* .frame,:root {
	--header-height: 60px;
	--left-panel-width: 280px;
	--bottom-drawer-height: 40vh;
} 	Used to be in frame.css*/

:root {
	 /* Families  */
	--page-title-text: 2rem;
	--open-family: "Open Sans", Helvetica, Arial, sans-serif;
	--montserrat-family: 'Montserrat', Arial, Helvetica, sans-serif;
	/* HEIGHTS */
	--search-org-input-height: 56px;
	--desktop-sidebar-collapse-height: 56px;
	--header-height: 60px;
	--mobile-header-height: calc(60px + env(safe-area-inset-bottom));
	--footer-height: 50px;
	--left-panel-width: 260px;
	--right-panel-width: 0px;
	--bottom-drawer-height: 50vh;
	--mobile-search-and-filter-height: 93px;
	--services-found-height: 40px;
	--safe-area-inset-bottom: env(safe-area-inset-bottom);
	--safe-area-inset-top: env(safe-area-inset-top);
	--mobile-nav-buttons: 46px; /* container size for buttons and then padding is added on bottom is 10 and border top is 1px = 60 total */
	--mobile-footer-height: calc( var(--mobile-nav-buttons) + max(env(safe-area-inset-bottom), 10px) + 1px);
	--import-table-height: calc(100vh - 107px - var(--safe-area-inset-top) - var(--mobile-footer-height));
	--padding-body: calc(55px + 1px + max(env(safe-area-inset-bottom), 15px) + 10px);
	--search-popup-header-height: 107px;
	/* THEME */
	--menu-bg-top: #2e3640;
	--menu-bg-bottom: #394450;
	--dark-text: #444;
	--round-button-background: #f0f1f2;
	--tile-item-background: #fcfdfd;
	--left-panel-icon: #606d73;
	--off-white: #f2f5f7;
	--primary-background: #f2f5f7;
	--primary-background-light: #f2f5f7;
	--secondary-background: #ffffff;
	--tag-background: #f2f2f2;
	--light-primary-color-solid: #EBF5FF;
	--light-primary-color: #EBF5FFa1;
	--light-primary-color-solid: #c7e2fe;
	--basic-button-icon-color:  #414648;
	--primary-button-icon-color:  #c1daf2;
	--see-all-bg: #ebf5ff;
	--see-all-border: rgba(112,181,249,.3);
	--primary-action-color: #3a8dde;
	--primary-button-border: #2d7ecd;
	--accent-color: #194f90;
	--black: #444444;
	--mid-gradient-color: #2b72bc;
	--notch-accent-color: #194f90;
	--foreground-color: #444444;
	--label-input: #707070;
	--light-foreground-color: #707070;
	--nav-color: #5d5d5d;
	--light-background-color: #f2f5f7;
	--background-color: #ffffff;
	--navbar-background-color: #ffffff;
	/* BUTTONS */
	--border: 1px solid var(--border-color);
	--soft-border: 1px solid var(--soft-border-color);
	--button-border-color: rgba(0,0,0,0.05);
	--primary-button-background: #194f90;
	--primary-border-color: rgba(0,0,0,0.1);
	--reminder-date-button-background: #acacac;
	--contact-method-button-background: #e2e2e2;
	--end-voice: #EED202;
	--end-connection: #E03C3C;
	--start-voice: #2FAD3C;
	--red: #ee2c4d;
	--button-red: #a8162f;
	--basic-button-background: #f2f5f7;
	--transparent-button-background: #f2f5f79e;
	--matted-button-text: #ffffff;
	--info-text: #acacac; /* information-icon --info-button: */
	--secondary-text: #747474;
	--button-border-radius: 25px; /* NEW */
	--rounded-border-radius: 20px; /* NEW */
	--button-hover-brightness: brightness(0.98);
	--menu-item-hover-brightness: brightness(0.98);
	--button-hover-brightness: brightness(0.98);
	--container-hover-brightness: brightness(0.98);
	--button-active-brightness: brightness(0.85);
	--unauthenticated-plain-button-bg: #1b1c1e;
	--newsfeed-filter-color: #e1e6ec;
	/* INPUTS */
	--input-placeholder-color: #ACACAC;
	--reshare-color: #ffffff;
	--reshare-gradient-bg: linear-gradient(180deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 0%) 120%);
	--primary-button-focus: rgba(255,255,255,0.75);
	/* --darker-input-background-color: #f6fafe; */
	--darker-input-background-color: #ffffff;
	--input-background-color: #f2f5f7;
	/* --pill-background-color: #f2f5f7; */
	--pill-background-color: #f8f8f8;
	--input-alt-background-color: #ffffff;
	--input-textarea-background-color: #ffffff;
	--contained-search-controls-background: #f2f5f7;
	--multiline-filter-bg: #ffffff;
	/* --input-border-color: #e2e2e2; */
	--input-border-color: rgba(0,0,0,0.1);
	--login-dark-button: #212326;
	--login-input-border-color: rgba(0,0,0,0.2);
	--input-read-only-text: #707070;
	--input-read-only-background-color: #F4F4F4;
	--input-disabled-text: #ACACAC;
	--input-disabled-background-color: #DEDEDE;
	--input-textarea-markdown-background-color: #ffffff;
	--inset-text-input-shadow: inset 0 0 15px rgba(0,0,0,0.05);
	--input-bg: #f6f6f6;
	--disabled-color: #e6e6e6;
	--disabled-input: #e7eaed;
	--disabled-text: #acacac;
	--placeholder-text-color: #acacac;
	--error-red-color: #a50000;
	/* benfits */
	--dark-text : #444;
	--benifits-block-bg: white;
	--plus-tile-heading: 2rem;
	--benefits-page-bg: #f2f5f7;
	/* --settings-error-color: #cd0f2f; */
	--checkbox: #c0c9d2;
	--weekday-label: #707070;
	--weekday-background: #707070;
	/* CONTAINERS */
	--popup-header-background: #eff2f5;
	--contained-search-elements: #f2f5f7;
	--border-color: #e1e1e1; /* A1A9B3 */
	--horizontal-rule-color: #dcdcdc;
	--admin-border-color: #CED0D4;
	--contained-border-color: #ededed;
	--grid-gap: 30px;
	--popup-border-radius: 10px; /* NEW */
	--options-background: #f7f7f7;
	--markdown-code-background: #f7f7f7;
	--markdown-blockquotes-background: #f7f7f7;
	--transparent-background-hover: rgba(255,255,255,.8);
	--active-background: rgba(60,64,67,0.122);
	--hover-background:#f2f5f75e;
	--video-background-color: #333333;
	--background-shade: rgba(0,0,0,0.2);
	--frosted-bg: #ffffffc4;
	--recommendation-gr: linear-gradient(45deg, rgba(255, 255, 255, 0) 50%, rgba(40, 167, 69, 20%) 100%);
	--scheduled-by-gr: linear-gradient(45deg, rgba(255, 255, 255, 0) 50%, rgba(40, 167, 69, 20%) 100%);
	--committed-gr: linear-gradient(45deg, rgba(255, 255, 255, 0) 50%, rgba(58, 141, 222, 20%) 100%);
	--assigned-gr: linear-gradient(45deg, rgba(255, 255, 255, 0) 50%, rgba(105, 105, 105, 20%) 100%);
	--unavailable-gr: linear-gradient(45deg, rgba(255, 255, 255, 0) 50%, rgba(64, 64, 64, 0.1) 100%);
	--incoming-recommendation-gr: linear-gradient(45deg, rgba(255, 255, 255, 0) 50%, rgba(221, 95, 6, 10%) 100%);
	--chat-input-background: #f2f5f7;
	--chat-input-border: rgba(0, 0, 0, 0.15);
	--chat-received-message-background: rgba(255, 255, 255);
	--chat-sent-message-background: rgba(242, 245, 247, 0.85);
	--voice-options-background: rgba(242, 245, 247, 0.85);
	/* SHADOWS */
	--info-text-shadow: 0px 0px 2px 0 rgb(0 0 0 / 15%);
	--tabs-shadow: 0 4px 5px rgba(0,0,0,0.05);
	--feed-item-shadow: 0 2px 3px 0 rgb(0 0 0 /5%);
	--request-item-box-shadow: 0 0 25px rgb(0 0 0 /10%);
	--desktop-feed-item-shadow: 2px 2px 10px rgb(0 0 0 /10%);
	--menu-box-shadow: 0 -5px 25px 0 rgba(0,0,0,0.2);
	--popup-box-shadow: 1px 2px 12px 0 rgb(0 0 0 / 7%); /*UPDATE --popup-box-shadow: 0 0 20px 0 rgb(0 0 0 /10%); */
	--popup-options-shadow: 0 12px 28px 0 rgba(0,0,0,0.2), 0 2px 4px 0 rgba(0,0,0,0.1); /*NEW*/
	--tooltip-shadow: 0 0 20px 0 rgb(0 0 0 / 20%); /*NEW*/
	--navbar-shadow: 0 0 16px rgba(0,0,0,0.1);
	--mobile-search-bar-shadow: 0 0px 1px rgba(0,0,0,0.1);
	--caret-button-shadow: 0 2px 3px rgba(0,0,0,0.2);
	--map-buttons-shadow: 0 3px 6px rgba(0,0,0,0.2);
	--drawer-shadow: 0 4px 6px rgba(0,0,0,0.1);
	--input-inset-shadow: inset 0 0 1px rgba(0,0,0,0.3);
	--button-inset--shadow:  inset 0 0 10px rgba(0,0,0,0.9);
	--offset-box-shadow: -6px 6px 8px 0 rgb(0 0 0 / 4%);
	--contained-container-shadow: 0px 0px 8px 0 rgb(0 0 0 / 10%);
	--recent-news-card-shadow: 0px 0px 8px 0 rgb(0 0 0 / 60%);
	--sm-soft-continaer-shadow: 0px 0px 6px 0 rgb(0 0 0 / 15%);
	--soft-shadow: 0px 4px 6px 0 rgb(0 0 0 / 5%);
	--slide-shadow: 0px 12px 24px 0 rgb(0 0 0 / 5%);
	--orgprofile-shadow: 0 5px 10px 0px rgba(0,0,0,0.05);
	--topic-icon-shadow: 2px 2px #b5b5b5;
	--app-notification-shadow:0px 0px 15px 0 rgb(0 0 0 / 25%);
	--action-selected-border: #70b5f926;
	--org-following-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 2px 4px 0 rgba(0,0,0,0.1);
	--shadow-scroll-white-30: rgba(0,0,0,0.3);
	--chat-message-shadow: 0px 4px 4px #888888;
	--chevron-shadow: 0px 0 20px 1px rgb(0 0 0 / 15%);
	--selected-pill-bg: #e4e8eb;
	--request-card-box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 10%);
	/* TABLES */
	--table-header-bg: #e4eaef; /* NEW */
	--table-subheader-bg: #e9edf2; /* NEW */
	--table-alt-bg: #f6f9fb;
	--table-select-boxes: #c0c9d2;
	--table-border-color: #c0c9d2;
	/* --table-column-hover: #e5e6ea; */
	--table-row-hover: rgb(112 181 249 / 15%);
	/* NAVBAR */
	--navbar-selected-section-background: #f7f7f7;
	--navbar-selected-background: #edf0f2;
	/* INTERACTION */
	--like-icon-color: #3a8dde; /* NEW */
	--save-icon-color: #28a745; /* NEW */
	--endorsement-icon-color: #EED202; /* NEW */
	--reshare-icon-color: #3a8dde; /* NEW */
	/* CONNECTION TYPES */
	--pill-pop: 1px 2px 3px rgba(0, 0, 0, 0.5);
	--anniversary-color: #3e99b1;
	--anonymous-color: #af75e1;
	--assigned-color: #71590f;
	--assigned-to-you: #71590f;
	--assigned-to-you-color: #71590f;
	--previously-assigned: #6b6a68;
	--committed-color: #3597EC;
	--first-connection-color: #2fad3c;
	--follow-up-color: #28A745;
	--high-priority-color: #FF7F00;
	--reminded: #bd7f08;
	--overdue: #cd6600; /* #FF7F00 */
	--proactive-color: #28A745;
	--recommended-color: #69787d;
	--attempted_support_contact_unavailable: #393939;
	--scheduled-color: #2a8a8f;
	--urgent-color: #262424;
	--with-you-color: #71590f;
	--incoming-recommendation-color: #dd5f06;
	/* NOTIFICATIONS */
	--in-app-notification-background-color:rgba(255,255,255,0.75);
	/* --soft-red: rgb(238 44 77 / 25%);  */
	--soft-red: #ee2c4d1f; 
	--soft-red-border: #fdf6f6;
	--reset-text-color:#ee2c4d; 
	--reset-bg: #fdf6f6;
	--notification-orange-color: #ff7f00;
	--alert-orange: #FFC108;
	--success-border-color: #c6f1cd;
	--success-background: #edfbef;
	--success-green-color: #007d1b;
	--success-green-color-text: #007d1b;
	--success-green-border: 1px solid rgb(0 125 27 / 25%);
	--unread-notification-background: hsl(200,40%,90%);
	--unread-notification-color: rgba(112,181,249,.3);
	--unread-transparent-bg-color: rgba(112,181,249,.15);
	--question-color: #3a8dde;
	--soft-border-color:rgba(170,170,170,0.25);
	/* SELFCARE BUTTONS */
	--emotional-color: #ff7f00;
	--physical-color: #28a745;
	--social-color: #3597ec;
	--spiritual-color: #ba00ff;
	/* BORDER-RADIUS */
	--ten-br: 10px;
	--compact-card-image-border-radius: 10px 0 0 10px;
	--compact-card-content-border-radius: 0 10px 10px 0;
	--card-container-border-radius: 10px;
	--card-body-border-radius: 0 0 10px 10px;
	--card-image-border-radius: 10px 10px 0 0;
	--content-card-border-radius: 0 0 10px 10px;
	--map-search-bar-shadow: 0 1px 1px rgba(0,0,0,0.2);
	/* USER STATUS */
	--status-active: #28A745;
	--status-inactive: #C9C9C9;
	--status-invited: #FFC108;
	--status-suspended: #ee2c4d;
	--requests-caught-up: #c0c9d2;
	--disabled-button-bg: #ededed;
	--disabled-button-color: #acacac;
	--disabled-checkbox: #d9d9d9;
}

.darkMode {
	--border: 1px solid var(--border-color);
	--primary-action-color-light: #1a1a1a;
	--primary-action-color: #45a3ff;
	--dark-primary-button-color: #3167ba;
	--see-all-bg: #1c1e20;
	--primary-button-background: #3a8dde;
	--tile-item-background: #35383d;
	--background-color: #2c2e34;
	--previously-assigned: #b5b5b5;
	--primary-background: #1c1e20;
	--secondary-background: #35383d;
	--navbar-background-color: #25272b; /* 17181a */
	--round-button-background: #444444;
	--light-secondary-color-solid: #c1daf2;
	--light-background-color: rgba(253,253,253,.04); 
	--light-primary-color-solid: #1e2329;
	--light-primary-color: #2d3238; 
	--basic-button-icon-color:  #c1daf2;
	--contained-search-elements: #212326; 
	--foreground-color: #ededed;
	--reshare-color: #ffffff;
	--label-input: #ededed;
	--nav-color: #ededed;
	--light-foreground-color: #c1c1c1;
	--tag-background: #444444;
	--border-color: #202020; /*  #262626; */
	--horizontal-rule-color: #282828;
	--admin-border-color: #202020;
	--contained-border-color: #202020;
	--disabled-color: #3c3c3c;
	--disabled-text: #acacac;
	--transparent-background-hover: rgba(0,0,0,.8);
	--active-background: rgba(60,64,67,0.122);
	--hover-background: rgba(60,64,67,0.78);
	--secondary-text: #989898;
	--app-notification-shadow:0px 0px 15px 0 rgb(0 0 0 / 50%);
	--reset-text-color: white; 
	--reset-bg: #282727;
	/* SHADOWS */
	--frosted-bg: #2c2e34b8;
	--contained-container-shadow: 0px 0px 12px 0 rgb(0 0 0 / 60%);
	--popup-box-shadow: 1px 2px 12px 0 rgb(0 0 0 / 40%);
	--topic-icon-shadow: 2px 2px #696565;
	--mobile-tabs-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
	--popup-options-shadow: 0 12px 28px 0 rgba(0,0,0,0.5), 0 2px 4px 0 rgba(0,0,0,0.2); /*NEW*/
	--request-card-box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 50%);
	--soft-border-color:rgba(0,0,0,0.15);
	--soft-border:rgba(0,0,0,0.15);
	--shadow-scroll-white-30: rgba(255,255,255,0.3);
	--tabs-shadow: 0 4px 4px rgba(0,0,0,0.2);
	--dark-mode-background-shade: rgba(0,0,0,0.5);
	--chat-message-shadow: 0px 4px 4px #000000;
	--offset-box-shadow: -6px 6px 8px 0 rgb(0 0 0 / 30%);
	/* TABLES */
	--table-header-bg: #3c4553;
	--table-subheader-bg: #363d49;
	--table-alt-bg: #37393f;
	/* --table-select-boxes: #ACACAC; TBD - Colors in tables were coded with generic background/foreground to comply colors */
	/* --table-border-color: #c0c9d2; TBD - Colors in tables were coded with generic background/foreground to comply colors */
	/* --table-column-hover: #e5e6ea; TBD - Colors in tables were coded with generic background/foreground to comply colors */
	--table-border-color: #1b1d1f;
	--table-select-boxes: #444444;
	/* NAVBAR */
	/* --desktop-navbar-shim: 20vw; */
	--desktop-left-navbar-width: 260px;
	--desktop-right-navbar-width: 10vw;
	--desktop-navbar-center-icons: 90vw;
	--navbar-selected-section-background: #27292d;
	--navbar-selected-background: #1d1e20;
	--checkbox: #c0c9d2; /* var(--checkbox) #656565*/
	--requests-caught-up: #778089;
	--disable-checkbox: #656565; /* var(--checkbox) #656565*/
	--popup-header-background: #212326; /* was #1c1e23 got lost in shadows - couldn't see edge of frame */
	/* BUTTONS */
	--basic-button-background: #40444b;
	--transparent-button-background: #40444b9e;
	--navbar-border-color: #000000;
	--matted-button-text: #222222;
	--button-hover-brightness: brightness(0.75);
	--menu-item-hover-brightness: brightness(0.7);
	--selected-pill-bg: #3e4751;
	/* NOTIFICATIONS */
	--in-app-notification-background-color:rgba(48,51,57,0.75);
	--success-background: rgb(40,45,41);
	/* CONNECTION TYPES */
	--scheduled-color: #474747;
	--recommended-color: #1e7632;  /* #474747, save #28a745 */
	/* CONTAINERS */
	--options-background: #181818;
	--markdown-code-background: #181818;
	--markdown-blockquotes-background: #181818;
	--success-green-color-text: #4ccb67;
	--chat-input-background: #444444;
	--chat-input-border: #585858;
	--chat-received-message-background: #444444;
	--chat-sent-message-background: #1E1E1E;
	--voice-options-background: rgba(44, 46, 52, 0.9);
	/* SELFCARE BUTTONS */
	--emotional-color: #ff7f00;
	--physical-color: #28a745;
	--social-color: #3597ec;
	--spiritual-color: #ba00ff;
	/* INPUTS */
	--input-placeholder-color: #ACACAC;
	--contained-search-controls-background: #212326;
	--multiline-filter-bg: #0a0b0c;
	--input-background-color: #212326;
	--pill-background-color: #16181ba1;
	--input-alt-background-color: #40444b;
	--input-textarea-background-color: #212326;
	--input-border-color: #1d1d1d;
	--input-read-only-text: #CECECE;
	--input-read-only-background-color: #707070;
	--input-disabled-text: #ACACAC;
	--input-disabled-background-color: #4b4b4b;
	--input-textarea-markdown-background-color: #323338;
	--darker-input-background-color: #323338;
	--disabled-button-bg: #4f4f4f;
	--disabled-button-color: #acacac;
	--disabled-checkbox: #666666;
	--inset-text-input-shadow: inset 0 0 55px rgba(0,0,0,0.65);
	/* Benfits Page */
	--benefits-page-bg: #2c2e34;
}

#content {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, "Open Sans", Helvetica, Arial, sans-serif;
	width: 100%;
}

.fa-bounce-h { 
	animation: bounce 0.5s; 
	animation-direction: alternate; 
	animation-timing-function: cubic-bezier(.5, 0.0, 0, 0.5); 
	animation-iteration-count: infinite; 
} 

@keyframes bounce { 
	from { 
		transform: translate3d(0, 0, 0); 
	} 
	to { 
		transform: translate3d(10px, 0, 0); 
	} 
}

@-webkit-keyframes bounce { 
	from { 
		-webkit-transform: translate3d(0, 0, 0); 
		transform: translate3d(0, 0, 0); 
	} 
	to { 
		-webkit-transform: translate3d(10px, 0, 0); 
		transform: translate3d(10px, 0, 0); 
	} 
}

.fa-spin-stall { 
	animation: bounce 0.5s; 
	animation-direction: alternate; 
	animation-timing-function: cubic-bezier(.5, 0.0, 0, 0.5); 
	animation-iteration-count: infinite; 
} 

@keyframes bounce { 
	from { 
		transform: translate3d(0, 0, 0); 
	} 
	to { 
		transform: translate3d(10px, 0, 0); 
	} 
}

@-webkit-keyframes bounce { 
	from { 
		-webkit-transform: translate3d(0, 0, 0); 
		transform: translate3d(0, 0, 0); 
	} 
	to { 
		-webkit-transform: translate3d(10px, 0, 0); 
		transform: translate3d(10px, 0, 0); 
	} 
}

/* 
//////// 
//////// 
//////// 
//////// 
*/

.section.button .add_icon:focus-visible {
    outline: 2px solid var(--accent-color);
    border-radius: 10px;
}

.darkMode .section.button .add_icon:focus-visible {
    outline: 2px solid white;
    border-radius: 10px;
}

.desktop .map_view .search.bar input:focus-visible,
.desktop .map_view .search_options button:focus-visible {
    outline: 2px solid var(--primary-action-color);
}

.filter_menu .list_item:focus-visible,
.filter_menu .filter_lists button:focus-visible {
	width: 100%;
}

button.full_width:focus-visible {
	width: 100%;
}

.horizontal.button:focus-visible {
    outline: 1px auto var(--primary-action-color);
}

.search.bar .close.icon:focus-visible {
    border-radius: 100px;
    width: 35px;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
}

.pointer {
	cursor: pointer;
}

body.peer_connect div:focus-visible {
	border-radius: 2px;
}

.pagination > div.pageNumber:focus-visible {
    width: 25px;
}

input[type=checkbox]:focus-visible + .display_input {
	width: fit-content;
	outline: auto 2px var(--primary-action-color);
    outline-offset: 2px;
    border-radius: 2px;
}

::placeholder {
    color: var(--input-placeholder-color);
}

.hide_me {
	display: none !important;
}

.no_hover:hover,
.pill.no_hover:hover,
div .no_hover:hover { 
	cursor: unset;
}

/* :focus-visible {
    outline: 1px auto var(--primary-action-color);
} */

.ellipse {
	overflow: hidden;
    text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
    line-height: normal;
	-webkit-box-orient: vertical;
	text-align: left;
}

.ellipse p {
	word-break: break-word;
}

a.ellipse {
	text-decoration: none;
}

/* a.ellipse:hover {
	text-decoration: underline;
} */

.fa-earth-americas {
	color: var(--info-text);
}

.popup_body .fa-earth-americas {
	color: var(--foreground-color);
}

html.mobile_wrapper, body.mobile {
    /* -webkit-overflow-scrolling : touch !important; */
    overflow: auto !important;
    height: 100% !important;
}

.bottom_border {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color);
}

.top_border {
	border-top: 1px solid var(--border-color);
    padding-top: 10px;
}

.team div:last-of-type .member .horizontal.bottom_border {
    padding-bottom: 0;
    border-bottom: 0;
}

.flex_wrap {
	flex-wrap: wrap;
}

.ticker_text {
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	}
	
	.ticker_text span {
	display: inline-block;
	padding-left: 100%;
	animation: ticker_text 5s linear infinite;
	}
	
	.ticker_text span {
	animation-delay: 2.5s;
	}
	
	@keyframes ticker_text {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-100%, 0);
	}
}

.hide_scrollbar {
	/*FireFox*/
	scrollbar-width: none;
	/*IE10+*/
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.hide_scrollbar::-webkit-scrollbar {
	/*Chrome, Safari, Edge*/
	display: none;
}

.readonly_icon {
    color: var(--disabled-button-color);
    text-shadow: var(--info-text-shadow);
    padding: 8px;
    border-radius: 100%;
    font-size: 14px;
    box-shadow: var(--inset-text-input-shadow);
}

/* article.css */

.detailed_post.page.article {
	max-width: 700px;
}

.article.detailed_post .small_images .small_image,
 .article.detailed_post .small_images .video_element[poster] {
	height: 60px;
	width: 100%;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid var(--border-color);
	background: white;
}

.article.detailed_post .small_images .small_image,
.article.detailed_post .small_images .video_element[poster]:hover {
	cursor: pointer;
}

.detailed_post .small_images .video_element .play_overlay {
	display: none !important;
}

.counter_container {
	align-items: center;
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	gap: 10px;
}

.counter_container .group {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 5px;
}

.counter_container .group:first-child:hover .engagement_count {
	text-decoration: underline;
}

.counter_container .engagement_icons {
	align-items: center;
	counter-reset: icon;
	display: flex;
	flex-direction: row;
	font-size: 0.67rem;
	margin-right: 5px;
}

.counter_container .engagement_icons i {
	margin-right: -2px;
}

.counter_container .like_icon,
.counter_container .save_icon,
.counter_container .endorsement_icon {
	align-items: center;
	background: var(--primary-background);
	border-radius: 50%;
	border: 1px solid var(--border-color);
	box-shadow: 3px 2px 3px -2px rgba(0,0,0,.25);
	display: flex;
	height: 1.25rem;
	justify-content: center;
	width: 1.25rem;
}

.counter_container .like_icon {
	color: var(--like-icon-color);
	z-index: 2;
}

.counter_container .save_icon {
	color: var(--save-icon-color);
	z-index: 1;
}

.counter_container .endorsement_icon {
	color: var(--endorsement-icon-color);
	z-index: 0;
}

.counter_container .shares_count {
	text-decoration: underline;
}

.reshare_container .title {
	margin-bottom: 8px;
}

.reshare_container {
	flex-direction: column;
	align-items: flex-start;
    /* padding: 10px; */
    display: flex;
    line-height: 1;
    border-radius: 4px;
    /* background-color: var(--light-background-color);
    border: 1px solid var(--border-color); */
    display: flex;
	padding: 8px;    
	align-items: flex-start;
    justify-content: normal;
}

.reshare_container {
    text-transform: capitalize;
}

.reshare_container .reshare,
.reshare_container .post_record {
	font-size: 0.8666666667rem;
	cursor: pointer;
	margin-bottom: 3px;
}

.reshare_container .reshare:hover,
.reshare_container .post_record:hover {
	text-decoration: underline;
    color: var(--primary-action-color);
}

.mobile .detailed_post .row .likes {
	margin: 0;
}

/* .mobile .detailed_post.article .social_container {
	margin: 0;
} */

.detailed_post.article .pills {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.external_link.item.section {
    gap: 5px;
	align-items: self-start;
}
/*
.external_link.item.section .info .provider_description {
	-webkit-line-clamp: 3;
    overflow: hidden;
    width: 100%;
    -webkit-box-orient: vertical;
    display: -webkit-box;
} */

.edit_item .external_link.item.section {
	text-decoration: none;
    align-items: center;
}

.edit_item.article .external_link.item.section a {
	color: var(--primary-action-color);
	word-break: break-word;
	line-height: 1.2;
}

.edit_item.article .external_link.item.section .info .icon {
	font-size: 0.8rem;
}

.edit_item.article .external_link.item.section .title {
    overflow: hidden;
    text-overflow: ellipsis;
}

.item.section .fa-arrow-up-right-from-square {
    padding-left: 5px;
}

.external_link.item.section a.fa-arrow-up-right-from-square::before {
	text-decoration: none;
}

.external_link.item.section .photo {
    width: 52px;
    height: 52px;
    object-fit: cover;
    align-self: flex-start;
    /* padding: 10px 0 10px 10px; */
	/* border: 1px solid var(--border-color); */
    box-sizing: border-box;
}

.edit_item .editbar.checkbox .display_input,
.reshare .editbar.checkbox .display_input {
	width: 18px;
	height: 24px;
	padding: 0;
}

.edit_item .existing_items.section .item.section:empty {
	display: none;
}

.editbar_container.audience .edit_audience {
	font-size: 0.8rem;
	color: var(--primary-action-color);
}

/* articles_shared_admin.css */

.articles_shared_admin.page > .title {
	font-size: 1.3333333333rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.articles_shared_admin.page > .subtitle {
	margin-bottom: 15px;
}

.articles_shared_admin.page .thumbnails_view {
	grid-gap: 10px;
}

.articles_shared_admin .search_filter_view_bar {
	border-bottom: 1px solid var(--input-border-color);
	margin-bottom: 15px;
}

.articles_shared_admin .horizontal.search_row .search.bar {
	height: 32px;
	max-width: 200px;
	/* background-color: var(--search-input-background); */
}

.mobile .articles_shared_admin .horizontal.search_row .search.bar {
	max-width: 100%;
}

.articles_shared_admin .horizontal.search_row .search.bar .input {
	font-size: 0.8666666667rem;
	padding: 0;
}

.articles_shared_admin .horizontal.search_row .search.bar .icon {
	/* color: var(--placeholder-text-color); */
	padding: 10px 8px 10px 10px;
}

.articles_shared_admin .horizontal.search_row .search.bar ~ .basic.button {
	font-size: 0.8666667rem;
	font-weight: 700;
	height: 32px;
	background-color: var(--background-color);
}

.articles_shared_admin .horizontal.search_row .search.bar ~ .basic.button .icon {
	margin: 0;
}

.articles_shared_admin .search.bar .filter.button {
	display: none;
}

.articles_shared_admin .horizontal.search_row .view_selectors.horizontal {
	margin-left: auto;
	margin-right: -5px;
}

.articles_shared_admin .horizontal.search_row .view_selectors.horizontal .view.label {
	align-items: center;
	display: flex;
	font-size: 0.8666667rem;
	padding: 7px;
}

.articles_shared_admin .horizontal.search_row .view_selectors.horizontal .icon {
	color: #CECECE;
}

.articles_shared_admin .horizontal.sort_options {
	align-items: center;
	font-size: 0.8666666667rem;
	margin-bottom: 8px;
}

.articles_shared_admin .horizontal.sort_options .hr {
	border-top: 1px solid var(--border-color);
	flex-grow: 1;
	height: 1px;
	margin-right: 14px;
}

.articles_shared_admin .horizontal.sort_options .label {
	color: #707070;
}

.articles_shared_admin .horizontal.sort_options .sort_order.dropdown {
	background: transparent;
	border: none;
	font-size: 0.8666666667rem;
	font-weight: 700;
	height: 18px;
	margin-left: 10px;
	max-width: fit-content;
	padding: 0;
}

.articles_shared_admin .right_panel {
	width: 0;
}

.articles_shared_admin .articles_shared_admin {
	max-width: unset;
}

/* articles.css */

.articles.page .add_item {
	margin: 0px 0px 10px 0px;
}

.mobile .articles.page .add_item {
	margin: 0px 0px 8px 0px;
}

.mobile .articles.page .filter.button {
    padding: 10px;
    border: none;
    border-radius: 0;
    /* width: 4rem; */
}

.mobile .filter_icon {
	margin: 0;
}

.mobile .articles.page .filter.button .label {
	display: none;
}

.desktop .articles.page .add_item .avatar {
	height: 40px;
	width: 40px;	
}

.articles .active_filter_list {
    margin: 0 0 10px;
}

.mobile .articles .active_filter_list {
	margin: 10px 5px;
}

.articles.page .content.links {
    margin: 0 0 10px;
}

article.item.observable.post header {
    margin: 0 0 10px;
}

/* .desktop article.item.observable.post header {
	padding-bottom: 10px;
} */

.articles.page .markdown p {
	margin-bottom: 0;
}

.articles.page .markdown.overflowed p {
	margin-bottom: 0;
}

.articles.page .markdown p + p, .articles.page .markdown.overflowed p + p {
	margin-bottom: 5px;
}


/* assign_to_request.css */

.assign_to_request .filter.button {
	display: none;
}

.assign_to_request .search.bar {
	margin-top: 5px;
}

.assign_to_request .select_member {
	cursor: pointer;
	border: 2px solid transparent;
	border-radius: 5px;
}

.assign_to_request .select_member.selected {
	border: 2px solid var(--primary-action-color);
	background: var(--light-primary-color);
    border-radius: 5px;
}

.assign_to_request .buttons {
	justify-content: space-between;
	margin-top: 20px;
}

.assign_to_request .section > .title {
	margin-bottom: 5px;
}

.request_for .contact_header {
    flex-direction: column;
    align-items: center;
    text-align: center;
	gap: 5px;
}

.request_for .contact_header .info .header {
    align-items: center;
}

.assign_to .existing_items.items.section {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: var(--border-color);
	border-radius: 0 0 5px 5px;
}

.request_for .contact_header .info {
    align-items: center;
}

.request_for .contact_header .avatar {
	margin: 0;
	width: 60px;
    height: 60px;
}

.request_for .contact_header .avatar .profile_picture {
	width: 60px;
    height: 60px;
}

.assign_to_request .section .contact_header .info {
	margin: 0;
}

.assign_user.section {
    flex-direction: column;
    display: flex;
    gap: 10px;
	margin-bottom: 10px;
}

.users_list .select_member:hover {
    background: var(--hover-background);
}

.users_list {
    flex-direction: column;
    display: flex;
}

.users_list .select_member,
.users_list .select_group {
	padding: 3px;
}

.users_list .select_member:focus-visible {
	width: auto;
}

/* association_admin.css */

.association_admin .parent_org_section {
	display: flex;
	align-items: center;
	width: 500px;
	justify-content: space-between;
}

.association_admin.settings_panel .page .settings {
	gap: 10px;
    display: flex;
    flex-direction: column;
}
    
.child_org_section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	cursor: pointer;
	/* gap: 10px; */
	max-width: 580px;
	width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
}

.association_admin .child_org_section .child-list {
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.association_admin .child_org_section .row {
	display: flex;
	align-items: center;
}

.association_admin .child_org_section .child_org_section {
	margin-left: 10px;
    margin-top: 10px;
    gap: 10px;
}

.association_admin .page .settings_section {
    gap: 10px;
}

.association_admin.settings_panel .page .child_org_section .button,
.association_admin.settings_panel .page .parent_org_section .button {
    margin: 0;
}

.edit_parent_relationship.popup .contact_header {
	margin-bottom: 10px;
}

.create_parent_relationship .organization_header {
	box-shadow: var(--contained-container-shadow);
    border-radius: 10px;
    padding: 10px;
    border: 1px solid var(--soft-border-color);
	margin-bottom: 10px;
} 

.create_parent_relationship .organization_header .contact_header {
    align-items: center;
    flex-direction: column;
}

.association_admin .child_org_section .child_org_section:before {
    font-family: 'FontAwesome';
    content: "\f3bf";
    transform: rotate3d(0, 0, 1, 90deg);
}

/* attachment.css */

.content .attachment {
	color: var(--foreground-color);
    text-decoration: none;
}

.content .attachment.attachment_info {
    padding: 10px;
    display: flex;
    background-color: var(--light-background-color);
    border: 1px solid var(--border-color);
	cursor: pointer
}


/* audiobooks_admin.css */

.audiobooks_admin .actions.button {
	margin-left: 10px;
}

/* audiobooks.css */

.audiobooks .post .content {
	display: flex;
    flex-direction: row;
	flex-grow: 1;
	position: relative;
	padding: 15px;
	/* border: solid green 2px; */
}

.audiobooks .post .content .text_container {
	margin: 0 0 0px 15px;
	/* border: solid blue 2px; */
	height: 100%;
	overflow:hidden;
	width: 100%;
}

.audiobooks .post .text_container .date_and_author {
	font-size: 12px;
}

.audiobooks .post .text_container .date_and_author .dot {
	margin: 0px 8px 0px 8px;
}

.audiobooks .post .text_container .description {
	font-weight: 400;
    font-size: 15px;
    margin-top: 10px;
    line-height: 1.3em;
	overflow: hidden;
	/* border: solid red 2px; */
}

.audiobooks .post .text_container .description .link {
	line-height: 1.3em;
    font-weight: 600;
	color: var(--primary-button-background,#3597EC);
    text-decoration: none;
	margin: 20px 15px 0 0;
	bottom: 0;
	right: 0;
	/* border: solid black 3px; */
}

.audiobooks .post .text_container .description .text {
	display: inline;
}

.audiobooks .post .text_container .title {
	line-height: 1.2;
    font-weight: 700;
    font-size: 1.2rem;
    padding: 0px 0px 10px 0px;
}

.audiobooks .post .title {
	padding: 0px;
}

.audiobooks .post .visual_container {
	position: relative;
}

.audiobooks .image {
	width: 125px;
}

.audiobooks.list .add_item {
	display: none;
}




/* avatar.css */

.avatar {
	align-items: center;
    /* background-color: var(--primary-action-color); */
    border-radius: 100%;
    display: flex;
	flex-shrink: 0;
    justify-content: center;
	/* position: relative; */
    text-align: center;
    height: 40px;
    width: 40px;
}

.avatar .shade_clip {
	border-radius: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	transform: scale(1.01);
	width: 100%;
}

.avatar .shade_clip .avatar_shade {
	background-color: rgba(0, 0, 0, 0.75);
	height: 100%;
	width: 100%;
}

.avatar.org_avatar, 
.avatar.org_avatar .profile_picture {
	border-radius: 5px;
}


.avatar .shade_clip .avatar_shade.error {
	align-items: center;
	/* animation: pulse 2s infinite; */
	color: var(--red);
	display: flex;
	flex-direction: column;
	font-size: 0.7rem;
	gap: 5px;
	justify-content: center;
}

.avatar .shade_clip .avatar_shade.error span {
	color: white;
}

.avatar .shade_clip .avatar_shade.error .icon {
	font-size: 1rem;
}

.avatar .shade_clip .avatar_shade.error span {
	padding-bottom: 5px;
}

.avatar .profile_picture {
	border-radius: 100%;
	height: 100%;
	object-fit: cover;
	width: 100%;
	/* background: white; */
    /* border: 1px solid var(--soft-border-color); */
}

.avatar.user .profile_picture {
	border: 1px solid var(--soft-border-color);
	box-sizing: border-box;
}

.desktop header.frame_header .avatar.user .profile_picture {
    border: none;
}

.topic_contributor.tile_wrapper .avatar .profile_picture,
.select_organization .avatar .profile_picture,
.select_organization .avatar,
.edit_item .avatar .profile_picture {
	border-radius: 4px;
	object-fit: contain;
	background-color: white;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 8%);
}

.topic_contributor.tile_wrapper .avatar .profile_picture:focus-visible,
.select_organization .avatar .profile_picture:focus-visible,
.select_organization .avatar:focus-visible,
.edit_item .avatar .profile_picture:focus-visible {
	outline: 1px auto var(--primary-action-color);
}

.avatar .profile_picture:not([src]),
.avatar .profile_picture[src] ~ .initials {
	display: none;
}

.avatar .initials {
	color: white;
    font-size: 1.2rem;
	font-weight: 700;
	/* position: absolute; */
	text-transform: uppercase;
	width: 80%;
}

.avatar.editable {
	cursor: pointer;
	position: relative;
}

.avatar.editable .upload_button {
	align-items: center;
	background-color: var(--basic-button-background);
	border-radius: 100%;
	bottom: 0;
	display: flex;
	justify-content: center;
	padding: 0;
	position: absolute;
	right: -5px;
	height: 2rem;
	width: 2rem;
	font-size: 1.15rem;
    box-shadow: var(--caret-button-shadow);
}

.avatar.editable .upload_button.disabled {
	background-color: var(--disabled-button-bg);
	color: var(--disabled-text);
	cursor: default;
}

.avatar.editable .file {
	display: none !important;
}

.edit_item .avatar {
    margin-right: 0px;
	border-radius: 4px;
}

.mobile .avatar {
	width: 40px;
	height: 40px;
}

.mobile .edit_item .avatar {
	height: 36px;
    width: 36px;
}

/* .mobile .edit_item.popup .avatar {
	margin: 0 5px;
} */

.edit_item.popup.post {
	border-radius: 0;
	box-shadow: none;
}

.mobile .edit_item.popup.post {
	margin: 0;
}

.mobile.edit_profile .profile_header .avatar .profile_picture,
.avatar.large,
.avatar.large .profile_picture {
	width: 60px;
	height: 60px;
    object-fit: contain;
}

.menu_edit_profile_button .avatar {
	border-radius: 100%;
}

.desktop .avatar.editable .profile_picture:hover {
	filter: brightness(0.5);
}

/* bar_chart.css */

@keyframes barHeightIn {
	0% {
		transform: scaleY(0);
	}
	100% {
		transform: scaleY(1);
	}
}

.bar_chart .y_axis_label {
	dominant-baseline: middle;
	fill: #133155;
	font-size: 0.55em;
	font-weight: 800;
	text-anchor: end;
}

.bar_chart .y_axis_tick {
	fill: #ededed;
}

.bar_chart .bar {
	/* animation: 1s ease-out 5s 1 barHeightIn both; */
	fill: #123D5B;
	transform-origin: bottom center;
}

.bar_chart .y_data_value_outline {
	fill: #133155;
	font-size: 0.5em;
	font-weight: 700;
	stroke-width: 0.3em;
	stroke: white;
	text-anchor: middle;
}

.bar_chart .y_data_value_fill {
	fill: #133155;
	font-size: 0.8rem;
	font-weight: 700;
	text-anchor: middle;
}

.bar_chart .x_data_label {
	fill: #133155;
	font-size: 0.5em;
	font-weight: 700;
	text-anchor: middle;
}

.bar_chart .no_data {
	dominant-baseline: middle;
	fill: #cccccc;
	font-size: 2rem;
	font-weight: 700;
	text-anchor: middle;
}

.bar_chart .y_axis_title {
	dominant-baseline: hanging;
	fill: #133155;
	font-size: 0.6em;
	font-weight: 700;
	text-anchor: middle;
	transform: rotate(-90deg);
}

.bar_chart .x_axis_title {
	fill: #133155;
	font-size: 0.5em;
	font-weight: 700;
	text-anchor: middle;
}

/* bar_graph.css */

.bar_graph {
	display: flex;
	flex-direction: column;
}

.bar_graph h1 {
	padding-bottom: 12px;
}

.bar_graph .content {
	display: flex;
	justify-content: center;
}

.bar_graph .stats {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	padding: 0 130px 0 130px;
	width: 100%;
}

.bar_graph .stats > div {
	display: flex;
	flex-direction: column;
	padding: 10px 0;
	text-align: center;
	width: 320px;
}

.bar_graph .stats h2 {
	font-size: 0.8em;
	font-weight: 700;
	margin: 0;
}

.bar_graph .stats p {
	font-size: 0.5em;
	font-weight: 600;
	line-height: 1rem;
	margin: 0;
	padding: 0;
}

.bar_graph .stats .big-number {
	font-size: 2em;
	font-weight: 700;
}

/* breadcrumb_bar.css */

/*-------------------*/
/* BREADCRUMB NAV    */
/*-------------------*/
.breadcrumb_nav .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}

.breadcrumb_nav .breadcrumb_item {
	font-weight: 700;
	/* text-transform: uppercase; */
	cursor: pointer;
}

.breadcrumb_nav .breadcrumb_item:not(a) {
	color: var(--disabled-text);
	cursor: default;
	display: inline-block;
}

.breadcrumb_nav .breadcrumb_item:not(:first-child)::before {
	color: var(--disabled-text);
	content: "\f105";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 0.8rem;
	font-weight: 900;
	margin-right: 10px;
	position: relative;
	top: -1px;
}

/* button.css */

.add.button .icon {
	width: unset;
}

button {
	background: none;
	border: none;
	color: inherit;
	outline: none;
	font: inherit;
	line-height: inherit;
	box-sizing: content-box;
	padding: 0;
	margin: 0;
	overflow: visible;
	text-transform: none;
	appearance: button;
	-webkit-appearance: button;
	text-align: left;
}

button:focus {
	-webkit-tap-highlight-color: transparent;
    outline: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

button:focus-visible {
    outline: 1px auto var(--primary-action-color);
}

.unauthenticated button:focus-visible:not(.basic) {
	background-color: var(--login-dark-button);
}

button:focus-visible:not(.basic),
a:focus-visible,
span:focus-visible {
	background-color: var(--light-primary-color);
}

a:focus-visible,
span:focus-visible {
	border-radius: 1px;
}

button.primary:focus-visible {
    outline: 1px auto var(--accent-color);
}

.darkMode button.primary:focus-visible {
    outline: 1px auto rgba(255,255,255,0.75);
}

.button,
button:hover {
	cursor: pointer;
	transition: background-color ease-in-out 200ms;
}

.button.disabled,
.button:disabled {
	cursor: not-allowed;
}

.desktop .button.basic:hover {
	filter: var(--button-hover-brightness);
}





.button.basic:hover {
	text-decoration: none;
}

.desktop .button.basic:active {
	filter: var(--button-active-brightness);
}

/* .desktop .button:hover {
	filter: var(--button-hover-brightness);
} */

.desktop .user_options.menu.user_options .button:hover {
	filter: none;
}

/* .desktop .button:active {
	filter: var(--button-active-brightness);
} */

.desktop .button.primary:hover {
	filter: var(--button-hover-brightness);
}

.desktop .button.primary:active {
	filter: var(--button-active-brightness);
}

.light_red_button.basic.button {
    border: 1px solid var(--soft-red);
}

.light_red_button.basic.button i {
	color: var(--status-suspended);
}

.darkMode .button.basic.light_primary_button .label {
	/* display: flex;
	width: 100%;
	grid-gap: 10px;
	box-sizing: border-box;
	padding: 10px;
	flex-wrap: wrap; */
    color: var(--light-secondary-color-solid);
}

.pending_connection_button .label i {
	animation-delay: 4s;
}

.dashboard .organization_card .profile_button {
    width: 100%;
}

.red_button.basic.button {
	color: white;
	background: var(--status-suspended);
}

.button.primary.disabled,
.button.primary.disabled:hover,
.button.basic:disabled,
.button.basic.disabled:hover,
.button.round.icon.disabled,
.button.round.icon.disabled:hover,
.desktop .button.basic:disabled,
.desktop .button.primary:disabled,
.desktop .button.round.icon:disabled {
	background: var(--disabled-button-bg);
	cursor: default;
    color: var(--disabled-button-color);
	filter: initial;
}

.round.icon.button.disabled:hover {
	background: var(--disabled-button-bg);
	cursor: default;
    color: var(--disabled-button-color);
	filter: initial;
}

.button img.icon {
	height: 1em;
	width: unset;
}

.basic.button {
	display: flex;
	text-align: center;
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
	font-size: 0.866667rem;
	font-weight: 700;
	color: var(--foreground-color);
	/* background-color: var(--light-background-color); */
	background-color: var(--basic-button-background);
	padding: 8px 10px;
	border-radius: 5px;
	/* border: 1px solid var(--border-color); */
	border: 1px solid var(--button-border-color);
    transition: all 200ms;
	/* font-size:12px; */
	/* letter-spacing: 0.01em; */
	/* line-height: 1.08; */
	width: fit-content;
	min-width: 120px;
	height: 36px;
	gap: 5px;
}

.card_grid .basic.button,
.tile .basic.button {
	min-width: 120px;
	background: var(--basic-button-background);

}

/* .mobile .basic.button {
	flex-grow: 1;
} */

.card_grid basic.button {
	min-width: unset;
}

.basic.button.full_width {
	width: 100%;
}

.full_width_child_button button.basic.button {
	width: 100%;
}

.basic.button i {
	font-size: 1rem;
}

.basic.button.icon_text i {
	/* color: var(--basic-button-icon-color); */
}

.basic.button.full_button {
    width: auto;
}

/* .mobile .mobile_no_label label {
	display: none;
} */

.mobile .fit_content {
	min-width: fit-content;
}

.basic.button.light {
	background-color: var(--background-color);
}

.button.basic.light_primary_button {
	background-color: var(--see-all-bg);
    border-color: var(--see-all-border);
}

.button.basic.light_primary_button i { 
	color: var(--primary-action-color);
}

.button.basic.light_primary_button:disabled {
	color:var(--disabled-button-color);
	background: var(--disabled-button-bg);
	/* border: 1px solid var(--border-color); */
	border: 1px solid var(--button-border-color);
}

.button.basic.light_green_button {
	color: var(--success-green-color);
	background-color: var(--success-background);
	border: var(--success-green-border);
}

.button.basic.light_green_button:disabled {
	color:var(--disabled-button-color);
	background: var(--disabled-button-bg);
	/* border: 1px solid var(--border-color); */
	border: 1px solid var(--button-border-color);
}

.alt.button {
	text-align: center;
	font-weight: 400;
    letter-spacing: 0.04;
}

.red_alt_button.basic.button {
	/* color: var(--red); */
	border: 1px solid var(--red);
}

button.basic.button.alt {
    background: var(--background-color);
}

.admin-table button.basic.button.alt {
    background: var(--light-background-color);
}

.mobile .search_row.multiline .basic.button {
	font-size: 0.8rem;
    min-width: 36px;
	background-color: var(--primary-background);
}

.mobile .search_row.multiline .basic.button.sort_category {
	max-width: fit-content;
}

@media only screen and (max-width: 374px) {
	.mobile .search_row.multiline .basic.button.sort_category {
		max-width: 219px;
	}
}

/* .mobile .search_row.multiline .basic.button:focus-visible {
	border: 1px solid var(--primary-action-color);
} */

.button .icon, .button .label {
	cursor: inherit;
	margin: 0;
}

/* .button.text_icon .icon {
	margin-left: 0.25em;
} */

.button .label {
	/* white-space: nowrap; */
	line-height: 1.3;
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: normal;
    -webkit-box-orient: vertical;
    /* text-align: left; */
}

select.year_select:focus-visible {
	outline: var(--primary-action-color);
}

.activities .categories > .button {
	align-items: center;
	background-color: white;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	flex: 1 1 0%;
	font-size: 16px;
	font-weight: 700;
	justify-content: center;
	padding: 10px;
	margin-right: 10px;
}

.activities .categories > .emotional.button {
	border-color: var(--emotional-color);
	color: var(--emotional-color);
}

.activities .categories > .physical.button {
	border-color: var(--physical-color);
	color: var(--physical-color);
}

.activities .categories > .social.button {
	border-color: var(--social-color);
	color: var(--social-color);
}

.activities .categories > .spiritual.button {
	border-color: var(--spiritual-color);
	color: var(--spiritual-color);
}

.add.button {
    background-color: var(--basic-button-background);
    min-height: 0px;
    min-width: 0px;
    height: auto;
    width: auto;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
    /* margin-bottom: 10px; */
    margin-left: 5px;
    padding: 14px;
    align-items: center;
    border: 2px solid transparent;
	font-size: 16px;
    color: var(--primary-action-color);
}

.add.button.small {
	margin-bottom: 0;
	margin-left: 0;
	width: 15px;
	height: 15px;
	padding: 5px;
}

.add_item.basic.button {
	box-shadow: none;
    /* padding: 5px 10px 5px 5px; */
	padding: 8px 10px 8px 4px;
    gap: 5px;
	min-width: initial;
}

.add_item.basic.button .drop_arrow {
	bottom: -1px;
	right: -1px;
	height: 12px;
	width: 12px;
}

.add_item.basic.button .profile_picture {
	height: 25px;
	width: 25px;
}

.add_item.basic.button .label {
	font-weight: 700;
}

.add_item.basic.button .select_organization .drop_arrow .icon {
	margin: 0px;
	color: var(--light-foreground-color);
}

.category_icon_text.button {
	padding: 10px;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    flex-shrink: 0;
    background-color: var(--background-color);
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    flex: 1;
}

.category_icon_text.button .icon {
	width: unset;
	margin-right: 8px;
}

.unauthenticated .button {
	align-items: center;
	background: var(--unauthenticated-plain-button-bg);
	box-shadow: var(--map-buttons-shadow);
	border-radius: 5px;
	border: 1px solid var(--background-shade);
	color:white;
	display:flex;
	font-size: 0.9rem;
	font-weight: 700;
	height: 46px;
	box-sizing: border-box;
	justify-content: center;
	/* margin: 10px 0px 0px 0px; */
	min-width: 120px;
	text-align: center;
	width: 100%;
}

.unauthenticated .copyright,
.unauthenticated .terms_of_service.link,
.unauthenticated .privacy_policy.link {
    color: #d2d2d2;
}

.unauthenticated .primary.button {
	background-color: var(--accent-color);
	/* border: 2px solid white; */
	height: 46px;
}

.primary.button {
	color:#fff;
	/* text-shadow: var(--pill-pop); */
	background-color: var(--primary-action-color);
	border: 1px solid var(--primary-border-color);
}

.primary.basic.button i {
	color:#fff;
} 

.darkMode .primary.button {
	background-color: var(--dark-primary-button-color);
}

.primary.button label {
	overflow: visible;
}

.large.button {
	background: var(--login-dark-button);
	color:#fff;
	font-weight: 700;
	width: 100%;
}

.return_to_login.large.button {
	height: auto;
	background: rgba(0,0,0,0);
	box-shadow: none;
	border: none;
}

.large.primary.button {
	background-color: var(--accent-color);
    height: 46px;
}

.button.large.disabled,
.button.large.basic.disabled:hover,
.button.large.basic:disabled {
	background-color: var(--accent-color);
    color: #acacac;
    border: none;
	filter: none;
}

.large.back.button {
	align-items: center;
	color: var(--foreground-color);
	cursor: pointer;
	display: flex;
	flex-grow: 1;
	font-size: 26px;
	font-weight: 700;
	margin: 15px;
	min-width: 100px;
	width: 100px;
	background-color: unset;
	border: unset;
}

.content_panel > .close.icon.button {
	/* left: calc(50% + -700px / 2); */
	/* margin-top: 25px; */
	padding: 0;
	/* position: absolute; */
	max-width: 800px;
	width: 100%;
	position: relative;
	top: 25px;
	color: var(--primary-action-color);
	font-size: 13px;
}

/* .close.icon.button {
    padding: 5px 0;
} */

.large.back.button .icon {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	font-size: 12px;
	cursor: pointer;
}

.underlined_primary_link.small, .primary_link.small {
	font-size: 0.8rem;
}

.light_link {
	font-size: 0.7em;
	padding: 10px;
	display: block;
	text-align: center;
	color: white;
	background: transparent;
	border: 0;
	outline: none;
	cursor: pointer;
}

.primary.link {
	color: var(--primary-action-color);
}

.underlined_light_link {
	font-size: 0.7em;
	text-transform: uppercase;
	padding: 10px;
	display: block;
	text-align: center;
	color: white;
	background: transparent;
	border: 0;
	outline: none;
	cursor: pointer;
	text-decoration: underline;
}

.button.inactive {
	opacity: 0.5;
}
.center .list .inactive.button {
	opacity: 0.5;
}

.left.panel .active.button {
	color: var(--accent-color);
}

/*.list .item .item_footer*/
.icon_button {
	align-items: center;
	display: flex;
	padding: 7px 5px;
}

/* .icon_button i {
	padding: 5px;
} */

.categories.horizontal {
	display: flex;
	margin: 0 -5px;
}

.filter_category.button,
.filter_item.button {
	align-items: center;
	background-color: var(--background-color);
	border-radius: 8px;
	border-style: solid;
	border-width: 1px;
	display: flex;
	flex: 1 1 0px;
	justify-content: center;
	margin: 5px;
	padding: 10px;
}

.button.physical {
	border-color: var(--physical-color);
	color: var(--physical-color);
}
.button.emotional {
	border-color: var(--emotional-color);
	color: var(--emotional-color);
}
.button.social {
	border-color: var(--social-color);
	color: var(--social-color);
}
.button.spiritual {
	border-color: var(--spiritual-color);
	color: var(--spiritual-color);
}

.frame .header .group {
	display: flex;
	flex-grow:1;
	justify-content: center;
}

.frame .header .group .button .icon {
	font-size: 1.4em;
}

.frame .header .group .button {
	padding: 10px 20px 10px 20px;
}

.header .group .txt {
	text-transform: uppercase;
	font-size: 0.65em;
}

.header .group .active.button {
	color: var(--accent-color);
	border-bottom: 3px solid var(--accent-color);
}

.icon.button {
	display: flex;
	padding: 10px;
	border-radius: 100%;
}

.nav_menu.button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	font-size: 20px;
}

.button .icon {
    display: flex;
	text-align: center;
    align-items: center;
    justify-content: center;
    transition: color 0.25s;
}

/* .button .icon[class=icon] {
	display: none;
} */

.button .label:empty {
	display: none;
}

.footer.button {
	background: none;
}

.options.button {
	background: none;
	box-sizing: border-box;
    width: 35px;
    height: 35px;
}

.newsfeed.page .options.button {
    align-self: flex-start;
}

.newsfeed.page .options.button:hover {
	background-color: var(--primary-background);
}

.options.button:hover, .reshare .reshare_header > .icon.button:hover {
	border-radius: 100%;
	box-sizing: border-box;
    width: 35px;
    height: 35px;
}

.center.panel .footer.button .icon {
	width:unset;
	margin-right: 5px;
	text-align: center;
}

.button.mindfulness .alt-img, .mindfulness-icon {
	background-color: var(--foreground-color);
	display: inline-block;
	-webkit-mask: url(https://peerconnect.firstresponsemh.com/upload/cmps-darkmode.svg) center center no-repeat;
	mask: url(https://peerconnect.firstresponsemh.com/upload/cmps-darkmode.svg) center center no-repeat;
	height: 20px;
	width: 20px;
	margin:5px;
}

.button.mindfulness.active .alt-img {
	background-color: var(--accent-color);
}

.button.mindfulness .icon {
	display: none;
}

.button.clear {
	padding: 8px 10px;
}

button .button.clear {
	margin: 0;
	text-decoration: none;
}

.notifications.button {
	align-items: center;
	background-color: var(--round-button-background);
	border-radius: 50%;
	display: flex;
	font-size: 1.2em;
	height: 40px;
	justify-content: center;
	min-width: 40px;
	position: relative;
}

.notifications.button .number_container {
	width: auto;
    height: 18px;
	min-width: 18px;
	box-sizing: border-box;
    border-radius: 10px;
	padding: 0 5px;
	background-color: var(--red);
    opacity: 1;
    position: absolute;
    left: 67%;
    top: -7%;
	display: flex;
	align-items: center;
	justify-content: center;
    box-shadow: 0 0 0px 2px var(--background-color), 0 2px 5px rgba(0, 0, 0, 0.5);
}

.notifications.button .number {
	color: white;
	font-weight: 700;
    /* top: 1px;
    position: relative; */
}

.mobile .notifications.button.selected {
	border-bottom: 3px solid var(--accent-color);
}

.mobile .notifications.button.selected .icon {
    color: var(--primary-action-color);
}

.mobile .notifications_button_wrapper .notifications.button {
	width: 36px;
	height: 36px;
	min-width: 36px;
	background-color: var(--background-color);
}

.mobile .notifications_button_wrapper .notifications.button .icon {
	font-size: 15px;
    color: var(--foreground-color);
}

.mobile .notifications_button_wrapper .notifications.button .number_container {
	top: -10%;
	left: 65%;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.8);
}

.mobile .left_panel.close_menu {
	flex-direction: row-reverse;
	justify-content: space-between;
}

.mobile .left_panel.close_menu .icon {
	/* color: var(--foreground-color); */
	color: white;
}

.notifications .center.panel .button {
	align-items: center;
	background-color: var(--accent-color);
	border: 2px solid transparent;
	border-radius: 8px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: flex;
	flex-shrink: 0;
	font-size: 0.7em;
	margin: 0px;
	outline: none;
	padding: 10px 25px;
	margin:5px;
}

.popup .bottom .button {
	height: 40px;
	min-height: 28px;
	min-width: 100px;
	flex-grow: 1;
	margin: 5px 15px;
}

.button.danger {
	border: 1px solid rgb(165, 0, 0);
}

.popup .bottom .save.button {
	background-color: var(--primary-button-background);
	color: white;
}

.popup .bottom {
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 7px;
	position: relative;
}

.popup .bottom::before {
	border-top: 1px solid var(--border-color);
	content: "";
	left: -20px;
	position: absolute;
	right: -20px;
}

.button .down {
	display: none;
}

.popup .edit .button .down {
	display: unset;
}

/* .wrapper {
	border: 1px solid red;
} */

.button.small {
	font-size: 0.8em;
	min-height: 16px;
	min-width: 60px;
}

.info.button.icon {
	color: grey
}

.selection.button.horizontal {
	background-color: transparent;
	border: 1px solid transparent;
	margin: 5px 0 0 0;
}

.selection.button.horizontal:hover {
	background-color: var(--primary-background);
}

.selection.button i {
	color: var(--primary-action-color);
}

.selection.button .check_icon {
	color: var(--accent-color);
	margin-left: 10px;
}

.selection.button.horizontal.selected {
	background-color: var(--primary-background);
}

.show_hide.button {
	width: 100%;
	margin: 0 0 15px 0;
}

.show_hide.button .count {
	border-radius: 50%;
	background-color: var(--accent-color);
	margin-left: 5px;
	color: white;
	width:17px;
	height:17px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.more.button {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	border: 2px solid var(--border-color);
	background-color: var(--background-color);
	font-size: 0.7rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.drop.button {
	border-radius: 4px;
	color: var(--foreground-color);
	background-color: var(--basic-button-background);
	font-size: 0.7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
}

.drop.button .drop_icon {
	margin-left: 10px;
	margin-right: 5px;
}

.expand.button {
	color: var(--foreground-color);
	background-color: var(--primary-background);
	border: 1px solid var(--input-border-color);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 5px;
}

.expand.button .icon {
	margin-right: 10px;
}

.expand.button .label {
	flex-grow: 1;
}

.expand.button .expand_icon {
	margin-left: 15px;
	width: 30px;
	color: var(--primary-action-color);
}

.expand_collapse.button .icon {
	width: unset;
}

.check.button {
	color: var(--primary-action-color);
	background: none;
	font-size: 1.6666666667rem;
}

.plus.button {
	color: var(--checkbox);
	background: none;
	font-size: 1.6666666667rem;
}

.horizontal.button {
	align-items: center;
	background-color: var(--transparent-button-background);
	border-radius: 6px;
	border: 1px solid var(--border-color);
	box-sizing: border-box;
	padding: 5px 8px;
	width: 100%;
	display: flex;
	gap: 8px;
    justify-content: space-between;
	/* font-weight: 700; */
	/* margin: 0 0 10px; */
}

.horizontal.button .label {
	font-weight: 700;
}

.toolbar.button {
	background: unset;
	border-radius: unset;
	min-width: unset;
}

.toolbar.button.icon_text {
	color: var(--accent-color, #3597EC);
	border-bottom: 2px solid transparent;
	border-radius: 0;
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 12px;
	letter-spacing: 0.05;
	min-height: 32px;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.toolbar.icon_text.button.selected {
	border-bottom: 2px solid var(--secondary-accent, #edcd1f);
}

.image_icon.button {
	position: relative;
    border-radius: unset;
    border: unset;
    min-width: unset;
    padding: unset;
}

.image_icon.button .circle{
	width: 33px;
	height: 33px;
	border-radius: 50%;
	box-shadow: 0px 3px 6px #00000029;
	border: 2px solid #FFFFFF;
	opacity: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.image_icon.button .icon {
	color: white;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-left: 2px;
}

.image_delete.button {
	background-color: var(--background-color);
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: flex;
	flex-grow: 0;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	/* border: 1px solid var(--border-color); */
}

.image_icon.button .image{
	width: 125px;
}

.bell.button {
	background-color: #f6f6f6;
    border-radius: 8px;
    position: relative;
    border: 1px solid #ededed;
    flex-shrink: 0;
    cursor: pointer;
	min-width: unset;
}

.bell.button .icon {
	color: #ba00ff;
    padding: 0px;
	font-size: 15px;
}

.tool.button {
	align-items: center;
	background-color: var(--background-color);
	border-radius: 3px;
	border: 1px solid var(--border-color);
	box-sizing: border-box;
	display: flex;
	font-size: 0.8666666667rem;
	height: 48px;
	justify-content: center;
	margin: 0 5px;
	min-width: 100px;
	padding: 15px 15px;
}

.tool.button.small {
	padding: 10px 5px;
}

.tool.button .icon {
	color: var(--accent-color);
	width: auto;
}

.file_picker.button input {
	visibility: hidden;
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
}

.round.button {
	align-items: center;
	background-color: var(--basic-button-background);
	border-radius: 50%;
	display: flex;
	font-size: 1em;
	justify-content: center;
	padding: 10px;
	/* border: 1px solid var(--border-color); */
	border: 1px solid var(--button-border-color);
	height: 35px;
	width: 35px;
	box-sizing: border-box;
}

.round.button .icon {
	margin: 0;
}

.save.icon.button .icon {
	color: var(--save-icon-color);
}

.endorse.icon.button .icon {
	color: var(--endorsement-icon-color);
}

.like.icon.button .icon {
	color: var(--like-icon-color);
}

.select_organization {
	cursor: pointer;
	position: relative;
	display: flex;
}

.select_organization .avatar {
	border-radius: 4px;
}

.select_organization .drop_arrow {
	width: 15px;
    height: 15px;
    border-radius: 50%;
	background: var(--basic-button-background);
    box-shadow: var(--caret-button-shadow);
    opacity: 1;
    position: absolute;
    /* left: 60%;
    top: 60%; */
	bottom: -2px;
	right: -3px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.select_organization .drop_arrow .icon {
	font-size: 0.6667rem;
	color: var(--light-foreground-color);
}

.item_settings.basic.button {
	align-items: center;
	border-radius: 15px;
	display: flex;
	flex-grow: 0;
	font-size: 0.8em;
}

.link.basic.button {
	background-color: transparent;
}

.link.basic.button:hover {
	text-decoration: none;
}

.link.basic.button .label {
	color: var(--primary-action-color);
}

.card_footer {
    background-color: var(--basic-button-background);
    border-radius: 5px;
    color: var(--foreground-color);
    display: flex;
    font-size: 0.8rem;
    font-weight: 700;
    justify-content: center;
    position: unset;
    text-align: center;
    padding: 10px;
    flex-grow: 1;
	cursor: pointer;
}

/* .card_footer .icon {
	margin-right: 5px;
} */

.card_footer .text {
	cursor: pointer;
}

/* .admin .controls.horizontal .basic.button .icon {
	color: var(--primary-action-color);
} */

.admin .controls.horizontal .basic.button.filter_button label {
	/* display: none; */
}

.thumbnail .body .basic.button .icon {
    color: var(--primary-action-color);
}

.page.button {
	padding: 15px;
	/* border-bottom: 1px solid var(--border-color); */
	/* border-bottom: 3px solid transparent; */
}

.profile_settings .page.button {
	border-bottom: 1px solid var(--border-color); 
	border-bottom: 3px solid transparent;
}

.course_details .page.button {
	padding: 10px 15px;
	border-radius: 30px;
    background-color: var(--background-color);
}

.course_details .page.button:hover {
    filter: brightness(0.95);
}

.mobile .course_details .page.button {
	font-size: 0.8666666667rem;
}

.mobile .page.button {
	border-radius: 0;
	border-bottom: 3px solid transparent;
	font-size: 0.8666666667rem;
}

.tab.button {
    
}

.page.button .label {
	font-weight: 700;
	white-space: nowrap;
}

.page.button.disabled {
	color: var(--disabled-button-color);
}

.page.selected.button {
    border-bottom: 3px solid var(--primary-action-color);
}

.course_details .page.selected.button {
	border: none;
	/* background-color: var(--primary-action-color); */
	background-color: var(--contained-search-controls-background);
}

.mobile .page.selected.button {
    border-bottom: 3px solid var(--primary-action-color);
	background-color: transparent;
}

.page.selected.button .label {
    color: var(--primary-action-color);
	font-weight: 700;
}

.desktop.course_details .page.selected.button .label {
	color: var(--foreground-color);
}

.email.footer.button, .phone.footer.button, .website.footer.button {
	display: flex;
    gap: 10px;
    flex-grow: 1;
    justify-content: center;
    padding: 10px;
    align-items: center;
    border-radius: 4px;
    font-size: 0.8666666667rem;
}

.email.footer.button i, .phone.footer.button i, .website.footer.button i {
    color: var(--primary-action-color);
}

.email.footer.button:hover, .phone.footer.button:hover, .website.footer.button:hover {
    background: var(--hover-background);
}

.link_button {
	text-decoration: none;
}

.selection.button {
	border-radius: 20px;
	transition: none;
}

.mobile .selection.button {
	position: fixed;
	width: max-content;
	justify-self: center;
	top: calc((100vh - var(--mobile-footer-height)) - 85px);
	background-color: var(--light-primary-color);
	box-shadow: var(--tooltip-shadow);
}

.action_buttons {
	display: flex;
	gap: 5px;
    flex-wrap: wrap;
}

.selection.button {
	font-weight: 400;
}


.relative_position {
	position: relative;
}

.dot-flashing {
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #eeeeee;
	color: #eeeeee;
	animation: dot-flashing 0.5s infinite linear alternate;
	animation-delay: 0.25s;
	transition-timing-function: ease-in-out;
}

.dot-flashing::before, .dot-flashing::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
}

.dot-flashing::before {
	left: -15px;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #eeeeee;
	color: #eeeeee;
	animation: dot-flashing 0.5s infinite alternate;
	animation-delay: 0s;
}

.dot-flashing::after {
	left: 15px;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #eeeeee;
	color: #eeeeee;
	animation: dot-flashing 0.5s infinite alternate;
	animation-delay: 0.5s;
}

@keyframes dot-flashing {
	0% {
		background-color: #eeeeee;
	}
	50%, 100% {
		background-color: rgba(200, 200, 200, 0.2);
	}
}

@media only screen and (max-width: 760px) and (min-width: 700px) {
	.frame_header .top_bar_logo.logo {
		display: none;
	}
}

@media only screen and (max-width: 760px) and (min-width: 700px) {
	.connect.page .box .row .org .wrapper {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.connect.page .request_buttons .button {
		width: 100%;
	}
}

.see_all_container {
	position: relative;
	align-items: center;
    justify-content: center;
}

.mobile .see_all_container.vertical {
    margin: 0 10px;
}

.button.basic.light_primary_button.see_all_button {
	position: relative;
	border-radius: 25px;
    max-width: 100%;
	background-color: var(--see-all-bg);
	border-color: var(--see-all-border);
}

.button.basic.light_primary_button.rounded_button {
	border-radius: 25px;
    max-width: 100%;
	background-color: var(--see-all-bg);
	border-color: var(--see-all-border);
}

.darkMode .button.basic.light_primary_button.rounded_button {
	color: var(--light-secondary-color-solid);
}

.button.basic.primary.rounded_button {
	border-radius: 25px;
	max-width: fit-content;
}

.button.basic.light_primary_button.see_all_button {
	width: 360px;
}

.mobile .button.basic.light_primary_button.see_all_button {
	max-width: 220px;
}

.mobile .button.basic.light_primary_button.rounded_button {
	max-width: fit-content;
}

.see_all_divider {
    left: 50%;
    transform: translate(-50%,-50%);
	position: absolute;
	width: 100%;
    background-color: transparent;
    border-bottom: 1px solid var(--unread-notification-color);
}

.icon_button.icon.button {
	border-radius: 5px;
    border: 1px solid var(--border-color);
	color: var(--foreground-color);
    background-color: var(--basic-button-background);
}

.button.round_text {
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 120px;
}

.button.round_text .icon {
	align-items: center;
	border: 1px solid var(--border-color);
    border-radius: 100%;
	font-size: 20px;
	height: 60px;
    width: 60px;
    display: flex;    
    justify-content: center;
    flex-shrink: 0;
    min-width: unset;
    padding: 0px;
}

.button.round_text .label {
	margin-top: 7px;
}

.button.basic.light_primary_button.see_more_button {
	position: relative;
    border-radius: 25px;
    max-width: 100%;
    padding-bottom: 9px;
    background-color: var(--see-all-bg);
    border-color: var(--see-all-border);
	width: 360px;
}

/* buttons.css */

/* Needed for horizontal icon-text layout that would normally only be applied if button was in .post */
.buttons.page .grid_container .container .save.component, .buttons.page .grid_container .container .like.component, .buttons.page .grid_container .container .share.component {
	display: flex;
}

.buttons.page .button_container .samples {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.buttons.page .button_container .samples .button {
	margin: 4px;
}

.container.icon_button {
	align-items: unset;
}

.mobile .mobile_full_width {
	width: 100%;
}

.mobile .mobile_full_width button {
	max-width: -moz-fill-available;
	max-width: -webkit-fill-available;
    width: 100%;
}

.mobile .page_button_list .page.button.more_button {
	display: none;
}

.mobile .page_button_list .pages_section {
    /* touch-action: pan-y; */
	overflow-x: scroll;
	padding-top: 1px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.page_button_list .pages_section::-webkit-scrollbar {
	display: none;
}

.page_button_list .pages_section {
	display: flex;
	/* border-bottom: 1px solid var(--border-color); */
	/* margin-bottom: 10px; */
	font-weight: 700;
	z-index: initial;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.desktop .page_button_list {
	width: calc(100vw - 315px);
    max-width: 100%;
    overflow: hidden;
    flex: 1;
    gap: 1px;
    box-shadow: none;
    /* flex-basis: 1e-9px; */
    overflow-x: auto;
    /* scrollbar-color: transparent transparent; */
    /* scrollbar-width: thin; */
}

.page_button_list .pages_section {
	box-shadow: none;
}

.page.button {
	display: flex;
	align-items: center;
}

.page.button .icon {
	margin-left: 5px;
}

.desktop .page_button_more_menu.menu {
	max-height: calc(100vh / 2);
}

.page_button_list .page.button.hidden {
	visibility: hidden;
}

/* Hide page buttons that are partially hidden */
.desktop .page_button_list .pages_section {
	display: flex;
	flex-direction: row;
	flex-flow: row wrap;
	overflow: hidden;
	height: 52px;
}
.desktop .page_button_list .pages_section .page.button {
	height: calc(100% - 32px);
}



/* card.css */

.card {
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	/* border: 1px solid var(--border-color); */
    border-radius: 10px;
    /* box-shadow: var(--popup-box-shadow); */
    box-shadow: var(--contained-container-shadow);
	cursor: pointer;
	background-color: var(--background-color);
}

.card .body {
	display: flex;
	flex-direction: column;
    flex-grow: 1;
    box-sizing: border-box;
	gap: 5px;
	/* height: 110px; */
	background-color: var(--background-color);
    padding: 10px;
	border-radius: var(--content-card-border-radius); /* was --card-image-border-radius*/
}

.mobile .card .body {
	border-radius: var(--card-body-border-radius);
}

.card .image {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: cover;
	border-radius: var(--card-image-border-radius);
}

.resource.card .image {
	-webkit-backdrop-filter: blur(150px);
	backdrop-filter: blur(150px);
	object-fit: contain;
}

.mobile .event.card .image {
	border-radius: 0;
}

.card .image_container {
	background-position: center;
	border-radius: var(--card-image-border-radius);
	height: 220px;
	overflow: hidden;
    background-size: cover;
	display: flex;
}

.card .image_container[style*=".png"],
.card .image_container[style*=".svg"] {
	background-color: white;
	background-image: none !important;
}

.darkMode .library_card .image_container {
	border: none;
}

.card .subtitle {
	color: var(--info-text);
    font-size: 0.8666666667rem;
    font-weight: 700;
    text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mobile .card .subtitle {
    font-size: 0.8rem;
    /* letter-spacing: 0.1em; */
    text-transform: uppercase;
}

.card .wrapper {
	padding: 10px 10px 0 10px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.mobile .card .title {
	font-size: 1rem;
    /* font-weight: 400; */
}

.mobile .card .reshare.title {
	font-size: 0.8666666667rem;
}

.card .title.ellipse {
	font-weight: 700;
}

.card .description {
	flex-grow: 1;
}

.resource.card .description {
    color: var(--light-foreground-color);
	margin-bottom: 0;
}

.event.card .footer_buttons .reminder_dropdown {
	flex-grow: 1;
}

.card .footer_buttons {
	display: grid;
	grid-auto-flow: column;
	gap: 10px;
}

.card .footer_buttons .basic.button {
	width: unset;
	min-width: unset;
}


.event.card .description {
	/* margin-bottom: 10px; */
    color: var(--light-foreground-color);
}

.card .subfooter {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}

.card .footer {
	justify-content: space-around;
}

.card .footer.button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}

.card > .footer {
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 10px;
}

.card_grid {
	display: grid;
	/* grid-template-columns: repeat(auto-fit, minmax(300px, max-content)); */
	grid-gap: 25px 15px;
	/* justify-content: center; */
	/* overflow-y: auto; */
}

.mobile .card_grid {
    grid-template-columns: auto;
	gap: 8px;
	padding: 0 10px 10px;
}

.card_grid_wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.recent_news_containers .container {
	display: flex;
    flex-direction: column;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    box-shadow: var(--popup-box-shadow);
    cursor: pointer;
    background-color: var(--background-color);
}

.mobile .recent_news_containers .container {
	border-radius: 10px;
}

/* cards.css */

.cards.page .component {
	border: 1px solid var(--border-color);
	padding: 10px;
}

.cards.page .container.faq_container .component,
.cards.page .container.faq_container .component .faqs_list,
.cards.page .container.notification_read_container .component,
.cards.page .container.notification_unread_container .component,
.cards.page .container.notification_read_container .component .notification.widget,
.cards.page .container.notification_unread_container .component .notification.widget {
	display: flex;
	flex-grow: 1;
}

/* categories_header.css */

.categories_header .category_icon {
	width: 24px;
    height: 20px;
    background-color: var(--accent-color);
    border-radius: 4px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    margin-bottom: 5px;
    margin-right: 5px;
    flex-shrink: 0;
}

.categories_header .icons_container {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-content: flex-start;
    flex-wrap: wrap;
    max-width: 60px;
    width: auto;
    flex-shrink: 0;
}

.categories_header .title {
	margin: 0px 5px;
}

/* categories.css */

.categories.popup .description {
	margin-bottom: 10px;
}

.categories.popup .search.bar {
	margin: 10px 0px 20px 0px;
}

.categories.popup .search.bar .filter {
	display: none;
}

.categories.popup .categories_row {
	display: flex;
	padding: 15px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: var(--border-color);
	align-items: center;
}

.categories.popup .categories_row .categories_title {
	display: flex;
	flex-grow: 1;
}

.categories.popup .categories_row .arrow {
	margin-right: 20px;
}

.categories.popup .selected_categories {
	margin-top: 20px;
}

.categories.popup .categories_container {
	margin: 0px 0px 10px 0px;
}

.categories.popup .pills_container {
	min-height: 100px;
	border-radius: 5px;
}




/* charts.css */

.charts.page .grid_container {
	grid-template-columns: repeat(1, 1fr);
}

.charts.page .component {
	margin: 0 auto;
}

/* chat.css */

.chat .active_chat {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
}

.chat .active_chat .bottom_section {
    background-color: var(--navbar-background-color);
    position: fixed;
    /* left: var(--left-panel-width); */
    /* right: var(--right-panel-width); */
    bottom: 0;
}

.mobile.chat .active_chat .bottom_section {
    left: 0;
    right: 0;
}

.chat .active_chat .bottom_section .message_container {
    border-top: 1px solid var(--soft-border-color);
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-right: 15px; 
    padding-bottom: calc(15px + var(--safe-area-inset-bottom)); 
    padding-left: 15px; 
}

.chat .active_chat .bottom_section .message_input {
    background-color: var(--chat-input-background);
    height: 55px;
    border-radius: 50px;
    display: flex;
    border-width: 3px;
    border-color: var(--chat-input-border);
    border-style: solid;
    flex-grow: 1;
    padding: 0 55px 0 20px;
}

.chat .active_chat .bottom_section .round_button {
    border: 3px solid #585858;
    color: #FFFFFF;
    height: 45px;
    margin: 3px 3px 3px -50px;
    width: 45px;
}

.chat .active_chat .bottom_section .round_button.end_voice {
    background-color:var(--end-voice);
}

.chat .active_chat .bottom_section .round_button.end_voice i {
    font-size: 15px;
}

.chat .active_chat .bottom_section .round_button.send_message {
    background-color: var(--primary-action-color); 
}

.chat .active_chat .bottom_section .round_button.send_message i {
    font-size: 20px;
}

.chat .active_chat .bottom_section .round_button.start_voice {
    background-color: #2FAD3C;  
}

.chat .active_chat .bottom_section .round_button.start_voice i {
    font-size: 15px;
}

.chat .active_chat .contact_header .person.name,
.chat .active_chat .contact_header .status {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: normal;
    -webkit-box-orient: vertical;
}

.chat .active_chat .message_section {
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 10px;
    position: relative;
    width: 100%;
    flex-grow: 1;
    padding-bottom: 120px;
}

.chat .active_chat .message_section .received_container {
    align-items: flex-end;
    gap: 5px;
    padding: 10px 0px;
}

.chat .active_chat .message_section .received_container.error .message, 
.chat .active_chat .message_section .sent_container.error .message {
    font-style: italic;
} 

.chat .active_chat .message_section .received_container .content, 
.chat .active_chat .message_section .sent_container .content {
    align-items: flex-end;
}

.chat .active_chat .message_section .received_container .content .avatar, 
.chat .active_chat .message_section .sent_container .content .avatar {
    height: 30px; 
    width: 30px;
}

.chat .active_chat .message_section .received_container .message, 
.chat .active_chat .message_section .sent_container .message {
    border-radius: 5px;
    filter: drop-shadow(0px 4px 4px #000000);    
    max-width: calc(70vw);
    padding: 10px;
}

.chat .active_chat .message_section .received_container .user, 
.chat .active_chat .message_section .sent_container .user {
    font-weight: bold;
}

.chat .active_chat .message_section .received_container .message {
    background-color: var(--chat-received-message-background);
}

.chat .active_chat .message_section .sent_container {
    gap: 5px;
    padding: 10px 0px;
}

.chat .active_chat .message_section .sent_container .message {
    align-self: start;
    background-color: var(--chat-sent-message-background);
}

.chat .active_chat .message_section .status_container {
    margin: 5px 0px 15px 0px;
}

.chat .active_chat .message_section .status_container hr {
    background-color: var(--foreground-color);   
    margin: 0px;
}

.chat .active_chat .message_section .status_container .connected, .chat .message_section .status_container .user {
    font-weight: bold;
}

.chat .active_chat .top_section {
    background-color: var(--navbar-background-color);
    border-bottom: 1px solid var(--soft-border-color);
    position: sticky;
    /* top: calc(var(--safe-area-inset-top) + var(--header-height)); */
    /* left: var(--left-panel-width); */
    /* right: var(--right-panel-width); */
    z-index: 2;
}

.chat .active_chat .top_section .items {
    align-items: center;
    gap: 15px;
    flex-grow: 1;
    justify-content: space-between;
    margin-top: calc(15px + var(--safe-area-inset-top)); 
    margin-right: 15px; 
    margin-bottom: 15px; 
    margin-left: 15px; 
}

.chat .active_chat .top_section .items .right_section {
    min-width: fit-content;
}

.chat .active_chat .top_section .items div {
    gap: 15px;
}

.chat .active_chat .top_section .back_button {
    align-items: center;
    background-color: #444444;
    color: #ffffff;
    border-radius: 100%;
    font-size: 20px;
    height: 35px;
    width: 35px;
    display: flex;    
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
}

.chat .active_chat .top_section .button.end_connection,
.chat .active_chat .top_section .button.redirect {
    background-color: unset;
    flex-direction: column;
    height: unset;
    min-width: unset;
    padding: 0px;
    border-width: 0px;
}

.chat .active_chat .top_section .button.end_connection .icon,
.chat .active_chat .top_section .button.redirect .icon {
    font-size: 24px;
}

.chat .active_chat .top_section .button.end_connection .icon {
    color: var(--end-connection);
}

.chat .active_chat .top_section .button.end_connection .label,
.chat .active_chat .top_section .button.redirect .label {
    font-size: 11px;
}

.chat .chats {
    width: 100%;
}

.chat .chats .bottom_section {
    background-color: var(--navbar-background-color);
    position: fixed;
    /* left: var(--left-panel-width); */
    /* right: var(--right-panel-width); */
    bottom: 0;
}

.mobile.chat .chats .bottom_section {
    left: 0;
    right: 0;
}

.chat .chats .bottom_section .button.connection {
    background-color: unset;
    flex-direction: column;
    height: unset;
    margin: 15px 80px 40px 80px;
    min-width: unset;
    padding: 0px 12px;
    border-width: 0px;
}

.chat .chats .bottom_section .button.connection .icon {
    font-size: 24px;
}

.chat .chats .categories_section {
    margin: 0px 5px;
}

.chat .chats .items_section {
    gap: 20px;
    height: calc(100vh - 155px - var(--safe-area-inset-bottom));
    overflow: auto;
    padding: 10px 15px 10px 15px;
    scrollbar-color: var(--border-color) transparent;
    scrollbar-width: thin;
}

.chat .chats .chats_item {
    cursor: pointer;
}

.chat .chats .chats_item:focus-visible {
    width: unset;
}

.chat .chats .chats_item.unavailable {
    opacity: 0.5;
}

.chat .chats .items_section .chats_item .avatar {
    height: 60px;
    width: 60px;
}

.chat .chats .items_section .chats_item .info {
    margin-left: 10px;
    flex-grow: 1;
}

.chat .chats .items_section .chats_item .info .name {
    font-weight: bold;
}

.chat .chats .items_section .chats_item .info .message {
    color: #707070;
}

.chat .chats .items_section .chats_item .options {
    font-size: 16.5px;
    padding: 10px;
}

.chat .chats .items_section .chats_item .status {
    margin-left: -20px;
    width: 20px;
    height: 20px;
    background-color: #EE2C4D;
    border-radius: 50%;
}

.chat .chats .items_section .chats_item .status.available {
    background-color: #2FB734;
}

.chat .chats .message_section {
    display: flex;
    align-items: center;
    /* background-color: #444444; */
}

.chat .chats .message_section input {
    background-color: var(--chat-input-background);
    /* border-width: 0px; */
    padding: 6px 10px 6px 10px;
    border-radius: 50px;
    margin: 10px 10px 10px 10px;
    border-width: 3px;
    border-color: var(--chat-input-border);
    border-style: solid;
}

.chat .chats .top_section .menu_button {
    align-items: center;
    background-color: #444444;
    color: #ffffff;
    border-radius: 100%;
    font-size: 20px;
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
}

.chat .chats .top_section {
    background-color: var(--navbar-background-color);
    padding-top: calc(15px + var(--safe-area-inset-top)); 
    padding-right: 15px; 
    padding-bottom: 15px; 
    padding-left: 15px; 

    /* position: sticky; */
    /* top: calc(var(--safe-area-inset-top) + var(--header-height)); */
    z-index: 2;
}

.chat .chats .top_section .title {
    align-self: unset;
    font-size: 30px;   
}

.chat .content_panel {
    height: 100vh;   
}

.chat .popup .voice_options_section {
    gap: 60px;
    height: 100%;
    width: 100%;
}

.chat .popup .voice_options_section .avatar {
    border: 3px solid white;
    box-sizing: border-box;
    height: 120px;
    width: 120px;
}

.chat .popup .voice_options_section .buttons_container {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    gap: 20px;
}

.chat .popup .voice_options_section .buttons_row {
    display: flex;
    flex-direction: row;
}

.chat .popup .voice_options_section .header_section .name {
    font-size: 30px;
}

.chat .popup .voice_options_section .round_button.message, 
.chat .popup .voice_options_section .round_button.mute,
.chat .popup .voice_options_section .round_button.speaker { 
    background-color: unset;
    border: 1px solid #D9D9D9;
    color: #ffffff;
    height: 60px;
    margin: 3px;
    width: 60px;
}

.chat .popup .voice_options_section .round_text.end_connection .icon {
    background-color: var(--end-connection);
    border: 1px solid var(--end-connection);
    font-size: 24px;
}

.chat .popup .voice_options_section .round_text.end_connection .label {
    color: var(--end-connection);
}

.chat .popup .voice_options_section .round_text.end_voice .icon {
    background-color: var(--end-voice);
    border: 1px solid var(--end-voice);
    font-size: 24px;
}

.chat .popup .voice_options_section .round_text.end_voice .label {
    color: var(--end-voice);
}

.chat .round_button {
    align-items: center;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex;    
    justify-content: center;
    flex-shrink: 0;
    min-width: unset;
    padding: 0px;
}

.chat .voice_options_container {
    background-color: var(--voice-options-background);
    gap: 60px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 10;
}

.chat .voice_options_container + .active_chat {
    filter: blur(5px);
}

.chat .voice_options_container .avatar {
    border: 3px solid white;
    box-sizing: border-box;
    height: 120px;
    width: 120px;
}

.chat .voice_options_container .buttons_container {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    gap: 20px;
}

.chat .voice_options_container .buttons_row {
    display: flex;
    flex-direction: row;
}

.chat .voice_options_container .header_section .name {
    font-size: 30px;
}

.chat .voice_options_container .round_button.message, 
.chat .voice_options_container .round_button.mute,
.chat .voice_options_container .round_button.speaker { 
    background-color: unset;
    border: 1px solid #D9D9D9;
    color: #ffffff;
    height: 60px;
    margin: 3px;
    width: 60px;
}

.chat .voice_options_container .round_text.end_connection .icon {
    background-color: var(--end-connection);
    border: 1px solid var(--end-connection);
    font-size: 24px;
}

.chat .voice_options_container .round_text.end_connection .label {
    color: var(--end-connection);
}

.chat .voice_options_container .round_text.end_voice .icon {
    background-color: var(--end-voice);
    border: 1px solid var(--end-voice);
    font-size: 24px;
}

.chat .voice_options_container .round_text.end_voice .label {
    color: var(--end-voice);
}

.chat .voice_options_button {
    background: linear-gradient(#2AAF30, #2C2E34);
    border-color: rgba(6, 255, 31, 0.6);
    border-radius: 0px 0px 10px 10px;
    border-style: solid;
    border-width: 0px 3px 3px 3px;
    display: inline-flex;
    gap: 10px;
    left: 50%;
    padding: 5px 10px 10px 10px;
    position: sticky;
    top: 0px;
    transform: translate(-50%, -10px);    
    z-index: 1;   
}

.chat .voice_options_button .title {
    color: white;
    font-weight: bold;   
}

.chat .voice_options_button .avatars_container .avatar {
    border: 1px solid #f1f2f3;
    height: 25px;
    width: 25px;
}

.chat .voice_options_button .avatars_container .avatar:nth-child(n+2) {
    margin-left: -15px;
}

.chat_feedback .popup_body {
    scrollbar-color: #9f9f9f #2c2c2c; /* thumb color, then track color */
}

.chat_feedback_section {
    background-color: var(--background-color);
    color: var(--foreground-color);
    height: 100%;
}

.chat_feedback_section .content_section {    
    height: calc(100% - 176px);
    overflow: auto;
    padding: 15px;
}

.chat_feedback_section .content_section .anonymous_avatar{
    border: 3px solid var(--foreground-color);
    border-radius: 100%;
    height: 86px;
    width: 86px;
}

.chat_feedback_section .content_section .continue_button {
    background-color: #ebf5ff;
    padding: 0px 30px;
}

.chat_feedback_section .content_section .new_chat_button {
    background-color: #ebf5ff;
    color: #444444;
    padding: 0px 30px;
}

.chat_feedback_section .content_section .connection_complete_container .title {
    font-size: 30px;
    font-weight: bold;
}

.chat_feedback_section .content_section .input_group .item_title {
    font-size: 0.8666666667rem;
    font-weight: bold;
    letter-spacing: unset;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    text-transform: unset;   
}

.chat_feedback_section .content_section .input_group .title {
    line-height: 1.5;
    font-size: 0.8666666667rem;
    font-weight: bold;
}

.chat_feedback_section .content_section .radio .input[type=radio] {
    margin: 0px 7px 0px 0px;
}

.chat_feedback_section .content_section .small_message {
    line-height: 1.5;
    font-size: 12px;
}

.chat_feedback_section .content_section textarea {
    height: 100px;
}

.chat_feedback_section .popup_footer {
    background-color: var(--navbar-background-color);
}

.chat_feedback_section .top_section {
    background-color: var(--navbar-background-color);
    background-image: linear-gradient(#36393E, var(--navbar-background-color));
    padding: 40px 20px 20px 20px;  
}

.chat_feedback_section .top_section .title{
    font-size: 18px;
}

.chat_sidebar {
    width: var(--right-panel-width);
    position: fixed;
}

.chat_sidebar .active_chat .bottom_section {
    background-color: var(--navbar-background-color);
    /* position: fixed; */
    /* left: var(--left-panel-width); */
    /* right: var(--right-panel-width); */
    bottom: 0px;
}

.chat_sidebar .active_chat .bottom_section .message_container {
    border-top: 1px solid var(--soft-border-color);
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px;
}

.chat_sidebar .active_chat .bottom_section .message_input {
    /* 
    background-color: var(--chat-input-background);
    height: 50px;
    border-radius: 50px;
    display: flex;
    border-width: 3px;
    border-color: var(--chat-input-border);
    border-style: solid;
    flex-grow: 1;
    padding: 0 55px 0 20px; 
    */
    
    background-color: var(--chat-input-background);
    height: 50px;
    border-radius: 50px;
    border-width: 3px;
    border-color: var(--chat-input-border);
    border-style: solid;
    padding: 0 55px 0 20px;  
    width: 100%;
}

.chat_sidebar .active_chat .bottom_section .message_input:focus-visible {
    outline: 2px solid var(--primary-action-color);
}

.chat_sidebar .active_chat .bottom_section .round_button {
    border: 3px solid #585858;
    color: #FFFFFF;
    height: 40px;
    /* margin: 3px 3px 3px -45px; */
    width: 40px;
    position: absolute;
    right: 20px;
}

.chat_sidebar .active_chat .bottom_section .round_button.end_voice {
    background-color:var(--end-voice);
}

.chat_sidebar .active_chat .bottom_section .round_button.end_voice i {
    font-size: 15px;
}

.chat_sidebar .active_chat .bottom_section .round_button.send_message {
    background-color: var(--primary-action-color); 
}

.chat_sidebar .active_chat .bottom_section .round_button.send_message i {
    font-size: 20px;
}

.chat_sidebar .active_chat .bottom_section .round_button.start_voice {
    background-color: #2FAD3C;  
}

.chat_sidebar .active_chat .bottom_section .round_button.start_voice i {
    font-size: 15px;
}

.chat_sidebar .active_chat .message_section {
    box-sizing: border-box;
    flex-grow: 1;
    height: calc(100vh - 195px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    position: relative;
    scrollbar-color: var(--border-color) transparent;
    scrollbar-width: thin;
    width: 100%;
}

.chat_sidebar .active_chat .message_section .received_container {
    align-items: flex-end;
    gap: 5px;
    padding: 10px 0px;
}

.chat_sidebar .active_chat .message_section .received_container.error .message, 
.chat_sidebar .active_chat .message_section .sent_container.error .message {
    font-style: italic;
} 

.chat_sidebar .active_chat .message_section .received_container .content, 
.chat_sidebar .active_chat .message_section .sent_container .content {
    align-items: flex-end;
}

.chat_sidebar .active_chat .message_section .received_container .content .avatar, 
.chat_sidebar .active_chat .message_section .sent_container .content .avatar {
    height: 30px; 
    width: 30px;
}

.chat_sidebar .active_chat .message_section .received_container .message {
    background-color: var(--chat-received-message-background);   
}

.chat_sidebar .active_chat .message_section .received_container .message, 
.chat_sidebar .active_chat .message_section .sent_container .message {
    border-radius: 5px;
    filter:  drop-shadow(var(--chat-message-shadow));    
    max-width: calc(70vw);
    padding: 10px;
}

.chat_sidebar .active_chat .message_section .received_container .user, 
.chat_sidebar .active_chat .message_section .sent_container .user {
    font-weight: bold;
}

.chat_sidebar .active_chat .message_section .sent_container {
    gap: 5px;
    padding: 10px 0px;
}

.chat_sidebar .active_chat .message_section .sent_container .message {
    align-self: start;
    background-color: var(--chat-sent-message-background);   
}

.chat_sidebar .active_chat .message_section .status_container {
    margin: 5px 0px 15px 0px;
}

.chat_sidebar .active_chat .message_section .status_container hr {
    background-color: var(--foreground-color);   
    margin: 0px;
}

.chat_sidebar .active_chat .message_section .status_container .connected, .chat_sidebar .message_section .status_container .user {
    font-weight: bold;
}

.chat_sidebar .active_chat .top_section {
    padding: 10px;
}

.chat_sidebar .active_chat .top_section .back_button {
    align-items: center;
    /* background-color: #444444; */
    color: var(--foreground-color);
    border-radius: 100%;
    font-size: 20px;
    /* height: 35px; */
    /* width: 35px; */
    display: flex;    
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
}

.chat_sidebar .active_chat .top_section .button.end_connection .icon {
    color: var(--end-connection);
}

.chat_sidebar .active_chat .top_section .button.end_connection,
.chat_sidebar .active_chat .top_section .button.redirect {
    background-color: unset;
    flex-direction: column;
    height: unset;
    min-width: unset;
    padding: 0px;
    border-width: 0px;
}

.chat_sidebar .active_chat .top_section .button.end_connection .icon,
.chat_sidebar .active_chat .top_section .button.redirect .icon {
    font-size: 15px;
}

.chat_sidebar .active_chat .top_section .button.end_connection .label,
.chat_sidebar .active_chat .top_section .button.redirect .label {
    font-size: 11px;
}

.chat_sidebar .active_chat .top_section .items {
    align-items: center;
    flex-grow: 1;
    /* justify-content: space-between; */
    gap: 10px;
}

.chat_sidebar .active_chat .top_section .items .right_section {
    min-width: fit-content;
}

.chat_sidebar .active_chat .top_section .items div {
    gap: 10px;
}

.chat_sidebar .active_chat + .collapse {
    display: none;
}

.chat_sidebar .contact_header {
    gap: 5px;
}

.chat_sidebar .contact_header .avatar {
    height: 35px; 
    width: 35px;
}

.chat_sidebar .contact_header .person.name,
.chat_sidebar .contact_header .status {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: normal;
    -webkit-box-orient: vertical;
}

.chat_sidebar .contact_header .status {
    padding: 0px;
}

/* .collapsed .chat_sidebar .collapsed.collapse,
.collapsed .chat_sidebar {
	width: 75px;
} */

.chat_sidebar .search.bar .close.icon {
	margin: 0;
	padding: 10px;
}

.chat_sidebar .chats .chats_item {
    cursor: pointer;
    padding: 6px;
}

.chat_sidebar .collapse { 	
	border-color: var(--border-color);
	background-color: var(--background-color);
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	cursor: pointer;
	/* padding: 10px;*/
    padding: 16px 20px 16px 16px;
	box-sizing: border-box;
	min-height: 56px;
    align-items: center;
    display: flex;
    justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: var(--right-panel-width);
}

.chat_sidebar .collapse.collapsed { 	
	/* background-color: var(--primary-background); */
	position: fixed;
	bottom: 0;
}

.chat_sidebar .collapse:hover {
	filter: var(--menu-item-hover-brightness);
	background-color: var(--background-color);
}

.chat_sidebar .collapse .icon { 
	margin-left: 5px;
}

.chat_sidebar .collapse .label { 
	cursor: pointer;
}


.chat_sidebar .items_section {
    /*
    gap: 20px;
    height: calc(100vh - 285px);
    overflow: auto;
    padding: 10px 15px 10px 15px;
    scrollbar-color: var(--border-color) transparent;
    scrollbar-width: thin;
    */
    
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex-grow: 1;
    height: calc(100vh - 213px);
    margin: 0 4px 0 8px;
    padding: 8px 2px 10px 0;
    scrollbar-color: var(--border-color) transparent;
    scrollbar-width: thin; 
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.chat_sidebar .items_section .chats_item .info {
    margin-left: 10px;
    flex-grow: 1;
}

.chat_sidebar .items_section .chats_item .info .name {
    font-weight: bold;
}

.chat_sidebar .items_section .chats_item .info .message {
    color: #707070;
    font-size: 0.8rem;
}

.chat_sidebar .items_section .chats_item .options {
    cursor: pointer;
    padding: 10px;
}

.chat_sidebar .round_button {
    align-items: center;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex;    
    justify-content: center;
    flex-shrink: 0;
    min-width: unset;
    padding: 0px;
}

.chat_sidebar .search_container {
    padding: 10px;
    border-bottom: 1px solid var(--soft-border-color);
    box-sizing: border-box;
    background: var(--background-color);
}

.chat_sidebar .search_container .search.bar input {
    background: var(--primary-background);
    transition: all ease-in-out 0.2s;
    border: none;
    background: var(--background-color);
    padding: 0 0 0 40px;
}

.chat_sidebar .search_container .search.bar i.search.icon.fa.fa-search {
    font-size: 1.2rem;
}

.chat_sidebar .search_container .search_button {
    display: none;
}

.chat_sidebar .top_section {
    /* background-color: var(--navbar-background-color); */
    border-bottom: 1px solid var(--soft-border-color);
    padding: 15px;
}

.chat_sidebar .voice_options_container {
    background-color: var(--voice-options-background);
    gap: 60px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 10;
}

.chat_sidebar .voice_options_container + .active_chat {
    filter: blur(5px);
}

.chat_sidebar .voice_options_container .avatar {
    border: 3px solid white;
    box-sizing: border-box;
    height: 100px;
    width: 100px;
}

.chat_sidebar .voice_options_container .buttons_container {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    gap: 20px;
}

.chat_sidebar .voice_options_container .buttons_row {
    display: flex;
    flex-direction: row;
}

.chat_sidebar .voice_options_container .button.round_text {
    width: 90px;
}

.chat_sidebar .voice_options_container .button.round_text .icon {
    font-size: 14px;
    height: 40px;
    width: 40px;
}

.chat_sidebar .voice_options_container .round_text.end_connection .icon {
    background-color: var(--end-connection);
    border: 1px solid var(--end-connection);
    font-size: 14px;
}

.chat_sidebar .voice_options_container .round_text.end_connection .label {
    color: var(--end-connection);
}

.chat_sidebar .voice_options_container .round_text.end_voice .icon {
    background-color: var(--end-voice);
    border: 1px solid var(--end-voice);
    font-size: 14px;
}

.chat_sidebar .voice_options_container .round_text.end_voice .label {
    color: var(--end-voice);
}

.chat_sidebar .voice_options_container .button.round_text .label {
    font-size: 0.8rem;
    margin-top: 5px;
}

.chat_sidebar .voice_options_button {
    background: linear-gradient(#2AAF30, #2C2E34);
    border-color: rgba(6, 255, 31, 0.6);
    border-radius: 0px 0px 10px 10px;
    border-style: solid;
    border-width: 0px 3px 3px 3px;
    cursor: pointer;
    display: inline-flex;
    gap: 10px;
    left: 50%;
    padding: 5px 10px 10px 10px;
    position: sticky;
    top: 0px;
    transform: translate(-50%, -10px);    
    z-index: 1;   
}

.chat_sidebar .voice_options_button .title {
    color: white;
    font-weight: bold;   
}

.chat_sidebar .voice_options_button .avatars_container .avatar {
    border: 1px solid #f1f2f3;
    height: 25px;
    width: 25px;
}

.chat_sidebar .voice_options_button .avatars_container .avatar:nth-child(n+2) {
    margin-left: -15px;
}

.collapsed .chat_sidebar .collapsed .icon { 
	display: flex;
	justify-content: center;
}

.collapsed .chat_sidebar .collapse.collapsed .icon { 
	margin-left: 0px;
}

.collapsed .chat_sidebar .collapse.collapsed .label { 
	display: none;
}

.collapsed .chat_sidebar .collapse.collapsed .chats_item .info { 
	display: none;
}

.collapsed .chat_sidebar .items_section .chats_item {
    width: fit-content;
	padding: 6px;
	background: transparent;
    justify-content: center;
}

.collapsed .chat_sidebar  .items_section .chats_item .info {
    display: none;
}

.collapsed .chat_sidebar .items_section .chats_item .options {
    display: none;
}

.collapsed .chat_sidebar .search_container .search.bar {
    display: none;
}

.collapsed .chat_sidebar .search_container .icon.fa.fa-search {
    font-size: 1.2rem;
    height: auto;
    width: auto;
}

.collapsed .chat_sidebar .search_container .search_button {
    display: flex;
    flex-grow: 1;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    justify-self: center;
    min-height: unset;
    padding: 9px;
}

.collapsed .chat_sidebar .top_section .items .title {
    display: none;
}

.desktop .chat_feedback_section {
    margin: -10px -15px;
} 

.desktop .chat_feedback_section .content_section .connection_complete_container {
    padding: 45px 30px;
}

.desktop .chat_sidebar .top_section .menu_button {
    display: none;
}

.desktop .collapsed .chat_sidebar .top_section .menu_button {
    display: flex;
    flex-grow: 1;
    padding: 1px 14px;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    justify-self: center;
}

.light_mode .chat_feedback_section {
    --background-color: #2c2e34;
    --border-color: #202020;
    --foreground-color: #ededed;
    --input-background-color: #212326;
    --light-background-color: rgba(253,253,253,.04);
    --navbar-background-color: #17181a;
}

.mobile.chat .active_chat .message_section {
    flex-grow: unset;
    height: calc(100vh - 159px - var(--safe-area-inset-bottom));
}

.mobile.chat .admin .content_panel {
    padding: 0px;
}

.mobile.chat .frame > .horizontal.group, .mobile.chat .frame_center {
    margin-bottom: unset;
}

.mobile.chat .frame_footer {
    display: none;
}

.mobile.chat .popup_body {
    padding: 0px;
}

.voice_options_popup .active_chat {
    filter: blur(5px);
}

.voice_options_popup .generic_popup_frame {
    background-color: rgba(44, 46, 52, 0.9);
}

.voice_options_popup .popup.shade.fade_in {
    background-color: unset;
}





/* check_in.css */

.check_in.widget > .title {
	margin-bottom: 10px;
}

.check_in.widget .tools .people.section.button .icon {
	display: none;
}

.popup .tools.single .people.section {
	margin-bottom: 0;
}

.tools .people.pills {
	margin-top: 0;
	padding: 10px 0 0 10px;
	border: 1px solid var(--border-color);
    max-height: 100px;
    overflow: auto;
}

.tools .pills .pill img {
	width: 12px; 
	height: 12px;
	border-radius: 50%;
	object-fit: cover;
}

.check_in.widget .complete_date.field {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color);
}

.check_in.widget .complete_date .label {
	margin-right: 5px;
	font-weight: 700;
	width: 200px;
}

.check_in.widget .connection_form.widget .contact_header {
	display: none;
}

.check_in.widget .clear_all.button {
	color: var(--accent-color);
	text-decoration: underline;
	padding: 0 10px;
}

/* checkbox.css */

.checkbox .wrapper {
	/* align-items: center; */
	cursor: pointer;
	display: flex;
	gap: 5px;
}

.group_add_edit .checkbox .wrapper {
	align-items: center; 
}

.checkbox.disabled .wrapper {
	cursor: not-allowed;
}

.filter_lists .checkbox .wrapper {
	align-items: center;
}

.checkbox span.label {
    padding-top: 4px;
	line-height: 1.5;
	font-size: 0.8666666667rem;
}

/* .tag_list_popup .checkbox .wrapper {
	padding: 5px 5px 5px 2px;
} */

.tag_list_popup ul li {
    padding: 5px 0;
}

.checkbox .input {
	/* position: absolute; */
	opacity: 0;
	height: 0;
	width: 0;
    appearance: none;
    padding: 0;
    margin: 0;
	overflow: hidden;
    /* display: none; */
}

.markdown input[type="checkbox"] {
	display: inline-block;
	position: relative;
	height: auto;
    width: auto;
}

.checkbox .display_input {
	position: relative;
	/* padding: 0 6px 0 4px; */
	padding: 1px;
    box-sizing: border-box;
    /* width: 30px;
    height: 30px; */
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.title_section .checkbox + .checkbox {
    margin: 0;
}

.title_section .checkbox .wrapper.horizontal {
    align-items: center;
}

.checkbox.circle .display_input {
	border: 2px solid var(--input-border-color);
	height: 1.5em;
	width: 1.5em;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
    padding: 3px;
    margin: 0px 5px 0 0;
	font-weight: 700;
}

.checkbox .display_input::after {
    color: var(--checkbox);
	content: "\f0c8";
	font-size: 24px;
	position: relative;
    display: block;
	/* height: 22px;
    width: 22px; */
    /* left: -1.5px;
    top: -2px; */
	/* FIXES VISUAL SHADOW EFFECT FROM OLD CHECKBOX ON DESKTOP */
}

.checkbox .display_input:focus-visible::after {
	height: 22px;
    width: 22px;
}

table .checkbox .display_input {
	padding: 8px;
    width: 100%;
}

.checkbox.circle .display_input::after {
	content: "";
}

.checkbox.implied_check .display_input::after {
	content: "\f14a";
	font-weight: 700;
}

/* .checkbox .input:focus:not(:checked) ~ .display_input::before {
	border: 1px solid var(--placeholder-text-color);
	border-radius: 4px;
	content: "";
	height: 19px;
	width: 20px;
	left: -2px;
	position: absolute;
	top: -1px;
	z-index: 1;
} */

.checkbox .input:indeterminate ~ .display_input::after {
	/* color: var(--primary-action-color); */
	content: "\f146";
}

.checkbox.circle .input:checked ~ .display_input {
	background-color: var(--primary-action-color);
	color: white;
}

.checkbox .input:checked ~ .display_input::after {
	content: "\f14a";
	color: var(--primary-action-color);
	font-weight: 700;
}

.button[disabled] .icon {
	color: var(--input-disabled-text);
}

.checkbox .input[disabled] ~ .display_input::after {
	color: var(--disabled-checkbox);
}

.checkbox .input[disabled]:checked ~ .display_input::after {
	color: var(--disabled-checkbox);
}

.checkbox.circle .input:checked ~ .display_input::after {
	content: "";
}

.checkbox.circle .label {
	margin: 0;
}

.checkbox.button .checkbox .label {
	display: none;
}

.checkbox .input[disabled] ~ .label {
	color: var(--input-disabled-text);
}

.checkbox .counter {
	color: var(--light-foreground-color);
	font-size: 0.7rem;
}

/*
@media (hover: hover) {
	.checkbox .wrapper:hover .input:not(:checked):not([disabled]) ~ .display_input::after {
		color: var(--primary-action-color);
		content: "\f14a";
	}

	.checkbox.circle .wrapper:hover .input:not(:checked) ~ .display_input::after {
		content: "";
	}
}

/* @media (pointer: fine){
	.checkbox .wrapper:hover .input:not(:checked):not([disabled]) ~ .display_input::after {
		color: var(--primary-action-color);
		content: "\f14a";
		color: green;
	}

	.checkbox.circle .wrapper:hover .input:not(:checked) ~ .display_input::after {
		content: "";
	}
} */

/* @media (pointer-only:coarse){
	.checkbox .wrapper:hover .input:not(:checked):not([disabled]) ~ .display_input::after {
		content: "\f0c8";
	}

	.checkbox.circle .wrapper:hover .input:not(:checked) ~ .display_input::after {
		content: "";
	}
} */


/* @media not all and (hover: none) { */
	/* .desktop .checkbox .wrapper:hover .input:not(:checked):not([disabled]) ~ .display_input::after {
		color: var(--primary-action-color);
		content: "\f14a";
	}

	.desktop .checkbox.circle .wrapper:hover .input:not(:checked) ~ .display_input::after {
		content: "";
	} */
/* } */

.mobile .tag_list_popup.horizontal {
    flex-direction: column;
}

/* clinician_notes.css */

.clinician_notes .title {
	margin: 20px 0 10px 0;
}

.clinician_notes .select_clinician .label {
	align-items: center;
	cursor: pointer;
}

.clinician_notes .select_clinician .checkbox {
	margin-right: 10px;
}

.clinician_notes .enter_notes {
	margin: 10px 0;
	width: 100%;
	height: 100px;
}

.clinician_notes .invalid {
	border: 1px solid var(--highlight-color);
}


/* clinician_view.css */

.clinician_view {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	flex-grow: 1;
}

.desktop .clinician_view .peer_support_user_history.page {
	max-width: 600px;
}

.clinician_view .section {
    display: flex;
    flex-grow: 1;
    background-color: var(--background-color, white);
    border: 1px solid var(--soft-border-color);
	border-top: none;
    color: var(--foreground-color, black);
    padding: 10px;
    justify-content: space-between;
    border-radius: 10px;
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
    box-shadow: var(--popup-box-shadow);
	box-shadow: var(--request-card-box-shadow);
}

.mobile  .clinician_view .sticky_supported_member {
	position: static;
}

.mobile .requests_list.peer_support_user_history.page {
	margin: 0;	
	width: 100%;
}

.mobile .requests_list.peer_support_user_history.admin.page .wrapper {
	padding: 0;
}

/* colors.css */

.colors.page .grid_container .container {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.colors.page .grid_container .container .heading {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-bottom: 0;
	min-height: 90px;
}

.colors.page .grid_container .container .heading .title {
	margin-bottom: 7px;
}

.colors.page .grid_container .container .swatch {
	border: 1px solid var(--border-color);
	border-radius: 3px;
	flex-shrink: 0;
	margin-left: 20px;
	min-height: 90px;
    min-width: 90px;
	position: relative;
}

.colors.page .grid_container .container .swatch .copy.icon {
	color: #FFF;
	display: none;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}

.colors.page .grid_container .container .swatch:hover::before {
	background: rgba(0,0,0,0.5);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.8;
	top: 0;
	position: absolute;
	width: 100%;
}

.colors.page .grid_container .container .swatch:hover .copy.icon {
	display: inline-block;
}

.colors.page .grid_container .container .swatch:hover ::-webkit-scrollbar-thumb{
	background-color: var(--light-foreground-color);
}

.colors.page .grid_container .container .swatch:hover .value {
	display: block;
}

.colors.page .grid_container .container .swatch .value {
	background: rgba(0,0,0,0.3);
	border: 1px solid var(--border-color);
	border-radius: 0 0 3px 3px;
	box-sizing: border-box;
	bottom: -1px;
	color: #FFF;
	display: none;
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.7em;
	left: -1px;
	padding: 3px 3px 0 3px;
	position: absolute;
	right: -1px;
	text-align: center;
	text-transform: uppercase;
}



/* confirm_account.css */

.confirm_account.page .info_text {
	text-align: center;
	margin: 0 0 10px;
	color: white;
	font-weight: 400;
	line-height: 1.3;
}

.confirm_account.page .hidden.email.input {
	visibility: hidden;
	height: 0;
}

.confirm_account.page .errorMessage {
	margin: 0px 0px 15px 0px;
}

/* confirm.css */

.confirm.modal {
	/* justify-content: center; */
	display: flex;
}

.confirm.modal .wrapper {
	padding: 25px;
}

.modal .wrapper .icon_on_border .icon.fa-exclamation {
	/* font-size: 2rem; */
	/* gap: 10px; 
    box-sizing: content-box; */
	background-color: var(--alert-orange);
	color: #2c2e34;
}

.modal .wrapper .icon_on_border .icon.fa-check {
	background-color: var(--success-green-color);
	color: white;
}

.mobile .modal .wrapper {
	padding: 10px 5px 15px;
	padding: 0;
	flex-direction: column;
}

/* .mobile .modal .wrapper.horizontal {
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
} */

.mobile .modal .radio .wrapper.horizontal,
.mobile .modal .checkbox .wrapper.horizontal {
    justify-content: flex-start;
	flex-direction: row;
}

.modal .wrapper .title {
	line-height: 1.2;
}

.mobile .modal .wrapper .title {
	font-size: 1.2rem;
}

.mobile .modal .wrapper .message {
    font-size: 0.8666666667rem;
	max-width: 370px;
    /* padding: 0 0 5px; maybe disable */
}

.modal .wrapper .message {
	/* text-align: center; */
	line-height: 1.4;
}

.modal.alert .wrapper .no_title.message {
	margin-top: 25px;
}

.mobile .modal .popup_header .title {
	color: var(--foreground-color);
	padding: 5px 15px 0;
	font-family: inherit;
}

.mobile .modal .logout .wrapper .vertical.five_gap {
	align-items: center;
}

.desktop .modal.warning .wrapper .icon_on_border .icon {
	font-size: 1.5rem;
}

.modal.warning .wrapper .icon.fa-exclamation-circle,
.unsaved_changes .modal.warning .wrapper .icon.fa-exclamation-circle {
	color: var(--alert-orange);
	background: var(--background-color);
}

.modal.action_warning .wrapper .icon_on_border .icon,
.modal.action_prompt .wrapper .icon_on_border .icon,
.unsaved_changes .modal .wrapper .icon_on_border .icon {
	color: var(--foreground-color);
}

.danger .modal .wrapper .icon_on_border .icon {
	color: var(--red);
}

.modal .wrapper .icon_on_border .icon {
	background-color: var(--background-color);
}

.question .confirm.modal .wrapper .icon {
	color: var(--question-color);
}

.confirm.modal .buttons {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}

.modal.shade {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/* .mobile .confirm.modal .align_self_center {
    align-self: flex-start;
} */

.confirm.modal.logout {
	text-align: center;
	justify-content: center;
}

.confirm.modal.logout .wrapper {
	flex-direction: column;
	gap: 15px;
}

.mobile .confirm.modal.logout .align_self_center {
    align-self: center;
}

.modal .warning footer.popup_footer .primary {
    background: var(--button-red);
}


.confirm .modal .icon_on_border .fa-shake {
	-webkit-animation-duration: var(--fa-animation-duration, 2s);
    animation-duration: var(--fa-animation-duration, 2s);
}

.mobile .modal .generic_popup_frame {
    overflow: visible;
}

.desktop .modal .wrapper .icon_on_border .icon {
	font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.desktop_inner_frame .warning {
	overflow: visible;
}

.desktop .modal .title.wrapper {
    gap: 0;
}

.mobile .modal .wrapper .icon_on_border {
	align-items: center;
}

.modal .wrapper .icon_on_border .icon {
	background: var(--round-button-background);
    border: 10px solid var(--background-color);
    border-radius: 50%;
    text-shadow: none;
    box-shadow: none;
	position: absolute;
	
	border-radius: 50%;
}

.mobile .modal .icon_on_border .icon {
	position: absolute;
    background: var(--round-button-background);
    border: 10px solid var(--background-color);
    font-size: 1.25rem;
    width: 30px;
    height: 30px;
	top: -23px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* left: 50%;
    top: 5px;
    right: 50%; */
	/* translate: 0 -30px;
    transform: translateX(-50%); */
}

.desktop .modal .icon_on_border .icon {
	height: 40px;
    width: 40px;
	display: flex;
    justify-self: center;
    justify-content: center;
    align-items: center;
    top: -30px;
    right: 40px;
	/* translate: 80px -30px;
	translate: 0 -30px;
    transform: translateX(-50%); */
	background: var(--round-button-background);
    border: 15px solid var(--background-color);
}

.desktop .confirm.modal .wrapper {
	/* padding: 0; */
	padding: 5px 0 0;
	margin: 0;
}

.desktop .confirm.modal .wrapper .title {
    padding-right: 100px;
}

.desktop .confirm.modal.logout .wrapper .title {
	padding-right: initial;
}

.modal.confirm.warning,
.desktop_inner_frame.warning,
.generic_popup_frame.confirm {
	overflow: visible;
}

.shade.modal .desktop_inner_frame {
	overflow: visible;
}

.shade.modal .generic_popup_frame.alert {
    overflow: visible;
}

.modal .modal_content_container {
	padding: 10px 15px 0;
}

/* confirmation.css */

.confirmation .cancel_button {
	color: var(--foreground-color);
}

.confirmation .confirm_button {
	background-color: var(--primary-button-background,#2E4148);
	color: white;
}

.confirmation .horizontal {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.confirmation .image {
	width: 65px;
    height: 65px;
    margin-bottom: 20px;
}

.confirmation .basic.button {
	min-width: fit-content;
}

.confirmation .message {
	text-align: center;
}

.confirmation .popup {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 700px;
}

.confirmation .title {
	font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* connect.css */

.connect.page .cancel_request .button {
	margin: 20px 0px 20px 0px;
}

.cancel_request_box .button {
	margin: 10px 0;
}

.connect.page .manage_peer_supports .title {
	margin-right: 20px;
}

.mobile .connect.page .manage_peer_supports .title {
    font-size: 1rem;
}

.connect.page .content .top.box .message {
	line-height: 1.3;
    margin-bottom: 5px;
}

.connect.page .content > .message {
	border: 2px solid rgb(40, 167, 69);
}

.connect.page .content > .message .icon {
	color: rgb(40, 167, 69);
}

.connect.page .top.box .message > .my_teams {
    margin: 0 0 0 3px;
}

.mobile .connect.page .main_title {
	display: none;
}

.org_profile .connect.page .main_title {
	display: flex;
}

.connect.page .org_next_scheduled.box > .subtitle {
	display: flex;
	line-height: 1.3;
}

.team_avatars .avatar,
.mobile .team_avatars .contact_header .profile_picture { 
	height: 40px;
	width: 40px;
	box-sizing: border-box;
}

.connect.page .box {
	padding: 15px;
}

.soft_container.support_team_card {
    padding: 20px 15px 15px;
}

.mobile .support_team.page .edit_team.section .button_container {
    flex-direction: column;
    flex-wrap: wrap;
}

.mobile.connect .page .container.no_bg {
	background-color: transparent;
}

.connect.page .org_next_scheduled {
	padding: 0 15px;
}

.connect.page .pill {
	line-height: 1;
}

.connect.page .box .row:last-child {
    margin-bottom: 0;
}

.connect.page .top.box {
	padding: 15px 15px 10px;
}

.mobile .connect.page .top.box {
	padding: 10px 15px 0;
}

.connect.page .org_request.row.vertical {
    margin: 0;
	background: var(--background-color);
}

.connect.page .org_request .request_info .label_title {
    border-top: 1px solid var(--border-color);
    padding-top: 10px;
}

.connect.page .top.box .message {
	line-height: 1.3;
}

.connect.page .org_request.box:last-child {
	border: none;
}

.connect.page .org_request .edit_team.button {
    align-self: flex-start;
	width: fit-content;
    min-width: unset;
}

.members.page button.basic.button.cancel {
    color: var(--success-green-color);
    border: var(--success-green-border);
}

.connect.page button.basic.button.cancel {
	color: var(--status-suspended);
    border: 1px solid var(--soft-red);
}

.connect.page .request_item .org {
	flex-grow: 1;
	width: 140px;
	gap: 10px;
}

.connect.page .request_item .specific_support {
	font-size: 0.8666666667rem;
}

.connect.page .request_item .org .horizontal.flex_grow {
    gap: 10px;
}

.mobile .connect.page .request_item .org {
	gap: 15px;
    display: flex;
    flex-direction: column;
}

.connect.page .box .row > .org {
	flex-grow: 1;
	flex-shrink: 0;
	width: 200px;
}

.connect.page .box .row .org .wrapper {
	gap: 15px;
}

.connect.page .org_request .org_picture,
.connect.page .org_request .org_name {
	cursor: pointer;
	border-radius: 4px;
}

.horizontal.team_avatars.center {
	cursor: pointer;
}

.mobile .connect.page .box .row .org .wrapper {
	gap: 5px;
}

.connect.page .request_support .button {
	margin: 20px 0px 0 0px;	
}

.connect.page .request_buttons {
	justify-content: flex-start;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mobile .connect.page .org > .wrapper {
	flex-wrap: wrap;
}

.desktop .connect.page .request_buttons .button {
	min-width: 180px;
}

.desktop .connect.page .request_buttons .button.link_button:hover {
	text-decoration: none;
}

.mobile .connect.page .request_buttons .request.button {
	flex-grow: 2;
	margin: 0;
}

.mobile .connect.page .request_buttons .horizontal .button {
	width: -moz-available;
	width: -webkit-fill-available;
}

.item_container {
	align-items: center;
	background-color: var(--background-color);
	border: 1px solid var(--border-color);
	border-radius: 10px;
	box-sizing: border-box;
	display: flex;
	margin: 0px 0px 10px;
	padding: 10px;
}

.org_team_wrapper {
	display: flex;
    flex-direction: column;
	gap: 10px;
}

.org_team_wrapper .team {
    border-radius: 5px;
}

.org_team_wrapper img.team {
	height: 55px;
}

.mobile .org_team_wrapper img.team {
	height: 70px;
}

.org_request .request_hours .body.markdown {
	-webkit-line-clamp: 3;
}

.no_breaks {
    -webkit-line-clamp: none;
    word-break: auto-phrase;
}

.request_hours .body.markdown p {
	line-height: 1.4;
	font-size: 0.8666666667rem;
}

.connect.page .org .small_text {
    line-height: 1.4;
}

.mobile .connect.page .avatar.large {
	width: 50px;
	height: 50px;
	border-radius: 10px;
}

.org_picture .profile_picture {
    border-radius: 6px;
    object-fit: contain;
}

.mobile .connect.page .avatar.large .profile_picture {
	width: 50px;
	height: 50px;
}

.connect.page .avatar.large .profile_picture {
	border-radius: 5px;
}

.team_avatars .avatar {
	/* margin-left: -10px; */
	margin-right: 0;
	/* border: 2px solid var(--border-color); */
	box-shadow: -4px 0 6px rgba(0 0 0 / 25%);
}

.team_avatars .avatar:first-child {
    box-shadow: none;
}

.team_avatars .avatar:nth-child(n+2) {
    margin-left: -10px;
}

.mobile .team_avatars .avatar,
.mobile .team_avatars .avatar .profile_picture,
.mobile .team_avatars .more_team {
    height: 50px;
    width: 50px;
    box-sizing: border-box;
    /* border: 2px solid var(--border-color); */
}

.connect.page .manage_peer_supports > .horizontal > .icon {
	border-radius: 50%;
	background-color: var(--basic-button-background);
	margin-right: 10px;
	font-size: 1.2rem;
	padding: 5px;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.team_avatars .more_team {
	display: flex;
	align-items: center;
	justify-content: center;
    height: 40px;
    width: 40px;
	border-radius: 50%;
	background-color: var(--primary-background);
	margin: 0 0 0 -10px;
	font-weight: 700;
}

.mobile .team_avatars .more_team {
	font-size: 0.8rem;
}

.connect.page .schedule.icon {
	margin-right: 10px;
}

.connect.page .hotline {
	width: 150px;
    text-align: center;
    margin-bottom: 5px;
    align-self: flex-end;
}

.request_org_picker .organization_header {
	flex-grow: 1;
	margin-bottom: 10px;
	width: 150px;
}

.request_org_picker .cancel_org_request.button, .request_org_picker .request_org_support.button {
	width: 50px;
	flex-grow: 1;
}

.request_org_picker .popup_footer {
	display: none;
}

.anonymous_request_contact.popup .reason .radio {
	padding: 5px;
}

.mobile .connect.page .request_buttons .horizontal {
    gap: 10px;
}

.org_next_scheduled {
    font-size: 0.8666666667rem;
}

.mobile .connect.page .search_wrapper {
	height: 36px;
}

.mobile .connect.page .search_row {	
    background: var(--accent-color);
}

.mobile .connect.page .search_wrapper .title {
	margin-right: 10px;
	color: white;
}

.mobile .connect.page .request_item .org .horizontal.flex_grow {
    flex-direction: column;
    align-items: center;
}

.mobile .connect.page .org_team_wrapper {
    text-align: center;
    align-items: center;
}

@media only screen and (max-width: 840px) and (min-width: 761px) {
	.connect.page .box .row .org .wrapper 	{
		flex-direction: column;
	}
	.connect.page .request_buttons .button {
		width: 100%;
	}
}

@media only screen and (max-width: 320px)  {
	.mobile .connect.page .request_buttons .horizontal .button {
		width: 100%;
	}
	.connect.page .request_buttons .horizontal:last-child {
		flex-direction: column;
	}
}
	
.connect .see_all_details_container, 
.connect .see_less_container  {
    font-size: 0.8666666667rem;
}

.connect.page .request_info .cancel_request {
	display: flex;
	flex-direction: row;
    background: none;
    border: none;
    height: auto;
    min-width: 0;
	font-size: 0.8rem;
    color: var(--foreground-color);
	background: var(--light-background-color);
    padding: 5px;
    border: 1px solid var(--border-color);
}

.connect.page .request_info .cancel_request i {
	font-size: 0.8rem;
	/* margin-right: 5px; */
	display: inline;
}

.connect.page .danger.alert_panel {
    border: 2px solid #ee2c4d3b;
    text-align: center;
}

.desktop .connect.page .search_row {
	display: none;
}

.contact_header .fa-user-secret {
	font-size: 1.5rem;
	background: var(--primary-background);
	padding: 10px;
	border-radius: 100%;
}

/* connection_form.css */

.admin .connection_form {
	padding: 15px;
}

.connection_form.popup {
	min-height: 100vh;
}

.connection_form .complete_wrapper {
	display: flex;
	/* margin: 10px 0 5px; */
	flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.date_time .section {
    gap: 5px;
}

.connection_form .complete_title {
	margin-right: 5px;
	font-weight: 700;
}

/* .connection_form > .form > div {
	margin: 10px 0;
} */

.connection_form .question:last-child {
    margin: 0 0 10px 0;
}

.question .option {
	gap: 10px;
}

/* 
.mobile .connection_form .question:last-child {
    margin: 0 0 20px;
} */

.connection_form .question select {
	max-width: 100%;
}

/* .connection_form .question {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid transparent;
} */

.question > .label {
	display: flex;
    font-size: 0.8666666667rem;
    font-weight: 700;
    /* margin: 0 0 5px; */
	line-height: 1.3;
}

.form .question, .question {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.question .options {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.form .question .options {
	display: flex;
	gap: 8px;
}


/* .connection_form .contact_header {
	margin-top: 10px;
} */

.mobile .connection_form .contact_header {
	margin-top: 0;
}
/*
.connection_form .date, .incident_form .date, .connection_form .time, .incident_form .time {
	margin: 0 5px 10px 0;
} */

.connection_form_container .organization_header .info {
	justify-content: center;
}

.connection_form .buttons {
	justify-content: space-between;
}

.connection_form .question .number_input {
	align-items: center;
}

.connection_form .question .number.input {
	width: 100px;
	flex-grow: 0;
	margin-right: 10px;
}

.connection_form .question .radio_text_input .input.box
{
	margin-left: 10px;
}

.connection_form .question.invalid {
	border: 1px solid var(--highlight-color);
}

/*
.connection_form .question.invalid .valid_message {
	color: var(--highlight-color);
	font-size: 0.9em;
	margin-top: 5px;
} */


.connection_form .warning_message {
	color: var(--highlight-color);
	padding: 0 0 10px 0;
}

.completion_message.popup {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.connection_form_notes.popup .recipient {
	display: flex;
	cursor: pointer;
	align-items: center;
	padding: 5px 0;
	margin: 5px 0;
}

.connection_form_notes.popup .alert_panel .fa-exclamation {
	min-width: 20px;
	min-height: 20px;
	align-items: center;
	box-sizing: border-box;
	font-size: 0.8rem;
	display: flex;
	background: var(--alert-orange);
	align-self: center;
	border-radius: 50%;
	justify-content: center;
}

.connection_form_notes.popup .select_clinicians.soft_container {
	padding: 5px;
}

.connection_form_notes.popup .select_clinicians .alert_panel .icon {
    color: var(--alert-orange);
}

.connection_form_notes.popup .select_clinicians .alert_panel {
	border: 1px solid var(--alert-orange);
}

.connection_form_notes.popup .recipient input {
	margin-right: 10px;
}

.connection_form_notes.popup .item_title {
	margin-bottom: 5px;
}

.connection_form_notes.popup .enter_notes {
	width: 100%;
}

.connection_form_notes.popup .select_clinicians .contact_header {
	flex-grow: 1;
	/* padding: 5px; */
}

.connection_form_notes.popup .horizontal.button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 5px;
}

.connection_form_notes.popup .heading_description {
	margin-bottom: 5px;
	line-height: 1.3;
}

.connection_form_notes .alert_panel {
	margin: 0;
}

.followup_notes.popup .heading_description {
	margin-bottom: 5px;
	line-height: 1.3;
}

.followup_notes.popup .title {
	margin-bottom: 5px;
}

.followup_notes.popup .item_title {
	margin-bottom: 5px;
}

.followup_notes.popup .enter_notes {
	width: 100%;
}

.connection_form_container .description {
	line-height: 1.3;
	margin-bottom: 10px;
}

.mobile .connection_form_container .description {
    font-size: 0.8666666667rem;
}

.connection_form.widget {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.connection_form.widget .select_organization {
	align-self: flex-end;
}

.connection_form_audience.popup .title.anonymous {
	margin-top: 25px;
}

.connection_form_audience.popup .description {
	margin-bottom: 15px;
}

.connection_form_audience.popup .input.number {
	width: 70px;
	flex-grow: 0
}

.connection_form_audience.popup .anonymous.icon {
	font-size: 1.5rem;
	margin-right: 10px;
}

.connection_form_audience.popup .people_share {
	margin-top: 15px;
}

.connection_form .question_warning {
	color: var(--red);
	font-size: 0.8rem;
	margin-top: 5px;
}

.connection_form .required.label::after {
    content: "*";
    color: red;
}

.user_or_group.pill .type.icon, .user_or_group.pill .avatar {
	width: 20px;
	height: 20px;
	font-size: 1.2rem;
}

.connection_form .horizontal.radio_text_input {
    margin-top: 5px;
}

.connection_form_beta {
	margin-top: 10px;
}

.soft_container.warning_message {
	background-color: var(--soft-red);
} 

.connection_form .question .message {
	font-size: 0.85rem;
	margin-top: 5px;
}

/* contact_card.css */

.contact_card.page .top {
	align-items: center;
}

.contact_card.requests.beta.page .top {
	align-items: flex-start;
}

.contact_card .container {
	display: flex;
	flex-direction: column;
}

.mobile .contact_card.page .top {
    padding: 10px 10px 0;
}

.contact_card.page .top > *  {
	margin-right: 5px;
}

.contact_card.page .top .back_to_requests {
	cursor: pointer;
}

.contact_card.page .supported .right {
	gap: 10px;
}

.contact_card.page .supported .right {
	flex-direction: row;
}

.requests_beta.desktop.contact_card.page .supported .right button {
	min-width: initial;
	flex-grow: 0;
}

.desktop.contact_card.page .supported .right .button {
	/* width: 100%; */
	/* min-width: 220px; */
	flex-grow: 1;
}

/* .radio .wrapper,
.checkbox .wrapper {
	gap: 10px;
} */

.mobile .contact_card.page .supported .horizontal {
    flex-direction: column;
}

.mobile .contact_card.page .supported .by_name.horizontal {
	flex-direction: row;
	flex-wrap: wrap;
}

.mobile .contact_card.page .supported .right {
    flex-direction: row-reverse;
    margin-top: 10px;
	flex-wrap: wrap;
}

.mobile .contact_card.page .supported .horizontal.pills {
    flex-direction: row;
}

.mobile .contact_card.page .supported .right button {
    width: 100%;
}

.contact_card.page .scheduled_requests_cards > .title {
	margin: 20px 0 10px 0;
}

.scheduled_requests_cards {
	margin-top: 10px;
}

.scheduled_requests_cards .title {
    font-size: 1rem;
    font-weight: 700;
}

.mobile .contact_card.page .supported .horizontal.pad {
    flex-direction: column;
}

.contact_card.page .scheduled_type .icon {
	margin-right: 5px;
}

.contact_card.page .scheduled_request_card .scheduled {
	font-size: 0.8666666667rem;
}

.contact_card.page .scheduled .date {
	margin-right: 5px;
}

.contact_card.page .buttons {
	margin-top: 10px;
}

.contact_card.page .pad {
	gap: 15px;
}

.mobile .contact_card .contact_card_container {
    margin-top: 56px;
}

.requests_beta.mobile .contact_card .contact_card_container {
    margin-top: 0px;
}

.requests_beta.mobile .pad {
    padding: 0px;
}

.contact_card.page .scheduled_request_card .buttons .button:first-child {
	margin-right: 10px;
}

.contact_card.page .reference_number {
	margin-top:5px
}

.contact_card.page .recommended_by {
	margin-top: 10px;
    font-size: 0.8666666667rem;
}

.contact_card.page .recommendation.vertical {
	border-top: 1px solid var(--border-color);
	padding-top: 10px;
}

.contact_card.page .comment,
.contact_card.page .reasons {
    font-size: 0.8666666667rem;
	line-height: 1.3;
}

.contact_card .notes,
.contact_card .reasons, 
.contact_card .comment,
.requests.page .notes,
.requests.page .reasons, 
.requests.page .comment {
	gap: 5px;
	flex-wrap: wrap;
}

.contact_card.page .comment .label,
.contact_card.page .reasons .label,
.contact_card.page .notes .label,
.requests.page .comment .label,
.requests.page .reasons .label,
.requests.page .notes .label,
.requests.page .recommendation .comment .label {
	font-weight: 700;
    line-height: 1.3;
	font-size: 0.8666666667rem;
}

.contact_card.page .reason .label {
	padding-bottom: 5px;
}

.contact_card.page .contact_section .label {
	padding-bottom: 10px;
}

.contact_card.page .reason.pad {
	border-top: 1px solid var(--border-color);
}

.contact_card.page .contact_section.location .link {
	margin-bottom: 10px;
	display: block;
}

.contact_card.page .contact_section.location .link > * {
	margin-right: 5px;
}

.contact_card.page .stretch {
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact_card.page .by_name {  
	color: var(--foreground-color);
	font-weight: 700;
	gap: 5px;
    align-items: center;
}

.contact_card.page .by_name .display_name {
    font-size: 0.8666666667rem;    
	color: var(--light-foreground-color);
}

.operational_stress_details {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	border-radius: 5px;
	background-color: var(--light-background-color);
}

.operational_stress_details .details_section {
	gap: 5px;
	display: flex;
	flex-direction: column;
}

.operational_stress_details .details {
	font-size: 0.8666666667rem;
	gap: 5px;
}

.operational_stress_details .label {
	color: var(--light-foreground-color);
}

.mobile .operational_stress_details .horizontal {
    flex-direction: row;
}

.desktop.requests_beta .popup .contact_card.page .supported.container {
    padding: 0;
    box-shadow: none;
}

/* contact_header.css */

.contact_header {
	display: flex;
	border-radius: 5px;
	gap: 8px;
}

.contact_header .icon.fa.fa-globe {
	color: #444444;
	font-size: 1.85rem;
	width: 40px;
	height: 40px;
	align-items: center;
	display: flex;
	justify-content: center;
	background: white;
	border-radius: 5px;
}

.contact_header .profile_picture {
    align-items: center;
    background-position: center center;
    background-size: cover;
	/*background-image: url('https://avataaars.io/?avatarStyle=Circle&topType=LongHairStraight&accessoriesType=Blank&hairColor=BlondeGolden&facialHairType=Blank&clotheType=ShirtScoopNeck&clotheColor=Gray01&eyeType=Default&eyebrowType=Default&mouthType=Smile&skinColor=Light');*/
    border-radius: 100%;
    color: var(--foreground-color);
    display: flex;
    font-size: 0.8666666667rem;
    justify-content: center;
    object-fit: cover;
    text-align: center;
    height: 40px;
    width: 40px;
	flex-shrink: 0;
}

article.detailed_post .contact_header .profile_picture,
.organization_header .contact_header .profile_picture,
.item .contact_header .profile_picture,
.button.org_menu_item.list_item.button .avatar .profile_picture {
    border-radius: 4px;
	/* object-fit: contain; */
	background-color: white;
}

.profile_picture.icon {
	background-image: none;
	font-size: 18px;
	background-color: var(--basic-button-background);
}

.request2 .contact_header .profile_picture, .supported_member2 .contact_header .profile_picture {
	background-image: url('https://avataaars.io/?avatarStyle=Circle&topType=NoHair&accessoriesType=Prescription01&hairColor=BrownDark&facialHairType=Blank&clotheType=BlazerShirt&eyeType=Default&eyebrowType=Default&mouthType=Default&skinColor=Light');
}

.contact_header .info {
	display: flex;
    flex-grow: 1;
    flex-direction: column;
    overflow: hidden;
    /* justify-content: center; */
}

.space_between {
	justify-content: space-between;
}

.contact_header .names {
	display: flex;
    align-items: center;
	/* padding-top: 4px; */
	gap: 5px;
    align-items: flex-end;
}

.contact_header .info .header {
	align-items: center;
	display: flex;
	gap: 5px;
    flex-wrap: wrap; /* added for member alias names */
    line-height: normal; 
	/* flex-direction: column; Removed for side by side name */
    align-items: center;
}

.member.row .contact_header .info .header {
	flex-direction: row;
    align-items: center;
    font-weight: 700;
	gap: 5px;
}

/* .mobile .requests .contact_header .person.name {
	font-size: 0.8666666667rem;
} */

/* .mobile .contact_header .person.name {
	font-size: 1rem;
} */

.contact_header .name {
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
	/* word-break: break-word; */
    text-decoration: none;
    color: var(--foreground-color);
	/* overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-line-clamp: 1;
	line-height: normal;
	-webkit-box-orient: vertical;
	text-align: left; */
}

.contact_header .verified {
	height: 17px;
	margin-left: 10px;
	width: 17px;
}

.contact_header .additional_text {
    font-size: 0.8666666667rem;
    /* font-weight: 700; */
    color: var(--light-foreground-color);
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-height: normal;
	-webkit-box-orient: vertical;
	text-align: left;
}

.contact_header .additional_text.alias,
.recommend_person .contact_header .additional_text {
	font-weight: 700;
}

.people_list .contact_header .header {
	flex-direction: row;
	align-items: center;
	gap: 5px;
}

.contact_header .org_name {
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-height: normal;
	-webkit-box-orient: vertical;
	text-align: left;
}

.contact_header .status_container {
	padding-top: 5px;
	align-items: center
}

.contact_header .status_container .status {
	padding-top:unset;
}

.contact_header .status_container .status_separator {
	padding: 0px 5px;
	font-size: 0.8rem;    
	color: var(--light-foreground-color);
}

.contact_header .status_container i {
	font-size: 0.8rem;
    color: var(--light-foreground-color);
}

.contact_header .status,
.contact_header .organization,
.people.popup .org_name {
	font-size: 0.8rem;
    line-height: normal;
    font-weight: 400;
	padding-top: 4px;
	color: var(--light-foreground-color);
}

.contact_header.picture_only .info{
	display: none;
}

.contact_header.picture_only {
	min-width: auto;
}

/* contact_method.css */

.contact_methods {
	gap: 10px;
    display: flex;
    flex-direction: column;
}

.committed_by .contact_methods { 
	margin: 0;
}

.contact_method {
	position: relative;
	display: flex;
	align-items: center;
}

.requests_beta .contact_method {
	position: initial;
}

.contact_method .method_icon {
	margin: 0px 10px 0px 0px;
    background-color: var(--contact-method-button-background);
    padding: 5px;
    border-radius: 15%;
    color: var(--primary-action-color);
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	text-align: center;
}

.contact_method .asterik {
	font-size: 0.7em;
	position: absolute;
	top: -0.4em;
	left: 1.75em;
	/*display: none;*/
}

.contact_method.preferred .asterik {
	display: block;
}

.contact_methods .asterik {
	color: rgb(255, 193, 8);
}

.preferred_method_indicator {
	display: flex;
	font-size: 0.8em;
}

.preferred_method_text {
	margin-left: 5px;
}

.method_link.ellipse {
    word-break: break-word;
	text-decoration: none;
	font-family: monospace;
}

.method_link.ellipse:hover {
	text-decoration: underline;
}

.secure_chat_contact_method .method_link {
	color: var(--primary-action-color);
	cursor: pointer;
}

/* container.css */

.container {
	color: var(--foreground-color);
	background-color: var(--background-color);
	/* display: flex; */
	/* align-items: center; */
	/* flex-grow: 1; */
	box-sizing: border-box;
	/* margin-bottom: 10px; */
	border-radius: 10px;
    /* box-shadow: var(--feed-item-shadow); */
    /* border-bottom: 1px solid var(--border-color); */
}

.desktop .container {
	box-shadow: var(--desktop-feed-item-shadow);
}

.mobile .container {
	border-radius: 0;
}

.addable.container {
	border: 1px solid var(--border-color);
}

.addable.container .heading {
	padding: 10px;
	background-color: var(--primary-background);
	align-items: center;
}

.addable.container .heading .title {
	flex-grow: 1;
	text-align: left;
}

.addable.container .pills {
	padding: 0 10px;
}

/* content_settings.css */

.settings_panel .remove_tag .popup_footer .save.basic.button{
	background: var(--status-suspended);
}

.content_settings.page .settings_section {
	padding: 15px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.content_settings.page .settings_section .tag_types {
	gap: 10px;
}

.content_settings.page .title_section {
	padding-bottom: 0;
}

.content_settings.page .tag_type {
	border: 1px solid var(--border-color);
	border-radius: 5px;
	margin-bottom: 15px;
}

.content_settings.page .tag_types {
	display: flex;
	flex-direction: column;
}

.content_settings.page .tag_type_header {
	background-color: var(--);
}

.content_settings.page .tag_type_header > * {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.content_settings.page .tag_type_header .add_button {
	color: var(--primary-button-background);
}

.content_settings.page .topic_tag {
	padding: 5px;
}

.content_settings.page .topic_name {
	cursor: pointer;
}

.edit_custom_tags_bar .existing_items .item {
	cursor: pointer;
}

.edit_topic_tag.popup .tagged_content .description {
	line-height: 1.2;
}

.edit_topic_tag.popup {
	gap: 15px;
	padding-bottom: 10px;
}

.edit_tag.popup .upload_section .item.preview {
	width: 150px;
}

.edit_tag.popup .upload_section .item.preview .image {
	border: 1px solid var(--border-color);
	border-radius: 4px;
	background-color: var(--primary-background);
	width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
}

.edit_tag.popup .upload_section .existing.item {
	margin-bottom: 5px;
}

.edit_tag.popup .category_tags_message {
	font-size: 0.866667rem
}


.desktop .content_settings.page .top_title_and_description .title {
	font-size: 2rem;
}

.desktop .top_title_and_description .paragraph {
	max-width: 580px;
}

/* contributor_organization.css */

.invite_contributors .invitation_list {
	margin: 10px;
}

.invite_contributors .invitation_list .headings th {
	text-align: left;
}

.invite_contributors .invitation_list .sent_invitation td {
	padding: 4px;
}





/* coupons.css */

.coupons .post .share.button {
	display: none;
}

.coupons .post .faqs {
	display: none;
}

/* course_event.css */

.course_event.card .footer_buttons{
	flex-wrap: wrap;
	gap: 10px;
}

.course_event.card .footer_buttons .button {
    flex-grow: 1;
}

.course_event_detailed_post .image_header.container {
	height: 300px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.mobile.course_event_detailed_post .image_header.container {
	margin-top: 40px;
}

.course_event_detailed_post .image_header.container .event_title {
	align-items: flex-start;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75));	color: white;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	gap: 10px;
	padding: 105px 15px 15px 15px;
}

.course_event_detailed_post .availability_description .alert_panel.warning {
	margin: 0px;
}

.course_event_detailed_post .image_header.container .event_title a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.course_event_detailed_post .image_header.container .event_title a:hover {
	color: white;
	cursor: pointer;
	text-decoration: underline;
}

.mobile.course_event_detailed_post .image_header.container .event_title {
    padding: 105px 15px 15px 15px;
}

.course_event_detailed_post .detail_navigation {
    padding: 10px 5px;
    margin-bottom: 5px;
    /* cursor: pointer;
    color: var(--primary-action-color); */
}

.course_event_detailed_post .detail_navigation .back_button {
	margin-right: 10px;
}

.course_event_detailed_post .event_title .icon {
	font-size: 1.2em;
	margin-right: 10px;
}

.course_event_detailed_post .detailed_post .large_title {
	margin: 0;
	font-size: 1.5rem;
    /* text-shadow: 0.25rem 0.25rem rgb(0 0 0 / 50%); */
}

.mobile.course_event_detailed_post .detailed_post .large_title {
    font-size: 1.3333333333rem;
}

.course_event_detailed_post .availability_row.container {
	display: flex;
	align-items: center;
}

.course_event_detailed_post .availability_row.container .availability_description {
	flex-grow: 1;
	display: flex;
	align-items: center;
	margin: 0;
}

/* .course_event_detailed_post .admin .availability_row.container .availability_description .event_available, */
/* .course_event_detailed_post .admin .availability_row.container .availability_description .organization_header, */
/* .course_event_detailed_post .admin .availability_row.container .interested.button, */
/* .course_event_detailed_post .admin .availability_row.container .going.button, */
.course_event_detailed_post .admin .availability_row.container .reminder_dropdown {
    visibility: hidden;
	display: none;
}

.mobile.course_event_detailed_post .availability_row.container .availability_description {
	font-size: 0.8rem;
	flex-direction: column;
}

.mobile.course_event_detailed_post .availability_row.container {
	flex-wrap: wrap;
	gap: 15px;
	flex-direction: column;
}

.course_event_detailed_post .availability_row.container > .horizontal {
	gap: 10px;
}

.mobile.course_event_detailed_post .availability_row.container.horizontal {
    flex-direction: column;	
	flex-grow: 1;

}

.mobile.course_event_detailed_post .attendance_controls.horizontal {
    flex-direction: row;
	width: 100%;
}

.mobile.course_event_detailed_post .attendance_controls.horizontal .basic.button {
	width: 100%;
}

.course_event_detailed_post .main_content.container {
	flex-grow: 2;
	width: auto;
	margin: 0;
}

.course_event_detailed_post .event_detailed_column {
	flex-grow: 1;
	width: 100%;
}

.course_event_detailed_post .main_content .title_row {
	align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.course_event_detailed_post .main_content .title {
	flex-grow: 1;
}

.course_event_detailed_post .main_content .options.button {
	background-color: var(--primary-background);
	border: 1px solid var(--border-color);
	border-radius: 100%;
	width: 1rem;
	height: 1rem;
}

.course_event_detailed_post .content_container {
	align-items: flex-start;
	gap: 10px;
}

.mobile.course_event_detailed_post .content_container {
	flex-direction: column;
	gap: 10px;
}

.mobile.course_event_detailed_post .event_detailed_column,
.mobile.course_event_detailed_post .recurring_times.container {
	width: 100%;
}

.course_event_detailed_post .event_details .detail {
	display: flex;
	font-size: 1rem;
	gap: 10px;
}

.course_event_detailed_post .detail .icon {
	width: 1.5em;
    justify-content: center;
	align-items: center;
    display: flex;
    color: var(--light-foreground-color);
}

.course_event_detailed_post .meeting_link a,
.course_event_detailed_post .registration_link a {
	color: var(--primary-action-color);
	text-decoration: none;
}

.course_event_detailed_post .links_wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 5px;
}

.course_event_detailed_post .description.markdown {
	line-height: 1.3;
	margin-bottom: 0;
}

.course_event_detailed_post .description.markdown:last-child {
    margin-bottom: 0;
	padding-bottom: 0;
}

.course_event_detailed_post .attachments.detail,
.course_event_detailed_post .categories.detail {
	flex-direction: column;
}

.course_event_detailed_post .pills.horizontal {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	width: 100%;
}

.course_event_detailed_post .pills.horizontal button {
	border: 1px solid var(--border-color);
	background-color: var(--tag-background);
	border-radius: 5px;
	font-size: 0.8rem;
	/* font-weight: 700; */
	padding: 4px 6px;
	cursor: pointer;
}

.course_event_detailed_post .pills {
	margin: 0;
}

.course_event_detailed_post .pills.horizontal.attachments * {
	font-size: 0.866rem;
}

.course_event_detailed_post .pills.horizontal.attachments button {
	display: flex;
	padding: 8px;
}

.course_event_detailed_post .pills.horizontal .attachment .label {
	color: var(--primary-action-color);
	font-weight: 400;
	text-decoration: none;
}

.course_event_detailed_post .categories.pills.horizontal {
	margin: 0;
	padding: 0;
}

.course_event_detailed_post .subtitle {
	font-size: 0.8rem;
}

.course_event_detailed_post .recurring_times.container {
	flex-grow: 0;
	flex-shrink: 0;
	width: 300px;
}

.course_event_detailed_post .recurring_times.container li:not(:first-child) {
	border-top: 1px solid var(--border-color);
}

.course_event_detailed_post .recurring_times.container .horizontal {
	gap: 10px;
}

.course_event_detailed_post .recurring_times.container .horizontal.attending_status .basic.button {
	width: 100%;
}

.course_event_detailed_post .recurring_times.container li h3 {
    font-size: 1rem;
    color: var(--light-foreground-color);
	line-height: 1.3;
}

.course_event_detailed_post .recurring_times.container li .date {
	color: var(--light-foreground-color);
	font-size: 0.866667rem;
    line-height: 1.3;
}

.course_event_detailed_post .recurring_times.container li a {
	color: var(--primary-action-color);
	flex-shrink: 0;
	font-size: 0.8666666667rem;
	text-decoration: none;
}

.course_event_detailed_post .right_panel {
	display: none;
}

.event_detailed_post_wrapper {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	max-width: 900px;
	width: 100%;
}

.course_event_detailed_post .contact_header .info {
	display: none;
}

.course_event_detailed_post .admin .content_panel  {
	background: var(--primary-background);
}

.course_event_detailed_post .detailed_post .organization_header {
    margin-bottom: 0;
}

.course_event_detailed_post .share.button,
.course_event_detailed_post .options.button,
.course_event_detailed_post .options.button:hover {
	border-radius: 5px;
    box-sizing: border-box;
	height: 36px;
    width: 36px;
}

.course_event_detailed_post .detailed_post .counter_container {
    margin: 0;
}

@media only screen and (max-width: 1024px) {
	.course_event_detailed_post .content_container.horizontal {
		flex-direction: column;
	}
}

@media only screen and (max-width: 1024px) {
	.course_event_detailed_post .event_detailed_post_wrapper .content_container.horizontal {
		flex-direction: column;
	}
	.course_event_detailed_post .recurring_times.container {
		margin: 0;
		width: 100%;
	}
}

/* courses_shared_admin.css */

.courses_shared_admin .horizontal.search_row .search.bar {
	/* height: 32px; */
}

.courses_shared_admin.page.admin {
    gap: 10px;
    max-width: 2200px;
}

.courses_shared_admin .thumbnails_view {
    grid-gap: 10px;
}

.desktop .courses_shared_admin .horizontal.search_row .search.bar {
	/* height: 32px; */
	max-width: 200px;
}

.pull_to_refresh .courses_shared_admin .content_loading_wrapper.loaded {
	top: -200px;
}

.courses_shared_admin.page.admin {
    gap: 10px;
}

.mobile .courses_shared_admin .horizontal.search_row .search.bar {
	max-width: 100%;
}

.mobile.courses_shared_admin .admin .content_panel {
	padding: 0px;
}

.courses_shared_admin .card_grid {
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

/* courses.css */

.courses .content_panel {
	background-color: var(--background-color);
}

.desktop.courses .card_grid {
	margin-top: 10px;
}

@media print {
	/*
	.course_details .courses_container {
		display: none;
	}

	.course_details .frame_header {
		display: none;
	}

	.course_details .certificate_image {
		width: 100%;
	}

	.course_details .content_panel {
		margin-left: 0px;
	}

	.course_details .left_panel.list{
		display: none;
	}
	*/
}

.courses .search_options {
	gap: 0px;
}

.course_details .begin_course2, .course_details .continue, .course_details .certificate2, .course_details .subscribe_your_members2, .course_details .update_subscription {
	width: 100%;
	margin-top: 10px;
}

.course_details .certificate .complete_section {
	display: flex;
	flex-direction: row;
	padding: 20px 15px;
}

.course_details .certificate .complete_section .section_one {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.mobile.course_details .course_certificate {
	flex-direction: column;
	gap: 5px;
	margin: 10px;
	padding: 15px;
}

.mobile.course_details .certificate .complete_section {
	padding: 25px 10px 10px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}

.mobile.course_details .course_certificate .section_two,
.mobile.course_details .course_certificate .section_two button {
	width: 100%;
} 


.course_details .certificate .complete_section .section_one i {
	font-size: 40px;
	margin-right: 15px;
	color: var(--primary-action-color);
}

.course_details .certificate_image {
	width: 100%;
}

.course_details .courses_container {
	max-width: 780px;
	width: 100%;
}

.course_details .courses_content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* border: 1px solid var(--border-color); */
}

/* .mobile.course_details .courses_content {
	margin-top: 40px;
} */

.course_details .content_panel {
	background-color: var(--background-color);
}

.course_details .course_certificate {
	background-color: var(--background-color);
	color: var(--foreground-color);
    text-decoration: none;
    border-radius: 10px;
	align-items: center;
	font-weight: 700;
    font-size: 1.2rem;
}

.course_details .course_certificate:hover {
    background-color: var(--hover-background);
}

/*
.course_details .course_certificate:hover .basic.button.download_button {
    background-color: var(--button-hover-brightness);
} 
*/

.course_details .course_certificate .section_one .description {
	font-size: 0.7333333333rem;
	line-height: 1;
}

.course_details .course_certificate .section_two {
	color: var(--primary-action-color);
	display: flex;
	align-items: center;
	cursor: pointer;
}

.course_details .course_lesson {
    align-items: center;
	background-color: var(--background-color);
	cursor: pointer;
	padding: 5px 0px;
    border-radius: 10px;
	width: 100%;
}

.course_details .section_two.vertical.flex-grow {
	gap: 10px;
}

.course_details .course_lesson.selected {
	background-color: var(--light-background-color);
}

.course_details .course_lesson.selected:hover {
	background-color: var(--light-background-color);
}

.course_details .course_lesson.selected .content_section .top_section .title {
	color: var(--foreground-color);
}

.course_details .course_lesson .content_section .top_section .title {
	font-weight: 700;
	color: var(--secondary-text);
	font-size: 1.2rem;
}

.course_details .course_lesson .section_one {
	display: flex;
	align-items: center;
	padding: 0px 15px;
}

.course_details .course_lesson .content_section .top_section {
    align-items: center;
    justify-content: space-between;
}

.course_details .course_lesson:hover {
    background-color: var(--hover-background);
}

.course_details .course_lesson .content_section .description {
	font-size: 0.8rem;
	line-height: 1;
}

.mobile.course_details .course_lesson .content_section .top_section .title {
    font-size: 1rem;
}

.course_details .overview .description {
	line-height: 1.3;
}

.course_details .overview .description p + p {
	padding-bottom: 5px;
}

.course_details .overview .description p:last-child {
	padding: 0;
}

.course_details .course_lesson .right_section {
    color: var(--primary-action-color);
    display: flex;
    align-items: center;
}

.course_details .course_lesson .right_section button {
	padding: 0px 15px;
}

.course_details .course_lesson .right_section i {
	padding: 0px 15px;
}

.course_details .course_lesson .section_completion i {
	margin: 15px;
	font-size: 1.3rem;
}

.course_details .course_lesson .section_completion i.fa-circle-check {
	color: #28A745;
}

.course_details .course_lesson .number:after {
    content: ".\00a0";
}

.course_details .course_lesson .section_completion i.fa-circle {
	color: var(--info-text);
}

.course_details .course_lesson .content_section.vertical.flex-grow {
    gap: 10px;
    justify-content: center;
}

.course_details .course_quiz > .form > div {
    margin: 10px 0 15px;
}

.course_details .course_quiz .question > .name{
	font-weight:  700;;
	margin-bottom: 7px;
}

.course_details .section_three.vertical {
    align-self: center;
}

.course_details .course_quiz .quiz_description {
	margin-bottom: 12px;
}

.course_details .course_quiz .quiz_description .message {
	display: inline
}

.course_details .course_quiz .quiz_description .message .failed{
	color: var(--red);
}

.course_details .course_quiz .quiz_description .message .passed{
	color: #28a745;
}

.course_details .course_quiz .quiz_description .result {
	display: inline;
}

.course_details .course_quiz .question .number.input {
    width: 100px;
    flex-grow: 0;
    margin-right: 10px;
}

.course_details .course_quiz .question .radio_text_input .input.box {
    margin-left: 10px;
}

.course_details .course_quiz .number_input {
    align-items: center;
}

.course_details .course_quiz .radio .wrapper{
	padding: 0 0 5px 0;
}

.course_details .course_resource {
	background-color: var(--light-background-color);
    cursor: pointer;
    align-items: center;
    border-radius: 10px;
}

.course_details .resources {
	flex-direction: column;
	display: flex;
	gap: 5px;
}

.course_details .course_resource:hover {
    background-color: var(--hover-background);
}

.course_details .course_resource .number:after {
    content: ".\00a0";
}

.course_details .course_resource .section_one {
	padding: 10px 0px 10px 15px;
}

.course_details .course_resource .section_one .description {
	font-size: 0.7333333333rem;
	line-height: 1;
}

.course_details .course_resource .section_one .title {
	/* margin-bottom: 6px; */
	font-size: 1.2rem;
	font-weight: 700;
}

.mobile.course_details .course_resource .section_one .title {
	font-size: 1rem;
}

.mobile.course_details .course_resource {
	border-radius: 0;
}

.course_details .course_resource .section_two {
	color: var(--primary-action-color);
	display: flex;
	align-items: center;
	cursor: pointer;
}

.course_details .course_resource .section_two button {
	padding: 15px;
}

.course_details .detail_navigation {
	background-color: var(--background-color);
    padding: 10px 5px;
    margin-bottom: 5px;
}

.course_details .lessons .section_name, 
.course_details .resources .section_name {
	padding: 15px 15px 5px 15px;
	color: var(--info-text);
    font-size: 0.8rem;
    font-weight: 700;
    /* letter-spacing: 0.1em; */
    text-transform: uppercase;
}

.mobile.course_details .lessons .section_name, 
.mobile.course_details .resources .section_name {
	border-top: 1px solid var(--soft-border-color);
	padding: 15px 10px 0px;
}

.course_details .navigation_section {
	display: flex;
	flex-direction: row;
	align-items: center;
    background: var(--background-color);
}

.course_details .navigation_section .title {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mobile.course_details .navigation_section .title {
	font-size: 0.8666666667rem;
	line-height: 1.2;
}

.course_details .navigation_section button.basic:disabled,
.course_details .navigation_section .next_lesson,
.course_details .navigation_section .next_lesson.disabled,
.course_details .navigation_section .previous_lesson,
.course_details .navigation_section .previous_lesson.disabled {
	border: unset;
	border-radius: unset;
	background-color: unset;
	background: unset;
	width: 90px;
}

.course_details .navigation_section .next_lesson.disabled:hover,
.course_details .navigation_section .previous_lesson.disabled:hover,
.course_details .navigation_section .next_lesson.disabled:hover,
.course_details .navigation_section .previous_lesson.disabled:hover {
	background: unset;
	background-color: unset;
}

.course_details .navigation_section .next_lesson:focus,
.course_details .navigation_section .previous_lesson:focus-visible {
	border: unset;
}

.course_details .navigation_section .next_lesson {
	padding-right: 10px;
    justify-content: flex-end;
}

.course_details .navigation_section .next_lesson i,
.course_details .navigation_section .previous_lesson i {
	width: unset;
}

.course_details .navigation_section .next_lesson .label,
.course_details .navigation_section .previous_lesson .label {
	font-weight: 400;
}

.mobile.course_details .navigation_section .previous_lesson .label {
	font-size: 0.8rem;
}

.course_details .navigation_section .previous_lesson {
	padding-left: 10px;
    justify-content: flex-start;
}

.course_details .navigation_section button {
	min-width: unset;
	color: var(--primary-action-color);
}

.course_details .no_resources {
	padding: 10px 15px 8px 15px;
}

.course_details .overview {
	padding: 15px 0;
}

.course_details .overview .course_supplier {
	gap: 10px;
}

.mobile.course_details .overview {
	padding: 15px 10px;
	gap: 15px;
}

.course_details .overview .small_title {
	color: var(--secondary-text);
}

.course_details .overview .org_name {
	font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--light-foreground-color);
}

.course_details .overview .title {
	/* color: var(--secondary-text); */
}

.course_details .pages_section {
	background-color: var(--background-color);
	/* overflow-x: scroll; */
	box-shadow: none;
	display: flex;
	flex-wrap: nowrap;
	gap: 5px;
	margin: 5px 0;
}

/*TEST OVERFLOW SHADOWS, use these classes in conjunction with JS to calculate width of element to apply the this case*/
/* .course_details .pages_section:after, .course_details .pages_section:before {
	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(182,182,182,0) 2%, rgba(182,182,182,0) 9%, rgba(182,182,182,0) 80%, rgba(182,182,182,0) 94%, rgba(0,0,0,0.95) 100%);
} */

.course_details .pages_inset {
	overflow-x: hidden;
	position: relative;
}

.course_details .right_panel {
	display: none;
}

/* .course_details .top_content_section, .course_details .top_content_section .video_element {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 438px;
} */

.course_details .top_content_section{
	/* 
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 56.25%;
	position: relative;
	border-radius: 10px;  
	*/
	
	background-repeat: no-repeat; 
	background-position: center;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
    border-radius: 10px;
	aspect-ratio: 16/9;
	background-color: #000000;
}

.mobile.course_details .pages_section {
	overflow: auto;
    box-shadow: 0 10px 15px rgba(0,0,0,0.1);
	margin: 0;
}

.mobile.course_details .top_content_section {
	border-radius: 0;
}

.desktop .course_details .top_content_section {
	border-radius: 10px;
}

.course_details .video_aspect_ratio_wrapper {
	height: 438px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	top: 40px;
	z-index: 3;
	padding-bottom: 56.25%;
}

.course_details .top_courses_content {
	/* background: var(--primary-background); */
	z-index: 3;
	top: 60px;
}

.course_details .top_image_section {
	display: flex;
	align-items:center;
	justify-content: center;
	/* height: 438px; */
}

.course_details .top_image_section .button.download_resource {
	padding: 8px 30px;
	position: relative;
}

.course_details .top_image_section .button.begin_quiz {
	padding: 8px 50px;
	position: relative;
}

.course_details .button.begin_course1, .course_details .button.begin_quiz, .course_details .button.download_resource, .course_details .button.subscribe_your_members1, .course_details .button.certificate1 {
	/* top: 50%; */
	/* position: absolute; */
    box-shadow: var(--popup-options-shadow);
}

.course_details .video.media_item {
	/* max-height: 438px; */
	/* position: absolute; */
	/* display: flex; */
	/* top:0; */

	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 16/9;
}

.course_details .video.media_item .video_element {
	border-radius: 10px;
	object-fit: contain;
	height: 100%;
	width: 100%;
}

.mobile .course_details .video.media_item {
	top:40;
}

.mobile.course_details .admin .content_panel {
	padding: 0;
}

.course_details .video .play_overlay {
	max-height: unset;
	max-width: unset;
    background: rgba(0,0,0,0.05);
	border-radius: 10px;
}

.mobile.course_details .video .play_overlay {
	border-radius: 0;
}

.course_checkout.popup .analytic .label {
	font-size: 0.6666666667rem;
}

.course_checkout.popup .analytic .value {
	color: var(--primary-action-color);
}

.course_checkout.popup .analytics {
	border-style: none;
	margin-top: 0px;
	padding-top: 0px;
}

.course_checkout.popup .cost_may_change {
	color: var(--red);
	font-size: 0.7333333333rem;
	margin: 10px 0px;
}

.course_subscribe.popup .analytic .label {
	color: var(--foreground-color);
	font-size: 0.6666666667rem;
}

.course_subscribe.popup .analytic .value {
	color: var(--primary-action-color);
}

.course_subscribe.popup .analytics {
	border-style: none;
	margin-top: 0px;
}

.course_subscribe.popup .cost_may_change {
	color: var(--red);
	font-size: 0.7333333333rem;
	margin: 10px 0px;
}

.course_subscribe.popup .description {
	margin-bottom: 10px;
}

.course_subscribe.popup .members_to_subscribe {
	margin-top: 5px;
}

.course_subscribe.popup .promotional_code_message {
	color: #28a745;
	font-size: 0.7333333333rem;
	margin-top:5px;
}

.course_subscribe.popup .promotional_code_title {
	display: flex;
	font-size: 0.6666666667rem;
	font-weight: 700;
	margin: 0 0 5px 5px;
	text-transform: uppercase;
}

/* .course_subscribe.popup .selected_audience {
	border-radius: 5px;
	border: 1px solid var(--border-color);
	min-height: 2rem;
	background: var(--background-color);
} */

.course_subscribe.popup .separator {
	background-color: var(--border-color);
	border-style: none;
	height: 1px;
}

.course_subscribe.popup .summary {
	font-weight:  700;;
	margin: 10px 0px;
}

.course_subscribe.popup .top_title {
	margin: 5px 0px 10px 0px;
}

.desktop .courses .card_grid {
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.mobile.courses .card_grid {
    padding: 0 0 10px;
}

.courses .right_panel {
	display: none;
}

.mobile.courses_shared_admin .card .body {
	border-radius: var(--content-card-border-radius);
}

.courses_shared_admin .card {
    /* height: 330px; */
    /* width: 320px; */
    cursor: pointer;
    box-shadow: var(--popup-box-shadow);
    box-sizing: border-box;
}

.courses .course.card .status {
	position: absolute;
    background-color: #28A745;
    color: white;
    left: 10px;
    bottom: 10px;
    font-weight: 700;
    padding: 5px 7px;
    border-radius: 5px;
    box-sizing: border-box;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
}

.courses .course.card .status.complete {
	background-color: #28A745;
}

.courses .course.card .status.incomplete {
	background-color: var(--primary-action-color);
}

.courses .course.card .status.start_now {
	background-color: var(--primary-action-color);
}

.courses .courses.page {
	max-width: 2200px;
}

.mobile.courses .courses.page {
	box-sizing: border-box;
	padding: 10px 10px 0;
}

.courses .search.bar {
	max-width: 400px;
}

.mobile.courses .search.bar {
	width: 100%;
	max-width: none;
}

.mobile.course_details .timer {
	font-size: .73333rem;
	white-space: nowrap;
}

.mobile.course_details .detail_navigation {
    position: static;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
}

.mobile.course_details .course_lesson {
    margin: 0;
    border-radius: 0;
}

.mobile.course_details .top_courses_content {
	position: -webkit-sticky;
	position: sticky;
	top: var(--safe-area-inset-top);
	/* padding-top: calc( var(--safe-area-inset-top) + 10px); */
}

.courses.page .search_options {
	display: flex;
}

/* create_account.css */

.create_account.page .create_account_container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.create_account.page .disclaimer {
	font-size: 0.8rem;
    line-height: 1.3em;
	color: white;
	text-align: left;
}

.mobile .create_account.page .disclaimer {
	font-size: .8rem;
}

.create_account.page .wrapper {
	width: 100%;
}

/* .create_account.page .return_to_login, .create_account.page .primary {
	max-width: 280px;
} */

.create_account.page .change_region {
	display: flex;
	align-items: center;
}
.create_account.page .dropdown.fa-caret-down {
	padding: 8px;
	margin: 2px 8px;
	position: absolute;
	right: 0;
}

.create_account.page .change_region .flag {
	height: 1rem;
	margin-right: 5px;
}

.create_account.page.unauthenticated .link.change_region {
    color: var(--foreground-color);
	flex-grow: 1;
	padding: 0 10px;
}

.create_account.page.unauthenticated .link.change_region:hover {
	text-decoration: none;
}

.create_account.page.unauthenticated .region.field_set i.dropdown {
	padding: 8px;
    margin: 2px 4px;
}

.create_account.page .field_set.region {
	cursor: pointer;
	position: relative;
    align-items: center;
    background-color: var(--input-background-color);
    border-radius: 4px;
    border: 1px solid var(--input-border-color);
    box-sizing: border-box;
    color: var(--foreground-color);
    display: flex;
    flex-grow: 1;
    font-family: inherit;
    font-size: 0.8666666667rem;
    font-weight: 400;
    height: 46px;
    /* outline: none; */
}

.create_account.page .change_region.placeholder {
    background-color: var(--input-background-color);
    border-radius: 4px;
    /* border: 1px solid var(--input-border-color); */
    box-sizing: border-box;
    color: var(--foreground-color);
    display: flex;
	position: relative;
    flex-grow: 1;
    font-family: inherit;
    font-size: 0.8666666667rem;
    font-weight: 400;
    height: 42px;
    /* outline: none; */
	/* padding: 0 8px; */
}

.create_account.popup {
	padding: 10px 0px 20px 0px;
}

.desktop.create_account_page .menu_frame {
	max-width: 400px !important;
	width: 400px !important;
}

.desktop.create_account_page .menu.change_region {
	width: 400px;
	box-sizing: border-box;
}

.page.unauthenticated .soft_container {
    padding: 15px;
	margin: 10px;
	box-sizing: border-box;
    width: 100%;
	margin-bottom: 15px;
	box-shadow: 5px 10px 15px 0 rgb(0 0 0 / 30%);
	border: none;
}

.mobile .unauthenticated.page .email_address {
	font-size: 0.8rem;
}

.page.unauthenticated .fa-circle-check {
	font-size: 3rem;
    color: #3a8dde;
}

/* create_profile.css */

.create_profile .contact_methods_title {
	display: flex;
	flex-direction: row;
	align-items: baseline;
}

.create_profile .content_panel {
	margin-left: 0px;
    background: var(--background-color);
}

.create_profile .right_panel {
    display: none;
}

.create_profile .profile.button {
	display: none;
}

.create_profile .contact_methods_required_container {
	display: flex;
}

.create_profile .contact_methods_required {
	color: red;
    content: '*';
    margin: 0px 5px 0px 2px;
    font-size: 0.8rem;
    line-height: 0.65rem;
}

.create_profile.subpage {
	max-width: unset !important;
	width: 100%;
}

.create_profile .row {
	display: flex;
	margin-bottom: 11px;
}

.create_profile .info.icon {
	color: var(--info-text);
	display: inline-block;
	font-size: 1rem;
	margin: 0 5px;
}

.create_profile .header {
	display: block !important;
}

.create_profile .header .description {
	margin: 0;
}

.create_profile .avatar {
	height: 60px;
	width: 60px;
}

.mobile.create_profile .avatar {
    height: 60px;
    width: 60px;
}

.create_profile .profile_name {
	margin: 0;
}

.create_profile .editor {
	max-width: 580px;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
}

.create_profile .edit_name.button {
	color: var(--primary-action-color);
	margin: 0 3px;
}

.create_profile .edit_name.button:hover {
	text-decoration: underline;
}

.create_profile .profile_header {
	margin-bottom: 15px;
}

.create_profile .profile_header .column {
	margin-left: 15px;
}

.create_profile .profile_header, .create_profile .profile_header .names {
	align-items: center;
	display: flex;
}

.create_profile .profile_header .names {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 7px;
}

.create_profile .profile_header .names .full_name {
	color: var(--info-text);
}

.create_profile .profile_header .names .separator {
	color: var(--info-text);
	margin: 0 5px;
}

.create_profile .profile_header .email_display {
	color: var(--info-text);
	display: inline-block;
	font-size: 0.8666666667rem;
}

.create_profile .user_name {
	color: var(--foreground-color);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.create_profile .is_default {
	font-size: 0.8666666667rem;
	margin-bottom: 17px;
}

.create_profile .display_name.label {
	display: inline-block;
	font-size: 0.6666666667rem;
	font-weight: 700;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.create_profile input[type="text"], .create_profile textarea {
	background-color: var(--input-background-color);
	width: 100%;
}

.create_profile h2 {
	display: inline-block;
	margin: 5px 0 5px 0;
}

.create_profile .editor p {
	font-size: 0.866667em;
	line-height: 1.3rem;
    margin-bottom: 10px;
}

.create_profile .contact_row {
	align-items: center;
	display: flex;
	margin-bottom: 10px;
	width: 100%;
}

.create_profile .contact_row .icon {
	font-size: 1rem;
	font-weight: 900;
	margin-right: 10px;
}

/* .create_profile .contact_row input[type="text"],
.create_profile .contact_row input[type="tel"] {
	margin: 0 0 0 12px;
} */

.create_profile .org_listing {
	align-items: center;
	display: flex;
	padding: 2px 8px 14px 8px;
}

.create_profile .org_listing .org_avatar {
	align-items: center;
	background-color: var(--primary-action-color);
    background-position: center center;
    background-size: cover;
    border-radius: 100%;
    color: var(--background-color);
    display: flex;
    font-size: 1.2rem;
    font-weight: 700;
    justify-content: center;
	margin-right: 11px;
    object-fit: cover;
    text-align: center;
    height: 36px;
    width: 36px;
}

.create_profile .org_listing .org_name {
	font-size: 1.06rem;
	font-weight: 700;
	margin-bottom: 5px;
}

.create_profile .org_listing .org_roles {
	font-size: 0.6666666667rem;
}

.create_profile .org_listing .column {
	flex-grow: 1;
}

.create_profile .org_listing .status {
	font-size: 0.6666666667rem;
	margin-right: 10px;
}

.create_profile .delete.button {
	background-color: var(--red);
	color: var(--matted-button-text);
	padding: 10px 25px;
}

.create_profile .footer {
	align-items: center;
	background-color: var(--primary-background);
	border-top: 1px solid var(--border-color);
	bottom: 0;
	left: 0px;
	display: flex;
	padding: 10px;
	position: fixed;
	box-sizing: border-box;
	gap: 15px;
	width: 100%;
	/* z-index: 1; */
    justify-content: space-between;
}

.create_profile .footer .button {
	/* margin-right: 15px; */
    min-width: 120px;
}

.create_profile .footer .button.cancel {
    background: var(--background-color);
}

.create_profile .footer .disabled.save.button {
	background-color: var(--disabled-button-bg);
	color: var(--disabled-button-color);
}

.create_profile .footer .disabled.save.button:hover {
	filter: initial;
}

.create_profile .footer .number_of_changes {
	font-size: 0.8666666667rem;
	margin-left: 7px;
}

.avatar_wrapper {
	position:absolute;
}

.create_profile .settings_text_input input {
	background-color: var(--input-background-color);
}

.mobile .footer.page_control_container {
	z-index: 1000;
}

.create_profile .mobile .frame_footer {
	visibility: hidden;
}

.desktop.create_profile .editor {
	margin-bottom: 57px; /* account for bottom button footer */
}

/* custom_tags.css */

/* .edit_item.popup .custom_tags_bar {
	margin-top: 10px;
    border-top: 1px solid var(--border-color);
    padding-top: 10px;
} */

.custom_tags_bar .subtitle {
	font-size: 0.866666667rem;
    line-height: 1.3;
}

.custom_tags.editbar .section.disabled {
	cursor:unset;
}

.custom_tags_section {
	display: flex;
	padding: 5px 10px;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.item.section.custom_tags_section:last-child {
	padding: 10px;
}

.custom_tags label i.add_icon {
	display: none;
}

.edit_item.resource .custom_tags_bar .custom_tags_section.item.section .title {
    flex-grow: inherit;
}

.custom_tags .item.section .pill {
	color: var(--foreground-color);
    border: none;
    padding: 10px;
	flex-grow: 1;
	padding: 10px 5px;
	font-size: 1em;
}

.custom_tags .item.section .pill > .label {
	flex-grow: 1;
}

.custom_tags .tag_list {
	color: var(--primary-action-color);
}

/* daily_quote.css */

.quote-wrapper {
	font-family: Roboto;
	background-color: var(--background-color);
	color: var(--foreground-color);
	border-radius: 10px;
	width: 100%;
	max-width: 700px;
	box-sizing: border-box;
	/* box-shadow: 0px 1px 5px #0029; */
	box-shadow: rgb(0 0 0 / 16%) 0px 1px 1px;
	margin: 0 0 10px;
}

.daily_quote {
	align-items: center;
    background-color: var(--background-color);
    border: none;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    margin: 0px 0px 10px;
    box-shadow: var(--feed-item-shadow);
}

.quote_header {
	display: flex;
	/* padding: 15px 0; */
}

.quote_content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 60px;
	text-align: center;
}

.quote_content i.fa-quote-right {
	font-size: 2em;
	color: #313131;
}

/* i.fa-ellipsis-h {
	cursor: pointer;
} */

.grow {
	transition: all .2s ease-in-out;
}

.grow:hover {
	transform: scale(1.3) rotate(180deg);
}

.flex_grow, 
.flex-grow {
	flex-grow: 1;
}

.quote .description {
	font-size: 1.3em;
	font-weight: 700;
	padding: 30px 20px;
}

.quote .author {
	font-size: 1.2em;
	font-weight: 400;
	color: #acacac;
	padding: 0 0 30px;
}

.spacer {
	flex-grow: 1;
}

.hideQuote {
	display: none;
}

.newsfeed .daily_quote .quote {
	flex-grow: 1;
}

/* dashboard.css */

@media only screen and (min-width: 961px) {
	.dashboard .dashboard_content .left_section {
		max-width: 700px;
	}

	.desktop.dashboard .dashboard_content .right_section {
		/* max-width: 350px;
		min-width: 350px; */
		position: sticky;
		top: 75px;
		width: 350px;
		padding: 0;
	}

	.desktop.dashboard .support_tools .overview {
		min-width: 240px;
		flex-grow: 1;
	}
}

@media only screen and (max-width: 960px)  {
	.desktop.dashboard .dashboard_content {
		/* flex-direction: column-reverse; */
		flex-wrap: wrap-reverse;
	}

	.dashboard .dashboard_content .left_section {
		/* max-width: unset; */
	}

	.desktop.dashboard .dashboard_content .right_section {
		max-width: unset;
		min-width: unset;
		position: unset;
		top: unset;
	}	

	.desktop.dashboard .support_tools .overview {
		min-width: 240px;
		flex-grow: 1;
	}
}

@media only screen and (min-width: 921px) {	
	.desktop.dashboard .support_tools.container .content_section {
		height: 100%;
		flex-direction: row;
	}
}


@media only screen and (max-width: 920px)  {
	.desktop.dashboard .support_tools.container .content_section {
		flex-direction: column;
	}	

	.desktop.dashboard .support_tools .overview {
		width: 100%;
	}
}

@media only screen and (min-width: 785px) {
	/* .category_card .bottom_svg {
		rotate:-8deg;
		width: 400px;		
	} */

	.desktop.dashboard .recent_membership_articles .recent_membership_cards {
		flex-direction: row;
	}
}

@media only screen and (max-width: 784px)  {
	/* .category_card .bottom_svg {
		rotate:-6deg;
		width: 600px;
	} */
	.category_card.card .bottom_svg {
		transform: scaleX(1.5) scaleY(3.5) translateY(-13px);
		left: 0;
		width: 100%;
	}

	.desktop.dashboard .recent_membership_articles .recent_membership_cards {
		flex-direction: column;
	}
}

@media only screen and (max-width: 700px) {
	.dashboard .category_grid { display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-gap: 25px 15px;
	}
	.bottom_svg {
		height: 400px;
		width: 100%;
		left: 0;
		position: absolute;
		top: -90px;
		/* filter: blur(20px); */
		transform: scaleY(-1) scaleX(0.5) scale(-2.8) translateY(-9px);
		opacity: 0.5;
	}
}

.category_card .bottom_svg {
	height: 400px;
	left: -10px;
	position: absolute;
	top: -90px;
	/* filter: blur(20px); */
	transform: scaleY(-1) scaleX(0.5) scale(-2.8) translateY(-9px);
    opacity: 0.5;
    color: var(--foreground-color);
}

.category_card .image_container .avatar {
	height: 25px;
	position: absolute;
    right: 7px;
	top: 7px;
	width: 25px;
	z-index: 1;
}

.category_card .image_container .avatar .profile_picture {
	border-radius: 4px;
}

.category_card .image_container .title {
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	bottom: 10px;
	line-height: 1.5;
    box-sizing: border-box;
	color: white;
    display: -webkit-box;
	font-size: 1.3rem;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
    line-height: 1.3;
	font-weight: 700;
	/* width: 140px; */
	left: 10px;
	right: 10px;
	/* overflow: hidden; */
    position: absolute;
}

.mobile .category_card .image_container .title {
    font-size: 1.1rem;
}

.category_card .top_svg {
	height: 400px;
	position: absolute;
	rotate: -12deg;
    filter: blur(30px);
	opacity: 0.5;
	top: -100px;
	width: 400px;
}

.dashboard .category_card {
	overflow: hidden;
}

.dashboard .category_card .image_container {
	border-radius: unset;
}

.dashboard .category_card .image_container .image {
	border-radius: unset;
}

.dashboard .connect_menu .connect_menu_item .avatar .profile_picture {
	border-radius: 4px;
}

.dashboard .connect_menu .menu_header {
	padding: 15px;
	border-bottom: 1px solid var(--border-color);
}

.dashboard_content {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	gap: 15px;
	justify-content: center;
}

.dashboard .community_services {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.mobile.dashboard .community_services {
	padding: 0 10px 10px;
}

.mobile.dashboard .my_organizations .title {
	padding: 0px 10px;
}


.mobile.dashboard .recent_membership_articles {
	border-radius: 0;
	padding: 15px 10px 10px;
}

.mobile.dashboard .support_tools .options {
	padding: 0 5px;
}

.dashboard .community_services .category_grid {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px 10px;
}

.dashboard .community_services .image_container {
	height: 160px;
	width: 100%;
}

.dashboard .community_services .see_all {
	gap: 5px;
	color: var(--primary-action-color);
}

.dashboard .community_services .top_section {
	align-items: center;
}

.dashboard .community_services .top_section .see_all {
	cursor: pointer;
}

.dashboard .content_loading_wrapper {
	width: 100%;
}

.dashboard .dashboard_library {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.mobile .dashboard_library {
	margin: 0 10px;
}

.dashboard .dashboard_library .category_grid {
	/* grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); */
	/* grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); */
    grid-gap: 15px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 10px;
}

.dashboard .dashboard_library .image_container {
	height: 160px;
	width: 100%;
}

.dashboard .dashboard_library .see_all {
	gap: 5px;
	color: var(--primary-action-color);
}

.dashboard .dashboard_library .top_section {
	align-items: center;
}

.dashboard .dashboard_library .top_section .see_all {
	cursor: pointer;
}

.dashboard .dashboard_content .left_section {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
}

.desktop.dashboard .dashboard_content .left_section {
	gap: 25px;
}

.dashboard .content_panel {
	align-items: flex-start;
	flex-direction: row
}

.mobile.dashboard .my_support_teams {
	padding: 15px 10px;
}

.dashboard .my_support_teams {
	cursor: default;
	padding: 15px;
}

.dashboard .my_support_teams .button.basic.light_primary_button.see_all_button {
	width: 100px;
    border: 1px solid var(--unread-notification-color);
}

.dashboard .my_support_teams .see_all_container .line {
	background-color: var(--border-color);
	height: 1px; 
	width:100%;
}

.dashboard .my_support_teams .see_all_container .see_all_button {
	background-color: var(--light-background-color);
	border-color: var(--border-color) !important;
	position: relative;
	border-radius: 25px;
}

.dashboard .my_support_teams .see_all_container .see_all_divider {
	/* border-color: var(--border-color) !important; */
}

.dashboard .my_organizations {
	gap: 15px;
}

.dashboard .my_organizations .card_grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 10px;
}

.mobile.dashboard .my_organizations .card_grid {
	padding: 0 10px 0;
}

.dashboard .plus_package {
	cursor: default;
	gap: 10px;
	padding: 15px;
}

.dashboard .recent_membership_articles {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 15px;
	background-color: var(--background-color);
}

.dashboard .recent_membership_articles .see_all {
	cursor: pointer;
	gap: 5px;
	color: var(--primary-action-color);
}

.dashboard .recent_membership_articles .top_section {
	align-items: center;
}

.dashboard .recent_membership_articles .go_to_newsfeed {
	color: var(--primary-action-color);
}

.dashboard .recent_membership_articles .recent_membership_cards {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 15px;
}

.dashboard .recent_membership_articles .recent_membership_cards .content_card .image_container img {
	height: unset;
}

.dashboard .recent_membership_articles .recent_membership_cards .library_card .image_container img {
	width: 100%;
    height: 160px;
    box-sizing: border-box;
    object-fit: cover; 
}

.dashboard .recent_membership_articles .recent_membership_cards .library_card .sub_text {	
	color: var(--light-foreground-color);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard .recent_membership_articles .recent_membership_cards .library_card .title.ellipse {	
	margin: 5px 0px;
    font-weight: 700;
    font-size: 1.2rem;
}

.dashboard .recent_news {
	cursor: default;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 15px 0 15px 15px;
}

.dashboard .recent_news .left_scroll_container {
	height: 100%;
	position: absolute;
	width: 60px;
	visibility: hidden;	
	left: 0px
}

.dashboard .recent_news .left_scroll_container.visible, .dashboard .recent_news .right_scroll_container.visible {
	opacity: 1;
	visibility: visible;
}

.dashboard .recent_news .right_scroll_container {
	height: 100%;
	position: absolute;
	right: 0px;
	visibility: hidden;
	width: 60px;	
}

.dashboard .recent_news .scroll_section {
	align-items: center;
	justify-content: center;
	display: flex;
	height: 100%;
	transition: opacity 0.3s, visibility 0.3s;
	width: 100%;
	z-index: 1;
}

.dashboard .recent_news .scroll_section button {
	align-items: center;
	background-color: var(--input-background-color);
	border-radius: 100%;
    box-shadow: var(--tooltip-shadow);
	cursor: pointer;
	display: flex;
	font-size: 1.2rem;
	height: 40px;
	justify-content: center;
	min-height: 40px;
	min-width: 40px;
	padding: 0;
	position: absolute;
	z-index: 2;
}

.dashboard .recent_news .scroll_section.right {
	/* right: 0; */
}

.dashboard .recent_news .scroll_section.right::after,
.dashboard .recent_news .scroll_section.left::before {
	background: transparent;
}

.dashboard .recent_news .scroll_section.right button {
	/* right: 0; */
}

.dashboard .recent_news .see_all {
	cursor: pointer;
	gap: 5px;
	color: var(--primary-action-color);
}


.dashboard .recent_news .top_section {
	align-items: center;
	/* cursor: pointer; */
	margin-right: 10px;
}

.dashboard .recent_news .go_to_newsfeed {
	color: var(--primary-action-color);
}

.dashboard .recent_news_cards {
	overflow-x: hidden;
	position: relative;
	/* scrollbar-width: none;  */
}

.dashboard.darkMode .recent_news_cards {
		box-shadow: 0px -10px 12px 3px rgb(0 0 0 / 30%);
}

.dashboard .recent_news_cards .cards_section {
	gap: 10px;
	transition: transform 0.5s ease;
}

.desktop.dashboard .content_panel h1 {
	font-size: 1.5rem;
}

.dashboard .content_panel .body.markdown * {
	font-size: 0.8rem;
	line-height: 1.37;
}

.dashboard .recent_news_cards::-webkit-scrollbar {
    /* display: none; */
}

.dashboard .right_panel {
	/* display: none; */
}

.dashboard .dashboard_content .right_section {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
	box-sizing: border-box;
}

.dashboard .dashboard_content .right_section .connect_container {
	padding: 15px;
}

.dashboard .dashboard_content .right_section .connect_container.one_org {
	align-items: center;
	font-weight: 700;

    color: var(--light-foreground-color);
}

.dashboard .dashboard_content .right_section .connect_container.multiple_orgs .avatar {
	height: 36px;
	width: 36px;
	box-sizing: border-box;
    /* border: solid 2px var(--light-background-color); */
	background-color: white;
}

.dashboard .dashboard_content .right_section .connect_container.multiple_orgs .avatar img {
    box-shadow: -4px 0px 12px 1px rgba(0 0 0 / 15%);
	background-color: white;
}

.darkMode.dashboard .dashboard_content .right_section .connect_container.multiple_orgs .avatar:nth-child(n+2) {
	box-shadow: -4px 0px 15px 0px rgba(0 0 0 / 40%);
}

.dashboard .dashboard_content .right_section .connect_container.multiple_orgs .avatar:nth-child(n+2) {
	margin-left: -5px;
	box-shadow: -4px 0px 15px 0px rgba(0 0 0 / 10%);
}

.dashboard .dashboard_content .right_section .connect_container.multiple_orgs .avatar .profile_picture {
	height: 36px;
	width: 36px;
	border-radius: 50%;
}

.dashboard .dashboard_content .right_section .connect_container.multiple_orgs .more_orgs {
	display: flex;
	align-items: center;
	justify-content: center;
    /* height: 40px;
    width: 40px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid var(--border-color);v
	background-color: var(--background-color); */
	color: #444;
	margin: 0 0 0 -10px;
	font-weight: 700;
	height: 36px;
    width: 36px;
    box-sizing: border-box;
    border-radius: 4px;
    border: solid 2px var(--light-background-color);
    background-color: white;

}

.dashboard .dashboard_content .right_section .connect_container.multiple_orgs .title {
	/* align-self: center; */
}

/* .dashboard .support_team_card {
	box-shadow: unset;
} */

.dashboard .support_tools {
	cursor: auto;
	gap: 15px;
	padding: 15px;
}

.desktop.dashboard .support_tools {
	min-width: 370px;
}

.dashboard .support_tools .alert_panel {
	margin: 0;
}

.mobile.dashboard .my_support_teams .alert_panel {
	margin: 10px;
}

.dashboard .support_tools .content_section {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.dashboard .support_tools .item_name {
	color: var(--primary-action-color);
	cursor: pointer;
	margin-right: 5px;
}

.dashboard .support_tools .options {
	display: flex;
	flex-direction: column;
	flex: 1;
	/* gap: 10px; */
    border-radius: 5px;
	padding: 10px;
}

.desktop .support_tools .options {
	min-width: 320px;
}

.dashboard .support_tools .overview {
    border-radius: 10px;
	box-sizing: border-box;
	padding: 15px;
    justify-content: space-between;
	background-color: var(--background-color);
    /* box-shadow: var(--popup-box-shadow); */
}

.desktop.dashboard .support_tools .overview { 
	min-height: 280px;
}

.dashboard .support_tools .overview .content_loading_wrapper.loading{
	margin: 30px 0px;
}

.desktop .dashboard .support_tools .overview {
	min-height: 252px;
}

.mobile .dashboard .support_tools .overview {
	min-height: 230px;	
}

.dashboard .support_tools .options .button {
	width: 100%;
}

.dashboard .support_tools .overview .button {
	width: 100%;
}

.dashboard_card {
	cursor: auto;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 15px;
}

.dashboard_card .buttons_container {
	gap: 10px;
}

.dashboard_card .buttons_container.vertical .button {
	width: unset;
}

.dashboard_card .footer {
	align-self: center;
	font-size: 0.8rem;
}

.desktop.dashboard .dashboard_content {
	width: 0px;
}

.desktop.dashboard .dashboard_content.loaded {
	flex-direction: row;
	gap: 25px;
	flex-wrap: wrap;
}

.desktop.dashboard .dashboard_content .left_section {
	min-width: 0px;
}

.mobile.dashboard .dashboard_content {
	flex-direction: column-reverse;
	/* padding: 10px; */
	width: 100%;
}

.mobile.dashboard .support_tools {
	border-radius: 0;
	padding: 15px 10px;
}

.mobile.dashboard .support_tools {
	background-color: transparent;
}

.mobile.dashboard .community_services .category_grid {
	padding: 0px;
}

.mobile.dashboard .dashboard_library .category_grid {
	padding: 0px;
}

.mobile.dashboard .dashboard_content .left_section {
	width: 100%;
	padding-bottom: 15px;
}

.mobile.dashboard .dashboard_content.loaded {
	box-sizing: border-box;
}

.mobile.dashboard .content_panel {
	display: flex;
	flex-direction: column;
}

.mobile.dashboard .library_card:last-child {
	margin-right: 0px;
}

.mobile.dashboard .recent_membership_articles .category_grid {
	padding: 0px;
}

.mobile.dashboard .recent_membership_articles .recent_membership_cards {
	flex-direction: column;
    display: flex;
    padding: 0;
}

.mobile.dashboard .dashboard_content .right_section {
	width: 100%;
	gap: 0;
	box-sizing: border-box;
	padding: 0;
	border-bottom: var(--border);
}

.mobile.dashboard .dashboard_content .right_section .connect_container {
	padding: 15px 10px;
	border-bottom: 1px solid var(--border-color);
}

.mobile.dashboard .recent_news .scroll_section button {
	/* display: none; */
}

.mobile.dashboard .right_section .connect_container .team {
	border-radius: 5px;
	height: 50px;
}

.mobile.dashboard .search_row {
	height: 56px;
    display: flex;
    justify-content: center;
    padding: 0 10px 0 15px;
}

.mobile.dashboard .support_tools .content_section {
	flex-direction: column;
}

.mobile.dashboard .top_bar_logo {
	height: 18px;
}

.recent_news_card {
	/* flex: 1; */
	box-sizing: border-box;
	height: 275px;
	overflow: hidden;	
	width: 275px;
	box-shadow: var(--recent-news-card-shadow);
}

.recent_news_card .attachment {
	color: var(--primary-action-color);
}

.recent_news_card .avatar, .recent_news_card .avatar .profile_picture {
	height: 30px;
	width: 30px;
    object-fit: contain;
}

.recent_news_card .contact_header .status {
    font-size: 0.6666666667rem;
}

.recent_news_card .body.markdown {	
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	margin: 0 10px 5px;
	line-height: normal;
	overflow: hidden;
	padding: 0px;
	text-overflow: ellipsis;
	word-break: break-word;
	border-radius: 0;
}

.recent_news_card .body.markdown.long_description {	
	-webkit-line-clamp: 12;
    margin-bottom: 0;
    padding-bottom: 2px;
}

.mobile .recent_news_card .body.markdown.long_description {	
	font-size: 0.8rem;
}

.recent_news_card .content .see_more {	
	font-size: 0.8rem;
	margin-left: 10px;
	text-decoration: none;
	font-weight: 700;
}

.dashboard .container .subtitle {
	color: var(--info-text);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recent_news_card .content.link {
	padding: 10px;
	border-width: 0px;
	margin: 0px;	
}

.recent_news_card .content.link .provider_description {
	display: none;
}

.recent_news_card .content.link .photo {
	width: 40px;
    height: 40px;
}

.recent_news_card .contact_header .person.name {
	/* display: none; */
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: normal;
    -webkit-box-orient: vertical;
}

.recent_news_card .contact_header .status_container .icon {
	display: none;
}

.recent_news_card .contact_header .status_container .status_separator {
	display: none;
}

.recent_news_card .content.link:hover .title {
	text-decoration: none;
}

.recent_news_card .content.post_linking_wrapper {
    background-color: var(--light-background-color);
    border-top: 1px solid var(--border-color);
	cursor: pointer;
	border-radius: 0 0 10px 10px;
	/* border-bottom: 1px solid var(--border-color); */
    padding: 5px 10px 10px;
	/* margin: 0 0 10px; */
	margin: 0;
	/* font-size: 0.8rem; */
	word-break: break-word;
	gap: 5px;
	display: flex;
	flex-direction: column;
}

.recent_news_card .content.post_linking_wrapper .body.markdown {
	font-size: 0.6666666667rem;
	margin: unset;
	background-color: unset;
	border-radius: 0;
}

.recent_news_card .content.post_linking_wrapper .org_name {
	font-size: 0.7333333333rem;
    color: var(--light-foreground-color);
}

.recent_news_card .content.post_linking_wrapper .title {
    color: var(--primary-action-color);
	line-height: 1.3;
    font-weight: 700;
    font-size: 0.8rem;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recent_news_card .header {
	margin: 10px;
}

.recent_news_card .header .contact_header .status_container {
	padding: 0;
}

.recent_news_card .info {
	justify-content: center;
}

.recent_news_card .info .header {
	margin: unset;
}

.recent_news_card .media.content {
	overflow: hidden; 
	display: flex;
    justify-content: center;
}

.recent_news_card .media_item {
	display: flex;
	justify-content: center;
	width: 100%;
	/*
	width: 30%;
	box-sizing: border-box;
	flex-grow: 1;
	line-height: 0;
	cursor: pointer;
	position: relative;
	background-size: cover;
	background-position: center;
	*/
}

.recent_news_card .media_item .picture {
	/* width: 100%; */
	height: 100%;
	object-fit: cover; 
	/*
	width: 100%;
    height: 100%;
    max-height: 100px;
	object-fit: contain;
    backdrop-filter: blur(150px);
	*/

}

.recent_news_card .links_wrapper .links {	
	margin-bottom: 0px;
}

.recent_news_card .media_item.video {	
	background-color: var(--video-background-color);
}

.recent_news_card .media_item.video .play_overlay .play.button {	
    font-size: 2rem;
    height: 40px;
    width: 40px;
}

.recent_news_card .media_item.video .video_element {	
	width: unset;
}

.recent_news_card .share.header {	
	border-bottom: 1px solid var(--border-color);
	color: var(--light-foreground-color);
	margin: 0 10px 0;
	font-size: 0.8rem;
	padding: 10px 0;
}

.recent_news_card .title:hover {
	text-decoration: none;
}

.recent_news_card_photo {
	display: flex;
	justify-content: center;
	position: relative; 
	width: 100%; 
	z-index: 1;
}

.recent_news_card_photo .background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
	background-size: cover;
	filter: blur(150px);
	z-index: -1;
}

.recent_news_card_photo .picture {
	height: 100%;
	object-fit: contain;
}

.support_team_card {
	display: flex;
	flex-direction: column;
	gap:10px;
	padding: 10px;
	align-items: center;
}

.dashboard .support_team_card {
	text-align: center;
}

.support_team_card .buttons_container {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.desktop .support_team_card .buttons_container {
	margin-top: 10px;
}


.support_team_card .team {
	border-radius: 5px;
	height: 50px;
}

.support_team_card .buttons_container .button {
	width: 100%;
    max-width: 400px;
    align-self: center;
	flex-direction: row;
}

.support_team_card .name {
	font-weight: 700;
}

.mobile.dashboard .recent_news.container {
    margin: 0;
	padding: 15px 0 10px 10px;
	border-radius: 0;
}

.category_grid {
	display: grid;
	/* grid-template-columns: repeat(auto-fit, minmax(300px, max-content)); */
	grid-gap: 25px 15px;
	/* justify-content: center; */
	/* overflow-y: auto; */
}

.mobile .category_grid {
    grid-template-columns: auto;
	gap: 8px;
	padding: 0 10px 10px;
}

.dashboard .category_grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
    grid-gap: 10px 10px;
}

.mobile .support_team_card.soft_container {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 15px;
	justify-content: center;
}

.mobile .support_team_card.soft_container .avatar.large .profile_picture,
.mobile .support_team_card.soft_container .avatar.large {
	width: 60px;
    height: 60px;
}

.mobile.dashboard .my_support_teams h1,
.mobile.dashboard .support_tools.container h1 {
	display: flex;
	/* align-self: center; */
}

.dashboard .recent_news_container {
	cursor: default;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 15px 0 15px 0px;
	position: relative;
}

.mobile.dashboard .recent_news_container {
	border-bottom: var(--border);
}

.dashboard .recent_news_container .left_scroll_container {
	left: 0px;
}

.dashboard .recent_news_container .right_scroll_container {
	right: 0px;
}

.dashboard .recent_news_container .left_scroll_container,
.dashboard .recent_news_container .right_scroll_container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: absolute;	
	/* top: 170px; */
	visibility: hidden;	
	width: 60px;
}

.dashboard .recent_news_container .left_scroll_container button.visible, .dashboard .recent_news_container .right_scroll_container button.visible {
	opacity: 1;
	visibility: visible;
}


.dashboard .recent_news_container .left_scroll_container button, 
.dashboard .recent_news_container .right_scroll_container button {
    align-items: center;
    background-color: var(--input-background-color);
    border-radius: 100%;
    box-shadow: var(--org-following-shadow);
    cursor: pointer;
    display: flex;
    font-size: 1.2rem;
    height: 45px;
    justify-content: center;
    min-height: 45px;
    min-width: 45px;
    padding: 0;
    z-index: 2;
}

.dashboard .recent_news_container .recent_news_cards_container {
	/* overflow-x: hidden; */
	overflow-x: auto;
	/* overflow-x: clip; */
	position: relative;
	scrollbar-width: none;
}

.dashboard .recent_news_container .recent_news_cards_container .cards_side_section {
	width: 5px;
}

.dashboard .recent_news_container .scroll_section {
	position: relative;
}

.dashboard .recent_news_container .see_all {
	cursor: pointer;
	gap: 5px;
	color: var(--primary-action-color);
}

.dashboard .recent_news_container .top_section {
	align-items: center;
	/* cursor: pointer; */
	margin: 0px 15px 0px 15px;
}

.dashboard a.see_all {
	color: var(--primary-action-color);
    font-size: 0.8666666667rem;
}

.dashboard .recent_news_cards_container .cards_container {
	gap: 10px;
	transition: transform 0.5s ease;
	padding-top: 10px;
}

.desktop.dashboard .search_row {
	display: none;
}

.desktop.dashboard .request_to_be_supported_container {
	margin: 10px 10px 0 10px;
}

.dashboard .request_to_be_supported_button.button {
	flex-grow: 1;
}

.dashboard .last_supported {
	align-self: center;
	margin-top: 5px;
}

.request_to_be_supported.popup .request_to_be_supported_content {
	gap: 10px;
}

.request_to_be_supported.popup .request_to_be_supported_content {
	gap: 10px;
	margin: 10px 0;
}

.request_to_be_supported.popup .request_to_be_supported_content .organization_header .contact_header {
	flex-direction: column;
	align-items: center;
}

.mobile .request_to_be_supported.popup {
	overflow: auto;
    flex-grow: 1;
    height: fit-content;
    max-height: calc(100vh - 100px - var(--mobile-footer-height));
}

.organization_card {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: var(--popup-box-shadow);
    border: 1px solid var(--soft-border-color);
    background-color: var(--secondary-background);
	height: 270px;
}

.organization_card .card_section {
	display: flex;
    flex-direction: column;
    height: auto;
    flex-grow: 1;
    width: 100%;
    position: relative;
}

.organization_card .content_section {
	padding: 10px 10px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -40px;
    margin-bottom: 10px;
    gap: 10px;
}

.organization_card .content_section .avatar {
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    object-fit: cover;
    height: 80px;
    width: 80px;
    box-shadow: var(--org-following-shadow);
    border-radius: 10px;
    margin: 0px 0px 10px 0px;
    background-color: var(--secondary-background);
}

.organization_card .content_section .avatar .profile_picture {
	border-radius: 8px;
    margin: 0;
    width: inherit;
    height: inherit;
}

.organization_card .content_section .name {
	font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}

.organization_card .content_section .name:hover {
	text-decoration: underline;
	color: var(--primary-action-color);
	cursor: pointer;
}

.organization_card .footer {
	padding: 10px;
    width: -webkit-fill-available;
}

.organization_card .image_header {
	border-radius: 10px 10px 0px 0px;
    height: 88px;
    background-size: cover;
	background-position: center;
    width: 100%;
}

.organization_card .image_section {
	font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}

.request_to_be_supported.popup .requested_date {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

.request_to_be_supported.popup .requested.button {
    color: var(--foreground-color);
	background-color: var(--success-background);
    border: var(--success-green-border);
}

.request_to_be_supported.popup .requested.button .fa-circle-check {
	color: var(--success-green-color);
}

.dashboard .category_card:focus-visible {
	width: initial;
}

/* date_range_selector.css */

/* .date_range_selector {
	padding: 10px;
} */
.date_ranges {
	padding: 10px;
    display: flex;
    flex-direction: column;
	gap: 10px;
}

.date_range_selector .vertical > * {
	margin-bottom: 5px;
}

.date_range_selector .vertical .button {
	margin-top: 20px;
}

.date_ranges .input_group {
	margin-bottom: 0;
}

.date_range_selector.single .to	{
	display: none;
}

.date_range_selector .date_time, .date_range_selector .year_select {
	margin-bottom: 10px;
}

/* date_range.css */

.date_range {
	display:flex;
	align-items:center;
}

.basic.button.date_range {
    min-width: fit-content;
}

.date_range .start_date {
	padding: 0 8px;
}

.date_range .to {
	padding: 0 7px;
}

.date_range .end_date {
	padding: 0 8px;
}

.date_range .remove {
	padding: 10px;
	cursor: pointer;
}
.date_range .time {
	display: none;
}

.date_range.include_time .time {
	display: flex;
}

/* date_time_input.css */

/* .date_time_input .time.input {
	margin-left: 10px;
} */

.date_time_input {
	gap: 0 5px;
}

/* detailed_post_admin.css */

body.peer_connect.detailed_post_admin {
	background-color: var(--secondary-background);
}

/* detailed_post.css */

body.peer_connect.detailed_post {
	background-color: var(--background-color);
}

body.darkMode.peer_connect.detailed_post {
	background-color: var(--primary-background);
}

.detailed_post {
	display: flex;
}

.detailed_post .contact_header {
	padding: 0px;
	background-color: transparent;
}

.mobile .detailed_post .contact_header {
    flex-wrap: wrap;
}

.detailed_post .files {
	margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.mobile.detailed_post #content {
	overflow-x: hidden;
}

/* .detailed_post .files .button {
	background-color: var(--background-color);
	border-color: var(--border-color);
	border-width: 1px;
} */

/* .detailed_post .attachments_container {
	border-top: 1px solid var(--border-color);
	padding-top: 15px;
} */

.detailed_post .attachments.medium_title,
.detailed_post .codes.medium_title {
	margin-bottom: 5px;
}

.detailed_post .medium_title .icon {
	margin-right: 0.25em;
}

.detailed_post .attachment {
	max-width: 100%; /* fix overflowing attachment pills on detailed post */
}

.detailed_post .content_container .description {
	line-height: 1.3;
	overflow-wrap: break-word;
	margin: 0;
}

.detail_navigation {
    padding: 10px 5px;
    cursor: pointer;
	width: fit-content;
	border-radius: 5px;
    color: var(--primary-action-color);
	cursor: pointer;
}

button.detail_navigation label,
button.detail_navigation .back_button {
	cursor: pointer;
}

.mobile .detailed_post .wrapper {
    padding: 10px;
    padding-top: 66px;
}

.mobile .detail_navigation {
	padding: 0;
    margin: 0;
	color: white;
	border-radius: 0;
    font-size: 1.2rem;
    font-weight: 400;
    min-height: 56px;
    width: 100%;
	position: fixed;
    align-items: center;
    box-sizing: border-box;
	background: var(--accent-color);
	background: linear-gradient(0deg, var(--mid-gradient-color) 0%, var(--accent-color) 100%);
	z-index: 999; /* shade is 999, will cause to appear behind shade */
	box-shadow: 0 5px 4px -1px rgba(0 0 0 / 25%);
}

/* .mobile .detail_navigation .safe_area_top_container {
	padding-top: var(--safe-area-inset-top);
} */

.mobile .detail_navigation > i {
    padding: 0 0 0 10px;
}

.mobile .detail_navigation .back_button {
    font-size: 1rem;
	padding: 10px 5px;
	margin-left: 10px;
}

.detailed_post .detail_navigation .mobile .avatar {
	width: 40px;
	height: 40px;
}

.detail_navigation .back_button {
	margin-right: 10px;
}

.detailed_post .social_container {
	flex-wrap: wrap;
	padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--border-color);
}

.mobile.detailed_post .social_container {
    gap: 15px;
}

.detailed_post .large_image {
	display: none;
}

.detailed_post .large_image[src] {
    max-height: 400px;
    width: 100%;
	display: flex;
	object-fit: cover;
	border-radius: 5px;
}

.detailed_post video.video_element {
	border-radius: 5px;
}

.mobile.detailed_post video.video_element {
	border-radius: 0;
}

.mobile .detailed_post .large_image[src] {
	width: 100%;
	max-height: none;
	height: auto;
	object-fit: cover;
}

.detailed_post .large_image[src]:hover {
    cursor: pointer;
}

.detailed_post .large_video .video_element {
	max-height: 400px;
    border-radius: 5px;
	background-color: var(--video-background-color);
}

.detailed_post .image_grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.detailed_post .metadata > div {
	display: flex;
	flex-direction: column;
}

.detailed_post .metadata h2,
.detailed_post .links_container h2 {
    /* border-bottom: 1px solid var(--input-border-color); */
	line-height: 1rem;
	margin: 15px 0 10px;
}

.desktop.detailed_post .more_like_this {
    margin: 10px 0 0;
	padding: 10px 0;
}

.event_detailed_post .more_like_this {
	margin-top: 0;
	border: none;
}

.mobile.event_detailed_post .image_grid,
.mobile.course_event_detailed_post .image_grid {
	padding: 0 10px 10px;
}

.detailed_post .more_like_this {
    margin: 15px 0 0;
	padding: 15px 0;
    border-top: 1px solid var(--border-color);
}

.mobile .detailed_post .more_like_this {
	margin: 10px 10px 0;
	padding: 10px 0;
}

.detailed_post .image_grid .img_container {
	border-radius: 10px;
	cursor: pointer;
	height: 180px;
	/* margin-bottom: 10px; */
    background: var(--background-color);
	overflow: hidden;
	position: relative;
	width: 100%;
	border: 1px solid var(--border-color);
}

.mobile .detailed_post .image_grid {
	gap: 10px;
}

.detailed_post .image_grid .img_container .image {
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s;
	/* prevents jitter */
	transform: scale(1.01);
	width: 100%;
    /* border: 1px solid var(--border-color); */
}

.desktop.detailed_post .image_grid .img_container:hover .image {
	transform: scale(1.2);
}

.detailed_post .image_grid .img_container .info > div {
	align-items: baseline;
	box-sizing: border-box;
	color: white;
	display: flex;
	padding: 10px;
}

.detailed_post .image_grid .img_container .info .header {
	background: rgba(0,0,0,0.8);
	height: 58px;
	position: absolute;
	transition: top 0.2s;
	top: 139px;
	width: 100%;
}

.dark_mode .detailed_post .image_grid .img_container .info .header {
	color: var(--foreground-color);
}

.desktop.detailed_post .right_panel {
	width: 100px;
	display: none;
}

.desktop.detailed_post .frame_center {
	/*Accommodates the right panel and allows for centering of the content on detailed pages*/
	/* min-width: calc(100vw - 5%); */
	/*Helps prevent in the odd case that a device with an unusual scale sees a side scroll (not needed ion 90% of cases)*/
	overflow-x: hidden;
}

.detailed_post .image_grid .img_container:hover .info .header,
.mobile .detailed_post .image_grid .img_container .info .header {
	top: calc(180px - 58px);
}

.detailed_post .image_grid .img_container .info .header .title {
	font-size: 0.8em;
	font-weight: 700;
	margin-left: 5px;
	overflow: hidden;
	height: 15px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.detailed_post .image_grid .img_container .info .footer {
	opacity: 0;
	position: absolute;
	transition: opacity 0.2s;
	top: 145px;
	max-width: 100%;
}

.detailed_post .image_grid .img_container:hover .info .footer,
.mobile .detailed_post .image_grid .img_container .info .footer {
	opacity: 1;
}

.detailed_post .image_grid .img_container .info .footer .org_icon {
	height: 11px;
	width: 11px;
	visibility: hidden;
}

.detailed_post .image_grid .img_container .info .footer .org_icon[src] {
	visibility: visible;
}

.detailed_post .image_grid .img_container .info .footer .org_name {
	font-size: 0.7333333333rem;
	margin-left: 0;
	color: white;
}

.detailed_post .content_type_label {
	margin-bottom: -5px;
	margin-top: 10px;
}

.content_type_label {
	color: var(--secondary-text);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.1em;
    text-transform: uppercase;
	display: flex;
	/* align-items: end; */
}

.mobile .detailed_post .content_type_label {
	margin-top: 0;
}

.detailed_post .large_title {
	/* margin: 5px 0px 10px; */
	line-height: 1.2;
    word-wrap: break-word;
    text-wrap: balance;
}

.detailed_post .main_content {
	width: 100%;
	line-height: 1.3;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.detailed_post .link_info {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}

.links_container .links {
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.links_container .links .info > *,
.external_link.item.section .info > *,
.link_add.popup .info > *,
.linked_item_info > * {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height: 1.2;
	overflow: hidden;
    word-break: break-word;
}

.detailed_post .pills .pill {
	/* background-color: var(--light-background-color);
    border-color: var(--border-color);
    color: var(--primary-action-color); */
	line-height: 1;

	background-color: var(--primary-background);
	border: none;
	color: var(--foreground-color);
}

.detailed_post .codes.pills .pill {
    font-size: 1rem;
    font-weight: 700;
	color: var(--foreground-color);
}

.detailed_post .contact_information {
	display: flex;
	flex-shrink: 0;
	width: 35%;
	max-width: 300px;
	gap: 10px;
}

.item.map_location {
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.mobile .detailed_post .contact_information {
	display: flex;
	flex-shrink: 0;
	width: 100%;
	margin-top: 10px;
	max-width: unset;
	gap: 8px;
}

.detailed_post .contact_information .section .value {
	color: var(--primary-action-color);
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.detailed_post .contact_information .section .contact_location {
	cursor: pointer
}

.detailed_post .contact_information .medium_title {
	margin: 0;
}

.detailed_post h3.heading {
	padding-top: 5px;
}

.detailed_post .contact_information .item .label {
	font-size: 0.7333333333rem;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--label-input);
	margin-bottom: 5px;
}

.detailed_post .contact_information .item a {
	word-break: break-word;
	text-decoration: none;
	line-height: 1.5;
}

.detailed_post .contact_information .item a:hover {
	text-decoration: underline;
}

.detailed_post .contact_title {
	padding-bottom: 10px;
	gap: 5px;
}

.detailed_post .contact_information .map_image {
	/* width: 100%; Uncomment when image has enough rez */
	border: 1px solid var(--border-color);
	border-radius: 4px;
	width: 100%;
}

.detailed_post .row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* margin: 10px 0px 0; */
}

.detailed_post .row .likes {
	margin: 0px 0px 0px 10px;
}

.detailed_post .row.social_container .button_container {
    gap: 10px;
}

.mobile.detailed_post .row.social_container .button_container {
    gap: 5px;
}

.detailed_post .separator {
	padding: 0px 10px;
}

.detailed_post .small_images {
	/* display: flex;
	flex-wrap: wrap; */
	gap: 5px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
}

.small_image_container:focus-visible {
    width: 100%;
}

.resource.detailed_post .small_images {
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
}

.small_image_container .video .play_overlay .play.button,
.desktop .small_image_container .video .play_overlay .play.button {
    width: 35px;
    height: 35px;
    font-size: 2rem;
}

.resource.detailed_post .small_images .small_image,
.resource.detailed_post .small_images .video.video_thumbnail {
	background: white;
	box-sizing: border-box;
	cursor: pointer;
	max-height: 140px;
	width: 100%;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    object-fit: cover;
}

.mobile .grid_wrapper {
	margin: 0 10px;
}

.detailed_post .admin .content_panel {
	background: none;
}

.mobile .detail_navigation .notifications_button_wrapper .notifications.button {
	margin-right: 10px;
	background-color: var(--background-color);
}

.mobile .detail_navigation .notifications_button_wrapper .notifications.button .label {
	display: none;
}

/* developer_support.css */

.developer_support.page {
	margin: 20px;
}

.developer_support .developer_support {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	align-items: center;
}

.developer_support .content {
	display: flex;
	flex-direction: column;
	width: 400px;
}

.developer_support.page .center {
	max-width: 700px;
}

.developer_support .content .center.panel {
	max-width: unset !important;
	width: 100%;
}

.developer_support .content .paragraph {
	font-weight: 400;
    line-height: 1.3em;
}

.developer_support .logo {
	width: 200px;
	background-color: white;
}

.developer_support .copyright {
	margin: 0.5em 0;
}

.developer_support .all_rights {
	margin: 0.5em 0;
}

/* discount.css */

.edit_item .code.item.section {
    padding-left: 10px;
    justify-content: space-between;
}

.detailed_post .discount .codes.pills .pill:hover {
    background-color: var(--action-selected-border);
	cursor: pointer;	
}

/* dropdown.css */

select {
	font-size: 0.8666666667rem;
    display: block;
    padding: 8px 4px;
    box-sizing: border-box;
	/* flex-grow: 1; */
    height: 36px;
    font-family: inherit;
    font-weight: 400;
    border: 1px solid var(--input-border-color);
    border-radius: 4px;
    background-color: var(--input-background-color);
    color: var(--foreground-color);
	max-width: 580px;
}

select:focus-visible {
	outline: 2px auto var(--primary-action-color);
}

/* dwim.css */

.dwim {
	display: flex;
	margin: 20px;
	align-items: flex-start;
}

.dwim .area{
	/* margin: 20px; */
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dwim .query {
	height: 150px;
	width: 300px;
	border: 1px solid hsl(198, 45%, 45%);
    border-left: 5px solid hsl(198, 45%, 45%);
	margin: 0 20px 20px 0;
	
}

.dwim .query:focus-visible {
	outline: none;
}

.dwim .button {
	border: 2px solid rgba(0,0,0,0.8);
	width: 99px;
    padding: 6px;
    margin: 3px 0;
	font-size: 14px;
}

.dwim .button:hover {
	color: white;
	background-color: rgba(0,0,0,0.8);
}

.dwim .results{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	background-color: #eee;
}
.dwim .result{
	width: 100px;
	height: 100px;
	/* border: 1px solid rgba(0,0,0,0.5); */
	margin: 20px;
	flex-shrink: 0;
	overflow: hidden;
	background-color: white;
	border-radius: 10px;
	box-shadow: rgb(0 0 0 / 25%) 1px 1px 3px;
}

.dwim .result .title{
	font-size: 13px;
}

/* ,.dwim .table .tr,.dwim .table .td */
.dwim .table{ 
	border: 1px solid hsl(198, 45%, 45%);
	border-collapse: collapse;
	/* border:1; */
	font-size: 13px;
}

.dwim td, .dwim th{ 
	border: 1px solid hsl(198, 45%, 45%);
	padding: 3px;
}

.dwim th{ 
	background-color: hsl(198, 45%, 45%);
	color: white;
	text-transform: capitalize;

}

/* edit_address.css */

.edit_address .instructions {
	margin-bottom: 10px;
}

/* edit_article.css */


.edit_article.page .link_list .link_.list_items {
	display: flex;
    flex-wrap: wrap;
}

.edit_article.page .link_list .title {
	padding: 10px 0;
}

.edit_article.page .title_container  {
	display: flex;
    justify-content: center;
    font-size: 20px;
	margin-bottom: 10px;
}

.edit_article.page .photos_videos .photos_videos_items {
	display: flex;
    flex-wrap: wrap;
}

.edit_article.page .photos_videos .add_more .icon {
	height: 100px;
    width: 100px;
    margin: 0 10px 10px 0;
    cursor: copy;
    border: 2px dashed grey;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.edit_article.page .photos_videos .add_more .input {
	display: none;
}

.edit_article.page .photos_videos .image {
	height: 100px;
    width: auto;
    margin: 0 10px 0 0;
    cursor: not-allowed;
    max-width: 100px;
    object-fit: cover;
    border: 2px solid var(--border-color);
    box-sizing: border-box;
}

.edit_article.page .photos_videos .title { 
	padding: 10px 0;
}

/* edit_date.css */

.edit_date .start_date .clear {
	visibility: hidden;
}

.desktop .date_time.start_date .input.date.input, .desktop .date_time.end_date .input.date.input {
	margin-right: 10px;
}

/* edit_email.css */

.edit_email .instructions {
	margin-bottom: 10px;
}

/* edit_item.css */

.edit_item .popup {
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	/* width: 600px; */
}

/* .edit_item .horizontal.edit {
	margin-bottom: 10px;
} */

.edit_item .horizontal.edit .logo {
	margin-right: 10px;
}

.edit_item .view_edit_history {
	margin-bottom: 10px;
}

/* generalized .input_group into input.css */
/* .edit_item .input_group {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}

.edit_item .input_group .item_title {
	font-size: 0.6666666667rem;
	font-weight: 700;
	margin: 0 0 5px 5px;
	text-transform: uppercase;
} */

.edit_item .organization.avatar {
	margin-right: 10px;
}

.edit_item .horizontal.edit .button .label {
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: normal;
    -webkit-box-orient: vertical;
    text-align: left;
}

.edit_item .body.field .textarea::placeholder {
	font-size: 1.5em;
}

.edit_item .container .section.button {
	margin: 0px;
}

.editbar {
	/* margin-bottom: 10px; */
	color: var(--foreground-color);
	box-sizing: border-box;
}

.editbar .existing_items .add_button {
	flex-grow: 1;
	color: var(--primary-action-color);
}

.editbar .existing_items .item.section.add_button_section {
	padding: 5px;
}

.section.button:hover {
	cursor: pointer;
}
/* 
.editbar:last-child {
    margin-bottom: 10px;
} */

.page .editbar:last-child {
    margin-bottom: 0;
}

.editbar_container {
	/* margin-bottom: 10px; */
	color: var(--foreground-color);
	box-sizing: border-box;
}

.editbar_container,
.editbar {
	max-width: 580px;
}

.button_spacer {
	flex-grow: 1;
}

.item.section .delete.button {
	font-size: 1.5em;
	padding: 8px 10px;
    color: var(--red);
}

.faq.item.section .question {
	font-weight: 700;
	margin-right: 4px;
}

.faq.item.section .question, .faq.item.section .answer {
	line-height: 1.2;
}

.faq.item.section {
	display: block;
}

.faq.item.section .row {
	align-items: baseline;
	display: flex;
	margin-bottom: 20px;
}

.attachment.item.section {
	padding: 0 4px 0 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.attachment.item.section .delete.button {
	align-self: unset;
}

.notification.item.section .delete.button {
	padding: 8px 10px;
}

.external_link.item.section .delete.button {
	padding: 8px 10px;
}

.item.section .edit.button {
	color: var(--primary-action-color);
	margin-right: 30px;
}

.item.section .edit.button:hover {
	opacity: 1;
	text-decoration: underline;
}

.faq.item.section .delete.button {
	position: relative;
	top: -1px;
}

.notification.item.section {
	cursor: pointer;
	display: flex;
    line-height: 1.3;
	gap: 5px;
    min-height: 36px;
    padding: 0 0 0 10px;
}

.notification.item.section.disabled {
    flex-wrap: wrap;
}

.notification.item.section .label {
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    text-align: left;
}

.notification.item.section.disabled .label {
	overflow: initial;
	text-overflow: initial;
	white-space: initial;
}

.notification.item.section .value {
	color: var(--info-text);
	white-space: nowrap;
}

.notification.item.section.disabled {
	cursor: default;
	color: var(--light-foreground-color);
}

.line_clamp_1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line_clamp_3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.notification.item.section > .icon {
	color: var(--accent-color);
}

.notification.item.section .text {
	margin: 0px 3px 0px 10px;
}

.edit_item .progress.section {
	padding: 0px;
	height: 10px;
	background-color: var(--primary-action-color);
}

.edit_item .item .progress,
.org_logo .existing.item .progress {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: 4px;
	appearance: none;
	background-color: var(--primary-action-color);
	-moz-appearance: none;
	-webkit-appearance: none;
	color: var(--primary-action-color);
	border: none;
}

.edit_item .item .progress::-moz-progress-bar,
.org_logo .existing.item .progress::-moz-progress-bar {
	background-color: var(--primary-action-color);
}

.edit_item .item .progress::-webkit-progress-value,
.org_logo .existing.item .progress::-webkit-progress-value {
	background-color: var(--primary-action-color);
}

.edit_item .item.section > .add_icon {
	cursor: pointer;
	padding: 2px 2px 0px 2px;
	margin: 2px 9px 0px 0px;
}

.editbar_container.photos_videos .items.section {
	display: grid;
	border: 1px solid var(--input-border-color);
	border-top: 0;
    gap: 5px;
	width: 100%;
	padding: 4px;
	/* box-sizing: border-box;
	display: flex;
	flex-wrap: wrap; */
    box-sizing: border-box;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    border-radius: 0 0 5px 5px;
}

.editbar_container.photos_videos .items.section.footer_exists {
    border-radius: 0px;
}

.editbar_container.photos_videos .footer {
	border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: var(--input-border-color);
	border-radius: 0 0 5px 5px;
	color: var(--foreground-color);
    padding: 5px;
    /* background: #222; */
    font-size: 0.8rem;
    line-height: normal;
}

.editbar_container.photos_videos .footer .text {
	background: var(--alert-orange);
	padding: 10px;
	border-radius: 5px;
	color: var(--black);
}

.mobile .editbar_container.photos_videos .items.section {
	display: grid; /* Replacing with grid to solve the hard coded pixel counts and flex grow issues */
	column-gap: 5px;
	row-gap: 5px;
	border: 1px solid var(--input-border-color);
	border-top: 0;
	width: 100%;
	box-sizing: border-box;
	grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
}

.editbar_container.photos_videos .items.section .reorder {
	position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    width: 100%;
    display: flex;
    color: white;
    justify-content: space-between;
}

.editbar_container.photos_videos .items.section .reorder > button {
	width: 25px;
    height: 25px;
    padding: 5px;
	box-sizing: border-box;
    background: rgba(0,0,0,0.75);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	margin: 10px;
	cursor: pointer;
}

.editbar_container.photos_videos .items.section > .item:first-child .reorder i:first-child {
	visibility: hidden;
}

.editbar_container.photos_videos .items.section > .item:last-child .reorder i:last-child {
	visibility: hidden;
}

.editbar_container.photos_videos .items.section > .item:only-child .reorder {
	display: none;
}

.editbar_container.photos_videos .existing_items .video .play.button .fa-play {
	padding-top: 2px;
	padding-left: 3px;
	font-size: 0.75rem;
}

.editbar_container.photos_videos .existing_items .photo .view.button {
	position: absolute;
}

/* Repairs the image grid display: grid settings for user/entity pills */
.pills.editbar_container .items.section{
	display: flex;
	flex-wrap: wrap;
    margin: 5px
}

.editbar_container .items.section:empty {
	display: none;
}

.desktop .edit_item .items.section .item.preview {
	position: relative;
	/* width: calc((100% / 3) - 5px); */
	height: 150px;
	/* margin: 2.5px;
	width: calc(580px / 3);
	height: 160px; */
}

.desktop .edit_item.event .items.section .item.preview {
	width: 100%;
}

.mobile .edit_item .items.section .item.preview {
	position: relative;
	width: 100%;
	/* margin: 2.5px; */
	/* width: 165px;
	height: auto;
	flex-grow: 1; */
}

.edit_item .items.section .uploading.item.preview,
.edit_item .items.section .converting.item.preview {
	background-color: var(--primary-background);
	/* border: 1px solid var(--border-color); */
	color: #444444;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
    min-height: 150px;
	position: relative;
}

.uploading_wrapper {
	display: flex;
}

.uploading_wrapper.error {
	color: var(--red);
	justify-content: end;
	width: 50%;
}

.uploading_wrapper.error .error.text {
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.edit_item .items.section .item.preview .image,
.edit_photo_metadata.popup .image {
	width: 100%;
	height: 150px;
    border-radius: 5px;
    /* max-height: 150px; */
    object-fit: cover;
    display: block;
    background: var(--background-color);
    border: 1px solid var(--border-color);
	box-sizing: border-box;
}

.edit_photo_metadata.popup .image {
	width: 180px;
}

.edit_item .items.section .uploading.item.preview .uploading.info {
	position: absolute;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
    min-height: 150px;
}
.uploading_status {
	display: flex;
    background: white;
	position: absolute;
    padding: 10px;
	gap: 5px;
    border-radius: 20px;
}

@keyframes pulse {
	0% {
		transform: rotate(0);
	}
	25% {
		transform: rotate(2deg);
	}
	50% {
		transform: rotate(0);
	}
	75% {
		transform: rotate(-2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.uploading_status.failed {
	animation: pulse 0.1s linear 2;
	color: var(--red);
}

.uploading_status .spinner {
	color: var(--info-text);
}

.edit_item .items.section .item.preview .edit.button {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgba(0,0,0,0.75);
	color: white;
	font-size: 1rem;
	width: 25px;
	height: 25px;
	border-radius: 5px;
	text-align: center;
}

.edit_item .items.section .item.preview .delete.button {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: rgba(0,0,0,0.75);
	color: white;
	font-size: 1rem;
	width: 25px;
	height: 25px;
	border-radius: 5px;
}

.edit_item .items.section .item.photo {
	display: flex;
	align-items: center;
	justify-content: center;
}

 
.edit_item .items.section .item.preview.video {
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	flex-direction: column;
	height: 150px;
    border-radius: 5px;
	object-fit: cover;
}

.edit_item.podcast .items.section .item.preview.video {
	height: 318px;
    border-radius: 0 0 5px 5px;
    /* background: rgba(0,0,0,.1); */
}

.mobile .edit_item.podcast .items.section .item.preview.video {
    height: 200px;
}

.mobile .edit_item .items.section .item.preview.video {
	width: 100%;
}

.edit_item .items.section .item.preview .play,
.edit_item .items.section .item.preview .view,
.edit_item .items.section .item.preview .video.icon {
	font-size: 0.8666666667rem;
	width: 30px;
	height: 30px;
	background-color: rgba(0,0,0,0.75);
	color: white;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.edit_item .items.section .item.preview .converting.icon {
	margin-top: 10px;
	font-size: 24px;
}
.edit_item .audience.button .label {
	max-width: 70px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Submission on GregD Behalf */
.edit_item .item .progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 4px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: var(--primary-action-color, #3a8dde);
    border: none;
}

.edit_item .item .progress::-moz-progress-bar {
    background-color: var(--primary-action-color, #3a8dde);
}

.edit_item .item .progress::-webkit-progress-value {
    background-color: var(--primary-action-color, #3a8dde);
}

.edit_item.article .attachment.item.section a,
.edit_item.post .attachment.item.section a,
.edit_item.event .attachment.item.section a {
	color: var(--primary-action-color);
	text-decoration: none;
}

.edit_item.article .attachment.item.section a:hover,
.edit_item.post .attachment.item.section a:hover,
.edit_item.event .attachment.item.section a:hover {
	text-decoration: underline;
}

.edit_item.popup.post .existing_items.items.section .info {
    display: grid;
    gap: 5px;
}

.edit_item.popup.post,
.edit_item .tools {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.edit_item.popup.post .existing_items.items.section .info .provider {
	font-size: 0.8rem;
    color: var(--light-foreground-color);
}

.edit_item.popup.post .item.section.external_link .title span{
	font-weight: 700;
}

.required.editbar .section > .label::after {
    content: "*";
    color: red;
}

.details.semi_required.editbar .section > .label::after {
    content: "*";
    color: var(--alert-orange, orange);
}

/* 
.editbar_container .item.section .tag_pills {
    background: var(--navbar-background-color);
} */

.editbar_container.tags .item.section {
    background: var(--navbar-background-color);
}

.editbar_container.audience .item.section {
    padding: 0;
}

.external_link.item.section .delete.button {
    /* margin: 0 -1px 0 0; */
	align-self: flex-start;
}

.notification.item.section.disabled {
    padding: 0 10px;
}

.edit_item.popup.post .existing_items.items.section .notification.item.section.disabled {
    padding: 10px;
}

.edit_photo_metadata.popup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}

.edit_photo_metadata.popup .description {
	min-height: 150px;
	width: 100%;
}

/* edit_phone_number.css */

.edit_phone_number .instructions {
	margin-bottom: 10px;
}

/* edit_profile.css */

.edit_profile.subpage {
	max-width: unset !important;
	width: 100%;
}

.edit_profile .row {
	display: flex;
	margin-bottom: 11px;
}

.edit_profile .info.icon {
	color: var(--info-text);
	display: inline-block;
	font-size: 1rem;
	margin: 0 5px;
	display: none;
}

.edit_profile .header {
	display: block !important;
}

.edit_profile .header .description {
	margin: 0;
}

.edit_profile .avatar {
	height: 60px;
	width: 60px;
}

.mobile.edit_profile .avatar {
    height: 60px;
    width: 60px;
}

.edit_profile .profile_name {
	margin: 0;
}

.edit_profile .editor {
	max-width: 580px;
}

.edit_profile .edit_name.button {
	color: var(--primary-action-color);
	margin: 0 3px;
}

.edit_profile .edit_name.button:hover {
	text-decoration: underline;
}

.edit_profile .profile_header {
	margin-bottom: 15px;
}

.edit_profile .profile_header .column {
	margin-left: 15px;
}

.edit_profile .profile_header, .edit_profile .profile_header .names {
	align-items: center;
	display: flex;
}

.edit_profile .profile_header .names {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 7px;
}

.edit_profile .profile_header .names .full_name {
	color: var(--info-text);
}

.edit_profile .profile_header .names .separator {
	color: var(--info-text);
	margin: 0 5px;
}

.edit_profile .profile_header .email_display {
	color: var(--info-text);
	display: inline-block;
	font-size: 0.8666666667rem;
}

.edit_profile .user_name {
	color: var(--foreground-color);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.edit_profile .is_default {
	font-size: 0.8666666667rem;
	margin-bottom: 17px;
}

.edit_profile .display_name.label {
	display: inline-block;
	font-size: 0.6666666667rem;
	font-weight: 700;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.edit_profile .contact.input, .edit_profile textarea {
	background-color: var(--input-background-color);
	width: 100%;
}

.edit_profile .editor p {
	font-size: 0.866667em;
	line-height: 1.3rem;
}

.edit_profile .contact_row {
	align-items: center;
	display: flex;
	margin-bottom: 5px;
	width: 100%;
}

.edit_profile .contact_row .icon {
	font-size: 1rem;
	font-weight: 900;
	margin-right: 10px;
}

/* .edit_profile .contact_row .contact.input {
	margin: 0 0 0 12px;
} */

.edit_profile .org_listing {
	align-items: center;
	display: flex;
	padding: 2px 8px 14px 8px;
}

.edit_profile .org_listing .org_avatar {
	align-items: center;
	background-color: var(--primary-action-color);
    background-position: center center;
    background-size: cover;
    border-radius: 100%;
    color: var(--background-color);
    display: flex;
    font-size: 1.2rem;
    font-weight: 700;
    justify-content: center;
	margin-right: 11px;
    object-fit: cover;
    text-align: center;
    height: 36px;
    width: 36px;
}

.edit_profile .org_listing .org_name {
	font-size: 1.06rem;
	font-weight: 700;
	margin-bottom: 5px;
}

.edit_profile .org_listing .org_roles {
	font-size: 0.6666666667rem;
}

.edit_profile .org_listing .column {
	flex-grow: 1;
}

.edit_profile .org_listing .status {
	font-size: 0.6666666667rem;
	margin-right: 10px;
}

.edit_profile .delete.button {
	/* background-color: var(--red); */
	background-color: var(--button-red);
	color: white;
}

.edit_profile .title_section .basic.button {
    align-self: flex-start;
}

.edit_profile .footer {
	align-items: center;
	background-color: var(--primary-background);
	border-top: 1px solid var(--border-color);
	bottom: 0;
	display: flex;
	left: var(--left-panel-width);
	padding: 15px;
	position: fixed;
	width: 100%;
	/* z-index: 1; */
}

.edit_profile .footer .button {
	margin-right: 15px;
    min-width: 120px;
}

.edit_profile .footer .cancel.button {
	background-color: var(--secondary-background);
}

.edit_profile .footer .disabled.save.button {
	background-color: var(--disabled-button-bg);
	color: var(--disabled-button-color);
}

.edit_profile .footer .disabled.save.button:hover {
	filter: initial;
}

.edit_profile .footer .number_of_changes {
	font-size: 0.8666666667rem;
	margin-left: 7px;
}

.avatar_wrapper {
	position:absolute;
}

.edit_profile .settings_text_input input {
	background-color: var(--input-background-color);
}

.change_password .email {
	display: none;
}

.change_password .submit {
	display: none;
}

.edit_profile.settings_panel .page .settings_section {
	padding-bottom: 15px;
}

/* edit_repeat.css */

.edit_repeat .input.date {
	flex-grow: initial;
}

.edit_repeat .input.number {
	flex-grow: initial;
	width: 5em;
}

.edit_repeat .after.radio .number.input{
	margin: 0px 5px 0px 10px;
}

.edit_repeat .on.radio .label{
	margin-right: 10px;
}

.edit_repeat .repeats_every .value_row .number {
	margin: 0px 10px 0px 10px;	
}

.ends.question .radio .wrapper {
    align-items: center;
}

.edit_repeat .repeats_on_day select {
	margin-right: 10px;
}

.edit_repeat .repeats_on_weekdays .display_input {
	border: none;
    margin-right: 5px;
	padding: 0;
    background-color: var(--input-background-color);
    font-size: 13px;
    height: 29px;
    width: 29px;
    color: var(--weekday-label);
}

.edit_repeat .repeats_on_weekdays input[type=checkbox]:focus-visible + .display_input {
	width: 29px;
}

.edit_repeat select {
	flex-grow: initial;
}

.edit_repeat .value_row {
	align-items: center;
}

/* edit_website.css */

.edit_website .instructions {
	margin-bottom: 10px;
}

/* editable_names.css */

.editable_names .name_item {
	margin-bottom: 5px;
}

.editable_names .name_item .horizontal {
	align-items: center;
}

.editable_names .name_item .input {
	flex-grow: 1;
	margin: 0 5px;
}

/* email_blast.css */

.email_blast .email_audience_item {
	margin: 20px 0;
	display: flex;
	/* justify-content: space-between; */
	/* width: 110%; */
}

.email_blast .email_audience_item .organization_header {
	flex-grow: 1;
}

.email_blast .email_content {
	margin: 10px 0;
	width: 600px;
}

/* email_report.css */

.email_report tr {
	padding: 5px;
}

.email_report th,
.email_report td {
	text-align: left;
	padding: 5px;
	border: 1px solid var(--border-color);
}


/* email.css */

/* .email {
	width:100%;
	box-sizing: border-box;
} */

/* endorse.css */

.endorse.popup {
	display: flex;
	flex-direction: column;
}

.recommend_for_work.popup, 
.topic_accuracy.popup, 
.detail_accuracy.popup {
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.interactions.popup .endorsement_list_item button {
	background-color: var(--input-background-color);
	border: 1px solid var(--input-border-color);
	color: var(--foreground-color);
}

/* Endorsement categories */
.endorsement_list_title {
	padding-bottom: 10px;
    margin: 5px 0 0;
}

.endorsement_type_list .endorsement_type_item {
	margin-bottom: 10px;
}

.endorsement_type_list .endorsement_type_item .endorse-button {
	align-items: center;
	background: var(--input-background-color);
	border: 1px solid var(--input-border-color);
	border-radius: 5px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	font-size: 0.87rem;
	justify-content: space-between;
	padding: 10px;
	width: 100%;
}

.endorsement_type_list .endorsement_type_item .icon {
	padding: 6px 8px;
	width: fit-content;
}

.endorsement_type_list .endorsement_type_item button h4 {
	color: var(--foreground-color);
}

.endorsement_type_list .endorsement_type_item p {
	line-height: 1rem;
	padding: 0;
}

.endorsement_type_list .endorsement_type_item button .vertical {
	align-items: flex-start;
	text-align: left;
	gap: 5px;
}


/* Endorsement List */
.endorsement_list {
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.endorsement_list .endorsement_list_item {
	border-bottom: 1px solid var(--border-color);
	box-sizing: border-box;
	padding-bottom: 10px;
	display: flex;
}

.endorsement_list .endorsement_list_item h4 {
	margin-bottom: 5px;
}

.endorsement_list .endorsement_list_item .vertical {
	width: 100%;
}

.endorsement_list .endorsement_list_item p {
	color: var(--info-text);
	font-size: 0.86666667rem;
	padding: 0;
}

.endorsement_list .endorsement_list_item button:hover {
	background: var(--light-background-color);
}

.detailed_post .endorsement_list .endorsement_list_item {
	padding-bottom: 10px;
}

.endorsement_title {
	font-weight: 700;
	margin-bottom: 5px;
}

.endorse_controls {
	max-width: 120px;
}

/* Interaction Tile */
.interaction_tile_list {
	display: flex;
	gap: 10px;
}

.interaction_tile_list .interaction_tile {
	border: 1px solid var(--border-color);
    background: var(--light-background-color);
	border-radius: 5px;
	box-sizing: border-box;
	flex-grow: 1;
	padding: 9px;
}

.interaction_tile .header {
	align-items: center;
	display: flex;
	font-size: 0.8rem;
	gap: 5px;
	height: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.interaction_tile .header h4 {
	font-size: 0.8rem;
	margin: 0;
}

.interaction_tile .number {
	color: var(--primary-action-color);
	font-size: 0.9375rem;
	font-weight: bold;
}


/* Orgs who shared */
.orgs_who_shared .no_shares {
	line-height: 1.5rem;
	padding: 0 0 10px;
}


.org_list_item {
	align-items: center;
	cursor: pointer;
	justify-content: space-between;
    padding-bottom: 10px;
}

.org_list_item:hover h4 {
	text-decoration: underline;
	color: var(--primary-action-color);
}

.org_list_item h4 {
	color: var(--foreground-color);
}

.org_list_item .org_type {
	color: var(--light-foreground-color);
	font-size: 0.8rem;
}

.org_list_item .vertical {
	flex-grow: 1;
}

.org_list_item .avatar {
	margin-right: 10px;
}

.org_list_item .primary.basic.button:hover {
	background: var(--light-background-color) !important;
}

.org_list_item .primary.basic.button.followed {
	background: var(--basic-button-background);
	border-color: var(--input-border-color);
	color: var(--foreground-color);
}

/* Misc */
.no_tags_message {
	color: var(--foreground-color);
	font-size: 1rem;
	padding: 10px 0;
}

.endorsement_list .endorsement_list_item button.endorsed:before {
    content: "\f058";
    font-family: 'FontAwesome';
}

.endorsement_list button {
    align-self: flex-end;
}

/* event_add_edit.css */

.event_add_edit.popup .field > .label > .icon {
	margin-right: 5px;
}

/* event_detailed_post.css */

.event_detailed_post .image_header.container {
	height: 450px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	padding: 0;
	margin: 0;
}


.mobile.event_detailed_post .image_header.container {
	height: 215px;
}

.mobile.event_detailed_post .image_header.container {
	margin-top: 56px;
}

.event_detailed_post .image_header.container .event_title {
	align-items: flex-start;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75));	color: white;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	gap: 10px;
	padding: 105px 15px 15px 15px;
}

.event_detailed_post .image_header.container .event_title a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.event_detailed_post .image_header.container .event_title a:hover {
	color: white;
	cursor: pointer;
	text-decoration: underline;
}

.event_detailed_post_wrapper .content_loaded_wrapper.loaded {
	gap: 10px;
}

.mobile .event_detailed_post_wrapper .content_loaded_wrapper.loaded {
	gap: 0;
}

.mobile.event_detailed_post .image_header.container .event_title {
    padding: 15px;
}

.desktop.event_detailed_post .detail_navigation {
	padding: 10px 5px;
    margin-bottom: 5px;
    /* cursor: pointer;
    color: var(--primary-action-color); */
}

.event_detailed_post .detail_navigation .back_button {
	margin-right: 10px;
}

.event_detailed_post .event_title .icon {
	font-size: 1.2em;
	margin-right: 10px;
}

.event_detailed_post .detailed_post .large_title {
	margin: 0;
	font-size: 1.5rem;
    letter-spacing: -0.02rem;
    /* text-shadow: 0.25rem 0.25rem rgb(0 0 0 / 50%); */
}

.mobile.event_detailed_post .detailed_post .large_title {
    font-size: 1.3333333333rem;
}

.availability_row.container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.desktop .availability_row.container {
	/* align-items: flex-start; */
    justify-content: space-between;
}

.desktop .horizontal.attendance_controls .basic.button {
    flex-grow: 1;
}

.availability_row.container .availability_description {
	flex-grow: 1;
	display: flex;
	align-items: center;
	margin: 0;
}

.mobile .availability_row.container .availability_description {
	font-size: 0.8rem;
	flex-direction: column;
}

.mobile .availability_row.container {
	flex-wrap: wrap;
	gap: 15px;
	flex-direction: column;
    border-bottom: 1px solid var(--soft-border-color);
}

.availability_row.container > .horizontal {
	gap: 10px;
}

.mobile .availability_row.container.horizontal {
    flex-direction: column;	
	flex-grow: 1;
}

.desktop .availability_row .attendance_controls.horizontal {
	flex-wrap: wrap;
	/* flex-grow: 1; */
}

.mobile .attendance_controls.horizontal {
    flex-direction: row;
	width: 100%;
	gap: 10px;
}

@media only screen and (max-width: 350px) {
	.mobile .attendance_controls.horizontal {
		flex-wrap: wrap;
	}
}

.mobile .attendance_controls.horizontal .basic.button {
	width: 100%;
    min-width: auto;
}

.event_detailed_post_wrapper .container {
	padding: 10px;
	gap: 10px;
}

.event_detailed_post .main_content.container {
	flex-grow: 2;
	width: auto;
	margin: 0;
}

.event_detailed_post .event_detailed_column {
	flex-grow: 1;
	width: 100%;
}

.event_detailed_post .main_content .title_row {
	align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.event_detailed_post .main_content .title {
	flex-grow: 1;
}

.event_detailed_post .main_content .options.button {
	background-color: var(--primary-background);
	border: 1px solid var(--border-color);
	border-radius: 100%;
	width: 1rem;
	height: 1rem;
}

.event_detailed_post .content_container {
	align-items: flex-start;
	gap: 10px;
}

.mobile.event_detailed_post .content_container {
	flex-direction: column;
	gap: 10px;
}

.mobile.event_detailed_post .event_detailed_column,
.mobile.event_detailed_post .recurring_times.container {
	width: 100%;
}

.event_detailed_post .event_details .detail {
	display: flex;
	font-size: 1rem;
	gap: 10px;
	/* flex-wrap: wrap; */
}

.event_detailed_post .event_details .map.detail {
	flex-wrap: wrap;
}

.event_detailed_column .event_details {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.event_detailed_post .detail .icon {
	width: 1.5em;
    color: var(--light-foreground-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.event_detailed_post .meeting_link a,
.event_detailed_post .registration_link a {
	color: var(--primary-action-color);
	text-decoration: none;
}

.event_detailed_post .links_wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 5px;
}

.event_detailed_post .description.markdown {
	line-height: 1.3;
	margin-bottom: 0;
}

.event_detailed_post .description.markdown:last-child {
    margin-bottom: 0;
	padding-bottom: 0;
}

.event_detailed_post .attachments.detail,
.event_detailed_post .categories.detail {
	flex-direction: column;
}

.event_detailed_post .pills.horizontal {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	width: 100%;
}

.event_detailed_post .pills.horizontal button {
	border: 1px solid var(--border-color);
	background-color: var(--tag-background);
	border-radius: 5px;
	font-size: 0.8rem;
	/* font-weight: 700; */
	padding: 4px 6px;
	cursor: pointer;
}

.event_detailed_post .pills {
	margin: 0;
}

.event_detailed_post .pills.horizontal.attachments * {
	font-size: 0.866rem;
}

.event_detailed_post .pills.horizontal.attachments button {
	display: flex;
	padding: 8px;
}

.event_detailed_post .pills.horizontal .attachment .label {
	color: var(--primary-action-color);
	font-weight: 400;
	text-decoration: none;
}

.event_detailed_post .categories.pills.horizontal {
	margin: 0;
	padding: 0;
}

.event_detailed_post .subtitle {
	font-size: 0.8rem;
}

.event_detailed_post .recurring_times.container {
	flex-grow: 0;
	flex-shrink: 0;
	width: 300px;
}

.recurring_times ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.event_detailed_post .recurring_times.container li:not(:first-child) {
	border-top: 1px solid var(--border-color);
}

.event_detailed_post .recurring_times.container .horizontal {
	gap: 10px;
}

.event_detailed_post .recurring_times.container .horizontal.attending_status .basic.button {
	width: 100%;
}

.event_detailed_post .recurring_times.container li h3 {
    font-size: 1rem;
    color: var(--light-foreground-color);
	line-height: 1.3;
}

.event_detailed_post .recurring_times.container li .date {
	color: var(--light-foreground-color);
	font-size: 0.866667rem;
    line-height: 1.3;
}

.event_detailed_post .recurring_times.container li a {
	color: var(--primary-action-color);
	flex-shrink: 0;
	font-size: 0.8666666667rem;
	text-decoration: none;
}

.event_detailed_post .right_panel {
	display: none;
}

.event_detailed_post_wrapper {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	max-width: 900px;
	width: 100%;
}

.event_detailed_post .contact_header .info {
	display: none;
}

.event_detailed_post .event_stats.popup .contact_header .info {
	display: flex;
}

.admin .content_panel .event_detailed_post {
	background: var(--primary-background);
}

/* .event_detailed_post_wrapper .share.icon.button .icon {
    color: var(--foreground-color);
} */

.event_detailed_post .detailed_post .organization_header {
    margin-bottom: 0;
}

.event_details.editbar .label::after {
    content: "*";
    color: red;
}

.event_details.editbar .section {
	cursor: default;
}

.detailed_post_details_wrapper,
.detailed_post_title_wrapper {
    flex-direction: row;
    display: flex;
}

.detailed_post_title_wrapper {
	padding-bottom: 5px;
}

.event_detailed_post .share.button,
.event_detailed_post .options.button,
.event_detailed_post .options.button:hover {
	border-radius: 5px;
    box-sizing: border-box;
	height: 36px;
    width: 36px;
}

/* events_beta.css */

/*-------------------*/
/* CONTENT CARD      */
/*-------------------*/

/* events_shared_admin.css */

.events_shared_admin .search_options {
	display: flex;
}

.desktop .events_shared_admin h1.title {
    font-size: 2rem;
}

.events_shared_admin.page .thumbnail .event_info {
	margin: 10px 0 0 0;
	padding: 10px;
	border-top: 1px solid var(--border-color);
	align-items: center;
}

.events_shared_admin.page .thumbnail .event_info .icon {
	margin-right: 5px;
	font-size: 1.2em;
}

.events_shared_admin.page .thumbnail .event_info .dates {
	font-size: 0.866666667rem;
}

.events_shared_admin .today {
    background-color: var(--red);
    color: white;
    font-weight: 700;
    padding: 5px 7px;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 10px;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
	margin-left: 10px;
}

.events_shared_admin .date_container {
	display: flex;
	align-items: center;
}

.mobile .events_shared_admin .horizontal.search_row .search.bar {
	max-width: 100%;
}

.events_shared_admin .horizontal.search_row .search.bar ~ .basic.button {
	font-size: 0.8666667rem;
	font-weight: 700;
	height: 32px;
	/* background-color: var(--background-color); */
}

.events_shared_admin .horizontal.search_row .search.bar ~ .basic.button .icon {
	margin: 0;
}

.events_shared_admin .horizontal.search_row .view_selectors.horizontal {
	margin-left: auto;
	margin-right: -5px;
}

.events_shared_admin .horizontal.search_row .view_selectors.horizontal .view.label {
	align-items: center;
	display: flex;
	font-size: 0.8666666667rem;
	padding: 7px;
}

.events_shared_admin .horizontal.search_row .view_selectors.horizontal .icon {
	color: #CECECE;
}

.events_shared_admin .search.bar .filter.button {
	display: none;
}

.events_shared_admin .thumbnail {
	/* height: 330px; */
	width: unset;
}

/* .mobile .events_shared_admin .thumbnail {
	border-radius: 0;
	border-left: none;
	border-right: none;
} */

.desktop .events_shared_admin .thumbnail:hover {
    filter: var(--button-hover-brightness);
}

.events_shared_admin .thumbnails_view {
	grid-gap: 10px;
}

.events_shared_admin .thumbnail > .image {
	display:none;
}

.events_shared_admin .thumbnails_view .thumbnail > .body .description {
	display: block;
}

.events_shared_admin .thumbnail .link {
	width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	text-decoration: none;
	color: var(--primary-button-background);
	margin: 5px 0 0 0;
}

.events_shared_admin .thumbnail .subtitle {
	color: var(--info-text);
	font-size: 0.8666666667rem;
	font-weight: 700;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.events_shared_admin .thumbnail .horizontal.shared {
	background-color: var(--active-background);
	border-radius: 5px;
	color: var(--foreground-color);
	display: flex;
	font-size: 0.73rem;
	font-weight: 700;
	justify-content: center;
	position: unset;
	text-align: center;
	margin-top: 3px;
}

.events_shared_admin .thumbnail .horizontal.shared .text {
	text-transform: none;
}

.events_shared_admin .thumbnail .horizontal.shared .icon {
	color: var(--primary-action-color);
}

body.peer_connect.event_detailed_post .admin .content_panel {
    background-color: var(--primary-background);
}

.mobile.peer_connect.event_detailed_post .admin .content_panel {
    padding: 0;
}

/*
.event_detailed_post .admin .availability_row.container .availability_description .event_available, 
.event_detailed_post .admin .availability_row.container .availability_description .organization_header, 
.event_detailed_post .admin .availability_row.container .interested.button,
.event_detailed_post .admin .availability_row.container .going.button, 
.event_detailed_post .admin .availability_row.container .reminder_dropdown { 
    visibility: hidden;
	display: none;
}
*/

.mobile .event_detailed_post_wrapper .container  {
	margin: 0;
	gap: 10px;
}

.mobile .event_detailed_post_wrapper .detailed_post .more_like_this {
	margin: 0 10px;
}

.mobile.events_admin .admin .content_panel {
	padding: 0;
}

/* .mobile.events_admin .admin .thumbnail .image {
	border-radius: 0;
} */

.events_shared_admin.page.admin {
    gap: 10px;
}

.events_shared_admin.page.admin .search_row_spacer {
	display: none;
}

.mobile.events_admin .events_shared_admin.page.admin .search_row_spacer {
	display: flex;
}

.events_shared_admin.page.admin .content_loaded_wrapper.loaded {
	margin-top: 10px;
}

.events_shared_admin .card {
    /* height: 330px; */
    /* width: 320px; */
    cursor: pointer;
    box-shadow: var(--popup-box-shadow);
    box-sizing: border-box;
}

.mobile .events_shared_admin .active_filter_list {
	padding: 0;
}

/* events.css */

/* .mobile .events.page {
	margin-top: var(--mobile-search-and-filter-height);
} */



.events .content_loaded_wrapper.loaded {
    margin: 25px 0 0;
}

.desktop.events .content_panel {
	/* background-color: var(--background-color); */
	padding: 0 15px;
}

.mobile .events.page .filter.button {
	padding: 10px;
    border-radius: 0;
    border: none;
	/* width: 4rem; */
}

.mobile.events .content_loaded_wrapper.loaded {
    gap: 0;
	margin: 0;
}

.admin .controls.vertical .horizontal.search_row {
    margin-bottom: 0;
	grid-column-gap: 10px;
}

.mobile .events.page .filter.button .label {
	display: none;
}

/* .mobile .events.page .add_item {
	margin: 0px 0px 10px 0px;
} */

.desktop .events.page .card_grid {
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.events.page.list_view {
	height: 100%;
}


.events.page .card .image_container {
	height: 168px;
}


.mobile .events.page .card .image_container {
	height: 200px;
}

.events.page .today {
    background-color: var(--red);
    color: white;
    font-weight: 700;
    padding: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 10px;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
	margin-left: 10px;
	font-size: 0.7rem;
    align-self: flex-end;
}

.events.page .date_container {
	display: flex;
	align-items: center;
    /* min-height: 21px; */
}

.mobile .events.page .content_type_label {
    margin: 15px 10px 0;
}

.mobile.events .card_grid {
	padding: 0 10px 10px;
}

.events.list_view {
	box-sizing: border-box;
}

.events .card {
	/* height: 330px; */
	/* width: 320px; */
	cursor: pointer;
    box-shadow: var(--popup-box-shadow);
	box-sizing: border-box;
}

.mobile .events .card {
	width: unset;
}

.events .right_panel {
	/* display: none; */
}

.events .sort_bar {
	align-items: center;
	margin: 15px 0;
}

.events .sort_bar .line {
	flex-grow: 1;
	height: 0px;
	border-bottom: 3px solid var(--border-color);
}

.events .sort_bar .sort_by.label {
	margin-left: 15px;
}

.events .sort_bar .selected_sort .label {
	font-weight: 600;
}
/*
.events .card_footer:nth-child(1) {
	margin-right: 10px;
} */

.events .post .event.line {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.events .post .event.line span {
	margin: 0 0.125em;
	font-weight: 400;
}

/* .events .post .event.range {
	display: flex;
	flex-grow: 1;
} */

.events .post .event.range .event.label {
	margin-left: 5px;
}

.events .post .remind_me.button {
    font-size: 12px;
    background-color: var(--primary-action-color);
    color: white;
    text-transform: uppercase;
}

.edit_item.event .event_details {
	cursor: default;
}

.edit_event_date_details .ends.section .valid_message {
	margin: 5px 0px 10px 0px;
}

.edit_item.event .event_details .add_icon,
.edit_event_date_details.popup .event_details .add_icon {
	display: none;
}

.edit_item.event .event_details.editbar .item.section .caret.icon,
.edit_event_date_details.popup .event_details.editbar .item.section .caret.icon {
	margin-left: auto;
	font-size: 1.2em;
}

.edit_item.event .event_details.editbar .item.section,
.edit_event_date_details.popup .event_details.editbar .item.section {
	cursor: pointer;
	padding: 10px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 15px;
	gap: 5px;
}

.edit_item.event .event_details.editbar .item.section .content,
.edit_event_date_details.popup .event_details.editbar .item.section .content,
.edit_item.event .event_date_details.editbar .item.section .content {
	color: var(--primary-action-color);
	/* margin-left: 0.4em; */
	flex-grow: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.2;
}

.edit_item.event .event_date_details .item.section .label {
	white-space: nowrap;
}

.edit_item.event .event_details.editbar .item.section .heading.required:after,
.edit_event_date_details.popup .event_details.editbar .item.section .heading.required:after {
	color: red;
    content: '*';
    margin-left: 0.1rem;
    font-size: 0.8rem;
    line-height: 0.65rem;
}

.edit_item.event .event_details.editbar .item.section .heading.semi_required:after,
.edit_event_date_details.popup .event_details.editbar .item.section .heading.semi_required:after {
	color: var(--alert-orange, orange);
	content: '*';
	margin-left: 0.1rem;
	font-size: 0.8rem;
	line-height: 0.65rem;
}

.edit_event_date_details.popup .dates_wrapper {
	gap: 10px;
}

.edit_item.event .event_details .item.section .link {
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.edit_item.event .event_details .item.section .link > span {
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	padding-right: 5px;
}

.edit_item.event .event_details .item.section .link > .icon {
	margin-right: 10px;
}

.event_detailed_post .detailed_post .counter_container {
    margin: 0;
}

.event_detailed_post .availability_description .alert_panel.warning {
	margin: 0px;
	padding: 8px;
}

.event_detailed_post .availability_description .alert_panel.warning .message {
	font-size: 1rem;
}

.event_detailed_post .date_container {
	display: flex;
    align-items: center;
    min-height: 21px;
}

.event_detailed_post .date_container .today {
	background-color: var(--red);
    color: white;
    font-weight: 700;
    padding: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 10px;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    margin-left: 10px;
    font-size: 0.7rem;
}

.events_additional {
	width: 100%;
}

.mobile.event_detailed_post .events_additional {
	width: 100%;
}

.events .search_filter_view_bar {
	max-width: 2200px;
    width: 100%;
    align-self: center;
}

.mobile .events .card:first-of-type {
    margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
	.event_detailed_post .content_container.horizontal {
		flex-direction: column;
	}
}

@media only screen and (min-width: 1024px) {
	.events_additional {
		max-width: 300px;
	}
}

@media only screen and (max-width: 1024px) {
	.event_detailed_post_wrapper .content_container.horizontal {
		flex-direction: column;
	}
	.event_detailed_post .recurring_times.container {
		margin: 0;
		width: 100%;
	}
}

.mobile.events .card .title {
	font-weight: 700;
}

.events .search_filter_view_bar .horizontal.search_row  {
	margin-bottom: 0;
}

.events .horizontal.active_filter_list {
    margin: 10px 0 0;
	padding: 0;
}

.mobile .events .horizontal.active_filter_list {
	margin: 0;
}

.popup .editbar_container.cover_photo .existing_items.items.section.photos_videos {
	padding: 0;
}

.event.popup .existing_items.items.section {
    grid-template-columns: repeat(1, 1fr);
	border-radius: 0 0 5px 5px;
	border: none;
	padding: 0;
}

.edit_item.popup.event .items.section .item.preview,
.edit_item.popup.event .items.section .item.preview .image {
    border-radius: 0 0 5px 5px;
}

.events.page .search_options {
	display: flex;
}

.event_date_details .item.section {
	cursor: pointer;
	gap: 5px;
}

.edit_event_date_details .repeat_message i {
	color: var(--alert-orange);
}

.edit_event_date_details .date.input_group {
	width: 100%;
}

.edit_event_date_details .date.input_group input {
	max-width: 285px;
}

.events .card .body {
    justify-content: space-between;
}

.mobile.events .card .body {
    border-radius: var(--content-card-border-radius);
}

.mobile .edit_item .cover_photo .items.section .item.preview,
.mobile .edit_item .cover_photo .items.section .item.preview .image {
    max-height: 180px;
}

.desktop .edit_item .cover_photo .items.section .item.preview,
.desktop .edit_item .cover_photo .items.section .item.preview .image {
    height: 210px;
    border-radius: 0 0 5px 5px;
}

.event_detailed_post_wrapper.detailed_post .reminder_dropdown {
	color: var(--primary-action-color);
    background: var(--light-primary-color);
    border: 1px solid var(--unread-notification-color);
}

.event_details_items {
	gap: 10px;
	display: flex;
	flex-direction: column;
	padding-top: 10px;
}

.event_details_items .detail {
	color: var(--light-foreground-color);
    font-size: 0.866667rem;
}

/* .event_details_items > .horizontal > * {
	flex-grow: 1;
} */

.edit_event_date_details.popup .event_details.editbar .item.section a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.desktop.events .top_content_section .title {
    margin: 15px 0 0 0;
    font-size: 2rem;
}

.mobile .events.page .breadcrumb_nav {
	padding: 10px 10px 0 10px;
}

/* .mobile .events.page .add_item.container {
	padding: 0 10px 10px 10px;
} */

.mobile .events.page .pill_bar {
	padding: 10px 0;
}

.mobile.org_profile .events.page .add_item.container {
    padding-top: 10px;
}

/* events2.css */

.events2 .calendar {
	justify-self: center;
}

.events2 .calendar .weeks {
	width: 300px;
	height: 200px;
	background-color: var(--background-color);
}

.events2 .calendar .week {
	border-bottom: 1px solid var(--border-color);
	height: 20%;
	box-sizing: border-box;
}

.events2 .calendar .day {
	vertical-align: top;
	display: inline-block;
	border-left: 1px solid var(--border-color);
	width: 14.2857%;
	height: 100%;
	box-sizing: border-box;
}

.events2 .top.section,
.events2 .bottom.section {
	display: flex;
}

.events2 .current,
.events2 .upcoming {
	flex-grow: 1;
	margin-right: 20px;
}

.events2 .recent {
	flex-grow: 1;
}

/* external_role_add_edit.css */

/* .external_role_add_edit.popup {
}
 */



/* external_user_import.css */

.external_user_import.popup .step > .title {
	text-align: center;
	margin-bottom: 10px;
}

.external_user_import.popup .step {
	margin-bottom: 20px;
}

.external_user_import.popup .csv_format_title {
	font-weight: 700;
	margin-bottom: 5px;
}

.external_user_import.popup .csv_format_example {
    font-size: 0.8em;
    margin: 10px 0;
    color: var(--light-foreground-color);
    background-color: var(--border-color);
    padding: 5px 10px 10px;
    border-radius: 3px;
}





/* faq.css */

.ask_faq_question, .answer_question {
    background-color: var(--background-color);
    color: var(--foreground-color);
}



.ask_faq_question .question,.answer_question .question {
	background-color: var(--background-color);
	border-radius: 3px;
	border: 1px solid var(--input-border-color);
	box-sizing: border-box;
	color: var(--foreground-color);
	height: 200px;
	padding: 10px;
	width: 100%;
}

.ask_faq_question .title, .answer_question .title {
	display: flex;
    justify-content: center;
    margin: 0px 0px 20px;
}

.faqs.page .buttons .send_button {
    background-color: var(--primary-button-background);
	color: white;
}

.mobile.org_profile .faqs.page .search_row {
	padding: 10px 0;
	box-shadow: none;
}

.mobile.org_profile .faqs.page .search_row .search_options {
	display: none;
}

.faq.widget {
	display:flex;
	align-items:center;
	padding:5px;
	margin: 5px 0 10px;
	background-color:var(--border-color);
}

.faq.widget .question {
	padding: 10px;
	width: 200px;
	height: 50px;
	margin: 0 10px 0 0;
	border: 1px solid var(--input-border-color);
	border-radius: 3px;
	box-sizing: border-box;
	background-color: var(--background-color);
	color: var(--foreground-color);
	font-size: 1rem;
}

.faq.widget .answer {
	padding: 10px;
	width: 200px;
	flex-grow: 1;
	height: 50px;
	margin: 0 10px 0 0;
	border: 1px solid var(--input-border-color);
	border-radius: 3px;
	box-sizing: border-box;
	background-color: var(--background-color);
	color: var(--foreground-color);
	font-size: 1rem;
}

.tiny_text {
	font-size: 0.7rem;
	margin: 9px 0 3px;
}

.q_and_a .link {
	border: none;
	margin-right: 5px;
	padding: 0;
}

.q_and_a .link .label {
	margin: 0;
}

.q_and_a .question_icon, .q_and_a .answer_icon {
	margin-right: 8px;
	margin-top: 2px;
	margin-left: 5px;
}

.q_and_a .question_links, .q_and_a .answer_links {
	margin-left: -4px;
	margin-top: 5px;
}

.q_and_a .delete.link .label {
	color: var(--red);
}

.faqs.page .search.bar {
	margin-right: unset;
	/* max-width: 580px; */
}

/* faqs_edit.css */

.faqs_edit .faq_edit {
	margin-bottom: 5px;;
}

.faqs_edit .faq_edit textarea {
	width: 200px;
	height: 50px;
}

.faqs_edit .faq_edit .horizontal {
	align-items: center;
}

.faqs_edit .faq_edit textarea {
	margin-right: 10px;
}

.faqs_edit .add.button {
	margin-top: 5px;
}

/* faqs.css */

.faqs_list {
	padding: 15px 0 0;
    border-top: 1px solid var(--contained-border-color);
    margin-top: 0;
}

.faqs.page .add_item {
	padding: 0px;
}

.faqs.page em {
	font-weight: 700;
}

.faqs.page .faqs_top_section .avatar, .incident_form .incident_form_top_section .avatar {
	margin-left: 10px;
}


.faqs.page .faqs_top_section, .incident_form .incident_form_top_section {
	display: flex;
	align-items: center;
}

.faqs.page .question_section button, .faqs_info.popup .question_section button {
	border: none;
    padding: 0;
	min-width: initial;
	font-weight: 400;
    height: auto;
}

.faqs.page .question_section button .label, .faqs_info.popup .question_section button .label {
	font-size: 0.73333rem;
	/* letter-spacing: 0.01rem; */
	padding: 5px;
	width: auto;
}

.faqs.page .faqs_container {
	display: flex;
    flex-direction: column;
	gap: 10px;
	border-radius: 10px;
    background-color: var(--background-color);
    box-shadow: var(--popup-box-shadow);
    padding: 15px;
    color: var(--foreground-color);
    /* max-width: 700px; */
    border: 1px solid var(--soft-border-color);
}

.mobile .faqs.page .faqs_container {
	padding: 0 10px 10px;
	border-radius: 0;
}

.faqs_list .q_and_a {
    display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.faqs_list .q_and_a:not(:last-child) {
	border-width: 0px 0px 1px 0px;
	border-color: var(--border-color);
	border-style: solid;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.faqs_list dt, .faqs_list dd {
    padding: 0 0 15px;
    line-height: 1.3;
}

.faqs_list dt .question_section .markdown p {
	font-weight: 700;
}

.faqs_list dd:last-child {
	padding: 0;
}

.faqs_list dd:last-child {
	padding-bottom: 15px 0;
}

.faqs_list dt:not(:first-child) {
	border-top: 1px solid var(--border-color);
	padding-top: 10px;
}

.q_and_a dt .q_text {
	margin-right: 10px;
}

.faqs_list dd {
	margin-left: 18px;
}

.faqs_list dd .question_icon {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.q_and_a dd .a_text {
	font-weight: 600;
	margin: 5px 0px 20px 0px;
}

.faqs_list .answer {
	margin-bottom: 25px;
    padding: 0px 10px;
}

.ask_question.button {
    align-items: center;
	background-color: var(--background-color);
    border: none;
    border-radius: 5px;
    color: var(--foreground-color);
	cursor: pointer;
    display: flex;
    margin: 10px auto;
    padding: 20px;
	width: fit-content;
}

.faqs_container .select_organization, .incident_form_container .select_organization {
	margin-left: auto;
}

.ask_a_question {
	display: flex;
	flex-direction: column;
}

.ask_a_question h1 {
	font-size: 1rem;
	margin: 0 0 5px;
	line-height: 1.3;
}

.ask_a_question .question.input {
	align-self: stretch;
	margin: 5px 0 10px 0;
}

.faqs_container.container.faqs.page .button,
.faqs_info.popup .faqs_list .button {
    background-color: var(--basic-button-background);
}

.faqs.page .search.bar .input {
	background-color: var(--input-background-color);
}

.faqs.page .search_row .search_wrapper.expanded_search .search_options,
.mobile .faqs.page .search_row .search_wrapper.expanded_search .search_options {
	display: none;
}

/* feedback.css */

.concern .feedback {
	align-items: center;
	background-color: var(--background-color);
	border: 2px solid #28a745;
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--foreground-color);
	display: flex;
	font-size: 0.9em;
	justify-content: space-between;
	margin: 5px 0 10px;
	padding: 20px;
	min-height: 40px;
	line-height: 1.3em;
}

.concern .feedback .checkmark {
	color: #28a745;
	margin: 0 0 0 10px;
	font-size: 1.3em;
}

/* field.css */

.field {
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
}

.field > .label, .field_label {
	font-size: 1rem;
}

.field > .label {
	margin-bottom: 5px;
}

.invalid {
	border: 1px solid var(--red);
    border-radius: 5px;
    padding: 5px;
}

.invalid .valid_message {
	color: var(--red);
	padding-top: 5px;
}

.valid_message {
	/* color: var(--highlight-color); */
	font-size: 0.8666666667rem;
}
/* 
.invalid, .valid_message {
	--highlight-color: var(--red);
} */

.invalid_message.error {
	color: var(--error-red-color);
}

.helper_message {
	align-self: flex-end;
	color: grey;
	font-size: 0.8rem;
	text-align: right;
	margin-top: 5px;
}

.user_add_edit.popup .name.field {
	padding-bottom: 10px;
}

.user_add_edit.popup .field {
    padding-bottom: 15px;
}

.mobile .field .description {
	font-size: 0.8666666667rem;
}
/*.field .textarea, .textarea.field {
	height: 120px;
    width: 100%;
	border: 1px solid var(--input-border-color);
	padding: 10px;
	border-radius: 3px;
	box-sizing: border-box;
	width: 100%;
}

.field .input, .input.field {
	font-size: 0.9em;
    width: 100%;
    display: block;
    padding: 0 8px;
    box-sizing: border-box;
    height: 40px;
    font-family: inherit;
    font-weight: 400;
    border: 1px solid var(--input-border-color);
    border-radius: 3px;
    background-color: var(--background-color);
    color: var(--foreground-color);
}

.field .input[type=checkbox], .field .input[type=radio] {
	width: 24px;
}*/

/* filter_menu.css */

.filter_menu * {
	box-sizing: border-box;
}

.filter_menu ul {
	list-style: none;
}

.filter_menu2 {
	/* background-color: var(--background-color); */
	/* border-right: 2px solid var(--border-color); */
	bottom: 0;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	left: 0;
	overflow: auto;
	padding-bottom: 36px;
	position: fixed;
	top: 60px;
	width: var(--left-panel-width);
	z-index: 1;
}

.filter_menu {
	overflow-y: auto;
	position: relative;
	min-height: 100%;
	display: flex;
    flex-direction: column;
}

.filter_menu > .header .back.link {
	align-items: center;
	color: var(--foreground-color);
	display: flex;
	font-size: 1.2rem;
	height: 100%;
	justify-content: center;
	padding: 0 10px;
	/* margin-left: 5px; */
}

.mobile .filter_menu {
	background-color: var(--menu-bg-top);
}

.filter_menu > .header .back.link:focus-visible {
	background: transparent;
}

.filter_menu > .header {
	align-items: center;
	background-color: var(--background-color);
	color: var(--foreground-color);
    border-bottom: 1px solid var(--soft-border-color);
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	position: -webkit-sticky;
	position: sticky;
	padding: 10px;
    top: 0;
    z-index: 1000;
    place-content: space-between;
}

.mobile .filter_menu > .header {
	background: var(--menu-bg-bottom);
	background: linear-gradient(0deg, var(--menu-bg-bottom) 0%, var(--menu-bg-top) 100%);
	color: white;
	border-bottom: 1px solid var(--border-color);
	position: -webkit-sticky;
	position: sticky; 
	/* top: var(--safe-area-inset-top); */
	padding: 10px;
	padding-top: max(calc(var(--safe-area-inset-top) + 13px), 10px);
    /* top: 0;  */
    z-index: 1000;
}

.mobile .filter_menu .filter_lists {
	/* padding-top: 60px; */
	padding-bottom: env(safe-area-inset-bottom);
	flex-grow: 1;
	background-color: var(--background-color);
}

.filter_lists .group_settings .checkbox.setting .wrapper .label {
    font-size: 0.8666666667rem;
	line-height: 2;
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.filter_menu > .header .reset.button {
	align-items: center;
	display: flex;
	font-size: 0.8rem;
	box-sizing: border-box;
	color: var(--reset-text-color);
    box-sizing: border-box;
    border: 1px solid var(--red);
    background: var(--reset-bg);
    font-weight: 700;
	/* margin-left: auto;
    margin-right: 10px; */
    padding: 8px 10px;
    border-radius: 5px;
}

.mobile .filter_menu > .header .reset.button {
	color: var(--primary-action-color);
    border: 1px solid var(--unread-notification-color);
}

.filter_menu .section > .header {
    padding: 15px 10px 10px;
	font-weight: 700;
	font-size: 0.8666666667rem;
    gap: 5px;
    justify-content: space-between;
}

.mobile.support_team_filter.filter_menu .section > .header {
    padding: 5px ;
}

.support_team_filter.filter_menu .section > .header {
	padding: 10px 5px;
	font-size: 1rem;
}

.filter_menu.users_admin .section > .header,
.filter_menu.members .section > .header {
	cursor: pointer;
    line-height: normal;
	font-weight: 700;
	gap: 5px;
    padding: 15px 15px 10px;
    justify-content: space-between;
}

.filter_menu.articles .section > .header,
.filter_menu.resources .section > .header,
.filter_menu.events .section > .header {
	border-top: 1px solid var(--light-background-color);
    padding: 15px;
	font-weight: 700;
}

.filter_menu .category > button {
	align-items: center;
	display: flex;
	min-height: 23px;
	padding: 10px 15px;
}

.filter_menu .list_item.selected, .filter_menu .back.button > .header.selected {
	color: var(--primary-action-color);
	/* font-weight: 700; */
}

/* .filter_menu .list_item.selected_parent {
	font-weight: 700;
} */

.filter_menu .category > .header.pad1 {
	padding-left: 15px;
	width: 100%;
}

.filter_menu .types.section .pad1 {
	padding-left: 15px;
}

.filter_menu .category > .header.pad2 {
	padding-left: 30px;
}

.filter_menu .category > .header.pad3 {
	padding-left: 60px;
}

.filter_menu .back.button .label {
	margin: 0;
	padding: 5px 0;
}

/* .filter_menu .back.button .header {
	border-top: 1px solid var(--border-color);
}

.filter_menu .categories .category > .header.level1 {
	border-top: 1px solid var(--border-color);
} */

.filter_menu .category > .header .back.hide {
	display: none;
}

.filter_menu .category .count {
	color: var(--info-text);
	font-size: 0.8em;
	margin: 0 5px;
	flex-grow: 1;
}

.filter_menu .category .chevron {
	color: var(--light-foreground-color);
	font-size: 0.86em;
	margin-left: auto;
}

.filter_menu .header.list_item {
	min-height: 30px;
}

/* .filter_menu .list_item:hover {
	background-color: var(--primary-background);
} */

.filter_menu .list_item {
	align-items: center;
	text-align: left;
	cursor: pointer;
	display: flex;
	width: 100%;
    font-size: 0.8666666667rem;;
	line-height: 1.3em;
	padding: 10px 15px;
}

.tags.section .checkboxes {
	padding-bottom: 10px;
}

.filter_menu .list_item.checkbox {
	padding: 0 5px 0 10px;
}

.filter_menu .list_item.checkbox > * {
	flex-grow: 1;
}

.filter_menu .category .list_item .label {
	cursor: pointer;
}

.filter_menu .organization, .filter_menu .group {
    padding: 5px 15px;
}

.mobile .filter_menu .organization, .mobile .filter_menu .group {
	font-size: 0.8666666667rem;
	line-height: 1.3;
}

.filter_menu .list_item.no_padding {
	padding: 0;
}

.filter_menu .property_list .checkbox {
	width: 100%;
}

.filter_menu .property_list .checkbox .wrapper {
	padding: 10px 15px;
}

.support_team_filter.filter_menu .checkbox .wrapper {
	align-items: center;
}

.filter_menu .property_list .checkbox .input {
	height: 18px;
	margin: 0;
	width: 18px;
}

.filter_menu .property_list .checkbox .label, .filter_menu .category .checkbox .label {
	margin-left: 10px;
}

.filter_menu .actions {
	background-color: var(--background-color);
	bottom: 0; /* was -36px  */
	padding: 10px;
	width: 100%;
	position: -webkit-sticky;
	position: sticky;
	max-width: 280px;
	box-sizing: border-box;
	bottom: 0;
	border-top: 1px solid var(--border-color);
	padding-bottom: max(env(safe-area-inset-bottom),10px);
}

.actions.basic.button i.icon.fa.fa-ellipsis-v {
    width: 1em;
}

.filter_menu .buttons {
	text-transform: uppercase;
}

.filter_menu .show_results.button {
	width: 100%;
}

.filter_menu .back.button .label{
	margin: 0;
}

.filter_menu .show_more.link {
    display: block;
    padding: 10px;
    margin-left: 5px;
}

.filter_menu .tags.section .header {
	cursor: pointer;
    width: 100%;
    text-align: start;
}

.newsfeed .filter_menu ul.categories.section {
    display: none;
}

.filter_menu .regions_serviced.section .header {
	cursor: pointer;
}

.filter_menu .regions_serviced.section .header {
	cursor: pointer;
}

.filter_menu .regions_serviced.section .country_label {
	display: flex;
    font-size: 0.7333333333rem;
    font-weight: 700;
    padding: 15px;
    letter-spacing: 0.01rem;
    text-transform: uppercase;
}

ul.categories.section.filter_content_type i {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

/* filter_selection.css */

.filter_selection {
	width: 250px;
	padding: 20px 0;
}

.filter_selection .title {
	text-align: center;
	margin-bottom: 10px;
}

.filter_category.button,
.filter_item.button {
	border: none;
}

.filter_category.button .caret.icon {
	margin-left: 10px;
}

.filter_item.button {
	font-size: 0.9em;
	margin-left: 20px;
}

.filter_item.button .count {
	margin-left: 5px;
}

.filter_item.button:hover {
	background-color: var(--light-background-color);
}

/* .filters_selected .selection {
	padding: 3px;
	border-radius: 3px;
	background-color: var(--primary-background);
	font-size: 0.9em;
	margin: 5px 5px 0 0;
}

.filters_selected .selection .close.icon {
	margin-left: 5px;
} */

/* filter.css */

.filter_icon {
	background: url("/upload/assets/filter.svg") center center no-repeat;
	display: inline-block;
	/* height: 1.5em !important; */
	width: 1.5em !important;
}

.mobile .filter_icon {
	height: 1em !important;
}

.desktop .filter_icon {
	height: 1em !important
}

.filter.popup .description {
	margin: 5px 0px 20px 0px;
}

.filter.popup .item_wrapper .item, .filter.popup .row_container {
	display: flex;
	padding: 15px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: var(--border-color);
}

.filter.popup .sections {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: var(--border-color);
}

.filter.popup .title {
	margin: 0px 0px 15px 0px;
}


.filter.popup .row_container .category_title{
	display: flex;
	flex-grow:1;
}

.filter.popup .like_save {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color);
}

.filter.popup .like_save > * {
	margin-right: 10px;
}

.filter.categories {
	display: flex;
	flex-direction: column;
}

.filter.categories > .category > * {
	display: flex;
	padding: 15px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: var(--border-color);
	background-color: var(--background-color);
	border-radius: 0;
}

.filter.categories .category {
	display: flex;
	flex-direction: column;
}

.filter.categories .category .button .label {
	text-align: start;
}

.filter.categories .count {
	margin: 0 5px;
	color: var(--info-text);
}

.filter.drop_select .heading.button {
	display: flex;
}

.filter.drop_select > .button {
	padding: 10px;
}

.filter.drop_select.selected {
	border: 1px solid var(--border-color);
}

/* .active_filter_list {
	margin-bottom: 10px;
} */

/* .active_filter_list .pill {
    background-color: var(--background-color);
} DISABLED FOR SERVICES */

.map_view .active_filter_list .pill {
    box-shadow: var(--map-buttons-shadow);
}

@media only screen and (max-width: 1280px) {
	.desktop .map_view .button {
		max-width: 36px;
	}
	.desktop .map_view .button .label {
		display: none;
	}
}

.map_view .pill_bar .scroll_pills {
	top: 40px;
}

.map_view .pill_bar .scroll_pills.left button,
.map_view .pill_bar .scroll_pills.right button {
    background: var(--primary-background);
    width: 30px;
    border-radius: 2rem;
    height: 30px;
    min-width: fit-content;
    text-align: center;
    justify-content: center;
    /* margin-right: 10px; */
    box-shadow: var(--popup-box-shadow);
}

.map_view .search_filter_view_bar .pills .clear_all {
    background: rgba(255,255,255,05);
    background-color: var(--light-background-color);
    border-radius: 4px;
    box-shadow: var(--map-buttons-shadow);
    color: var(--primary-action-color);
    height: 25px;
    border: 1px solid var(--border-color);
}

.mobile .active_filter_list {
	display: none;
	padding: 10px 5px;
}

/* disable for #2242 */
/* .desktop.darkMode .newsfeed.page .filter_button,
.desktop.darkMode .newsfeed.page .search.bar .input,
.desktop.darkMode .requests.page .search.bar .input {
	background-color: var(--background-color);
} */

/* .desktop .newsfeed.page .search.bar .input,
.desktop .newsfeed.page .search_options,
.desktop .newsfeed.page .search_row .button {
		background-color: var(--background-color);
} */

/* .mobile .newsfeed.page .active_filter_list,
.mobile .resources.page .active_filter_list,
.mobile .resources_shared_admin.page .active_filter_list, */
.mobile .library.page .active_filter_list {
/* .mobile .courses.page .active_filter_list, */
/* .mobile .events.page .active_filter_list { */
    background-color: var(--primary-action-color);
    padding: 0 10px 10px;
	position: fixed;
	z-index: 999;
	top: calc(var(--mobile-search-and-filter-height) + var(--safe-area-inset-top));
	left: 0;
	right: 0;
}

.mobile .resources.page.map_view .active_filter_list.clear_all {
	color: white;
}

.active_filter_list ul {
	gap: 5px;
}

.active_filter_list > .pills {
	margin: 0 !important;
}

.active_filter_list .clear_all {
	color: var(--primary-action-color);
	cursor: pointer;
	font-size: 0.7333333333rem;
	height: 100%;
}

.mobile .active_filter_list .clear_all {
	color: white;
}

.mobile .active_filter_list

.admin .active_filter_list {
    padding: 5px 0 0;
    margin-bottom: -5px;
}

/* .mobile .admin .active_filter_list {
    padding: 5px 0 0;
} */

/* follow_organizations.css */

.follow_organizations .content-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
}

.shared_library_following_admin.page .content_loaded_wrapper.loaded {
	gap: 0;
}

.follow_organizations .content_loaded_wrapper.loaded {
	gap: 15px;
}

.mobile.follow_organizations .title.search_title {
	margin: 0;
}

.follow_organizations .content_section {
	padding: 15px;
}

.mobile.follow_organizations .content_section .search-wrapper {
	margin-bottom: 10px;
}

.follow_organizations .content_section .search-wrapper {
	margin-bottom: 15px;
}

.mobile.follow_organizations .content_section {
	padding: 10px;
}

.follow_organizations .content {
	width: 100%;
}

.desktop.follow_organizations .content {
	margin-bottom: 62px;
}

.follow_organizations .contact_header .info,
.follow_organization_choose_groups .contact_header .info {
	margin: 0;
    align-items: center;
	gap: 5px;
}

.pull_to_refresh.follow_organizations .content_loading_wrapper.loaded {
	top: -220px;
}

.follow_organizations .content_panel {
	padding: 0px !important;
}

.follow_organizations .right_panel {
	/* display: none; */
}

.follow_organizations .page_header_container {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 15px 15px 0;
}

.mobile.follow_organizations .page_header_container {
	padding: 0;
}

.pages_section {
	display: flex;
    flex-wrap: nowrap;
    position: sticky;
    top: 0;
    z-index: 997;
    box-shadow: var(--tabs-shadow);
    padding: 0;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.frosted .page.selected.button {
	background: none;
}

.follow_organizations .tile_grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 10px;
}

.follow_organizations .tile_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	box-shadow: var(--popup-box-shadow);
    border: 1px solid var(--soft-border-color);
	background-color: var(--secondary-background);
}

.follow_organizations .tile_wrapper .image_header {
	border-radius: 10px 10px 0px 0px;
	height: 128px;
    background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 100%;
}

.follow_organizations .tile_wrapper .tile_section {
	padding: 10px 10px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -54px;
	margin-bottom: 10px;
	gap: 8px;
}

.follow_organizations .tile {
	display: flex;
	flex-direction: column;
	height: auto;
	flex-grow: 1;
	width: 100%;
	position: relative;
}

.follow_organizations .tile .hidden {
	position: absolute;
	background-color: var(--alert-orange);
	color: #444444;
	top: 10px;
	right: 10px;
	font-weight: 700;
	padding: 5px 7px;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
}

.follow_organizations .tile .contact_header,
.follow_organization_choose_groups .contact_header {
	flex-direction: column;
    align-items: center;
}

.mobile.follow_organizations .tile .contact_header {
	flex-direction: row;
	padding-bottom: 10px;
}

.mobile.follow_organizations .tile_wrapper .tile_footer {
	width: 100%;
    display: flex;
    grid-gap: 10px;
}

.follow_organization_choose_groups .follow_status {
	display: flex;
	justify-content: center;
}

.follow_organization_content_wrapper .groups button {
	width: 100%;
}

.follow_organization_content_wrapper .groups {
	margin-bottom: 10px;
}

.follow_organization_content_wrapper .description {
	margin-bottom: 5px;
}

.mobile .org_profile_wrapper .header_bottom_container .followers_container {
	margin-left: 10px;
}


.follow_organization_choose_groups .follow_status .pill {
    color: var(--foreground-color);
}

.follow_organization_choose_groups .follow_status .pill:hover {
    cursor: default;
}

/* .follow_organizations .tile .profile_link,
.follow_organization_choose_groups .profile_link {
	margin-bottom: 10px;
} */

.follow_organizations .tile .avatar,
.follow_organization_choose_groups .avatar {
	display: flex;
	justify-content: center;
	align-items: center;
    box-sizing: border-box;
	object-fit: cover;
	height: 80px;
	width: 80px;
	box-shadow: var(--org-following-shadow);
	border-radius: 10px;
	/* margin: 0px 0px 10px 0px; */
	/* border: 3px solid var(--secondary-background); */
    background-color: var(--secondary-background);
}

.tile_grid .avatar .profile_picture {
	border-radius: 8px;
	/* object-fit: contain; */
    margin: 0;
    width: inherit;
	height: inherit;
}

.follow_organizations .tile .profile_link .avatar .profile_picture,
.follow_organization_choose_groups .profile_link .avatar .profile_picture {
	width: 80px;
	height: 80px;
	border-radius: 10px;
}

.follow_organizations .tile .name,
.follow_organization_choose_groups .name {
	font-size: 1.1rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	/* flex-grow: 1; */
	/* margin: 0px 0px 5px 0px */
}

.follow_organizations .tile .avatar:hover {
	cursor: pointer;
}

.follow_organizations .tile .name:hover,
.follow_organization_choose_groups .name:hover {
	text-decoration: underline;
	color: var(--primary-action-color);
	cursor: pointer;
}

.follow_organizations .tile .address,
.follow_organization_choose_groups .address {
	margin: 0px 0px 10px 0px;
    text-align: center;
	font-size: 0.8rem;
	line-height: 1.3rem;
    color: var(--light-foreground-color);
}

.follow_organizations .tile .description,
.follow_organization_choose_groups .description {
	font-size: 0.8666666667rem;
	line-height: 1.3;
	text-align: center;
}

.follow_organization_choose_groups .description {
	text-align: left;
}


.follow_organizations .tile .info .status,
.follow_organization_choose_groups .info .status {
	font-weight: 400;
	color: var(--light-foreground-color);
	text-align: center;
}

/* .follow_organizations .search.bar {
	max-width: 270px;
} */

/* .mobile.follow_organizations .search.bar {
	max-width: 100%;
} */

.follow_organizations .tile_wrapper .tile_footer {
	display: flex;
	align-items: flex-end;
	width: 100%;
	grid-gap: 10px;
	box-sizing: border-box;
    padding: 10px;
	flex-wrap: wrap;
}

.follow_organizations .message {
	line-height: 1.3;
}

.follow_organizations .tile_wrapper .tile_footer .basic.button {
	max-width: 100%;
	width: 100%;
}

.follow_organizations .tile_wrapper .tile_footer .unfollow_button:hover {
	background-color: var(--disabled-input);;
	color: #444;
}

.follow_organizations .footer {
	align-items: center;
	background-color: var(--background-color);
	border-top: 1px solid var(--border-color);
	bottom: 0;
	left: 0;
	display: flex;
	padding: 15px;
	gap: 15px;
	position: fixed;
    box-sizing: border-box;
	width: 100%;
	justify-content: space-between;
}

.follow_organizations .footer .button {
    min-width: 120px;
}

.follow_organizations .footer .disabled.save.button {
	background-color: var(--disabled-button-bg);
	color: var(--disabled-button-color);
}

.follow_organizations .footer .disabled.save.button:hover {
	filter: initial;
}

.follow_organizations .footer .number_of_changes {
	font-size: 0.8666666667rem;
	margin-left: 7px;
}

.mobile.follow_organizations .tile_wrapper .tile_footer .basic.button {
	width: 100%;
    max-width: 100%;
	flex-grow: 1;
}

.mobile.follow_organizations .tile_wrapper {
	height: initial;
	align-items: flex-start;
}

.mobile.follow_organizations .tile .info {
    margin-left: 10px;
}

.mobile.follow_organizations .tile .info .name {
    text-align: left;
}

.mobile.follow_organizations .tile .profile_link .avatar .profile_picture {
	width: 60px;
	height: 60px;
}

.mobile.follow_organizations .tile .profile_link {
	margin: 0;
}

.mobile.follow_organizations .tile .profile_link .avatar {
    height: 60px;
    width: 60px;
}

.mobile.follow_organizations .tile .info .status {
    text-align: left;
}
.mobile.follow_organizations .footer {
    box-sizing: border-box;
	padding: 10px;
    background: var(--background-color);
}

.follow_organizations .search_options {
	display: none;
}

.follow_organization_choose_groups .popup_body {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.follow_organization_content_wrapper.follow_organization_choose_groups {
	gap: 10px;
}

.follow_organization_choose_groups .membership.button {
    max-width: 120px;
    align-self: center;
}

.follow_organization_choose_groups li.membership {
	align-self: center;
	gap: 5px;
}

.follow_organization_choose_groups .membership.button:last-child {
	margin-bottom: 10px;
}

.follow_organization_choose_groups hr {
	width: 100%;
}

.follow_organization_choose_groups .groups {
	width: 100%;
}

.follow_organization_choose_groups .groups .title {
	margin-bottom: 5px;
}

.follow_organization_choose_groups .groups .description {
	margin-bottom: 15px;
}

.follow_organization_choose_groups .group_item {
	display: flex;
	align-items: center;
}

.follow_organization_choose_groups .group_item .label {
	flex-grow: 1;
    /* font-size: 0.8666666667rem; */
}

.follow_organization_choose_groups .group_item .button {
	width: 120px;
}

.follow_organizations .mobile .footer.page_control_container {
	z-index: 1000;
}

body.follow_organizations.peer_connect {
	background-color: var(--primary-background);
}

.mobile.follow_organizations .search.bar {
	/* width: 100%; */
	border-radius: 5px;
}

.follow_organizations .tile_wrapper {
	opacity: 1;
	transition: opacity 200ms;
}

.follow_organizations .tile_wrapper.faded_out {
	display: none;
}

.desktop.follow_organizations .search-wrapper {
	max-width: 500px;
	border-radius: 2rem;
}

.mobile.follow_organizations .pages_section {
	top: calc(56px + var(--safe-area-inset-top));
}

/* fonts.css */

.body_copy {
	font-size: 15px;
}

.bold {
	font-weight: 700;
}

.italic {
	font-style: italic;
}

.copyright {
	font-size: 0.6rem;
	line-height: 1.3;
	color: white;
}

.extra_small_text {
	font-size: 0.7333333333rem;
}

.notification_counter {
	font-size: 0.8rem;
}

.fine_print {
	font-size: 0.8rem;
	color: var(--input-read-only-text);;
	padding: 5px;
}

.important {
	color: var(--accent-color);
}

.icon_text {
	display: flex;
	align-items: center;
}

/* .icon_text .icon {
	margin-right: 10px;
} */

.fonts.page .font_row {
	align-items: center;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: var(--border-color);
	display: flex;
	padding: 10px 0px;
}

.fonts.page .font_row .font_code.code {
	margin: 0px;
	min-width: 150px;
	margin: 0px 0px 0px 20px;
}

/*
.fonts.page .font_row.standard_row .font_code.code {
	width: 100px;
}
*/

.fonts.page .font_row.first {
	padding-top: 0px;
}

.fonts.page .font_row.last {
	padding-bottom: 0px;
	border-width: 0px;
}

.fonts.page .font_row .text {
	display: flex;
	flex-grow: 1;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	width: 100%;
}

.fonts.page .font_row .name {
	padding: 6px;
	border-radius: 5px;
	border-width: 3px;
	border-color: var(--border-color);
	border-style: solid;
}

.fonts.page  .style_guide_container .grid_container .container {
	min-height: unset;
}

.fonts.page .headings_title {
	text-transform: uppercase;
}

.fonts.page .grid_container {
	grid-template-columns: repeat(1, 1fr);
}

.fonts_old.page .title {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
}

.fonts_old.page .content > .title {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
}

.fonts_old.page .grid_container {
	column-gap: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.fonts_old.page .grid_container .container {
	min-height: 120px;
	padding: 20px;
	position: relative;
}

.fonts_old.page .grid_container .container .samples_bottom {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.fonts_old.page .grid_container .container .samples_top {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.fonts_old.page .grid_container .container .samples_top .rectangle {
	min-height: 30px;
    min-width: 138px;
	border: 1px solid var(--border-color);
}

.fonts_old.page .grid_container .container .name {
	border: 1px solid var(--border-color);
	bottom: 20px;
	clear: both;
	color: var(--accent-color);
	float: bottom;
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.8em;
	padding: 7px;
	width: 124px;
}

.fonts_old.page .grid_container .container .value {
	width: 140px;
}

.important_light_text {
	color: white;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.input_label {
	letter-spacing: 1px;
	font-size: 10px;
	color: var(--label-input);
	text-transform: uppercase;
	font-weight: bold;
	margin: 3px 0px 3px 3px;
}

.large_title {
    font-size: 2rem;
}

.mobile .large_title {
    font-size: 1.4rem;
	line-height: 1.2;
}

.large_light_title {
    font-size: 2rem;
    font-weight: 700;
	color: white;
}

.light_sub_text {
	color: white;
	font-size: 0.8666666667rem;
	line-height: 1.4rem;	
}

.light_text {
	color: white;
}

.medium_title {
	line-height: 1.2;
    font-weight: 700;
    font-size: 1.2rem;
}

.page {
	color: var(--foreground-color);
}

.paragraph {
	line-height: 1.4;
}

.small_text {
	font-size: 0.8rem;
	line-height: 1.4;
}

.medium_text {
	font-size: 0.8666666667rem;
	line-height: 1.4;
}

.sub_text {
	line-height: 1.4;
	padding-bottom: 5px;
    font-size: 0.8666666667rem;
}

.title_text {
	font-size: 1.0666666667rem;
	font-weight: 700;
	line-height: 1.5;
}

.menu_title {
	font-size: 0.9333333333rem;
	text-transform: uppercase;
	color: var(--placeholder-text-color);
}

.underlined {
	text-decoration: underline;
}

em {
	font-style: italic;
}

html {
	font-size: 15px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, "Open Sans", Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 1.3333333333rem;
	font-weight: 700;
}

h2 {
	font-size: 1.2rem;
	font-weight: 700;
}

h3 {
	font-size: 1.1rem;
	font-weight: 700;
}

h4 {
	font-size: 1rem;
	font-weight: 700;
	color: var(--light-foreground-color);
}

h5 {
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--input-read-only-text);
	text-transform: uppercase;
}

.mobile h4 {
	font-size: 0.8666666667rem;
}

/* forgot_password.css */

.forgot_password.page .email {
	width: 100%;
}

.forgot_password.page .wrapper {
	width: 100%;
}

.forgot_password.page .forgot_password_container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.forgot_password.page .info_text {
	text-align: center;
	color: white;
	font-weight: 400;
	line-height: 1.3;
}

/* frame.css */

html {
	min-height: 100vh;
}

.mobile .content_panel .safe_area_bottom_container.buttons.section {
	bottom: 0px;
    min-height: 60px;
    box-sizing: border-box;
    /* box-shadow: var(--navbar-shadow); */
    border-top: 1px solid var(--border-color);
	padding-bottom: max(env(safe-area-inset-bottom),10px);
    align-items: center;
	z-index: 1001;
}

body.peer_connect.org_profile.resources {
	background-color: var(--background-color);
}

.desktop .content_panel:focus-visible {
	outline: none;
}

body.peer_connect {
	color: var(--foreground-color);
	background-color: var(--primary-background);
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-variant-ligatures: none;
}

body.peer_connect div:focus-visible,
body.peer_connect li:focus-visible,
body.peer_connect h1:focus-visible,
body.peer_connect h2:focus-visible,
body.peer_connect h3:focus-visible,
body.peer_connect h4:focus-visible,
body.peer_connect h5:focus-visible,
body.peer_connect a:focus-visible,
body.peer_connect button:focus-visible,
body.peer_connect span:focus-visible {
	outline: 1px auto var(--primary-action-color);
}

body.peer_connect table .fa-check {
	color: var(--primary-action-color);
}

body.peer_connect a {
	color: var(--primary-action-color);
}

.safe_area_bottom_container.footer {
	gap: 10px;
}

body.peer_connect:not(.scrolling) {
	overflow-y: scroll !important;
}

.main.frame{
	background: white;
}

@media only screen and (max-device-width: 768px) {
	.desktop {
		--left-panel-width: 200px;
	}
}

/* @media only screen and (max-device-width: 856px) and (min-device-width: 701px) {
	.left_panel.list .label {
		display: none;
	}
} */

.mobile {
	/*--header-height: 0px;*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

.notch_container {
	display: block;
	position: fixed;
	height: var(--safe-area-inset-top);
	/* background-color: var(--primary-background); */
	background-color: var(--notch-accent-color);
	color: var(--primary-action-color);
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	/* box-shadow: var(--navbar-shadow); */
}

.frame > .header, .frame_header {
	height: var(--header-height);
    box-sizing: border-box;
    display: flex;
    border-bottom: 0.5px solid var(--border-color);
    background-color: var(--navbar-background-color);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    /* z-index: 1000; */
    align-items: center;
}

.desktop .frame > .header, .frame_header {
	z-index: 4;
    box-shadow: var(--navbar-shadow);
	top: var(--safe-area-inset-top);
}

.desktop .frame_header {
	justify-content: space-between;
}

.frame_header .logo_container {
	display: flex;
	align-items: center;
}

.frame_header .top_bar_logo_wrapper {
	cursor: pointer;
	display: flex;
	align-items: center;
    padding: 5px 12px;
	gap: 10px;
}

.frame_header .top_bar_logo.logo {
	max-width: 180px;
    max-height: 40px;
    justify-self: flex-start;
    padding: 0;
	height: 100%;
}

@media only screen and (max-device-width: 768px) {
	.frame_header .top_bar_logo.logo {
		display: none;
	}
}

.desktop .frame_header .top_bar_logo_wrapper {
	min-width: 20vw;
    padding: 0 12px;
	gap: 8px;
}

.desktop .frame_header .top_bar_logo_wrapper {
	width: 20vw;
}

.desktop .exit_admin_mode.mode.basic.button {
	border-radius: 25px;
	height: 40px;
	/* padding: 0 15px; */
}

.desktop header.frame_header {
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.frame_header .logo_container .theme_logo {
	margin: 0px 10px;
	width: 40px;
}

.frame_header .logo_container .top_bar_logo {
	height: 18px;
}

.admin .mode {
	color: var(--foreground-color);
    background-color: var(--background-color);
    border-radius: 4px;
    margin: 0 10px;
    text-align: center;
    font-size: 10px;
	cursor: default;
}

.frame_header_center{
	display: flex;
	flex-grow: 1;
    justify-content: center;
}

.mobile .frame_header_center {
    justify-content: center;
	align-items: center;
	height: var(--mobile-nav-buttons);
}

.desktop .frame_header_center {
	justify-content: center;
	/* justify-content: flex-end; */
    align-items: center;
    height: 60px;
	gap: 15px;
    left: calc(100vw - var(--left-panel-width));
}

.frame_center {
	display: flex;
}

.frame_center > .content_panel{
	flex-grow:1;
	position: relative;
}

.desktop .top_bar.button {
	padding: 5px 20px;
	display: flex;
	gap: 4px;
	transition: all ease-in-out 150ms;
}

.top_bar.button {
	align-items:center;
	border-radius: 10px;
	color: var(--nav-color);
	display: flex;
	flex-direction: column;
	position: relative;
}

.desktop .top_bar.button:hover:not(.selected) {
    color: var(--foreground-color);
    background: var(--light-background-color);
    box-sizing: border-box;
    border-radius: 10px;
	right: 0;
    /* box-shadow: var(--navbar-shadow); */
}

.desktop .top_bar_button_container .button.selected::after {
	/* background-color: var(--primary-action-color);
	border-radius: 0 0 3px 3px;
	bottom: 0px;
	content: "";
	height: 3px;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0; */
}

.desktop .top_bar.button {
	/* margin: 0 10px; */
	padding: 5px 15px;
	justify-content: flex-end;
	gap: 5px;
	transition: all ease-in-out 150ms;
}

.top_bar.button {
	align-items:center;
	background-color: unset;
	border-radius: 4px;
	color: var(--nav-color);
	display: flex;
	flex-direction: column;
    /* border-bottom: 3px solid transparent; */
	/* height: 60px; */
	position: relative;
}

.desktop .top_bar.button:focus-visible {
	border-radius: 5px;
}

.support_team.page.team_details.editing_team .number_container,
.top_bar.button .number_container,
.mobile .notifications.button .number_container,
.mobile .search_options .number_container,
.admin.page .search_options .number_container,
.tab.button .number_container,
.mobile .filter.button .number_container {
	width: auto;
	padding: 0 5px;
    height: 18px;
	min-width: 18px;
	box-sizing: border-box;
    border-radius: 10px;
	background-color: var(--red);
	color: white;
	font-weight: 700;
    opacity: 1;
    position: absolute;
	left: 55%;
	top: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	box-shadow: 0 0 0px 2px var(--background-color), 0 2px 5px rgba(0,0,0,0.5);
}

.mobile .top_bar.button .number_container,
.mobile .notifications.button .number_container,
.mobile .search_options .number_container,
.mobile .filter.button .number_container,
.mobile .tab.button .number_container {
	/* box-shadow: 0 0 0 1.5px var(--background-color), 0 2px 5px rgba(0, 0, 0, 0.5); */
	left: 51%;
}

/* .desktop.admin.page .search_options .number_container {
	left: 80%;
} */

.support_team.page.team_details.editing_team .number_container,
.mobile .search_options .number_container,
.admin.page .search_options .number_container,
.mobile .filter.button .number_container {
    background-color: var(--primary-action-color);
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 6px rgba(0,0,0,0.8);
	left: 37px;
    top: -3px;
}

.admin.page .search_options .number_container {
	background-color: var(--primary-action-color);
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 6px rgba(0,0,0,0.8);
	left: 22px;
    top: -3px;
}

.support_team.page.team_details.editing_team .settings_button_left_wrapper {
	position: relative;
}

.mobile.support_team.page.team_details.editing_team .number_container {
	position: absolute;
	left: 23px;
}


.desktop .top_bar.button .number_container {
	/* right: 30px; */
	left: 53%;
    bottom: 0px;
    top: -1px;
}

/* .top_bar.button .number_container .number,
.mobile .notifications.button .number_container .number {
	position: relative;
    top: 1px;
} */

.mobile .top_bar.button {
	margin: unset;
	padding: 5px 0 0 0;
}

.mobile .frame_footer button {
    color: var(--nav-color);
	transition: all 0.3s ease-in-out;
}

.mobile .frame_footer button.profile.button {
    display: flex;
    flex-direction: column;
    align-items: center;
	padding: 10px 0 0;
}

.mobile .frame_footer button.notifications.button {
    flex-direction: column;
    background: none;
    margin: unset;
    border: none;
	padding: 10px 0 0 0;
    border-radius: 0;
    height: auto;
}

.mobile .selected.top_bar.button {
	border: none;
}

.mobile nav.frame_header_center .label,
.mobile nav.frame_header_center .top_bar.button .label,
.mobile .admin.frame_footer .label {
    margin: 0;
    font-size: 0.6rem;
    font-weight: 400;
    letter-spacing: .04em;
}

.mobile .selected.top_bar.button .icon,
.mobile .top_bar.button .icon {
    font-size: 23px;
}

.mobile .notifications.button .icon {
    font-size: 23px;
}

/* .mobile .add_item .avatar .profile_picture {
    width: 35px;
    height: 35px;
} */

.mobile .avatar .select_organization .profile_picture, .mobile .avatar .select_organization .avatar {
    width: 35px;
    height: 35px;
}

.mobile .admin.frame_footer .avatar .profile_picture {
	width: 25px;
	height: 25px;
}

.mobile footer.admin.frame_footer h3 {
    font-size: 0.8em;
    line-height: 1.2;
	flex-grow: 1;
}

.mobile .frame_footer .menu {
	display: flex;
    flex-direction: column;
    align-items: center;
    /* padding: 10px 0 5px; */
}

.top_bar.button .icon {
	font-size: 1.5rem;
	margin-right: 0;
    width: initial;
    height: initial;
}

.top_bar.button .icon.fa-comment:before {
	/* font-size: 1.12em; */
}

.top_bar.button .label {
	font-size: 0.8em;
}

/* Made more specific to help selector work properly */
nav.frame_header_center .top_bar.button .label {
	display: block;
	font-size: 0.7333333333em;
    color: var(--foreground-color);
    font-weight: 500;
	/* margin: 4px 0px 0px 0px; */
	max-width: 100%;
	min-width: 55px;
    font-size: 0.7333333333rem;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	/* text-transform: uppercase; */
	white-space: nowrap;
}

.top_bar.selected.button {
	background-color: unset;
	color: var(--foreground-color);
}

.top_bar.selected.button .icon {
	color: var(--primary-action-color);
}

.frame > .horizontal.group,.frame_center {
	margin-top: calc(var(--safe-area-inset-top) + var(--header-height));
	min-height: calc(100vh - calc(var(--safe-area-inset-top) + var(--safe-area-inset-bottom) + var(--header-height)))
}

.mobile .frame > .horizontal.group, .mobile .frame_center {
	margin-top: 0;
	margin-bottom: var(--header-height);
}

.mobile .frame_center {
	padding-top: env(safe-area-inset-top, 0);
	/* min-height: 100vh; */
	padding-bottom: env(safe-area-inset-bottom);
}

.mobile .frame > .horizontal.group {
	padding-top: 0;
	min-height: 100vh;
}

.mobile .frame > .horizontal.group > .left.panel {
	display: none;
}

.mobile .frame .footer {
	display: none;
}

.mobile .frame .center.panel {
	margin-left: 0;
}

.left.panel, .left_panel.list, .sidebar_frame {
	overscroll-behavior: none;
}

.desktop .left.panel,
.desktop .left_panel.list,
.desktop .sidebar_frame {
	/* padding-left: 10px; */
	width: var(--left-panel-width);
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	background-color: var(--background-color);
	border-right: 1px solid var(--border-color);
	position: fixed;
	left: 0;
	top: calc(var(--safe-area-inset-top) + var(--header-height));
	bottom: 0;
	overflow: auto;
	/* padding-bottom: 36px; Not needed? Scroll bar appears in backend when items expanded */
	box-sizing: border-box;
	/* z-index:1; */
	transition: all ease-in-out 0.2s;
}

.desktop .sidebar_frame .filter_menu {
	scrollbar-width: none;
}

.desktop .left_panel.list {
	overflow: hidden;
    flex: 1;
	gap: 2px;
    overflow-y: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
	/*FireFox*/
	scrollbar-width: none;
	/*IE10+*/-ms-overflow-style: -ms-autohiding-scrollbar;
	transition: all 200ms ease-in-out;
	/* transition-timing-function: cubic-bezier(0.1, 0.175, 0.25, 0.1, 0.1, 0.175, 0.25, 1); */
}

.desktop .left_panel.list::-webkit-scrollbar {
/*Chrome, Safari, Edge*/
display: none;
}

/* .left_panel.list button:first-child {
	margin-top: 8px;
} */

/* .left_panel.list button:last-child {
	margin-bottom: 5px;
} */

.desktop nav.left_panel.list:hover {
    scrollbar-color: var(--info-text) transparent;
}

.mobile .left.panel {
	top:0;
	width: var(--left-panel-width);
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	background-color: var(--background-color);
	box-sizing: border-box;
	overflow: auto;
	/* border-right: 2px solid var(--border-color); */
	z-index: 1001; /* above 1000 to appear over shade */
}

/* OLD */
.mobile .left_panel.list {
	top:0;
	width: var(--left-panel-width);
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	background-color: var(--background-color);
	box-sizing: border-box;
	overflow: auto;
	padding: 0;
	padding-bottom: 80px;
	flex-grow: 1;
}

.mobile .sidebar_frame {
	background-color: var(--background-color);
	border: none;
	position: fixed;
	overflow: auto;
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	flex-shrink: 0;
	width: var(--left-panel-width);left: 0;
	min-height: 100vh;
	height: 100vh;
	top:0;
	right:0;
	bottom: 0;
	box-shadow: var(--popup-options-shadow);
	z-index: 1001; /* above 1000 to appear over shade */
}

.desktop .sidebar_frame.over_popups {
	z-index: 9999;
}

.left_panel.list {
	padding-top: 10px;
	padding-bottom: 10px;
}

.left_panel.button {
	/* border-left: 3px solid transparent; */
	color: var(--foreground-color);
	display: flex;
    padding: 15px;
    transition: all 200ms ease-in-out;
    border-radius: 5px;
	cursor: pointer;
	gap: 15px;
    margin: 0 10px;
	align-items: center;
	box-sizing: border-box;
	background-color: var(--background-color);
}

button.left_panel.button:focus-visible {
	width: 100%;
    width: -moz-available;
	width: -webkit-fill-available;
	border-radius: 5px;
	/* filter: opacity(1); */
}

/* .admin .left_panel.button {
	border-left: 3px solid transparent;
} */

.left_panel.selected.button {
	/* border-left: 3px solid var(--active-background); */
	color: var(--foreground-color);
    background: var(--input-background-color);
}

/* .desktop .left_panel.list.front_end .left_panel.selected.button {
	box-shadow: 0 0 0 1px var(--input-border-color);    
} */

.desktop .left_panel.list.front_end .left_panel.button {
	margin: 0 10px;
}

.desktop .left_panel.list.back_end .left_panel.button:hover,
.desktop .left_panel.list.front_end .left_panel.button:hover {
	-webkit-transition: background-color 150ms ease-in-out;
    -moz-transition: background-color 150ms ease-in-out;
    -o-transition: background-color 150ms ease-in-out;
    transition: background-color 150ms ease-in-out;
    background-color: var(--contained-search-controls-background);
}

.left_panel.list.back_end button:last-of-type {
    border-radius: 0 0 10px 10px;
}

.left_panel.parent.selected.button {
	filter: none;
}

.left_panel.button .number_container {
	width: auto;
	padding: 0 5px;
    height: 18px;
	min-width: 18px;
	box-sizing: border-box;
    border-radius: 10px;
	background-color: var(--red);
    box-shadow: 0 0 0px 2px var(--background-color), 0 2px 5px rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: white;
	/* position: absolute; */
	/* outline: 2px solid var(--background-color); */
	right: 25px;
    transition: all 100ms ease-in-out;
}

.darkMode .left_panel.button .number_container {
	box-shadow: 0 0 0px 3px var(--background-color), 0 6px 11px rgba(0,0,0,0.5)
}

.menu.left_panel.button {
    color: white; /* keep white for menu title and x in mobile on accent color */
	font-weight: 700;
}

/* OLD */
.mobile .menu.header.button {	
	background: var(--menu-bg-bottom);
	background: linear-gradient(0deg, var(--menu-bg-bottom) 0%, var(--menu-bg-top) 100%);
	color: white;
	border-bottom: 1px solid var(--border-color);
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	border-radius: 0;
    margin: 0;
	padding: 5px 0 5px 15px; 
    min-height: calc(var(--safe-area-inset-top) + 57px);
	padding-top: max(calc(var(--safe-area-inset-top) + 13px), 10px);
	top: 0;
	z-index: 1000;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
}

.mobile button.left_panel.button {
    margin: 0;
    border-radius: 0;
	padding: 15px 12px;
}

/* OLD  */
/* .mobile .nav_menu_wrapper {
	height: 100vh;
	min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
	box-sizing: border-box;
	background-color: var(--background-color);
	box-shadow: var(--popup-box-shadow);
	padding-top: var(--safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
} */

.mobile .navigation_menu {
	overflow-y: auto;
	position: relative;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--menu-bg-top);
	scrollbar-width: none;
}

.mobile .nav_menu_wrapper {
	background-color: var(--background-color);
	border: none;
	position: fixed;
	overflow: auto;
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	flex-shrink: 0;
	width: var(--left-panel-width);left: 0;
	min-height: 100vh;
	height: 100vh;
	top:0;
	right:0;
	bottom: 0;
	box-shadow: var(--popup-options-shadow);
	z-index: 1001; /* above 1000 to appear over shade */
}

.menu.header {
	padding: 15px 0;
}

.left_panel .button .icon {
	margin: 0;
}

.left_panel.list .left.panel.selected.parent {
	/* filter: var(--button-hover-brightness); */
	color: var(--primary-action-color);
	font-weight: 700;
	/* background-color: var(--navbar-selected-background); */
	background: var(--contained-search-controls-background);
}

.left_panel.list .left_panel.selected.child {
	/* filter: var(--button-hover-brightness); */
	/* color: var(--primary-action-color); */
	/* border-left: 3px solid var(--login-input-border-color); */
	font-weight: 700;
	background-color: var(--navbar-selected-background);
	/* background: var(--contained-search-controls-background); */
}

.left_panel.selected.button .icon {
	color: var(--primary-action-color);
}

.left_panel.heading {
	border-top: 1px solid var(--border-color);
	color: var(--info-text);
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding: 15px 22px;
	text-transform: uppercase;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
						supported by Chrome, Edge, Opera and Firefox */
}

.left_panel.button.menu .icon {
	font-size: 1.2rem;
	padding: 10px;
}

.left_panel.button .icon {
	/* display: inline-block; */
	min-width: 25px;
	font-size: 20px;
    color: var(--left-panel-icon);
}

.left_panel.button .icon.logo {
	height: auto;
	width: 25px;
	height: 25px;
	min-width: initial;
	border-radius: 4px;
	background: white;
	object-fit: cover;
}

.left_panel.button .icon ~ .label {
    /* margin-left: 0; */
	color: var(--foreground-color);
}

.left_panel.button div.icon{
	width: 20px;
}

.left_panel.button .icon[class=icon] {
    display: inline-block;
}

.left_panel.button .label {
	flex-grow: 1;
	text-align: start;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.2;
}

.mobile .left_panel.button .label {
	font-size: 0.86666667rem;
}

.left_panel.button.menu .label {
	font-size: 1rem;
	font-weight: 700;
    /* color: var(--foreground-color); */
	color: white;
}

.left_panel.button .new_badge {
	height: 15px;
}

.left_panel .disclosure {
	margin-left: 10px;
	font-size: 10px;
}

.left_panel .section {
	border-left: 3px solid transparent;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.left_panel .selected.parent {
	/* border-left: 3px solid var(--active-background); */
	background-color: var(--navbar-selected-section-background);
	border-radius: 10px 10px 0 0;
}

.left_panel.list .child {
    /* border-left: 3px solid var(--active-background); */
	background-color: var(--navbar-selected-section-background);
	border-radius: 0;
}

.desktop .admin.frame_center nav.left_panel.list {
    gap: 0;
	padding-top: 0;
}

.left_panel .collapse.button {
	position: fixed;
	bottom: 0;
	background-color: var(--background-color);
	border-top: 1px solid var(--border-color);
	width: calc(var(--left-panel-width) - 20px);
	padding: 10px;
	display: flex;
	font-size: 13px;
}

.left_panel .menu_title {
    padding: 10px 15px;
}

.left_panel .subscription.button {
	padding: 0 10px;
	font-size: 0.8666666667rem;
}

.left_panel .subscription.button .organization_header .contact_header .profile_picture {
    background-image: url(https://peerconnect.firstresponsemh.com/logo);
}

.left_panel.button .fa-arrow-up-right-from-square {
	--fa-beat-fade-opacity: 0.67;
	--fa-beat-fade-scale: 1.075;
}

.left_panel hr {
	width: 100%;
	height: 1px;
    border: none;
    background: var(--soft-border-color);
    margin: 10px 0;
}

.left_panel .organizations.section_header,
.left_panel .topics.section_header {
	font-size: 0.8666666667rem;
    font-weight: 700;
    padding: 15px;
    text-transform: uppercase;
    color: var(--secondary-text);	
}

.left_panel .organizations.section_header.my_organizations {
	cursor: pointer;
	gap: 10px;
	justify-content: space-between;
}

.left_panel .organizations.section_header.my_organizations:hover:after {
    content: '\f054';
    font-family: 'FontAwesome';
}

.frame .center.panel, .content_panel {
	flex-grow: 1;
	align-items: center;
	margin-left: var(--left-panel-width);
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.mobile .content_panel {
	margin-left: 0;
	width: 100vw;
	box-sizing: border-box;;
	padding: 0;
}

.mobile .admin .content_panel {
    padding: 10px;
}

.mobile.library .admin .content_panel {
    padding: 0;
}

.mobile .admin .search_row {
    margin-bottom: 10px;
}

.mobile .admin .search_row.multiline {
    margin-bottom: 0;
}

.mobile.detailed_post .content_panel {
	padding: 0;
}

.frame .center.panel > .content,
.content_panel > .page,
.content_panel > .subpage {
	display: flex;
	flex-direction: column;
    width: 100%;
}

body.peer_connect.feed_layout {
	background-color: var(--primary-background);
}

.feed_layout .frame .center.panel > .content,
.feed_layout .content_panel > .page,
.feed_layout .content_panel > .subpage {
    max-width: 600px;
}

.desktop .save_bar_page.page {
	padding-bottom: 53px;
}

.content_panel > .page.map_view {
    max-width: 100%;
	height: 100%;
}

.mobile .frame > .header {
	display: none;
}

.frame > .footer {
	display: none;
}

/* .mobile .frame > .footer {
	display: block;
} */

.mobile .footer .button {
    min-width: 120px;
	width: 100%;
}

.mobile .footer {
    justify-content: space-between;
}

.mobile .edit_profile .editor {
	padding: 10px;
}

.mobile.edit_profile .footer {
    left: initial;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
	flex-direction: row-reverse;
	z-index: 1;
}

.mobile .footer .safe_area_bottom_container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse;
}

.mobile .footer.safe_area_bottom_container {
	/* padding-bottom: env(safe-area-inset-bottom, 10px); Should use this once we make the navigation using another sidebar menu for remaining settings pages */
	/* padding-bottom: 45px;  large to cover navigation  */
	padding-bottom: max(env(safe-area-inset-bottom), 10px);
}

.mobile.settings_panel .content_panel .buttons.section {
	bottom: 0px;
	z-index: 1000;
}

.mobile.edit_profile .footer .button {
	margin: 0;
}

.mobile.save.basic.button.primary, .mobile.cancel.basic.button.primary {
	margin: 0;
}

.profile.button .avatar {
    height: 40px;
    width: 40px;
}

.mobile .profile.button .avatar {
    height: 25px;
    width: 25px;
}

.profile.button .warning_icon,
.icon_container .warning_icon,
.avatar .warning_icon {
	position: absolute;
	box-sizing: border-box;
	top: -2px;
    right: -5px;
    color: var(--alert-orange);
    border: 4px solid var(--background-color);
    background: #222;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: var(--caret-button-shadow);
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
	width: 18px;
    height: 18px;
}

.mobile .profile.button .warning_icon {
    top: 4px;
    right: 30%;
}

.menu.user_options .avatar .warning_icon {
    top: 8px;
    left: 36px;
}

.mobile .frame_footer {
	position: fixed;
	bottom:0;
	/* left:0;
	right:0; */
	box-shadow: var(--navbar-shadow);
	box-sizing: border-box;
	/* height: 60px; cant be defined for safe area */
	width: 100%;
	background-color: var(--navbar-background-color);
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid rgba(0,0,0,0.1);
	padding-bottom: max(env(safe-area-inset-bottom), 10px);
	padding-top: 3px;
    z-index: 999; /* fix shade from appearing behind mobile nav when options popup */
}

.mobile .frame_footer .button {
    width: 100%;
	padding: 10px 0 0;
	border: none;
	gap: 5px;
	border-radius: 5px;
}

.mobile .frame_footer button.profile.button {
	gap: 3px; /* gap 2px less because profile image is 25px and nav icons are 23px */
}

.mobile.edit_profile .frame_footer {
	display: none;
}

.admin .mobile_nav_container {
	height: var(--mobile-nav-buttons);
	width: 100%;
    justify-content: space-between;
}

.mobile footer.admin.frame_footer {
	justify-content: space-between;
}

.mobile footer.admin.frame_footer .button {
    width: auto;
    min-width: 60px;
}

.mode.basic.button {
	background-color: var(--alert-orange);
	cursor: pointer;
	gap: 5px;
	min-width: initial;
	padding: 0 15px;
    color: #222;
    font-size: 0.8rem;
    line-height: 1;
	height: initial;
}

.mobile footer.admin.frame_footer .mode.basic.button {
	padding: 10px 0 0;
	font-size: 0.6rem;
	margin: 0;
	line-height: 1;
	color: var(--foreground-color);
	min-width: initial;
	font-weight: 500;
	border: none;
	height: initial;
	background: initial;
	gap: 7px;
	border: none;
	min-width: 60px;
	flex-direction: column-reverse;
}

.mobile footer.admin.frame_footer .mode.basic.button i {
	font-size: 23px;
	color: var(--alert-orange);
}

.mobile .modal_frame {
	background-color: var(--background-color);
	padding: 10px;
}

.hamburgerMenu {
	padding: 20px;
	cursor: pointer;
}

.mobile .hamburgerMenu {
    padding: 0;
    font-size: 23px;
}

.mobile .options .button:first-of-type {
    padding-top: 10px;
}

.mobile .menu_body .menu {
	padding: 5px;
}

.mobile .menu .button {
	padding: 8px 10px;
    font-size: 0.8666666667rem;
}

.mobile .center_wrapper {
	padding: 0;
}

.center_wrapper {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.fourteenhundred_container {
	max-width: 2200px;
    width: 100%;
    align-self: center;
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobile .fourteenhundred_container {
	gap: 0;
}

.desktop .user_nav_container {
	margin-right: 30px;
}

.desktop .collapsed.left_panel.list.front_end .left_panel.button .number_container {
    width: 8px;
    height: 8px;
    min-width: 0;
    padding: 0;
}

.desktop .collapsed.left_panel.list.front_end .left_panel.button .number_container .notification_counter {
    font-size: 0;
	transition: all 200ms ease-in-out;
}

.desktop .expanded.left_panel.list.front_end .left_panel.button .number_container .notification_counter {
    font-size: 0.8rem;
	transition: all 200ms ease-in-out;
}

.desktop .collapsed.left_panel.list.front_end .left_panel {
    align-items: flex-start;
}

/* fs.css */

.fs .fullscreen {
	width: 100vw;
	min-height: 100vh;
	user-select: none;
	padding: 3px;
	box-sizing: border-box;
	background-color: rgb(40, 40, 40);
	color: white;
}

.fs .toolbar {
	display: flex;
	flex-wrap: wrap;
	background: hsl(200, 50%, 30%);
}

.fs .breadcrumbs{
	display: flex;
}

.fs .breadcrumb,.fs .add,.fs .item,.fs .option1,.fs .option1a,.fs .option2{
	padding: 10px;
	flex-grow:1;
	margin: 3px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.fs .option_lines{
	display: flex;
	flex-direction: column;
	background: hsl(200, 50%, 30%);
}

.fs .option2{
	background-color: hsl(200, 45%, 55%);
}

.fs .breadcrumb{
	background-color: hsl(200, 45%, 45%);
}

.fs .add,.fs .option1,.fs .option1a {
	background-color: hsl(220, 45%, 45%);
}
.fs .item {
	background-color: hsl(180, 45%, 45%);
	border: 1px solid transparent;
}

.fs .details {
	display: flex;
	flex-wrap: wrap;
}


.fs .item.selected {
	border: 1px solid hsl(30, 50%, 50%);
}

.fs .cards {
	display: flex;
	flex-wrap: wrap;
}

.fs .card {
	width: 400px;
	height: 600px;
	background-color: hsl(160, 45%, 45%);
	margin: 3px;
	flex-grow: 1;
	background-size: cover;
	background-position: center center;
	display: flex;
	align-items: flex-end;
	box-sizing: border-box;
	max-height: 85vh;
}

.fs .card .text {
	/* background-color: rgba(60, 60, 60, 0.8); */
	background: linear-gradient(90deg, rgba(40,40,40,0.7) 0%, rgba(40,40,40,0.5) 60%, rgba(40,40,40,0) 100%);
	font-size: 36px;
	padding: 10px;
	max-width: 80%;
	border-radius: 0 10px 0 0;
	line-height: 1.4em;
	text-shadow: 0px 1px 2px rgb(0 0 0 / 50%);
}

.fs .grid_wrapper{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background-color: white;
}

.fs .fs_grid {
	padding: 20px;
	font-size: 13px;
	width: 100%;
	background-color: white;
	color: black;
}

.fs .fs_grid .row:hover {
	background-color: hsla(198, 45%, 45%, 0.1);
}

.fs .fs_grid .col {
	padding: 0 5px 5px 5px;
	vertical-align: middle;
}

.fs .fs_grid .header .col {
	white-space: nowrap;
	border-right: 1px solid rgba(0,0,0,0.1);
    padding: 8px 5px;
	text-align: left;
}

.fs .fs_grid .header .col:hover{
	background-color: hsla(198, 45%, 45%, 0.2);
}

.fs .fa-square{
	font-size: 20px;
}

.fs .fs_grid .image{
	width: 40px;
	height: 40px;
	border-radius: 5px;
	margin: 0 10px 0 10px;
}

.fs .map {
	width: 50vw;
	height: 50vh;
}

/* global_preferences.css */

/* 
.mobile.global_preferences .safe_area_bottom_container.footer {
    left: initial;
    width: 100%;
    padding: 10px;	
	padding-bottom: max(env(safe-area-inset-bottom),10px);
    box-sizing: border-box;
	flex-direction: row-reverse;
	z-index: 1;
} 
*/

.global_preferences .content_panel {
	padding: 0px !important;
}

.global_preferences .right_panel {
	display: none;
}

/* 
.global_preferences .safe_area_bottom_container.footer {
	align-items: center;
    background-color: var(--primary-background);
    border-top: 1px solid var(--border-color);
    bottom: 0;
    display: flex;
    left: var(--left-panel-width);
    padding: 15px;
    position: fixed;
    width: 100%;
}

.global_preferences .safe_area_bottom_container.footer .button {
	margin-right: 15px;
    min-width: 120px;
}

.global_preferences .safe_area_bottom_container.footer .cancel.button {
	background-color: var(--secondary-background);
}

.global_preferences .safe_area_bottom_container.footer .disabled.save.button {
	background-color: var(--disabled-button-bg);
	color: var(--disabled-button-color);
}

.global_preferences .safe_area_bottom_container.footer .disabled.save.button:hover {
	filter: initial;
} 
*/

.global_preferences .right_panel {
	display: none;
}

.global_preferences.page .content_container {
	max-width: 580px;
	margin: 25px 20px;
}

.global_preferences.page .delete.button {
	background-color: var(--red);
	color: white;
    width: max-content;
}

.global_preferences.page .two_factor_authentication {
	gap: 10px;
}

.mobile.global_preferences .safe_area_bottom_container.footer {
    left: initial;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
	flex-direction: row-reverse;
	z-index: 1;
}

.managed_account_description {
	font-size: 0.8rem;
}

.openid_account {
	margin: 10px 0;
}

/* grid_categories.css */

.grid_categories .wrapper .description {
	font-size: 0.7rem;
	padding: 0 5px;
}

.grid_categories .button {
	background: transparent;
	border: transparent;
	display: flex;
	font-size: 0.8666667rem;
    align-items: center;
	padding: 8px;
    border-radius: 5px;
	position: relative;
	min-width: fit-content;
}

.mobile .grid_categories .button {
	padding: 5px 10px;
	font-size: 0.8rem;
}

.grid_categories .button .label {
	color: var(--primary-action-color);
}

.grid_categories .button.selected .label {
	font-weight: 700;
	text-decoration: underline;
}

.grid_categories .button .count {
	color: var(--info-text);
}

.grid_categories .button:not(:last-child)::after {
	content: "";
    border-right: 1px solid var(--border-color);
    bottom: 35%;
    position: absolute;
    right: 0;
    top: 30%;
}

.grid_categories .filters {
	display: flex;
}

.grid_categories .filters > * {
	padding: 10px;
	color: var(--primary-action-color);
    display: flex;
    font-size: 0.8666rem;
    padding: 10px;
    position: relative;
}

/* grid.css */

.grid {
	font-size: 0.8666666667rem;
}

.no_data {
	align-items: center;
	display: none;
	flex-direction: column;
	margin-top: 20px;
}

.no_data .header {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 15px 0 10px 0;
}

.no_data .subtitle {
    color: var(--secondary-text);
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: center;
}

.no_data .fa-circle-exclamation {
    width: unset;
    height: unset;
	color: var(--info-text);
	background: white;
	font-size: 2.2rem;
}

.grid .data.row .column .empty {
	color: var(--light-foreground-color);
}

.grid .column_header.row, .grid .group_header.row  {
	background-color: var(--table-header-bg);
	display: flex;
}

.grid .column_header .column, .grid .group_header {
	border: none;
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--table-border-color);
	text-transform: uppercase;
	font-size: 0.8666666667rem;
	font-weight: 700;
}

.admin table.grid .column_header .column.status {
	text-transform: uppercase;
}

.grid .column_header.partial .column .checkbox .input ~ .display_input::after {
	color: var(--primary-action-color);
	content: "\f14a";
	background-color: transparent;
	font-weight: 400;
}

.mobile .grid .column_header .column, .mobile .grid .group_header {
    font-size: 0.6666666667rem;
}

.grid .group_header {
	padding: 5px;
}

.grid .column_header .column .icon {
	color: var(--accent-color);
}

.grid .rows .column .icon {
	color: var(--accent-color);
	margin-right: 5px;
	display: none;
}

.grid .column {
	display: flex;
	align-items: center;
    border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: transparent;
	width: 75px;
	gap: 5px;
	padding: 4px 8px;
	min-height: 2rem;
	cursor: pointer;
	/* word-break: break-word; */
}

.grid .column.checkbox {
	width: 45px;
	padding: 0; /* increases checkbox hit box */
    /*height: 30px;*/
    justify-content: center;
    align-items: center;
	box-sizing: border-box;
}

table th.column.checkbox .checkbox,
table tr.data.row .checkbox .wrapper {
	width: 100%;
}

/*
.mobile .admin .grid {
    margin: 0 -11px;
} */

.grid .column.xlong {
	width: 280px;
}

.grid .column.long {
	width: 200px;
}

.grid .column.medium {
	width: 125px;
}

.grid .column.mediumplus {
	width: 150px;
}

.grid .column.row_numbers {
	justify-content: flex-end;
}

.grid .column.shortplus {
	width: 100px;
}

.grid .column.short {
	width: 48px;
}

.grid .column .name,
.grid .column .value {
	flex-grow: 1;
	text-align: left;
}

.grid .column.right-align .name {
	text-align: end;
}

.grid .column.right-align {
	justify-content: flex-end;
	text-align: right;
}

.grid .column.title .value {
	flex-grow: 0;
}

.grid .column:last-child {
    border-width: 0 0px 1px 0;
}

.grid .row {
	/* background-color: var(--background-color); */
	display: flex;
}

.grid .data.row.subheader, .grid .data.row.subheader:nth-child(even) {
	background-color: var(--table-subheader-bg);
	color: var(--foreground-color);
	font-weight: 700;
}

.grid .data.row:nth-child(even) {
	border-bottom: 1px solid var(--light-background-color);
}

.grid .data.row:nth-child(odd) {
	border-bottom: 1px solid var(--light-background-color);
}

.grid .group {
    border: 1px solid var(--primary-background);
    /* margin-bottom: 10px; */
	display: block;
}

.admin table.grid td.column > div {
    /* white-space: pre; */
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.2;
	white-space: nowrap;
}

.admin.summary_stats table.grid td.column > div {
	white-space: pre-wrap;
}

.admin table.grid .column.grid_status, .admin table.grid .column.status {
	text-transform: capitalize;
}

.mobile .grid .column.grid_title {
	width: 250px;
}

.grid .column.grid_posted, .grid .column.grid_edited {
	width: 200px;
}

.grid .data.row:hover {
	background-color: var(--table-row-hover);
}

.grid .preview_button_wrapper {
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
	flex-shrink: 0;
	margin-left: 5px;
}

.grid .preview_post.button.basic {
	padding: 5px 12px;
    font-size: 0.8rem;
    line-height: 1;
	height: auto;
    min-width: initial;
	border: 1px solid var(--admin-border-color);
    background-color: var(--background-color);
	display: none;
}

.grid .data.row:hover .preview_post.button.basic {
	display: flex;
}

.grid .column.link .name {
	cursor: pointer;
}

.grid .column.link .drop_down  {
	cursor: pointer;
}

/* group_request_admin.css */

.review_group_request .message {
	text-align: center;
	padding: 10px 0 15px;
	line-height: 1.3;
}

.mobile .review_group_request .message {
	max-width: 370px;
}

.review_group_request .contact_header .info {
	margin: 0;
    align-items: center;
}

.review_group_request .contact_header {
	flex-direction: column;
    align-items: center;
}

.review_group_request .profile_link {
	margin-bottom: 10px;
}

.review_group_request .profile_link .avatar {
	display: flex;
	justify-content: center;
	align-items: center;
	object-fit: cover;
	height: 80px;
	width: 80px;
	border-radius: 100%;
	/* border: 1px solid #fff; */
	margin: 0;
}

.review_group_request .profile_link .avatar .profile_picture {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.review_group_request .info .name {
	font-size: 1.1rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	flex-grow: 1;
}

.review_group_request .info .status {
	font-weight: 400;
	color: var(--light-foreground-color);
	text-align: center;
}

/* group.css */

.popup .header .group {
	display: flex;
}

.group_settings .counter {
	margin: 0 5px;
}

/* groups_admin.css */

.column .decoration {
	color: var(--light-foreground-color);
	margin-left: 0.5em;
}

.organization_groups .column.requiresMembership {
	min-width: 90px;
}

.organization_groups .data.row .column:nth-child(3) {
	min-width: 90px;
}

.editbar_container.people_share .item.section {
    background-color: unset;
	padding: 0px;
}

.editbar_container.people_share .item.section .tag_pills {
    border-radius: 0px 0px 5px 5px;
}

.group_add_edit.popup .warning_message {
	margin-bottom: 5px;
}

.group_add_edit.popup .delete.button {
	background-color: var(--red);
	color: #ffffff;
}

.group_add_edit.popup .delete.button:disabled {
	background-color: var(--disabled-button-bg);
	color: var(--disabled-button-color);
}

.group_add_edit.popup .name .item.section {
	min-height: 2.5rem;
	padding: 0;
}

.group_add_edit.popup .tag_pills,
.user_add_edit.popup .tag_pills {
    min-height: 36.3px;
}

.group_add_edit.popup .editbar_container {
	margin-bottom: 10px;
}

.group_add_edit.popup .editbar_container .item.section {
	padding: 0;
}

.group_add_edit.popup .options_group {
	margin-left: 25px;
}

/* groups.css */

.group_container {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.hover:hover {
	background-color: var(--primary-background);
}

.group_container .profile_picture {
    align-items: center;
    background-position: center center;
    background-size: cover;
    border-radius: 100%;
    color: var(--foreground-color);
    display: flex;
    font-size: 0.8666666667rem;
    font-weight: 400;
    justify-content: center;
    object-fit: cover;
    text-align: center;
    height: 40px;
    width: 40px;
}

.group_container .checkbox_container {
	display: flex;
	align-items: center;
}

.group_container .group_info {
	display: flex;
    flex-grow: 1;
    flex-direction: column;
    margin: 0px 5px 0px 10px;
}

.group_container .info_bottom {
	margin-top: 8px;
	font-size: 0.866666667rem;
	text-align: left;
}

.group_container .info_top {
	display: flex;
	align-items: flex-end;
}

.group_container .info_top .amount {
	margin-left: 5px;
	font-size: 14px;
	color: #aaaaaa;
}

.group_container .info_top .title {
	font-weight: 700;
}

.groups.popup .buttons {
	margin-top: 10px;
}

.groups.popup .description {
	margin-bottom: 10px;
}

.groups.popup .search.bar {
	background-color: transparent;
}

.groups.popup .search.bar input {
	background-color: var(--input-background-color);
	border-radius: 25px;
}

.groups.popup .search_options {
	display: none;
}

/* .groups.popup .checkbox .label {
	display: none;
} */

.groups.popup .search.bar .filter {
	display: none;
}

.groups.popup .horizontal.button {
	background: transparent;
	border: none;
	margin: 0;
	/* padding: 5px 8px; */
	padding: 5px 8px 5px 5px;
}

.groups.popup .horizontal.button:last-child {
    margin-bottom: 10px;
}

.groups.popup .horizontal.button:hover,
.people.popup .horizontal.button:hover,
.connection_form_notes.popup .recipient:hover {
	background-color: var(--transparent-button-background);
	filter: none;
}

.groups.popup .group_column {
	display: flex;
	flex-direction: column;
	/* margin-right: auto; */
    align-items: flex-start;
}

.groups.popup .group_row {
	display: flex; 
    align-items: center;
    font-weight: 700;
    font-size: 1.0666666667rem;
}

.groups.popup .checkbox {
	margin-left: auto;
}

.groups.popup .counter, .groups.popup .org_name {
	color: var(--light-foreground-color);
	font-size: 0.8rem;
}

.groups.popup .org_name {
	padding: 5px 0 0 0;
    line-height: normal;
}

.groups.popup .groups_list {
	max-height: 265px;
	overflow: auto;
	padding: 0 5px;
	/* box-shadow: inset 0px -10px 10px -12px rgba(0, 0, 0, 0.1) */
}

.groups.popup .audience_wrapper {
	margin-top: 10px;
}

.mobile .groups.popup {
	display: flex;
	flex-grow: 1;
    flex-direction: column;
	/* height: calc(100vh - var(--search-popup-header-height) - 53px - env(safe-area-inset-bottom)); */
	height: calc(100vh - var(--search-popup-header-height) - 120px - env(safe-area-inset-bottom));
}

.mobile .groups.popup .search.bar {
	flex-grow: 0;
}

.mobile .groups.popup .groups_list {
	flex-grow: 1;
	/* max-height: fit-content; */
	/* max-height: calc(100vh - 330px);
	max-height: calc(100vh - 260px - var(--safe-area-inset-bottom)); */
	max-height: 100vh;
}

.groups.popup .item_title.audience {
	margin: 0 5px 5px;
}

.groups.popup .input_group {
	margin-top: 5px;
}

/* guest.css */

.guest_call_to_action {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: o 10px 20px;
	margin-bottom: 25px;
}

.guest_call_to_action .title {
    padding: 25px;
    margin-top: 10px;
    border-top: 4px solid var(--see-all-border);
}

/* hand.css */

.hand {
	position: absolute;
    left: 87px;
    width: 300px; /* 168px */
    top: 1500px;
	transition: top 0.5s, opacity 0.5s;
	opacity: 1;
}

.hand.click {
    top: 322px;
	opacity: 1;
}

/* header.css */

/* .header .title {
	align-items: center;
	display: flex;
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
} */

.centered {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* .header {
	padding-left: 10px;
} */


/* history_viewer.css */

.history_viewer .history_item {
	border: 1px solid var(--border-color);
	margin: 5px 0;
	padding: 5px;
}

.history_viewer .history_item dt {
	display: inline-block;
	width: 140px;
}

.history_viewer .history_item dt::after {
	content: ": ";
}

.history_viewer .history_item dd {
	display: inline-block;
}

.history_viewer .history_item .item {
	margin: 5px 0;
	padding: 5px;
}

.history_viewer .history_item .add.item {
	border: 1px solid var(--status-active);
}

.history_viewer .history_item .set.item {
	border: 1px solid var(--status-invited);
}

.history_viewer .history_item .delete.item {
	border: 1px solid var(--status-suspended);
}

/* horizontal.css */

.horizontal {
	display: flex;
	flex-direction: row;
}

.horizontal.scroll {
	overflow: auto;
	flex-wrap: nowrap;
}

.full_width {
	width: 100%;
}

.horizontal.center {
	align-items: center;
}

.horizontal.wrap {
	flex-wrap: wrap;
}

.horizontal.categories {
	flex-wrap: wrap;
	padding: 10px 0;
}

.list .horizontal {
	align-items: center;
}

.popup .horizontal.edit {
	align-items: center;
	display: flex;
	/* flex-wrap: wrap; */
	gap: 10px;
}

.popup .horizontal.edit button {
	/* flex-grow: 1; */
    width: fit-content;
    height: auto;
	flex-grow: 1;
    width: fit-content;
    flex-direction: row;
    gap: 5px;
}

.popup .horizontal.edit .button_spacer {
	flex-grow: 1;
	width: 100px;
}

.align-center {
	align-items: center;
}

/* hr.css */

hr {
	background-color: var(--border-color);
	border: none;
	height: 1px;
	width: 100%;
}



/* images.css */

.large_image {
	width: 100%;
}

.small_image {
	/* max-width: 100px; */
	height: 140px;
	object-fit: cover;
	width: 100px;
}

.peerconnect_logo {
	width: 100px;
}

.color_peerconnect_title, .dark_peerconnect_title, .light_peerconnect_title {
	width: 210px;
	height: 70px;
}

/* incident_form.css */

.incident_form_top_section.horizontal {
    margin-bottom: 15px;
}

.incident_form h1 {
	margin-bottom: 10px;
}

.incident_form .container.page {
	display: flex;
	flex-direction: column;
	/* padding: 15px; */
	max-width: 600px;
}

.mobile .incident_form .container {
	padding: 10px;
}

.mobile .admin.peer_support_incident_summary_admin .horizontal.controls {
    flex-direction: row;
	gap: 10px;
}

.mobile .admin.peer_support_incident_summary_admin .filters {
	gap: 10px;
	width: 100%;
	margin: 0;
}

.mobile .admin  .export_summary_button.button {
	min-width: fit-content;
}

/* .mobile .admin .button.export_summary_button label {
	display: none;
} */

.peer_support_incident_summary_admin .filters {
	align-items: center; 
	gap: 10px;
}

.mobile .peer_support_incident_summary_admin .filters {
    flex-wrap: wrap;
    gap: 5px;
}

.incident_form .container > label {
	margin: 0 0 15px;
}

.incident_form .container label .name {
	font-weight: 700;
    margin-bottom: 5px;
    font-size: 1.0666666667em;
}

.incident_form .container label input[type="text"] {
	width: 100%;
}

.incident_form .date_time_input .date.input, .incident_form .date_time_input .time.input {
	display: flex;
	flex-grow: 0;
}

.incident_form .date_time_input {
    gap: 5px;
}

.incident_form .radio .wrapper {
	padding: 5px 0;
}

.incident_form .select_organization {
	align-self: end;
}

.incident_form footer {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid var(--border-color);
	padding-top: 10px;
}

.incident_form .contact_header {
	margin-bottom: 15px;
}

.mobile .incident_form_container.container.page {
    padding: 10px;
}

.incident_form_beta .subheader {
	margin-top: 10px;
}

.incident_form_beta .message {
	line-height: 1.3;
}

.incident_form_beta .form_fields {
	margin-top: 10px;
}

.incident_form_beta .tag_pills {
	border-left: 1px solid var(--border-color);
	border-right: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
}

.mobile .incident_form_beta .connection_form .question:last-child {
	margin-bottom: 10px;
}

.mobile .incident_form_beta {
	margin-bottom: 20px;
}

.external_support .item.section .label {
	flex-grow: 1;
}

.incident_form_beta .input_group {
	margin-bottom: 0;
}

.incident_form_beta .connection_form1.top {
	margin-bottom: 10px;
}

.follow_up_with_selection.popup {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.follow_up_with_selection.popup .follow_up_persons {
	gap: 20px;
	display: flex;
	flex-direction: column;
	padding: 10px 0;
	overflow: auto;
	flex-grow: 1;
}

.follow_up_with_selection.popup .follow_up_persons .buttons {
	margin: 10px 0 0 0;
	gap: 10px;
}

.follow_up_with_selection.popup .follow_up_persons .buttons .button {
	flex-grow: 1;
	width: 1px;
}

.follow_up_with_selection.popup .button.delete {
	background-color: var(--red)
}

.follow_up_with_selection.popup .audience .add_icon {
	display: none;
}

.follow_up_with_selection.popup .audience .section.button {
	padding: 0;
	background: none;
    border: none;
}

.follow_up_with_selection.popup .audience .existing_items .selected_audience {
	max-height: 75px;
	overflow: auto;
}

.follow_up_with_selection.popup .search.bar {
	flex-grow: 0;
}

.follow_up_with_selection.popup .audience {
	border: 1px solid var(--border-color);
}

.follow_up_with_selection.popup .audience .section.button .label {
	text-transform: uppercase;
	font-size: 0.7333333333rem;
	margin: 0 0 5px 5px;
}

.recommend_selection.popup {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.recommend_selection.popup .recommend_persons {
	gap: 20px;
	display: flex;
	flex-direction: column;
	padding: 10px 0;
	overflow: auto;
	flex-grow: 1;
}

/* .recommend_selection.popup .recommend_person {
	margin-bottom: 10px;
} */

.recommend_selection.popup .recommend_persons .buttons {
	margin: 10px 0 0 0;
	gap: 10px;
}

.recommend_selection.popup .recommend_persons .buttons .button {
	flex-grow: 1;
	width: fit-content;
}

.mobile .mobile_flex_0, 
.mobile .recommend_selection.popup .recommend_persons .buttons .button .mobile_flex_0 {
	flex-grow: 0;
}

.recommend_selection.popup .button.delete {
	background-color: var(--soft-red);
	border: 1px solid var(--soft-red);
	color: var(--red);
}

.recommend_multiple.popup.vertical.ten_gap .contact_header .info {
    justify-content: center;
}

.recommend_selection.popup .audience .add_icon {
	display: none;
}

.recommend_selection.popup .audience .section.button {
	padding: 0;
    background: none;
    border: none;
}

.recommend_selection.popup .audience .existing_items .selected_audience {
	max-height: 75px;
	overflow: auto;
}

.recommend_selection.popup .search.bar {
	flex-grow: 0;
}

.recommend_selection.popup .audience .existing_items {
	border: 1px solid var(--border-color);
	border-radius: 5px;
}

.recommend_selection.popup .audience .section.button .label {
	text-transform: uppercase;
	font-size: 0.7333333333rem;
	margin: 0 0 5px 5px;
}

.incident_form_beta .contact_header .info {
    justify-content: center;
}

.incident_form_beta .section.form1,
.incident_form_beta .subsection {
	border-radius: 10px;
	border: 1px solid var(--border-color);
	padding: 15px;
}

.incident_form_beta .subsection {
	box-shadow: var(--desktop-feed-item-shadow);
}

.incident_form_beta .subheader.top {
	margin-top: 0;
}

.incident_form_beta.connection_form.widget {
	gap: 0;
}

.incident_form_beta .part_number {
	white-space: nowrap;
}

.recommend_audience.tag_pills {
    border: 1px solid var(--border-color);
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.options .date_ranges .button {
    width: 100%;
}

/* indigenous_detailed_post.css */

body.indigenous_detailed_post {
	background-color: var(--secondary-background);}

.indigenous_detailed_post .content_container .attachments_container {
	border: none;
}

.indigenous_detailed_post .detailed_post .large_image {
	display: none;
}

.indigenous_detailed_post .saves_separator {
	display: none;
}

.indigenous_detailed_post .link_info {
	display: none;
}

.indigenous_detailed_post .small_images .small_image {
	cursor: pointer;
}

.indigenous_detailed_post .options {
	display: none;
}

.indigenous_detailed_post .share.round.icon.button {
	display: none;
}

.indigenous_detailed_post .shares {
	display: none;
}

.indigenous_detailed_post .avatar {
	background: none;
}

/* indigenous_hub.css */

.indigenous-hub-icon {
	background: url("https://frmh-media.s3.ca-central-1.amazonaws.com/screenshots/medicineWheel.svg") center center no-repeat;
}

.peer_connect.indigenous_hub .content_panel {
	padding: 0;
}

.indigenous_hub.page {
	max-width: none;
}

.indigenous_hub.page .horizontal.group > .center.panel {
	align-items: flex-start;
	padding: 0;
}

.indigenous_hub.page .center.panel > .content {
	max-width: none;
}

.indigenous_hub .right_panel {
	display: none;
}

.indigenous_hub.page .cover_photo {
	background-image: url("https://frmh-media.s3.ca-central-1.amazonaws.com/screenshots/m-indigenous-cover-photo.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
}

.indigenous_hub.page .organization_wrapper {
	align-items: center;
	background-color: #fafafa;
	box-shadow: var(--feed-item-shadow);
	display: flex;
	justify-content: center;
	padding: 10px 10px;
}

.indigenous_hub.page .organization_header.large .contact_header {
	background-color: #fafafa;
}

.indigenous_hub.page .organization_header .contact_header .profile_picture {
	background-image: none;
	background-color: transparent;
}

.indigenous_hub.page .organization_content {
	padding: 20px;
    max-width: 1000px;
    align-self: center;
}

.mobile.indigenous_hub.page .organization_content {
	align-self: auto;
}

.indigenous_hub.page .organization_content .header {
	align-items: center;
}

.indigenous_hub.page .organization_content .category {
	margin-bottom: 30px;
}

.indigenous_hub.page .organization_content .category > .horizontal {
	align-items: center;
	margin-bottom: 10px;
}

.indigenous_hub.page .organization_content .category > .horizontal > .title {
	margin-right: 20px;
}

.indigenous_hub.page.mobile .organization_content .category > .horizontal > .title {
	padding: 0 10px;
}

.indigenous_hub.page .thumbnails_view {
	grid-template-columns: repeat(3, minmax(190px, 400px));
    gap: 10px;
}

.indigenous_hub.page .thumbnails_view.cols2 {
	grid-template-columns: repeat(2, minmax(190px, 400px));
}

.indigenous_hub.page .thumbnails_view.cols1 {
	grid-template-columns: repeat(1, minmax(190px, 400px));
}

.indigenous_hub.page .next_page {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--background-color);
	color: var(--accent-color);
	flex-shrink: 0;
	margin-left: -20px;
	z-index: 1;
	box-shadow: var(--tooltip-shadow);
	min-width: auto;
}

.indigenous_hub.page .next_page:hover {
	opacity: 1;
}

.indigenous_hub.page.mobile .content > .cover_photo {
	height: 150px;
}

.indigenous_hub.page .organization_header {
	max-width: 1000px;
	width: 100%;
}

.indigenous_hub.page.mobile .organization_wrapper .contact_header {
	position: relative;
}

.indigenous_hub.page.mobile .org_picture_wrapper {
	position: absolute;
	left: calc(50% - 50px);
	top: -90px;
	border-radius: 10px;
	padding: 10px;
	background-color: var(--background-color);
	box-sizing: border-box;
	box-shadow: var(--tooltip-shadow);
}

.indigenous_hub.page.mobile .organization_wrapper .contact_header .info {
	margin-top: 20px;
}

.indigenous_hub.page.mobile .organization_wrapper .contact_header .info > * {
	text-align: center;
}

.indigenous_hub.page.mobile .organization_content {
	padding: 0;
}

.indigenous_hub.page.mobile .organization_content > .header {
	background-color: var(--background-color);
	border-bottom: 1px solid var(--border-color);
}

.indigenous_hub.page.mobile .search.bar.filter {
	border: none;
	box-shadow: none;
}

.indigenous_hub.page.mobile .organization_content .thumbnails_view {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.indigenous_hub.page.mobile .next_page {
	display: none;
}

.indigenous_hub.page .map.small.button {
	display: none;
}

.mobile.indigenous_hub.page .map.small.button {
	display: flex;
}

.mobile.indigenous_hub.page .map.button {
	display: none;
}

.indigenous_hub.filter > .organizations_title, .indigenous_hub.filter > .description {
	display: none;
}

.indigenous_hub .indigenous_detailed_post .content_container .description{
	max-width: 500px;
	white-space: pre-wrap;
	overflow: hidden;
}

.indigenous_hub.map_view .card_grid {
	padding: 25px;
}

.indigenous_hub.collapsed .drawer .card_grid {
	padding: 0;
}

.indigenous_hub .avatar {
	background: none;
}

/* inline_filters.css */

.inline_filters {
	align-items: center;
}

.inline_filters .icon {
	margin-right: 5px;
}


/* input.css */

input {
	-webkit-transition: 0.5s;
	background-color: var(--input-background-color);
	border-radius: 4px;
	border: 1px solid var(--input-border-color);
	box-sizing: border-box;
	color: var(--foreground-color);
	display: flex;
	flex-grow: 1;
	font-family: inherit;
	font-size: 0.8666666667rem;
	font-weight: 400;
	height: 36px;
	outline: none;
	padding: 0 8px;
	/* transition: 0.5s; */
}

input[type="date"], input[type="time"] {
	cursor: pointer;
}

/* Default date and time icon filters for in-app light/dark mode settings */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(0);
}

.dark_mode input[type="date"]::-webkit-calendar-picker-indicator,
.dark_mode input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

/* invert date/time icon filter settings if the OS is set to dark mode */
@media (prefers-color-scheme: dark) {
  input[type="date"]::-webkit-calendar-picker-indicator,
  input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
  }

  .dark_mode input[type="date"]::-webkit-calendar-picker-indicator,
  .dark_mode input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(0);
  }
}

.field_set {
	display: flex;
	/* overflow: hidden; */
	padding: 0;
	height: 36px;
}

.field_set button {
	cursor: pointer;
    position: absolute;
    right: 0;
    display: flex;
    align-self: center;
}

.field_set.password {
	padding-right: 0;
}

.field_set.password button {
	padding: 8px;
    margin: 2px 4px;
    border-radius: 4px;
}

input:focus-visible {
	box-sizing: border-box;
	border: 1px solid var(--primary-action-color);
	/* margin-right: -1px; */
	-webkit-transition: border 250ms ease-in-out;
    -moz-transition: border 250ms ease-in-out;
    -ms-transition: border 250ms ease-in-out;
    -o-transition: border 250ms ease-in-out;
    transition: border 250ms ease-in-out;
}

.unauthenticated input:focus-visible,
.unauthenticated button:focus-visible {
    outline: 1px auto var(--primary-action-color);
	-webkit-transition: border 250ms ease-in-out;
    -moz-transition: border 250ms ease-in-out;
    -ms-transition: border 250ms ease-in-out;
    -o-transition: border 250ms ease-in-out;
    transition: border 250ms ease-in-out;
}

.unauthenticated a:focus-visible {
	outline: 1px solid var(--primary-action-color);
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
	box-shadow: inset 0 0 0 1px var(--input-background-color), inset 0 0 0 100px  var(--input-background-color);
}

textarea:focus-visible {
	outline: 1px solid var(--primary-action-color);
}

.large.primary.button:focus-visible {
	outline: 1px solid var(--primary-button-focus);
}

.create_account.page .change_region:focus-visible {
	outline: 1px solid var(--primary-action-color);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   opacity: 1;
   padding: 15px 3px;
   margin-right: -8px;
   margin-left: 10px;
   box-sizing: border-box;
   flex-grow: 1;
   max-width: 15px;
   filter: grayscale(1);
}

.mobile input[type=number]::-webkit-inner-spin-button,
.mobile input[type=number]::-webkit-outer-spin-button {
   padding: 15px 9px;
}

input.small {
	width: 80px;
}

input.number {
    text-align: right;
}

input.thin {
	height: 2rem;
	margin-left: 5px;
}

.large_input {
	font-size: 0.8666666667rem;
    display: block;
    padding: 0 8px;
    box-sizing: border-box;
	flex-grow: 1;
    height: 50px;
    font-family: inherit;
    font-weight: 400;
    border: 1px solid var(--input-border-color);
    border-radius: 3px;
    background-color: var(--input-background-color);
    color: var(--foreground-color);
}

.large_code_input {
	text-transform: uppercase;
    text-align: center;
    letter-spacing: 6px;
    font-weight: 700;
    color: var(--foreground-color);
    width: 200px;
    font-size: 15px;
    height: 50px;
	display: block;
	padding: 0 8px;
	border: 1px solid var(--input-border-color);
	border-radius: 3px;
	box-sizing: border-box;
	background-color: var(--input-background-color);
}

.large_password {
	font-size: 0.8666666667rem;
    display: block;
    padding: 0 8px;
    box-sizing: border-box;
	flex-grow: 1;
    height: 50px;
    font-family: inherit;
    font-weight: 400;
    border: 1px solid var(--input-border-color);
    border-radius: 3px;
    background-color: var(--background-color);
    color: var(--foreground-color);
}

input.file {
	padding: 8px;
}

.unauthenticated .email {
	width: 100%;
}

.desktop .unauthenticated input { 
	font-size: 0.9333333333rem;
}

.unauthenticated input {
    /* background-color: var(--input-background-color);
    border: 1px solid var(--login-input-border-color); */
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--foreground-color);
    display: block;
    /* font-size: 1rem; causes late transform of text */
    font-weight: 400;
	padding: 0 12px;
    height: 46px;
    width: 100%;
}

.unauthenticated .field_set {
	height: 46px;
    width: 100%;
}

/* .field_set input {
	background: transparent;
	border: none;
	margin: 0;
} */

.invite_code.page input.invite_code,
.pending_reset_code.page input.auth_code,
.unauthenticated input.auth_code {
    width: 120px;
    padding: 0 0 0 8px;
    font-size: 1.2rem;
	/* margin: 0 0 15px 0; */
    font-weight: 700;
	flex-grow: 0;
}

.unauthenticated input.login_password {
	margin-bottom: 0;
}

.mobile .unauthenticated input, .mobile .unauthenticated .field_set {
    min-width: initial;
	flex-grow: 0;
}

/*
input.input.text, input.input.file  {
	font-size: 0.8666666667rem;
    width: 100%;
    display: block;
    padding: 0px 8px;
    box-sizing: border-box;
    height: 40px;
    font-family: inherit;
    font-weight: 400;
    border: 1px solid var(--input-border-color);
    border-radius: 3px;
    background-color: var(--background-color);
    color: var(--foreground-color);
}*/

.unauthenticated .password {
	width: 100%;
}

.invite_code.input {
	width:100%;
}

input[type=checkbox] {
	flex-shrink: 0;
	flex-grow: 0;
	cursor: pointer;
	width: 24px;
    height: 24px;
    border: 1px solid var(--input-border-color);
    box-sizing: border-box;
    background-color: var(--background-color);
}

input[type=checkbox]:hover {
	border: 1px solid var(--primary-action-color);
}

input[disabled],
.field_set[disabled],
.field_set[disabled] > button {
	cursor: not-allowed;
}

input[disabled] {
	background: var(--input-disabled-background-color);
	color: var(--input-disabled-text);
}

input[readonly],
.field_set[readonly] > button {
	border-color: var(--disabled-color);
	background: var(--input-read-only-background-color);
	color: var(--input-read-only-text);
}

.address.input.showing_predictions:focus-visible {
	background-image: url("/upload/assets/powered_by_google_on_white_hdpi.png");
    background-size: 72px 9px;
    background-position: center right 25px;
    background-repeat: no-repeat;
    transition: none;
    color: var(--placeholder-text-color);
}

.dark_mode .address.input.showing_predictions:focus-visible {
	background-image: url("/upload/assets/powered_by_google_on_non_white_hdpi.png");
}

.input_group {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	max-width: 580px;
}

.page.unauthenticated .input_group .item_title {
	margin: 10px 0;
    justify-content: center;
}

.input_group.centered .item_title {
	margin: 10px 0;
}

.input_group .input_group {
	margin-bottom: 0;
}

.popup_body .input_group {
	max-width: 100%;
	margin-bottom: 0;
}

/* .mobile .popup_body .input_group {
    margin-bottom: 5px;
} */

.title_section .input_group:last-of-type {
    margin-bottom: 0;
}

.input_group .item_title {
	display: flex;
	font-size: 0.7333333333rem;
	font-weight: 700;
	margin: 0 0 5px 5px;
	letter-spacing: 0.01rem;
	text-transform: uppercase;
}

.label_title {
	display: flex;
	font-size: 0.7333333333rem;
	font-weight: 700;
	margin: 0 0 5px;
	letter-spacing: 0.01rem;
	text-transform: uppercase;
}

.input_group .item_title.required::after {
	color: red;
	content: '*';
	margin-left: 0.1rem;
    font-size: 0.8rem;
    line-height: 0.65rem;
}

.input_group .item_title.semi_required::after {
	color: var(--alert-orange, orange);
	content: '*';
	margin-left: 0.1rem;
    font-size: 0.8rem;
    line-height: 0.65rem;
}

.input_group .item_text {
	line-height: normal;
    font-size: 0.8rem;
	background: var(--input-read-only-background-color);
    padding: 8px;
    color: var(--input-read-only-text);
    border-radius: 4px;
    border: 1px solid var(--input-border-color);
}

.settings_text_input .error_message {
	color: var(--red);
	font-size: 0.8rem;
	margin: 5px;
}

.settings_text_input.input_group .input.error {
	border-color: var(--red);
}

.settings_text_input .title_container {
	margin: 0px 0px 5px 5px;
	display: flex;
	align-items: baseline;
	gap: 5px;
}

.fa-info-circle:before {
    color: var(--secondary-text);
}

.fa-info-circle:hover {
	cursor: pointer;
}

.settings_text_input.input_group .input {
	margin: 0px;
}

.settings_text_input.input_group .item_title {
	margin: 0px;
}

.field_set.password input {
	padding-right: 0;
}

.field_set.password input[type="password"] ~ button {
	color: var(--input-placeholder-color);
	font-size: 1.2em;
}

.field_set.password input[type="text"] ~ button {
	color: var(--foreground-color);
	font-size: 1.2em;
}

.input_text {
	color: var(--light-foreground-color);
    background-color: var(--background-color);
    display: flex;
    align-items: center;
    flex-grow: 1;
    box-sizing: border-box;
    border-radius: 5px;
	border: 1px solid var(--border-color);
}

.input_text .close.icon {
	padding: 8px 10px 9px 10px;
	cursor: pointer;
}

.input_text .input {
    border: 0;
    outline: none;
    background-color: transparent;
	padding-left: 10px;
	border-radius: 0;
	width: 100%;
	display: block;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 1rem;
	color: var(--foreground-color);
}

.short_code.input,
.auth_code {
    text-transform: uppercase;
    letter-spacing: 6px;
    font-weight: 700;
	padding: 0 0 0 8px;
    color: var(--foreground-color);
    width: 120px;
	font-size: 1.2rem;
}

.page.unauthenticated .short_code[type=number]::-webkit-inner-spin-button {
    display: none;
}

.unauthenticated .use_recovery_code.link,
.unauthenticated .use_2fa.link {
    margin: 0 0 10px;
    font-size: 0.8666666667rem;
}

.short_code.input::-webkit-outer-spin-button,
.short_code.input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	display: none;
	margin: 0;
	width: 0;
	pointer-events: none;
}

.short_code.input {
	appearance: textfield;
	-moz-appearance: textfield;
}

.additional_address {
	display: flex;
    align-items: center;
}

.additional_address .remove {
	margin-left: -30px;
	margin-bottom: 5px;
    padding: 8px 10px;
    box-sizing: border-box;
    max-height: 30px;
}

.additional_address i {
	cursor: pointer;
    background-color: var(--input-background-color);
}

.authentication_code_wrapper .info_text {
	line-height: 1.3;
}

.authentication_code_wrapper .input_group,
.unauthenticated .authentication_code_wrapper input {
	margin-bottom: 0;
}

/* inputs_edit.css */

.inputs_edit .input_boxes > .horizontal > * {
	margin-right: 5px;
}

.inputs_edit .input_edit {
	border-left: 3px solid var(--accent-color);
	margin-bottom: 5px;
	padding-left: 5px;
}

/* inputs.css */

.inputs.page .markdown {
	padding: 0;
}

/* install_app_reminder.css */

.install_app_reminder.popup .wrapper {
	display: flex;
    justify-content: center;
    padding: 10px 0;
}

.install_app_reminder.popup .message_title {
	font-weight: 700;
	margin-right: 5px;
}

.install_app_reminder.popup .app-store, .install_app_reminder.popup .google-play {
	height: 60px;
	width: auto;
}

.mobile .install_app_reminder.popup .app-store, .mobile .install_app_reminder.popup .google-play {
	height: 46px;
	width: auto;
}

.install_app_reminder.popup .qr_code {
	height: 200px;
    width: auto;
}

/* invite_code.css */

.invite_code.page .description {
	color: white;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.3;
}

.invite_code.page .invite_code {
	text-transform: uppercase;
    letter-spacing: 6px;
    font-weight: 700;
    color: var(--foreground-color);
    /* width: 200px;
    margin: 10px; */
}

.invite_code.page .invite_code_container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.resend_invite.page .email {
	width: 100%;
}

.resend_invite.page .wrapper {
	width: 100%;
}

.resend_invite.page .resend_invite_container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.resend_invite.page .info_text {
	text-align: center;
	color: white;
	font-weight: 400;
	line-height: 1.3;
}

.desktop .resend_invite.page .info_text {
	margin: 0 0 15px;
}

.resend_invite.page .return_to_login, .resend_invite.page .send_reset_link {
	max-width: 280px;
}

/* item.css */

/*.frame .center .item {
	display: flex;
}*/

.center .list .item {
	/* border: 1px solid rgba(0,0,0,0.1); */
	box-shadow: rgb(0 0 0 / 16%) 0px 1px 1px;
	border-radius: 10px;
	margin: 10px 0 0 0;
	max-width: 700px;
	width: 100%;
	box-sizing: border-box;
	background-color: var(--background-color, white);
}

.center .list .item .row {
	padding: 20px;
	display: flex;
}

.center .list .item .item_footer {
	border-top: 1px solid rgba(0,0,0,0.1);
	display: flex;
	justify-content: space-between;
	padding: 5px 20px 5px 5px;
}

.center .list .item .footer {
	border-top: 1px solid rgba(0,0,0,0.1);
	display: flex;
	justify-content: space-between;
	padding: 5px 20px 5px 5px;
}

/* .popup .tools2 {
	background-color: rgba(128,128,128,0.1);
	padding: 0 10px;
}

.popup .tools > .button {
	padding: 5px;
}

.popup .tools .button .txt {
	display: none;
} */



/* learning.css */

.learning.desktop .bottom_content_section {
    gap: 25px;
}

.learning.desktop .card_grid {
    grid-gap: var(--grid-gap);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media only screen and (max-width: 1300px) {
    .learning.desktop .card_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    
}

.mobile.learning .card .image_container {
    height: 200px;
}

.mobile.learning .search_title div {   
    margin: 10px 0;
}

.mobile.learning .top_cards {
    gap: 10px;
}

.mobile.learning .admin .content_panel {
	padding: 0;
}

.learning .popular_topics button.topic .label {
    width: auto;
}

.learning .date_container {
    display: flex;
    align-items: center;
    min-height: 21px;
}

.desktop.learning .content_panel {
    padding: 0;
    /* background-color: var(--background-color); */
}

.learning .today {
    background-color: var(--red);
    color: white;
    font-weight: 700;
    padding: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 10px;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    margin-left: 10px;
	font-size: 0.7rem;
}

.learning.desktop .content_panel {
    padding: 0px;
	gap: 25px;
}

.learning.desktop .top_content .controls {
	gap: 15px;
	margin: 15px 0px 0px 0px;
}

.learning.desktop .admin .top_content .controls {
    margin: 10px 0px 0px 0px;
}

.learning.mobile .add_item.container {
	width: 100%;
	padding-top: 0;
}

.learning.mobile .add_item {
	padding-bottom: 0px;
}

.learning.mobile .pill_bar {
    padding-top: 10px;
	padding-bottom: 0px;
}

/* .learning.mobile .course_event.card, .learning.mobile .peerconnect_course_card.card {
	min-width: 80vw;
} */

.mobile.learning .bottom_content_section {
	gap: 15px;
    padding-bottom: 10px;
}

.mobile.learning .bottom_content {
	padding: 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.mobile.learning .top_content {
	display: none;
}

/* .learning .bottom_content {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 15px 15px 15px;
    display: flex;
    justify-content: center;
} */

.learning .bottom_content_section {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.desktop.peer_connect.learning .bottom_content,
.desktop.peer_connect.learning_shared_admin .bottom_content {
    width: 100%;
    /* max-width: 1400px; */
    box-sizing: border-box;
    padding: 0px 15px 15px 15px;
    display: flex;
    justify-content: center;
}

.learning .learning_container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.org_profile.desktop.learning .learning.list_view .card_grid {
    padding: 0px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.mobile.learning .learning_container {
	gap: 15px;
	margin-top: 10px;
}

.learning .learning_container .top_section {
    cursor: pointer;
}

.mobile.learning .content_type_label {
	margin: 0 10px;
}

.learning .learning_container .top_section .view_all {
    margin-right: 5px;
    color: var(--primary-action-color);
}

.learning .learning_container .top_section i.fa-chevron-right {
    color: var(--primary-action-color);
}

.learning .peerconnect_course_card {
	cursor: pointer;
    width: 100%;
    display: grid;
    flex-grow: 1;
}

.learning .peerconnect_course_card .status {
	position: absolute;
    background-color: #28A745;
    color: white;
    left: 10px;
    bottom: 15px;
    font-weight: 700;
    padding: 5px 7px;
    border-radius: 5px;
    box-sizing: border-box;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
}

.learning .peerconnect_course_card .status.complete {
	background-color: #28A745;
}

.learning .peerconnect_course_card .status.incomplete {
	background-color: var(--primary-action-color);
}

.learning .peerconnect_course_card .status.start_now {
	background-color: var(--primary-action-color);
}

.learning .right_panel {
	/* display: none; */
}

.learning .top_content {
	width: 100%;
	padding: 0px 15px 0px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-content: space-between;
}

.org_profile.desktop.learning .top_content {
	padding: 0px 0 15px;
}

.peer_connect.learning .learning .top_content {
    width: 100%;
    padding: 0px 15px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.learning .top_content_section {
	max-width: 1200px;
	align-self: center;
	width:100%;
}

.desktop.learning .top_content_section .title {
    margin: 15px 0 0 0;
    font-size: 2rem;
}

.org_profile.learning .top_content_section .title,
.topic_profile.learning .top_content_section .title {
	display: none;
}

.desktop.learning.org_profile .top_content .controls {
	margin: 0;
}

.horizontal.center.search_wrapper.space_between .horizontal.center.search_wrapper.space_between {
	flex-grow: 1; /* REMOVE AFTER Fixing #1992 */
}

.desktop.learning.org_profile .list_view .card_grid {
    padding: 0px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.learning .horizontal.active_filter_list {
    margin: 10px 0 0;
    padding: 0;
}

/* lesson.css */

.lesson {
    align-items: center;
    border-radius: 10px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 395px;
    justify-content: center;
    margin: 0px 0px 10px;
    max-width: 700px;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
}

.lesson .container {
	align-items: center;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.lesson .container .title {
    display: flex;
    font-size: 30px;
    font-weight: 700;
    padding: 15px 15px 0px;
    text-transform: uppercase;
}

.lesson .container .title h2 {
    font-weight: inherit;
    margin: 0px 10px 0px 0px;
}

.lesson .panel {
	display: flex;
    flex-direction: column;
    align-items: center;
	max-width: 500px;
}

.lesson .panel .title{
	display: flex;
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding: 15px 15px 0 15px;
	align-items: center;
}

.lesson .panel .description{
	margin: 0 10px 0 0;
	max-width: 400px;
	text-align: center;
}

.lesson .panel .subtext{
	max-width: 500px;
	line-height: 1.5em;
	display: flex;
	font-size: 0.8666666667rem;
	text-align: center;
	position: relative;
	font-weight: 400;
	padding: 15px;
}


.anxiety.lesson {
	background: url("/upload/assets/mindfulness_anxiety.jpg") center center / cover;
}

.difficult_emotions.lesson {
	background: url("/upload/assets/mindfulness_emotions.png") center center / cover;
}

.mindfulness_basics.lesson {
	background: url("/upload/assets/mindfulness_basics.jpg") center center / cover;
}

.occupational_stress_injuries.lesson {
	background: url("/upload/assets/mindfulness_osi.png") center center / cover;
}

.stress.lesson {
    background: url("/upload/assets/mindfulness_stress.jpg") center center / cover
}

.workplace_conflict.lesson {
	background: url("/upload/assets/mindfulness_workplace.png") center center / cover;
}

/* library_beta.css */

/*-------------------*/
/*  OVERRIDES        */
/*-------------------*/
.library_beta.desktop .search.bar {
	width: 350px;
}

.library_beta .search.bar .search.icon {
	color: var(--primary-action-color);
}

.library_beta .desktop .search.bar.with_menu .input {
	background-color: var(--input-alt-background-color);
}

.library_beta .search.bar.with_menu .menu_button .name {
	font-size: 1rem;
}

/*-------------------*/
/* GENERAL           */
/*-------------------*/
.watermark {
	color: var(--disabled-text);
	font-size: 0.8rem;
	pointer-events: none;
	position: absolute;
	text-transform: uppercase;
	z-index: 100;
}

.library_beta.desktop .content_panel {
	padding: 0;
}

.library_beta .right_panel {
	display: none;
}

.library_beta .top_content {
	/* background: linear-gradient(0deg, transparent 0%, var(--background-color) 10%); */
	box-sizing: border-box;
	left: 0;
	padding: 30px 30px 0 30px;
	position: sticky;
	top: -5px;
	width: 100%;
	z-index: 3;
}

.library_beta .top_content .controls.vertical > .add_item.container {
	display: none;
}

.library_beta .top_content a {
	color: inherit;
	cursor: pointer;
	display: inline-block;
	width: fit-content;
}

.library_beta .top_content .heading {
	background: var(--background-color);
	padding: 0 0 23px 0;
}

.library_beta .top_content .heading .title {
	font-size: 2rem;
}

.library_beta .top_content .controls.vertical {
	background: var(--background-color);
}

.library_beta .horizontal.search_row.multiline {
	margin-bottom: 14px;
}

.library_beta .bottom_content {
	box-sizing: border-box;
	padding: 0 30px 15px 30px;
	width: 100%;
	/* z-index: -1; */
}

.library_beta .bottom_content .loading {
	margin-bottom: 40px;
}

.library_beta .filter_summary {
	color: var(--secondary-text);
	cursor: default;
	font-size: 1rem;
	margin-bottom: 20px;
}

.library_beta .content_type_label {
	display: block;
	font-size: 1rem;
	letter-spacing: -0.001rem;
	margin-bottom: 10px;
	text-decoration: none;
}

.library_beta .content_type_label:hover {
	cursor: pointer;
	text-decoration: underline;
}

.library_beta .content_type_label.selected {
	color: var(--primary-action-color);
}

.library_beta .content_type_label.selected::before {
	content: "\f053";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 5px;
}

.library_beta .content_type_label.selected:hover::before {
	text-decoration: none;
}

.library_beta .loading {
	text-align: center;
}

/*-------------------*/
/* Map Drawer        */
/*-------------------*/
.library_beta .map_drawer ~ .top_content {
	height: 0;
}

.library_beta .map_drawer ~ .bottom_content {
	margin-top: calc(var(--bottom-drawer-height) - var(--safe-area-inset-top) - var(--header-height));
}

.library_beta .map_drawer ~ .top_content .controls.vertical,
.library_beta .map_drawer ~ .top_content .pill_bar .scroll_pills.right::after,
.library_beta .map_drawer ~ .top_content .pill_bar .scroll_pills.left::before,
.library .map_drawer ~ .top_content .pill_bar .scroll_pills.right::after,
.library .map_drawer ~ .top_content .pill_bar .scroll_pills.left::before {
	background: transparent;
}

.library_beta .map_drawer {
	align-items: center;
	background-color: var(--background-color);
	bottom: var(--bottom-drawer-height);
	box-shadow: var(--drawer-shadow);
	display: flex;
	flex-direction: column;
	left: var(--left-panel-width);
	position: fixed;
	right: 0;
	top: calc(var(--safe-area-inset-top) + var(--header-height));
	transition: bottom 300ms;
	z-index: 1;
}

.mobile.library_beta .map_drawer {
	top: calc(var(--safe-area-inset-top));
	left: 0;
}

.library_beta .list_count {
	align-items: center;
	color: var(--primary-action-color);
	display: flex;
	justify-content: center;
	padding: 15px 10px;
}

.library_beta .map_handle {
	display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    width: 100%;
}

.library_beta .map_handle .icon.fa-sort-up {
	padding-top: 7px;
}

.library_beta .map_handle .icon.fa-sort-down {
	padding-bottom: 5px;
}

/*-------------------*/
/* Content List      */
/*-------------------*/
.library_beta .library_container {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-bottom: 30px;
	padding: 0 3px;
}

.library_beta .library_container .content_list {
	display: grid;
	gap: 15px 10px;
	margin-bottom: 12px;
}

.library_beta .library_container .content_list.row {
	grid-auto-flow: column;
	grid-template-columns: repeat(3, 1fr);
}

.library_beta .library_container .content_list.grid {
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}


/*-------------------*/
/* Tag Bar			 */
/*-------------------*/
.library_beta .tag_bar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding-left: 5px;
}

.library_beta .tag_bar li button {
	align-items: center;
	background: var(--input-background-color);
	border-radius: 5px;
	color: var(--secondary-text);
	cursor: pointer;
	display: flex;
	font-size: 0.6rem;
	gap: 5px;
	padding: 6px 10px;
}


/*-------------------*/
/* CONTENT CARD      */
/*-------------------*/
.content_card {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.content_card .image_container {
    overflow: hidden;
    border-radius: 10px;
	max-height: 200px;
    /* border: 1px solid var(--soft-border-color); */
	background-position: center;
	background-size: cover;
}

.content_card .image_container[style*=".png"],
.content_card .image_container[style*=".svg"] {
	background-color: white;
	background-image: none !important;
}

.content_card .image_container img {
	height: 200px;
	object-fit: contain;
    transition: transform 0.2s;
	width: 100%;

	/* image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor; */

	-webkit-backdrop-filter: blur(150px);
	backdrop-filter: blur(150px);
}

.library_beta .content_card .image_container img {
	object-fit: cover;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.content_card.compact .image_container img {
	height: 140px;
}

.mobile .content_card .image_container img {
	height: 100px;
}

.library_beta .content_card .image_container img:hover {
	transform: scale(1.15);
}

.content_card .info {
	align-items: center;
	border-bottom: 1px solid var(--contained-border-color);
	color: var(--light-foreground-color);
	display: flex;
	height: 0.7rem;
	gap: 3px;
	font-size: 0.73rem;
	margin-bottom: 8px;
	padding: 5px;
}

.content_card .info .icon {
	font-size: 0.66rem;
}

.content_card .info .fa {
	font-size: 0.7rem;
}

.content_card .info .fa-thumbs-up {
	color: var(--like-icon-color);
}

.content_card .info .fa-bookmark {
	color: var(--save-icon-color);
}

.content_card .info a {
	color: inherit;
	cursor: pointer;
}

.content_card .info a:hover {
	text-decoration: underline;
}

.content_card h3 {
	font-size: 1rem;
	font-weight: normal;
	margin-bottom: 7px;
}

.content_card .organization {
	color: var(--light-foreground-color);
	font-size: 0.81rem;
	letter-spacing: 0.03rem;
}

/* .see_all_container .see_all_button {
	border-color: var(--primary-action-color) !important;
} 

.see_all_container .see_all_divider {
	border-color: var(--light-primary-color) !important;
} */


/*-------------------*/
/* FILTERS           */
/*-------------------*/

.library_beta .library_filter_menu .filter_section {
	border-top: 1px solid var(--light-background-color);
}

.library_beta .library_filter_menu .filter_section > .header {
	align-items: center;
	color: var(--secondary-text);
	display: flex;
	font-size: 0.86rem;
	font-weight: 700;
	height: 44px;
	padding: 0 10px;
	width: 100%;

	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: nowrap;
}

.library_beta .library_filter_menu .filter_section > .header.collapsible {
	cursor: pointer;
}

/* Hide the filter section content by default */
.library_beta .library_filter_menu .filter_section > .header.collapsible ~ * {
	display: none;
}

/* Show the filter section content when the section is expanded */
.library_beta .library_filter_menu .filter_section > .header.collapsible.expanded ~ * {
	display: block;
}

/* Add a chevron to the filter section header */
.library_beta .library_filter_menu .filter_section > .header.collapsible::after {
	content: "\f106";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 0.8rem;
	font-weight: 900;
	margin-left: auto;
}

/* Change the chevron direction when the section is expanded */
.library_beta .library_filter_menu .filter_section > .header.collapsible.expanded::after {
	content: "\f107";
}

.library_beta .library_filter_menu .filter_section .subtitle {
	color: var(--secondary-text);
	font-size: 0.7333333333rem;
	font-weight: 700;
	padding: 15px 10px 5px;
	text-transform: uppercase;
}

.library_beta .library_filter_menu .category {
	cursor: pointer;
	display: flex;
	font-size: 0.86rem;
	padding: 12px 15px;
	position: relative;
	width: 100%;
}

.library_beta .library_filter_menu .category:hover::before {
	background-color: var(--primary-background);
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -15px;
	z-index: -1;
}

.library_beta .library_filter_menu .category i:last-child {
	margin-left: auto;
}

.library_beta .library_filter_menu .category .title {
	position: relative;
	top: -1px; /* Align with the icons */
}

.library_beta .library_filter_menu .category.selected {
	color: var(--primary-action-color);
	font-weight: 700;
}

.library_beta .library_filter_menu .filter_list {
	padding-bottom: 15px;
}

/* Indent nested filter lists */
.library_beta .library_filter_menu .filter_list .filter_list {
	padding-left: 15px;
}

/* Draw a back chevron for the selected category */
.library_beta .library_filter_menu .filter_list .category.selected .title::before {
	content: "\f053";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 0.8rem;
	font-weight: 900;
	margin-right: 7px;
}

.library_beta .library_filter_menu .category .count {
	color: var(--info-text);
	font-size: 0.66rem;
	margin: 0 5px;
}

.library_beta .library_filter_menu .filter_list .checkbox {
	font-size: 0.8666rem;
	padding: 0 5px 0 10px;
}


/*-------------------*/
/* MISC. STYLES      */
/*-------------------*/
/* TODO: Move these to the appropriate files when this replaces the old library */

.library_beta .add_item.basic.button {
	gap: 10px;
	margin-left: auto;
	padding: 7px 5px;
}

.library_beta .map_drawer.expanded {
	bottom: 0;
}

.mobile.library_beta .map_drawer.expanded {
	bottom: var(--mobile-footer-height);
}

.mobile.library_beta .map_drawer.collapsed {
	bottom: calc(var(--mobile-footer-height) + var(--bottom-drawer-height));
}

.library_beta .map_drawer ~ .top_content {
	top: calc(var(--safe-area-inset-top) + var(--header-height));
}

.mobile.library_beta .map_drawer ~ .top_content {
	top: var(--safe-area-inset-top)
}

/*-------------------*/
/* ORG PROFILE VIEW  */
/*-------------------*/

.org_profile_content .top_content,
.topic_profile_content .top_content {
	padding: 0;
}

.org_profile_content .bottom_content,
.topic_profile_content .top_content {
	padding: 0;
}


/*-------------------*/
/* MOBILE STYLES     */
/*-------------------*/

/*-------------------*/
/* GENERAL           */
/*-------------------*/

.mobile.library_beta .top_content .heading {
	align-items: center;
	background: linear-gradient(0deg, var(--mid-gradient-color) 0%, var(--accent-color) 100%);
	display: flex;
	gap: 10px;
	justify-content: space-between;
	padding: 10px;
}

.mobile.library_beta .top_content .title {
	color: #FFF;
	font-size: 1.33rem;
}

.mobile.library_beta .top_content .toolbar {
	background: var(--accent-color);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	padding: 10px;
	position: unset;
	width: 100%;
}

.mobile.library_beta .horizontal.search_row {
	margin-bottom: 10px;
}

.mobile.library_beta .top_content .controls.vertical > .add_item.container {
	display: flex;
}

.mobile.library_beta .library_container .content_list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.mobile.library_beta .bottom_content {
	padding: 0 5px 5px 5px;
}

/* library.css */

.mobile.library .search_row_spacer {
	margin-top: var(--mobile-search-and-filter-height);
}

.add_content_section .description {
	margin-bottom: 10px;
}

.library .content_loaded_wrapper.loaded {
    gap: 30px;
}

.add_content_section .title {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 10px;
}
/*
.add_content_section ul.library_categories {
	margin-bottom: 40px;
} */

.add_content_section ul.library_categories li {
	/* border-bottom: 1px solid var(--border-color); */
	cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    align-items: center;
    box-sizing: border-box;
}

.add_content_section ul.library_categories li .icon {
	padding: 10px;
	color: var(--primary-action-color);
    background: var(--light-primary-color);
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    text-align: center;
}

.add_content_section ul.library_categories li:last-child {
    border: none;
}

.add_content_section {
    margin: -10px -10px 0;
}

/* .popular_topics .topic:focus-visible {
    border: 1px solid var(--primary-action-color);
} */

.popular_topics .topic.basic.button:focus-visible {
	background-color: var(--light-background-color);
    color: var(--primary-action-color);
}

.popular_topics .topic:focus-visible.icon {
    color: var(--foreground-color);
    text-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}

.popular_topics .topic:focus-visible {
	border: 1px solid var(--primary-action-color);
    background-color: var(--light-primary-color);
    color: var(--primary-action-color);
}

.library.desktop .controls .search.bar {
	width: 300px;
	flex-grow: 0;
}
/* 
.library .content_panel,
body.peer_connect.mobile.library {
	background-color: var(--background-color);
} */

.library.desktop .content_panel {
	display: flex;
	width: 0px;
	padding: 0px;
	gap: 15px;
}

/* .library.desktop .content_panel .pill {
    background: var(--light-background-color);
} */

.library.desktop .content_panel .topic_tags .pill.selected {
	background: var(--primary-action-color);
}

/* .library.desktop .search_bar_with_menu .input_container input{
	min-width: 250px;
} */

.desktop .top_content .controls {
	margin: 15px 0px 0px;
}

.desktop .map_view .top_content .controls {
	margin: 0;
}

.org_profile.desktop .top_content .controls,
.org_profile.desktop .category_content .controls,
.topic_profile.desktop .top_content .controls,
.topic_profile.desktop .category_content .controls {
	margin: 0px;
}

.desktop .top_content .controls,
.desktop .category_content .controls {
	display: flex;
	gap: 15px;
	grid-column-gap: 5px;
	border: none;
	padding: 0;
}

.library.mobile .add_item {
	width: 100%;
}

.library.mobile.org_profile .top_image_section.vertical {
	border-radius: 0;
}

/* .library.mobile .library_card {
	min-width: 40vw;
} */

.mobile .library_card:last-child {
	margin-right: 10px;
}

/* .library.mobile .library_container {
	overflow-x: scroll;
}  */

/* .library.mobile .popular_topics_cards::-webkit-scrollbar,
.library.mobile .library_container::-webkit-scrollbar {
	display: none;
}
/* Hide scrollbar for IE, Edge and Firefox
.library.mobile .popular_topics_cards,
.library.mobile .library_container {
	-ms-overflow-style: none;
	scrollbar-width: none;
} */

.library.mobile .search_row .filter.button {
	border-radius:0px;
    height: 36px;
    border-left: none;
    border-right: none;
}

.library.mobile .top_content .controls, .library.mobile .category_content .controls {
	margin: 8px 0px 10px 0px;
}
/* Might need to go after search mobile fix  */
.library.mobile .category_content .controls {
	margin: 10px 0 0;
}

.library .bottom_content {
	width: 100%;
	/* max-width: 1400px; */
	max-width: 1200px;
	box-sizing: border-box;
	padding: 0px 15px 15px 15px;
    display: flex;
    justify-content: center;
}

.mobile.library .bottom_content {
	padding: 0;
}

.library .bottom_content_section {
	max-width: 1200px;
	width: 100%;
    display: flex;
    flex-direction: column;
}

.desktop.library .bottom_content_section {
	gap: 30px;
}

.library .card_grid {
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	padding: 0px 15px;
}

.mobile.library .see_all .image_container .image {
    max-height: 200px;
}

.desktop.library .card_grid {
    gap: 30px 25px;
	padding: 0;
}

.mobile.library .card_grid {
	padding: 0 10px;
    gap: 15px;
}

.library .category_content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.library .image_container .image {
	height: 240px;
	max-height: 240px;
	width: 100%;
	/* box-shadow: 0 5px 5px var(--input-background-color); */
	/* border: 1px solid var(--border-color); should only be on parent because of zoom in on hover focus effect */
	/* object-fit: cover; */
	object-fit: contain;
    transition: transform 0.2s;
    /* transform: scale(1.05); */
	-webkit-backdrop-filter: blur(150px);
    backdrop-filter: blur(150px);
}

.desktop .library_card .image_container {
    height: 240px;
}

.mobile .library .image_container .image {
    min-height: 100px;
    max-height: initial;
	height: initial;
}

.desktop.library .image_container:hover .image {
    /* transform: scale(1.05); */
    border-radius: 10px;
}

.library_panel .thumbnail:hover .image,
.library_panel .thumbnail .image {
    transform: scale(1.0);
}

.mobile.library .category_content .image_container .image {
	max-height: 200px;
}

.card_grid .library_card .image_container {
	box-sizing: border-box;
	border: none;
	height: 220px;
}

.library_card .image_container {
	display: flex;
	align-items: center;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: var(--offset-box-shadow);
}

@media only screen and (max-width: 699px) and (min-width: 376px) {
	.mobile.library .image_container .image {
		max-height: 240px;
	}
}

@media only screen and (min-width: 1600px) {
	.card_grid .library_card .image_container {
		max-height: 200px;
	}
}

@media only screen and (min-width: 1350px) {
	.top_cards,
	.card_grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-gap: 25px 15px;
	}
}

@media only screen and (max-width: 1460px) {
	.top_cards,
	.card_grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-gap: 25px 15px;
	}
}

/* @media only screen and (min-width: 1350px) {
	.org_profile .top_cards,
	.org_profile .card_grid,
	.topic_profile .top_cards,
	.topic_profile .card_grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
} */

@media only screen and (max-width: 1460px) and (min-width: 880px) {
	.top_cards,
	.card_grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-gap: 25px 15px;
	}
	.library .image_container .image {
		height: 200px;
		max-height: 200px;
	}
	.desktop .library_card .image_container {
		height: 200px;
	}
}


/* .library .popular_topics_cards {
	gap: 20px;
	justify-content: space-between;
} */

.popular_topics_cards {
	width: 100%;
    gap: 10px;
    display: flex;
	flex-wrap: wrap;
}

.library .library_card {
	cursor: pointer;
	width: 100%;
    flex-direction: column;
    display: flex;
    flex-grow: 1;
}


.mobile.library .library_card {
	box-sizing: border-box;
}

.library .library_card .title {
	margin: 10px 0px 5px;
	font-weight: 700;
	font-size: 1.2rem;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.mobile.library .library_card .title {
	font-size: 1rem;
    font-weight: 400;
	margin: 10px 0 5px;
}

.library .library_card .read_container {
	margin-bottom: 10px;
}

.library .library_card .read_container .text {
	margin-right: 10px;
}

.library .library_card .reshare.title {
	margin: 0px;
    font-size: 0.8666666667rem;
	border-radius: 0;
	left: 0px;
}

.library .library_card .sub_text {
	/* font-weight: 700; */
    color: var(--light-foreground-color);
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 0;
}

.mobile.library .library_card .sub_text {
    font-size: .8rem;
}

.mobile.library .library_container .top_section .content_type_label {
	padding:  15px 10px 0;
}

.desktop.library .library_container .top_section .content_type_label {
    font-size: 1.5rem;
    text-transform: initial;
    letter-spacing: initial;
    color: var(--forground-color);
}

.library .library_container .top_section .content_type_label {
	cursor: pointer;
	/* margin-left: -10px; */
	padding: 10px 10px 0;
}

.library .library_container .top_section .content_type_label:hover {
	text-decoration: underline;
}

.desktop.library .popular_topics .title {
    display: none;
}

.desktop.library .library_container:first-of-type .top_section.popular_topics {
    padding: 10px 0 0;
}

.mobile.library .library_container .top_section.popular_topics {
    padding: 10px 10px 0;
    border: none;
}

.library.mobile .top_cards {
	/* overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; */
    /* margin: 0 0 10px 10px; */
	gap: 15px;
}

.top_cards {
	display: grid;
    grid-gap: 30px;
}

.mobile .top_cards {
	padding: 0 10px;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.desktop.library .top_category_content .title {
	color: var(--foreground-color);
}

.desktop.library .top_content_section .title {
	font-size: 2rem;
}

.mobile.library .library_container .top_section {
	padding: 0 10px 0;
	/* padding: 10px 10px 0; */
    align-items: center;
}

.mobile.library .search_title div {
	font-size: 0.8666666667rem;
    margin: 15px 0 0;
}

.desktop.library .top_content_section .title.search_title {
    margin: 15px 0 0;
	font-size: 1.2rem;
}

.top_section .title {
	font-size: 1.3333333333rem;
	font-weight: 700;
    align-self: flex-end;
}

.library .library_container .top_section .view_all {
	margin-right: 5px;
	color: var(--primary-action-color);
}

.mobile .view_all {
    font-size: 0.8666666667rem;
}

.library .library_container .top_section i.fa-chevron-right {
	color: var(--primary-action-color);
}

.library .right_panel {
	/* display: none; */
}

.library .search_bar_with_menu {
	flex-grow: 0;
}

.desktop.library .top_category_content .filter.button {
    background-color: var(--basic-button-background);
}

.mobile.library .top_category_content .search_row{
	margin: 10px 0 0;
	gap: 0;
}

.top_category_content .title {
    /* margin: 15px 0 10px; */
	font-weight: 700;
	font-size: 1.2rem;
	color: var(--foreground-color);
}

.mobile .bottom_content_section .title.search_title {
    margin: 0;
    padding: 0 10px 0;
    box-sizing: border-box;
    font-size: 0.8666666667rem;
	font-weight: 400;
}

.desktop .top_category_content .title {
	font-size: 1.3333333333rem;
    /* margin: 25px 0 0; */
}

.desktop .bottom_content_section .title.search_title {
	font-weight: 400;
	font-size: 1.1rem;
}

.library_container {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.mobile .library_container {
    gap: 15px;
}

.mobile .library_container:last-child {
    padding-bottom: 15px;
}

.library .title.search_title {
	/* cursor: pointer; */
	gap: 10px;
}

.top_content_section .title {
	font-size: 1.3333333333rem;
    margin: 15px 0 10px 0;
	font-weight: 700;
}

.library .top_content {
	width: 100%;
    /* max-width: 1400px; */
	padding: 0px 15px 0;
	box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-content: space-between;

}

.mobile.library .top_category_content {
    padding: 0 10px;
}

/* .desktop.library .admin .top_content {
	background: linear-gradient(0deg, var(--background-color) 50%, var(--primary-background) 100%);
} */

/* .mobile.library .top_content {
	padding: 10px;
} */

.library .top_content_section {
	/* max-width: 1400px; */
	max-width: 1200px;
	width: 100%;
	align-self: center;
}

.library .top_image_section {
	background-size: cover;
    background-position: center;
	cursor: pointer;
	height: 450px;
	justify-content: flex-end;
    border-radius: 0 0 15px 15px;
}

.library .top_image_section .content {
	padding: 105px 15px 15px 15px;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	color: white;
    border-radius: 0 0 15px 15px;
}

.mobile .popular_topics {
	justify-content: flex-start;
	gap: 10px;
	display: flex;
	/* border-bottom: 1px solid var(--border-color); */
    padding: 15px 10px 10px;
}

.mobile .popular_topics .pill {
	font-size: .8rem;
	line-height: normal;
	cursor: pointer;
}

.mobile .top_section .title {
    font-size: 1.2rem;
}

.mobile .popular_topics .top_section .title {
    font-size: 1rem;
    margin: 0;
}

.library .popular_topics.title {
	margin: 0 !important;
	padding: 15px 0px;
}

.desktop.library .popular_topics.title {
	padding: 30px 0 15px;
}

/* .popular_topics {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
} */

.popular_topics {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	gap: 10px;
	justify-content: center;
	flex-direction: row;
    flex-wrap: wrap;
}

.desktop .top_category_content .popular_topics {
	margin-top: 10px;
}

.mobile .top_category_content .popular_topics {
	padding: 10px 0;
}

.popular_topics .topic.basic.button {
    justify-content: flex-start;
	background: transparent;
    border: 1px solid transparent;
	/* background: var(--light-background-color); */
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--foreground-color);
	cursor: pointer;
	flex-direction: column;
	font-size: 0.8rem;
	font-weight: 700;
	gap: 10px;
	object-fit: contain;
	padding: 10px;
	height: 120px;
	filter: none;
	/* min-width: 120px;  need both width and min-width for flex 1 1 auto to grow */
    flex: 1 1 auto;
}

@media only screen and (max-width: 1321px) {
	.popular_topics .topic.basic.button {
		height: auto;
		/* flex-direction: row; */
		width: auto;
	}
	.popular_topics .popular_topics_cards .topic .icon {
		font-size: 1.25rem;
		text-shadow: none;
	}
}

.library .popular_topics .popular_topics_cards .topic .label {
	width: 119px;
	min-width: initial;
}

.library .popular_topics_cards {
	gap: 0;
}

.desktop .popular_topics_cards {
	margin-top: 15px;
}


.popular_topics .topic.basic.button {
	min-width: initial;
}

@media only screen and (min-width: 700px) and (max-width: 840px) {
	.popular_topics .popular_topics_cards .topic.basic.button {
		width: 120px;
	}
	.learning .popular_topics .popular_topics_cards .topic.basic.button {
		width: 100px;
	}
}

@media only screen and (max-width: 1240px) and (min-width: 1000px) {
	.popular_topics .topic.basic.button {
		flex-direction: column;
	}
}


@media only screen and (min-width: 1240px) and (max-width: 1350px) {
	.popular_topics .topic.basic.button {
		/* min-width: 200px; */
		max-width: unset;
	}
	.library .popular_topics .topic.basic.button {
		min-width: 210px;
	}
}

@media only screen and (min-width: 1051px) and (max-width: 1240px) {
	.popular_topics .topic.basic.button {
		min-width: 100px;
	}
	.library .popular_topics .topic.basic.button {
		min-width: 180px;
	}
	.popular_topics button.topic .label {
		font-size: 0.8666666667rem;
	}
	/* .library .popular_topics .popular_topics_cards .topic .label {
		text-align: left;
	} */
}

@media only screen and (min-width: 700px) and (max-width: 1000px) {
	.popular_topics .topic.basic.button {
		min-width: 180px;
	}
	.learning .popular_topics .topic.basic.button {
		min-width: 100px;
	}
	.library .popular_topics .topic.basic.button {
		min-width: initial;
		width: 140px;
	}
	.popular_topics button.topic .label {
		font-size: 0.8666666667rem;
	}
	.learning .popular_topics button.topic .label {
		width: 80px;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1051px) {
	.popular_topics .topic.basic.button {
		min-width: 180px;
	}
	.library .popular_topics .topic.basic.button {
		min-width: 150px;
		width: 100px;
	}
	.popular_topics button.topic .label {
		font-size: 0.8666666667rem;
	}
}

.mobile .popular_topics .pill.selected {
	border: 1px solid var(--primary-action-color);
    background-color: var(--light-primary-color);
    color: var(--primary-action-color);
}

.popular_topics .topic.basic.button i {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

button.basic.button.icon_text.topic.selected i {
	color: white;
	background: var(--primary-action-color);
}

.popular_topics .topic.basic.button:hover i {
	background-color: var(--primary-action-color);
    color: white;
}

.popular_topics .topic.selected .label {
    color: var(--primary-action-color);
}

.popular_topics .topic .icon {
	/* font-size: 2rem;
	color: var(--foreground-color);
    text-shadow: var(--topic-icon-shadow); */
	font-size: 1.5rem;
    background-color: var(--light-primary-color);
    color: var(--primary-action-color);
    padding: 10px;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    display: flex;
    box-shadow: 0 4px 4px var(--background-shade);
}

.popular_topics .topic .label {
	line-height: 1.3;
	white-space: initial;
	width: 90px;
	font-size: 0.8666666667rem;
	font-weight: 400;
	color: var(--light-foreground-color);
    justify-content: center;
}

.mobile.library .top_image_section .content,
.mobile.library .top_image_section {
	border-radius: 0;
}

.mobile.library .top_image_section {
	height: 300px;
}

.library .top_image_section .content .description {
	margin-bottom: 8px;
}

/* .library .top_image_section .content .description .part_one {
	font-weight: 700;
} */

.library .top_image_section .content .description .part_two {
	font-weight: 700;
}

.library .top_image_section .content .description .part_two:hover {
	text-decoration: underline;
	cursor: pointer;
}

.library .top_image_section .content .title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}

.mobile.library .top_image_section .content .title {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mobile.library .active_filter_list {
    align-self: flex-start;
	padding: 0;
}

.mobile.library .active_filter_list .pill {
	background-color: var(--light-background-color);
}

.desktop.library .content_panel > .category_content .top_category_content {
	padding: 15px 15px 0;
}

.library .content_panel > .category_content .top_category_content {
	display: flex;
	flex-direction: column;
}

.desktop.library .content_panel > .category_content .card_grid {
	padding: 0 15px;
}

.library .search_options {
	display: flex;
}

/* .library .admin .search_options {
	display: flex !important;
} */

.transition_all_300ms {
	transition: all 300ms;
}

.transition_filter_300ms {
	transition: filter 300ms;
}

.transition_background_300ms {
	transition: background-color 300ms;
}

.library_panel.resources .content_loaded_wrapper.loaded {
	gap: 0;
}

.pull_to_refresh.mobile.library .content_loading_wrapper.loaded {
	top: -195px;
}

.pull_to_refresh.mobile.library .content_loading_wrapper.loaded.no_tab {
	top: -285px;
}

.pull_to_refresh.mobile.library .admin .content_loading_wrapper.loaded.no_tab {
	top: -220px;
}

.mobile.library .content_loading_wrapper.loading {
	top: 0px;
}

.mobile.library .search_wrapper .title {
	color: white;
}

.search_row > .horizontal {
    gap: 5px;
}

.topic_profile.desktop.library .top_content,
.topic_profile.desktop.peer_connect.resources .resources .top_content,
.topic_profile.desktop.peer_connect.resources .bottom_content {
    padding: 0 0 10px;
}

.topic_profile.desktop.library .bottom_content {
    padding: 0 0 15px;
}

.org_profile.desktop.library .top_content,
.org_profile.desktop.peer_connect.resources .top_content,
.org_profile.desktop.peer_connect.learning .top_content {
    padding: 0 0 15px;
}

.org_profile.desktop.peer_connect.resources .bottom_content,
.org_profile.desktop.peer_connect.learning .bottom_content {
    padding: 0 0 10px;
}

.org_profile.desktop.library .bottom_content {
    padding: 0 0 15px;
}

/* .org_profile.mobile.library .org_profile_content .top_content_section .pill_bar {
    padding: 15px 0px;
} */

.blue_circle.fa-angle-right {
	width: 25px;
	height: 25px;
	background-color: var(--light-primary-color);
	color: var(--primary-action-color);
	border-radius: 100%;
}

/* link_list_edit.css */

.link_list_edit .link_.list_items {
	display: flex;
    flex-wrap: wrap;
}

.link_list_edit .title {
	padding: 10px 0;
}

.link_list_edit .url_inputs {
	margin-top: 10px;
}

.link_list_edit .url_inputs > *  {
	display: flex;
	align-items: center;
	margin-bottom:5px;
}

.link_list_edit .url_inputs > * > .label {
	width: 140px;
}

.link_list_edit .url_inputs > * > .input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.link_list_edit .url_inputs .url_link {
	display: flex;
	background-color: var(--basic-button-background);
	height: 40px;
	padding:10px;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-transform: uppercase;
}

.link_list_edit .url_inputs .url_link .icon {
	margin-right:5px;
}

.link_list_edit .link_info {
	margin: 5px 0;
}

/* link.css */

.link {
	color: var(--primary-action-color);
	cursor: pointer;
	text-decoration: none;
    text-align: left;
    line-height: normal;
}

.link.underlined {
	text-decoration: underline;
}

.link * {
	cursor: inherit;
}

.link:hover {
	text-decoration: underline;
}

.hidden_hover_link:hover {
	color: var(--primary-action-color);
	cursor: pointer;
	text-decoration: underline;
}

.unauthenticated .link {
	color: white;
    padding: 0 5px;
    text-align: center;
    line-height: 1.3;
}


.mobile .login.page.unauthenticated img.title {
	max-height: 60px;
	margin: 15px 0;
}

.unauthenticated .link.forgot_password {
    margin-top: -10px;
    padding: 0 10px;
    font-size: 0.7333333333rem;
}

.popup .link {
	display: flex;
	align-items: center;
}

.popup .link .label {
	width: 90px;
}

.popup .link .input {
	flex-grow:1;
}

.popup .link input {
	width: 100%;
}

.content.link {
	color:var(--foreground-color);
	text-decoration: none;
}

.content.link, .link_info {
	font-size: 0.8rem;
    padding: 5px;
    display: flex;
    background-color: var(--light-background-color);
    border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
}

.desktop.detailed.post .content.link, .link_info {
    border: 1px solid var(--border-color);
}

.post_view.popup.post .content.link,
.link_info {
    margin: 0 10px;
	padding: 10px;
}

.newsfeed.page .posts.list .content.link {
	margin: 0;
	border-left: none;
    border-right: none;
}

/* .content.link:hover {
    text-decoration: underline;
    color: var(--primary-action-color);
} */

.link_info .info, .external_link .info {
    gap: 5px;
    display: flex;
	flex-grow: 1;
    flex-direction: column;
}

.content.link .external_link.icon {
    padding-left: 5px;
	font-size: 0.8rem;
	color: var(--primary-action-color);
}

.content.link .title_row {
	display: flex;
	align-items: center;
}

.content.link:hover .title {
	text-decoration: underline;
	text-decoration-color: inherit;
}

.content.link .title, .link_info .title {
	padding: 0;
	word-break: break-word;
	color:var(--primary-action-color);
	text-decoration: none;
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mobile .content.link .title, .link_info .title {
	font-size: 0.8666666667rem;
}

.content.link .provider,
.link_info .provider,
.external_link.item.section .info .provider {
	font-size: 0.8rem;
	line-height: auto;
	text-transform: capitalize;
    /* font-weight: 700; */
	/* margin: 0 0 5px; */
    color: var(--light-foreground-color);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.item.section.external_link {
	padding: 5px;
	/* background-color: var(--light-background-color); */
}

.item.section.external_link .title {
	text-decoration: none;
	font-size: 0.8666666667rem;
}

.item.section.external_link a.title:hover {
    text-decoration: underline;
}

.links_wrapper .links .info {
	display: flex;
	flex-direction: column;
	gap: 5px;
	overflow: hidden;
}

.links_wrapper .links .info a span {
    font-size: 0.8666666667rem;
    /* font-weight: 700; */
}

.links_wrapper .links {
	gap: 5px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.popup .url.input_group .content.link, .popup .url.input_group .link_info {
    margin: 5px 0 0;
    border: 1px solid var(--soft-border-color);
}

.content.link .link_info .description,
.content.link .link_info .provider_description,
.content.link .description,
.content.link .provider_description {
	line-height: 1.3em;
    font-size: 0.8666666667rem;;
	font-weight: 400;
	margin: 0;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.content.link .photo, .link_info .photo {
	width: 52px;
	height: 52px;
	object-fit: cover;
	flex-shrink: 0;
	margin-right: 5px;
}

.mobile .content.link .photo, .link_info .photo {
    width: 52px;
    height: 52px;
}

.content.link .photo[src], .link_info .photo[src] {
	display: block;
}

.content.link .photo[src=""],
.link_info .photo[src=""],
.link_info .photo.hidden[src],
.external_link .photo.hidden[src] {
	display: none;
}

.small.link {
	font-size: 0.8666666667rem;
}

.link_add.popup .error {
	color: red;
	font-size: 0.8rem;
	margin: 10px 5px 0;
}

.link_add.popup .info {
	color: var(--foreground-color);
	font-size: 0.8rem;
    align-self: flex-start;
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.link_add.popup .item_title.label.required ~ .info {
    margin: 10px 5px 0;
}

.url.input_group > .info {
	margin: 10px 5px 0;
}



/* loader.css */

.loader {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 15px;
	border-radius: 5px;
}

.loader .title {
	font-size: 1.5em;
	margin: 20px 0;
}

.loader .icon {
	margin: 20px 0;
	font-size: 2.5em;
	color: var(--primary-action-color);
}

.loader .loading_icon {
	font-size: 2.5em;
	color: var(--primary-action-color);
}

.loader .message {
	margin: 20px 0 15px 0;
	text-align: center;
	line-height: normal;
}

/* .loader .cancel.button {
	margin: 0 0 10px 0;
} */

.requesting_support.popup .footer {
	display: none;
}

.content_loading_wrapper {
	font-size: 25px;
	opacity: 0;
	top: 15px;
	transition: opacity 1s;
	position: relative;
	/* padding: 0 5px; */
    justify-content: center;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}

.content_loading_wrapper.loading {
	opacity: 1;
	width: 25px;
    height: 25px;
    transition: top 0.25s, opacity 1s;
	margin: 10px auto;
    background-color: var(--background-color);
    padding: 10px;
	display: flex;
	justify-self: center;
    align-self: center;
    border-radius: 100%;
    box-shadow: var(--popup-options-shadow);
}

.popup_body .content_loading_wrapper.loading {
    top: -5px;
    box-shadow: var(--popup-box-shadow);
}

.content_loading_wrapper.loaded {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.pull_to_refresh .content_loading_wrapper.loaded {
	display: flex;
	opacity: 1;
	visibility: visible;
	top: -100px;
	/* --fa-animation-iteration-count: 0; */
}

.pull_to_refresh.admin-table .content_loading_wrapper.loaded {
	top: -250px;
}

.pull_to_refresh.admin-table .content_panel {
	overflow: visible;
}

.content_panel {
	transition: margin-top 0.3s;
}

.pull_to_refresh .content_panel {
	transition: none;
}

.content_loading_wrapper .loading_icon {
	position: absolute;
	/* top: 15px; */
	width: 25px;
	height: 25px;
	transition: top 0.25s;
	font-size: 25px;
	line-height: 25px;
	padding: 10px;
    align-items: center;
    align-self: center;
	cursor: pointer;
}

.mobile .content_loading_wrapper .loading_icon {
	width: 25.15px;
	height: 24px;
}

.content_loading_wrapper.loaded .loading_icon {
	position: absolute;
	top: 45px;
}

.content_loaded_wrapper {
	opacity: 0;
	transition: opacity .25s;
}

.content_loaded_wrapper.loaded {
	opacity: 1;
	display: flex;
	flex-grow: 1;
    flex-direction: column;
	gap: 8px;
}

.popup_body .content_loaded_wrapper.loaded,
.mobile .popup_body .content_loaded_wrapper.loaded {
	gap: 0;
}

.mobile .content_loaded_wrapper.loaded {
	gap: 8px;
}

.mobile.admin-table .content_loaded_wrapper.loaded {
	display: grid;
}

/* .mobile.admin-table .content_loaded_wrapper.loaded {
	align-items: center;
} */

.detailed_post.library_post .content_loaded_wrapper.loaded {
    gap: 10px;
}

.detailed_post.service_post .content_loaded_wrapper.loaded {
    gap: 10px;
}

/* login.css */

.unauthenticated.page .first_group,
.unauthenticated.page .second_group {
	display: flex;
	font-size: 0.8rem;
	justify-content: center;
    width: 100%;
}

.desktop .unauthenticated.page .second_group {
	font-size: 0.866666666666667rem;
}

.unauthenticated.page .third_group {
	display: flex;
	/* font-size: 0.866667em; */
	justify-content: center;
    width: 100%;
    font-size: 0.6666666667rem;
}

.login.unauthenticated.page .first_group {
    justify-content: flex-start;
}

.login.unauthenticated.page .second_group {
	justify-content: space-around;
}

.mobile .login.unauthenticated .panel {
    justify-content: space-between;
}

.login.page .continue_as_guest {
	font-size: 0.7333333333rem;
}

.login.page .info_text,
.unauthenticated.page .info_text {
		color: white;
}

.login.page .continue_as_guest {
    font-size: 0.8666666667rem;
    /* text-decoration: underline; */
}

.login.page .change_region {
	display: flex;
	align-items: center;
}

.login.page .change_region .flag {
	height: 1rem;
	margin-right: 5px;
}

.login.page .second_group {
	margin: 0;
}

.login.page .third_group {
	justify-content: center;
}

.login.page .third_group a {
	padding: 0px;
}

.login.page .login_screen_logo {
	max-height: 100px;
}

.login.page .field_set.password {
	margin: 0;
}

.popup_notification {
	position: fixed;
    z-index: 998;
	right: 0px;
	opacity: 0;
	border-radius: 10px;
	margin: 15px 10px;
	max-width: 350px;
	transition: top 0.5s, bottom 0.5s, opacity 0.5s;
}

.mobile .popup_notification {
	margin: var(--safe-area-inset-top) 0 0 0;
	border-radius: 0;
    width: 100%;
    max-width: 100%;
}

.mobile .popup_notification:last-child {
	box-shadow: var(--popup-box-shadow);
}

.login.page.unauthenticated .errorMessage {
    margin: 0;
}

#content>.mobile>.version {
	position: fixed;
    bottom: 10px;
    left: 0px;
    right: 0;
    margin: 0;
    text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 2px;
	line-height: 1;
    font-size: 0.4rem;
    text-align: center;
    padding: 5px 10px;
    z-index: 2000;
    opacity: 1;
	display: flex;
    flex-direction: row;
	gap: 10px;
	display: none;
}

/* #content>.mobile>.version:hover {
    opacity: 1;
    background-color: var(--primary-background);
} */

#content>.desktop>.version {
	position: fixed;
	bottom: 0;
	left: 5px;
	font-size: 0.6em;
    margin: 0 0 10px 122px;
}

.version {
	flex-direction: column;
    display: flex;
    gap: 3px;
    font-size: 0.6rem;
    color: var(--info-text);
	margin: 15px;
}

.change_region_item .flag {
	height: 1.25em;
	margin-right: 10px;
}

.login.page .password {
	transition: all 100ms;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.login.page.show_password .password {
	visibility: visible;
	height: 46px;
}

.login.page.show_password .credentials {
	gap: 5px;
}

.login.page a:focus-visible {
	background-color: transparent;
}


@media only screen and (max-height: 640px) {
	.mobile .login.page.unauthenticated img.title {
		min-width: 120px;
		max-width: 200px;
		margin: 10px 0 0;
	}
	.mobile .login.page.unauthenticated img.logo {
		width: 40px;
	}
	.mobile .login_content_wrapper {
		gap: 8px;
	}
}

.unauthenticated.page .button.large.basic:disabled {
    background-color: #4b4b4b;
}

.desktop .collapsed .left_panel.button .label { 
	/* display: none; */
	opacity: 0;
	/* transition: all 250ms ease-in-out; */
	transition: all 200ms ease-in-out; 
}

.expanded .left_panel.button .label { 
	opacity: 1;
	/* transition: all 750ms ease-in-out; */
	transition: all 200ms ease-in-out;
}

.mobile .collapsed .left_panel.button .label {
    display: flex;
}

.left_panel.list {
	height: calc(100vh - 56px);
}

.left_panel .collapse {
    border-color: var(--border-color);
    background-color: var(--background-color);
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    cursor: pointer;
    /* padding: 10px; */
    padding: 16px 20px 16px 16px;
    box-sizing: border-box;
    min-height: 56px;
    align-items: center;
    display: flex;
    /* justify-content: space-between; */
    position: fixed;
    bottom: 0;
    width: var(--left-panel-width);
	transition: all 200ms ease-in-out;
	overflow: hidden;
}

.left_panel .collapse .label {
	margin-left: 25px;
}	

.left_panel .collapse.collapsed {
	justify-content: unset;	
}	

.left_panel .collapse.collapsed .icon {
	padding-left: 14px;
	transition: all 200ms ease-in-out;
}	

.left_panel .collapse.collapsed .label {
	/* display: none; */
	opacity: 0;
	transition: all 200ms ease-in-out;
}	

.left_panel .collapse.expanded .label {
	opacity: 1;
	transition: all 200ms ease-in-out;	
}	

.left_panel .collapse.expanded .icon {
	transition: all 200ms ease-in-out;	
}	

.left_panel .collapse:hover {
	filter: var(--menu-item-hover-brightness);
}

.left_panel .collapse_button {
	/* border-color: var(--border-color);
    background-color: var(--background-color);
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    cursor: pointer;
    padding: 16px 20px 16px 16px;
    box-sizing: border-box;
    min-height: 56px;
    align-items: center;
    display: flex;
    position: fixed;
    bottom: 100px;
    width: var(--left-panel-width);
	transition: all 200ms ease-in-out; */

	position: fixed;
    bottom: 100px;
	width: var(--left-panel-width);
	transition: all 200ms ease-in-out; 
}	


.left_panel .fineprint.copyright link,
.left_panel .fineprint.copyright span, 
.left_panel .fineprint.copyright a {
	color: var(--secondary-text);
	margin: 0;
    font-size: 0.8rem;
}

.left_panel .fineprint.copyright {
	margin: 20px;
	column-gap: 5px;
	flex-grow: 1;
    justify-content: flex-end;
}

.collapsed.left_panel .fineprint.copyright,
.collapsed.left_panel .organizations_container,
.collapsed.left_panel .topics_container {
	display: none;
	opacity: 0;
	transition: all 200ms ease-in-out;
}

.expanded.left_panel .fineprint.copyright,
.expanded.left_panel .organizations_container,
.expanded.left_panel .topics_container {
	/* 
	opacity: 1;
	transition: all 200ms ease-in-out;
	*/
} 

/* Fade in */
.fade_in {
	animation: fadeIn 300ms ease-in-out forwards;
}

/* Fade out */
.fade_out {
	animation: fadeOut 300ms ease-in-out forwards;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@keyframes fadeOut {
	from { opacity: 1; }
	to   { opacity: 0; }
}

.topics_container .topics,
.topics_container .organization.button {
    transition: all 50ms ease-in-out;
}


.desktop .expanded.left_panel.topics_container .topics,
.desktop .expanded.left_panel.topics_container .organization.button {
    transition: all 200ms ease-in-out;
	opacity: 1;
}

.desktop .collapsed.left_panel .topics_container .topics,
.desktop .collapsed.left_panel .topics_container .organization.button {
    transition: all 200ms ease-in-out;
	flex-wrap: nowrap;
	opacity: 0;
	word-break: unset;
}

.expanded.left_panel .vertical_ellipsis_container {
	display: none;
}

.left_panel:hover {
    scrollbar-color: var(--info-text) transparent;
}

.skip_to_main_content_button {
	position: absolute;
	top: -5px;
	left: -10000px;
	/* transform: translateX(-50%); */
    z-index: 1000;
	border: 2px solid black;
	padding: 8px 10px; 
	border-radius: 4px; 
	background-color: var(--light-background-color);
	cursor: pointer;
	opacity: 0;
}

button.skip_to_main_content_button:focus-visible {
	border-radius: 4px;
    /* background: var(--accent-color); */
}

.skip_to_main_content_button:focus {
    left: 260px;
    top: 12px;
    /* font-weight: 700; */
	text-decoration: underline;
	transition: opacity ease-in-out 300ms;
	opacity: 1;
}

.skip_to_main_content_button_text {
	/* color: var(--foreground-color); */
	color: white;
	font-size: 1rem;    
	text-align: center; 
}

/* .left_panel {
    overflow: hidden;
    flex: 1;
    flex-basis: 0.000000001px;
    overflow-y: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
} */

.frame_center.left_panel_expanded {
	/* --left-panel-width: 280px; */
}

.frame_center.left_panel_collapsed {
	--left-panel-width: 75px;
}


.frame_center.right_panel_expanded {
	--right-panel-width: 260px;
}

.frame_center.right_panel_collapsed {
	--right-panel-width: 75px;
}

.mobile .frame_center {
	--right-panel-width: 0px;
}

.page_header_container {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 15px 15px 0;
}

.desktop.profile_settings .pages_section,
.desktop.profile_settings .page_header_container {
    background: var(--primary-background);
}

.desktop.profile_settings .page_header_container {
	padding: 15px 15px 10px;
}

.desktop .page_header_container h1 {
    font-size: var(--page-title-text);
}

.page.button .label:hover {
    color: var(--dark-primary-button-color);
}

.desktop .pages_section {
	top: calc(60px + var(--safe-area-inset-top));
	padding: 0 15px;
}

.lightMode.desktop .pages_section {
    background: var(--background-color);
}

.lightMode.desktop.desktop.profile_settings .pages_section {
	background-color: var(--primary-background);
	border-bottom: 1px solid var(--border-color);
}
/* 
.lightMode.support_panel.support_preferences .pages_section {
	background: transparent;
} */

.follow_organizations .pages_section {
	background: var(--background-color);
}

.desktop.follow_organizations .page_header_container {
    background: linear-gradient(0deg, var(--background-color) 0%, var(--primary-background) 100%);
}

.mobile .pages_section {
	top: var(--safe-area-inset-top);
}

.pages_section {
	display: flex;
    flex-wrap: nowrap;
    position: sticky;
    top: 0;
    z-index: 997;
    box-shadow: var(--tabs-shadow);
    padding: 0;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.frosted .page.selected.button {
	background: none;
}

.desktop.profile_settings .content-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
}

.desktop.profile_settings .content {
	width: 100%;
}


/*
.frame_center .right_panel.chat_sidebar {
	display: flex;
    flex-direction: column;
    flex-shrink:0;
    border-left: 1px solid var(--border-color);
    overflow: auto;
    box-sizing: border-box;
    width: var(--right-panel-width);
    background-color: var(--background-color);    
	position: relative;
    right: 0;
    transition: all ease-in-out 0.2s;
}

.frame_center .right_panel.chat_sidebar .search.bar .close.icon {
	margin: 0;
	padding: 10px;
}

.frame_center .right_panel.chat_sidebar .collapse { 	
	border-color: var(--border-color);
	background-color: var(--background-color);
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	cursor: pointer;
    padding: 10px 30px 10px 20px;
	box-sizing: border-box;
	min-height: 56px;
    align-items: center;
    display: flex;
    justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: var(--right-panel-width);
}

.frame_center .right_panel.chat_sidebar .collapse.collapsed { 	
    justify-content: right;
	position: fixed;
	bottom: 0;
}

.frame_center .right_panel.chat_sidebar .collapse:hover {
	filter: var(--menu-item-hover-brightness);
	background-color: var(--background-color);
}

.frame_center .right_panel.chat_sidebar .collapse .icon { 
	margin-left: 5px;
}

.frame_center .right_panel.chat_sidebar.collapsed .collapsed .icon { 
	display: flex;
	justify-content: center;
}

.frame_center .right_panel.chat_sidebar.collapsed .collapse.collapsed .icon { 
	margin-left: 0px;
}

.frame_center .right_panel.chat_sidebar.collapsed .collapse.collapsed .label { 
	display: none;
}

.frame_center .right_panel.chat_sidebar .collapse .label { 
	cursor: pointer;
}
*/

/* logo.css */

.unauthenticated .logo {
	width: 80px;
}

.mobile .login.page.unauthenticated .logo {
	display: block
}

.mobile .unauthenticated .logo {
	display: none;
}

/* .mobile .unauthenticated .logo {
    width: 60px;
} */

/* .frame .header .logo, .frame_header .logo {
	width: 40px;
	margin: 7px 9px;
} */

.frame_header .theme_logo.logo {
	width: 44px;
	/* height: unsetav; */
}

.desktop .frame_header h3 {
	margin-left: 10px;
}

.frame_header .top_bar_logo.logo {
    max-width: 180px;
    max-height: 40px;
    justify-self: flex-start;
    padding: 0;
    height: 100%;
}

@media only screen and (max-device-width: 768px) {
	.frame_header .top_bar_logo.logo {
		display: none;
	}
}

.second.horizontal {
	justify-content: space-around;
}

.login .feedback{
	background-color: rgba(0,0,0,0.5);
}



/* m2m.css */

.m2m .post .like.button {
	display: none;
}

/* manage_connection_form.css */

.manage_connection_form .buttons {
	border-top: 1px solid var(--border-color);
	display: none;
	font-weight: 700;
	justify-content: space-between;
	padding: 10px;
}

.manage_connection_form.desktop .content_panel,
.manage_connection_form.mobile .content_panel {
	align-items: start;
	background-color: var(--background-color);
	padding: 0px;
}

.manage_connection_form.page .settings {
	padding: 15px;
}

.manage_connection_form.page {
	flex-grow: 1;
	max-width: unset;
}



/* manage_tag_categories.css */

.manage_tag_categories.page .controls .actions.button {
	margin-left: 10px;
}

.add_tag_category .title {
	font-weight: 700;
	margin: 10px 0 5px 0;
}

.add_tag_category > .title {
	text-align: center;
}

.add_tag_category .input {
	width: 100%;
	margin: 0 0 10px 0;
}

.add_tag_category .buttons {
	justify-content: space-between;
	margin-top: 20px;
}

/* map.css */

.background.mapContainer {
	width: 100%;
	/* height: calc(100vh - 70px - var(--bottom-drawer-height)); */
	height: 100%;
	transition: height 300ms;
	overflow-y: hidden;
	position: relative;
	overscroll-behavior: none;
}

.mobile .background.mapContainer {
	width: 100%;
	transition: height 300ms;
}

.mobile .map_view.collapsed .card_grid_wrapper {
    display: none;
}

.mobile .resources_shared_admin .list_count {
    padding: 10px;
}

.map {
	height: 100%;
}

.geographic.map {
	width: 500px;
	height: 500px;
	background-color: green;
}

.map_view.collapsed {
	/* --bottom-drawer-height: 45px; was 35px saw spacing so it was reduced */
	overflow: hidden;
}

.map_view .drawer {
	box-sizing: border-box;
	height: var(--bottom-drawer-height);
	display: flex;
	flex-direction: column;
	transition: height 300ms;
}

.map_view .drawer .collapse.button {
    position: relative;
    margin-top: -25px;
    background-color: var(--primary-background);
	box-shadow: 0px -5px 5px 0 rgb(0 0 0 / 20%);
    height: 25px;
    align-self: center;
	width: 50px;
	border-radius: 5px 5px 0 0;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	display: flex;
}

.map_view .drawer .collapse.button .icon {
	line-height: 10px;
}

.map_view.collapsed .drawer .collapse.button .icon {
	transform: scale(1,-1);
	translate: 0 3px;
}

.map_view button.map_button {
    box-shadow: var(--map-buttons-shadow);
}

.map_image {
	display: none;
}

.map_image[src] {
	display: block;
}

.map .gm-style > div > div:nth-child(2) {
    box-shadow: inset 0 0 4px 0px rgb(0 0 0 / 10%);
}

.map .text_marker {
	color: black;
	background-color: white;
	border-radius: 15px;
	padding: 5px 10px;
	/* box-shadow: 0px 1px 3px rgb(0 0 0 / 25%); REMOVE UNTIL WE FIX THEM FROM STACKING */
	cursor: pointer;
    font-size: 0.8666666667rem;
    box-shadow: var(--map-buttons-shadow);
}

.mapContainer .marker_popup {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	background: none;
}

.mapContainer .marker_popup > * {
	height: 140px;
	width: 500px;
	margin-bottom: -180px;
	transition: margin-bottom 0.2s;
	pointer-events: all;
}

.mobile .mapContainer .marker_popup > * {
	height: 100px;
	width: 360px;
    max-width: calc(100vw - 20px);
	margin-bottom: -100px;
}

.mapContainer .marker_popup.sliding > .map_marker_popup {
	margin-bottom: 25px;
	margin-right: 10px;
    margin-left: 10px;
	border-radius: 10px;
}

.mapContainer .marker_popup.sliding_away > * {
	margin-bottom: -170px;
	border-radius: 10px;
}

.admin .map_view .search_row .search.bar ~ .basic.button {
    height: 42px;
}

.admin .map_view .search.bar,
.admin .map_view .search_row .search.bar ~ .search.bar,
.admin .map_view .search_row .search.bar ~ .basic.button {
    background-color: var(--background-color);
}

.desktop .map_view .search.bar,
.desktop .map_view .list_button,
.desktop .map_view .filter_button,
.desktop .map_view .sort_button2,
.desktop .map_view .settings_button,
.desktop .map_view .button.map {
    box-shadow: var(--map-buttons-shadow);
	border-radius: 2rem;
}

.desktop .map_view .add_item.button {
    box-shadow: var(--map-buttons-shadow);
	border-radius: 5px;
}

.desktop .map_view .drawer {
    /* margin: 0 -15px; */
	/* box-shadow: var(--drawer-shadow); */
    background-color: var(--primary-background);
}

.map_cluster_marker {
	padding: 5px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
    color: white;
    text-shadow: 0px 0px 11px rgb(0 0 0 / 100%);
}

.map_marker_popup {
	background: var(--primary-background);
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	display: flex;
	flex-direction: column;
}

.marker_popup .map_marker_popup .close.button {
	position: absolute;
	z-index: 2;
	top: 8px;
    left: 8px;
    width: 25px;
	height: 25px;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
	padding: 5px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50%;
	border: none;
	color: white;
}

.marker_popup .map_marker_popup .close.button:hover {
	background-color: rgba(0,0,0,0.75);
	border-radius: 50%;
}

.mobile .marker_popup .map_marker_popup .close.button {
    left: 5px;
	top: 5px;
}

.marker_popup .map_marker_popup .slide_left,
.marker_popup .map_marker_popup .slide_right {
	border-radius: 50%;
    position: absolute;
    top: 50%;
    bottom: 50%;
    height: 5px;
    width: 5px;
    margin: 0 8px;
    justify-content: center;
    padding: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
	z-index: 1;
	font-size: 1rem;
    color: var(--foreground-color);
	background: var(--background-color);
	box-shadow: var(--map-buttons-shadow);
}

.desktop .marker_popup .map_marker_popup .slide_left:hover,
.desktop .marker_popup .map_marker_popup .slide_right:hover {
    filter: brightness(0.9);
}

.marker_popup .map_marker_popup .slide_right {
    right: -20px;
	top: 58px;
    bottom: 0;
	/* border-top-right-radius: 10px;
	border-bottom-right-radius: 10px; */
	/* background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.8) 100%); */
}

.mobile .marker_popup .map_marker_popup .slide_right {
	top: -33px;
    right: 0px;
    margin: 0;
}

.mobile .marker_popup .map_marker_popup .slide_left {
	top: -33px;
    left: 0px;
    margin: 0;
}

.marker_popup .map_marker_popup .slide_left {
    left: -20px;
	top: 58px;
    bottom: 0;
	/* border-top-left-radius: 10px;
	border-bottom-left-radius: 10px; */
	/* background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.8) 100%); */
}

.marker_popup .map_marker_popup_pagination {
	display: flex;
	justify-content: center;
	position: relative;
	top: -130px;
}

.desktop .marker_popup .map_marker_popup_pagination {
    top: -170px;
}

.marker_popup .map_marker_popup_pagination .page {
	cursor: pointer;
	padding: 5px;
    color: var(--disabled-button-color);
    font-size: 0.5rem;
}

.map_marker_popup_pagination_wrapper {
	background: rgba(255,255,255,1);
	border-radius: 10px;
	box-shadow: var(--popup-box-shadow);
}

.marker_popup .map_marker_popup_pagination .page.selected {
	color: var(--primary-action-color);
}

.map_marker_popup .close.button:hover {
    background: var(--hover-background);
    border-radius: 0 0 0 10px;
}

.map_marker_popup .card.compact {
	flex-direction: row;
	border-radius: 10px;
	border: none;
}

.map_marker_popup .card.compact .image_container {
	width: 140px;
	min-width: 140px;
	height: 140px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
    border-right: 1px solid var(--border-color);
	border-radius: var(--compact-card-image-border-radius);
}

.mobile .map_marker_popup .card.compact .image_container {
	width: 100px;
	min-width: 100px;
	height: 100px;
    border-radius: 10px 0 0 10px;
}

.map_marker_popup .card.compact .image_container .image {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 5px;
	border-radius: var(--compact-card-image-border-radius);
}

.mobile .map_marker_popup .card.compact .image_container .image {
	height: 100px;
	width: 100px;
	/* object-fit: contain; may change once we enhance images to have fill option*/
}

.map_marker_popup .card.compact .body {
	width: 140px;
	border-radius: var(--compact-card-content-border-radius);
}

.map_marker_popup .card.compact .counter_container .shares.group {
	flex-grow: 1;
	justify-content: flex-end;
}

.mobile .map_marker_popup .card.compact .body {
	border-radius: 0 10px 10px 0;
}

.mobile .map_marker_popup .compact.card .title {
    font-size: 0.8rem;
}

.mobile .map_marker_popup .compact.card .description {
    font-size: 0.7333333333rem;
}

.mobile .map_marker_popup .compact.card .counter_container .like_icon,
.mobile .map_marker_popup .compact.card .counter_container .save_icon,
.mobile .map_marker_popup .compact.card .counter_container .endorsement_icon {
	box-shadow: none;
	width: 1rem;
	height: 1rem;
}

.mobile .map_marker_popup .compact.card .counter_container {
	font-size: 0.8rem;
}

.mobile .map_marker_popup .compact.card .subtitle {
    font-size: 0.6666666667rem;
}

.mobile .map_marker_popup .compact.card {
    border-radius: 10px;
}

/* markdown.css */

.markdown_widget{
	border: 1px solid var(--input-border-color);
	border-radius: 5px;
}

.markdown_widget .footer {
	border-radius: 0px 0px 5px 5px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: var(--input-border-color);
	padding: 10px;
	/* background-color: var(--primary-background); */
	font-size: 0.8rem;
}

.settings_panel .page .markdown_widget .footer {
    display: block;
}

.markdown_widget .footer a, .markdown_widget .footer div {
	font-size: 0.8rem;
}

.markdown_widget .footer .markdown_link {
	text-decoration: none;
}

.markdown_widget .footer .markdown_link:hover {
	text-decoration: underline;
}

.markdown_widget .footer .text {
	display: inline;
}


.markdown_widget .header .group .button {
	height: 100%;
	width: unset;
}

.markdown_widget .header .right.group .button {
    padding: 0 12px;
}

.markdown_widget .left {
	align-items: center;
}

@media only screen and (max-width: 320px) {
	.markdown_widget .header .right.group .button {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 375px) {
	.markdown_widget .header .right.group .insert_link, .markdown_widget .header .right.group .insert_ordered_list, .markdown_widget .header .right.group .insert_unordered_list{
		display: none;
	}
	
	.markdown_widget .header .right.group .button.toolbar.show_more {
		display: block;
	}
}

.markdown_widget .header .right.group .show_more {
	display: none;
}

.markdown_widget .header  {
	box-sizing: border-box;
	display: flex;
	font-size: 0.8em;
	height: 40px;
	justify-content: space-between;
	padding: 0 10px;
	background-color: var(--basic-button-background);
}

.button.toolbar {
	padding: 0 5px;
}

.button.toolbar.selected {
	box-sizing: border-box;
	border-bottom: 2px solid var(--primary-action-color);
	font-weight: 700;
	margin-bottom: 2px;
	padding-top: 5px;
}

.button.toolbar .label:empty {
	display: none;
}

.button.toolbar .icon {
	font-size: 1em;
}

.popup .markdown_widget {
	padding: unset;
}

.markdown_widget .preview_container {
    border: 0;
    /* width: 100%; */
    max-width: 100%;
    /* overflow-y: scroll !important; */
    overflow: hidden scroll;
    box-sizing: border-box;
	padding: 10px;
    height: 150px;
}

.markdown_widget .textarea {
	border-radius: 0px;
    border: 0;
    width: 100%;
    max-width: 100%;
    /* overflow-y: scroll !important; */
    box-sizing: border-box;
	line-height: 1.3;
    overflow: hidden scroll;
    overflow-wrap: break-word;
	resize: none;
	background-color: var(--input-textarea-background-color);
}

.markdown_widget .textarea:focus-visible {
	outline: none;
}

.markdown_widget .right .txt {
	display: none;
}

.markdown_widget .icon_button {
	display: unset;
	padding: unset;
	align-items: unset;
}

.markdown strong {
	font-weight: 700;
}

/*markdown*/
/* .markdown {
	padding: 1em 2em;
} */

.markdown a {
	text-decoration: none;
}

.markdown a:hover {
	text-decoration: underline;
}

.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5 {
	margin: 10px 0 5px;
}

/* .body.markdown {
	display: flex;
	flex-direction: column;
	gap: 10px;
} */

.markdown h1 {
	font-size: 1.15rem;
}

.markdown h2 {
	font-size: 1.075rem;
}

.markdown h3 {
	font-size: 1rem;
}

.markdown h4 {
	font-size: 0.8rem;
}

.markdown h5 {
	font-size: 0.7333333333rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.markdown p {
	/* padding-bottom: 5px; */
    /* font-weight: 400; */
    line-height: 1.4;
}

.markdown p + p {
	padding-top: 5px;
}

.markdown p:last-child {
    margin-bottom: 0;
	padding-bottom: 0;
}

.markdown ol {
	list-style: decimal;
    margin-left: 1.5em;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.markdown ul {
	list-style: initial;
    margin-left: 1.5em;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.markdown ol li, .markdown ul li {
	padding: 2.5px 0;
	line-height: 1.5;
}

.markdown code {
	background-color: var(--markdown-code-background);
	border: solid var(--border-color) 1px;
	padding: 10px;
	border-radius: 5px;
	font-family: 'Courier New', Courier, monospace;
	box-shadow: var(--input-inset-shadow);
}

.markdown blockquote {
	border-left: solid var(--border-color) 5px;
	padding: 10px;
	background-color: var(--markdown-blockquotes-background);
	font-style: italic;
	margin: 10px 0px;
}

.markdown details summary {
	padding-bottom: 5px;
}



/* meeting_date_set.css */

.meeting_date_set.popup .description {
	margin-bottom: 15px;
}

/* meeting_link_set.css */


.meeting_link_set.popup .description {
	margin-bottom: 15px;
}

.meeting_link_set.popup .meeting_link.input {
	width: 100%;
}

/* meeting_type_set.css */

.meeting_type_set .description {
	margin-bottom: 15px;
}

.meeting_type_set .checkbox {
	margin-bottom: 10px;
}

/* members.css */

.members.page > .container h1.title {
	margin-bottom: 10px;
	font-weight: 700;
}

.members.page .search.bar .filter.button {
	display: none;
}

.members.filter_menu .checkbox.setting .wrapper.horizontal {
	padding: 0 10px;
}

.members.page .container {
	padding: 0 0 10px;
}

.members.page .checkins.section {
	border-bottom: 1px solid var(--border-color);
}

.members.page .contacts.section {
    padding: 0 15px;
}

.mobile .members.page .contacts.section {
    padding: 10px 10px 0;
	gap: 10px;
}

.members.page .row {
	display: flex;
	align-items: center;
}

.members.page .contacts.section .row > .horizontal {
	justify-content: space-between;
	flex-grow: 1;
	gap: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color);
}

.members.page .contacts.section .member.row:last-child > .horizontal {
	border-bottom: none;
}

.mobile .members.page .contacts.section .row > .horizontal {
    gap: 0;
    padding-bottom: 10px;
	flex-direction: column;
}

.mobile .members.page .members.section {
	padding: 10px 10px 0;
}

.members.page .contacts.section .row .buttons {
	gap: 10px;
}

.members.page .contact_header .name {
	font-size: 1.1rem;
}

.members.page .row .contact_header,
.members.page .row .description {
	flex-grow: 1;
	gap: 10px;
}

.members.page .row .description {
	gap: 5px;
}

.mobile .members.page .row .contact_header {
    margin: 0 0 5px;
	gap: 10px;
}

.members.page .avatar,
.members.page .avatar .profile_picture {
    width: 50px;
    height: 50px;
}

.members.page .pagination {
	justify-content: center;
	/* padding-top: 10px; */
	/* border-top: 1px solid var(--border-color); */
}

.members.page .row .horizontal>.icon {
	border-radius: 50%;
	min-width: 40px;
    height: 40px;
    font-size: 1.2rem;
	align-items: center;
	justify-content: center;
	display: flex;
	background-color: var(--primary-background);
}

.members.page .row .subtitle {
	font-size: 0.866666667rem;
	font-weight: 400;
	line-height: 1.3;
}

.desktop .members.page .row .subtitle {
	min-width: 260px;
	max-width: 320px;
}

.members.page .row .buttons {
	flex-wrap: wrap;
	align-items: flex-end;
}

.mobile  .members.page .row .buttons {
	flex-grow: 1;
}

.members.page .row .buttons .button {
    flex-shrink: 0;
}

.mobile .members.page .row .buttons .button {
	width: 100%;
}

.desktop .members.page .contacts.section .row .buttons .button {
	min-width: 160px;
	display: flex;
	/* align-self: flex-start; */
}

.incident_report.section {
    border-bottom: 1px solid var(--border-color);
}


.members.page .members.section {
    /* border-bottom: 1px solid var(--border-color); */
    padding: 15px;
    /* margin-bottom: 15px; */
}

.mobile .members.page .members.section {
	margin-bottom: 0;
}

.mobile .members.section > .row {
    flex-direction: column;
	gap: 10px;
    margin: 0 0 10px;
}

.mobile .members.section .buttons {
    width: 100%;
}

.mobile .members.page .row .horizontal {
	width: 100%;
}

.members.page .members.section .row .horizontal {
	gap: 10px;
}

.mobile .members.page .member.row:nth-last-of-type(2) {
    border-bottom: none;
    padding: 0;
    /* margin-bottom: -10px; */
}

.fa-people-arrows-solid {
	background-color: var(--foreground-color);
	display: inline-block;
	height: 1.2em !important;
	width: 1.2em !important;
	-webkit-mask: url(https://peerconnect.firstresponsemh.com/upload/people-arrows-solid.svg) center center no-repeat;
	mask: url(https://peerconnect.firstresponsemh.com/upload/people-arrows-solid.svg) center center no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.light_primary_button .fa-people-arrows-solid {
	background-color: var(--primary-action-color);
}

.members.section .soft_container button {
    min-width: max-content;;
}

.desktop .members.page .search_wrapper {
	flex-grow: 1;
}

.mobile .members.page .search_wrapper .title {
	color: white;
}

.page .search_row > .horizontal {
	gap: 5px;
}

.members.page .search_options .icon.button {
    background-color: var(--background-color);
}

@media only screen and (max-width: 1024px) {
	.desktop .members.page .contacts.section .row .buttons {
		width: 100%;
		margin-left: 60px;
		flex-grow: 1;
		/* flex-wrap: wrap; */
	}
	.members.page .contacts.section .row > .horizontal {
		flex-wrap: wrap;
	}
	.desktop .members.page .contacts.section .row .buttons .button {
		flex-grow: 1;
				width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.members.page .contacts.section .row .buttons {
		flex-wrap: wrap;
	}
}

.members.page .contact_header .additional_text:before {
    content: "• ";
} */

.desktop .member.row .contact_header .info {
    min-height: 58px;
}

.members.page .member.row .cancel_buttons .button {
	width: 100%;
}

.members.page .member.row .cancel_buttons {
	gap: 10px;
	flex-grow: 1;
	width: 170px;
}

.members.page .incident_report .buttons {
	justify-content: flex-end;
}

.members.page .members.section .buttons .button {
	flex-grow: 0;
}

.recommended.button,
.basic.green_button {
    /* color: var(--foreground-color); */
	color: var(--success-green-color-text);
	background-color: var(--success-background);
    border: var(--success-green-border);
}

.recommended.button .fa-circle-check,
.basic.green_button .icon {
	color: var(--success-green-color);
}

.recommend_cancel_selection.popup .users_list {
	gap: 10px;
	margin: 10px 0;
}

.mobile .members.page .search.bar.collapsed .input {
	display: none;
}

.recommend_cancel_selection.popup .users_list .organization_header .contact_header {
	flex-direction: column;
	align-items: center;
}

/* .mobile .members.page .pagination {
	position: -webkit-sticky;
	position: sticky;
	bottom: calc(var(--safe-area-inset-bottom) + 60px);
} */

.recommend_multiple.popup .form_fields {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 10px;
}

.recommend_multiple.popup .message {
    line-height: 1.3;
}

.members.page .beta_image {
	align-self: center;
	height: 15px;
}

.mobile .recommend_cancel_selection.popup {
	overflow: auto;
    flex-grow: 1;
    height: fit-content;
    max-height: calc(100vh - 100px - var(--mobile-footer-height));
}

.recommend_cancel_selection.popup .recommended_date {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

/* menu.css */

.user_menu .popup,
.role_menu .popup {
	background-color: var(--background-color);
    border-radius: 10px;
    color: var(--foreground-color);
	cursor: pointer;
    display: block;
    font-size: 0.8666666667rem;
	height: 400px;
    max-width: 320px;
    min-width: 320px;
	padding: 0;
}

.user_menu li a,
.role_menu li a,
.list_item.button {
    display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	border:0;
	gap: 8px;
	color: var(--foreground-color);
    min-height: 44px;
	text-decoration: none;
	padding: 8px;
    font-weight: 400;
	border-radius: 5px;
	width: 100%;
}

.user_menu li a:last-child,
.role_menu li a:last-child,
.list_item.button:last-child {
	border-bottom: none;
}

.mobile .list_item.button .icon {
    font-size: 1em;
}

.list_item.button .vertical {
	flex-grow: 1;
}

.list_item.button .chevron {
	padding: 10px;
}

.list_item.button .selected.icon {
	color: var(--primary-action-color);
	padding: 8px;
}

.list_item.button .icon.fa-check-circle {
	color: var(--primary-action-color);
    padding: 5px;
    font-size: 1.5rem;
}

.menu_body .list_item.button .vertical .label {
	font-weight: 600; 
}

.detailed_post .menu_body .list_item.button .vertical .label,
.newsfeed .menu_body .list_item.button .vertical .label {
	font-weight: 400;
}

.menu_body .list_item.button > .avatar + .label {
    gap: 3px;
    display: flex;
    flex-direction: column;
}

.menu_options {
	font-weight: 700;
	font-size: 1.2rem;
}

.menu_body .org_menu_item.list_item.button > .avatar + .label {
	display: initial;
    word-break: break-word;
}

.menu_body .org_menu_item.list_item.button:hover {
	background-color: var(--transparent-button-background);
	filter: none;
}

.menu_body .list_item.button > .icon_container + .vertical {
	gap: 3px;
}

.requests_panel .menu_frame .menu_wrapper .menu_body .menu .icon_container {
    align-self: flex-start;
}

.list_item {
	padding: 10px;
}

.list_item p {
	font-size: 1em;
}

.list_item.button .icon_container {
	font-size: 1.2em;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 35px;
	height: 35px;
	position: relative;	
	background-color: var(--round-button-background);
    border-radius: 50%;
}

.list_item.button.disabled .vertical .label,  .list_item.button.disabled .vertical .message {
	color: var(--disabled-text);
}

.list_item.button .label {
	flex-grow: 1;
	text-align: left;
	line-height: 1.2;
}

.list_item.button .label .label {
	font-weight: 700;;
}

.menu_body .search_category .list_item.button .vertical .label {
	font-weight: 400;
}

.list_item.button .message {
	font-size: 0.8666666667rem;
	text-align: left;
	line-height: 1.3;
}

.desktop.user_menu li a:hover,
.desktop.role_menu li a:hover,
.desktop.list_item.button:hover {
	filter: none;
	background: var(--transparent-button-background);
}

.user_menu li a:focus-visible,
.role_menu li a:focus-visible,
.list_item.button:focus-visible {
	outline: 1px auto var(--primary-action-color);
}

.profile_row.list_item .avatar {
    height: 20px;
    margin: 5px;
    width: 20px;
}

.profile.button {
	/* border-radius: 100%; */
	position: relative;
}

.desktop .frame_header .profile.button:focus-visible {
	border-radius: 100%;
}

.profile_row.list_item .label {
	display: flex;
	flex-direction: column;
}

.profile_row.list_item .label .user_name {
	font-weight: 700;
}

.profile_row.list_item .label .edit_profile {
	font-size: 0.7em;
}

.user_menu .list_item .anchor .icon {
	display: flex;
	justify-content: center;
	padding: 5px;
	width: 20px;
}

.user_menu .role_menu .role_explanation {
	display: list-item;
	height: auto;
	text-align: left;
}

.user_menu .role_menu .description {
	/* font-weight: 300; */
    padding: 5px 0px 10px;
}

.menu_body .explainer {
	padding: 15px;
	border-bottom: 1px solid var(--border-color);
/* 
    min-height: 51px;
    box-sizing: border-box; */
}

.menu_body .explainer .description {
    margin: 0;
	font-size: 0.8rem;
}

.menu_body .explainer .close.icon.button {
    padding: 0;
}

.mobile .menu_body .explainer .close.icon.button {
    padding: 5px 0;
}

.menu_body .explainer_navigation h2.heading {
	margin-bottom: 0;
}

.menu_body .explainer_navigation {
	display: flex;
    align-items: center;
	gap: 10px;
}

.menu_body .explainer_navigation i {
	display: flex;
    width: 1.5rem;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
	background: var(--navbar-selected-background);
}

.menu_body .description {
	line-height: 1.3;
	font-size: 1em;
}

.user_menu .menu.shade {
	background-color: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.menu .popup {
	padding: 0;
	box-shadow: rgb(0 0 0 / 10%) 0px 0px 12px 4px;
}

.org_menu_item .avatar {
	margin-right: 0;
}

.content .menu.vertical .section {
	display: flex;
	flex-direction: column;
    border-left: 4px solid transparent;
    box-sizing: border-box;
	margin-bottom: 0;
}

.content .menu.vertical .section.selected {
	border-left: 4px solid var(--accent-color);
    background-color: var(--navbar-selected-section-background);
}

.menu_body .change_mode_options {
	overflow-y: auto;
    max-height: 425x;
    border-radius: 10px;
}

.menu_body .change_mode_options .list_item.extra {
	color: var(--light-foreground-color);
}

.menu .button_menu_item {
	padding: 8px;
}

.menu .button_menu_item .button {
	width: 100%;
}

/* menus.css */

.menus.page .component {
	border: 1px solid var(--border-color);
	width: 195px;
	flex-grow: 1;
}

.menus.page .organization_selector_menu .component {
	padding: 10px;
	background-color: var(--primary-background);
}

/* message_box.css */

.message_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--background-color);
	border: 2px solid var(--accent-color);
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--foreground-color);
	font-size: 0.9em;
	margin: 5px 0 10px;
	padding: 20px;
	min-height: 40px;
	line-height: 1.3em;
}

.message_box .icon {
	color: var(--accent-color);
	font-size: 1.5em;
}

.message_box.warn {
	border-color: var(--notification-orange-color);
}

.message_box.warn .icon {
	color: var(--notification-orange-color);
}

.message_box.success {
	border-color: var(--success-green-color);
}

.message_box.success .icon {
	color: var(--success-green-color);
}



/* mindfulness_admin.css */

.mindfulness_admin .actions.button {
	margin-left: 10px;
}

/* mindfulness_categories_admin.css */

.mindfulness_categories_admin .actions.button {
	margin-left: 10px;
}

/* mindfulness_category_add_edit.css */

.mindfulness_category_add_edit.popup .photo.field .image {
	width: 200px;
	height: 200px;
    object-fit: cover;
	margin-right: 10px;
}

.mindfulness_category_add_edit.popup .photo.field .button {
	align-self: flex-start;
}

/* mindfulness_post_add_edit.css */

.mindfulness_post_add_edit.popup .category.checkboxes {
	display: flex;
	flex-wrap: wrap;
}

.mindfulness_post_add_edit.popup .category.checkboxes .checkbox {
	margin-right: 20px;
	width: 250px;
}

.mindfulness_post_add_edit.popup .video.field .video.icon {
	margin-right: 5px;
}

.mindfulness_post_add_edit.popup .video.field .upload.icon {
	padding: 10px;
}

.mindfulness_post_add_edit.popup .message {
	padding: 5px 0;
	font-size: 0.8em;
}

.mindfulness_post_add_edit.popup .preview.field .image {
	width: 200px;
	height: 200px;
    object-fit: cover;
	margin-right: 10px;
}

.mindfulness_post_add_edit.popup .remove_thumbnail.button {
	margin-top: 10px;
}


/* mindfulness.css */

.mindfulness-icon {
	background: url("/upload/screenshots/cmps-mindfulness.svg") center center no-repeat;
}

.item.button.selected .mindfulness-icon {
	background-color: var(--accent-color);
}

.mindfulness.page .mindfulness_header {
	align-items: center;
    background-color: var(--background-color);
    border-radius: 10px 10px 0 0;
    box-shadow: var(--feed-item-shadow);
	display: flex;
    margin-top: 10px;
	position: relative;
}

.mindfulness.page .mindfulness_header .image {
	clip-path: inset(0 240px 0 0);
	-webkit-clip-path: inset(0 240px 0 0);
	height: 35px;
	margin: 10px;
}

.mindfulness.page .mindfulness_header .title::after {
	background-color: var(--foreground-color);
	clip-path: inset(0 0 0 40px);
	-webkit-clip-path: inset(0 0 0 40px);
	content: "";
	height: 35px;
	left: 0;
	mask: url(/images/cmps-logo-combined-white.svg) center center no-repeat;
    -webkit-mask: url(/images/cmps-logo-combined-white.svg) center center no-repeat;
	margin: 10px;
	position: absolute;
	width: 279px;
}

.mindfulness.page .mindfulness_button {
	color: var(--foreground-color,black);
    border-radius: 0;
	background: none;
    min-width: auto;
    font-weight: 700;
	align-items: center;
    border: 2px solid transparent;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    letter-spacing: 0.05em;
    min-height: 32px;
    min-width: 120px;
    text-transform: uppercase;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.mindfulness.page .mindfulness_button.selected {
	color: var(--accent-color, #3597EC);
    border-bottom: 2px solid var(--secondary-accent, #edcd1f);
    border-radius: 0;
}

.mindfulness.page .mindfulness_button .icon {
	font-size: 1.5em;
    margin: 0 10px 0 0;
	padding: 5px;
}

.mindfulness.page .tab {
	flex-grow: 1;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
}

.mindfulness.page .tabs {
	display: flex;
    flex-wrap: wrap;
    background-color: var(--background-color);
    margin-bottom: 10px;
    box-shadow: var(--feed-item-shadow);
    border-radius: 0 0 10px 10px;
}

.mindfulness.page .top {
	display: flex;
	flex-direction: column;
	top: 58px;
	z-index: 0;
	background-color: var(--primary-background, #f0f2f5);
}

.mindfulness .post .faqs {
	display: none;
}

/* modal.css */

.modal_shade {
	background-color: rgba(0,0,0,0.05);
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.mobile .modal_frame {
	position: absolute;
	left:0;
	right:0;
	bottom:0;
}

.desktop .modal_frame {
	background-color: var(--background-color);
	box-shadow: rgb(0 0 0 / 25%) 0px 0px 12px 4px;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	padding: 10px;
	min-width: 400px;
}

.mobile .modal .popup_header {
    background: transparent;
    align-self: flex-start;
}


/* new_header.css */

.new_header {
	align-items: center;
	background-color: var(--background-color);
	border: 1px solid var(--border-color);
	display: flex;
	padding: 10px 5vw;
	width: 100vw;
}

.new_header .menu.button {
	align-items: center;
	display: flex;
	margin-right: 24px;
}

.new_header .menu.button .icon {
	margin-right: 7px;
}

.new_header .peer_connect_logo {
	height: 30px;
	margin-right: 100px;
}

.new_header .language_picker {
	align-items: center;
	display: flex;
	margin-left: 36px;
	position: relative;
}

.new_header .language_picker .link {
	padding: 4px;
	position: relative;
}

.new_header .language_picker .link:not(:last-child):after {
	border-right: 1px solid #AAA;
	bottom: 25%;
	content: "";
	position: absolute;
	right: 0;
	top: 30%;
}

/* newsfeed_admin.css */

.newsfeed_admin.page .grid .media_count {
	gap: 5px;
    display: flex;
    flex-direction: row;
}

.posts_admin.page .grid .data_pill,
.newsfeed_admin.page .grid .data_pill,
.articles_admin.page .grid .data_pill,
.resources_admin.page .grid .data_pill,
.events_admin.page .grid .data_pill {
	background: var(--tag-background);
	border-radius: 20px;
	padding: 2px 8px;
	overflow: initial;
	text-overflow: initial;
	font-size: 0.8rem;
    font-weight: 700;
}

.newsfeed_admin.page .fa-circle-question {
    color: var(--info-text);
}


/* newsfeed_article_add_edit.css */

.newsfeed_article_add_edit.popup .title_container  {
	display: flex;
    justify-content: center;
    font-size: 20px;
	margin-bottom: 10px;
}

.popup .notifications1 .message {
	font-size: 0.8em;
	margin: 10px 0;
}

.popup .move_top {
	margin-bottom: 20px;
}

/* newsfeed_shared_admin.css */

.newsfeed_shared_admin.page > .title {
	font-size: 1.3333333333rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.newsfeed_shared_admin.page > .subtitle {
	margin-bottom: 15px;
}

.newsfeed_shared_admin.page .thumbnails_view {
	grid-gap: 10px;
}

.newsfeed_shared_admin .search_filter_view_bar {
	border-bottom: 1px solid var(--input-border-color);
	margin-bottom: 15px;
}

.newsfeed_shared_admin .horizontal.search_row .search.bar {
	height: 32px;
	max-width: 200px;
	/* background-color: var(--search-input-background); */
}

.mobile .newsfeed_shared_admin .horizontal.search_row .search.bar {
	max-width: 100%;
}

.newsfeed_shared_admin .horizontal.search_row .search.bar .input {
	font-size: 0.8666666667rem;
	padding: 0;
}

.newsfeed_shared_admin .horizontal.search_row .search.bar .icon {
	/* color: var(--placeholder-text-color); */
	padding: 10px 8px 10px 10px;
}

.newsfeed_shared_admin .horizontal.search_row .search.bar ~ .basic.button {
	font-size: 0.8666667rem;
	font-weight: 700;
	height: 32px;
	/* background-color: var(--background-color); */
}

.newsfeed_shared_admin .horizontal.search_row .search.bar ~ .basic.button .icon {
	margin: 0;
}

.newsfeed_shared_admin .search.bar .filter.button {
	display: none;
}

.newsfeed_shared_admin .horizontal.search_row .view_selectors.horizontal {
	margin-left: auto;
	margin-right: -5px;
}

.newsfeed_shared_admin .horizontal.search_row .view_selectors.horizontal .view.label {
	align-items: center;
	display: flex;
	font-size: 0.8666667rem;
	padding: 7px;
}

.newsfeed_shared_admin .horizontal.search_row .view_selectors.horizontal .icon {
	color: #CECECE;
}

.newsfeed_shared_admin .horizontal.sort_options {
	align-items: center;
	font-size: 0.8666666667rem;
	margin-bottom: 8px;
}

.newsfeed_shared_admin .horizontal.sort_options .hr {
	border-top: 1px solid var(--border-color);
	flex-grow: 1;
	height: 1px;
	margin-right: 14px;
}

.newsfeed_shared_admin .horizontal.sort_options .label {
	color: #707070;
}

.newsfeed_shared_admin .horizontal.sort_options .sort_order.dropdown {
	background: transparent;
	border: none;
	font-size: 0.8666666667rem;
	font-weight: 700;
	height: 18px;
	margin-left: 10px;
	max-width: fit-content;
	padding: 0;
}

.newsfeed_shared_admin .right_panel {
	width: 0;
}

.newsfeed_shared_admin .newsfeed_shared_admin {
	max-width: unset;
}

/* newsfeed.css */

/* .newsfeed.page .add_item {
	margin: 0px 0px 10px 0px;
}

.mobile .newsfeed.page .add_item {
	margin: 0px 0px 8px 0px;
} */

/* .mobile .newsfeed.page {
    margin-top: 56px;
} */

/* .newsfeed.page .search_row button {
    background-color: var(--background-color);
} */

.mobile .newsfeed.page .filter.button {
    padding: 18px 15px;
    border: none;
	border-left: 1px solid var(--border-color);
    border-radius: 0;
    /* width: 4rem; */
}

.mobile .newsfeed.page .search_options .icon.button.filter_button {
    border-radius: 25px;
}

.mobile.topic_profile .newsfeed.page .search_options .icon.button.filter_button {
    border-radius: 5px;
}

.mobile.topic_profile .newsfeed.page .search_row .expanded_search .filter_button .icon {
    padding: 0;
}

.mobile .filter_icon {
	margin: 0;
}

.mobile .newsfeed.page .filter.button .label {
	display: none;
}

.desktop .newsfeed.page .add_item .avatar {
	height: 40px;
	width: 40px;
}

.desktop .newsfeed.page .active_filter_list {
    margin: 5px 0 0;
}

.desktop.lightMode .newsfeed.page .active_filter_list .pill {
	background-color: var(--background-color);
}

.mobile .newsfeed.page .active_filter_list {
	padding: 0;
}

.newsfeed.page .content.post_linking_wrapper,
.post_view .content.post_linking_wrapper {
    background-color: var(--light-background-color);
    border-top: 1px solid var(--border-color);
	/* border-bottom: 1px solid var(--border-color); */
    padding: 10px;
	/* margin: 0 0 10px; */
	margin: 0;
	/* font-size: 0.8rem; */
}

.mobile .newsfeed.page .content.post_linking_wrapper,
.mobile .post_view .content.post_linking_wrapper {
	margin-bottom: 10px;
}

.mobile .post_view .content.post_linking_wrapper {
    margin: 0 0 5px;
}

.newsfeed.page .content.post_linking_wrapper .org_name,
.post_view .content.post_linking_wrapper .org_name {
	margin: 0;
}

.newsfeed.page .content.post_linking_wrapper .content:last-of-type,
.post_view .content.post_linking_wrapper .content:last-of-type {
    margin: 0 0 10px;
}

.newsfeed.page .markdown p + p:last-child {
    margin-bottom: 0;
}

.newsfeed.page .markdown.overflowed p {
	margin-bottom: 0;
}

.newsfeed.page .markdown p + p,.newsfeed.page .markdown.markdown.overflowed p + p {
	margin-bottom: 5px;
}


.newsfeed.page .content.post_linking_wrapper:first-of-type {
    /* margin-top: 10px; */
    margin-top: 0;
}

.newsfeed.page .content.post_linking_wrapper:hover {
    cursor: pointer;
}

button.content.post_linking_wrapper {
    width: 100%;
    box-sizing: border-box;
	border-radius: 1px;
}

.newsfeed.page .content.post_linking_wrapper > .title:hover {
    text-decoration: underline;
}

.newsfeed.page .attachment:hover {
    text-decoration: underline;
}

.newsfeed.page .content.post_linking_wrapper .title {
    color: var(--primary-action-color);
	line-height: 1.3;
    font-weight: 700;
    font-size: 1.2rem;
    /* letter-spacing: 0.02rem; */
}

.mobile .newsfeed.page .content.post_linking_wrapper .title {
    font-size: 1.0666666667rem;
}

.newsfeed.page .content.post_linking_wrapper .title:hover {
    text-decoration: underline;
}

.newsfeed.page .content.post_linking_wrapper .body.markdown {
    font-size: 0.8rem;
	/* line-height: 1.1; */
	display: -webkit-box;
}

.newsfeed.page .content.post_linking_wrapper .subtitle {
    color: var(--foreground-color);
    font-size: 0.8666666667rem;
    font-weight: 700;
    text-transform: uppercase;
}

.newsfeed.page .content.links_wrapper .provider {
    line-height: auto;
}

.newsfeed.page .content .content.link_info {
    padding: 10px;
}

.desktop .newsfeed.page .content .content.link_info {
    font-size: 1.2rem;
}

.newsfeed.page .search_options {
	display: flex;
	gap: 0;
}

.newsfeed.page .search_options .icon.button {
    background-color: var(--background-color);
}

.mobile .newsfeed.page .search_wrapper img.title {
	width: unset;
}

.desktop .newsfeed.page .search.bar .input {
    background-color: var(--darker-input-background-color);
    box-shadow: none;
    border: 1px solid var(--input-border-color);
}

.desktop .newsfeed.page .search_row > .horizontal.soft_container {
    background-color: var(--background-color);
}

.desktop.newsfeed .add_item .action.button {
    background: var(--input-background-color);
}

/* newsfeed2.css */

.newsfeed2 .frame .center.panel {
	background-color: var(--background-color);
}

.newsfeed2 .frame .center.panel > .content {
	display: flex;
	flex-wrap: wrap;
	max-width: 80%;
}

.newsfeed2 .container {
	width: 33.33%;
	display: inline-block;
	padding: 0 15px;
	margin-bottom: 36px;
	background: none;
	border: none;
	box-shadow: none;
	vertical-align: top;
	cursor: pointer;
}

.newsfeed2 .container:first-child {
	width: 66.67%;
	margin-right: 33.33%;
}

.newsfeed2 .container:nth-of-type(5),
.newsfeed2 .container:nth-of-type(6),
.newsfeed2 .container:nth-of-type(11n+5),
.newsfeed2 .container:nth-of-type(11n+6) {
	width: 50%;
}

.newsfeed2 .post .org_name {
	color: #f61600;
    font-weight: 700;
	font-size: 1rem;
    line-height: 18px;
    margin-right: 21px;
	display: inline;
}

.newsfeed2 .post .date {
	display: inline;
}

.newsfeed2 .post .picture:first-child {
	max-height: none;
}

.newsfeed2 .post .picture {
	aspect-ratio: 3/2;
	width: 100%;
	/* height: 100%; */
	max-height: 300px;
}

.newsfeed2 .post .title_container {
	margin-top: -32px;
    position: relative;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 21px;
}

.newsfeed2 .post .title {
	font-size: 24px;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.6em;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-color: #fff;
    -webkit-box-shadow: 15px 0 0 #fff,-15px 0 0 #fff;
    box-shadow: 15px 0 0 #fff,-15px 0 0 #fff;
    padding-top: 6px;
    padding-bottom: 3px;
}

.newsfeed2 .post:hover .title {
	color: #f61600;
}

/* no_items_alert.css */


.no_items_alert {
	display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}

.no_items_alert .description {
	margin-top: 25px;
    max-width: 280px;
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: center;
}

.no_items_alert .image {
	width: 65px;
}

.no_items_alert .no_item_line .link {
	color: var(--accent-color);
	cursor: pointer;
	margin: 0rem 0.28rem
}

.no_items_alert .no_item_line .link .icon {
	margin: 0rem 0.2rem 0rem 0rem;
}

/* notification.css */

body.peer_connect.notifications.page.feed_layout {
    background-color: var(--primary-background);
}

body.peer_connect.mobile.notifications.page.feed_layout {
    background-color: var(--background-color);
}

.mobile.notifications.page .notification.widget {
	box-shadow: none;
}

.notification_time_org {
	line-height: 1.2;
}

.notification.widget {
	background-color: var(--unread-notification-color);
	/* border: 2px solid var(--accent-color); */
	box-shadow: var(--feed-item-shadow);
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--foreground-color);
	cursor: pointer;
	display: flex;
	/*font-family: sans-serif;*/
	font-size: 14px;
	line-height: 1.6em;
	text-align: left;
	width: 100%;
	margin: 0 0 8px 0;
    transition: filter 200ms;
	/* min-height: 70px; */
	padding: 10px;
	/*width: 700px;*/
	flex-grow: 1;
}

.desktop .notification.widget:hover {
    filter: var(--container-hover-brightness);
}

.notification.widget.in_app {
	flex-direction: row;
    backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.notification.widget.read {
	background-color: var(--background-color);
	/* border-color: var(--background-color); */
}

.notification.widget.read:focus-visible {
	background-color: var(--light-primary-color);
}

.notification.widget .notification_icon {
	align-items: center;
	background-color: var(--light-background-color);
	border-radius: 50%;
	color: var(--foreground-color);
	display: flex;
	font-size: 1.25em;
	justify-content: center;
    box-shadow: var(--map-buttons-shadow);
	height: 45px;
	width: 45px;
	flex-shrink: 0;
}

.mobile .popup_notification .notification.widget {
    box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 50%);
	gap: 10px;
	border-radius: 0;
    justify-content: space-between;
}


.desktop .popup_notification .notification.widget {
	width: 350px;
    justify-content: space-between;
}

.notification.widget .spacer {
	flex-grow: 1;
}

.notifications .center.panel > .title {
	visibility: hidden;
	text-align: center;
}

.notifications .center.panel > .title:after {
	visibility: visible;
	content: 'Notifications';
}

.popup_notification .notification.widget {
	margin: 0;
	gap: 5px;
	align-items: center;
	box-shadow: var(--app-notification-shadow);
	background-color: var(--in-app-notification-background-color);
}

.mobile.library .popup_notification,
.mobile.events .popup_notification,
.mobile.resources .popup_notification {
    top: 112px !important;
}

.popup_notification .notification.widget .button.icon {
	padding: 10px;
    box-sizing: border-box;
    justify-content: center;
    background: var(--active-background);
    align-self: flex-start;
}

.popup_notification .notification.widget .button .icon {
	height: 15px;
	width: 15px;
}

.popup_notification .notification.widget .info_container {
	justify-content: center;
	/* flex-direction: column;
	display: flex; */
}

/* .popup_notification .notification.widget .organization {
	display: flex;
	align-self: flex-start;   
} */

.notification.widget .title {
	line-height: 1.4;
}

.mobile .notification.widget .title {
    font-size: 0.8666666667rem;
}

.notification.widget .organization {
	font-size: 0.8rem;
	line-height: 1;
	color: var(--foreground-color);
}

.notification.widget .time_since {
	color: var(--primary-action-color);
	font-weight: 700;
	min-width: 3rem;
	line-height: normal;
}

.time_since.small_text:after {
	content: "\00a0•\00a0";
	color: var(--light-foreground-color);
}

.notification.widget.read .time_since,
.notification.widget.read .organization {
    color: var(--light-foreground-color);
	font-weight: 400;
}

.notification.widget .more_count {
	font-size: 0.8rem;
    color: var(--info-text);
    font-weight: 700;
}

.popup_notification .notification.widget .time_since {
    display: none;
}

.mobile.notifications.page .header_container {
    margin: 10px 10px 0;
}

.mobile.notifications.page {
    background: var(--background-color);
}

.mobile .notification.widget {
	/* box-shadow: none; */
	border: none;
    border-radius: 5px; /* change to 15px once search hiding on scroll is implemented */
    margin-bottom: 0;
    /* margin: 10px; */
    padding: 8px 10px;
}

.mobile.notifications.page .notification.widget {
    margin: 0;
    border-radius: 0;
}

.popup.notification.widget {
    padding: 11px 10px;
	border-radius: 20px;
}

.notifications .notification.widget:not(.read) .notification_icon,
.notification.widget:not(.in_app.manual) .notification_icon {
	background-color: var(--primary-background);
    box-shadow: var(--soft-shadow);
    font-size: 1.5rem;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}

.notification.widget:not(.read) .notification_icon.error {
	background-color: var(--red);
	color: white;
}

.notification.widget:not(.read) i.fa.fa-people-arrows-solid {
    background-color: white;
}

.popup_notification.save_status_container .in_app.notification.widget {
    align-items: center;
    /* box-sizing: border-box; */
    /* max-width: calc(100vw - 20px); */
	max-width: fit-content;
    border-radius: 5px;
    border: 1px solid var(--primary-border-color);
    background: var(--success-border-color);
    color: #444;
    box-shadow: var(--popup-options-shadow);

}

.popup_notification.save_status_container .notification_icon {
	padding: 0;
	width: 15px;
	height: 15px;
	box-shadow: none;
	background: transparent;
	color: var(--success-green-color);
	font-size: 1rem;
}    

.popup_notification.save_status_container .horizontal {
	align-items: center;
}

.popup_notification.save_status_container .title {
	font-weight: 700;
	font-size: 0.8666666667rem;
}

.mobile .popup_notification.save_status_container .in_app.notification.widget {
	margin: 0 auto;
	font-size: 1rem;
}

.desktop .popup_notification.save_status_container.popup_notification {
	right: 0;
}

.desktop .popup_notification.save_status_container .notification.widget {
	padding: 10px 15px;
	width: fit-content;
	font-size: 1.1rem;
}

.desktop .notifications.page .search_row {
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
}

/* notifications.css */

/*
.notifications .center.panel .title {
	visibility: hidden;
	text-align: center;
}

.notifications .center.panel .title:after {
	visibility: visible;
	content: 'Notifications';
}
*/

.notifications.page .admin .content_panel {
    align-self: flex-start;
	background-color: var(--primary-background) !important;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    width:  100%;

}

.notifications.page .header_container {
	align-items: center;
	display: flex;
}

.mobile .notifications.page .notifications_list {
	/* margin-top: -8px; */
}

.desktop .notifications.page .search_row .title {
	flex-grow: 1;
	font-size: 2rem;
}

.notifications .header_container > .title {
	flex-grow: 1;
	margin-right: 10px;
	flex-shrink: 0;
}

.notifications .button_container {
	display: flex;
	justify-content: flex-end;
}

.frame .header .notifications.button {
	width: 40px;
}

.notifications_add.popup .item_title span:nth-child(2) {
	color: (--info-text);
	padding-left: 0.5em;
}

.notifications_add.popup .date_time_input, .notifications_add.popup .date_time  {
	margin-top: 10px;
}

.notifications_add.popup .date_time .date {
	margin-right: 10px;
}

.notifications_add.popup .description {
	display: flex;
	margin-bottom: 15px;
}

.notifications_add.popup .notification_title {
	display: flex;
	margin-bottom: 10px;
}

.notifications_add.popup .schedule  {
	margin-bottom: 5px;
}

.notifications_view.popup .buttons {
	margin-top: 0px;
}

.notifications_view.popup .date_time_input {
	margin-top: 10px;
}

.notifications_view.popup .date_time .date {
	margin-right: 10px;
}

.notifications_view.popup .message_title {
	margin-top: 15px;
}

.notifications.editbar.disabled	.button {
	cursor: default;
}

.notification_log h2 {
	margin: 10px 0;
}

.notification_log tr {
	padding: 5px;
}

.notification_log th,
.notification_log td {
	text-align: left;
	padding: 5px;
	border: 1px solid var(--border-color);
}




/* org_picker_list.css */

.org_picker_list .heading {
	cursor: pointer;
    font-weight: normal;
    margin: 10px;
	padding: 5px;
}

.org_picker_list .heading .label {
	color: var(--accent-color);
	margin-right: 10px;
}

.org_picker_list .orgs_list {
    background-color: var(--background-color);
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
    color: var(--foreground-color);
	list-style: disc;
    margin: 0px 0px 10px;
	overflow: hidden;
    width: 100%;
}

.org_picker_list .orgs_list .item {
	cursor: pointer;
    border-top: 1px solid var(--border-color);
	padding: 10px 0px 10px 15px;
}

/* org_picker.css */

.org_picker.menu {
    align-items: center;
	display: flex;
    flex-direction: column;
    padding-top: 20px;
}

.org_picker.menu .title {
	font-size: 1.2em;
    font-weight: 700;
    padding: 0px 10px 20px;
}

.org_picker.menu .question {
    font-size: 0.9em;
	font-weight: 400;
    padding: 0 10px 10px;
}

.org_picker.menu .org_list {
	display: flex;
	flex-direction: column;
}

.org_picker.menu .org_list .org_item {
    align-items: center;
    cursor: pointer;
	display: flex;
	padding: 5px;
}

.org_picker.menu .org_list .org_item .contact_header {
	background: none;
}

.org_picker.menu .org_list .org_item:hover {
	background-color: var(--light-background-color);
}

.org_picker.menu .org_list .org_item .avatar {
	align-items: center;
	background: #CCDDEE;
    background-position: center center;
    background-size: cover;
    border-radius: 100%;
    color: var(--foreground-color);
    display: flex;
    font-size: 0.8666666667rem;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    object-fit: cover;
    text-align: center;
    width: 40px;
}

.org_picker.menu .org_list .org_item .org_name {
    color: var(--foreground-color);
	flex-grow: 1;
    font-size: 1em;
	font-weight: 400;
    margin: 10px;
}

.org_picker.menu .org_list .org_item .select.button {
    align-items: center;
	background-color: var(--background-color);
    border: 2px solid transparent;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: auto;
    justify-content: center;
    margin: 0px;
    min-height: 0px;
    min-width: 0px;
    padding: 10px;
    text-transform: uppercase;
    width: auto;
}

.menu .org_menu_item .end_text {
	font-size: 0.8rem;
}

.share_menu .list_item .vertical .message { 
	display: inline;
	/* font-style: italic; */
	font-size: 0.8rem;
}

/* .share_menu .text_container { 
	margin-left: 10px;
} */

.share_menu .text_container .org_name { 
	font-weight: 700;
    word-break: break-word;
}

.share_menu .text_container div { 
	display: inline;
}

.share_menu .text_container div { 
	display: inline;
}

.shares_list {
	padding: 8px;
}

.shares_list .share_item {
	margin-top: 3px;
	color: var(--primary-action-color);
}

.org_picker_multiple {
	cursor: pointer;
}

.org_picker_multiple .orgs {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.org_picker_multiple .org_avatars .avatar {
	/* margin-left: -10px; */
	margin-right: 0;
	/* border: 2px solid var(--border-color); */
	box-shadow: 0 0 0 2px var(--background-color);
}

.org_picker_multiple .org_avatars .avatar:nth-child(n+2) {
    margin-left: -10px;
}

.mobile .org_picker_multiple .org_avatars .avatar,
.mobile .org_picker_multiple .org_avatars .avatar .profile_picture,
.mobile .org_picker_multiple .org_avatars .more_team {
    height: 36px;
    width: 36px;
    box-sizing: border-box;
}

.org_picker_multiple .org_avatars .more_organizations {
	display: flex;
	align-items: center;
	justify-content: center;
    height: 36px;
    width: 36px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid var(--border-color);
	background-color: var(--background-color);
	margin: 0 0 0 -10px;
	font-weight: 700;
}

.mobile .org_picker_multiple .org_avatars .more_organizations {
	font-size: 0.8rem;
}

/* org_profile.css */

.org_profile .content_panel {
	background-color: var(--primary-background);
}

/* .org_profile.library .content_panel,
.org_profile.resources .content_panel,
.org_profile.library_beta .content_panel {
	background-color: var(--background-color);
} */

.org_profile.library .top_category_content .search_row {
	margin: 0;
}

.mobile.org_profile .search_row .button,
.mobile.org_profile .search_row.multiline .button {
    background-color: var(--basic-button-background);
}

.library .search_row {
    margin: 0;
}

.peer_connect.org_profile .page .bottom_content.popular_topics_wrapper {
    display: none;
}

.peer_connect.org_profile .bottom_content.popular_topics_wrapper .popular_topics {
    display: none;
}

.org_profile.library .top_content .controls {
	padding: 0;
	margin: 0;
}

.org_profile .menu .list_item.email, .org_profile .menu .list_item.phone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.org_profile .top_image_section.vertical {
    border-radius: 15px;
	margin-bottom: 10px;
}

.org_profile .menu .list_item.email .label, .org_profile .menu .list_item.phone .label {
	font-size: 0.7333333333rem;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--label-input);
    padding-bottom: 10px;
}

.org_profile .menu .list_item.email .email, .org_profile .menu .list_item.phone .phone_number {
    color: var(--primary-action-color);
    text-decoration: underline;
}

.org_profile .organization_details {
	display: flex;
    flex-direction: column;
	padding: 10px;
	max-width: 310px;
	width: 100%;
}

.org_profile .organization_details .item a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.org_profile .organization_details .body.overflowed {
	word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	display: -moz-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
	max-height: 7rem;  /* fallback height required for safari/iOS not working with clamping */
}

.org_profile .organization_details .body.overflowed p {
	padding: 0;
}

.org_profile .organization_details .body {
    font-size: 0.8666666667rem;
}

.org_profile .organization_details .body.markdown {
    -webkit-line-clamp: 6;
}

.mobile.org_profile .organization_details .body.markdown {
    -webkit-line-clamp: 3;
}

.mobile .email.footer.button,
.mobile .phone.footer.button,
.mobile .website.footer.button {
    border-radius: 20px;
    border: 1px solid var(--border-color);
    background: var(--light-background-color);
}

.mobile.org_profile .organization_details .see_all_details_container {
    font-size: 0.8666666667rem;
}

.org_profile .organization_details .buttons_container {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid var(--border-color);
	display: flex;
}

.mobile.org_profile .organization_details .buttons_container {
	border: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    margin-bottom: 5px;
}

.mobile.org_profile .organization_details .link:hover, .mobile.org_profile .organization_details .link:hover {
	text-decoration: none;
}

.mobile.org_profile .organization_details .medium_title {
    font-size: 1rem;
}

.org_profile .organization_details .see_all_details_container, .org_profile .organization_details .see_less_container {
	display:inline-block;
	color: var(--primary-action-color);
    cursor: pointer;
	line-height: 1.3;
	font-size: 0.8666666667rem;
}

.org_profile .organization_details .see_all_details_container i, .org_profile .organization_details .see_less_container i  {
	margin-left: 5px;
	font-size: 0.8666666667rem;
}

.org_profile_home .organization_details .section {
	margin: 5px 0 0;
}

.org_profile_home .organization_details .section .item {
	margin-bottom: 10px;
}

.org_profile_home .organization_details .section .value {
	color: var(--primary-action-color);
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.org_profile_home .organization_details .item .label {
	font-size: 0.7333333333rem;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--label-input);
	padding-bottom: 5px;
}

.org_profile_home .organization_details .value {
	display: block;
}


.org_profile .right_panel {
	display: none;
}

.mobile.org_profile .image_header {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 0;
	border-radius: 0px;
	height: 120px;
    background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 100%;
}

.mobile.org_profile .organization_details {
	max-width: none;
	padding: 20px 10px 0px;
    /* margin-bottom: 10px; */
}

.org_profile_header_bg {
	display: flex;
	width: 100%;
	background-color: var(--background-color);
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
    /* box-shadow: var(--orgprofile-shadow); */
    border-bottom: 1px solid var(--border-color);
	background: rgb(255,255,255);
    background: linear-gradient(0deg, var(--background-color) 50%, var(--primary-background) 100%);
}

.desktop .org_profile_header_bg {
	min-height: 394px;
}

.org_profile_header_wrapper {
	width: 100%;
	max-width: 1024px;
}

.desktop .org_profile_header_wrapper {
	padding: 0 10px;
	/* box-sizing: border-box; */
}

.desktop.org_profile_header_wrapper {
	margin: 0 10px;
	box-sizing: border-box;
}

.mobile.org_profile .content_panel {
	padding: 0px;
}

.mobile.org_profile .header_bottom_container {
	background: var(--background-color);
	align-items: center;
	margin-bottom: 10px;
	padding: 0 10px;
}

.mobile.learning.org_profile .learning_container,
.mobile.learning.topic_profile .learning_container {
	margin-top: 15px;
}

.mobile.org_profile .header_bottom_container .avatar {
	margin: -50px 0px 0px 0px;
	height: 100px;
	width: 100px;
	border: 4px solid var(--background-color);
	border-radius: 10px;
	box-shadow: var(--org-following-shadow);
}

.mobile.org_profile .header_bottom_container .avatar .profile_picture {
	height: 100px;
	width: 100px;
	object-fit: contain;
	border-radius: 6px;
    /* background: var(--background-color);; */
	background: white;
}

.mobile.org_profile .header_bottom_container .avatar_container {
	display: flex;
	justify-content: center;
}

.mobile.org_profile .header_bottom_container .name {
	color: var(--foreground-color);
	font-size: 1.2rem;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}

.mobile.org_profile .header_bottom_container .location{
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	display: inline-block;
    text-align: center;
    line-height: 1.2;
}

.mobile.org_profile .header_bottom_container .followers_container .title {
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	font-weight: 700;
	margin-left: 5px;
}

.mobile.org_profile .header_bottom_container .followers_container .value {
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	font-weight: 700;
}

.mobile.org_profile .header_bottom_container .total_posts_container .title {
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	font-weight: 700;
	margin-left: 5px;
}

.mobile.org_profile .header_bottom_container .total_posts_container .value {
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	font-weight: 700;
}

.mobile.org_profile .header_bottom_container .manage_following_container .icon {
	font-size: 0.7333333333rem;
}

/* .mobile.org_profile .header_bottom_container .manage_following_container .icon,
.org_profile .header_bottom .manage_following_container .icon {
	color: var(--primary-action-color);
} */

.mobile.org_profile .header_bottom_container .manage_following_container .text {
	font-size: 0.7333333333rem;
}

.mobile.org_profile .header_bottom_container .manage_following_container .text,
.org_profile .header_bottom .manage_following_container .text {
	color: var(--primary-action-color);
}

.org_profile .articles.page {
	display:flex;
	/* justify-content: center; */
}

.org_profile .articles.page .articles.list {
	max-width: 700px;
	width: 100%;
}

.org_profile.desktop.resources .resources.list_view .card_grid {
	padding: 0px;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.org_profile.resources .search_filter_view_bar .horizontal.search_row {
	margin-bottom: 0;
}

.org_profile .header_bottom {
	background: var(--background-color);
	/* margin-bottom: 10px; */
    border-radius: 0 0 10px 10px;
	gap: 15px;
}

.org_profile .header_bottom .avatar {
	margin: -38px 0px 0px 25px;
	height: 120px;
	width: 120px;
	box-sizing: border-box;
	border: 4px solid var(--background-color);
	background-color: var(--background-color);
	transition: none;
	border-radius: 10px;
	box-shadow: var(--org-following-shadow);
}

.org_profile .header_bottom .avatar .profile_picture {
	border: 4px solid var(--background-color);
	border-radius: 12px;
	object-fit: contain;
	/* background-color: white; */
}

.org_profile .header_bottom .location {
	color: var(--foreground-color);
	font-size: 0.8rem;
	line-height: 1.2;
	/* margin-bottom: 5px; */
}

.org_profile .header_bottom .name {
	color: var(--foreground-color);
	font-size: 1.3333333333rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 15px 0 0 0;
}

.org_profile .header_bottom .followers_container .title, .org_profile .header_bottom .total_posts_container .title {
	color: var(--light-foreground-color);
	font-size: 0.8rem;
	font-weight: 700;
}

.org_profile .header_bottom .followers_container .value, .org_profile .header_bottom .total_posts_container .value {
	color: var(--primary-action-color);
	font-size: 1.2rem;
	font-weight: 700;
	margin-top: 10px;
}

.org_profile .header_bottom .followers_container {
	align-items: flex-end;
}

/* .org_profile .header_bottom .icon {
	color: var(--primary-action-color);
} */

.org_profile .header_bottom .manage_following_container {
	/* margin: 48px 0px 0px 0px; */
	justify-content: flex-end;
	gap: 10px;
	min-height: 36px;
	/* flex-wrap: wrap; */
}

/* .org_profile .header_bottom .organization_container {
	margin-left: 15px;
} */

.org_profile .header_bottom .manage_following_container button {
	min-width: fit-content;
}

.org_profile .header_bottom .right_content {
	margin: 15px 15px 0;
    justify-content: space-between;
	gap: 15px;
}


.org_profile .header_bottom .top_container {
	justify-content: flex-end;
}

.org_stats_container {
	gap: 35px;
}

.org_profile .no_results button.basic.button.alt {
	background-color: var(--basic-button-background);
}

.org_profile .posts.list .no_results button.basic.button.alt {
	background-color: var(--background-color);
}

.org_profile .header_bottom .total_posts_container {
	align-items: flex-end;
}

.org_profile .image_header {
	height: 235px;
    background: var(--primary-background);
	/* background-size: cover;
    background-position: center; */
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 0;
	border-radius: 0 0 10px 10px;
	background-size: cover;
	background-position: center;
}

.org_profile .newsfeed.page {
	max-width: 700px;
	width: 100%;
	margin-top: 0;
}

.org_profile .org_profile_wrapper {
	align-items: stretch;
    display: flex;
    flex-direction: column;
    /* max-width: 1024px; */
    width: 100%;
}

.org_profile_content-wrapper {
	display: flex;
	justify-content: center;
}

.org_profile .resources .resources_container {
	padding: 0;
}

.mobile .org_profile .resources .resources_container {
	padding: 10px;
}

/* .mobile.org_profile .popular_topics_cards.popular_topics .pill {
	background-color: var(--background-color);
} */

.desktop .org_profile_content-wrapper {
    box-sizing: border-box;
	margin: 0 10px 10px;
}

.mobile .org_profile_header_bg {
	margin-bottom: 0;
    /* border-bottom: 8px solid var(--primary-background); */
}

.org_profile_content {
	max-width: 1024px;
	width: 100%;
}

.org_profile .page.button {
	/* position: relative;
	top: 1px; */
	border-bottom: 3px solid transparent;
	border-radius: 5px 5px 0 0;
    background-color: transparent;
    color: var(--foreground-color);
}

.org_profile .page.button.selected {
	border-bottom: 3px solid var(--primary-action-color);
}

.org_profile .page.button.selected .label {
	color: var(--primary-action-color);
}

.mobile .org_profile .page.button {
	padding: 10px 15px;
    font-size: 0.8666666667rem;
}

.org_profile_home {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

@media only screen and (max-width: 1100px) {
	.org_profile_home {
		flex-direction: column-reverse;
		align-items: center;
	}
	.org_profile .search_filter_view_bar .search.bar {
		max-width: 100%;
		width: 100%;
	}
	.org_profile .organization_details {
		max-width: 700px;
	}
}

@media only screen and (min-width: 1101px) {
	.desktop.org_profile .organization_details,
	.desktop.topic_profile .topic_details {
		position: sticky;
		top: 70px;
	}
}

/*
.org_profile_home .add_item {
	padding: 15px 15px 0px 15px;
}
*/

.org_profile_home .add_item .bottom_buttons {
	margin-top: 10px;
	/* justify-content: space-evenly; */
	border-top: 1px solid rgba(0,0,0,0.1);
}

.org_profile_home .add_item .bottom_buttons .footer.button {
	/* background-color: unset;
	border: unset; */
	display: flex;
	flex-grow: 1;
	justify-content: center;
	padding: 10px;
	margin: 5px 0;
    align-items: center;
	border-radius: 4px;
}

.org_profile_home .add_item .bottom_buttons .footer.button:hover {
    background: var(--hover-background);
}

.org_profile_home .contact_title {
	padding: 5px 0 10px 0;
	gap: 10px;
}

.org_profile_home .main_content {
	display: flex;
	flex-grow: 1;
}

.organization_container_wrapper {
	justify-content: space-between;
    flex-direction: row;
    width: 100%;
    display: flex;
}

.org_profile_wrapper .post_counters {
	gap: 15px;
}

.org_profile .org_profile_wrapper .connect_wrapper {
	display: flex;
	/* align-items: center; */
}

.org_profile .org_profile_wrapper .connect.page {
	max-width: 700px;
	width: 100%;
}

.desktop.org_profile .content_panel {
    padding: 0;
}

.desktop.org_profile .admin .search_row .search_options .basic.button {
	height: 42px;
}

.org_profile_wrapper .resources .search_filter_view_bar .horizontal.active_filter_list {
    padding: 0;
}

.mobile .org_profile .menu .list_item.email,
.mobile .org_profile .menu .list_item.phone {
    min-height: 53px;
    justify-content: flex-end;
}
.org_profile_home .organization_details .section .item:last-child {
    margin-bottom: 0;
}

.desktop.org_profile .org_profile_wrapper {
    margin-bottom: 25px;
}

.org_profile_wrapper .basic.button.map {
	display: none;
}

.org_profile .resources.list_view .search_filter_view_bar {
	margin: 0;
}

.mobile.org_profile .newsfeed.page .search_row {
    background: var(--background-color);
    border-bottom: 1px solid var(--border-color);
	position: sticky;
}

.mobile.org_profile .resources.page,
.mobile.org_profile .events.page {
	margin-top: 0;
}

.mobile.org_profile .search_row_spacer {
	display: none;
}

.mobile.org_profile .multiline .search_options > .button,
.mobile.org_profile .multiline .search.bar,
.mobile.org_profile .search_bar_with_menu,
.mobile.org_profile .search.bar,
.mobile.org_profile .newsfeed.page .search.bar,
.mobile.org_profile .search_row .filter_button,
.mobile.org_profile .newsfeed.page .search_row .filter_button {
	box-shadow: none;
	/* background-color: var(--light-background-color); */
}

.mobile.org_profile .multiline .search_options > .button input,
.mobile.org_profile .multiline .search.bar input,
.mobile.org_profile .search_bar_with_menu input,
.mobile.org_profile .search.bar input,
.mobile.org_profile .newsfeed.page .search.bar input,
.mobile.org_profile .search_row .filter_button input,
.mobile.org_profile.learning .search.bar .input,
.mobile.topic_profile .search.bar input,
.mobile.topic_profile .multiline .search_options > .button input,
.mobile.topic_profile .multiline .search.bar input,
.mobile.topic_profile .search_bar_with_menu input,
.mobile.topic_profile .search.bar input,
.mobile.topic_profile .newsfeed.page .search.bar input,
.mobile.topic_profile .search_row .filter_button input {
	/* border-radius: 5px; */
	/* box-shadow: none; */
	background: var(--input-background-color);
    padding-left: 40px;
    padding-right: 40px;
}

.mobile.org_profile .search_row {
	position: sticky;
    background: var(--background-color);
    border-bottom: 1px solid var(--border-color);
}

.mobile.org_profile .connect.page .search_row {
	display: none;
}

.mobile.org_profile .multiline .search_options {
	background: none;
	padding-top: 0;
}

.org_profile .admin .left_panel {
	display: none;
}

.org_profile .admin .content_panel {
	margin-left: 0px;
}

.org_profile.library .top_content_section .title,
.org_profile.library .top_content_section .popular_topics {
    display: none;
}

.org_profile.library .popular_topics .topic .label {
	font-size: 0.8rem;
}

.org_profile.library .popular_topics .topic .label {
    width: 100px;
}

.desktop.org_profile .popular_topics_cards {
    margin: 10px 0;
	display: none;
}

.desktop.org_profile .org_profile_content {
	flex-direction: column;
    display: flex;
    gap: 15px;
}

@media only screen and (max-width: 1024px) {
	.org_profile .header_bottom .manage_following_container {
		flex-direction: row;
	}
	.org_profile .header_bottom .avatar {
		margin: -38px 0px 0px 0;
	}
	.org_profile .header_bottom .right_content {
		gap: 10px;
	}
	.org_profile .header_bottom, .organization_container {
		flex-direction: column;
		align-items: center;
		display: flex;
		text-align: center;
	}
	.org_profile .header_bottom .followers_container,
	.org_profile .header_bottom .total_posts_container	 {
		align-items: initial;
	}
	.organization_container_wrapper {
		flex-direction: column;
		align-items: center;
	}
	.org_profile .header_bottom .right_content {
		flex-direction: column;
		align-items: center;
		margin-bottom: 10px;
	}
}

.org_profile .fa-medal:before {
	color: white;
    margin-left: -8px;
    border: 2px solid var(--pill-background-color);
    background: var(--primary-button-border);
    border-radius: 100%;
    padding: 3px;
}

.mobile.org_profile .newsfeed.page .search_row {
	margin-bottom: 0;
}

/* org_selector.css */

.org_selector .top {
	display: flex;
	padding: 10px;
}

.org_selector .top .title {
	margin-right: 5px;
	margin-left: 5px;
	color: var(--accent-color);
	text-align: start;
}

.org_selector .top.button {
	width: auto;
	color: var(--accent-color);
}

.org_selector .organizations {
	background-color: var(--background-color);
	font-weight: 700;
	border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0px 1px 1px #00000029;
}

.org_selector .organization {
	padding: 10px;
	border-top: 1px solid var(--border-color);
    text-align: start;
}

.org_selector .organization:nth-child(1) {
	border-top: none;
}

.org_selector .organization.selected {
	color: var(--accent-color);
}

/* org_stats_report.css */

.org_stats_report.page .organization_header {
	padding: 5px 0;
}

/* organization_admin.css */

.organization_admin .profile_section {
	display: flex;
	align-items: center;
}

.organization_admin .preview.basic.button {
	background-color: var(--basic-button-background);
    cursor: pointer;
    gap: 5px;
    min-width: initial;
    padding: 5px;
    color: #222;
    font-size: 0.8rem;
    line-height: 1;
    height: initial;
}

.organization_admin .preview_organization.basic.button {
	height: unset;
	width: unset;
	padding: 5px;
	min-width: initial;
	margin-left: 5px;
	border-radius: 4px;
	font-size: 0.8rem;
}

.organization_admin .input[type=checkbox] {
	margin: 0 5px 0 0;
}

/* .organization_admin .org_directory {
	margin-bottom: 50px;
} */

.organization_admin .org_directory .message {
	margin-top: 5px;
}

.organization_admin .password_settings .label {
	margin-right: 5px;
}

.organization_admin .password_settings .settings, .organization_admin .theme_settings .settings{
	padding: 10px;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	margin-bottom: 40px;
	margin-top: 5px;
}

.organization_admin.page .existing_item {
	position: relative;
}

.organization_admin .item.preview {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
	text-align: center;
}

.organization_admin.page .file.input {
	width: 250px;
	height: 40px;
	flex-grow: 0;
}

.organization_admin.page .image {
    border: 1px solid var(--border-color);
	border-radius: 4px;
	background-color: var(--primary-background);
	width: 100%;
    /* height: 150px; */
	min-height: 150px;
	min-width: 150px;
	content: '/f25a';
    object-fit: contain;
    display: block;
    /* background: white; */
}

.organization_admin.page .organization_cover_photo .image {
    object-fit: cover;
}

.organization_admin .organization_report_cover_page .item.preview .image {
	height: 322px;
}

.organization_admin.page .top_logo .image {
	background: white;
}

.organization_admin.settings_panel .page .uploading_status .text {
	line-height: 1;
}

.organization_admin.page .dark_logo .image {
    background: var(--accent-color);
}

.organization_admin.page .org_cover_photo .image {
	width: 300px;
    object-fit: cover;
}

.organization_admin.page .role_selections {
	margin-left: 30px;
}

.organization_admin.page .roles_change_password .label, .organization_admin.page .roles_change_password .wrapper.horizontal {
	margin-right: 0px;
}

.organization_admin.page .settings_section {
    padding-bottom: 10px;
	display: flex;
	gap: 15px;
    flex-direction: column;
}

.organization_admin.page .settings_section .icon.button {
    /* align-self: flex-start; */
	border-radius: 4px;
    padding: 4px;
}

.organization_admin.page .theme_test {
    margin: 10px 0 0;
	width: 200px;
	padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.organization_admin.page .theme_test.dark_mode {
	color: var(--primary-action-color);
}

.organization_admin.page .delete.button {
    background-color: var(--red);
    color: var(--matted-button-text);
	color: white;
    align-self: flex-start;
}

.organization_admin.page .upload_section .horizontal {
	gap: 10px;
    margin-right: 15px;
}

.upload_section.input_group.organization_logo .vertical,
.upload_section.input_group.organization_cover_photo .vertical,
.upload_section.input_group.organization_report_cover_page .vertical {
    gap: 5px;
}

.organization_admin .organization_logo .item.preview {
	justify-content: flex-start;
    margin-top: 5px;
}

.organization_admin .sub_text,
.organization_admin .description {
	max-width: 580px;
}

.upload_section.input_group.organization_cover_photo .label.item_title,
.upload_section.input_group.organization_logo .label.item_title,
.upload_section.input_group.organization_report_cover_page .label.item_title  {
	display: none;
}

.organization_admin .organization_cover_photo .item.preview,
.organization_admin .organization_report_cover_page .item.preview {
    flex-direction: column;
	align-items: center;
    margin-top: 5px;
}

.progress {
    display: flex;
    align-self: flex-start;
	width: 100%;
}

.organization_admin.page .organization_logo .item.preview {
	width: 150px;
}

.organization_admin.page .horizontal.button {
	margin: 0;
	padding: 8px;
    max-width: 580px;
}

.organization_admin.page .editbar_container.tags .item.section, .organization_admin.page .editbar_container.types .item.section {
	padding-left: 0px;
}

.organization_admin.page .editbar_container.tags .label, .organization_admin.page .editbar_container.types .label {
	overflow: unset;
}

.organization_admin.page .tags .item.section {
    padding: 0;
}

.organization_admin.page .item.section {
	cursor: pointer;
	gap: 5px;
    align-items: center;
    max-width: 580px;
    background-color: var(--background-color);
}

.organization_admin.page .links.editbar  {
	padding: 0;
}
.organization_admin.page .item.section .tag_pills{
    background-color: unset;
}

/* .organization_admin.page .links .item.section .photo,
.organization_admin.page .links .item.section .description {
	display: none;
} */

.organization_admin.page .item.section .value {
	color: var(--primary-action-color);
	flex-shrink: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.organization_admin.page .terms_warning {
	color: var(--alert-orange);
	display: flex;
	margin: 10px 0;
}

.organization_admin.page .terms_warning i {
	margin-right: 5px;
}

.organization_admin.page .item.section .delete.button {
	background: none;
	color: var(--foreground-color);
	margin: 0 0 0 auto;
	padding: 10px;
}

.organization_buttons_wrapper {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.organization_buttons_wrapper .item + .item {
    margin-top: 10px;
}

.organization_admin.page .item.section.external_link span:first-child {
	font-weight: 400;
}

.settings_panel .organization_admin.page .clear.button {
	margin: 0px;
	text-decoration: none;
	height: 36px;
}

.settings_panel .organization_admin.page .markdown_widget .footer {
	display: block;
}

.stats_settings .reset_buttons {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.organization_admin.settings_panel .page .settings {
    gap: 15px;
}

.organization_admin.page .upload_section.input_group.favicon .item.preview,
.organization_admin.page .upload_section.input_group.favicon .image {
    height: 32px;
    width: 32px;
    object-fit: contain;
    justify-content: flex-start;
}

.organization_admin.page .upload_section.input_group.favicon .image_delete.button {
	position: revert;
    margin: 5px;
}

.organization_admin.page .upload_section.input_group.favicon-128 .item.preview,
.organization_admin.page .upload_section.input_group.favicon-128 .image {
    height: 128px;
    width: 128px;
    object-fit: contain;
    justify-content: flex-start;
}

.organization_admin.page .upload_section.input_group.theme_logo .item.preview,
.organization_admin.page .upload_section.input_group.theme_logo .image {
    height: 256px;
    width: 256px;
    object-fit: contain;
    justify-content: flex-start;
}

.organization_admin.page .theme_settings .input_group.upload_section .vertical {
	gap: 5px;
}

.organization_admin.page .openid_config {
	border: 1px solid var(--admin-border-color);
	padding: 5px;
}

.upload_section .existing.item {
	position: relative;
}

.upload_section .item.preview {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
	text-align: center;
}

.upload_section .item.preview.uploading {
    justify-content: center;
}

.upload_section .image_delete.button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(0,0,0,0.75);
    color: white;
	font-size: 1rem;
    width: 25px;
    height: 25px;
    border-radius: 5px;
}

.upload_section .item.preview .uploading_status {
	color: #444444;
	font-size: 1rem;
	display: flex;
    background: white;
    position: absolute;
    padding: 10px;
    gap: 5px;
    border-radius: 20px;
}

/* organization_header.css */

.organization_header.large .info .name {
	font-size: 20px;
}

.organization_header.large .info .status {
	font-size: 16px;
}

.organization_header.large .avatar {
	width: 80px;
	height: 80px;
}

.organization_header.large .profile_picture {
	width: 80px;
	height: 80px;
}

.organization_header .name:not(.name_not_clickable):hover {
    text-decoration: underline;
    color: var(--primary-action-color);
    cursor: pointer;
}

/* organization_sidebar.css */

.organization_sidebar { 
	background-color: var(--background-color);
	position: fixed;
	width: 260px;
}

.admin .right_panel .organization_sidebar {
	position: fixed;
    width: 260px;
}

.admin .right_panel.collapsed .organization_sidebar,
.collapsed .admin.right_panel .organization_sidebar,
.collapsed .organization_sidebar .search_container {
	width: 75px;
	box-sizing: border-box;
}

.organization_sidebar .list_item .label {
	margin-left: 10px;
}

.collapsed .organization_sidebar .list_item .label {
	display:none;
}

.collapsed .organization_sidebar .list_item {
	width: unset;
}


.collapsed .organization_sidebar .list_item {
	width: fit-content;
	padding: 6px;
	background: transparent;
    /* margin-left: 3px; */
    justify-content: center;
	/* min-height: 48px;
    min-width: 48px; */
}

.collapsed .organization_sidebar .list_item.button:focus-visible {
	/* overflow-y: visible; */
    /* width: unset;
    min-width: unset; */
    justify-content: center;
    box-sizing: border-box;
}

.organization_sidebar .list_item {
	min-height: unset;
	padding: 6px;
	background: unset;
}

.organization_sidebar .list_item .avatar,
.organization_sidebar .list_item .avatar .profile_picture {
    border-radius: 4px;
}

.organization_sidebar .list_item .avatar {
	max-height: 40px;
	max-width: 40px;
}

.organization_sidebar .list_item .avatar .profile_picture {
    object-fit: contain;
}

.organization_sidebar .list_item.selected {
	/* background-color: var(--navbar-selected-background); */
    background-color: var(--unread-transparent-bg-color);
	border: 1px solid var(--unread-notification-color);
	padding: 5px;
}
/* 
.organization_sidebar .list_item.selected {
	background-color: var(--navbar-selected-background);
} */

.organization_sidebar .options {
	display: flex;
	flex-direction: column;
    gap: 5px;
	flex-grow: 1;
	/* flex-basis: 1e-9px;
    box-sizing: border-box; */
	/* height: calc(100vh - 184px); */
	height: calc(100vh - var(--header-height) - var(--search-org-input-height) - var(--desktop-sidebar-collapse-height));
	margin: 0 4px 0 8px;
    padding: 8px 2px 10px 0;
    scrollbar-color: var(--border-color) transparent;
    scrollbar-width: thin;
	/* overflow: auto; */
    overflow-y: auto;
    box-sizing: border-box;
    /* scrollbar-color: var(--primary-background) transparent; */
}


.right_panel.collapsed .organization_sidebar .options {
	margin: 0 2px 0 8px;
	padding: 8px 0 10px;
	box-sizing: border-box;
}

.organization_sidebar .search_container {
	/* border-bottom: 1px solid var(--border-color); */
	padding: 10px;
	height: 56px;
	border-bottom: 1px solid var(--soft-border-color);
	box-sizing: border-box;
    background: var(--background-color);
}

.organization_sidebar .search_container .search.bar input {
    background: var(--primary-background);
    transition: all ease-in-out 0.2s;
    border: none;
    background: var(--background-color);
    padding: 0 0 0 40px;
}

.organization_sidebar .search_container .search.bar i.search.icon.fa.fa-search {
	font-size: 1.2rem;
}

.organization_sidebar .search_container .search_button {
	display: none
}

.collapsed .organization_sidebar .search_container {
	padding: 0px;
	display: flex;
}

.collapsed .organization_sidebar .search_container .icon.fa.fa-search {
	font-size: 1.2rem;
	height: auto;
	width: auto;
}

.collapse.collapsed {
    text-align: center;
    align-items: center;
    justify-content: center;
}

.collapsed .organization_sidebar .search_container .search.bar {
	display: none;
}

.collapsed .organization_sidebar .search_container .search_button {
	/* display: block; */
    display: flex;
	flex-grow: 1;
	/* padding: 10px 10px 10px 0; */
	padding: 10px;
	border-bottom: 1px solid var(--soft-border-color);
	border-radius: 0;
    justify-content: center;
    align-items: center;
    justify-self: center;
}

.collapsed .organization_sidebar .search_container .search.bar {
	display: none;
}

.desktop h1.left_panel.topics.section_header {
	margin: 0 10px;
}

/* organization_switcher.css */

.mobile .image_admin_item .avatar {
	height:20px;
	width:20px;
	border-radius: 3px;
}

.popup_body .organization_switcher .search.bar {
    /* margin-bottom: 10px; */
    width: 100%;
}

.organization_switcher .org_switcher_item.list_item.button {
	min-height: unset;
}

.organization_switcher .org_switcher_item.list_item.button:hover {
	background-color: var(--transparent-button-background);
}

.mobile .organization_switcher.audience_selection_list.popup {
	flex-grow: unset;
	height: unset;
}

.organization_switcher
.mobile button.left_panel.button.soft_container {
    margin: 10px;
}

.org_switcher_item .status {
	font-size: 0.8rem;
    line-height: normal;
	text-transform: capitalize;
    font-weight: 400;
	color: var(--light-foreground-color);
}


.org_switcher_item.list_item.button .vertical {
	gap: 4px;
}

/* organization.css */

.add_organization.popup .title {
	display: flex;
	justify-content: center;
}

.organization.page .content {
	display: flex;
	align-items: center;
}

.organization.page .length_container {
	margin: 0px 0px 5px 0px;
}

.organization.page .length_container .input {
    width: 60px;
    display: inline-block;
    margin: 0px 4px;
    font-weight: 400;
    font-size: 0.9em;
    padding: 0px 8px;
    border: 1px solid var(--input-border-color);
    border-radius: 3px;
    box-sizing: border-box;
    height: 40px;
    font-family: inherit;
    background-color: var(--background-color,white);
    color: var(--foreground-color,black);
}


.organization.page .contact_header .info {
	justify-content: center;
}

.organization.page .line_logo .add_image {
	bottom: 0px;
    position: absolute;
    left: 70px;
}

.organization.page .line_logo .logo_container {
	position: relative;
}

.organization.page .line_logo .icon_container {
	align-items: center;
    background: rgb(40, 167, 69);
    border: none;
    border-radius: 100%;
    color: white;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    justify-content: center;
    padding: 0px;
    height: 29px;
    min-height: 29px;
    min-width: 29px;
    width: 29px;
}

.organization.page .line_logo .logo_container .image{
	align-items: center;
    background-position: center center;
    background-size: cover;
    border-radius: 100%;
    color: var(--foreground-color);
    display: flex;
    font-size: 35px;
    font-weight: 400;
    justify-content: center;
    object-fit: cover;
    text-align: center;
    height: 100px;
    width: 100px;
    background-image: url("upload/orgs/IMG_54711.jpg");
}

.organization.page .line_option {
	display: flex;
    align-items: center;
    margin: 5px 0px 15px 0px;
}

.organization.page .line_option .icon {
	color: var(--light-foreground-color);
    margin: 0px 5px 0px 0px;
    font-size: 20px;
    display: inline;
}

.organization.page .line_logo, .organization.page .line_select {
	margin: 0px 0px 20px 0px;
}

.organization.page .line_logo .label, .organization.page .line_select .label, .organization.page .line_text .label {
	margin: 0px 0px 5px 0px;
}

.organization.page .main_title {
	margin: 0px 0px 1em;
    text-align: center;
    text-transform: inherit;
    font-weight: 400;
    font-size: 1.25em;
}

.organization.page .organization_container {
	background-color: var(--background-color, white);
    color: var(--foreground-color,black);
    padding: 20px;
    max-width: 700px;
    width: 100%;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
    margin: 0px 0px 10px;
}

.organization.page .organization_container .hide_text {
	margin: 0px 0px 30px 0px
}

.organization.page .organization_container .line_select .select {
	background-color: var(--background-color);
    border: 1px solid var(--input-border-color);
    border-radius: 3px;
    color: var(--foreground-color);
    height: 40px;
    font-size: 0.9em;
    font-weight: 400;
    padding: 0px 8px;
    width: 100%;
}

.organization.page .organization_container .line_text .input {
	font-size: 0.9em;
    width: 100%;
    display: block;
    padding: 0px 8px;
    border: 1px solid var(--input-border-color);
    border-radius: 3px;
    box-sizing: border-box;
    height: 40px;
    font-family: inherit;
    font-weight: 400;
    background-color: var(--background-color,white);
    color: var(--foreground-color,black);
}

.organization.page .password_settings {
	cursor: pointer;
    padding: 20px 0px;
}

.organization.page .password_settings .icon {
	margin-left: 4px;
}

.organization.page .button_container {
	display: flex;
	justify-content: center;
}

.organization.page .save {
	background-color: var(--primary-button-background);
    padding: 5px 10px;
    height: 30px;
    color: white;
	width: 100%;
}

.organization.page .settings_container {
	border: 1px solid var(--border-color, grey);
    border-radius: 10px;
    margin: 10px 0px;
    box-sizing: border-box;
    padding: 20px;
}





/* pad.css */

.pad {
	padding: 10px;
}

/* page.css */

.unauthenticated.page {
	background-color: var(--accent-color);
    background-image: linear-gradient(135deg, var(--accent-color),rgba(0,0,0,.4) 70%);
	display:flex;
	width:100vw;
	height:100vh;
	color: white;
	align-items:center;
	justify-content:center;
}

.mobile .page.unauthenticated {
    padding: 15px;
    background-image: linear-gradient(135deg, var(--accent-color), rgba(0, 0, 0, .4) 70%);
    box-sizing: border-box;
	min-height: 100%;
	padding-bottom: max(env(safe-area-inset-bottom), 15px);
	padding-top: max(var(--safe-area-inset-top), 15px);
}

.mobile .unauthenticated .title {
    /* align-self: flex-start; */
    width: 100%;
    /* display: flex; */
    margin: 15px 0 0;
    font-size: 1.3333333333rem;
}

.unauthenticated.page .email_address {
	text-align: center;
}

.subpage {
	margin-top: 50px;
}

.subpage_header {
	align-items: center;
	background-color: var(--primary-background);
	display: flex;
	padding: 20px 30px;
	width: 100%;
	box-sizing: border-box;
	display: block;
}

.subpage_header .heading {
	margin-bottom: 10px;
	display: flex;
}

.subpage_header .heading > button {
	margin: 0 5px;
	position: relative;
	top: 3px;
}

.subpage_footer {
	align-items: center;
	background-color: var(--light-primary-color);
	border-top: 1px solid var(--border-color);
	bottom: 0;
	display: flex;
	left: var(--left-panel-width);
	padding: 15px 30px;
	position: fixed;
	width: 100%;
	z-index: 1;
}

.subpage_footer .button {
	margin-right: 15px;
}

.iframe2 {
	width: 50vw;
	height: 100vh;
}

.iframe3 {
	width: 50vw;
	height: 100vh;
}


.devtool_frame {
	display: flex;
}

.devtools.header {
	display: flex;
    justify-content: flex-end;
    background: rgba(0,0,0,0.05);
    color: rgba(0,0,0,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

.devtools.header i {
	padding: 5.5px 5px;
	font-size: 12px;
	cursor: pointer;
}

.page .content .section {
	margin-bottom: 20px;
}

.page .content .section > .title {
	font-weight: 700;
	margin-bottom: 10px;
}

.page .content .section > .subtitle {
	font-size: 0.866666667rem;
	margin-bottom: 10px;
}

/* pagination_style.css */

.pagination_style.page .category {
	color: var(--accent-color);
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.6em;
	margin: 15px 0;
}

.pagination_style.page .grid_container {
	column-gap: 15px;
	row-gap: 15px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 25px;
}

.pagination_style.page .grid_container .container {
	margin: 0;
	min-height: 120px;
	padding: 20px;
	position: relative;
}

.pagination_style.page .grid_container .container .heading {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 48px;
}

.pagination_style.page .grid_container .container .heading .title {
	color: var(--accent-color);
	font-size: 1em;
	font-weight: 700;
	line-height: 1.6em;
}

.pagination_style.page .grid_container .container .heading .component {
	margin: 0 0 0 20px !important;
}

.pagination_style.page .grid_container .container .code::-webkit-scrollbar {
	height: 5px;
}

.pagination_style.page .grid_container .container .code::-webkit-scrollbar-thumb {
	background-color: var(--border-color);
	border-radius: 4px;
}

/* pagination.css */

.pagination {
	display: flex;
	font-size: 1rem;
	align-items: center;
	flex-shrink: 0;
	font-weight: 400;
	gap: 5px;
}

.pagination > * {    
	width: 25px;
    height: 28px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
    box-sizing: border-box;
}

.pagination .pageNumber.selected {
	background: var(--light-primary-color);
    color: var(--primary-action-color);
    font-weight: 700;
    border: 1px solid var(--input-border-color);
}

.pagination .disabled {
	color: var(--disabled-color);
}

.pagination .numberOfPages {
	flex-shrink: 0;
	width: auto;
	padding: 0 5px;
    border: 1px solid var(--background-color);
}

.pagination > i:hover, 
.pagination > div.pageNumber:hover {
    background-color: var(--light-background-color);
	cursor: pointer;
	border: 1px solid var(--border-color)
}

.mobile .pagination {
    font-size: 0.8rem;
	width: 100%;
	justify-content: space-around;
}

.pagination button:hover {
	cursor: pointer;
}

.mobile .pagination_wrapper {
	width: 100%;
}

.pagination_wrapper {
	justify-content: space-around;
	/* margin-top: 10px; uses gap now */
}

.pagination > button:focus-visible {
    width: 25px;
    height: 28px;
}

/* panel.css */

.unauthenticated .errorMessage,
.unauthenticated .successMessage {
	color: white;
	font-size: 0.8666667rem;
	text-align: center;
}

.unauthenticated .errorMessage {
	background: #111;
	border: 2px solid var(--red);
	border-radius: 4px;
	box-sizing: border-box;
    line-height: 1.3;
	padding: 10px;
	text-align: left;
	width: 100%;
}

.unauthenticated .successMessage {
	background: #111;
	border: 2px solid var(--success-green-color);
	border-radius: 4px;
	box-sizing: border-box;
    line-height: 1.3;
	padding: 10px;
	text-align: left;
	width: 100%;
}

.unauthenticated .center.panel{
	width:280px;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.unauthenticated .panel {
	max-width: 400px;
	width: 100%;
	gap: 15px;
    display: flex;
    flex-direction: column;
}

.mobile .login.page.unauthenticated .panel {
	gap: 10px;
}

.mobile .unauthenticated .panel {
    width: 100%;
    /* align-self: flex-start; */
    height: 100%;
    /* justify-content: space-between; */
}

.mobile .login.page.unauthenticated .panel {
    align-self: center;
}

.unauthenticated form {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
}

.unauthenticated .footer {
	justify-content: space-around;
}

.unauthenticated.panel .link {
	font-size: 0.7em;
	text-decoration: none;
	text-transform: uppercase;
}

.first.horizontal {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding: 5px;
	width: 100%;
}

.center.panel.outer {
	align-items: center;
	display: flex;
}

.center.panel.outer > .inner {
	max-width: 700px;
}

/* password.css */

.password {
	width:100%;
	box-sizing: border-box;
    position: relative;
}

/* peer_connect_walkthrough.css */

.peer_connect_walkthrough .window .title_bar {
	background-color: var(--popup-header-background);
    border-bottom: 1px solid var(--border-color, grey);
	box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
	margin: -20px -20px 20px -20px;
    padding: 15px;
}

.peer_connect_walkthrough .window .title_bar .fa {
	margin: 0;
	padding: 0;
}

.peer_connect_walkthrough .window {
    display: flex;
    flex-direction: column;
	margin: 0 auto;
    max-height: 90vh;
    width: 520px;
    overflow: hidden;
	padding: 20px;
}

.peer_connect_walkthrough .window .window_content {
	align-items: center;
	display: flex;
	flex-direction: column;
    height: 640px;
    max-height: calc(100vh - 260px);
	justify-content: center;
	margin: 0 auto;
	max-width: 480px;
	overflow: auto;
	width: 100%;
}

.peer_connect_walkthrough .window .logo {
	align-self: center;
    height: 80px;
    justify-content: center;
	padding-bottom: 20px;
    width: 80px;
}

.peer_connect_walkthrough .window .heading {
	border-bottom: 4px solid rgba(0, 0, 0, 0.1);
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: 10px;
	padding-bottom: 20px;
}

.peer_connect_walkthrough .window .explanation {
	font-weight: 400;
    line-height: 1.2;
    margin: 5px 0px;
    padding: 0px 0px 10px;
    text-align: center;
}

.peer_connect_walkthrough .window .demonstration {
    align-self: center;
    justify-content: center;
    height: 400px;
	padding-bottom: 20px;
    width: 200px;
}

.peer_connect_walkthrough .window .window_footer {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.peer_connect_walkthrough .window_footer .button {
	align-items: center;
    background-color: var(--basic-button-background);
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--foreground-color,black);
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 32px;
    min-width: 120px;
    transition: all 0.3s ease-in-out 0s;
}

.peer_connect_walkthrough .window_footer .button .label {
    font-size: 0.8rem;
    text-transform: uppercase;
}

.peer_connect_walkthrough .step_6 .download_buttons {
	display: flex;
	justify-content: center;
	width: 100%;
}

.peer_connect_walkthrough .window .download.button .button_image {
	margin: 0 10px;
	width: 200px;
}

.peer_connect_walkthrough .step_1 .previous.button , .peer_connect_walkthrough .step_1 .demonstration, .peer_connect_walkthrough .step_6 .demonstration {
	display: none;
}



/* peer_support_anniversaries_admin.css */

.admin.peer_support_anniversaries_admin .actions.primary.basic.button .icon {
    color: #fff;
}

.admin.peer_support_anniversaries_admin .horizontal.active_filter_list {
    margin-bottom:10px;
}


.mobile .peer_support_anniversaries_admin.page.admin .horizontal.controls {
	flex-direction: row;
}

/* peer_support_incident_details.css */

.peer_support_incident_details .column.date_of_incident {
	width: 150px;
}

.peer_support_incident_details .column.date_of_contact {
	width: 150px;
}

.incident_report.popup {
	padding-bottom: 10px;
}

.incident_report.popup .row {
	display: flex;
    align-items: center;
    font-size: 0.8666666667rem;
}

.incident_report.popup .row .title {
	font-weight: 700;
	margin: 0;
	line-height: 1.3;
}

/* .peer_support_incident_details .filters button {
    margin-right: 10px;
} */

.peer_support_incident_details .filters {
	align-items: center; 
	gap: 10px;
}

.mobile .peer_support_incident_details .filters {
	/* margin-bottom: 10px; */
    flex-wrap: wrap;
    gap: 5px;
}

.mobile .peer_support_incident_details.admin .horizontal.controls {
    border-bottom: 1px solid var(--border-color);
	padding-bottom: 10px;
	gap: 10px;
	flex-direction: row;
}

.admin.peer_support_incident_summary_admin table.grid td.column > div {
	white-space: pre-wrap;
}


.admin.page .horizontal.controls .filters {
	align-items: center;
}

.admin.page .horizontal.controls .filters > .description {
	/* margin-right: 15px; Use gap instead */
    font-size: 0.8666667rem;
    color: var(--input-read-only-text);
	margin: 0;
}

.incident_report_details.page {
	padding-bottom: 10px;
}

.incident_report_details.page .row {
	display: flex;
    align-items: center;
}

.incident_report_details.page .row .title {
	font-weight: 700;
	margin: 0;
	line-height: 1.3;
}

.incident_report_details.page .connection_form1 > .incident_section, 
.incident_report_details.page .right_column > .incident_section {
	box-shadow: var(--desktop-feed-item-shadow);
	border: 1px solid var(--border-color);
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.incident_report_details.page .incident_form_beta {
	padding: 0;
}

.incident_report_details.page .form_fields {
	margin-top: 0;
}

.incident_report_details.page .header {
	margin-bottom: 10px;
}

.incident_report_details.page .header .title {
	margin-left: 10px;
	font-size: 2rem;
}

.incident_report_details.page .columns {
	gap: 10px;
}

.incident_report_details.page .connection_form1.top .section > .subheader,
.incident_report_details.page .review.incident_section > .subheader {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 10px;
}

.incident_report_details.page .incident_section {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.incident_report_details.page .incident_section > .input_group {
	margin-bottom: 0;
}

.incident_report_details.page .incident_section .title {
	margin-bottom: 10px;
}

.incident_report_details.page .columns > .incident_form {
	flex-grow: 2;
	width: 300px;
}

.incident_report_details.page .columns > .right_column {
	flex-grow: 1;
	width: 300px;
}

.incident_report_details.page .message {
    line-height: 1.3;
}

.incident_report_details.page .open_close_report.button {
	align-self: flex-end;
}

.incident_report_details.page .related_reports {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.incident_report_details.page .related_reports .button {
	width: 100%;
}

.incident_report_details.page .relate_report.button {
	width: 100%;
	max-width: 580px;
}

.incident_report_details.page .stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.incident_report_details.page .stats .stat {
	border-radius: 5px;
	border: 1px solid var(--border-color);
	padding: 10px;
	gap: 10px;
	display: flex;
	flex-direction: column;
	font-weight: 700;
}

.incident_report_details.page .stats .stat .label {
	font-size: 0.7rem;
	text-transform: uppercase;
}

.incident_report_details.page .stats .stat .label .icon {
	margin-right: 5px;
}

.incident_report_details.page .stats .stat .value {
	text-transform: uppercase;
	color: var(--primary-action-color);
}

.incident_report_details.page .related.button .icon.remove {
	display: none;
}

.incident_report_details.page .related.button:hover .icon.remove {
	display: flex;
}

.incident_report_relate.popup .no_results {
	margin-top: 10px;
}

.incident_report_relate.popup {
	min-height: 100px;
}

.incident_report_relate.popup .search_results {
	gap: 5px;
}

.incident_report_relate.popup .incident_report_to_relate {
	padding: 5px;
	border: 1px solid var(--border-color);
	border-radius: 3px;
	cursor: pointer;
}

.incident_report_relate.popup .incident_report_to_relate.selected {
	border-color: var(--primary-action-color);
	color: var(--primary-action-color);
}

/* peer_support_incident_form_admin.css */

.peer_support_incident_form_admin.desktop .content_panel,
.peer_support_incident_form_admin.mobile .content_panel {
	padding: 0;
}

.peer_support_incident_form_admin .buttons {
	display: none;
}

/* peer_support_incident_summary_admin.css */

.peer_support_question_answers > .title {
	margin-bottom: 10px;
}

.peer_support_question_answers .answer {
	margin-bottom: 5px;
}

.peer_support_question_answers .answer .title {
	margin-right: 5px;
}

.user-table-wrapper {
	width: 100%;
}

/* peer_support_live_requests.css */

.peer_support_admin_requests.page .status_color {
	margin-right: 5px;
}

.mobile .peer_support_admin_requests.page.admin .horizontal.controls {
	flex-direction: row;
}

.mobile .peer_support_admin_requests .search_row {
	width: 100%;
}

.peer_support_user_history.popup .section {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid var(--border-color,lightgrey);
    margin: 0 0 20px 0;
    border-radius: 3px;
    width: calc(100% - 42px);
    max-width: 600px;
}

/* .peer_support_admin_requests.admin .search_row .search.bar ~ .basic.button {
	background-color: var(--basic-button-background);
} */

.peer_support_user_history.page .top > * {
	margin-right: 5px;
}

.peer_support_user_history.page .top .back_to_requests {
	cursor: pointer;
}

.peer_support_user_history .soft_container {
	max-width: 500px;
}

.peer_support_user_history .target.section {
	align-items: flex-start;
}

.mobile .peer_support_user_history .target.section {
    flex-direction: column;
}

.peer_support_user_history .target.section .horizontal {
    gap: 10px;
}

.peer_support_user_history .target.section .vertical {
	gap: 10px;
}

.peer_support_user_history .target.section .vertical .pills {
	gap: 5px;
}

.admin.page .section.notes, .admin.page .location_note {
	font-size: .8rem;
	max-width: 580px;
	line-height: 1.3;
	margin-top: 10px;
    display: flex;
    gap: 5px;
}

.mobile .peer_support_user_history .target.section .vertical .pills {
    flex-direction: row;
}

.admin.page .location_note:before {
	content: "Location Details: ";
    text-transform: uppercase;
    font-weight: 700;
}

.admin.page .section.notes:before {
    content: "Additional Note:";
    text-transform: uppercase;
    font-weight: 700;
}

/* .peer_support_user_history .peersupport_section_button {
	padding-top: 10px;
    border-top: 1px solid var(--border-color);
} */

.scheduled.section {
	padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}

.tickets .peersupport_section_button .title_and_description .horizontal {
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 8px;
}

/* .peer_support_user_history .scheduled.section .scheduled {
    padding: 5px 0;
} */

.peer_support_user_history .scheduled.section .scheduled > * {
    margin-right: 10px;
	font-size: 0.8666666667rem;
	line-height: 1.4;
}

.peer_support_user_history .tickets.section .action {
    /* padding: 5px 0; */
    align-items: flex-start;
    line-height: 1.2rem;
}

/* .peer_support_user_history .tickets.section .action > * {
    margin-right: 10px;
} */

.peer_support_user_history .tickets.section .action .date {
    color: var(--info-text);
    text-transform: uppercase;
    font-size: 0.8rem;
    width: 142px;
    flex-shrink: 0;
    margin-right: 10px;
    text-align: right;
}

.mobile .peer_support_user_history .tickets.section .action .date {
	width: auto;
	text-align: left;
}

.peer_support_user_history .tickets.section .action .icon {
    margin-right: 10px;
}

.peer_support_user_history .tickets.section .action .name {
    font-size: 0.8666666667rem;
    display: flex;
    align-items: flex-start;
}

.peer_support_user_history .target.section .pill {
    font-size: 0.8rem;
    font-weight: 700;
}

.desktop.requests_panel .content_panel, .mobile.requests_panel .admin .content_panel {
    padding: 0;
}

.peer_support_user_history .request_history {
    padding: 15px 15px 15px;
	gap: 15px;
    display: flex;
    flex-direction: column;
}

.mobile .peer_support_user_history .request_history {
	padding: 10px 10px;
}

.mobile.clinician_view .popup_body .peer_support_user_history .request_history {
	padding: 0;
}

.mobile.clinician_view .popup_body .peer_support_user_history .request_history,
.mobile.clinician_view .sticky_supported_member {
	box-shadow: none;
	border: none;
}

.mobile.clinician_view .popup_body {
	padding: 0 0 var(--padding-body) 0;
}

.clinician_view .popup_body .request_card {
	border-radius: 0;
}

.clinician_view .popup_body .scheduled.section,
.clinician_view .popup_body .section {
	box-shadow: none;
	border: none;
}

.clinician_view .popup_body {
	padding: 0;
}

.clinician_view .popup_body .peer_support_user_history .request_history {
    border: none;
    padding: 0;
    box-shadow: none;
}

.requests_panel .page .request_ticket {
	padding-bottom: 5px;
}

.mobile .peer_support_user_history.admin.page .wrapper {
    padding: 56px 0 0;
}

.peer_support_user_history.admin.page .detail_navigation {
    padding: 15px;
    margin-bottom: 0;
}

.desktop .peer_support_user_history.admin.page.vertical.ten_gap {
	gap: 10px;
	flex-direction: column;
	display: flex;
}

.desktop .peer_support_user_history .request_history {
	padding: 0 15px 15px; 
}

.desktop .peer_support_user_history.admin.page .detail_navigation {
	margin: 10px 10px 0;
}

.mobile .peer_support_user_history.admin.page .detail_navigation {
	padding: 0;
}
/*
.peer_support_user_history .target.section .buttons .button {
	margin-bottom: 5px;
} */

.peer_support_user_history .edit_user.link {
	padding: 4px;
}

.mobile .peer_support_user_history .target.section .horizontal {
    flex-direction: column;
}

.edit_anonymous_user.popup .convert_description {
	margin: 5px 0;
    line-height: 1.3;
    font-size: 0.8666666667rem;
}

.peer_support_user_history.admin.page .contact.section .title {
    margin: 0;
}

.peer_support_user_history.admin.page .contact.section .title.contact_info_title {
	font-size: 1.1rem;
}

.peer_support_user_history .contact.section .peersupport_section_button {
    border: none;
    padding-top: 5px;
}

.admin.page .committed_by.contact.section h3 {
    margin: 10px 0 0;
}

.admin.page .contact.section {
	gap: 20px;
	display: flex;
	flex-direction: column;
}

.date_created { 
	font-size: 0.8rem;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--info-text);
}

.peer_support_user_history.admin.page .edit_anonymous_user.popup {
	padding-bottom: 10px;
}

.settings_panel .page .settings .title_and_description .description {
    margin: 0;
	line-height: 1.3;
}

.peer_support_user_history .tickets.section .action .icon {
	width: 1.1rem;
    justify-content: center;
    align-items: center;
    display: flex;
}

.peer_support_user_history .section.location > * {
	margin-bottom: 10px;
	display: block;
}

.peer_support_user_history .section.notes > * {
	margin-bottom: 10px;
}

.peer_support_user_history .section.location .link > * {
	margin-right: 5px;
    font-size: 0.8666666667rem;
}

.ticket_details .horizontal.flex_grow {
    flex-wrap: wrap;
}

.mobile .ticket_details .horizontal.flex_grow {
	padding-bottom: 5px;
}

.edit_anonymous_user.popup {
    padding-bottom: 10px;
}

.settings_panel .peer_support_user_history.page .button.basic.edit_user {
	margin: 0;
    line-height: 1;
    max-height: 32px;
    max-width: 80px;
}

.peer_support_user_history .vertical.buttons {
    gap: 10px;
}

.peer_support_admin_requests.admin .horizontal.controls {
	justify-content: space-between;
}

/* peer_support_settings.css */

.mobile.peer_support_settings.settings_panel .content_panel .buttons.section {
	bottom: 0px;
	/* z-index: 1001; */
	flex-direction: column-reverse;
}

.mobile.peer_support_settings.settings_panel .content_panel .buttons.section > .horizontal {
	width: 100%;
	justify-content: space-between;
}

.peersupport_section_button {
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
	/* padding: 15px; */
}

.peer_support_settings.page .peersupport_section_button {
    padding: 15px;
}

.peer_support_settings.page .peersupport_section_button:focus-visible {
    width: 100%;
}

.mobile .peer_support_settings.page .peersupport_section_button {
	padding: 15px 10px;
}

.peer_support_settings.page .settings_section {
    border-bottom: 1px solid var(--border-color);
}

.peer_support_settings.settings_panel .right_panel {
	display: initial;
}

.peersupport_section_button .icon {
	/* margin-right: 25px; */
	padding: 5px;
	height: 25px;
    width: 25px;
    box-sizing: border-box;
    border: 1px solid var(--border-color);
    background: var(--contained-search-controls-background);
    justify-content: center;
    display: flex;
    border-radius: 4px;
    align-items: center;
}

.peersupport_section_button .title_and_description {
	/* padding-bottom: 10px; */
	display: flex;
	align-items: start;
	gap: 5px;
}

.peersupport_section_button .title_and_description > * {
	align-items: center;
}

.peersupport_section_button .page .subtitle {
	color: var(--info-color);
	text-transform: uppercase;
	font-size: 0.8rem;
}

.mobile .peersupport_section_button .page .subtitle {
	font-size: 0.8rem;
}

.peersupport_section_button .title {
	flex-shrink: 0;
}

.mobile .peer_support_settings_wrapper {
	padding: 10px;
}

.peersupport_section_button .title,
.peersupport_section_button .subtitle,
.peersupport_section_button .description  {
	text-align: left;
}

.peer_support_settings.page .setting.invalid {
	border: 1px solid var(--highlight-color);
}

.settings_warning {
	color: var(--foreground-color);
	background: var(--light-background-color);
	display: flex;
	gap: 10px;
	padding: 10px;
	border-radius: 4px;
	font-size: 0.8rem;
	align-self: flex-start;
	line-height: normal;
}

.settings_warning .fa-exclamation-circle {
	font-size: 1rem;
}

.settings_warning .fa-exclamation-circle.red,
.fa-exclamation-circle.red {
	color: var(--red);
	background: black;
}

.settings_warning.error {
	/* border: 2px solid var(--error-red-color);
	border-radius: 5px;
    background: var(--background-color); */
    color: var(--foreground-color);
    border: 2px solid var(--red);
    background: var(--soft-red);
    /* font-weight: 700; */
}

.settings_warning.error i {
	color: var(--red);
	background: black;
}


.settings_warning > div {
	font-size: 0.8666666667rem;
}

.mobile .settings_warning {
	border-radius: 5px;
    padding: 10px;
    font-size: 0.8666666667rem;
}

.settings_warning i.fa-lock {
	color: var(--info-text);
}

.peer_support_settings.page .notes_recipients {
	margin: 0;
	align-items: center;
	letter-spacing: 0;
}

.peer_support_settings.page .notes_recipients .pill:hover {
	cursor: default;
}

.settings_panel .peer_support_settings.page .settings,
.mobile.settings_panel .peer_support_settings.page .settings {
	padding: 0;
	gap: 0;
}

.desktop.peer_support_settings .peersupport_section_button:hover {
    background-color: var(--navbar-selected-background);
}

.peer_support_settings.page .prenotes.item_title {
	margin-top: 5px;
}

.peer_support_settings_wrapper {
	padding: 15px;
	border-radius: 5px;
	border: 1px solid transparent;
    display: flex;
    flex-direction: column;
	gap: 20px;
	max-width: 580px;
}

.peer_support_settings_wrapper.disabled {
	border: 1px solid var(--red);
	margin: 15px;
}

.desktop .request_history .peersupport_section_button .title ~ .subtitle::before {
	content: " • ";
}

.mobile .request_history .peersupport_section_button .title ~ .subtitle {
	margin: 0;
}

.title_section.password_2fa {
	gap: 10px;
}

.prenotes_options .input_group,
.request_redirects .input_group,
.reasons_for_recommendation .input_group,
.anniversary_reasons .input_group {
	margin: 10px;
	/* margin: 10px 0 0 0; */
}

/* .prenotes_options .input_group button,
.request_redirects .input_group button,
.reasons_for_recommendation .input_group button,
.anniversary_reasons .input_group button {
	width: 100%;
} */

.prenotes_options .user_field,
.request_redirects .user_field,
.reasons_for_recommendation .user_field,
.anniversary_reasons .user_field {
	height: 2rem;
	margin-left: 5px;
	max-width: 150px;
}

.requesting_support_pre_notes .title.optional {
	/* padding-bottom: 10px; */
	line-height: 1.4;
	
}

.peer_support_settings.page .title_section h2.title {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
	padding-top: 10px;
}

.safe_area_bottom_container .settings_warning.error {
	max-height: 14px;
	font-size: 0.8rem;
}

.mobile .safe_area_bottom_container .settings_warning.error {
	width: -moz-available;
	width: -webkit-fill-available;
}

/* peer_support_sharing.css */

.peer_support_supporting .content-wrapper,
.peer_support_supported_by .content-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
}

.peer_support_supporting,
.peer_support_supported_by {
	padding-bottom: 10px;
}

.peer_support_supporting .content_loaded_wrapper.loaded,
.peer_support_supported_by .content_loaded_wrapper.loaded {
	/* padding: 15px; */
	gap: 15px;
}

.peer_support_supporting .content_section,
.peer_support_supported_by .content_section {
	padding: 15px;
}

.peer_support_supporting .content_section .search-wrapper,
.peer_support_supported_by .content_section .search-wrapper {
	margin-bottom: 15px;
}

.mobile.peer_support_supporting .content_section,
.mobile.peer_support_supported_by .content_section {
	padding: 10px;
}

.peer_support_supporting .content,
.peer_support_supported_by .content {
	width: 100%;
	margin-bottom: 62px;
}

.peer_support_supporting .contact_header .info,
.peer_support_supported_by .contact_header .info {
	margin: 0;
}

.pull_to_refresh.peer_support_supporting .content_loading_wrapper.loaded,
.pull_to_refresh.peer_support_supported_by .content_loading_wrapper.loaded {
	top: -300px;
}

.peer_support_supporting .content_panel,
.peer_support_supported_by .content_panel {
	padding: 0px !important;
	background-color: var(--primary-background);
}

.peer_support_supporting .right_panel,
.peer_support_supported_by .right_panel {
	display: none;
}

.peer_support_supporting .page_header_container,
.peer_support_supported_by .page_header_container {
	display: flex;
	flex-direction: column;
	/* width: 100%; */
	gap: 10px;
	padding: 15px 15px 0;
	background-color: var(--background-color);
}

.peer_support_supporting .pages_section,
.peer_support_supported_by .pages_section {
	background-color: var(--background-color);
}

.peer_support_supporting .tile_grid, 
.peer_support_supported_by .tile_grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 10px;
}

.peer_support_sharing_org.tile_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	box-shadow: var(--popup-box-shadow);
    /* padding: 10px; */
    border: 1px solid var(--soft-border-color);
	background-color: var(--secondary-background);
	/* height: 220px; */
}

.peer_support_sharing_org.tile_wrapper .image_header {
	border-radius: 10px 10px 0px 0px;
	height: 88px;
    background-size: cover;

	width: 100%;
}

.peer_support_sharing_org.tile_wrapper .tile_section {
	padding: 10px 10px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -54px;
}

.peer_support_sharing_org.tile_wrapper .tile {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	/* align-items: center; */
	height: auto;
	flex-grow: 1;
	width: 100%;
	position: relative;
}

.peer_support_sharing_org.tile_wrapper .tile .hidden {
	position: absolute;
	background-color: var(--alert-orange);
	color: #444444;
	top: 10px;
	right: 10px;
	font-weight: 700;
	padding: 5px 7px;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
}

.peer_support_sharing_org.tile_wrapper .tile .contact_header {
	flex-direction: column;
    align-items: center;
}

.mobile .peer_support_sharing_org.tile_wrapper .tile .contact_header {
	flex-direction: row;
	padding-bottom: 10px;
}

.peer_support_sharing_org.tile_wrapper .tile_footer {
	width: 100%;
    display: flex;
    grid-gap: 10px;
}

.peer_support_sharing_org.tile_wrapper .tile .profile_link {
	margin-bottom: 10px;
}

.peer_support_sharing_org.tile_wrapper .tile .avatar {
	display: flex;
	justify-content: center;
	align-items: center;
	object-fit: cover;
	height: 80px;
	width: 80px;
	box-shadow: var(--org-following-shadow);
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	border: 3px solid var(--secondary-background);
    background-color: var(--secondary-background);
}

.peer_support_sharing_org.tile_wrapper .tile .profile_link .avatar .profile_picture {
	width: 80px;
	height: 80px;
	border-radius: 10px;
}

.peer_support_sharing_org.tile_wrapper .tile .name {
	font-size: 1.1rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	margin: 0px 0px 5px 0px
}

.peer_support_sharing_org.tile_wrapper .tile .avatar:hover {
	cursor: pointer;
}

.peer_support_sharing_org.tile_wrapper .tile .name:hover {
	text-decoration: underline;
	color: var(--primary-action-color);
	cursor: pointer;
}

.peer_support_sharing_org.tile_wrapper .tile .address {
	margin: 0px 0px 10px 0px;
    text-align: center;
	font-size: 0.8rem;
    color: var(--light-foreground-color);
}

.peer_support_sharing_org.tile_wrapper .tile .description {
	font-size: 0.8666666667rem;
	line-height: 1.3;
	text-align: center;
}

.peer_support_sharing_org.tile_wrapper .tile .info .status {
	font-weight: 400;
	color: var(--light-foreground-color);
	text-align: center;
}

.peer_support_supporting .search.bar,
.peer_support_supported_by .search.bar {
	max-width: 270px;
    background-color: var(--background-color);
}

.mobile.peer_support_supporting .search.bar,
.mobile.peer_support_supported_by .search.bar {
	max-width: 100%;
}

.peer_support_sharing_org.tile_wrapper .tile_footer {
	display: flex;
	align-items: flex-end;
	width: 100%;
	grid-gap: 10px;
	box-sizing: border-box;
    padding: 10px;
}

.peer_support_supporting .message,
.peer_support_supported_by .message {
	line-height: 1.3;
}

.peer_support_sharing_org.tile_wrapper .tile_footer .basic.button {
	max-width: 100%;
	width: 100%;
}

.peer_support_sharing_org.tile_wrapper .tile_footer .unfollow_button:hover {
	background-color: var(--disabled-input);;
	color: #444;
}

.peer_support_sharing_org.tile_wrapper .tile_footer .basic.button {
	width: 100%;
    max-width: 100%;
	flex-grow: 1;
}

.peer_support_sharing_org.tile_wrapper {
	height: initial;
	align-items: flex-start;
}

.mobile .peer_support_sharing_org.tile_wrapper .tile .info {
    margin-left: 10px;
}

.mobile .peer_support_sharing_org.tile_wrapper .tile .info .name {
    text-align: left;
}

.mobile .peer_support_sharing_org.tile_wrapper .tile .profile_link .avatar .profile_picture {
	width: 60px;
	height: 60px;
}

.mobile .peer_support_sharing_org.tile_wrapper .tile .profile_link {
	margin: 0;
}

.mobile .peer_support_sharing_org.tile_wrapper .tile .profile_link .avatar {
    height: 60px;
    width: 60px;
}

.mobile .peer_support_sharing_org.tile_wrapper .tile .info .status {
    text-align: left;
}

.peer_support_supporting .search_options,
.peer_support_supported_by .search_options {
	display: none;
}

.peer_support_supporting .mobile .footer.page_control_container,
.peer_support_supported_by .mobile .footer.page_control_container {
	z-index: 1001;
}

body.peer_support_supporting.peer_connect,
body.peer_support_supported_by.peer_connect {
	background-color: var(--primary-background);
}

.peer_support_supporting .remove_button,
.peer_support_supported_by .remove_button {
	background-color: var(--red);
	color: white;
}

.mobile.peer_support_supporting .search.bar,
.mobile.peer_support_supported_by .search.bar {
	width: 100%;
    border-radius: 5px;
}

.peer_support_edit_rules.popup .rules {
	gap: 10px;
	margin-top: 20px;
}

.peer_support_edit_rules.popup .rules .rule .subtitle {
	text-transform: uppercase;
	font-size: 0.8rem;
}

.peer_support_edit_rules.popup .rules .rule {
	gap: 10px;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	padding: 10px;
}

.peer_support_edit_rules.popup .rules .peer_support_sharing_rule {
	gap: 10px;
}

.peer_support_edit_rules.popup .rules .option_groups {
	gap: 10px;
}

.peer_support_edit_rules.popup .rules .options {
	gap: 10px;
	flex-grow: 1;
}

.peer_support_edit_rules.popup .rules .remove.button {
	flex-shrink: 0;
}

.peer_support_edit_rules.popup .share_orgs {
	gap: 10px;
	align-items: center;
    justify-content: space-evenly;
	padding: 10px 0;
}

.peer_support_edit_rules.popup .share_orgs .organization_header {
	display: flex;
	align-self: center;
}

.peer_support_edit_rules.popup .share_direction {
	font-size: 2rem;
}

.peer_support_edit_rules.popup .basic.delete.button {
	margin-top: 20px;
	background-color: var(--button-red);
    color: #ffffff;
}

/* peer_support_summary_admin.css */

.peer_support_summary_admin .filters {
	align-items: center;
	gap: 10px;
}

.peer_support_summary_admin .table-wrapper .data.row.subheader {
	background-color: var(--table-subheader-bg);
}


.peer_support_summary_admin .table-wrapper .data.row {
	background-color: var(--secondary-background);
}

.peer_support_summary_admin .table-wrapper .data.row.not_active {
	color: var(--disabled-text);
}

.peer_support_summary_admin .table-wrapper .data.row.can_expand_contract.contracted td:first-child i {
	transform: rotate(0deg);
	transition: transform 250ms ease;
}

.peer_support_summary_admin .table-wrapper .data.row.can_expand_contract.expanded td:first-child i {
	transform: rotate(90deg);
	transition: transform 250ms ease;
}

.peer_support_summary_admin .table-wrapper .data.row.can_expand_contract td {
	cursor: pointer;
}

.peer_support_summary_admin .table-wrapper .data.row.can_expand_contract td:first-child i {
	margin-left: 5px;
}

.peer_support_summary_admin tr.has_answer_values * {
	cursor: pointer !important;
	color: var(--primary-action-color);
}

.mobile .peer_support_summary_admin .filters {
    flex-wrap: wrap;
    gap: 5px;
}

.answer_values.popup .wrapper {
	display: flex;
	padding-bottom: 10px;
}

.answer_values.popup .wrapper .col {
    display: flex;
    gap: 10px;
    flex-direction: column;
    flex-grow: 1;
}

.mobile .answer_values.popup .wrapper {
    flex-direction: column;
	gap: 15px;
}

.answer_values.popup .wrapper .col_head {
 	font-weight: 700;
	margin-right: 5px;
}

.answer_values.popup .counter {
	align-items: center;
	background-color: var(--info-text);
    border-radius: 10px;
    color: var(--background-color);
	font-size: 0.8rem;
	font-weight: 700;
	/* min-width: 22px; */
	padding: 2px 4px;
	text-align: center;
	/* width: min-content; */
}

.answer_values.popup ul {
	padding-left: 20px;
}

.answer_values.popup ul li {
	align-items: center;
	display: flex;
	gap: 5px;
	margin: 10px 0;
	position: relative;
}

.answer_values.popup ul li::before {
	content: '\2022';
	left: -17px;
	position: absolute;
}

.filters .clear {
	font-size: 0.86rem;
	margin-left: 0;
}

/* peer_support_summary_by_member.css */

.peer_support_summary_by_member.page .peer_support {
	margin-top: 20px;
}

.peer_support_summary_by_member.page .actions {
	align-items: center;
}

.peer_support_summary_by_member.page .actions .filter {
    padding: 5px;
    border-radius: 3px;
    text-transform: uppercase;
    border: 1px solid var(--border-color);
    margin: 0px 3px;
    background-color: var(--primary-background);
	font-size: 0.9em;
}

.peer_support_summary_by_member.page .grid .column.month, .peer_support_summary_by_member.page .grid .column.ytd {
	text-align: end;
}

.peer_support_summary_by_member.admin .contact_wrapper {
	display: flex;	
    border-radius: 10px 10px 0 0;
    padding: 10px;
    background-color: var(--light-background-color);
    border: 1px solid var(--border-color);
	border-bottom: none;
}

.peer_support_summary_by_member.page.admin .contact_header {
	flex-grow: 1;
}

.peer_support_summary_by_member.page.admin .active_filter_list {
	margin-top: 10px;
}

.peer_support_summary_by_member.admin .contact_wrapper .pill.active {
	background-color: var(--status-active);
	color: white;
	font-weight: 700;
    border: none;
    border-radius: 15px;
    padding: 8px 10px;
}

.peer_support_summary_by_member.admin .contact_wrapper .pill.inactive {
	background-color: var(--status-inactive);
	color: #444444;
	font-weight: 700;
    border: none;
    border-radius: 15px;
    padding: 8px 10px;
}

.peer_support_summary_by_member.admin .contact_wrapper ul {
	height: max-content;
}

.peer_support_summary_by_member.page.admin .content_loaded_wrapper.loaded {
    margin-top: 10px;
}

.table_date_sorting .grid .column_header.row,
.table_date_sorting .grid .column_header .column {
	border-radius: 0;
	background: transparent;
	background-color: transparent;
	border: none;
}

.table_date_sorting.shadow_side_scroll {
	background: transparent;
	background-color: transparent;
	border: none;
}

.peer_support_summary_admin.page.admin .grid_categories button {
	background-color: var(--basic-button-background);
    border: 1px solid var(--border-color);
}

/* .admin .filters button {
	margin-right: 10px;
} */

.admin .filters.horizontal {
	gap: 10px;
}

.mobile .peer_support_summary_admin.admin .button {
	margin: 0;
}

.mobile .peer_support_summary_admin.admin .filters.horizontal.flex_grow {
	gap: 10px;
    width: 100%;
	margin: 0;
}

.mobile .peer_support_summary_admin.admin .horizontal.controls,
.mobile .peer_support_summary_by_member.admin .horizontal.controls
.mobile .peer_support_incident_details.admin .horizontal.controls {
	gap: 10px;
}

.mobile .peer_support_incident_details .export_button {
	min-width: fit-content;
} 

.mobile .peer_support_incident_details .export_button label {
	display: none;
}

.mobile .peer_support_summary_admin.admin .horizontal.controls {
	flex-direction: row-reverse;
}

/* .peer_support_summary_by_member .filters button {
	margin-right: 10px;
} */

/* .mobile .peer_support_summary_by_member .controls button {
	margin-top: 10px;
} */

.mobile .peer_support_summary_by_member.admin .filters.horizontal.flex_grow {
	gap: 5px;
    width: 100%;
    margin: 0;
}

.mobile .peer_support_summary_by_member.admin .button {
	margin: 0;
}

.mobile .peer_support_summary_by_member .horizontal.full_width {
    gap: 10px;
}


.mobile .peer_support_summary_by_member.admin .horizontal.controls {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 10px;
	gap: 10px;
	flex-direction: column;
}

.peer_support_summary_by_member.admin .horizontal.controls {
    margin: 0;
    flex-direction: row;
}

.peer_support_summary_by_member.admin .filters {
	align-items: center;
	gap: 10px;
}

.mobile .peer_support_summary_by_member.admin .filters {
    flex-wrap: wrap;
    gap: 5px;
}

.mobile .peer_support_summary_by_member.admin .search_wrapper {
	width: 100%;
}

.mobile .peer_support_summary_by_member.admin .search_wrapper .search_options:last-child {
	display: none;
}

.menu_body .date_ranges .button {
	width: 100%;
}

.peer_support_summary_by_member .table-wrapper .data.row.not_active {
	color: var(--disabled-text);
}

.peer_support_summary_by_member .table-wrapper .data.row.can_expand_contract td {
	cursor: pointer;
}


/* peer_support_summary.css */

.peer_support_summary.page .grids > * {
	margin-top: 20px;
}

.peer_support_summary.page .actions {
	align-items: center;
}

.peer_support_summary.page .actions .filter {
    padding: 5px;
    border-radius: 3px;
    text-transform: uppercase;
    border: 1px solid var(--border-color);
    margin: 0px 3px;
    background-color: var(--primary-background);
	font-size: 0.9em;
}

.peer_support_summary.page .grid .column.month, .peer_support_summary.page .grid .column.ytd {
	text-align: end;
}

/* peer_supporter.css */

.peer_supporter {
	background-color: var(--background-color);
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--foreground-color);
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	margin: 0 0 10px;
	padding: 10px;
	width: 100%;
}

.peer_supporter .contact_header {
	display: flex;
}

.peer_supporter .user_icon {
	margin-left: -5px;
	position: relative;
	align-items: center;
	background-color: var(--border-color);
	background-position: center;
	background-size: cover;
	border-radius: 100%;
	color: var(--foreground-color);
	display: flex;
	font-size: 14px;
	font-weight: 400;
	justify-content: center;
	object-fit: cover;
	text-align: center;
	height: 40px;
	width: 40px;
}

.peer_supporter .user_info {
	display: flex;
	flex-direction: column;
	margin: 0 5px 0 10px;
	flex-grow: 1;
	overflow: hidden;
}

.peer_supporter .button_container {
	margin-top: 10px;
}

.peer_supporter .time_from_now {
	font-size: 0.7333333333rem;
	margin: 5px 0;
	font-weight: 400;
}

.peer_supporter .remove {
	font-size: 20px;
	cursor: pointer;
	font-weight: 700;
	color:var(--accent-color);
}

.peer_supporter .button { 
	display: flex;
	text-transform: uppercase;
	background-color: var(--basic-button-background);
	color: var(--foreground-color);
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	border: 2px solid transparent;
	border-radius: 8px;
	cursor: pointer;
	font-size: 12px;
	height: 32px;
	min-height: 32px;
	min-width: 120px;
	transition: all 0.3s ease-in-out;
}

/* peer_supports.css */

.peer_supports.page {
	align-items: center;
	background-color: var(--background-color);
	border: none;
	border-radius: 10px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	margin: 0 0 10px;
	padding: 15px;
}

.peer_supports.page .label {
	color: var(--accent-color);
}

.peer_supports.page .spacer {
	flex-grow: 1;
}

.peer_supports.page .user_icon {
	margin-left: -5px;
	position: relative;
	align-items: center;
	background-color: var(--border-color);
	background-position: center;
	background-size: cover;
	border-radius: 100%;
	color: var(--foreground-color);
	display: flex;
	font-size: 14px;
	font-weight: 400;
	justify-content: center;
	object-fit: cover;
	text-align: center;
	height: 40px;
	width: 40px;
}

.peer_supports.page .more {
	border: 2px solid #CCC;
	background-color: var(--background-color);
	flex-shrink: 0;
	font-size: 1rem;
	font-weight: 400;
	margin-right: -10px;
}

.peer_supports.page .right_arrow {
	margin-left: 10px;
	padding: 10px;
}


/* pending_reset_code.css */

.pending_reset_code .pending_reset_code_container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.pending_reset_code.page .return_to_login,
.pending_reset_code.page .submit_code {
	max-width: 100%;
}

.pending_reset_code .email_address {
	font-weight: 700;
}

.pending_reset_code.page .email_text {
	text-align: center;
	margin: 0px;
	color: white;
	font-weight: 700;
}

.pending_reset_code.page .info_text {
	text-align: center;
	color: white;
	font-weight: 400;
}

.pending_reset_code.unauthenticated form {
	width: 100%;
	display: flex;
	flex-grow: 1;
}

/* pending_verification.css */

.pending_verification.page .email_address {
	font-weight: 700;
    font-size: 0.8666666667rem;
	text-align: center;
}

.pending_verification.page .message {
	font-size: 0.8em;
	margin: 20px 0px 10px 0px;
}

.pending_verification.page .resend {
	color: white;
	line-height: 1.3;
    padding: 0 0 5px;
    font-size: 0.8666666667rem;
}

.pending_verification.page .resend.link {
	cursor: pointer;
    text-decoration: underline;
}

.pending_verification.page .press_continue {
	margin-bottom: 15px;
}

.pending_verification.page .pending_verification_container {
	display: flex; 
	flex-direction: column;
	align-items: center;
	text-align: center;
	/* max-width: unset !important; */
	color: white;
}

/* .pending_verification.page .return_to_login,]
.pending_verification.page .verification_code {
	width: 280px;
} */

.pending_verification.page .verification_input {
	/* margin: 10px 0px; */
	/* min-width: 200px; */
	text-transform: uppercase;
    letter-spacing: 6px;
    font-weight: 700;
    color: var(--foreground-color);
}

/* people.css */

.person_container {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.hover:hover {
	background-color: var(--primary-background);
}

.person_container .avatar {
    height: 40px;
    width: 40px;
}

.person_container .checkbox_container {
	display: flex;
	align-items: center;
}

.person_container .person_info {
	display: flex;
    flex-grow: 1;
    flex-direction: column;
    margin: 0px 5px 0px 10px;
}

.person_container .info_bottom {
	margin-top: 8px;
	font-size: 0.866666667rem;
	text-align: left;
}

.person_container .info_top {
	display: flex;
	align-items: flex-end;
}

.person_container .info_top .amount {
	margin-left: 5px;
	font-size: 14px;
	color: var(--info-text);
}

.person_container .info_top .title {
	font-weight: 700;
}

.people.popup .buttons {
	margin-top: 10px;
}

.people.popup .search.bar {
    /* background-color: var(--input-background-color); */
}

/* .people.popup .checkbox .label {
	display: none;
} */

.people.popup .search.bar .filter {
	display: none;
}

.people.popup .search_options {
	display: none;
}

.people.popup .horizontal.button {
	background: transparent;
	border: none;
	margin: 0;
	/* padding: 5px 8px; */
	padding: 5px 8px 5px 5px;
}

.people.popup .horizontal.button:last-child {
    margin-bottom: 10px;
}

.people.popup .right_icon.fas.fa-check-circle {
	color: var(--save-icon-color);
    font-size: 1.5rem;
}

.people.popup .right_icon.fas.fa-circle-play {
	color: var(--primary-button-background);
    font-size: 1.5rem;
}

.people.popup .right_icon.fas.fa-circle-minus {
	color: var(--info-text);
	font-size: 1.5rem;
}

.people.popup .right_icon.fas.fa-times-circle {
	color: var(--disabled-button-bg);
    font-size: 1.5rem;
}

.audience_options {
	max-height: 265px;
	overflow: auto;
}

.mobile .audience_selection_list.popup .audience_options {
	flex-grow: 1;
    max-height: fit-content;
}

.mobile .audience_selection_list.popup {
	display: flex;
	flex-direction: column;
    flex-grow: 1;
    height: calc(100vh - var(--search-popup-header-height) - 53px - env(safe-area-inset-bottom));
}

.people.popup .people_list {
	max-height: calc(100vh - 450px);
	overflow: auto;
	/* box-shadow: inset 0px -10px 10px -12px rgba(0, 0, 0, 0.1); */
}

.mobile .follow_up_with_selection.popup,
.mobile .recommend_selection.popup {    
	display: flex;
    flex-grow: 1;
    flex-direction: column;
	height: calc(100vh - var(--search-popup-header-height) - 120px - env(safe-area-inset-bottom));
}

.follow_up_with_selection.popup .people_list,
.recommend_selection.popup .people_list {
	flex-grow: 1;
	overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
    max-height: calc(100vh - var(--search-popup-header-height) - 320px);
	gap: 15px;
}

.mobile .follow_up_with_selection.popup .people_list,
.mobile .recommend_selection.popup .people_list {
    max-height: 100vh;
}

.desktop .people.popup .people_list {
	padding: 0 5px 0 0;
}

.people.popup .people_list .avatar,
.people.popup .people_list .profile_picture {
	height: 50px;
	width: 50px;
}

/* .mobile .people.popup {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
    height: calc(100vh - var(--search-popup-header-height) - 53px - env(safe-area-inset-bottom));
} */

.mobile .people.popup {
	flex-grow: 1;
	max-height: fit-content;
	display: flex;
	flex-direction: column;
}

.mobile .people.popup .content_loaded_wrapper {
	display: flex;
	flex-grow: 1;
	gap: 10px;
	flex-direction: column;
	/* height: calc(100vh - var(--search-popup-header-height) - 120px - env(safe-area-inset-bottom)); */
	/* height: calc(100vh - var(--search-popup-header-height) - 130px - env(safe-area-inset-bottom)); */
	height: calc(100vh - var(--search-popup-header-height) - 90px - env(safe-area-inset-bottom) - env(safe-area-inset-bottom));
}

.mobile .people.popup .search.bar {
	flex-grow: 0;
}

.mobile .people.popup .people_list {
	flex-grow: 1;
	/* max-height: fit-content; */
	max-height: 100vh;
}

.people.popup .item_title.audience {
	margin: 10px 5px 5px;
}

.people.popup .input_group {
	margin-top: 10px;
}

.mobile .people.popup .search.bar,
.mobile .groups.popup .search.bar,
.mobile .recommend_assign.popup .search.bar,
.mobile .assign_to_request.popup .search.bar,
.mobile .share_organizations.popup .search.bar,
.mobile .follow_up_with_selection.popup .search.bar,
.mobile .recommend_selection.popup .search.bar {
    width: 100%;
    max-width: 100%;
    border-radius: 25px;
}

/* photos_videos_edit.css */


.photos_videos_edit .photos_videos_edit_items {
	display: flex;
    flex-wrap: wrap;
}

.photos_videos_edit .add_more .icon {
	height: 100px;
    width: 100px;
    margin: 0 10px 10px 0;
    cursor: copy;
    border: 2px dashed grey;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.photos_videos_edit .add_more .input {
	display: none;
}

.photos_videos_edit .image {
	height: 100px;
    width: auto;
    margin: 0 10px 0 0;
    cursor: not-allowed;
    max-width: 100px;
    object-fit: cover;
    border: 2px solid var(--border-color);
    box-sizing: border-box;
}

.photos_videos_edit .title { 
	padding: 10px 0;
}



/* pie_chart.css */

.pie-chart-control {
	width: 330px;
	height: 330px;
	flex-shrink: 0;
	margin-right: 37px;
	position: relative;
}

/* pie legend */
.pie-chart-control > div {
	font-size: 0.9em;
	position: absolute;
}

.pie-chart-control > div > div:first-of-type {
	border-bottom: 2px solid #AAA;
}

.pie-chart-control > div:nth-of-type(1) {
	left: 231px;
	text-align: right;
	top: 50px;
	width: 221px;
}

.pie-chart-control > div:nth-of-type(2) {
	left: -120px;
	top: 228px;
	width: 219px;
}

.pie-legend {
	border-bottom: 2px solid #AAA;
}

.pie_chart > div:first-of-type {
	padding: 0 84px 0 165px;
}

/* right-side info column */
.pie_chart > .centered-row > div:nth-of-type(2) {
	color: var(--accent-color);
	margin-top: 120px;
	text-align: center;
}

.pie_chart > .centered-row > div:nth-of-type(2) span {
	font-size: 2.75em;
	font-weight: 700;
}

.pie_chart h3 {
	margin: 10px 0 0 0;
}

.pie_chart .details {
	font-size: 0.7em;
}

.pie_chart .details {
	margin-top: 12px;
}

.pie_chart h1 {
	margin: 92px 0 39px 0;
}

/* pill_bar.css */

/*-------------------*/
/* Pill Bar          */
/*-------------------*/
.pill_bar {
	display: flex;
	gap: 10px;
	position: relative;
}

.mobile .pill_bar {
	padding: 10px 0;
}

.pill_bar .pills.horizontal {
	gap: 4px;
	overflow: auto;
	position: relative;
	scrollbar-color: transparent transparent;
	scrollbar-width: none;

	/* Needed to override existing styles */
	flex-wrap: nowrap;
}

.desktop .map_view .pill_bar .pills.horizontal {
    padding: 0 15px;
    margin: 0px -15px;
}

/* Fade when left overflow */
/* .pill_bar .scroll_pills.left.visible ~ .pills {
	mask-image: linear-gradient(to right, transparent, transparent 40px, black 60px, black);
	-webkit-mask-image: linear-gradient(to right, transparent, transparent 40px, black 60px, black);
}

/* Fade when right overflow */
/* .pill_bar .scroll_pills.right.visible ~ .pills {
	mask-image: linear-gradient(to left, transparent, transparent 40px, black 60px, black);
	-webkit-mask-image: linear-gradient(to left, transparent, transparent 40px, black 60px, black);
} */

/* Fade when both left and right overflow */
/* .pill_bar .scroll_pills.left.visible ~ .scroll_pills.right.visible ~ .pills {
	mask-image: linear-gradient(to right, transparent, transparent 40px, black 60px, black calc(100% - 60px), transparent calc(100% - 40px), transparent);
	-webkit-mask-image: linear-gradient(to right, transparent, transparent 40px, black 60px, black calc(100% - 60px), transparent calc(100% - 40px), transparent);
} */

.pill_bar .pills::-webkit-scrollbar {
	display: none;
}

.pill_bar .pills .pill {
	align-items: center;
	background: var(--pill-background-color);
	border-radius: 32px;
	border: none;
	box-sizing: border-box;
	color: unset;
	display: flex;
	flex-shrink: 0;
	font-size: 0.8666666667rem;
	letter-spacing: -0.001rem;
	padding: 8px 12px;
	margin: 2px;
	width: fit-content;
    border: solid 1px var(--soft-border-color);
}

.pill_bar .scroll_pills.right button,
.pill_bar .scroll_pills.left button {
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	font-size: 1rem;
}

.pill_bar .scroll_pills.right button {
	background: linear-gradient(90deg, transparent 0%, var(--primary-background) 75%, var(--primary-background) 100%); 
	min-width: 80px;
    justify-content: flex-end;
    display: flex
}

.pill_bar .scroll_pills.left button {
	background: linear-gradient(270deg, transparent 0%, var(--primary-background) 75%, var(--primary-background) 100%); 
	min-width: 80px;
	justify-content: flex-start;
    display: flex
}

/* Put behind pills arrows 
	
*/

.mobile .pill_bar .pills.horizontal { 
	gap: 5px;
	/* margin-right: -10px; */
}

.mobile .pill_bar .pills .pill:last-child {
	/* margin-right: 10px; */
}

.pill_bar .pills .pill.selected {
	background-color: var(--selected-pill-bg);
    border: 1px solid var(--primary-border-color);
}

.pill_bar .scroll_pills {
	opacity: 0;
	position: absolute;
	transition: opacity 0.3s, visibility 0.3s;
	visibility: hidden;
	z-index: 1;
}

.pill_bar .scroll_pills.visible {
	opacity: 1;
	visibility: visible;
}

.pill_bar .scroll_pills button {
	align-items: center;
	background-color: var(--input-background-color);
	border-radius: 100%;
	cursor: pointer;
	display: flex;
	font-size: 1.2rem;
	height: 33px;
	justify-content: center;
	min-height: 31px;
	min-width: 31px;
	padding: 0;
	position: absolute;
	z-index: 2;
    box-shadow: var(--chevron-shadow);
}

/* .desktop.pill_bar .scroll_pills.left::before {
	background: linear-gradient(-90deg, transparent 0%, var(--background-color) 30%);
	content: "";
	display: block;
	height: 33px;
	left: 0;
	min-width: 57px;
	position: absolute;
	z-index: 1;
}

.desktop.pill_bar .scroll_pills.right::after {
	background: linear-gradient(90deg, transparent 0%, var(--background-color) 30%);
	content: "";
	display: block;
	height: 33px;
	min-width: 57px;
	position: absolute;
	right: 0;
	z-index: 1;
} */

.pill_bar .scroll_pills.right button {
	right: 0;
}

.pill_bar .scroll_pills.right {
	right: 0;
}

.mobile .top_content {
	/* margin-bottom: 12px; */
	padding: 0;
}

.mobile .map .pill_bar {
	box-shadow: none;
}

.mobile .pill_bar .pills {
	padding: 0 10px;
}

.mobile .pill_bar .pills .pill {
	font-size: 0.8rem;
}

.mobile .pill_bar .scroll_pills button {
	display: none;
}

/* pill.css */

.pills:not(.page) {
	display: flex;
	/* flex-wrap: wrap; */
    /* font-weight: 700; */
    letter-spacing: 0.02rem;
	gap: 5px;
	flex-wrap: wrap;
}

.pill {
	align-items: center;
	align-self: flex-start;
    background-color: var(--pill-background-color);
	border-radius: 20px;
	border: 1px solid var(--border-color);
	color: var(--primary-action-color);
	display: flex;
	font-size: 0.8666666667rem;
	padding: 5px 8px;
	gap: 5px;
	width: fit-content;
}

.pill:hover {
    cursor: pointer;
}

.icon_pill.pill:hover {
    cursor: default;
}

.pill.disabled {
    cursor: default;
}

.pill.details {
	border: none;
	color: var(--foreground-color);
    border: 1px solid var(--border-color);
}

.pill.selected {
	background-color: var(--primary-action-color);
	color: var(--primary-background);
}

.pill .copy .icon {
	color: var(--primary-action-color);
	padding-left: 5px;
}

.user_import .pills .pill {
	background-color: transparent;
	border: none;
}

.user_import .pills .pill:not(:last-child) > div::after {
	content: ',';
}

.request_card .pill, .contact_card.page .pill {
	font-size: 0.8rem;
    font-weight: 700;
} 

.request_card .pill:hover,
.contact_card .pill:hover {
	cursor: default;
}
/*
.contact_card.page .pills .pill {
	margin: 5px 5px 5px 0;
} */

.pill .icon.button {
	padding: 0;
}

.pill .icon.close {
	margin: 0 0 0 5px;
	cursor: pointer;
}
.pill.anniversary,
.pill.anonymous,
.pill.assigned,
.pill.assigned_to_you,
.pill.previously_assigned,
.pill.committed,
.pill.first_connection,
.pill.follow_up,
.pill.high_priority,
.pill.overdue,
.pill.overdue_scheduled,
.pill.overdue_active_request,
.pill.incomplete_connection,
.pill.proactive,
.pill.recommended,
.pill.requested,
.pill.requested_you,
.pill.requested_individual,
.pill.scheduled,
.pill.urgent,
.pill.with_you,
.pill.assigned_to_team,
.pill.attempted_support_contact_unavailable,
.pill.no_supports_available,
.pill.operational_stress_alert,
.pill.incident_related,
.pill.reminded {
    color: white;
	border:none;
    text-shadow: var(--pill-pop);
}

.pill.anonymous {
	background-color: var(--anonymous-color);
}
.pill.anniversary {
	background-color: var(--anniversary-color);
}

.pill.first_connection,
.pill.management_only,
.pill.incident_related {
	background-color: var(--first-connection-color);
	color: #fff;
}

.pill.assigned,
.pill.previously_assigned {
	background-color: var(--assigned-color);
}

.pill.assigned_to_you {
	background-color: var(--assigned-to-you-color);
}

.pill.committed {
    background-color: var(--unread-notification-color);
    color: var(--primary-action-color);
}

.pill.follow_up {
	background-color: var(--follow-up-color);
}

.pill.high_priority {
	background-color: var(--high-priority-color);
}

.pill.overdue,
.pill.overdue_scheduled,
.pill.overdue_active_request,
.pill.operational_stress_alert {
	background-color: var(--overdue);
}

.pill.operational_stress_alert {
	background-color: var(--overdue);
}

.pill.incomplete_connection {
	background-color: var(--alert-orange);

}

.pill.proactive {
	background-color: var(--proactive-color);
	color: white;
}

.pill.reminded {
	background-color: var(--reminded);
}

.pill.recommended {
	background-color: var(--recommended-color);
}

.pill.requested {
	background-color: var(--red);
}

.pill.requested_individual {
	background-color: var(--red);
}

.pill.requested_you {
	background-color: var(--red);
}

.pill.scheduled {
	background-color: var(--scheduled-color);
}

.pill.urgent {
	--urgent-color: var(--error-red-color);
}

.pill.with_you,
.pill.assigned_to_team,
.pill.attempted_support_contact_unavailable,
.pill.no_supports_available {
	background-color: var(--overdue);
}

.pill.dull,
.pill.no_action {
	background-color: var(--primary-background);
	color: var(--foreground-color);
	border:none;
}

.pill.audience .name {
	margin: 0 5px;
}

.pill.audience .logo {
	width: 15px;
	height: 15px;
	background-size: contain;
}

.pills.pills_container {
	display: flex;
	align-content: flex-start;
	margin-top: 0;
	padding: 10px 0 0 10px;
	border: 1px solid var(--border-color);
    max-height: 100px;
    /* overflow: auto; */
}

.pill .counter {
	font-weight: bold;
}

/* .pill.delete.button {
	padding: 5px 3px 5px 5px;
} */

.pill.delete.button .icon {
	margin: 0px ;
}

.pill.delete.button .label {
	margin: 0px 3px 0px 0px;
}

.pill .endorse {
	color: var(--endorsement-icon-color);
}

.pill.add {
	background-color: rgba(40,167,69,0.3);
}

.pill.remove {
	background-color: rgba(165,0,0,0.3);
}

/* pinning_display.css */

.pinning_display > .horizontal {
	align-items: center;
	font-size: 0.9em;
}

.pinning_display .change.button {
	margin: 0 10px;
}

.pinning_display .status .icon {
	margin-right: 5px;
}


/* pinning.css */

.pinning.popup .subtitle {
	padding-bottom: 10px;
}

.pinning.popup .pinning_options {
	border-top: 1px solid var(--border-color);
	margin-bottom: 10px;
}

.pinning.popup .date_range {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

/* plus_benefits.css */

.desktop.plus_benefits .content_panel {
    padding: 0;
    width: 0px;
}

/* .plus_benefits .content_panel {
    background-color: #1A5091;
} */

.plus_benefits .right_panel {
    /* display: none; */
}

.plus_benefits .page_wrapper {
    width: 100%;
	background-color: var(--benefits-page-bg);
}

.plus_benefits .heading_block {
    height: 250px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	background-color: #232528;
    background-image: linear-gradient(135deg, var(--accent-color), rgba(0, 0, 0, .4) 70%);
}

.mobile.plus_benefits .heading_block {
    justify-content: center;
    align-items: center;
	padding: 0 10px;
}

.plus_benefits .heading_block .plus_logo {
    width: 100%;
	max-width: 420px;
}

.plus_benefits .heading_block h1 {
	max-width: 320px;
	line-height: 1.4;
	color: #fff;
}

.mobile.plus_benefits .heading_block .plus_logo {
	width: 280px;
}

.mobile.plus_benefits .heading_block h1 {
	width: 240px;
}

.plus_benefits .heading_block i {
	color: var(--accent-color);
}

@media only screen and (max-width: 900px) {
    .plus_benefits .heading_block {
		height: 280px;
	}

	.plus_benefits h2.benefit_block_title {
		font-size: 1.2rem;
	}
	
	.max_width_frame.benefits_grid {
		grid-template-columns: auto 3fr;
	}

	.mobile .benefit_block_title_wrapper {
		width: 140px;
		height: 320px;
		gap: 20px;
	}

	.plus_benefits .content_panel .banner {
		flex-direction: column;
	}
}

/* .mobile.plus_benefits .heading_block h1 {
    padding-right: 0;
} */

.plus_benefits .main_content {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
}

.desktop .page.plus_benefits .fine_print {
	align-items: center;
	text-align: center;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.plus_benefits .banner {
    background-color: var(--notch-accent-color);
    min-height: 160px;
	padding: 25px;
	gap: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
	text-align: center;
    /* border-top: 3px solid #F7F7F7;
    border-bottom: 3px solid #F7F7F7; */
    /* box-shadow: 0px 4px 4px 5px rgba(0, 0, 0, 0.25); */
	background: linear-gradient(0deg, var(--mid-gradient-color) 0%, var(--accent-color) 100%);
}

.mobile.plus_benefits .banner { 
	flex-direction: column;
}

/* 
.plus-oval-shadow {
	position: relative;
	top: 20px;
	height: 20px;
}

.plus-oval-shadow:before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(155,155,0, 0.25);
	border-radius: 50% / 20px; 
	box-shadow: rgba(0, 0, 0, 0.5) 0 5px 10px;
	clip: rect(20px, auto, 50px, 0);
} */

.plus_benefits .banner .banner_block {
    max-width: 300px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.off_white {
	color: var(--off-white);
}

.plus_benefits .banner .banner_block .banner_block_text {
    text-align: center;
	max-width: 160px;
    line-height: 1.2;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.03rem;
    text-shadow: 2px 2px 4px var(--accent-color);
    color: var(--benifits-block-bg);
}

.mobile.plus_benefits .banner .banner_block .banner_block_text {
    font-size: 1rem;
}

.plus_benefits .banner .banner_block {
	letter-spacing: 0.03rem;
}

.mobile .plus_benefits h2.benefit_block_title {
	font-size: 1rem;
}

.desktop.benfits_page .banner_block_text {
	min-height: 200px;
}

.desktop.benfits_page .banner_block_text {
	min-height: 200px;
}

.plus_benefits .banner .banner_block .banner_block_icon {
    text-align: center;
    font-size: 36px;
    opacity: 0.2;
	color: var(--benifits-block-bg);
    filter: drop-shadow(2px 6px var(--background-shade));
	text-shadow: 0 0 10px var(--background-shade), 0 0 20px var(--background-shade), 0 0 30px var(--background-shade);
}

.plus_benefits .benefits_block {
    display: flex;
    padding: 40px 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
	box-shadow: var(--contained-container-shadow);
}

.plus_benefits .benefits_block_title {
    /* text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); */
    color: var(--forground-color);
	padding: var(--make-safe);
	font-weight: 600;
    width: 100%;
	font-size: 1.2rem;
	font-family: var(--montserrat-family);
}

.benefit_block_img {
	width: 100%;	
}

.plus_benefits .max_width_frame.see_more_frame {
    justify-content: center;
    align-items: flex-start;
}

.plus_benefits .benefit_block {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex: 1 0 0;
}

.plus_benefits .benefit_block .benefit_block_title {
    color: #222;
	font-size: var(--plus-tile-heading);
	font-size: 2rem;
	line-height: 1.4;
	max-width: 80%;
    text-overflow: ellipsis;
}

.plus_benefits .benefit_block_title {
	font-size: 1.4rem;
    max-width: 90%;
    line-height: 1.2;
}

.benefit_block_title {
    padding: 10px;
}

.benefits_grid {
	grid-template-columns: auto 2fr 2fr;
    grid-gap: var(--grid-gap);
	/* width: 900px; */
    padding: 20px 10px;
    display: grid;
}

.mobile .benefits_grid { 
	grid-gap: 15px;
	grid-template-columns: auto 3fr;
}

.benefit_block_title_wrapper {
	display: flex;
    flex-direction: column;
    width: 180px;
    height: 320px;
    justify-content: space-between;
	color: var(--dark-text);
	background: var(--benifits-block-bg);
	border-radius: var(--ten-br);
	cursor: pointer;
	overflow: hidden;
	box-shadow: var(--popup-box-shadow);
}

.benfits_page section.benefits_blocks_wrapper {
	max-width: 900px;
	align-content: center;
}

.desktop.benfits_page section.benefits_blocks_wrapper {
	gap: 25px;
}

.mobile.benfits_page section.benefits_blocks_wrapper {
	gap: 15px;
}

.desktop.page_wrapper.vertical {
	gap: 30px;
}

.mobile.page_wrapper.vertical {
	gap: 15px;
}

.benfits_page .banner {
	display: grid;
	grid-template-columns: auto 2fr 2fr;
    grid-gap: var(--grid-gap);
}

.plus_benefits .footer {
    display: flex;
    padding: 30px 15px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 30px;
    min-height: 150px;
    background: #202020;
	color: #ffffff;
}

section.benefit_block {
	padding: 30px 15px;
}

/* .plus_benefits .footer .footer_block {
	max-width: 280px;
} */

.plus_benefits .footer .footer_block .newsletter_title {
    font-family: var(--montserrat-family);
}

.benefit_block_subtext.small{
	padding: 10px;
	color: #6c6c6c;
}

.benefits_blocks_wrapper {
	padding: 15px;
}

.plus_benefits .footer .footer_block .newsletter_desc {
    font-size: 0.8666666667rem;
	max-width: 260px;
}

.plus_benefits .footer .footer_block .net_zero_title {
    font-size: 2.2rem;
    text-transform: uppercase;
    font-weight: 800;
	font-family: var(--montserrat-family);
}

.net_zero_title {
	max-width: 160px;
}

.plus_benefits .footer .footer_block .net_zero_desc {
    font-size: 15px;
    font-style: italic;
}

.plus_benefits .footer .footer_block .right_block {
    text-align: right;
}

.frmh_logo {
	width: 100%;
	max-width: 140px;
}

.alert_panel {
	margin: 15px;
}

/* podcast.css */

.podcast.popup .existing_items.items.section {
	grid-template-columns: repeat(1, 1fr);
	border-radius: 0 0 10px 10px;
	border: none;
	padding: 0;
}

.detailed_post audio {
	width: 100%;
}

.listening_services {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.listen_on.button {
	border-radius: 10px;
	border: 1px solid var(--contained-border-color);
	background: var(--primary-background);
	align-items: flex-start;
	display: flex;
	gap: 5px;
	padding: 5px 10px;
	max-width: 250px;
}

.listen_on.button .icon {
	align-items: center;
	align-self: stretch;
	display: flex;
	flex: 1 0 0;
	justify-content: center;
	font-size: 1.3333333333rem;
	border-radius: 100px;
	border: 1px solid var(--contained-border-color);
	background: var(--background-color);
	padding: 7px;
}

.listen_on.button .icon.fa-podcast {
    width: 20px;
    height: 20px;
}

.listen_on.button .label {
	line-height: 1.1rem;
}

.listen_on.button .preamble {
	font-size: 0.6rem;
	text-align: left;;
}

.listen_on.button .service_title {
	color: var(--primary-action-color);
	font-weight: 700;
	overflow: hidden;
	line-height: 1.3;
	text-align: left;
	text-overflow: ellipsis;
}

.podcast.detailed_post video.video_element {
    width: 100%;
    height: 100%;
    max-height: 560px;
    object-fit: contain;
    background: black;
}

.mobile.podcast.detailed_post video.video_element {
	max-height: initial;
}

/* popup_test.css */

.popup_shade {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--background-shade);
	z-index: 1000;
}

.confirm_shade {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--background-shade);
	z-index: 1000;
}

/* popups.css */

.shade {
	background-color: var(--background-shade);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/*width: 100%;
	height: 100%;
	width: 100vw;  insets a scroll bar on narrow monitors
	height: 100vh;  insets a scroll bar on narrow monitors */
	display: flex;
	align-items: center;
	justify-content: center;
	/* backdrop-filter: blur(5px); moved to .modal.shade
	-webkit-backdrop-filter: blur(5px); moved to .modal.shade */
	z-index: 1000; /* may cause issue appearing over content */
	transition: backdrop-filter ease-in-out 0.2s;
	-webkit-transition: backdrop-filter ease-in-out 0.2s;
}

.darkMode .shade {
	background-color: var(--dark-mode-background-shade);
}

.shade.fade_in {
    animation: 0.2s ease-out 0s 1 fade-in both;
}

.shade.no_shade {
	opacity: 0;
	display: none;
	visibility: hidden;
}

.mobile .shade {
	/* top:unset; */
	/* bottom: 0; */
	justify-content: flex-start;
	touch-action: none;
}

.media_popup.shade {
	backdrop-filter: unset;
	-webkit-backdrop-filter: unset;
	transition: unset;
	-webkit-transition: unset;
}

.mobile .shade.over_popups {
	z-index: 1001;
}

.mobile .modal.shade {
	align-items: flex-end;
}

.menu_shade {
	background-color: var(--background-shade);
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
}

.menu_shade.fade_in {
	animation: 0.2s ease-out 0s 1 fade-in both;
}

.menu_shade.fade_out {
	animation: 0.2s ease-out 0s 1 fade-out both;
}

.desktop .popup_frame {
	background-color: var(--background-color);
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px 4px;
	max-height: 90vh;
	max-width: 90vw;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

.mobile .popup_frame {
	background-color: var(--background-color);
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	/* transition: top .3s; */
	/* position: relative; */
}

.mobile .popup_frame .popup_footer {
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
}

.mobile .popup.shade .popup_footer {
	position: fixed;
	left:0;
	right:0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	background-color: var(--background-color);
	border-top: 1px solid var(--border-color);
}

.mobile .popup.shade .popup_footer {
	/* margin-bottom: env(safe-area-inset-bottom); */
	padding-bottom: max(env(safe-area-inset-bottom), 15px);
}

.mobile .menu_shade {
	background-color: var(--background-shade);
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/* backdrop-filter: blur(5px); */
	z-index: 999; /* below 1000 will show up behind shade*/
}

.desktop .menu_shade {
	background-color: var(--background-shade);
	position: fixed;
	top:0;
	right:0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile .menu_frame {
	position: absolute;
	left:0;
	width: 100vw;
	bottom:0;
	background-color: var(--background-color);
	max-height: 70vh;
}

.desktop .menu_frame {
	background-color: var(--background-color);
	box-shadow: var(--popup-options-shadow);
	max-width: 320px;
	border-radius: 10px;
	overflow: auto;
	position: relative;
}

.generic_popup_frame {
	background-color: var(--background-color);
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px 4px;
	max-height: 90vh;
	max-width: 90vw;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 560px;
	transition: height 200ms;
}

.generic_popup_frame.wide {
	width: 100vw;
}

.mobile .generic_popup_frame {
	max-height: 100vh;
	max-width: 100vw;
	/* height: 100vh; */
	height: 100%; /* Fallback */
	/* height: -moz-available; Does not work */
	height: -webkit-fill-available;
	height: fill-available;
	height: stretch;
	width: 100vw;
	border-radius: 0;
	padding-bottom: env(safe-area-inset-bottom, 10px);
}

.mobile .modal .generic_popup_frame {
	position: fixed;
	bottom: 0;
	height: auto;
	border-radius: 20px 20px 0 0;
}

.mobile .shade.modal .generic_popup_frame  {
	overflow: visible;
}

/* .mobile .shade.modal .generic_popup_frame {
	overflow: hidden;
}

.desktop .shade.modal .generic_popup_frame  {
	overflow: hidden;
}

.desktop .shade.modal .generic_popup_frame.confirm {
	overflow: visible;
} */


/* .mobile .modal .generic_popup_frame.supportteam {
	height: -webkit-fill-available;
    height: fill-available;
    height: stretch;
}

.mobile .modal .generic_popup_frame.supportteam .desktop_inner_frame {
	height: 100vh;
} */

.desktop .generic_popup_frame.move_over_for_sidebar {
	margin-left: 300px;
	margin-right: 40px;
}

.generic_popup_frame.confirm {
	transition: height 0ms;
}

.generic_popup_frame.confirm .popup_header {
	display: none;
}

.desktop_inner_frame {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	/* added max heigh to allow scrollbar - might affect animation */
	max-height: 90vh;
	max-width: 100%;
}

.generic_popup_frame.wide .desktop_inner_frame {
	width: 100vw;
}

.mobile .desktop_inner_frame {
	max-height: -webkit-fill-available;
	max-height: fill-available;
	max-height: 100%;
	height: 100vh;
}

.mobile .modal .desktop_inner_frame {
    height: unset;
	position: unset;
	max-height: unset;
}

.desktop .menu {
	padding: 5px;
    max-height: 580px;
    overflow-y: auto;
}

.menu {
	/* background-color: rgba(0,0,0,0.2); */
	background-color: var(--background-color);
}

.mobile .menu {
	/* background-color: rgba(0,0,0,0.2); */
	background-color: transparent;
	z-index: 1000;
}

.mobile .menu.options {
	box-shadow: var(--menu-box-shadow);
    border-radius: 10px 10px 0 0;
    background-color: var(--background-color);
}

.mobile .menu.org_menu {
	padding: 10px 0 0;
}

.mobile .menu.options .menu_frame {
	padding-bottom: max(env(safe-area-inset-bottom),15px);
}

/* .mobile .popup_frame.hidden {
	top:100vh;
} */

.mobile .popup_header {
    /* background-color: var(--background-color); */
	background: var(--accent-color);
	/* background: linear-gradient(0deg, var(--mid-gradient-color) 0%, var(--accent-color) 100%);  */
	color: white;
    /* color: var(--primary-action-color); */
    padding-top: var(--safe-area-inset-top);
    /* border-bottom: 1px solid var(--border-color); */
	min-height: 56px;
}

.mobile .modal .popup_header {
	padding-top: 15px;
	min-height: initial;
}

.popup_body.no_padding {
	padding: 0;
}

.popup_header {
	align-items: center;
	background-color: var(--popup-header-background);
	display: flex;
	min-height: 42px;
	/* justify-content: space-between; */
	justify-content: center;
}

.mobile .detail_navigation > label {
	display: none;
}

.popup_header .space_adjustment {
	width: 40px;
}

.popup_header .button {
	padding: 10px;
}

.popup_header .title {
	padding: 10px;
	font-size: 1.2rem;
    font-weight: 700;
	margin: 0;
}

.mobile .popup_header .title {
	font-weight: 700;
    /* font-size: 1rem; */
	margin: 0;
    color: white;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.popup_header .close.icon {
	padding: 8px 10px;
	margin-right: 5px;
	border-radius: 2px;
}

.popup_header .back.close.icon {
	padding: 8px 10px;
	margin-left: 5px;
	border-radius: 2px;
}

/* .popup_header .close.icon:last-child {
	padding-right: 15px;
} */

.popup_body {
	overflow-y: auto;
    overflow-x: hidden;
	padding: 10px 15px;
	flex-grow: 1;
	min-height: 40px;
}

.popup_body .edit_item {
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobile .popup_body {
    display: flex;
    flex-direction: column;
	/* padding: 10px 10px 70px 10px; */
	padding: 15px 10px var(--padding-body) 10px;
}

.mobile .modal .popup_body {
    padding: 10px 15px;
}

.popup_footer {
	display: flex;
    justify-content: space-between;
    padding: 10px 15px;
	border-top: 1px solid var(--border-color);
    align-items: center;
	gap: 10px;
}

/* TODO: remove .one_button_container as this makes it obsolete */
.popup_footer > :only-child {
	margin-left: auto;
}

.popup_footer:empty {
	display: none;
}

.popup_footer .one_button_container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.mobile .popup_footer {
	/* padding: 15px 10px; */
	padding: 15px;
}

.confirm .popup_footer {
	border-top: 0;
	/* border-top: 1px solid var(--border-color); */
}

.popup > .subtitle, .popup > * > .subtitle,
.popup .description {
	font-size: 0.866666667rem;
	line-height: 1.5;
}

.popup {
	flex-direction: column;
	display: flex;
	gap: 10px;
}

.popup .buttons {
	display: flex;
	justify-content: space-between;
}

.popup .buttons.center {
	justify-content: center;
}

/* .popup .buttons > .button {
	margin: 10px 10px 0 0; Use gap image.png
} */

.popup .buttons > .button:last-child {
	margin-right: 0;
}

.content_panel .bottom_spacer {
	/* height: 45px; */
	height: 100%;
}

.popup .popup_body .bottom_spacer {
	height: 130px;
}

.mobile .popup .popup_body .bottom_spacer {
    height: 70px;
}

.popup .back {
	padding-right: 0px;
}

.popup .popup_footer .button, 
footer.popup_footer .button {
	min-width: 120px;
}

.mobile .popup .popup_footer .button, 
.mobile footer.popup_footer .button {
	width: 100%;
}

.stop_scroll {
	overflow: hidden;
}

.media_popup .close_icon,
.media_popup .left_icon,
.media_popup .right_icon {
	background-color: rgba(255,255,255,0.60);
    color: black;
    border-radius: 100%;
	font-size: 1.5rem;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
}

.mobile .media_popup .left_icon,
.mobile .media_popup .right_icon {
	height: 25px;
    width: 25px;
	font-size: 1rem;
}

.media_popup .close_icon {
	background-color: rgba(0,0,0,0);
	color: white;
	font-size: 2rem;
}

.mobile .media_popup .close_icon {
	font-size: 1rem;
    width: 25px;
    height: 25px;
    /* padding-top: var(--safe-area-inset-top); */
	color: white;
}

.media_popup .left_navigation_section {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.media_popup .left_section {
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0px;
	width: 50px;
	height: 100%;
}

.media_popup .left_navigation_section:hover .left_icon,
.media_popup .right_navigation_section:hover .right_icon,
.media_popup_inner_frame .right_section .close.button:hover .close_icon {
	background-color: rgba(255,255,255,0.88);
}

.media_popup .popup_body {
	height: 100%;
    flex-direction: column;
    display: flex;
}

.media_popup .right_section {
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0px;
	width: 50px;
	height: 100%;
}

.desktop .media_popup .right_section,
.desktop .media_popup .left_section {
	display: none;
	margin: 15px;
	padding: 15px;
}

.media_popup .right_navigation_section {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.media_popup_container {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	justify-content: center;
	background-color: black;
}

.mobile .media_popup_container {
	background: none;
}

.media_popup_container:hover .left_section,
.media_popup_container:hover .right_section {
	display: flex;
}

.media_popup_container .carousel_dots {
	bottom: 0;
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 10px;
}

.media_popup_container .carousel_dot {
	height: 6px;
	width: 6px;
	border-radius: 100%;
	background-color: rgba(255,255,255,0.5);
	transition: background-color 0.5s ease-in-out;
}

.media_popup_container .carousel_dots .hit_area {
	padding: 5px;
	cursor: pointer;
}

.media_popup_container .carousel_dot.active {
	background-color: rgba(255,255,255,1);
}

.media_popup_container .image[src*=".png"],
.media_popup_container .image[src*=".svg"] {
	background-color: white;
}

.mobile .media_popup_container .left_section,
.mobile .media_popup_container .right_section {
	display: none !important;
}

.media_popup_inner_frame .close.button {
	padding: 15px;
	width: 100%;
	background: black;
	display: flex;
    justify-content: flex-start;
	cursor: pointer;
	z-index: 10;
}

.mobile .media_popup_inner_frame .close.button {
    padding: 10px 5px;
    position: absolute;
    background: rgba(0,0,0,0);
	box-sizing: border-box;
}

.media_popup_container .image {
	display: flex;
	width: 100%;
	height: 85%;
	object-fit: contain;
}

.media_popup_container .video.media_item {
	/* height: 100%; lose controls on desktop / have to scroll */
	width: auto;
}

.media_popup_container .video.media_item .play_overlay {
	max-height: none;
	max-width: none;
}

.media_popup_inner_frame {
	/* height:100%; */
	padding-top: var(--safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
	height: 100vh;
	box-sizing: border-box;
}

.mobile .media_popup_inner_frame {
	/* background-color: black; */
	background-image: linear-gradient(#000,#222);
}

.mobile .media_popup_inner_frame .media_item.photo .picture {
	max-width: 100%;
}

.media_popup_frame {
	background-color: var(--background-color);
	box-shadow: rgb(0 0 0 / 20%) 0px 0px 20px 4px;
	max-height: 100vh;
	max-width: 100vw;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: height 200ms;
	width: 100%;
	height: 100%;
}

.mobile .media_popup_frame {
	max-width: none;
}

.no_scroll {
	overflow: hidden;
}

.popup_body_section {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.get_involved_popup {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-bottom: 10px;
}
.get_involved_popup .separated {
	padding-top: 15px;
	border-top: 1px solid var(--border-color);
}

/* .hide_me {
	display: none !important;
} */

.mobile .media_popup .popup_body {
    padding: 0;
}

.mobile .modal .generic_popup_frame .popup_footer {
    flex-direction: column;
	gap: 15px;
}

/* post.css */

.post {
	background-color: var(--background-color);
    color: var(--foreground-color,black);
    /* border: 1px solid var(--border-color,lightgrey); */
    border-radius: 10px;
    /* padding: 15px; */
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
    box-shadow: var(--feed-item-shadow);
    /* margin: 0 0 8px; */
	cursor: pointer;
}

.desktop .post {
    box-shadow: var(--desktop-feed-item-shadow);
}

.mobile .post .share.header {
	padding: 10px 0;
    margin: 0 10px 0;
}

.post .share.header {
	border-bottom: 1px solid var(--border-color);
    color: var(--light-foreground-color);
    margin: 0 10px 0;
    font-size: 0.8666666667rem;
    padding: 10px 0;
}

/* .post .attachment:last-child {
	margin-bottom: 10px;
} */

.post .content .attachment {
	color: var(--primary-action-color);
}

.post .org_name {
	font-size: 0.8666666667rem;
    color: var(--light-foreground-color);
}

.mobile .post {
	border-radius: 0;
	/* margin: 0 0 8px; */
}

.post .footer.button {
	display: flex;
	gap: 10px;
	flex-grow: 1;
	justify-content: center;
	padding: 10px;
	/* margin: 5px 0; */
    transition: background-color 200ms;
    align-items: center;
	border-radius: 4px;
}

.post .footer.button:hover {
    background-color: var(--hover-background);
}

.post > .footer {
	border-top: 1px solid var(--border-color);
	font-weight: 700;
    color: var(--light-foreground-color);
    margin: 10px 10px 0;
	padding: 5px 0;
	gap: 5px;
}

.post .section {
	flex-grow:1;
}

.post>.header {
	padding: 15px 15px 0 15px;
}

.mobile .post>.header {
	padding: 10px 10px 0 10px;
}

.reshare.post>.header i.icon.fa.fa-ellipsis-h {
    font-size: 1rem;
}

.post>.header .contact_header {
	padding: 0;
    gap: 8px;
}

.post>.content {
	word-break: break-word;
	margin: 10px 15px;
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.mobile .post>.content {
	margin: 5px 10px 10px;
	font-size: 0.9666666667rem;
}

.mobile .post_view.popup > .content {
	margin: 0;
}

.mobile .post>.content.links_wrapper {
	margin: 0 0 5px;
}

.post>.content>.title {
	/* margin-bottom: 2px; */
	line-height: 1.3;
	cursor: pointer;
	font-weight: 700;
    color: var(--primary-action-color);
}

.post>.content>.body.overflowed {
	/*
	margin-bottom: 15px;
	max-height: 4em;
	mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 5px, rgba(0,0,0,1) 10px, rgba(0,0,0,1) 100%);
	-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 5px, rgba(0,0,0,1) 10px, rgba(0,0,0,1) 100%);
	*/
	cursor: pointer;
	word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	display: -moz-box;
	/* line-clamp: 5; */
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
	/* margin-bottom: 10px; */
	max-height: 11rem;  /* fallback height required for safari/iOS not working with clamping */
	/* margin-top: 5px; */
}

.post>.content.post_linking_wrapper {
	cursor: pointer;
}

.post>.content.post_linking_wrapper>.body {
    -webkit-line-clamp: 1;
}

.post>.content.post_linking_wrapper>.body.overflowed {
    max-height: 3rem;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 0.8666666667rem;
}

.post>.content>.body {
	line-height: 1.3;
	-webkit-line-clamp: 8;
}

.see-more-link {
	font-weight: 700;
	margin-top: 5px;
    display: flex;
	color: var(--primary-action-color);
	background-color: transparent;
	padding: 0;
}

.post>.content>.reminder_button {
	margin-bottom: 15px;
}

.post .address {
	margin-bottom: 15px;
}

.post .media {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
    margin: 10px 0 0 0;
	flex-direction: row;
}

.post .media.portrait {
	flex-wrap: nowrap;
    flex-direction: row;
	max-height: 560px;
    max-width: 700px;
}

.post .media.double.media.portrait > .media_item {
	height: 560px;
	display: flex;
    width: 50%;
    max-height: initial;
}

.post .media.double.portrait .media_item > .picture {
	height: 100%;
    max-height: 560px;
}

.post .media.double.portrait.media_item > .picture {
	height: 100%;
}

.mobile .post .media.double.portrait .media_item .picture, .mobile .post .media.double.portrait .media_item {
	max-height: 340px;
}

.mobile .post .media.double.media.portrait > .media_item {
    height: 340px;
}

.post .media.double.landscape .media_item {
    width: 100%;
}

.mobile .post .media {
	margin: 0;
	gap: 4px;
}

.mobile .post .media:last-of-type {
	/* margin-bottom: 5px; */
}

.post .media_item {
	width: 30%;
	box-sizing: border-box;
	flex-grow: 1;
	line-height: 0;
	/* height: 200px; */
	cursor: pointer;
	position: relative;
	background-size: cover;
	background-position: center;
}

.post .media.portrait .media_item {
	height: 1%; /* hack */
	width: 100%;
}

.post .media.portrait:not(.double) > .media_item {
	min-width: 67%;
    height: 560px;
}

.mobile .post .media.portrait:not(.double) > .media_item {
	min-width: 60%;
	height: 330px;
}

.mobile .landscape .media_feed_thumbnails {
    height: 120px;
}

.mobile .post .landscape .media_feed_thumbnails .media_item .picture,
.mobile .post .landscape .media_feed_thumbnails .media .video_element {
	height: 120px;
}

.mobile .post .media_feed_thumbnails .media_item {
    height: 100px;
}

.mobile .post .media.content.landscape .media_feed_thumbnails .media_item {
	height: 120px;
}

.mobile .post .portrait .media_feed_thumbnails {
    height: 330px;
}

/* .mobile .post .media_item {
    height: 100px;
} */

.post .portrait.media_item:first-child {
	/* width: 100%; */
	height: 100%;
	/* max-height: 560px; */
}

.post .media_feed_thumbnails {
	width: 100%;
	max-height: 560px;
}

.post .media_feed_thumbnails .media_item {
	height: 200px;;
}

.post .media_feed_thumbnails .video_element {
	object-fit: cover;
}

.post .landscape .media_feed_thumbnails .media_item .picture,
.post .landscape .media_feed_thumbnails .media .video_element {
	max-height: 200px;
}

/* .post .portrait .media_feed_thumbnails .media_item .picture,
.post .portrait .media_feed_thumbnails .media .video_element {
    max-height: 280px
} */

/* .post .media.portrait .media_item:first-child {
	width: 60%;
} */

/* .post .media.portrait > .media_item {

} */

/* .post .media.portrait > .media_item {

} */

.media_item:first-child .video.embedded .video_iframe {
	height: 300px;
}

.media_feed_thumbnails {
	display: flex;
}

.post .portrait .media_feed_thumbnails {
	flex-direction: column;
    gap: 5px;
    width: 100%;
    align-self: flex-start;
    height: 560px;
}

.landscape .media_feed_thumbnails {
	flex-direction: row;
    gap: 5px;
    width: 100%;
}

.post .media_item:nth-child(3)[data-extra]::after {
	align-items: center;
	background: rgba(0,0,0,0.4);
	color: white;
	content: "+" attr(data-extra);
	display: flex;
	font-size: 2em;
	font-weight: 700;
	height: 100%;
	justify-content: center;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.post .media_item:nth-child(1n+4) {
	display: none;
}

.post .media_item .picture {
	width: 100%;
	height: 100%;
	max-height: 560px;
	object-fit: cover;
}

.post .media .video_element {
	width: 100%;
	height: 100%;
	max-height: 560px;
    object-fit: contain;
    background: black;
}

.post .media .media_feed_thumbnails .video_element {
	object-fit: cover;
}

.post .media.content.portrait:first-child {
	width: 100%;
	height: 100%;
	max-height: 560px;
	object-fit: cover;
}

.post .media.single .media_item .picture {
	max-height: 560px;
	object-fit: contain;
    backdrop-filter: blur(150px);
	-webkit-backdrop-filter: blur(10px);
}

.post .media.content .media_item[style*=".png"],
.post .media.content .media_item[style*=".svg"] {
	background: white;
	background-image: none !important;
}

.mobile .post .single.media .video_element {
    max-height: 300px;
    object-fit: contain;
}

.mobile .post .media.single .media_item .video {
	max-height: 100%;
}

.mobile .post .media .video_element {
    max-height: 484px;
}

.post .media.single .video_element {
    max-height: 480px;
    object-fit: contain;
	background: var(--video-);
}

.mobile .post .media.single .media_item .picture,
.mobile .post .media.single .media_item {
	max-height: 100%;
    object-fit: cover;
}

.mobile .post .media.double .media_item .picture,
.mobile .post .media.double .media_item {
	max-height: 210px;
    object-fit: cover;
}

.mobile .post .media.double .video.media_item {
	max-height: 100%;
	max-height: 480px;
}

.mobile .post .media.double {
	max-height: 780px;
}

.mobile .post .double.media .video_element {
	max-height: 340px;
	height: 100%;
}

.post .media.double .media_item {
	height: auto;
	object-fit: cover;
}

.post .media.double .media_item .picture {
	height: auto;
	object-fit: cover;
}
.mobile.post .portrait .media_feed_thumbnails {
	height: 100%;
}

.mobile .post .media_item .picture {
	max-height: 360px;
    object-fit: cover;
}

.mobile .post .media.portrait {
    max-height: 330px;
}

/*
.post .media_item:first-child .picture {
	object-fit: contain;
} */

.post .media_item .more {
	position: absolute;
    top: 0;
    left: 0;
	bottom: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	font-size: 2em;
	font-weight: 700;
	background-color: rgba(0,0,0,0.6);
	color: white;
	display: none;
}

.post .picture_video .video_element {
	object-fit: cover;
}

.post .media_item:nth-child(4) .more {
	display: flex;
}

.post .phone_numbers {
	margin-bottom: 15px;
}

.post .emails {
	margin-bottom: 15px;
}

/* .post .content.link:last-child {
	margin-bottom: 10px;
} */

.post .faqs .faq {
	margin-bottom: 15px;
}

.post .faqs .faq .question {
	margin-bottom: 8px;
}

.post_menu .menu_item {
	cursor: pointer;
    display: flex;
    padding: 5px 15px 5px;
    border-radius: 6px 6px 0 0;
	transition: all .1s ease-in-out;
}

.post_menu .menu_item:last-child {
	border-radius: 8px;
}

.post_menu .menu_item .icon {
	color: var(--light-foreground-color,grey);
    margin-right: 5px;
    width: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-right: 2px solid var(--border-color);
    padding-right: 10px;
    margin-right: 10px;
    font-size: 1rem;
}

.post_menu .menu_item .name {
	font-weight: 700;
}

.post_menu .menu_item .provider_description,
.post_menu .menu_item .description {
	font-size: 0.7333333333rem;
    color: var(--light-foreground-color);
    padding: 2px 0;
    line-height: 1.2;
    font-weight: 400;
}

.like.footer.button .icon {
	color: var(--like-icon-color);
}

.save.footer.button .icon {
	color: var(--save-icon-color);
}

.share.footer.button .icon {
	color: var(--reshare-icon-color);
}

.post > .content:last-of-type {
    /* margin-bottom: 10px; */
}

.post > .content:first-of-type {
	margin-top: 10px;
}

.mobile .post > .content:first-of-type {
    /* margin-top: 5px; */
}

.post > .content.links_wrapper:last-of-type {
    margin: 0;
}

.mobile .post > .content.links_wrapper:last-of-type {
	margin-bottom: 5px;
}

.content .attachment {
	gap: 5px;
}

.posts .links_wrapper .links {
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.mobile .posts .links_wrapper .links {
	gap: 5px;
	margin: 5px 0 0;
}

.posts .links_wrapper .links.truncate_description .description {
    overflow: hidden;
	word-break: break-word;
    text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.linked_item_info {
    display: flex;
	flex-direction: column;
	gap: 5px;
    text-align: left;
}

.linked_item_info .subtitle {
	color: var(--info-text);
	font-size: 0.8666666667rem;
	font-weight: 700;
	text-transform: uppercase;
}

.item_linking_wrapper {
	display: flex;
	flex-direction: row;
    width: 100%;
    box-sizing: border-box;
	cursor: pointer;
	background-color: var(--light-background-color);
    border: 1px solid var(--border-color);
    padding: 10px;
    margin: 0px 0px 10px 0px;
	border-radius: 5px;
}

.reshare.popup .item_linking_wrapper {
	margin: 0;
}

.item_linking_wrapper:hover {
	cursor: pointer;
}

.item_linking_wrapper .body {
    font-size: 0.8rem;
	line-height: 1rem;
	display: -webkit-box;
	/* display: -moz-box; */
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	/*
    white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
	*/
}

/*
.item_linking_wrapper .body.overflowed {

	cursor: pointer;
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -moz-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	max-height: 3rem;
	font-size: 0.8rem;

}
*/

.item_linking_wrapper .image {
	width: 70px;
    max-height: 70px;
    margin-right: 5px;
	object-fit: contain;
    object-position: center;
    background: white;
    border: 1px solid var(--border-color);
}

.event_detailed_post .item_linking_wrapper .image {
	width: 70px;
    max-height: 70px;
	object-fit: cover;
}

.item_linking_wrapper .icon.unavailable {
	margin-right: 10px;
}

.item_linking_wrapper .org_name {
	font-size: 0.8rem;
	line-height: 1;
    /* text-transform: uppercase; */
    font-weight: 700;
    color: var(--info-text);
}

.item_linking_wrapper .provider {
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 5px;
}


.item_linking_wrapper .title {
	color: var(--primary-action-color);
	margin: 0px;
	font-size: 1rem;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; */
}

.item_linking_wrapper .video {
	width: 55px;
    height: 55px;
    margin-right: 5px;
	object-fit: cover;
}

.item_linking_wrapper h2.title {
	font-size: 1rem;
	/* margin-bottom: 2px; */
}

.post_view.popup {
	/* margin: -15px -15px -10px -15px; */
	width: auto;
}

.post_view .post {
	margin: 0;
	box-shadow: none;
}

.post_view.popup .fa-file-circle-xmark {
    display: flex;
    font-size: 4rem;
    flex-grow: 1;
    justify-content: center;
}

/* .post_view.popup .title {
	margin: 10px;
} */

.post .see_all_details_container .fa-chevron-down {
	margin-left: 5px;
}

/* privacy_policy.css */

.privacy_policy.page {
	margin: 20px;
}

.privacy_policy .privacy_policy {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	align-items: center;
}

.privacy_policy.page .center {
	max-width: 700px;
}

.privacy_policy.popup {
	max-width: 700px;
	padding: 0px;
}

.privacy_policy.popup .last_updated {
	font-size: 0.9em;
    color: var(--foreground-color);
    font-weight: 400;
    font-style: italic;
}

.privacy_policy.popup .text {
	font-size: 0.9em;
	line-height: 1.35em;
	padding: 1em 2em;
}

.privacy_policy.popup .title {
    align-items: center;
    border-bottom: 1px solid #DDD;
	color: var(--foreground-color);
	display: flex;
    flex-grow: 1;
	font-size: 1.5em;
    justify-content: center;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    width: 100%;
}

.privacy_policy.popup .top_container {
	padding-top: 20px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.privacy_policy.popup .markdown {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

/* profile_header.css */

/*.profile_header {
	border: 1px solid var(--border-color);
	position: relative;
	width: 100%;
}

.profile_header .background {
	background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-size: cover;
    background-image: url("/upload/undefined");
	height: 200px;
	margin-bottom: 66px;
    width: 100%;
}

.profile_header .avatar {
    align-items: center;
	background-color: rgb(200, 200, 200);
    background-image: url("/upload/undefined");
    background-position: center center;
    background-size: cover;
    border: 3px solid white;
    border-radius: 200px;
    display: flex;
	height: 132px;
    justify-content: center;
    left: 10px;
    position: absolute;
	top: 122px;
    width: 132px;
}

.profile_header .title {
    align-items: flex-end;
	display: flex;
    font-size: 20px;
    font-weight: 700;
    padding: 0px 10px 20px;
}

.profile_header .tabs {
	display: flex;
}

.profile_header .tabs .tab {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
	display: flex;
    flex-grow: 1;
    font-weight: 700;
    justify-content: center;
    padding: 10px 10px 15px;
    text-transform: capitalize;
    transition-property: background-color;
    transition-duration: 0.2s;
}

.profile_header .tabs .tab:hover {
	background: #D9EAF2;
}

.profile_header .tabs .tab.selected {
	border-bottom: 2px solid rgb(64, 149, 191);
    color: rgb(64, 149, 191);
}*/

/* profiles.css */

.profiles.page {
    background-color: var(--light-background-color);
}

.profiles .frame_center .content_panel {
	padding: 0 !important;
}

.profiles .frame_center .content_panel .page {
	max-width: unset;
}

.profiles .right_panel {
	display: none;
}

.profiles .header {
	align-items: center;
	align-self: stretch;
	background-color: var(--primary-background);
	display: flex;
	padding: 20px 30px;
}

.profiles .header .column {
	padding-right: 40px;
}

.profiles .header .heading {
	margin-bottom: 10px;
}

.profiles .header .button {
	flex-shrink: 0;
	font-size: 0.8em;
	height: fit-content;
	margin-left: auto;
	padding: 8px 20px;
}

.profile_list {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	width: 100%;
}

.profile_thumb {
	border: 2px solid var(--border-color);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 240px;
    flex-direction: column;
    margin: 20px 20px 0px 0px;
    overflow: hidden;
    padding: 10px 10px 0 10px;
    position: relative;
    width: 230px;
}

.profile_thumb .generic_container {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	font-size: 1em;
	justify-content: center;
	line-height: 1.5em;
	width: 100%;
}

.profile_thumb .generic_container .avatar {
	border: 2px solid var(--border-color);
    height: 102px;
    width: 102px;
}

.profile_thumb .generic_container .avatar .profile_picture {
	height: 100%;
	object-fit: cover;
	transition: transform 0.25s;
	width: 100%;
}

.mobile .frame_header_center .avatar .profile_picture {
	height: 100%;
    width: 100%;
    margin-bottom: 2px;
    box-sizing: content-box;
}

.profile_thumb:hover .generic_container .avatar .profile_picture {
	transform: scale(1.1);
}

.profile_thumb .display_name {
	color: var(--foreground-color);
	font-size: 1rem;
	font-weight: 700;
	margin-top: 10px;
}

.profile_thumb .commands {
	border-top: 2px solid var(--border-color);
	color: var(--primary-action-color);
	display: flex;
	font-size: 0.8666666667rem;
	justify-content: center;
	width: 100%;
}

.profile_thumb .commands button {
	padding: 10px 5px 9px 5px;
	position: relative;
}

.profile_thumb .commands button:hover:not('disabled') {
	text-decoration: underline;
}

.profile_thumb .commands .disabled {
	color:var(--light-foreground-color,grey);
}

/* .profile_thumb .commands button:not(:last-child)::after {
	box-sizing: border-box;
	border-right: 2px solid var(--border-color);
	bottom: 25%;
	content: "";
	position: absolute;
	right: 0;
	top: 25%;
} */

/* property.css */

.popup .property{
	padding: 10px 0;
}

/* quiz.css */

.quiz.page .content .category_container {
	flex-grow: 1;
}

.quiz.page .option_item_label {
	cursor: pointer;
    display: flex;
    align-items: center;
}


.quiz.page .progress_container {
	background-color: var(--border-color);
	width: 100%;
}

.quiz.page .questions_wrapper {
	display: flex;
	flex-grow: 1;
	flex-direction : column;
	align-self: flex-start;
	padding: 15px;
}

.quiz.page .option_items {
	margin: 10px 0px 15px 0px;
}

.quiz.page .option_indicator {
	display: inline;
    width: 30px;
    height: 15px;
	margin-right: 5px;
}

.quiz.page .option_item {
	margin: 0px 0px 5px 0px;
}

.quiz.page .quiz_container .introduction .logo {
	height: 65px; 
	width: 65px;
}

.quiz.page .section_title {
	margin-bottom: 5px;
}


.quiz.page .title_container {
	
	display: flex;
    justify-content: space-between;
    color: var(--accent-color);
	padding: 15px;
}

.quiz.page .category_container .button {
	display: flex;
	background-color: transparent;
	border: 1px solid var(--highlight-color,lightgrey);
	color: var(--highlight-color,lightgrey);
	width: 200px;
	margin: 0px 0px 10px 0px;
}

.quiz.page .content {
	align-items: center;
}

.quiz.page .content .int {
	align-items: center;
}

.quiz.page .content .quiz_container {
	background-color: var(--background-color, white);
    color: var(--foreground-color,black);
    border: 1px solid var(--border-color,lightgrey);
    border-radius: 3px;
    margin-top: 10px;
    min-height: 150px;
    justify-content: space-between;
    border-radius: 5px;
    min-height: 400px;
	align-items: center;
	width: 100%;
}

.quiz.page .content .introduction {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.quiz.page .title {
	font-size: 1.25em;
}

.quiz.page .introduction .logo {
	margin: 10px 0px 20px 0px;
}

.quiz.page .introduction .title {
	margin: 0px 0px 20px 0px;
}

.quiz.page .introduction .instructions {
	margin: 0px 0px 15px 0px;
}

.quiz.page .progress_completion {
	width: auto;
    box-sizing: border-box;
    height: 3px;
    display: flex;
}

.quiz.page .quiz_container.complete .progress_pages {
	display: none;
}

/* radio.css */

.radio .wrapper {
	display: flex;
    align-items: flex-start;
    cursor: pointer;
    /* margin-bottom: 5px; */
	font-size: 0.8666666667rem;
}

.radio .input[type="radio"] {
	flex-shrink: 0;
	flex-grow: 0;
	cursor: pointer;
	width: 24px;
    height: 24px;
	padding: 4px;
    border: 2px solid var(--checkbox);
    box-sizing: border-box;
    background-color: var(--background-color);
	margin: 0 7px;
}

.radio .input[type="radio"][disabled] {
	border-color: var(--disabled-checkbox);
	cursor: not-allowed;
}

.radio .input[type="radio"][disabled] ~ .label {
    color: var(--input-disabled-text);
	cursor: not-allowed;
}

.radio .input[type="radio"][disabled]:checked::before {
    box-shadow: inset 1em 1em var(--disabled-checkbox);
}

.radio .label {
	/* margin: 0 0 0 10px; */
	line-height: 1.5;
}

input[type="radio"] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	/* Remove most all native input styles */
	appearance: none;
	/* For iOS < 15 */
	background-color: var(--background-color);
	/* Not removed via appearance */
	margin: 0;

	font: inherit;
	color: var(--primary-action-color);
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid var(--primary-action-color);
	border-radius: 50%;
	transform: translateY(-0.075em);

	display: grid;
	place-content: center;
}

input[type="radio"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--primary-action-color);
	/* Windows High Contrast Mode */
	/* background-color: CanvasText; */
}

input[type="radio"]:checked::before {
	transform: scale(1);
}

input[type="radio"]:focus-visible {
	outline: max(1px, 0.15rem) solid var(--primary-action-color);
	outline-offset: max(1px, 0.1rem);
}

.connection_form .radio .wrapper {
    align-items: center;
}

.connection_form .checkbox .wrapper {
	align-items: center;
}

/* recommend_reasons.css */

.recommend_reasons > .title {
	margin: 10px 0 5px;
}

.recommend_reasons .comment .label, .recommend_reasons .notification_delay .label {
	width: 140px;
}

.recommend_reasons .notification_delay input {
    flex-grow: 0;
}

.recommend_reasons .comment input {
	width: 150px;
    flex-grow: 0;
}

.recommend_reasons .notification_delay .hours_text {
	margin-left: 10px;
}
/*
.recommend_reasons .warning_message {
	padding: 10px 0;
	text-align: center;
} */

.recommend_reasons .reason_select {
	cursor: pointer;
}

.recommend_reasons .reason_select > * {
	padding: 5px;
}

.recommend_reasons .notification_delay {
	display: flex;
	flex-direction: column;
	margin-top: 5px;
}

.recommend_reasons.popup > .contact_header,
.schedule_contact.popup > .contact_header {
	margin-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
}

.gap_select_options {
	display: flex;
    flex-direction: column;
    gap: 5px;
}

.recommend_reasons .checkbox:last-child .wrapper {
	margin: 0;
}

.recommend_reasons.popup .valid_message.warn{
	color: var(--notification-orange-color);
}

.recommend_assign .search.bar {
	margin-top: 5px;
}

.recommend_assign .users_list {
	overflow: auto;
	/* max-height: 300px; */
}

.recommend_assign .select_member {
	cursor: pointer;
	border: 2px solid transparent;
	border-radius: 3px;
}

.recommend_assign .select_member.selected {
	border: 2px solid var(--primary-action-color);
	background: var(--light-primary-color);
    border-radius: 5px;
}

.recommend_reasons .checkbox .wrapper,
.requesting_support_pre_notes .checkbox .wrapper, 
.recommend_multiple .checkbox .wrapper {
	align-items: center;
    line-height: 1.5;
    padding-top: 4px;
    font-size: 0.8666666667rem;
}

/* redirect_request.css */

.redirect_request .search.bar {
	margin-top: 5px;
}

.redirect_request .users_list {
	overflow: auto;
	max-height: 200px;
}

.redirect_request .select_member {
	cursor: pointer;
	border: 2px solid transparent;
	border-radius: 3px;
}

.redirect_request .select_member.selected {
	border: 2px solid var(--primary-action-color);
	background: var(--light-primary-color);
    border-radius: 5px;
}

.redirect_request.popup .loaded {
    gap: 10px;
}

/* reflections.css */

.reflections.page .feed_item .options {
	color: var(--accent-color);
    position:absolute;
    right:20px;
    top:20px;
    padding: 5px;
    border-radius : 50%;
    background-color:var(--background-color);
    font-size: 1.2em;
    cursor:pointer;
    display:none;
}

.reflections.page .feed_item:hover .options {
    display:block;
}

.reflections.page .feed_item .image {
	width: calc(100% - 20px);
    margin: 10px;
}

.reflections.page .item_container.feed_item {
	padding: 0px;
	position: relative;
}

.reflections.page .item_container.top {
	align-items: center;
	display: flex;	
	margin-bottom: 10px;
	padding: 25px;
	text-align: center;
}

.reflections.page .top .button {
	background-color: var(--primary-button-background);
	color: white;
	font-weight: 700;
	padding: 8px 25px;
	margin: 10px 0px;
	font-size: 1em;
}

.reflections.page .top .icon {
	color: var(--accent-color);
	font-size: 3em;
}

.reflections.page .top .description {
    line-height: 1.3em;
    max-height: fit-content;
    overflow-y: hidden;
    padding-bottom: 0.5em;
}

.reflections.page .top .title {
	font-size: 1.2em;
	font-weight: 700;
	padding: 1.2em;
}



/* reminders.css */

.reminders.page .button_control .button {
	border-radius: 4px;
	text-transform: unset;
}

.reminders.page .button_control .button_icon {
	padding: 5px;
}

.reminders.page .reminder_container {
	background-color: var(--background-color, white);
    color: var(--foreground-color,black);
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0px 1px 1px #00000029;
    margin: 0 0 10px;
    border: 1px solid var(--border-color,lightgrey);
    max-width: 700px;
    width: 100%;
    font-weight: 400;
    display: flex;
    flex-direction: column;
	cursor: pointer;
}

.reminders.page .reminder_container .reminder {
	background-color: unset;
	display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
}

.reminders .reminder_group .reminder:last-child {
	border-bottom: 1px solid transparent;
}

.reminders.page .reminder_date {
	font-weight: 700;
    font-size: 12px;
    color: var(--reminder-date-button-background);
    margin: 15px 8px 15px;
}

.reminder {
	background-color: var(--background-color);
	display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
}

.reminder .categories {
	display: flex;
    align-items: center;
    margin: 0 0 0 10px;
    cursor: pointer;
}

.reminder .categories .category_icon {
	width: 20px;
    height: 15px;
    padding: 2px;
	background-color: var(--physical-color);
    border-radius: 3px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    margin-left: 5px;
}

.reminder .categories .delete {
	color: var(--reminder-date-button-background);
    /*margin-left: 10px;*/
	padding: 10px;
}

.reminder .start_time {
	font-size: 10px;
	color: var(--light-foreground-color);
	margin: 0 10px 0 0;
	flex-shrink: 0;
	width: 50px;
}

.reminder .title {
	flex-grow: 1;
    cursor: pointer;
    line-height: 1.3em;
    font-size: 0.8666666667rem;
}

.reminders.page .reminder_content .date_time {
    display: flex;
	align-items: center;
}

/*
.reminders.page .reminder_content .date_time .input {
	width: 200px;
	margin: 0 10px 0 0;
    padding: 0 8px;
    border: 1px solid var(--input-border-color);
    border-radius: 3px;
    box-sizing: border-box;
    height: 40px;
    font-family: inherit;
    background-color: var(--background-color,white);
    color: var(--foreground-color,black);
}*/

.reminders.page .reminder_content .date_time_container {
    align-items: center;
    display: flex;
}

.reminders.page .reminder_content .line {
	display: flex;
	margin-bottom: 10px;
	align-items: center;
}

.reminders.page .reminder_content .line .icon {
	font-size: 20px;
	margin-right: 10px;
}

.reminders.page .reminder_content .line.repeat .icon {
	margin-right: 7px;
}

/*
.reminders.page .reminder_content .title .input {
	background-color: var(--background-color);
    color: var(--foreground-color);
    margin: 0px;
    font-size: 0.8em;
    width: 100%;
    display: block;
    padding: 0px 8px;
    border: 1px solid var(--input-border-color);
    border-radius: 3px;
    box-sizing: border-box;
    height: 40px;
    font-family: inherit;
}

.reminders.page .reminder_control {
	display: flex;
}

.reminders.page .reminder_control.repeat .icon {
	margin: 0 7px 0 0;
}

.reminders.page .reminder_control .icon {
	margin: 0 10px 0 0;
    font-size: 20px;
    width: initial;
    align-items: center;
    display: flex;
    border: var(--input-border-color);
    background-color: var(--input-background);
}
*/



.reminders.page .set_reminder .popup {
	background-color: var(--background-color);
	color: var(--foreground-color);
	padding: 20px 15px 15px;
	display: flex;
	flex-direction: column;
}

.reminders.page .set_reminder .buttons {
	display: flex;
    justify-content: space-between;
    margin: 20px 0px 0px;
    padding: 20px 0px 10px;
    border-top: 2px solid var(--border-color);
}

.reminders.page .set_reminder_button {
	background-color: var(--primary-button-background);
	color: white
}

.set_reminder.popup .notify_befores .notification_icon {
	font-size: 1.2rem;
}

.set_reminder.popup .add_notification {
	display: flex;
	align-items: center;
}

.set_reminder.popup .add_notification .add_notification_icon {
	width: 25px;
	font-size: 1.2rem;
}

.set_reminder.popup .notes .textarea {
    height: 100px;
}

.set_reminder.popup .date_time_container {
	display: flex;
}

.set_reminder.popup .line {
    display: flex;
    margin-bottom: 10px;
}

.set_reminder.popup .line > .icon {
    width: 25px;
    font-size: 1.2rem;
}

.set_reminder.popup .line.message {
    margin-left: 25px;
}

.set_reminder.popup .notify_before  {
    flex-grow: 1;
    margin-bottom: 10px;
}

.set_reminder.popup .notify_before .horizontal > * {
    margin-right: 10px;
}

.set_reminder.popup .notify_before .horizontal > .input {
    width: 80px;
}




/* request.css */

.tabs {
	position: sticky;
    top: 60px;
	gap: 5px;
    z-index: 997;
	/* box-shadow: var(--tabs-shadow);	 */
	padding: 0;
	overflow: auto;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	display: flex;
	flex-wrap: nowrap;
}

.mobile .tabs {
	top: calc(55px + var(--safe-area-inset-top));
}

.popup .tabs {
	margin: 0 -15px;
}

.tabs .button .label {
    white-space: nowrap;
	align-self: center;
}

.mobile .tabs .tab.button {
    font-size: 0.8666666667rem;
	padding: 15px 10px;
}

.request {
	align-items: center;
	background-color: var(--background-color);
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--foreground-color);
	display: flex;
	flex-direction: column;
	/* margin-bottom: 10px; */
	padding: 10px;
}

.request .request_message {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3em;
	padding: 10px;
}

.request .cancel_request {
	align-items: center;
	align-self: center;
	background-color: var(--background-color);
	border: 2px solid #A50000;
	border-radius: 8px;
	color: var(--foreground-color);
	cursor: pointer;
	display: flex;
	font-weight: 400;
	margin: 10px 0;
	min-height: 40px;
	padding: 5px 25px;
	text-transform: uppercase;
}

.request .request_time {
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.3em;
	margin-top: 10px;
	text-align: center;
}

.request .instructions {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3em;
	padding: 10px;
}

.request .request_button {
	align-items: center;
	align-self: center;
	background-color: var(--primary-button-background);
	border: none;
	border-radius: 8px;
	color: #FFF;
	cursor: pointer;
	display: flex;
	font-weight: 400;
	margin: 10px 0;
	min-height: 40px;
	padding: 5px 25px;
	text-transform: uppercase;
}

.request .next_scheduled {
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.3em;
	margin-top: 10px;
	text-align: center;
}

.requests.page .search.bar .filter {
	display: none;
}

.requests_list > .top {
    align-items: flex-start;
}

.requests_list > .top .title {
	font-weight: 700;
	font-size: 1.2rem;
	padding: 5px 0 0;
}

.requests.page .contact_info .supported1 {
	padding-bottom: 15px;
	border-bottom: 1px solid var(--border-color);
}

.requests.requests_beta.page .contact_info .supported1 {
	padding-bottom: 0;
	border-bottom: none;
}

.requests_list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.mobile .requests_list {
	margin: 10px;
	gap: 15px;
}

.mobile .recent .contact_header .info .header {
	gap: 5px;
}

.mobile .requests .ticket_list.vertical {
    gap: 15px;
}

.uncommitted .request_card {
	border: 1px solid var(--red);
}

.contact_unavailable .request_card {
	border: 1px solid var(--alert-orange);
}

.committed .request_card {
	border: 1px solid var(--alert-orange);
}

.request_card.escalated.uncommitted {
	border: 1px solid var(--soft-border-color);
}

.popup .request_card.escalated.uncommitted {
	border: none;
}

/* .request_card.escalated.contact_unavailable  {
	border: 1px solid var(--soft-border-color);
} */

/* .request_card.escalated.committed  {
	border: 1px solid var(--soft-border-color);
} */

.mobile.requests .content_loaded_wrapper.loaded {
	gap: 15px;
}

.mobile.requests .people.popup  .content_loaded_wrapper.loaded {
	gap: 10px;
}

.desktop.requests .content_loaded_wrapper.loaded {
	gap: 25px;
}

.desktop.requests .popup .content_loaded_wrapper.loaded {
	gap: 15px;
}

.request_card {
    display: flex;
    flex-grow: 1;
    background-color: var(--background-color, white);
    border: 1px solid var(--soft-border-color);
	border-top: none;
    color: var(--foreground-color, black);
    padding: 10px;
    justify-content: space-between;
    border-radius: 10px;
    width: 100%;
	gap: 20px;
    max-width: 800px;
    box-sizing: border-box;
    box-shadow: var(--popup-box-shadow);
	box-shadow: var(--request-card-box-shadow);
}

.mobile .request_card {
    gap: 15px;
}

.request_card .part2 {
	align-items: flex-end;
	gap: 10px;
}

.request_card .part2 .action {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
}

.mobile .request_card .horizontal.five_gap {
	gap: 10px;
}

.committed_by_name_container {
	flex-wrap: wrap;
}

.contact_info > .committed_by {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mobile .contact_pills_container {
	flex-direction: column;
}

.mobile .request_card .part2 .action {
    flex-grow: 1;
    width: 100%;
}

.mobile .request_card .part2 .action button {
    width: 100%;
}

.contact_card .request_status,
.request_card .request_status {
    font-size: 0.8666666667rem;
    line-height: 1.3em;
}

.request_card .request_info {
	font-size: 0.8666666667rem;
    line-height: 1.3;
}

.requests_list.contact_unavailable .peer_support_title {
	margin-top: 20px;
}

.request_card .action_history_item .top,
.request_card .committed_by .top {
	border-top: 1px solid var(--border-color);
	padding-top: 10px;
	margin-top: 10px;
	display: block;
}

.request_card .action_history_item .support_name,
.request_card .committed_by .support_name {
	font-weight: 700;
}

.request_card .action_history_item .top  > *,
.request_card .committed_by .top  > * {
	margin-right: 5px;
}

.popup .option:hover {
	background-color: rgba(0,0,0,0.05);
}

/* requests.css */

.mobile .requests.page {
    /* margin-top: 10px; */
    gap: 10px;
}

.mobile .requests_beta.page {
    /* margin-top: 10px; */
    gap: 0;
}

/* .mobile .requests.page .wrapper {
	padding: 10px;
} */

.requests.page .contact_info {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.mobile .requests.page .contact_info {
	margin-top: 10px;
}

.desktop .requests.page .soft_container {
	margin: 0 5px;
	box-shadow: var(--offset-box-shadow);
}

.mobile .requests.page .soft_container {
	margin: 0 5px;
	box-shadow: var(--offset-box-shadow);
}

/* .requests.page .committed_by,
.requests.page .action_history_item {
	gap: 15px;
    display: flex;
    flex-direction: column;
	color: var(--foreground-color);
} */

.requests.page .committed_by .display_name,
.requests.page .action_history_item .display_name {
    font-size: 0.8666666667rem;
	color: var(--light-foreground-color);
}

.requests.page .add_item .avatar {
    height: 40px;
    width: 40px;
}

.record_anonymous_connection.popup .instructions {
    line-height: 1.4;
    margin-bottom: 15px;
}

.mobile .requests.page .add_item {
	/* margin: 0 10px;
    border-radius: 10px; */
	margin: -10px 0 0;
}

.requests.page .wrapper > .container {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.requests.page .search_options {
	display: flex;
}

.desktop .requests.page .search_row {
	margin-bottom: 10px;
}

.mobile .requests.page .search_wrapper .title {
	color: white;
}

.no_requests_panel .icon {
	font-size: 3rem;
	color: var(--requests-caught-up);
    margin: 0;
}

.desktop .alert_panel.no_requests_panel .message {
	font-size: 1rem;
}

.requests_beta.page .recent.requests_list .request_card:first-of-type {
	border-radius: 0 0 10px 10px;
}

.requests_beta.page .recent .request_card .person.name {
	font-size: 1rem;
	color: var(--secondary-text);	
}

.recent.requests_list .contact_header .profile_picture,
.recent.requests_list .contact_header .profile_picture .avatar,
.mobile .recent.requests_list .avatar {
	height: 30px;
	width: 30px;
}

.recent.requests_list .contact_header .profile_picture .avatar {
	box-shadow: -6px 6px 8px 0 rgb(0 0 0 / 4%);
}

.recent.requests_list .request_card {
	justify-content: space-between;
}

.recent.requests_list .request_card > :first-child {
	flex-grow: 1;
}


.recent .contact_header .info .header {
    flex-direction: row;
}

.recent .contact_header .additional_text {
    align-self: flex-end;
}

.recent .contact_header .info .header { 
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}

.requests_beta.page .recent.requests_list .request_card {
	background: none;
	border: none;
	box-shadow: none;
	flex-direction: row;
    align-items: center;
	padding: 0;
}

.alert_panel.no_requests_panel .title.message {
	font-size: 1.5rem;
    margin: 10px 0 0;
}

.no_requests_panel .link {
	font-size: 0.866667rem;
}

.alert_panel.no_requests_panel {
	border-radius: 10px;
    /* box-shadow: var(--popup-box-shadow); */
	border: none;
    /* background: linear-gradient(25deg, var(--notch-accent-color), var(--primary-button-border), var(--accent-color)); */
    background: var(--background-color);
    padding: 25px;
    text-align: center;
}

.requests_beta.page .top.box {
    padding: 15px 15px 0;
}

.desktop .requests_beta.page .search.box {
	padding: 10px;
	background-color: var(--background-color);
	border: 1px solid var(--soft-border-color);
    border-bottom: none;
    box-shadow: var(--request-card-box-shadow);
}

.mobile .requests_beta.page .top.box {
    padding: 15px 15px 0;
    background: var(--background-color);
}

.mobile .requests_beta.page .ticket_lists.container,
.mobile .requests_beta.page .alert_panel {
	background: var(--contained-search-controls-background);
}

/* .requests_beta.page .box {
    padding: 15px;
} */

.mobile .requests_beta.page .box {
    padding: 15px;
}

/* .requests_beta.page .request_actions .button {
	flex-grow: 1;
} */

.requests_beta.page .add_item.container {
	padding: 0 15px 15px;
	border-bottom: none;
	box-shadow: none;
}

.mobile .requests_beta.page .add_item.container {
	padding: 20px 15px 15px 15px;
}

.desktop .requests_beta.page .search_row {
    margin-bottom: 0;
}

.requests_beta.page .recent.requests_list {
	gap: 15px;
}

.requests_beta.page .content_type_label.ticket_type {
    padding: 5px 0 0;
}

.mobile .requests_beta.page .requests_list {
	margin: 0;
	background: var(--contained-search-controls-background);
	gap: 15px;
}

.mobile .recent.requests_list .sticky_supported_member {
	background: transparent;
	border: none;
	padding: 0;
}

.mobile .requests_beta.page .recent.requests_list {
	margin: 0 8px 12px;
}	

/* .requests_beta.page .requests_list .content_type_label {
	position: -webkit-sticky;
	position: sticky;
	top: calc(var(--safe-area-inset-top) + 100px);
	padding: 15px 0;
} */

/* .mobile .requests_beta.page .tabs.frosted {
	margin-bottom: 10px;
	box-sizing: border-box;
} */

.mobile .requests_beta.page .request_card {
	border-radius: 0;
	border-left: none;
	border-right: none;
}

.requests_beta.page .action_history_item .pills {
	margin-top: 5px;
}

.request_assignees.popup .rows {
	gap: 15px;
	margin-bottom: 10px;
}

.mobile .request_assignees.popup .rows > div {
    flex-direction: column;
    gap: 5px;
}

.mobile .request_assignees.popup button.basic.button {
	width: 100%;
}

.requests_beta.page .team_avatars .avatars {
	cursor: pointer;
}

.requests_beta.page .last_reminded,
.request_assignees.popup .last_reminded {
	display: flex;
	font-size: 0.8666666667rem;
    line-height: 1.3em;
}

.request_assignees.popup .last_reminded {
    align-self: flex-end;
}

.request_assignees.popup .pills {
	margin-top: 5px;
}

.request_assignees .pill {
	font-weight: 700;
}

.requests_version_toggle.popup .icon {
	padding: 10px;
	font-size: 2rem;
	align-self: center;
}

.requests_version_toggle.popup .message {
	margin-bottom: 10px;
}

.mobile .requests.page .action_history_item > .horizontal {
	flex-direction: column;
}

.uppercase {
	text-transform: uppercase;
}

.requests_beta .request_card button.basic.button {
    /* min-width: 220px; */
    gap: 10px;
    width: fit-content;
}

.requests_beta .request_card .request_actions button.basic.button {
	flex-grow: 1;
}

.requests_beta .request_card .request_actions button.basic.button.light_red_button {
	flex-grow: 0;
}

.requests_beta .request_card .action_history_item button.basic.button.icon_text {
	flex-grow: 0;
	gap: 8px;
}

.button.management_only {
	display: flex;
    /* flex-wrap: wrap; */
    height: fit-content;
    /* width: -webkit-fill-available; */
    overflow: auto;
    white-space: normal;
}

.button.management_only label {
    /* width: -webkit-fill-available; */
    flex-wrap: wrap;
    height: fit-content;   
	overflow: auto;
    white-space: normal;
    text-align: left;
    display: flex;
    word-break: break-word;
}

.mobile .action_history_item .basic.button {
    min-width: -moz-available;
	min-width: -webkit-fill-available;
}

.mobile .row_reverse.soft_container {
	flex-direction: column;
}

.mobile .assigned h3.info_text.uppercase.content_type_label,
.mobile .recommendation h3.info_text.uppercase.content_type_label,
.mobile .scheduled_by h3.info_text.uppercase.content_type_label,
.mobile .action_history_item h3.info_text.uppercase.content_type_label,
.mobile .contact_info h3.info_text.uppercase.content_type_label, 
.mobile .unavailable h3.info_text.uppercase.content_type_label {
	align-self: center;
}

.soft_container.recommendation h3 {
	color: var(--save-icon-color);
}

.soft_container.scheduled_by h3 {
	color: var(--save-icon-color);
}

.soft_container.assigned h3 {
	color: var(--previously-assigned);
}

.soft_container.unavailable h3 {
	color: var(--unavailable);
}

.soft_container.committed h3 {
    color: var(--primary-action-color);
}

.soft_container.incoming_recommendation h3 {
    color: var(--incoming-recommendation-color);
}

.soft_container.recommendation {
	background: var(--recommendation-gr);
}

.soft_container.scheduled_by {
	background: var(--scheduled-by-gr);
}

.soft_container.attempted_support_contact_unavailable {
	color: var(--attempted_support_contact_unavailable);
	background: #424242;
}

.soft_container.assigned {
	background: var(--assigned-gr);
}

.soft_container.unavailable  {
	background: var(--unavailable-gr);
}

.soft_container.committed {
	background: var(--committed-gr);
}

.soft_container.incoming_recommendation {
	background: var(--incoming-recommendation-gr);
}

body .requests_beta.page {
	display: flex;
	flex-grow: 1;
}

.desktop body .requests_beta.page {
	max-width: 540px;
}

.requests_beta.page .request_card .action_history_item {
	flex-grow: 1;
}

.requests_beta.page .request_card .bottom_section {
	padding-top: 10px;
	border-top: 1px solid var(--border-color);
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* 
.requests_beta.page .request_card .content_type_label {
	position: absolute;
} */

.mobile .requests_beta.page .request_card .content_type_label {
	position: static;
}

.request_assignees.popup .pills {
	margin-top: 8px;
}

.request_assignees.popup .reminded_date {
	margin-top: 3px;	
}

/* .vertical.ticket_list.ten_gap {
    margin-top: 10px;
} */

.content_type_label.ticket_type {
	padding: 5px 0;
}

.mobile .content_type_label.ticket_type {
	padding: 5px 0 0;
}

.mobile .requests_beta.page .recent.requests_list .request_card {
	border: none;
    background: transparent;
    padding: 0;
}

.mobile .requests_beta.page .recent.requests_list  .request_card .request_status {
    font-size: 0.7333333333rem;
}

.desktop .requests_beta.page .tabs.frosted {
    background: #ffffffa3;
    box-shadow: none;
	border-radius: 15px 15px 0 0;
}

.request_card .contact_header {
    align-items: flex-start;
}

.request_card .part1 {
	gap: 10px;
}

.recent .request_card .part2 {
    justify-content: center;
}

.recent .request_card .request_status {
    margin: 0;
    font-size: 0.8rem;
}

.requests.page .action_history_item .contact_header {
	flex-grow: 1;
}

.requests.page h3.uppercase {
	font-size: 0.8rem;
}

.desktop .requests_beta.page .search.bar .search.icon {
    padding: 10px 0 10px 15px;
}

.desktop .requests_beta .container {
	flex-grow: 1;
	height: 100%;
	margin-bottom: 0;
	border-radius: 10px 10px 0 0;
    /* gap: 5px; */
    display: flex;
    flex-direction: column;
	box-shadow: none;
	background: transparent;
}

.desktop.request_card .sticky_supported_member:first-of-type {
    background: red;
    border-radius: 0 0 10px 10px;
}

.desktop .requests_beta.page .tabs {
	background-color: var(--background-color);
    border-radius: 10px 10px 0 0;
	box-shadow: 0 2px 3px rgba(0,0,0,0.05);
	z-index: auto;
	position: static;
	border: var(--soft-border);
	border-bottom: none;
    box-shadow: var(--request-card-box-shadow);
}

/* .sticky_supported_member:first-of-type {
	border-radius: 0 0 10px 10px;
} */

.desktop .requests_beta.page .search_row {
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}

.requests_beta .part1 .contact_header .person.name {
	font-size: 1.3333333333rem;
}

.frosted {
	backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(15px);
	background: var(--frosted-bg);
}

.mobile .sticky_supported_member {
	position: -webkit-sticky;
	position: sticky;
	top: calc(var(--safe-area-inset-top) + 112px);
	margin: -10px;
    padding: 10px;
	padding-bottom: 15px;
	border-radius: 0;
	box-shadow: var(--soft-shadow);
}

.requesting_support_pre_notes.popup .notes.question .options {
	gap: initial;
}

.requests_list .recent_request_button {
	width: 24px;
}

/* reset_password.css */

.reset_password.page .info_text {
	text-align: center;
	margin: 0 0 15px;
	color: white;
	font-weight: 400;
}

.reset_password.page .errorMessage {
	margin: 0px 0px 15px 0px;
}

.reset_results.page .errorMessage {
	margin-bottom: 15px;
}

/* reshare.css */

.reshare.popup .post {
	border: 1px solid var(--border-color);
	border-radius: 0px;
	margin-bottom: 11px;
	box-shadow: none;
}

.reshare.popup .notifications_container {
	margin-bottom: 14px;
}

.reshare.popup .post .media {
	margin-bottom: 0px;
}

/* .reshare.popup .edit {
	margin-bottom: 10px;
} */

.reshare.popup .edit .organization.avatar {
	margin-right: 10px;
}

.reshare.item {
	background-color: var(--background-color, white);
	color: var(--foreground-color,black);
	/* border: 1px solid var(--border-color,lightgrey); */
	border-radius: 10px;
}

.reshare.post>.header {
    padding: 5px 15px;
    display: flex;
	flex-direction: row;
    justify-content: space-around;
    align-content: center;
}

.reshare .reshare_header {
    /* border-bottom: 1px solid rgba(0,0,0,0.1); */
    width: 100%;
    display: flex;
    flex-direction: row;
}

.reshare_org {
	font-weight: 700;
	line-height: 1.3;
}

.reshare_header {
	border-bottom: 1px solid var(--border-color);
}

.reshare_span:before {
    content: "\00a0";
}

.reshare .reshare_header > * {
    align-items: center;
    padding: 10px 0;
}

.reshare .reshare_header > .icon.button {
	padding: 10px;
    border-radius: 100%;
}

.reshare .reshare_header .reshare_org::after {
	content: "\00a0 shared a post.";
	font-weight: 400;
}

.reshare.article .reshare_header .reshare_org::after {
	content: "\00a0 shared an article.";
}

.mobile .reshare.post>.header {
	padding: 0 10px;
    margin-top: 8px;
}

.reshare.popup .item_linking_wrapper .body.markdown {
    font-size: 0.8rem;
	line-height: 1.2;
}

.reshare.popup .item_linking_wrapper div {
    gap: 5px;
}



/* resource_tag_set.css */

.resource_tag_set .description {
	margin-bottom: 10px;
}

.resource_tag_set .checkbox {
	padding: 5px 0;
}

/* resource_type_set.css */

.resource_type_set.popup .description {
	margin-bottom: 15px;
}

.resource_type_set.popup .dropdown {
	width: 100%;
}

/* resource.css */

.content_panel > .resource.detailed_post.page.resource {
    max-width: 1024px;
}

.edit_item.resource .tools .tags.section.button {
	display: none;
}

.edit_item .resource_details,
.edit_item .demographics {
	cursor: default;
}

.edit_item .resource_details .add_icon,
.edit_item .demographics .add_icon {
	display: none;
}

.edit_item.resource .item.section {
	cursor: pointer;
	gap: 5px;
	padding: 0 4px 0 10px;
	justify-content: space-between;
}

/* .edit_item .editbar.required > .section {
	cursor: unset;
} */

.edit_item.resource .item.section .heading,
.edit_item.resource .item.section .label {
	flex-shrink: 0;
}

.edit_item.resource .item.section .title {
	text-decoration: none;
	font-size: 0.8rem;
	/* flex-grow: 1; */
    text-align: start;
}

.edit_item.resource .item.section .content,
.edit_item.resource .item.section .value {
	color: var(--primary-action-color);
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5;
    text-align: start;
}

.edit_item.resource .item.section .content {
    white-space: nowrap;
}

.edit_item.resource .item.section .external_link .icon {
	/* font-size: 0.6rem; */
	padding-left: 5px;
}

.edit_item.resource .item.section a.title:hover {
    text-decoration: underline;
}

.edit_item.resource .item.section .caret.icon {
	font-size: 1.2em;
	padding: 10px;
}

.edit_item.resource .external_link.item.section {
    /* padding: 5px; */
}

.detailed_post.resource .metadata.line {
	display: flex;
	flex-wrap: wrap;
}

.detailed_post.resource .metadata.line .icon {
	width: 1.5em;
    justify-content: center;
    display: flex;
	padding-right: 5px;
    font-size: 1.2rem;
    color: var(--light-foreground-color);
}

.detailed_post.resource .provider .label {
	margin-right: 0.25em;
}

.desktop .detailed_post.resource .content_container {
	display:flex;
	flex-direction: row;
	max-width: 1024px;
	gap: 10px;
}

.detailed_post .contact_information .section .item {
    margin-bottom: 5px;
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.detailed_post .contact_information .item > label {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mobile .detailed_post.resource .content_container {
	display:flex;
	flex-direction: column;
}

.resource_type_input  {
	margin: 5px 0 10px;
}

.detailed_post .main_content .pills {
	margin: 0;
	gap: 5px;
}

.detailed_post .main_content .pills.horizontal.attachments * {
	font-size: 0.8666666667rem;
	width: auto;
	height: auto;
}

.detailed_post .main_content .pills.horizontal.attachments .attachment {
	display: flex;
	padding: 5px 10px;
    gap: 5px;
	min-width: initial;
    background-color: var(--tag-background);
	/* background-color: var(--light-background-color); */
}

/* .detailed_post.resource .main_content .pills.horizontal .icon {
	margin-right: 12px;
} */

.detailed_post .main_content .pills.horizontal .attachment .label {
	color: var(--primary-action-color);
	font-weight: 400;
	text-decoration: none;
}

.detailed_post .main_content .pills.horizontal button {
	border: 1px solid var(--border-color);
	cursor: pointer;
	border-radius: 5px;
	font-size: 0.8rem;
    /* font-weight: 700; */
    letter-spacing: inherit;
}

.detailed_post .main_content .pills.horizontal button:hover {
	cursor: default;
}

.detailed_post .main_content .attachments.detail,
.detailed_post .main_content .categories.detail {
	display: flex;
    font-size: 1rem;
	font-weight: 700;
	flex-direction: column;
}
/*
.detailed_post.resource .main_content .detail .icon {
	margin-right: 10px;
} */

.edit_item.resource .tags .items.section > .item.section {
    padding: 0;
}

.map .text_marker.phone_line:before {
	content: "\f095";
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
	font-weight: 900;
}

.map .text_marker.treatment_facility:before {
	content: "\e3b2";
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
	font-weight: 900;
}

.map .text_marker.retreats:before {
	content: "\f5ca";
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
	font-weight: 900;
}

.map .text_marker.clubgroup:before {
	content: "\e533";
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
	font-weight: 900;
}

.map .text_marker.counseling_therapy:before {
	content: "\f0f0";
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
	font-weight: 900;
}

.map .text_marker.other:before {
	content: "\f1ad";
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
	font-weight: 900;
}

.resource.detail.section.vertical {
	gap: 5px;
}

.detailed_post aside section {
	box-shadow: var(--popup-box-shadow);
	border-radius: 10px;
	padding: 10px;
	/* border: 1px solid var(--soft-border-color); */
}

@media only screen and (max-width: 1024px) {
	.desktop .detailed_post.resource .content_container {
		flex-direction: column;
	}
}

.resources .card_grid .button .icon {
	color: var(--primary-action-color);
}

/* resources_shared_admin.css */

.resources_shared_admin {
	flex-grow: 1;
}

.resources_shared_admin .search_options {
	display: flex;
}

.resources_shared_admin .horizontal.search_row .search.bar {
	max-width: 280px;
}

.mobile .resources_shared_admin .horizontal.search_row .search.bar {
	max-width: 100%;
}

.resources_shared_admin .horizontal.search_row .search.bar ~ .basic.button {
	font-size: 0.8666667rem;
	font-weight: 700;
	height: 32px;
	/* background-color: var(--background-color); */
}

.resources_shared_admin .horizontal.search_row .search.bar ~ .basic.button .icon {
	margin: 0;
}

.resources_shared_admin .horizontal.search_row .view_selectors.horizontal {
	margin-left: auto;
	margin-right: -5px;
}

.resources_shared_admin .horizontal.search_row .view_selectors.horizontal .view.label {
	align-items: center;
	display: flex;
	font-size: 0.8666667rem;
	padding: 7px;
}

.resources_shared_admin .horizontal.search_row .view_selectors.horizontal .icon {
	color: #CECECE;
}

.resources_shared_admin .search.bar .filter.button {
	display: none;
}

.resources_shared_admin .thumbnail {
	/* height: 330px; */
	width: unset;
}

.desktop .resources_shared_admin .thumbnail:hover {
    filter: var(--button-hover-brightness);
}

.resources_shared_admin .thumbnails_view {
	display: flex;
	flex-direction: row;
	grid-gap: 10px;
}

.mobile.resources .card_grid {
	flex-direction: column;
	/* padding-top: 10px; */
}

.resources_shared_admin.page.admin.map_view.expanded .bottom_content_section {
    margin-top: 10px;
}
/* .resources_shared_admin.map_view .thumbnails_view {
	padding: 0 10px 15px 15px;
	max-height: calc(var(--bottom-drawer-height) - 55px);
	overflow-y: auto;
} */

/* .mobile .resources_shared_admin.map_view .thumbnails_view {
	overflow-y: hidden;
	max-height: fit-content;
	margin-top: 0;
	padding: 0 10px;
} */

/* .resources_shared_admin.map_view .drawer {
	box-shadow: none;
}
/* .mobile .resources_shared_admin .map.button {
	padding: 10px;
} */

.resources_shared_admin .thumbnail > .image {
	display:none;
}

.resources_shared_admin .thumbnails_view .thumbnail > .body .description {
	display: block;
}

.resources_shared_admin .thumbnail .link {
	width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	text-decoration: none;
	color: var(--primary-button-background);
	margin: 5px 0 0 0;
}

.resources_shared_admin .thumbnail .subtitle {
	color: var(--info-text);
	font-size: 0.8666666667rem;
	font-weight: 700;
	margin-bottom: 8px;
	text-transform: uppercase;
}

/* .resources_shared_admin .thumbnail .horizontal.shared {
	background-color: var(--active-background);
	border-radius: 5px;
	color: var(--foreground-color);
	display: flex;
	font-size: 0.73rem;
	font-weight: 700;
	justify-content: center;
	position: unset;
	text-align: center;
	margin-top: 10px;
} */

.resources_shared_admin .thumbnail .horizontal.shared .text {
	text-transform: none;
}

.resources_shared_admin .thumbnail .horizontal.shared .icon {
	color: var(--primary-action-color);
}

.resources_shared_admin .list_count {
	padding: 15px 10px;
	color: var(--primary-action-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile .resources_shared_admin .top_content,
.mobile .resources_shared_admin .bottom_content {
    padding: 0;
}

.resources_shared_admin .bottom_content {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 15px 10px;
    display: flex;
    justify-content: center;
}

.resources_shared_admin .top_content {
    width: 100%;
    padding: 0px 15px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/* .resources_shared_admin.map_view .top_content {
	padding: 0;
} */

.resources_shared_admin.map_view .top_content_section {
  	max-width: 2200px;
    width: 100%;
    display: flex;
    justify-content: center;
	flex-direction: column;
}

/* .resources_shared_admin.map_view .search_filter_view_bar {
	position: absolute;
	z-index: 4;
    width: 100%;
	top: 0;
	box-sizing: border-box;
    max-width: 2200px;
    padding: 15px;
} */

.resources_shared_admin.list_view .search_filter_view_bar {
	margin-top: 10px;
}

.resources_shared_admin .search_filter_view_bar {
    display: flex;
    flex-direction: column;
}

.resources_shared_admin .search_filter_view_bar .horizontal.active_filter_list {
	margin: 5px 0 0;
}

.resources .admin .thumbnail:hover .image,
.resources .admin .thumbnail .image {
	transform: scale(1.0);
	/* border-radius: 0; */
}

/* .mobile.resources .admin .thumbnail .image,
.mobile.resources .admin .thumbnail {
	border-radius: 0;
	border-left: none;
	border-right: none;
} */

.desktop.resources .admin .controls.vertical {
    padding: 0 0 10px;
}

.resources_shared_admin.map_view .top_content .search_filter_view_bar {
    padding: 15px;
}

.resources_shared_admin.page.map_view .top_content_section .title {
	display: none;
}

.mobile .resources_shared_admin.page .title.search_title {
	margin-left: 10px;
}

/* resources.css */

.dark_mode .new_resource_card .bottom_section {
    color: #ffffff;
}

/* .mobile .resources.page {
	margin-top: var(--mobile-search-and-filter-height);
} */

.mobile .resources.page.map_view,
.mobile .resources_shared_admin.page.map_view {
	margin-top: 0;
	position: absolute;
	height: 100%;
}

.peer_connect.resources .resources .top_content {
    /* width: 100%; */
    padding: 0px 15px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.peer_connect.resources .resources .top_content_section {
    max-width: 1400px;
    width: 100%;
    align-self: center;
}

.mobile .resources .top_content,
.mobile .resources .bottom_content {
    padding: 0;
}

.peer_connect.resources .top_content_section,
.peer_connect.resources_shared_admin .top_content_section {
    max-width: 1400px;
    width: 100%;
    align-self: center;
}

.desktop.peer_connect.resources .bottom_content,
.desktop.peer_connect.resources_shared_admin .bottom_content {
    width: 100%;
	/* max-width: 1400px; */
    box-sizing: border-box;
    padding: 0px 15px 15px 15px;
    display: flex;
    justify-content: center;
    /* align-self: center; */
}

.resources.map_view .bottom_content,
.resources_shared_admin.map_view .bottom_content {
	margin-top: calc(100vh - (40px + var(--safe-area-inset-bottom) + var(--header-height) 
	+ min(var(--bottom-drawer-height), calc(100vh - (430px + var(--safe-area-inset-bottom) + var(--safe-area-inset-top) + var(--header-height))))));
}

.mobile .resources.map_view .bottom_content,
.mobile .resources_shared_admin.map_view .bottom_content {
	margin-top: calc(100vh - (var(--safe-area-inset-bottom) + var(--mobile-footer-height) 
	+ min(var(--bottom-drawer-height), calc(100vh - (360px + var(--safe-area-inset-bottom) + var(--safe-area-inset-top) + var(--mobile-footer-height))))));
}

.resources .bottom_content_section,
.resources_shared_admin .bottom_content_section {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.desktop .resources.list_view .bottom_content_section,
.desktop .resources_shared_admin.list_view .bottom_content_section {
    max-width: 1400px;
    gap: 20px;
    display: grid;
}

.desktop .resources.map_view .card_grid {
    padding: 10px 0;
}

.mobile .resources .filter.button {
    padding: 10px;
    border: none;
    /* border-bottom: 1px solid var(--border-color); */
    margin-right: 0;
    border-radius: 0;
	/* width: 4rem; */
}

.mobile.resources .content_loaded_wrapper.loaded {
    gap: 0;
}

.mobile.resources .title.search_title {
	padding: 10px 0;
}

/* .mobile .resources.page .search_row {
	gap: 10px;
} */

.mobile .resources .filter.button .label {
	display: none;
}

.mobile .resources .map.button,
.mobile .resources_shared_admin .map.button {
	padding: 10px;
}

.search_options .basic.button {
	min-width: unset;
	padding: 8px 10px;
}

/* .mobile .search_options .basic.button {
	box-shadow: var(--map-buttons-shadow);
} */

.mobile .resources .map.button .icon,
.mobile .resources_shared_admin .map.button .icon {
	margin-right: 0px;
}

.mobile .resources .map.button .label,
.mobile .resources_shared_admin .map.button .label {
	display: none;
}

/* .mobile .resources .add_item {
	margin: 0px 0px 10px 0px;
} */

.mobile .resources.map_view .add_item,
.mobile .resources_shared_admin.map_view .add_item {
	display: none;
    margin: 0;
}

.resources .right_panel {
	/* display: none; */
}

.desktop .resources.page .card_grid,
.desktop .resources_shared_admin.page .card_grid {
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: var(--grid-gap);
    padding-top: 10px;
}

.mobile .resources.page .card_grid {
	grid-row-gap: 10px;
}

.resources.page .list_count {
	padding: 15px 10px;
    color: var(--primary-action-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile .resources.page .list_count {
	padding: 15px 10px 10px;
}

.mobile .resources.page .card .body {
    border-radius: 0 0 5px 5px;
}

.mobile .resources .resource.card.compact .body {
	border-radius: 0 10px 10px 0;
}

.mobile .resources .compact.card .title {
    font-size: 0.8rem;
}

.mobile .resources .compact.card .description {
    font-size: 0.7333333333rem;
}

.mobile .compact.card .counter_container .like_icon,
.mobile .compact.card .counter_container .save_icon,
.mobile .compact.card .counter_container .endorsement_icon {
	box-shadow: none;
	width: 1rem;
	height: 1rem;
}

.mobile .compact.card .counter_container {
	font-size: 0.8rem;
}

.mobile .resources .compact.card .subtitle {
    font-size: 0.6666666667rem;
}

.mobile .resources .compact.card {
    border-radius: 10px;
}

.mobile .resources.page.list_view .reshare.title {
    border-radius: 0;
    font-size: 0.8rem;
    font-weight: 700;
}

/* .mobile .resources.page .card_grid {
	grid-template-columns: auto;
} */

.mobile .resources.page.list_view .card .image {
	border-radius: 0;
}

/* .mobile .resources.page .card_grid article:first-of-type {
	margin-top: 10px;
} */

.resources .sort_bar {
	align-items: center;
	margin: 15px 0;
}

.resources .sort_bar .line {
	flex-grow: 1;
	height: 0px;
	border-bottom: 3px solid var(--border-color);
}

.resources .sort_bar .sort_by.label {
	margin-left: 15px;
}

.resources .sort_bar .selected_sort .label {
	font-weight: 600;
}

.resources .post .like.button,
.resources .post .share.button {
	display: none;
}

.desktop.resources.map_view .bottom_content,
.desktop.resources_shared_admin.map_view .bottom_content {
	padding: 15px 0;
    background: var(--primary-background);
}

.mobile .resources.page .drawer .card_grid {
	max-height: fit-content;
	overflow-y: visible;
}

.resources.map_view .top_content,
.resources_shared_admin.map_view .top_content {
	position: fixed;
    z-index: 1;
    left: var(--left-panel-width);
    right: var(--right-panel-width);
	top: var(--header-height);
	box-sizing: border-box;
	width: unset;
}

.desktop .resources.page.map_view .search_row button,
.desktop .resources_shared_admin.page.map_view .search_row button,
.desktop .resources.page.map_view .search.bar {
    background: var(--background-color);
}

.resources.map_view .top_content .search_filter_view_bar {
    padding-top: calc(15px + var(--safe-area-inset-top));
}

.horizontal.search_row.multiline {
    gap: 5px;
}

.mobile .resources.map_view .horizontal.search_row.multiline {
	padding: 10px;
}

.desktop.resources .menu_frame {
	z-index: 4;
}

.resources.map_view .top_content_section {
  	max-width: 2200px;
    width: 100%;
    display: flex;
    justify-content: center;
	flex-direction: column;
}

.mobile .search_options .settings_button {
    flex-shrink: 1;
    max-width: 32px;
}

/*
.resources .search_filter_view_bar .horizontal.search_row {
	margin-bottom: 0;
	flex-wrap: wrap;
	gap: 5px;
} */


/* .resources.list_view .search_filter_view_bar,
.resources_shared_admin.list_view .search_filter_view_bar {
	margin-top: 15px;
    gap: 5px;
} */

.resources .search_filter_view_bar {
    display: flex;
    flex-direction: column;
}

.resources .active_filter_list {
	margin: 0;
	padding: 0;
}

.resources .map_view .active_filter_list {
	display: none;
}

.desktop.resources .content_panel {
	padding: 0;
    /* background-color: var(--background-color); */
	display: flex;
	width: 0px;
}

.list_view {
	/* background-color: var(--primary-background); */
}

.resources .content_panel .map_view {
	background-color: var(--primary-background);
}

.mobile .sort_button2 {
	max-width: 100px;
}

.mobile .sort_button2 .label {
	display: none;
}

.mobile .sort_category {
	max-width: 120px;
}

@media only screen and (max-width: 980px) {
	.sort_button2 .label {
		display: none;
	}
}

@media only screen and (max-width: 699px) and (min-width: 491px) {
	.mobile .sort_button2 {
		max-width: initial;
	}
	.mobile .sort_category {
		max-width: initial;
	}
}

@media only screen and (width: 490px) {
	.mobile .sort_category {
		max-width: 120px;
	}
}

@media only screen and (max-width: 980px) and (min-width: 700px) {
	.horizontal.search_row.multiline {
		flex-wrap: wrap;
	}
}


.desktop.resources.map_view .content_loaded_wrapper.loaded,
.desktop.resources_shared_admin.map_view .content_loaded_wrapper.loaded {
    gap: 0;
}

/* .desktop .map_view .horizontal.search_row {
	position: absolute;
	z-index: 2;
} */

.resources .map_drawer,
.resources_shared_admin .map_drawer {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	left: var(--left-panel-width);
	right: var(--right-panel-width);
	top: calc(var(--safe-area-inset-top) + var(--header-height));
	background-color: var(--background-color);
	box-shadow: var(--drawer-shadow);
	transition: bottom 300ms;
}

.mobile .resources .map_drawer,
.mobile .resources_shared_admin .map_drawer {
	top: calc(var(--safe-area-inset-top));
	left: 0;
}

.resources.expanded .map_drawer,
.resources_shared_admin.expanded .map_drawer {
	bottom: calc(var(--safe-area-inset-bottom) + var(--header-height) + min(var(--bottom-drawer-height), calc(100vh - (430px + var(--safe-area-inset-bottom) + var(--safe-area-inset-top) + var(--header-height)))));
}

.mobile .resources.expanded .map_drawer,
.mobile .resources_shared_admin.expanded .map_drawer {
	bottom: calc(var(--safe-area-inset-bottom) + var(--mobile-footer-height) 
	+ min(var(--bottom-drawer-height), calc(100vh - (360px + var(--safe-area-inset-bottom) + var(--safe-area-inset-top) + var(--mobile-footer-height) ))));
}

.resources.collapsed .map_drawer,
.resources_shared_admin.collapsed .map_drawer {
	bottom: 0;
}

.mobile .resources.collapsed .map_drawer,
.mobile .resources_shared_admin.collapsed .map_drawer {
	bottom: var(--mobile-footer-height);
}

.resources .map_handle,
.resources_shared_admin .map_handle {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	cursor: pointer;
}

.resources .map_handle .icon.fa-sort-up,
.resources_shared_admin .map_handle .icon.fa-sort-up {
	position: relative;
	top: 0.3em;
}

.resources .card {
	/* height: 330px; */
	/* width: 320px; */
	/* background: transparent; */
	cursor: pointer;
	box-sizing: border-box;
	border-radius: var(--card-container-border-radius);
}

.edit_item.popup.resource .details .add_icon {
    display: none;
}

.mobile .resources .card .image {
	/* height: auto; caused some images to not cover enough 210/220px height */
	border-radius: 0;
}

.mobile .resource.card .body,
.mobile .resources_shared_admin .card .body {
	border-radius: 0 0 5px 5px;
}

.mobile .resources .card {
	min-width: 60vw;
}

.mobile .resources.map_view .card_grid,
.mobile .resources_shared_admin.map_view .card_grid {
	margin-bottom: var(--mobile-footer-height);
}

.mobile .resources.map_view .card_grid,
.mobile .resources_shared_admin.map_view .card_grid {
	padding: 10px;
}

.resources .list_item.phone {
	display: flex;
    flex-direction: column;
	align-items: flex-start;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
	-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.resources .list_item.phone .label {
	font-size: 0.7333333333rem;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--label-input);
    text-wrap: initial;
}

.resources .list_item.phone .phone_number {
	padding-top: 5px;
	color: var(--primary-action-color);
    text-decoration: underline;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.detailed_post .contact_information .item + .item {
	margin-top: 10px;
}

.resource_popup {
	background: var(--primary-background);
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	display: flex;
	flex-direction: column;
}

.marker_popup .resource_popup .close.button {
	position: absolute;
	z-index: 2;
	top: 8px;
    left: 8px;
    width: 25px;
	height: 25px;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
	padding: 5px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50%;
	border: none;
	color: white;
}

.marker_popup .resource_popup .close.button:hover {
	background-color: rgba(0,0,0,0.75);
	border-radius: 50%;
}

.mobile .marker_popup .resource_popup .close.button {
    left: 5px;
	top: 5px;
}

.marker_popup .resource_popup .slide_left,
.marker_popup .resource_popup .slide_right {
	border-radius: 50%;
    position: absolute;
    top: 50%;
    bottom: 50%;
    height: 5px;
    width: 5px;
    margin: 0 8px;
    justify-content: center;
    padding: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
	z-index: 1;
	font-size: 1rem;
    color: var(--foreground-color);
	background: var(--background-color);
	box-shadow: var(--map-buttons-shadow);
}

.desktop .marker_popup .resource_popup .slide_left:hover,
.desktop .marker_popup .resource_popup .slide_right:hover {
    filter: brightness(0.9);
}

.marker_popup .resource_popup .slide_right {
    right: -20px;
	top: 58px;
    bottom: 0;
	/* border-top-right-radius: 10px;
	border-bottom-right-radius: 10px; */
	/* background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.8) 100%); */
}

.mobile .marker_popup .resource_popup .slide_right {
	top: -33px;
    right: 0px;
    margin: 0;
}

.mobile .marker_popup .resource_popup .slide_left {
	top: -33px;
    left: 0px;
    margin: 0;
}

.marker_popup .resource_popup .slide_left {
    left: -20px;
	top: 58px;
    bottom: 0;
	/* border-top-left-radius: 10px;
	border-bottom-left-radius: 10px; */
	/* background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.8) 100%); */
}

.marker_popup .resource_popup_pagination {
	display: flex;
	justify-content: center;
	position: relative;
	top: -130px;
}

.desktop .marker_popup .resource_popup_pagination {
    top: -170px;
}

.marker_popup .resource_popup_pagination .page {
	cursor: pointer;
	padding: 5px;
    color: var(--disabled-button-color);
    font-size: 0.5rem;
}

.resource_popup_pagination_wrapper {
	background: rgba(255,255,255,1);
	border-radius: 10px;
	box-shadow: var(--popup-box-shadow);
}

.marker_popup .resource_popup_pagination .page.selected {
	color: var(--primary-action-color);
}

.resource_popup .close.button:hover {
    background: var(--hover-background);
    border-radius: 0 0 0 10px;
}

.resource.card.compact {
	flex-direction: row;
	border-radius: 10px;
	border: none;
}

.resource.card.compact .image_container {
	width: 140px;
	height: 140px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
    border-right: 1px solid var(--border-color);
	border-radius: var(--compact-card-image-border-radius);
}

.mobile .resource.card.compact .image_container {
	width: 100px;
	height: 100px;
	min-width: 100px;
    border-radius: 10px 0 0 10px;
}

.resource.card.compact .image_container .image {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 5px;
	border-radius: var(--compact-card-image-border-radius);
}

.desktop .resources_shared_admin .thumbnails_view {
    margin-top: 20px;
}

.mobile .resource.card.compact .image_container .image {
	height: 100px;
	width: 100px;
	/* object-fit: contain; may change once we enhance images to have fill option*/
}

.resource.card.compact .body {
	width: 140px;
	border-radius: var(--compact-card-content-border-radius);
}

.resource.card.compact .counter_container .shares.group {
	flex-grow: 1;
	justify-content: flex-end;
}

.mobile.resources .resources_container .top_section.popular_topics {
    padding: 15px 10px 10px;
}
/*
.mobile.resources .resources_container .top_section.popular_topics {
    padding: 15px 0 5px;
} */
/*
.mobile.resources .bottom_content {
    padding: 0 10px;
} */

.resources .resources_container .top_section {
    padding: 15px 10px 10px;
    margin: 0;
}

/* .resources .resources_container .top_section .title {
	font-weight: 700;
	align-self: flex-end;
	font-size: 1rem;
} */

/* .resources .resources_container > .title {
    font-size: 1.3333333333rem;
    margin: 15px 0 0 0;
    font-weight: 700;
} */

.resources .title.search_title {
	padding: 10px 15px;
}

.desktop.resources .top_content_section .title {
    margin: 15px 0 0 0;
    font-size: 2rem;
}

.desktop.resources .top_content_section .title.search_title {
	font-size: 1.2rem;
	padding: 0;
}

.resources .map_view .title.search_title {
	padding: 0;
	display: none;
}

.mobile .title.search_title {
    margin: 0 10px;
    line-height: 1.3;
    font-size: 0.8666666667rem;
}

.resources.page .search_options {
	display: flex;
}

.mobile .resources.map_view .pill_bar {
	position: fixed;
	z-index: 1;
    left: 0;
    right: 0;
	top: calc(20px + var(--mobile-search-and-filter-height) + var(--safe-area-inset-top));
}

.topic_tags .pills {
	/* margin: 0 15px 5px 15px; */
	width: 100%;
	overflow: auto;
	flex-wrap: nowrap;
}

.topic_tags .pills .pill {
	flex-shrink: 0;
}

.mobile .topic_tags .pills {
	margin: 10px 10px 0;
}

/* TODO: I don't think this should be here */
.desktop .top_content_section .title {
    margin: 15px 0 0 0;
    font-size: 2rem;
}

.desktop.topic_profile .topic_tags .pills {
	margin: 0;
}

.resources.org_profile .org_profile_wrapper.show_map .org_profile_header_bg,
.resources.topic_profile .topic_profile_wrapper.show_map .topic_profile_header_bg {
	display: none;
}

.resources.org_profile .org_profile_wrapper.show_map .org_profile_content,
.resources.topic_profile .topic_profile_wrapper.show_map .org_profile_content {
	max-width: none;
}

.resources.org_profile .org_profile_wrapper.show_map .resources.page,
.resources.topic_profile .topic_profile_wrapper.show_map .resources.page {
	width: 100%;
}

.resources.org_profile .org_profile_wrapper.show_map .org_profile_content-wrapper,
.resources.topic_profile .topic_profile_wrapper.show_map .topic_profile_content-wrapper {
	margin: 0;
}

.mobile.resources.org_profile .org_profile_wrapper.show_map .search_row.multiline,
.mobile.resources.topic_profile .topic_profile_wrapper.show_map .search_row.multiline {
	background: linear-gradient(0deg, var(--primary-action-color) 0%, var(--accent-color) 100%);
}

.resources.org_profile .org_profile_wrapper.show_map,
.resources.topic_profile .topic_profile_wrapper.show_map {
	margin-bottom: 0;
}

.resources.org_profile .org_profile_wrapper.show_map,
.resources.org_profile .org_profile_wrapper.show_map .org_profile_content-wrapper,
.resources.org_profile .org_profile_wrapper.show_map .resources.page.map_view,
.resources.topic_profile .topic_profile_wrapper.show_map,
.resources.topic_profile .topic_profile_wrapper.show_map .topic_profile_content-wrapper,
.resources.topic_profile .topic_profile_wrapper.show_map .resources.page.map_view  {
	height: 100%;
}

.mobile .resources.page .search_wrapper .title {
	color: white;
}

.mobile .resources.page .search.bar.collapsed .input {
	display: none;
}

.popup.new_resource {
	display: flex;
	gap: 10px;
	padding-bottom: 10px;
}

.new_resource_card {
	border: 1px solid var(--border-color);
	border-radius: 5px;
	box-shadow: var(--popup-box-shadow);
	height: 110px;
	min-width: 150px;
	width: 150px;
}

.mobile .new_resource_card {
	height: 180px;
	min-width: 150px;
	width: 100%;
}

.new_resource_card .bottom_section {
	border-radius: 0px 0px 5px 5px;
	color: var(--light-background-color);
	position: absolute;
	bottom: 0px;
	background: linear-gradient(180deg, rgba(50,50,50,0.75), rgba(50,50,50,0.3));
    box-sizing: border-box;
    left: 0;
    line-height: normal;
    overflow: hidden;
    font-size: 0.6rem;
    padding: 8px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    backdrop-filter: blur(4px);
}

.new_resource_card .top_section {
	position: absolute;
}

.new_resource_card .top_section .avatar, 
.new_resource_card .top_section .icon {
	box-shadow: var(--popup-box-shadow);
	width: 32px;
	height: 32px;
	align-items: center;
    display: flex;
    justify-content: center;
	background: white;
	/* border: 1px solid var(--contained-border-color); */
    border-radius: 5px;
	margin: 5px;
}

.new_resource_card .image_container {
	background-position: center;
	background-size: cover;
	border-radius: 5px;
	height: 100%;
}

.new_resource_card .icon {
	color: #444444;
	font-size: 1.5rem;
}

.new_resource_item {
	background-color: var(--tile-item-background);
	border: 1px solid var(--contained-border-color);
	border-radius: 5px;
	cursor: pointer;
	gap: 10px;
	padding: 10px;	
}

.new_resource_item.selected {
	border: 1px solid var(--primary-button-border);
}

.mobile .new_resource_item .card_container {
	max-width: 280px;
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 280px;
}

.mobile .new_resource_item .radio .input[type="radio"] {
	margin: 0px;
}

.mobile .new_resource_item .top_section {
	gap: 10px;
	justify-content: space-between;
}

.mobile .resources .pill_bar {
    background: var(--background-color);
    padding: 5px;
}

.mobile .resources.map_view .pill_bar {
    background: transparent;
}

.mobile .resources.map_view .pill_bar .pills {
	padding: 10px 0 0 10px;
}

.mobile .resources.map_view .pill_bar {
	padding: 0;
}

.mobile .resources.list_view .pill_bar{
	padding: 10px 0;
}

.mobile .org_profile_content .pill_bar {
	padding: 10px 0;
}

.mobile .org_profile_content .resources.list_view .pill_bar {
    padding: 10px 0 10px 0;
}

.mobile .resources.page .add_item {
	padding: 12px 10px;
	border: none;
}

.desktop .resources.page.map_view .search_row {
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
}

/* role_add_edit.css */

.role_add_edit.popup .roles > .title, .role_add_edit.popup .external_roles > .title {
	font-weight: 700;
	margin-bottom: 5px;
}

.role_add_edit.popup .role_group > .title {
	font-weight: 700;
	margin-bottom: 5px;
	text-decoration: underline;
}

.role_add_edit.popup .roles {
	margin-bottom: 20px;
}

.role_add_edit.popup .role {
    padding: 5px;
	width: 200px;
}

/* roles_admin.css */

.roles_admin.page .search.bar .filter.button {
	display: none;
}

/* schedule_contact.css */

.schedule_contact > .title {
	margin: 15px 0 5px 0;
}

.schedule_contact .buttons {
	margin-top: 20px;
	justify-content: space-between;
}

.assign_to_options .options .wrapper {
    padding: 0 0 5px 0;
}

.assign_to.title {
    font-weight: 700;
    margin: 5px 0;
    font-size: 1.0666666667em;
    line-height: 1.3;
}

.schedule_contact.popup .input_group .input_group {
	margin: 0;
}

.schedule_contact.popup .description {
    line-height: 1.3;
    font-size: 0.8666666667rem;
    padding-bottom: 5px;
}

/* schedule.css */

.schedule.popup .status_title {
	margin: 15px 0px 10px 0px;
}

.schedule.popup {
	gap: 15px;
	flex-direction: column;
	display: flex;
}

.schedule.popup .sub_text {
	margin-bottom: 5px;
}

.schedule.popup .description {
	margin-bottom: 10px;
	line-height: 1.3;	
}

.schedule.popup .date_time .clear, .notifications_add .clear {
	display: inline-block;
	margin-left: 10px;
	text-decoration: underline;
	color: var(--accent-color);
	cursor: pointer;
}

.clear {
	display: inline-block;
	margin-left: 10px;
	text-decoration: underline;
	color: var(--primary-action-color);
	cursor: pointer;
}

.schedule.popup .date_time .time {
	margin-left: 10px;
}

.schedule.popup .valid_message {
	margin-bottom: 5px;
}



/* search_fields.css */

.search_fields.page .category {
	color: var(--accent-color);
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.6em;
	margin: 15px 0;
}

.search_fields.page .grid_container {
	column-gap: 15px;
	row-gap: 15px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 25px;
}

.search_fields.page .grid_container .container {
	margin: 0;
	min-height: 120px;
	padding: 20px;
	position: relative;
}

.search_fields.page .grid_container .container .heading {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 48px;
}

.search_fields.page .grid_container .container .heading .title {
	color: var(--accent-color);
	font-size: 1em;
	font-weight: 700;
	line-height: 1.6em;
}

.search_fields.page .grid_container .container .heading .component {
	margin: 0 0 0 20px !important;
}

.search_fields.page .grid_container .container .code::-webkit-scrollbar {
	height: 5px;
}

.search_fields.page .grid_container .container .code::-webkit-scrollbar-thumb {
	background-color: var(--border-color);
	border-radius: 4px;
}

/* search.css */

.newsfeed.page .search_row {
	margin: 0 0 10px 0;
}

.mobile .newsfeed.page .search_row,
.mobile .requests.page .search_row,
.mobile .connect.page .search_row,
.mobile .members.page .search_row {
	background: var(--accent-color);
	background: linear-gradient(0deg, var(--mid-gradient-color) 0%, var(--accent-color) 100%);
	box-shadow: var(--mobile-tabs-shadow);
	left: 0;
	/* padding: 10px; */
	position: fixed;
	right: 0;
	top: var(--safe-area-inset-top);
	z-index: 999;
}

/* .newsfeed.page .search_row button, */
/* .requests.page .search_row button {
	background-color: var(--background-color);
} */

.mobile.org_profile .newsfeed.page .search_options .icon.button.filter_button {
    border-radius: 5px;
}

.mobile.org_profile .newsfeed.page .search_row .expanded_search .search.icon {
    padding-left: 15px;
}

.mobile .requests.page .search_row {
	margin: 0;
}

.search.page {
	font-size: 14px;
}

.search.page .search.wrapper {
	margin: 0 0 20px 0;
	width: 100%;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	overflow: hidden;
}

.search.page .search.wrapper input {
	width: 100%;
	padding: 10px;
	border:0;
	box-sizing: border-box;
}

.search.page .count {
	margin: 0 0 20px 0;
}


.search.page {
	padding: 50px;
}

.search.page .summary {
	padding: 10px 0;
}

.search.page .result {
	overflow: hidden;
	padding: 5px 0;
    font-size: 0.8666666667rem;
}

.search.page .result .title {
	font-weight: 700;
	padding: 5px 0;
}

.search.page .result .details {
	white-space: pre;
	padding: 5px;
	background: rgba(0,0,0,0.05);
}

.search.page .result .plural {
	padding: 0 5px;
}

.search.page .result .action {
	padding: 0 5px;
}

.search.page .result .children {
	padding: 5px 15px;
}


.search.page .result .line.link {
	color: hsl(200, 50%, 50%);
	padding: 5px 0;
}

.search.page .result .line.link:hover{
	text-decoration-line: underline;
}

.search.page .result ul{
	padding: 3px 5px;
}

.search.page .result table{
	/* width: 100%; */
	background: hsla(200, 50%, 50%, 0.03);
}

.search.page .result table .cell{
	display: flex;
	align-items: center;
	cursor: pointer;
}

.search.page .result table .cell i{
	font-size: 5px;
}

.search.page .result .clickable{
	cursor: pointer;
}

.search.page .result.definition .line.horizontal {
	background: rgba(0,0,0,0.05);
	padding: 20px;
}

.search.page .result.definition .view {
	margin: 20px;
	box-shadow: rgb(0 0 0 / 50%) 0px 5px 5px;
	border:30px solid black;
	border-radius:10px;
	overflow: hidden;
	/* width: 260px; */
	width: 600px;
	height: 450px;
	position: relative;
}

.search.page .workflow{
	display: flex;
}

.search.page .page{
	display: flex;
}

/* .iframe .content{
	background: white;
	transform: scale(0.7);
	transform-origin: top left;
	overflow: hidden;
} */

.iframe_wrapper {
	margin: 20px;
	box-shadow: rgb(0 0 0 / 50%) 0px 5px 5px;
	border:30px solid black;
	border-radius:10px;
	overflow: hidden;
	/* width: 260px; */
	width: 600px;
	height: 450px;
	position: relative;

}

.iframe_wrapper.widget {
	margin: 20px;
	border: none;
	box-shadow: rgb(0 0 0 / 20%) 0px 5px 7px;
	border-radius:10px;
	overflow: hidden;
	width: 323px;
	height: 123px;
	position: relative;
	background: white;
	padding: 10px;

}

.iframe_wrapper.desktop {
	width:560px;
}

.search.page iframe {
	background: white;
	transform: scale(0.7);
	transform-origin: top left;
	overflow: hidden;
	width: 142.857143%;
	height: 142.857143%;
}

.simple.button {
	border: 1px solid black;
}

.search.bar {
	position: relative;
    box-sizing: border-box;
	display: flex;
    flex-grow: 1;
    align-items: center;
	color: var(--foreground-color);
	height: 36px;
    border-radius: 5px;
    /* background-color: var(--basic-button-background); */
    /* box-shadow: 0px 1px 1px #00000029; */
    /* margin-bottom: 10px; */
	/* border: 1px solid var(--border-color); */
	/* margin-right: 10px; */
}

.mobile .search.bar.profile_page,
.mobile .search_bar_with_menu.profile_page {
	/* border-radius: 5px;
	border: none; */
	/* padding: 0 5px; */
}

.popup_body .search.bar {
	width: 100%;
    background-color: transparent;
}

.desktop .admin .search.bar {
	max-width: 250px;
}

.admin .search.bar,
.admin .search_row .search_row .basic.button {
	/* background-color: var(--contained-search-controls-background); */
	min-width: initial;
    font-weight: 400;
}

/* .container .search.bar,
.container button.filter.basic.button,
.container .search_row .search_options .filter_button {
    background-color: var(--contained-search-controls-background);
} */

.dashboard .frame_center,
.articles .frame_center,
.connect .frame_center,
.members .frame_center,
.newsfeed .frame_center,
.requests .frame_center,
.support_team .frame_center,
.user_profile .frame_center {
    background-color: var(--primary-background);
}

/* .desktop .newsfeed.page .search.bar input, */
/* .desktop .requests.page .search.bar input, */
/* .desktop .articles.page .search.bar input,
.desktop .members.page .search.bar input,
.desktop .resources.page.list_view .search.bar input,
.desktop .resources.list_view .search.bar input,
.desktop .resources_shared_admin.list_view .search.bar input,
.desktop.learning .search.bar input,
.desktop .events.page .search.bar input,
.desktop .events_shared_admin.page .search.bar input,
.desktop .support_team.page .search.bar input {
	height: 36px;
	border-radius: 5px;
    background-color: var(--input-background-color);
} */

.desktop.darkMode .resources_shared_admin.map_view .search.bar input,
.desktop.darkMode .resources.map_view .search.bar input {
		background-color: var(--background-color);
}

/* MAYBE
.mobile .search.bar.collapsed .input {
	padding: 0;
	outline: none;
	box-shadow: none;
	background: none;
} */

/* .peer_connect.mobile:not(.admin-table) .newsfeed.page .search_row,
.peer_connect.mobile:not(.admin-table) .articles.page .search_row,
.peer_connect.mobile:not(.admin-table) .resources.page .search_row,
.peer_connect.mobile:not(.admin-table) .events.page .search_row,
.peer_connect.mobile:not(.admin-table) .requests.page .search_row,
.mobile.library .search_row {
	background: var(--light-background-color);
	box-sizing: border-box;
	grid-column-gap: 0px;
	margin: 0;
	width: 100%;
} */

.search.bar .shell {
	color: var(--light-foreground-color,grey);
    background-color: var(--background-color, white);
    display: flex;
    align-items: center;
    flex-grow: 1;
    box-sizing: border-box;
    box-shadow: var(--mobile-search-bar-shadow);
    margin-bottom: 10px;
    border-radius: 5px;
}

.search.bar .close.icon {
	padding: 10px;
	margin-right: 3px;
	position: absolute;
	right: 0;
    cursor: pointer;
    color: var(--info-text);
}

.search.bar .close.icon:focus-visible {
    border-radius: 100px;
    width: 35px;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
}


.search.bar .input {
    /* border: 0;
    outline: none; */
    background-color: var(--darker-input-background-color);
	/* border-radius: 0; */
	width: 100%;
    /* padding-left: 30px;
    padding-right: 30px; */
    position: relative;
	display: block;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 1rem;
	color: var(--foreground-color);
}

.desktop .search.bar .input {
	padding: 0 40px;
}

.desktop .search.bar .input,
.desktop .popup_search .search.bar .input {
	padding: 0 40px;
}

/* [data-value]:not([data-value=""]) */
.expanded_search .search.bar .input {
    padding-left: 40px;
    padding-right: 40px;
	transition: all ease-in-out 0.2s;
}

.popup_body .search.bar .input {
	background-color:var(--input-background-color);
    border-radius: 25px;
}

.mobile .popup_body .search.bar .input {
	background-color:var(--input-background-color);
}

.mobile.support_team .popup_body .search.bar .input,
.mobile.support_team .search.bar .input {
    padding: 0;
    background: var(--background-color);
}

.mobile.support_team .expanded_search .popup_body .search.bar .input,
.mobile.support_team .expanded_search .search.bar .input {
	padding: 0 40px;
}
/*
.mobile .popup_body .support_team .search_row {
    background: var(--primary-action-color);
    background: linear-gradient(0deg, var(--mid-gradient-color) 0%, var(--accent-color) 100%);
} */

.popup_body .search.bar .input {
    padding: 0 35px;
}

.mobile .search.bar .input {
	border-radius: 25px;
	background: var(--background-color);
}

.follow_organizations .search.bar .input {
    background-color: var(--darker-input-background-color);
    box-shadow: none;
    border: 1px solid var(--soft-border-color);
	border-radius: 2rem;
}

.mobile.follow_organizations .search.bar.collapsed .input {
	padding: 0;
}

/* .mobile.follow_organizations .search.bar .search.icon {
	margin-left: 5px;
} */

.mobile.follow_organizations .search.bar .close.icon {
	margin-right: 5px;
}

.search.bar .close.icon:focus-visible {
    border-radius: 100px;
    width: 35px;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
}

.popup_body .search.bar .times.icon {
    margin-right: 5px;
}

/* .mobile .search.bar.collapsed .input:focus-visible {
	outline: none;
} */

.radio.field {
	padding: 0 0 5px 0;
}

.search.bar .input::placeholder {
	color: var(--input-placeholder-color);
}

.search.bar .filter {
	padding: 12px 15px;
	font-size: 1em;
	font-weight: 400;
	cursor: pointer;
	background-color: var(--background-color);
}

.search.bar .clear.button {
	min-width: auto;
}

.search.bar .input:placeholder-shown+.clear.button {
	display: none;
}

.search.bar .menu_button {
	border: 1px solid var(--border-color);
}

/* .grid {
	background-image: linear-gradient(90deg,rgba(55,55,255,.2) 1px,transparent 0),linear-gradient(180deg,rgba(55,55,255,.2) 1px,transparent 0);
	background-size: 16px 16px;
} */

.map_container{
	background-color: var(--primary-background);
	padding: 20px;
	display: flex;
	/* flex-grow: 1; */
}

.map.section {
	overflow: hidden;
 	/* border:1px solid rgba(0,0,0,0.2); */
	border-radius:5px;
	/* padding:5px; */
}

.map.section.container {
	margin: 10px;
}

.map_header {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 5px;
	background-color: hsl(200, 50%, 50%);
	color: rgba(255,255,255,0.8);
	display: flex;
}

.map_body {
	padding: 5px 0;
}

/* .map_children {
	padding-left: 10px;
} */
.map_button {
	display:flex;
	align-items: center;
}

.map_button .nav {
	padding: 0 5px;
}

.map_button .missing {
	padding: 0;
	color: hsl(0, 30%, 50%);
}

.map_button:hover {
	background-color: rgba(0,0,0,0.1);
}

.iframe_wrapper2 {
	width: 200px;
	height: 300px;
	overflow:hidden;
	position: relative;
	border: 19px solid black;
	margin: 11px;
	border-radius: 5px;
	box-shadow: rgb(0 0 0 / 40%) 0px 5px 7px;
}

.crumbs {
	display: flex;
}

.crumb {
	cursor: pointer;
}

.crumb_spacer {
	padding: 0 5px;
	color: rgba(0,0,0,0.5);
}

.search.page table {
	overflow: hidden;
}

.search.page th {
	padding: 0 5px;
}

.search.page tr:hover {
	background-color: rgba(0,0,0,0.05);
}

.search.page td {
	vertical-align: top;
	text-align: center;
	/* position: relative; */
}

.search.page table {
	position: relative;
}

.search.page .screenshot {
	height:310px;
}

.search.page i.action {
	color: rgba(0,0,0,0.3);
}

.search.page i.action {
	color: rgba(0,0,0,0.3);
}

.search.page .image_wrapper {
	margin: 10px 10px;
	border-radius: 5px;
	overflow: hidden;
}

.search.page .image_header {
	display: flex;
	background-color: hsl(200, 50%, 50%);
	padding: 5px;
	color: rgba(255,255,255,0.8);
}

.no_results, .no_data {
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.no_results .explanation {
	text-align: center;
}

@keyframes search-fade-in {
	from {
		opacity: 0;
		transform: translate(0, -20px);
	}
	to {
		opacity: 1;
		transform: translate(0,0);
	}
}

.no_data {
	animation: search-fade-in 0.5s cubic-bezier(.42,.01,.5,1.31);
	height: 100%;
	justify-content: center;
}

.no_results img, .no_data img {
	margin: 20px 10px;
}

.no_data img {
	height: 250px;
	width: 250px;
}

.no_data h1 {
	font-size: 1.5rem;
	margin: 10px 0;
}

.desktop .no_results img {
	max-width: 200px;
}

@media only screen and (max-width: 920px) {
	.desktop .no_results img {
		max-width: 200px;
	}
}

.popup_body .no_results button.basic.button.alt {
	background-color: var(--light-background-color);
	margin: 15px 0 0;
}

.popup_body .no_results > div {
	margin: 10px 0 0;
}

.no_results > div {
	color: var(--info-text);
}

.popup_body .no_results img {
	display: none;
}

.mobile .no_results img {
	height: auto;
	max-width: 150px;
}

.no_results button {
	margin: 15px 0;
}

.search.bar ~ .basic.button,
.search_filter_view_bar .search_row .basic.button,
.search_options .basic.button {
	text-transform: none;
}

.mobile .map_view .search_row {
    background-color: var(--light-background-color);
}

.mobile .map_view .search_filter_view_bar {
	padding: 0;
	box-shadow: var(--mobile-search-bar-shadow);
}

.map_view .search_row>.button {
	pointer-events: auto;
}

.search_filter_view_bar .search.bar {
	margin-bottom: 0;
	/* max-width: 280px; */
	pointer-events: auto;
	height: 36px;
}

.desktop .search_filter_view_bar .search.bar,
.desktop.learning .search.bar {
	max-width: 280px;
}

.search_filter_view_bar .pills .clear_all {
	box-sizing: border-box;
	padding: 5px 5px;
}

.search_filter_view_bar.mobile .pills {
	margin: 8px;
}

.search_filter_view_bar .pill {
	/* background-color: var(--background-color); */
	cursor: pointer;
}

.search_row {
	align-items: center;
	/* margin-bottom: 10px; */
    grid-column-gap: 10px;
}

.search_row .button {
	align-items: center;
	/* background-color: var(--input-background-color); */
	background-color: var(--basic-button-background);
	background-color: var(--darker-input-background-color);
	border: 1px solid var(--input-border-color);
	box-sizing: border-box;
	height: 36px;
	padding: 8px 10px;
}

.mobile .search_row {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	grid-column-gap: 5px;
	margin-bottom: 0;
	position: fixed;
	top: var(--safe-area-inset-top);
    box-shadow: var(--mobile-tabs-shadow);
	left: 0;
	right: 0;
	/* gap: 5px; */
	z-index: 999;
	padding: 0px;
    box-sizing: border-box;
    background: var(--accent-color);
	background: linear-gradient(0deg, var(--mid-gradient-color) 0%, var(--accent-color) 100%);
    width: 100%;
	padding: 10px;
}

.search.bar .search.icon {
	padding-left: 10px;
    position: absolute;
}

.mobile .search.bar.collapsed .search.icon {
	padding-left: 0px;
	padding-right: 0px;
}

.mobile .multiline.search_row {
	padding: 0;
}

.mobile .horizontal.search_row.multiline {
	gap: 0;
}

.mobile.library_panel .admin .content_panel .search_row {
	width: 100vw;
}

.mobile.library_panel.resources .admin .content_panel {
    padding: 0;
}

.search_options {
	gap: 10px;
	display: flex;
}

.mobile .search_row .icon {
	color: var(--foreground-color);
}

.desktop .search.bar .search.icon {
	padding: 10px 0 10px 15px;
}

/* .popup_body .search_options,
.admin.page .search_options {
	display: none;
} */

.admin.page.events_shared_admin .search_options,
.admin.page.resources_shared_admin .search_options {
	display: flex;
}

.popup_body .tag_selector .search_options {
    display: none;
}

.mobile .multiline .search_options {
	box-shadow: var(--feed-item-shadow);
	/* clip-path: inset(0px 0px -5px 0px); */
	display: flex;
	font-weight: normal;
	padding: 10px;
	/* justify-content: flex-end; */
	/* padding-top: 10px; */
	background-color: var(--multiline-filter-bg);
}

.mobile .multiline .search_options.top {
	background-color: transparent;
}

.mobile .multiline .search_wrapper {
	padding: 10px;
}

.mobile .search_wrapper {
	gap: 10px;
}

.mobile .search_wrapper.horizontal.expanded_search,
.mobile .page .search_row .horizontal.expanded_search {
	gap: 0;
}

.mobile.org_profile .search_wrapper.horizontal.expanded_search,
.mobile.topic_profile .search_wrapper.horizontal.expanded_search {
	gap: 5px;
}

.mobile.org_profile .search_bar_with_menu .input:focus-visible,
.mobile.topic_profile .search_bar_with_menu .input:focus-visible {
	box-shadow: none;
}

.mobile .search_row .expanded_search .search.icon  {
	padding-left: 15px;
}

.mobile .search_row .expanded_search .times.icon  {
	padding-right: 15px;
}

.mobile .search_wrapper.expanded_search .back_button.fa-arrow-left {
	padding: 10px 10px 10px 0;
}

.mobile .multiline .search.bar,
.mobile .multiline .search_options > .button {
	flex-grow: 1;
	background: var(--background-color);
}

/* .mobile .multiline .search_options > .button .settings_button {

} */

.mobile .search_row .algorithmic_button {
	display: none;
}

.mobile .search_option.multiline .basic.button {
	border: none;
	gap: 3px;
	/* height: 21px; */
}

.search_options .icon.button {
	border-radius: var(--button-border-radius);
}

.admin-tbable .search_options button label {
    font-weight: 400;
}

.mobile button.basic.button.map {
    border: none;
	/* border-bottom: 1px solid var(--border-color); */
	border-radius: 0;
	margin-right: 0;
}

.tree {
	position: relative;
}

.tree .flat {
	display: flex;
	align-items: center;
}

.peer_connect.mobile:not(.admin-table) .search.bar.multiline {
	align-items: center;
	background-color: var(--background-color);
	border-radius: 5px;
	border: 1px solid var(--border-color);
	box-sizing: border-box;
	color: var(--light-foreground-color);
	display: flex;
	flex-grow: 1;
	margin: 10px;
	font-size: 1rem;
}

.search_bar_with_menu {
	background-color: var(--input-background-color);
	border-radius: 2rem;
	border: 1px solid var(--input-border-color);
	box-sizing: border-box;
	color: var(--light-foreground-color);
	display: flex;
	flex-grow: 1;
}

/* .mobile .search_bar_with_menu,
.peer_connect.mobile:not(.admin-table) .search.bar {
	margin: 10px;
} */

.search_bar_with_menu .clear_icon_container {
	display: flex;
	padding: 10px 15px;
	align-items: center;
	position: absolute;
	right: 0;
}

.search_bar_with_menu .input {
	/* border: 0; */
	outline: none;
	/* background-color: transparent; */
	border-radius: 25px;
	height: 34px; /* not 36 to account for wrapper border */
	width: 100%;
    position: relative;
    padding-left: 35px;
	padding-right: 35px;
	display: block;
	box-sizing: border-box;
	font-family: inherit;
    font-size: 1rem;
	color: var(--foreground-color);
}

.collapsed.search_bar_with_menu .input {
	border: none;
	border-radius: 25px;
}

.mobile .collapsed.search_bar_with_menu .input {
	padding: 0;
	outline: none;
	box-shadow: none;
	background: none;
}

.mobile.resources .search_row .basic.button.map,
.mobile.resources .search_row .basic.button.filter,
.mobile.events .search_row .basic.button.filter {
    padding: 18px 15px;
    border-left: 1px solid var(--border-color);
}

.search_bar_with_menu .search.icon {
    padding-left: 10px;
	position: absolute;
    /* color: var(--primary-action-color); */
}

.desktop .search_bar_with_menu .input {
    /* border: 1px solid var(--soft-border-color); */
	border-radius: 0 2rem 2rem 0;
	border: none;
	min-width: 280px;
}

.desktop .search_bar_with_menu .input:focus-visible {
    outline: 1px auto var(--primary-action-color);
}

.mobile .newsfeed.page .search_row .expanded_search .search.icon {
	padding-left: 10px;
}

.search_bar_with_menu .search_icon_container {
	display: flex;
	align-items:center;
	cursor: pointer;
	flex-grow: 1;
	position: relative;
}

.search_bar_with_menu .clear_icon {
	cursor: pointer;
}

.search_bar_with_menu .input_container {
	display: flex;
	align-items:center;
	flex-grow:1;
}

.search_bar_with_menu .menu_button {
	display: flex;
	padding: 0px 10px;
	align-items:center;
}

.search_bar_with_menu .menu_button .icon{
	font-size: 0.8rem;
}

.search_bar_with_menu .menu_button .name {
	padding-right: 5px;
    font-size: 0.8rem;
    white-space: nowrap;
    color: var(--foreground-color);
}

.search_bar_with_menu .menu_button_container {
	cursor: pointer;
	display: flex;
	align-items:center;
	border-width: 0 1px 0 0;
	border-style: solid;
    border-radius: 2rem 0 0 2rem;
	border-color:  var(--input-border-color);
	background-color: var(--darker-input-background-color);
    justify-content: flex-end;
}

.mobile .search_bar_with_menu .menu_button_container,
.mobile .search_row .sort_button,
.mobile .search_row .filter,
.mobile .search_row .map {
	display: none;
}

/* .desktop .search_bar_with_menu .menu_button_container {
    min-width: 130px;
} */

.desktop .search_options .settings_button {
	min-width: unset;
	border-radius: 5px;
}

.search_settings .section {
	margin: 0 0 10px 0;
}

.search_settings.popup .subtitle {
	margin: 0;
}

.search_settings .section.organizations h2 {
	display: flex;
	font-size: 0.8rem;
	font-weight: 700;
	margin: 5px 0;
	text-transform: uppercase;
	line-height: 1.3;
}

.title.search_title {
	font-size: 1rem;
    font-weight: 400;
    color: var(--secondary-text);
	/* margin: 15px 0; */
}

.desktop .title.search_title {
	font-size: 1.2rem;
    font-weight: 400;
}

.mobile .search.bar,
.mobile .search_bar_with_menu {
	/* transition: flex-grow 0.2s linear, border-radius 0.2s linear; */
	/* margin-left: 0%; */
	border-radius: 25px;
	/* width: 100%; */
	position: relative;
	flex-grow: 1;
	width: 36px;
	transition: all ease-in-out 0.2s;
}

.mobile .search.bar.collapsed,
.mobile .search_bar_with_menu.collapsed {
	border-radius: 20px;
    flex-grow: 0;
    /* border: 1px solid var(--input-border-color); */
    justify-content: center;
	background: var(--background-color);
}

/* .mobile .collapsed.search.bar .icon {
	margin-left: 15px;
} */

.mobile .search.bar.collapsed .clear_icon_container,
.mobile .search.bar.collapsed .close.icon,
.mobile .search_bar_with_menu.collapsed .clear_icon_container {
	display: none;
}

.mobile .search_wrapper .title {
	color: white;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	flex-grow: 1;
	/* transition: flex-grow 0.2s linear; */
	transition: all 0.2s ease-in-out;
    opacity: 1;
	white-space: nowrap;
}

.mobile .search_wrapper.expanded_search .title,
.mobile .search_wrapper.expanded_search .navigate_back  {
	width: 0px;
	visibility: hidden;
	flex-grow: 0;
	opacity: 0;
}

.mobile .search_wrapper .back_button {
	cursor: pointer;
	color: white;
	padding: 10px 5px;
}

.mobile .expanded_search .navigate_back {
    display: none;
}

.mobile  .search_row > .horizontal {
	gap: 8px;
}

.mobile .page .search_row > .horizontal {
	gap: 8px;
}

.mobile .search_wrapper .back_button.collapsed {
	visibility: hidden;
	display: none;
}

.mobile .search_bar_with_menu {
	height: 36px;
}

.frosting {
	background-color: rgba(255,255,255,.8);
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.mobile .search_options,
.admin.page .search_options {
	position: relative;
}

.mobile .search_row .search_wrapper.expanded_search .search_options,
.mobile .search_row .search_wrapper.expanded_search .notifications_button_wrapper {
	display: none;
}

.mobile .search_row .search_wrapper.expanded_search .search_options.profile_page {
	display: flex;
}

.mobile .search_row .search_options.top .icon.button.filter_button {
	border-radius: 25px;
    width: 36px;
    background: var(--background-color);
    justify-content: center;
}

.mobile .search_row .search_options.top .icon.button.filter_button:focus-visible {
	outline: 2px solid var(--primary-action-color);
    box-shadow: 0 0px 15px rgba(0,0,0,0.5);
}

.mobile .search_bar_with_menu .input:focus-visible {
    outline: 2px solid var(--primary-action-color);
	box-shadow: 0 0px 15px rgba(0,0,0,0.5);
}

.mobile button.search.bar:focus-visible {
	outline: none;
}

.mobile .search.bar input:focus-visible,
.mobile .search_row.multiline .basic.button:focus-visible {
	background: var(--input-background-color);
	outline: 2px solid var(--primary-action-color);
}

.mobile .search.bar.collapsed:focus-visible,
.mobile .search_bar_with_menu.collapsed:focus-visible {
	outline: 2px solid var(--primary-action-color);
    box-shadow: 0 0px 15px rgba(0,0,0,0.5);
}

.mobile .search_row .search_options .icon.button.filter_button {
	border-radius: 5px;
}

.mobile .search_row .search_options.top {
	padding: 0;
}

.desktop .search_row {
	/* padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: var(--contained-container-shadow);
	background-color: var(--background-color); */
}

.desktop.feed_layout .page .search_row .search_wrapper {
	flex-grow: 1;
}

.desktop .search_row {
	padding: 0;
}

.desktop .search_row {
    padding: initial;
    box-shadow: none;
}

.desktop .search_row .search_options .filter_button {
	/* background: var(--primary-background);	 */
	/* background: var(--seel-all-bg); maybe LM */
	/* background-color: var(--input-background-color); */
    padding: 0 1rem;
    border-radius: 2rem;
}

.desktop .container .search_row .search_options .filter_button,
.desktop .container .search_row .search_options .search.action,
.desktop .contained_search.search_row input,
.desktop .contained_search.multiline input  {
	background: var(--contained-search-elements);	
}

.desktop .members.page .search_row {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.desktop .search_row input,
.desktop .contained_search .page .search.bar .input {
	border-radius: 2rem;
	background-color: var(--background-color);
	padding: 0 40px;
}

.search_row .filter_button,
.search_options .basic.button {
	/* background-color: var(--light-primary-color);
    border: 1px solid var(--input-border-color); */
    padding: 0 1rem;
    border-radius: 2rem;
}

.desktop .search_row .search_options .filter_button i,
.desktop .search_options .basic.button i {
	color: var(--primary-action-color);
}

.desktop .search.bar input.input:focus-visible {
    outline: 2px solid var(--primary-action-color);
}

/*-------------------*/
/* SEARCH TOOLBAR    */
/*-------------------*/
.search_row.beta {
	margin-bottom: 10px;
}

.search_row.beta .button {
	background: var(--background-color);
}

.search_bar {
	display: flex;
	height: 36px;
	transition: all 0.2s ease-in-out;
	width: 350px;
}

.search_bar > * {
	border-radius: 5px;
	border: 1px solid var(--input-border-color);
	display: flex;
	outline-offset: -1px;
}

.search_bar .button.type_selector {
	align-items: center;
	background: var(--input-background-color);
	border-radius: 5px 0 0 5px;
	color: var(--label-input);
	cursor: pointer;
	gap: 5px;
	max-width: 100px;
	padding: 0 7px 0 9px;

	min-width: unset;
}

.search_bar .type_selector:focus {
	outline: 1px solid var(--primary-action-color);
}

.search_bar .type_selector div {
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: nowrap;
}

.search_bar .type_selector .icon {
	color: var(--foreground-color);
	font-size: 0.73rem;
}

.search_bar .type_selector ~ * {
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.search_bar .close {
	align-items: center;
	border-radius: 0 5px 5px 0;
	color: var(--label-input);
	cursor: pointer;
	display: flex;
	padding: 0 10px;
}

.search_bar .search_field {
	background: var(--background-color);
	box-sizing: border-box;
	flex-grow: 1;
}

.search_bar.collapsible {
	width: 36px;
}

.search_bar.collapsible:focus-within {
	width: 100%;
}

.search_bar.collapsible .search_field {
	border-radius: 25px;
	overflow: hidden;
	width: 100%;
}

.search_bar.collapsible .search_field input {
	opacity: 0;
}

.search_bar.collapsible:focus-within .search_field input {
	opacity: 1;
}

.search_bar .search_field input {
	background: transparent;
	border: none;
	box-sizing: border-box;
	color: var(--foreground-color);
	flex-grow: 1;
	font-size: 1rem;
	font-weight: 400;
	height: unset;
	outline: none;
	padding: 0;
}

.search_bar .search_field .search.icon {
	align-items: center;
	color: var(--primary-action-color);
	display: flex;
	padding: 0 5px 0 10px;
}

.search_bar .search_field:focus-within {
	outline: 2px solid var(--primary-action-color);
}

/*--------------------------*/
/* SEARCH TOOLBAR (MOBILE)  */
/*--------------------------*/
.mobile .search_bar:not(.collapsible) {
	width: 100%;
}

.mobile .search_row.beta {
	background: var(--accent-color);
	display: flex;
	flex-direction: row;
	position: unset;
}

.mobile .search_row.beta .button {
	height: 32px;
}

.mobile .search_row.beta .search_options {
	width: 100%;
}

.mobile .search_row.beta .search_options :first-child {
	margin-right: auto;
}

.mobile .search_row.beta .basic.button {
	border-radius: 5px;
	min-width: 35px;
}

.mobile .search_row.beta .add_item {
	display: none;
}

/*-----------------------*/
/* ORG PROFILE OVERRIDES */
/*-----------------------*/
.mobile.library_beta .org_profile_content .top_content .heading,
.mobile .org_profile_content .search_row.beta {
	background: none;
}

.mobile .custom_feeds_banner {
	margin-top: 10px;
}

.custom_feeds_banner .enable_link {
	min-width: 160px;
}

.custom_feeds_banner .message {
	min-width: 300px;
}

.custom_feeds_banner .wrap {
	display: flex;
	flex-wrap: wrap;
}

/* selected.css */

.clicked {
	outline: 3px solid red !important;
}

/* self_assessment_admin.css */

.mobile.self_assessment_admin.settings_panel .content_panel .buttons.section {
	bottom: 0px;
	z-index: 1000;
}

/* .self_assessment_admin.page .section .container {
	padding: 20px;
}

.self_assessment_admin.page .section .container .description {
	margin-bottom: 5px;
}

.self_assessment_admin.page .section .container .medium_title {
	margin-bottom: 20px;
}

.self_assessment_admin.page .self_assessment_title_container {
	margin-bottom: 1em;
	text-align: center;
}

.self_assessment_admin.page .buttons {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.self_assessment_admin .content_panel {
    padding: 0;
}

.self_assessment_admin .sections {
    padding: 15px;
}

.mobile .self_assessment_admin .sections {
    padding: 15px 10px;
	display: flex;
	align-self: flex-start;
} */


/* self_assessment.css */

.self_assessment.page .self_assessment_container {
	background-color: var(--background-color, white);
	border-radius: 10px;
	box-shadow: 0px 1px 1px #00000029;
	box-sizing: border-box;
	color: var(--foreground-color,black);
	display: flex;
	margin: 0 0 10px;
	max-width: 700px;
	padding: 15px;
	width: 100%;
}

.mobile .self_assessment.page .self_assessment_container {
	border-radius: 0;
}

.self_assessment.page .self_assessment_container h1 {
	margin-right: auto;
}

.self_assessment.page .self_assessment_container > button {
	align-self: start;
}

.self_assessment.page .self_assessment_container .description {
    line-height: 1.3rem;
	margin-bottom: 15px;
}

.org_profile .self_assessment.page .self_assessment_container h1 {
	margin-bottom: 10px;
}

/* self_care_activity_add_edit.css */

.self_care_activity_add_edit.popup .category.checkboxes {
	display: flex;
	flex-wrap: wrap;
}

.self_care_activity_add_edit.popup .category.checkboxes .checkbox {
	margin-right: 20px;
}

.self_care_activity_add_edit.popup .video.field .video.icon {
	margin-right: 5px;
}

.self_care_activity_add_edit.popup .video.field .upload.icon {
	padding: 10px;
}

.self_care_activity_add_edit.popup .video.field .message {
	padding: 5px 0;
	font-size: 0.8em;
}

.self_care_activity_add_edit.popup .preview.field .image {
	width: 200px;
	height: 200px;
    object-fit: cover;
	margin-right: 10px;
}

.self_care_activity_add_edit.popup .remove_thumbnail.button {
	margin-top: 10px;
	width: min-content;
}


/* self_care.css */

.self-care-icon {
	background: url("/upload/assets/self-care-zone.svg") center center no-repeat;
}

.self_care.page .categories > .button {
	width: 200px;
	min-width: 100px;
	flex-shrink: 0;
}

.emotional {
	--highlight-color: var(--emotional-color);
}

.physical {
	--highlight-color: var(--physical-color);
}

.social {
	--highlight-color: var(--social-color);
}

.spiritual {
	--highlight-color: var(--spiritual-color);
}

.self_care.page .activities .post .header {
	padding: 0 15px;
	box-sizing: border-box;
}

.self_care.page .activities .post .activity_category {
	display: flex;
    width: 24px;
    height: 20px;
    background-color: var(--highlight-color);
    border-radius: 4px;
    color: white;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    margin-right: 5px;
    flex-shrink: 0;
}

/* selfcare_admin.css */

.selfcare_admin .actions.button {
	margin-left: 10px;
}

/* selfcare_category_add_edit.css */

.selfcare_category_add_edit.popup .photo.field .image {
	width: 200px;
	height: 200px;
    object-fit: cover;
	margin-right: 10px;
}

.selfcare_category_add_edit.popup .photo.field .button {
	align-self: flex-start;
}

/* services_beta.css */

/*-------------------*/
/* GENERAL           */
/*-------------------*/



/*-------------------*/
/* CONTENT CARD      */
/*-------------------*/
.services_beta .content_card {
	background: var(--background-color);
	border-radius: 5px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}

.services_beta .content_card .image_container {
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}

.services_beta .content_card .info_container {
	padding: 0 10px 10px 10px;
}

.services_beta .content_card .info {
	border-bottom: none;
}

.services_beta .content_card h3 {
	font-size: 1.13rem;
	font-weight: 700;
	/* line-height: 1.3rem; */
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: nowrap;
}

.services_beta .content_card .organization {
	margin-bottom: 5px;
}

.services_beta .content_card .footer_buttons {
	border-top: 1px solid var(--border-color);
	padding-top: 5px;
}

/* settings.css */

.settings .setting {
	margin-top: 10px;
}

.mobile .settings .setting .label {
    font-size: 0.7333333333rem;
	line-height: 1.3;
}

.settings .setting .subtitle {
	line-height: 1.3;
}

.settings .setting > * {
    display: flex;
    align-items: center;
}

.settings_section .subtitle {
    /* margin-bottom: 10px; */
	line-height: 1.3;
}

.title_section {
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.popup_body .popup:last-of-type div.title_section {
    padding-bottom: 0px;
}

.title_section:last-child {
	padding: 0;
}

.shadow_scroll {
	overflow: auto;
	background:
	  /* Shadow Cover TOP */
	linear-gradient(
	var(--background-color),
	rgba(255, 255, 255, 0)
	) center top,

	/* Shadow Codver BOTTOM */
	linear-gradient(
	rgba(255, 255, 255, 0),
	var(--background-color)
	) center bottom,

	/* Shadow TOP */
	radial-gradient(
	farthest-side at 50% 0,
	rgba(0, 0, 0, 0.1),
	rgba(0, 0, 0, 0)
	) center top,

	/* Shadow BOTTOM */
	radial-gradient(
	farthest-side at 50% 100%,
	rgba(0, 0, 0, 0.1),
	rgba(0, 0, 0, 0)
	) center bottom;
	background-repeat: no-repeat;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	background-attachment: local, local, scroll, scroll;
}

.darkMode .shadow_scroll {
	overflow: auto;
	background:
	  /* Shadow Cover TOP */
	linear-gradient(
	var(--background-color),
	rgba(255, 255, 255, 0)
	) center top,

	/* Shadow Codver BOTTOM */
	linear-gradient(
	rgba(255, 255, 255, 0),
	var(--background-color)
	) center bottom,

	/* Shadow TOP */
	radial-gradient(
	farthest-side at 50% 0,
	rgba(0, 0, 0, 0.2),
	rgba(0, 0, 0, 0)
	) center top,

	/* Shadow BOTTOM */
	radial-gradient(
	farthest-side at 50% 100%,
	rgba(0, 0, 0, 0.2),
	rgba(0, 0, 0, 0)
	) center bottom;
	background-repeat: no-repeat;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	background-attachment: local, local, scroll, scroll;
}

.shadow_scroll_collapsible {
	overflow: auto;
	background:
	  /* Shadow Cover TOP */
	linear-gradient(
	var(--background-color),
	rgba(255, 255, 255, 0)
	) center top,

	/* Shadow Codver BOTTOM */
	linear-gradient(
	rgba(255, 255, 255, 0),
	var(--background-color)
	) center bottom,

	/* Shadow TOP */
	radial-gradient(
	farthest-side at 50% 0,
	rgba(0, 0, 0, 0.2),
	rgba(0, 0, 0, 0)
	) center top,

	/* Shadow BOTTOM */
	radial-gradient(
	farthest-side at 50% 100%,
	rgba(0, 0, 0, 0.2),
	rgba(0, 0, 0, 0)
	) center bottom;
	background-repeat: no-repeat;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	background-attachment: local, local, scroll, scroll;
}

.collapsed .shadow_scroll_collapsible {
	background-size: 100% 40px, 100% 40px, 100% 10px, 100% 10px;
}

.shadow_scroll_details {
	overflow: auto;
	background:
	/* Shadow Cover TOP */
	linear-gradient(var(--secondary-background),rgba(255, 255, 255, 0)) center top,rgba(62, 6, 6, 0)
	/* Shadow Codver BOTTOM */
	linear-gradient(rgba(255, 255, 255, 0), var(--secondary-background)) center bottom,
	/* Shadow TOP */
	radial-gradient(farthest-side at 50% 0,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0)) center top,
	/* Shadow BOTTOM */
	radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;
	background-repeat: no-repeat;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	background-attachment: local, local, scroll, scroll;
}

.shadow_side_scroll_radial {
	overflow: auto;
	background: linear-gradient(90deg, var(--background-color) 0%, rgba(255,255,255,0)), linear-gradient(-90deg, var(--background-color) 0%, rgba(255,255,255,0)) 100% 0, radial-gradient( farthest-side at 0% 50%, rgba(0,0,0,.3), rgba(0,0,0,0) ), radial-gradient( farthest-side at 100% 50%, rgba(0,0,0,.3), rgba(0,0,0,0) ) 100% 0%;
    background-repeat: no-repeat;
    background-color: var(--background-color);
    background-size: 100px 200px, 100px 200px, 14px 200px, 14px 200px;
    background-attachment: local, local, scroll, scroll;
}

.shadow_side_scroll {
	background-image: /* Shadows */ linear-gradient(to right, var(--background-color), var(--background-color)), linear-gradient(to right, var(--background-color), var(--background-color)), /* Shadow covers */ linear-gradient(to right, rgba(0,0,0,.1), rgba(255,255,255,0)), linear-gradient(to left, rgba(0,0,0,.1), rgba(255,255,255,0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: var(--background-color);
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;
}

.mobile .settings_section .subtitle {
	font-size: 0.8666666667rem;
}

.settings .setting.vertical {
	align-items: flex-start;
}

.settings .setting.vertical > * {
	display: flex;
	margin-right: 0;
	line-height: 1.3;
}

.settings .setting.vertical_label .text_before {
	display: block;
}

.settings .setting.text > * {
	display: flex;
	margin: 5px 0 0 0;
}

.settings .setting.text textarea {
	width: 100%;
	height: 100px;
}

.settings .setting .checkbox {
	display: flex;
}

.settings .setting .number.input {
	width: 90px;
    height: 32px;
	margin-top: 5px;
    text-align: right;
	background: var(--background-color);
    border: 2px solid var(--input-border-color);
}

.settings .setting.date .input {
	height: 32px;
}

.settings_panel .content_panel .buttons.section {
	background-color: var(--primary-background);
	position: fixed;
    bottom: 0;
    width: 100%;
	padding: 10px;
	gap: 10px;
}

.mobile.settings_panel .content_panel .buttons.section {
	display: flex;
	justify-content: space-between;
	padding-bottom: calc(3px + (max( env(safe-area-inset-bottom),10px)));
}

.mobile.settings_panel .content_panel .admin .content_panel {
    padding: 0;
}

.settings_panel .content_panel .cancel.basic.button {
	background: var(--background-color);
}

.settings_panel .content_panel {
	align-items: start;
	background-color: var(--secondary-background);	
	padding: 0px;
}

/* .settings_panel .content_panel .page {
	flex-grow: 1;
	max-width: unset;
} */

.settings_warning .fa-exclamation-circle {
	color: var(--alert-orange);
    height: fit-content;
	font-size: 1rem;
    border-radius: 100%;
    box-shadow: var(--org-following-shadow);
    background: black;
}

.mobile .top_title_and_description {
    padding: 15px 10px;
}

.mobile .settings_panel .page .settings {
	padding: 15px 10px;
}

.mobile.settings_panel .page .settings {
    padding: 10px 15px;
}

.settings_panel .page .custom_reason {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	box-sizing: border-box;
	border: 1px solid var(--input-border-color);
    background: var(--input-background-color);
	border-radius: 4px;
	height: 36px;
	width: 100%;
	max-width: 580px;
	position: relative;
}

.settings_panel .page .custom_reason i {
	margin-right: 2px;
    padding: 8px;
}

.settings_panel .page .custom_reason.error:not(.new) {
	outline: 2px auto var(--red);
}

.settings_panel .page .settings_section .basic.button .icon {
	color: var(--primary-action-color);
}

.settings_panel .page .settings_section .basic.button:disabled .icon {
    color: var(--disabled-button-color);
}

.settings_panel .page .remove {
	cursor: pointer;
	border-radius: 4px;
    background-color: var(--input-background-color);
	margin-right: 2px;
    position: absolute;
    padding: 8px 10px;
    right: 0;
    width: auto;
}

.settings_panel .page .reasons_for_recommendation,
.settings_panel .page .request_redirects,
.settings_panel .page .anniversary_reasons,
.settings_panel .page .prenotes_options {
	border: 2px dashed var(--border-color);
	padding: 5px 0; 
	border-radius: 5px;
	display: inline-block;
	max-width: 580px;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.settings_panel .page .add_custom_option_btn {
	margin-top: 5px;
    min-width: -moz-available;
	min-width: -webkit-fill-available;
}

.settings_panel .page .settings_table {
	margin-bottom: 20px;
}

.settings_panel .page .settings_table .top_row {
	border: 1px solid var(--border-color);
	background-color: var(--primary-background);
}

.settings_panel .page .settings_table .dark_row {
	border: 1px solid var(--border-color);
	background-color: var(--primary-background);
}

.settings_panel .page .settings_table > div {
	border-width: 0px 1px 1px 1px;
	border-color: var(--border-color);
	border-style: solid;
	padding: 10px;
}

.settings_panel .page .settings_table .table_title {
	text-transform: uppercase;
}

.top_title_and_description.page .title_section {
	margin-bottom: 10px;
}

.page .top_title_and_description {
	padding: 15px;
	border-bottom: 1px solid var(--border-color);
	background-color: var(--primary-background);
}

.mobile .page .top_title_and_description {
    padding: 15px;
	gap: 5px;
    /* height: 56px; */
    box-sizing: border-box;
    justify-content: center;
}

.mobile .page .subtitle,
.mobile .page .description {
    font-size: 0.8666666667rem;
}

.page .top_title_and_description .subtitle {
	line-height: normal;
}

.settings_panel .page > .wrapper {
	display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.settings_panel .page .settings {
	padding: 15px;
}

.settings_panel .page .settings .large_text .label, .settings_panel .page .settings .regular_text .label {
	text-transform: uppercase;
}

.settings_panel .page .number .input_and_text {
	display: flex;
	align-items: center;
}

.settings_panel .page .number .text_left{
	margin-right:10px;
}

.settings_panel .page .number .text_right{
	margin-left:10px;
}

.settings_panel .page .settings .large_text .textarea,
.settings_panel .page .settings .regular_text .input{
	max-width: 580px;
}

.mobile.settings_panel .page .settings .large_text .textarea,
.mobile.settings_panel .page .settings .regular_text .input {
	width: 100%;
}

.top_title_and_description {
	gap: 10px;
}

.settings_panel .page .settings .setting {
	margin-top: 0px;
}

.settings_panel .page .settings .settings_section .description,
.settings_panel .page .settings .text {
	line-height: 1.3;
}

.mobile.settings_panel .page .settings .settings_section .description,
.mobile.settings_panel .page .settings .text {
	font-size: 0.8666666667rem;
}

.settings_panel .page .settings .setting.settings_textarea {
	margin-bottom: 10px;
}

.settings_panel .page .section .settings, .settings_panel .page .section .subsections {
	height: 0px;
	overflow: hidden;
}

.settings_panel .page .section.open .settings, .settings_panel .page .section.open .subsections {
	height: auto;
}

.settings_panel .page .container .title, .settings_panel .page .container .subtitle  {
	margin-bottom: 10px;
}

.settings_panel .page .content .section .container > * {
	margin-bottom: 20px;
}

.settings_panel .page .section > .container {
	box-shadow: none;
	border-radius: 0;
	border-top: 1px solid var(--border-color);
}

.settings_panel .page .section:first-child > .container {
	border-top: none;
}

.settings_panel .page .section > .container > .title {
	margin-bottom: 10px;
}

.settings_panel .page .initial_proactive_stagger_groups, .settings_panel .page .initial_proactive_stagger_days {
	display: inline;
}

.settings_panel .page .defaults_list {
	font-size: 0.9em;
}

.settings_panel .page .defaults_list .text_list {
	margin-left: 20px;
}

.settings_panel .page .checkin_days_roles.button {
	margin-bottom: 10px;
}

.settings_panel .page .alert_panel {
	margin: 0;
	font-size: 0.8666666667rem;
	display: flex;
}

.settings_panel .page .footer {
    display: flex;
    flex-direction: row;
	align-items: center;
}

.separator {
	height: 1px;
	width: 100%;
	margin: 10px 0;
	background-color: var(--border-color);
}

.settings_panel .title_section .checkbox .wrapper.horizontal {
    align-items: flex-start;
}

.settings_panel .title_section .checkbox .label {
    line-height: 1.5;
	padding-top: 4px;
    font-size: 0.8666666667rem;
}

/* share_display.css */

.share_display > .horizontal {
	align-items: center;
	font-size: 0.9em;
}

.share_display .change.button {
	margin: 0 10px;
}

.share_display .status .icon {
	margin-right: 5px;
}


/* share.css */

.share.popup .types {
	margin: 15px 0 30px 0;
}

.share.popup .types > * {
	width: 100%;
	box-sizing: border-box;
	display: flex;
}

.share.popup .subtitle.select_title a {
	cursor: pointer;
}

.share.popup .subtitle.select_title a:hover {
	text-decoration: underline;
}

/* .horizontal.button .label {
	flex-grow: 1;
	text-align: start;
} */

.horizontal.button .icon {
	padding: 8px 10px;
    display: flex;
    justify-content: center;
    align-self: center;
}

.set_default_audience {
	margin: 0
}

.set_default_audience .wrapper.horizontal { 
	align-items: center;
}

.set_default_audience span.label {
	font-size: 0.8666666667rem;
	line-height: normal;
}

.share.popup .horizontal.button .vertical {
	line-height: 1.2;
}

.horizontal.button .subtitle {
	font-size: 0.8rem;
	/* margin-top: 3px; */
}

.horizontal.button.checkbox .label {
	margin: 0px;
    line-height: 1.3;
}

/* .share.popup > .audience .info > .title {
	font-weight: 700;
}*/

.share.popup > .audience .info > .count {
	/* font-weight: 700; */
	color: var(--light-foreground-color);
}

.share.popup > .audience .info > * {
	margin-left: 5px;
}

.selected_audience {
    border-radius: 5px;
    border: 1px solid var(--border-color);
    min-height: 40px;
	box-sizing: border-box;
    /* background: var(--background-color); */
    background: var(--input-alt-background-color);
}

.selected_audience .editbar_container {
	margin-bottom: 0;
}

.linked_audience .existing_items.section .selected_audience {
    border-radius: 0 0 5px 5px;
    border: 1px solid var(--border-color);
    background: var(--background-color);
	border-top: none;
}

.linked_audience .section.button.items_exist {
	border-radius: 5px 5px 0 0;

}

.existing_items.section .selected_audience {
    min-height: initial;
    border: none;
    border-bottom: 0;
    border-radius: 5px;
}

.share_people.popup .search.bar .filter.button {
	display: none;
}

.share_people.popup .people {
	max-height: 300px;
	overflow: auto;
}

.share_people.popup .person {
	padding: 10px;
	margin: 10px 0;
}

.share_people.popup .person:hover {
	background-color: var(--primary-background);
}

.share_people.popup .person .details {
	font-size: 0.8em;
	display: block;
	color: lightgrey;
	text-align: start;
	margin-top: 5px;
}

.share_people.popup .person_details .name {
	text-align: start;
}

.share_people.popup .person_details {
	margin: 0 10px;
}

.share.popup .types .anyone .checkbox .label {
	display: none;
}

.share.form.popup .types .anyone {
	display: none;
}

.share.form.popup .make_available {
	display: none;
}

.form.share.popup .anonymous_reporting .input {
	margin-left: 10px;
	width: 60px;
}

.form.share.popup .audience.tools .people.button > .icon, .form.share.popup .audience.tools .people.button > .add_icon {
	display: none;
}

.share.popup .supporting_container .supporting.section.button {
	margin: 0px;
}

.share.popup .horizontal.button {
	min-height: 50px;
	filter: none; /* Safari border fix */
}

.share_navigation.button .label {
	margin: 0px;
}

.share_navigation.button .subtitle {
	font-size: 0.8rem;
}

/* .share .preview_selected_audience {
	margin: 10px 0;
} */

.mobile .share.popup.linked_audience {
	display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    /* height: calc(100vh - var(--search-popup-header-height) - 20px); */
    height: calc(100vh - var(--search-popup-header-height) - 75px - env(safe-area-inset-bottom));
}

.share_organizations .organizations_list {
	max-height: 265px;
	overflow: auto;
}

.desktop .share_organizations .organizations_list {
	padding: 0 5px;
}

.share_organizations .organizations_list .organization_header {
	padding: 8px;
}

.mobile .share_organizations .organizations_list {
	flex-grow: 1;
	max-height: fit-content;
}

.share_organizations .organization_header .contact_header .info {
	justify-content: center;
}

.share_organizations .organizations_list .share_navigation.button .vertical {
	flex-grow: 1;
}

.share_organizations.popup.vertical.ten_gap .search_options {
    display: none;
    visibility: hidden;
}

.mobile .share_organizations.popup {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    /* height: calc(100vh - var(--search-popup-header-height) - 20px); */
    height: calc(100vh - var(--search-popup-header-height) - 53px - env(safe-area-inset-bottom));
}

.mobile .share_organizations.popup .search.bar {
	flex-grow: 0;
}

.share_organizations.popup .avatar .profile_picture {
	border-radius: 4px;
    object-fit: contain;
    background: white;
}

.share_organizations .horizontal.button {
	padding: 6px;
	border-radius: 6px;
	flex-shrink: 0;
}

.sharing_section {
	padding-top: 10px;
	border-top: 1px solid var(--soft-border-color);
}

/* shared_library_followed_by_admin.css */

.shared_library_followed_by_admin.page .search.bar .filter.button {
	display: none;
}

.shared_library_followed_by_admin.page .pagination {
	justify-content: center;
	margin-top: 10px;
}

/* shared_library_following_admin.css */

body.peer_connect.shared_library_following_admin {
	background-color: var(--secondary-background);
}

.shared_library_following_admin .admin .content_panel {
	padding: 0;
	align-items: start;
}

.mobile .shared_library_following_admin.page .content_container {
	width: auto;
	max-width: 100%;
	padding: 0 10px 0;
}

.mobile .shared_library_following_admin.page .organization_directory {
	padding: 15px 10px;
}

.shared_library_following_admin .right_panel {
	width: unset;
}

.shared_library_following_admin.page {
	max-width: unset;
}

.shared_library_following_admin.page .organization_directory {
	background-color: var(--primary-background);
	padding: 15px;
	border-bottom: 1px solid var(--border-color);
}

.shared_library_following_admin.page .organization_directory .title{
	margin-bottom: 15px;
}

.shared_library_following_admin.page .content_container {
	padding: 5px 15px 0;
	width: 570px;
}

.shared_library_following_admin.page .search_options {
	display: none;
}

.shared_library_following_admin.page .follow_organizations .title {
	margin-bottom: 5px;
}

.shared_library_following_admin.page .controls.horizontal {
	margin: 15px 15px 0;
    border-bottom: 1px solid var(--border-color);
}

.mobile .shared_library_following_admin.page .controls.horizontal {
	margin: 10px 10px 0;
}

.shared_library_following_admin.page .search.bar .filter.button {
	display: none;
}

.shared_library_following_admin.page .shared_library_row {
	display: flex;
	padding: 5px 0px;
	border-bottom: 1px solid var(--border-color);
	align-items: center;
	cursor: pointer;
	gap: 10px;
}

/* .shared_library_following_admin.page .shared_library_row .title{
	margin-left: 10px;
} */

.shared_library_following_admin.page .shared_library_row:last-of-type {
    border: none;
}

.shared_library_following_admin.page .pagination {
	justify-content: center;
	margin-top: 10px;
}

.organizations.thumbnails_view .thumbnail .footer {
	display: none;
}

.organizations.thumbnails_view .thumbnail {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.organizations.thumbnails_view .thumbnail .body {
	text-align: center;
	flex-grow: 0;
}

.organizations.thumbnails_view .thumbnail .body .description {
	flex-grow: 0;
	margin-bottom: 5px;
}

.organizations.thumbnails_view .thumbnail .button {
	margin: 10px 0;
}

.organizations.thumbnails_view .thumbnail .image {
	object-fit: contain;
	padding: 30px 30px 0 30px;
    height: 90px;
}

.organizations.thumbnails_view {
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-gap: 10px;
}

/* shared_library.css */

.shared_library.page .list_orgs {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-gap: 10px;
}

.shared_library.page .button.basic {
    background-color: var(--primary-button-background,#2E4148);
    color: white;
	height: 30px;
    min-width: 92px;
	padding: 0px;
}


.org_container {
	background-color: var(--background-color, white);
    color: var(--foreground-color,black);
	padding: 20px 10px 10px;
    font-size: 0.9em;
    display: flex;
    flex-direction: column;
    height: 220px;
    border-radius: 10px;
    background-color: var(--background-color, white);
    align-items: center;
}

.org_container .org_content {
	align-items: center;
    flex-grow: 1;
    flex-direction: column;
    line-height: 1.4em;
	display: flex;
}

.org_container .details {
	margin: 5px 0 0 0;
    align-items: center;
	display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
	text-align: center;
}

.org_container .details .text {
	font-size: 0.7333333333rem;
    line-height: 1.5em;
    margin-top: 4px;
    font-weight: 400;
}

.org_container .identification {
	width: 80px;
    height: 80px;
    margin-bottom: 10px;
    border-radius: 0;
    margin-top: 15px;
	color: black;
	font-size: 1rem;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	flex-shrink: 0;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(https://peerconnect.firstresponsemh.com:4443/upload/pibmtoqB5NLjMOvYx8HzHchi.png?size=160);
}

.pagination_container {
	margin: 10px 0px 0px 0px;
    font-size: 0.9em;
    justify-content: center;
    display: flex;
}

.pagination_container .pagination_control {
	display: flex;
    align-items: center;
    font-weight: 400;
}

.pagination_container .next_page .icon {
	margin: 0 0 0 5px;
}

.pagination_container .next_page, .pagination_container .previous_page, .pagination_container .pages > div {
	display: flex;
    padding: 5px;
    flex-shrink: 0;
	cursor: pointer;
}

.pagination_container .pages {
	display: flex;
}

.pagination_container .previous_page .icon {
	margin: 0 5px 0 0;
}


/* sharing_inspector.css */

.recommendation_score {
	padding: 10px;
	opacity: 0.6;
}

.library_card .sharing_inspector_button,
.card .sharing_inspector_button {
	display: none;
	position: absolute;
	bottom: 3px;
	right: 3px;
}

.library_card:hover .sharing_inspector_button, 
.card:hover .sharing_inspector_button {
	display: block;
}

/* sharing_with.css */

.sharing_with.page .list_orgs {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-gap: 10px;
}

.sharing_with.page .button.basic {
	display: none;
}

/* single_sign_on.css */

.sso_choose_provider .label_title {
	width: 100%;
}

/* slide.css */

@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.usage_summary_admin .slide {
	/* animation: 1s ease-out 1s 1 fade-in both; */
	background: rgb(255, 255, 255);
	/* border: 1px solid var(--border-color); */
    break-after: page;
    color: rgb(19, 49, 85);
    display: flex;
    flex-direction: column;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    height: 696px;
    margin-bottom: 50px;
	position: relative;
    width: 900px;
	border-radius: 20px;
	box-shadow: var(--slide-shadow);
	overflow: hidden;
}

.usage_summary_admin .slide * {
	cursor: default;
}

.slide .slide_header {
	width: 100%;
}

.slide_title {
	color: rgb(19, 49, 85);
    font-size: 2.25em;
	font-weight: 700;
	text-transform: uppercase;
}

.slide_subtitle {
	color: rgb(19, 49, 85);
    font-size: 0.9em;
    font-weight: 600;
    margin-top: 12px;
	text-transform: uppercase;
}

.slide_heading {
	color: rgb(19, 49, 85);
	font-size: 1.7em;
	font-weight: 700;
    text-align: center;
    padding-bottom: 12px;
	text-transform: uppercase;
}

.slide_subheading {
	color: rgb(19, 49, 85);
	font-weight: 600;
    font-size: 1.4em;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    margin: 35px 0px 0px;
    text-align: center;
	text-transform: uppercase;
}

.slide_section_heading {
	color: rgb(19, 49, 85);
	font-size: 1em;
    font-weight: 700;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.slide_stat_label {
	color: rgb(19, 49, 85);
	font-size: 0.8em;
    font-weight: 600;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.slide_stat_xlarge {
	color: rgb(19, 49, 85);
	font-size: 2.6em;
    font-weight: 700;
}

.slide_stat_large {
	color: rgb(19, 49, 85);
	font-size: 2em;
    font-weight: 700;
}

.slide_stat_medium {
	color: rgb(19, 49, 85);
	font-weight: 700;
    font-size: 1.7em;
    padding: 5px 0px;
}

.slide_stat_medium_thin {
	color: rgb(19, 49, 85);
	font-size: 1.6em;
    min-width: 50px;
    margin-right: 8px;
    text-align: center;
}

.slide_stat_small {
	color: rgb(19, 49, 85);
	font-size: 1.5em;
    font-weight: 700;
    margin-right: 16px;
    text-align: right;
	width: 40px;
}

.slide_list_header {
	color: rgb(19, 49, 85);
	font-weight: 600;
}

.slide_list {
	color: rgb(19, 49, 85);
	font-weight: 800;
	line-height: 1.3em;
	text-transform: uppercase;
}

.slide_footnote {
	color: rgb(19, 49, 85);
	font-size: 0.7em;
    font-weight: 600;
    line-height: 1.5em;
    padding-bottom: 7px;
}

.slide .slide_body {
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 20px;
}

.slide .centered-row {
	display: flex;
	justify-content: center;
}

.slide .slide_header h1 {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.slide .slide_header h2 {
	font-weight: 600;
    font-size: 1.4em;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    margin: 35px 0px 0px;
    text-align: center;
	text-transform: uppercase;
}

.slide .slide_footer {
	background: #9c1b30;
	bottom: 0;
	display: flex;
	height: 80px;
	position: absolute;
	width: 100%;
}

.slide .slide_footer .logos {
	align-items: center;
	display: flex;
	padding-left: 55px;
}

.slide .slide_footer .logos img {
	height: 25px;
	margin: 0 20px 0 0;
}

.slide .spacer {
	flex-grow: 1;
}

.slide .slide_footer .page_info {
	align-items: flex-end;
	color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1em;
    padding-right: 47px;
}

.slide .slide_footer .metadata {
	font-size: 0.8em;
	font-weight: 700;
	/* text-transform: uppercase; */
}

.slide .slide_footer .report_date {
	font-size: 0.55em;
	font-weight: 700;
	text-transform: uppercase;
}

/* slider.css */

.slider.popup .left_icon {
	left: 25px;
}

.slider.popup .left_icon, .slider.popup .right_icon {
	background-color: rgba(0,0,0,0.2);
    color: white;
    border-radius: 500px;
    height:30px;
    width:30px;
    display: flex;
    align-items:center;
    justify-content:center;
    flex-shrink: 0;
    position: absolute;
    cursor: pointer;
}

.slider.popup .right_icon {
	right: 25px;
}


.slider.popup .slider_container {
	/* padding: 0 20px 20px 20px; */
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    justify-content: center;
}

.slider.popup .image {
    display:flex;
    width: 100%;
    height: 100%;
	object-fit: contain;
}



/* sms_report.css */

.sms_report .data.row {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* spacer.css */

.spacer {
	flex-grow:1;
}

/* speaker_language_set.css */

.speaker_language_set.popup .description {
	margin-bottom: 10px;
}

.speaker_language_set.popup .checkbox {
	margin-bottom: 5px 0;
}

/* statistics.css */

.statistics .title {
	margin-top: 1em;
}

.statistics .load_stats_record,
.statistics .user_agent_record,
.statistics .os_record,
.statistics .ip_version_record,
.statistics .url_record {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid var(--border-color);
}

.statistics .user_agent {
	margin-right: 10px;
}

.statistics .meter_container {
	display: flex;
}

.statistics_graph {
	position: relative;
	border: 1px solid var(--border-color);
	width: 100%;
	height: 80px;
}

.statistics_graph line {
	stroke: var(--border-color);
	stroke-width: 1px;
}

.statistics_graph rect {
	fill: var(--accent-color)
}

/* strech.css */

.stretch {
	flex-grow: 1;
}

/* style_guide_container.css */

.style_guide_container > .header {
	align-items: center;
	display: flex;
	padding: 30px 0 20px 0;
}

.style_guide_container > .header > * {
	color: rgb(131, 131, 131);
	font-size: 0.9em;
}

.style_guide_container > .header .caret {
	margin: 0 8px;
}

.style_guide_container > .header .styleguide_title:hover {
	text-decoration: underline;
}

.style_guide_container .category {
	color: var(--accent-color);
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.6em;
	margin: 15px 0;
}


.style_guide_container .mode.primary.button {
	color: white;
}

.style_guide_container > h1 {
	color: rgb(131, 131, 131);
	font-size: 1.6em;
	margin: 30px 0 20px 0;
}

.style_guide_container .grid_container {
	column-gap: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 5px;
}

.style_guide_container .grid_container.columns_1 {
	grid-template-columns: repeat(1, 1fr);
}

.style_guide_container .grid_container > .container {
	display: flex;
	flex-direction: column;
	min-height: 120px;
	min-width: 0;
	padding: 20px;
}

.style_guide_container .grid_container > .container > .heading {
	align-items: flex-start;
	display: flex;
	flex-shrink: 1;
	justify-content: space-between;
	margin-bottom: 28px;
	overflow: hidden;
}

.style_guide_container .grid_container > .notifications_button.container > .heading {
	overflow: unset;
}

.style_guide_container .grid_container > .container > .heading > .title {
	color: var(--foreground-color);
	font-size: 1em;
	font-weight: normal !important;
	line-height: 1.6em;
}

.style_guide_container .grid_container > .container > .heading > .component {
	flex-grow: 0;
	margin: 0 0 0 20px !important;
}

.style_guide_container .grid_container > .container .code {
	background-color: var(--light-background-color);
	border: 1px solid var(--border-color);
	border-radius: 4px;
	box-sizing: border-box;
	color: var(--accent-color);
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.8em;
	margin-top: 5px;
	max-width: 100%;
	padding: 7px 7px 3px 7px;
	text-align: left;
	width: min-content;
}

.scrollable {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

.scrollable::-webkit-scrollbar {
	height: 5px;
}

.scrollable::-webkit-scrollbar-thumb {
	background-color: var(--border-color);
	border-radius: 4px;
}

.scrollable:hover::-webkit-scrollbar-thumb {
	background-color: var(--light-foreground-color);
}

.no_select {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

body.mobile::-webkit-scrollbar {
    display: none;
    width: 0;
	height: 0;
}

/* style_guide.css */

.style_guide.page .content .container > h1 {
	color: rgb(131, 131, 131);
	font-size: 1.3em;
	margin: 20px 0;
}

.style_guide.page .content .container {
	padding: 20px;
}

.style_guide.page .title_container {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}


/* subscription_post.css */

.subscription_post.thumbnail {
	min-height: 200px;
}

.subscription_post.thumbnail .like_save {
	display: none;
}

.mobile .subscription_post.thumbnail .like_save {
	display: flex;
	justify-content: space-between;
}

.mobile .subscription_post.thumbnail .like_save > * {
	border-top: none;
}

.mobile .subscription_post.thumbnail .footer {
	display: flex;
}

.subscription_post.thumbnail .body {
	height: 110px;
}

.subscription_post.thumbnail .footer {
	display: none;
}

.subscription_post.thumbnail .footer .organization_header {
	display: none;
}

.mobile .organization_content .subscription_post.thumbnail {
	padding: 10px;
	background-color: var(--background-color);
	border-radius: 0;
}

.subscription_post.popup, .subscription.filter.popup { /* temp css until popup is ready */
	box-shadow: var(--popup-box-shadow);
	background-color: var(--background-color);
	padding: 20px;
	border-radius: 5px;
	margin: 20px;
}

.subscription_post.popup > * {
	margin-bottom: 10px;
}

.subscription_post.popup .buttons {
    justify-content: space-around;
	border-top: 1px solid var(--border-color);
}

.subscription_post.popup .paragraph {
	margin-bottom: 10px;
}

.subscription_post.popup .link_info {
	margin-top: -3px;
}

.subscription_post.popup .photo {
	object-fit: cover;
	width: 100%;
	height: 300px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/* subscription.css */

.subscription.page .horizontal.group > .center.panel {
	align-items: flex-start;
	padding: 0;
}

.subscription.page .center.panel > .content {
	max-width: none;
}

.subscription.page .cover_photo {
	background-image: url(/upload/norther_lights.jpg);
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
}

.subscription.page .organization_wrapper {
	display: flex;
	align-items: center;
	background-color: #fafafa;
	padding: 10px 70px;
	box-shadow: var(--feed-item-shadow);
}

.subscription.page .organization_header.large .contact_header {
	background-color: #fafafa;
}

.subscription.page .organization_header.large .profile_picture, .subscription_post.popup .organization_header .profile_picture {
	background-image: url(https://peerconnect.firstresponsemh.com/logo);
}

.subscription.page .organization_content {
	padding: 20px;
    max-width: 1000px;
    align-self: center;
}

.mobile.subscription.page .organization_content {
	align-self: auto;
}

.subscription.page .organization_content .header {
	align-items: center;
}

.subscription.page .search.bar {
	margin-right: 10px;
	margin-bottom: 0;
	max-width: 400px;
}

.subscription.page .pills .clear_all {
	padding: 5px 5px;
	margin-bottom: 5px;
}

.subscription.page.mobile .pills {
	margin: 8px;
}

.subscription.page .organization_content .category {
	margin-bottom: 30px;
}

.subscription.page .organization_content .category > .horizontal {
	align-items: center;
	margin-bottom: 10px;
}

.subscription.page .organization_content .category > .horizontal > .title {
	margin-right: 20px;
}

.subscription.page.mobile .organization_content .category > .horizontal > .title {
	padding: 0 10px;
}

.subscription.page .thumbnails_view {
	grid-template-columns: repeat(3, minmax(190px, 400px));
}

.subscription.page .thumbnails_view.cols2 {
	grid-template-columns: repeat(2, minmax(190px, 400px));
}

.subscription.page .thumbnails_view.cols1 {
	grid-template-columns: repeat(1, minmax(190px, 400px));
}

.subscription.page .next_page {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--background-color);
	color: var(--accent-color);
	flex-shrink: 0;
	margin-left: -20px;
	z-index: 1;
	box-shadow: var(--tooltip-shadow);
	min-width: auto;
}

.subscription.page.mobile .content > .cover_photo {
	height: 150px;
}

.subscription.page.mobile .organization_wrapper .contact_header {
	position: relative;
}

.subscription.page.mobile .org_picture_wrapper {
	position: absolute;
	left: calc(50% - 50px);
	top: -90px;
	border-radius: 10px;
	padding: 10px;
	background-color: var(--background-color);
	box-sizing: border-box;
	box-shadow: var(--tooltip-shadow);
}

.subscription.page.mobile .organization_wrapper .contact_header .info {
	margin-top: 20px;
}

.subscription.page.mobile .organization_wrapper .contact_header .info > * {
	text-align: center;
}

.subscription.page.mobile .organization_content {
	padding: 0;
}

.subscription.page.mobile .organization_content > .header {
	background-color: var(--background-color);
	border-bottom: 1px solid var(--border-color);
}

.subscription.page.mobile .search.bar.filter {
	border: none;
	box-shadow: none;
}

.subscription.page.mobile .organization_content .thumbnails_view {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.subscription.page.mobile .next_page {
	display: none;
}

.subscription.page .map.small.button {
	display: none;
}

.mobile.subscription.page .map.small.button {
	display: flex;
}

.mobile.subscription.page .map.button {
	display: none;
}

.subscription.filter > .organizations_title, .subscription.filter > .description {
	display: none;
}

/* support_preferences.css */

/*
.mobile.support_preferences .safe_area_bottom_container.footer {
    left: initial;
    width: 100%;
    padding: 10px;	
	padding-bottom: max(env(safe-area-inset-bottom),10px);
    box-sizing: border-box;
	flex-direction: row-reverse;
	z-index: 1;
}
*/

.support_preferences .right_panel {
	display: none;
}

/*
.support_preferences .safe_area_bottom_container.footer {
	align-items: center;
    background-color: var(--primary-background);
    border-top: 1px solid var(--border-color);
    bottom: 0;
    display: flex;
    left: var(--left-panel-width);
    padding: 15px;
    position: fixed;
    width: 100%;
}

.support_preferences .safe_area_bottom_container.footer .button {
	margin-right: 15px;
    min-width: 120px;
}

.support_preferences .safe_area_bottom_container.footer .cancel.button {
	background-color: var(--secondary-background);
}

.support_preferences .safe_area_bottom_container.footer .disabled.save.button {
	background-color: var(--disabled-button-bg);
	color: var(--disabled-button-color);
}

.support_preferences .safe_area_bottom_container.footer .disabled.save.button:hover {
	filter: initial;
}
*/

.support_preferences .right_panel {
	display: none;
}

.support_preferences.page .content_container {
	gap: 10px;
	max-width: 580px;
	margin: 25px 20px;
}

.support_preferences.page .notifications_email_container,
.support_preferences.page .notifications_sms_container,
.support_preferences.page .notifications_sounds_container {
	gap: 5px;
	padding: 0 0 10px;
}

.support_preferences.page .notifications_title {
	margin-bottom: 5px;
}

.support_preferences.page .wrapper {
	display: flex;
}

.support_preferences.page .message_title {
	font-weight: 700;
	margin-right: 5px;
}

.support_preferences.page .app-store, 
.support_preferences.page .google-play {
	height: 40px;
	width: auto;
}

.mobile .support_preferences.page .google-play, 
.mobile .support_preferences.page .app-store  {
	height: 40px;
	width: auto;
}

.support_preferences.page .qr_code {
	height: 262px;
    width: auto;
    border-radius: 5px;
}

.mobile.support_preferences.page .qr_code {
	height: 225px;
}

.mobile.settings_panel.support_preferences .title_section .checkbox .label {
	margin: 3px 0 0 5px;
}

.mobile.settings_panel.support_preferences .title_section .checkbox .wrapper.horizontal {
    padding: 0;
}

.mobile .support_preferences.page .qr_code_wrapper,
.mobile .support_preferences.page .store_buttons {
	justify-content: center;
    flex-wrap: wrap;
}

.mobile_reminder .alert_panel {
	margin: 10px 0;
}

/* support_profile.css */

/* 
.mobile.support_profile .safe_area_bottom_container.footer {
    left: initial;
    width: 100%;
    padding: 10px;
	padding-bottom: max(env(safe-area-inset-bottom),10px);
    box-sizing: border-box;
	flex-direction: row-reverse;
	z-index: 1001;
} 
*/

.support_profile .content_panel {
	padding: 0px !important;
}

.support_profile .right_panel {
	display: none;
}

/* 
.support_profile .safe_area_bottom_container.footer {
	align-items: center;
    background-color: var(--primary-background);
    border-top: 1px solid var(--border-color);
    bottom: 0;
    display: flex;
    left: var(--left-panel-width);
    padding: 15px;
    position: fixed;
    width: 100%;
}

.support_profile .safe_area_bottom_container.footer .button {
    min-width: 120px;
}

.support_profile .safe_area_bottom_container.footer .cancel.button {
	background-color: var(--secondary-background);
}

.support_profile .safe_area_bottom_container.footer .disabled.save.button {
	background-color: var(--disabled-button-bg);
	color: var(--disabled-button-color);
}

.support_profile .safe_area_bottom_container.footer .disabled.save.button:hover {
	filter: initial;
} 
*/

.support_profile.page .contact_row {
	align-items: center;
    display: flex;
    margin-bottom: 5px;
    width: 100%;
}

.support_profile.page .contact_row .icon {
    font-size: 1rem;
    font-weight: 900;
    margin-right: 10px;
}

.support_profile.page .content_container {
	max-width: 580px;
	margin: 25px 20px;
	gap: 15px;
}

.desktop .support_profile.page .content_container {
	/* font-size: 2rem; */
}

.support_profile.page .profile_section {
	gap: 15px;
}

.support_profile.page .user_section .display_name i.info{
	display: none;
}

.support_profile.page .user_section .biography_section{
	align-items:center;
}

.support_profile.page .user_section .biography_section i.info{
	margin-left: 5px;
}

.support_profile.page .user_section .biography_section .tooltip {
	top: -18px;
}

.support_profile.page .user_section .biography_section .tooltip .text{
	text-align:left;
	padding: 10px;
	width: 455px;
}

.support_profile.page .user_section .biography_section .tooltip ul {
	margin-bottom: 0px;
}

.mobile .support_profile.page .user_section .biography_section .tooltip .text{
	width: 250px;
}

.support_profile.page .user_section .biography_section .tooltip .text::after {
	left: 68px;
}

.mobile .support_profile.page .user_section .biography_section .tooltip .text::after {
	left: 25%;
}

.support_profile.page .user_section .additional_location{
	margin-top: 5px;
}

.support_profile.page .user_section .address.input {
	margin-bottom: 10px;
}

.support_profile.page .avatar {
    width: 80px;
    height: 80px;
	margin: 0;
}

.avatar.editable .avatar {
    position: relative;
}

.settings_panel .support_profile .profile_header {
    margin-bottom: 15px;
    align-items: center;
}

.mobile.user_profile .confirm .modal_content_container {
    padding: 10px 15px;
}

.mobile.user_profile .modal .requestingsupportprenotes .popup_header {
	background: transparent;
}

.mobile .requesting_support_pre_notes.popup .notes.question {
    padding: 0;
}

.settings_panel .required::after {
	content: "*";
	color: red;
}


/* support_team.css */


.support_team.page .back.button {
	color: var(--primary-action-color);
}

.support_team.page .container .info .title {
	line-height: 1.3;
}

.support_team.page button.basic.button.cancel {
    color: var(--red);
	background-color: var(--primary-background);
    border: 1px solid var(--soft-red);
}

.support_team.page button.see_all {
	width: 100%;
}

.mobile .support_team.page .container .info .title {
	font-size: 1.1rem;
}

.mobile .support_team.page .container .soft_container {
	flex-direction: column;
}

.mobile .support_team.page .back.button {
    width: 100%;
    margin-bottom: 0;
}

.mobile .support_team.page.team_details {
	height: 100%;
	min-height: 100%;
}

.mobile .popup_body .support_team.page.team_details {
	height: auto;
	min-height: auto;
}

.mobile .support_team.page.team_details .wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.mobile .support_team.page.team_details .detail_navigation {
    font-size: 1.2rem;
    align-items: center;
}

.mobile .support_team .edit_team.section .basic.button {
    width: 100%;
}

.support_team .edit_team.section .button_container {
	gap: 10px;
}

.support_team .edit_team.section .button_container .basic.button{
	flex-grow: 1;
	min-width: 180px;
	display: flex;
	width: 100%;
	grid-gap: 10px;
	box-sizing: border-box;
	padding: 10px;
	flex-wrap: wrap;
    /* background: var(--dm-button-light-primary); */
    /* background: var(--light-primary-color); */
}

.edit_team.section h2 {
	line-height: normal;
}

.support_team.page.team_details .description {
    line-height: 1.3;
	margin: 0;
}

.support_team.page .container .description {
	line-height: 1.3;
}

/* .support_team.page .container > .title,
.support_team.page .container > .description,
.support_team.page .container > .search_row,
.support_team.page .container > .tabs {
	padding: 15px 15px 0 15px;
} */

.mobile .support_team.page .container > .search_row {
	padding: 10px 10px 0 10px;
}

.support_team.page .container > .search_row {
	margin: 0;
}

.mobile .support_team.page .container {
	margin: 0;
	flex-grow: 1;
}

.mobile .support_team.page .container .tabs {
	padding: 0;
	overflow: auto;
    margin: 0 -15px;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	display: flex;
	flex-wrap: nowrap;
}

.mobile .support_team.page .container .tabs::-webkit-scrollbar {
	display: none;
}

.support_team.page .container .tabs {
	position: sticky;
	top: -16px;
	z-index: 1000;
	display: flex;
	padding-top: 0;
}

.popup_body .support_team.page .container {
	border: none;
	box-shadow: none;
}

.popup_body .support_team.page .team {
	padding: 0 0 10px;
}

.support_team.page .team {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.support_team.page .team .member.row {
	/* padding: 0 15px; */
	gap: 10px;
	cursor: pointer;
}

/* .support_team.page .team .user:last-child {
	padding: 0 15px;
}

.support_team.page .team .user:first-child {
	padding: 0 15px;
} */

.popup_body .support_team.page .team .member.row {
	padding: 0;
}

.popup_body .support_team.page .team .user:last-child {
	padding: 0;
}

.popup_body .support_team.page .team .user:first-child {
	padding: 0;
}

.support_team.page .row {
    display: flex;
    align-items: center;
}

.mobile .support_team.page .view_team .team div:last-child .member.row {
	margin: 0;
    border: none;
    padding: 0;
}

.mobile.user_profile .popup_body .view_peer_support_profile .container {
    /* margin: -10px; */
    box-shadow: none;
    border-bottom: none;
}

.support_team.page .team .user.disabled {
	cursor: default;
}

.support_team.page .team .user.disabled .person.name:hover {
	text-decoration: none;
	color: var(--foreground-color);
}

.mobile .support_team.page .team .member.row .primary.button {
	width: 100%;
}

.mobile .support_team.page .view_team .member:last-child .member.row {
	margin: 0;
	border: none;
	padding: 0;
} 

.support_team.page .org_selector {
	margin: 10px 0;
}

.support_team.page .search.bar .filter {
	display: none;
}

.support_team.page .organization.pills {
	padding: 0 10px;
	margin: 0;
}

.support_team.filter_menu .checkbox.setting .wrapper.horizontal {
	padding: 0px 5px;
}

.support_team.page .peer_supports .top {
	display: flex;
	flex-grow: 1;
	align-items: flex-end;
}

.support_team.page .peer_supports .top .title {
	flex-grow: 1;
}

.support_team.page .peer_supports {
	display: flex;
	flex-direction: column;
}

.support_team.page .peer_supports .title {
	margin: 30px 0 5px 0;
}

.support_team.page .peer_support_info {
	display: flex;
	flex-direction: column;
    background-color: var(--background-color);
    border-radius: 10px;
    flex-grow: 1;
    justify-content: space-between;
    margin: 5px 0px 5px 0;
    padding: 10px;
}

.support_team.page .peer_support_info .left {
	flex-grow: 1;
}

.support_team.page .peer_supports.included .include.link {
	display: none;
}

.support_team.page .peer_supports.excluded .exclude.button {
	display: none;
}

.support_team.page .peer_supports.excluded .view_profile.button {
	display: none;
}

.support_team.page .exclude.button {
	font-size: 1.2em;
	color: var(--accent-color);
}

.support_team.page .include.button {
	font-size: 0.9em;
	color: var(--accent-color);
}

.support_team.page .show_hide.button {
	width: auto;
	margin: 0;
}

.support_team.page .show_hide.button .count {
	display: none;
}

.support_team.page .view_profile.button {
	align-self: flex-start;
	margin-top: 10px;
}

.support_team.page .contact_header {
	flex-grow: 1;
    align-self: flex-start;
	gap: 10px;
    width: 100%;
}

.support_team.page .edit_team.section {
    border-bottom: 1px solid var(--border-color);
    padding: 15px;
}

.support_team.page .contact_header .name:hover {
    color: var(--primary-action-color);
	text-decoration: underline;
	cursor: pointer;
}

.support_team.page.support_team_view .contact_header .name:hover {
	color: var(--primary-action-color);
	text-decoration: underline;
	cursor: pointer;
}

.support_team.page .search_options {
	display: flex;
	gap: 0;
}

.mobile .popup_body .team_details .search.icon {
	margin: 0;
}

.support_team.page.team_details button.basic.button.text_icon.filter_button {
    background: var(--light-background-color);
}

.desktop .support_team.page .search_wrapper {
	flex-grow: 1;
}

.desktop.support_team.page .search_options .filter_button {
    background-color: var(--background-color);
}

.mobile .support_team.page .search_wrapper.expanded_search .search_options {
    display: none;
}

.support_team .content_panel .buttons.section {
    background-color: var(--primary-background);
    position: fixed;
    bottom: 0;
	left: var(--left-panel-width);
    width: calc((100vw - var(--left-panel-width)) + 10px);
    padding: 10px;
    gap: 10px;
}

.mobile.support_team .content_panel .buttons.section {
    display: flex;
    justify-content: space-between;
    bottom: 0px;
    z-index: 1000;
	left: 0;
	width: 100vw;
}

.support_team .summary {
	gap: 10px;
	font-weight: 700;
}

.mobile .summary.horizontal {
    gap: 5px;
}

.support_team .summary_card {
	border: 1px solid var(--border-color);
	border-radius: 5px;
	background-color: var(--light-background-color);
	padding: 10px;
	flex-grow: 1;
	width: 1px;
	/* justify-content: space-between; */
	gap: 5px;
    flex-direction: row-reverse;
    justify-content: left;
}

.mobile .support_team .summary_card {
	padding: 5px;
}
.support_team .summary_card .top {
	font-size: 0.7rem;
	text-transform: uppercase;
}

.support_team .summary_card .top .min {
	text-wrap: nowrap;
}

.support_team .summary_card.warning .top .min {
	color: var(--red);
}

.support_team .summary_card .count {
	color: var(--primary-action-color);
}

.support_team .summary_card.warning .count {
	color: var(--red);
}

.view_team {
	padding: 0 15px 15px;
}

.mobile .view_team {
	padding: 0 10px 10px;
}

.mobile .support_team.page .edit_team.section {
	padding: 10px;
}

.support_team_filter.popup {
	padding-bottom: 15px;
	background: none;
}

.support_team .view_team .member.row .primary.button {
    min-width: fit-content;
}

.mobile .support_team.page .edit_team.section .soft_container > .vertical {
    gap: 5px;
}

.support_team_view.page .team .member.row .button {
    min-width: 180px;
}

.mobile .support_team_view.page .team .member.row .button {
	width: 100%;
	margin-left: 60px;
}

.mobile .view_team .member.row .buttons.horizontal {
	width: 100%;
}

.support_team.page .contact_header .profile_picture,
.support_team.page .contact_header .avatar {
	width: 50px;
	height: 50px;
}

.mobile .support_team.page .row .contact_header {
    margin: 0 0 5px;
    gap: 10px;
}

.support_team.page .view_team .row > .horizontal {
    flex-grow: 1;
    gap: 10px;
}

.mobile .horizontal.align_center.bottom_border {
    flex-wrap: wrap;
}

.mobile .support_team.page .row .buttons .button {
    flex-grow: 1;
    width: 100%;
    display: flex;
}

.mobile .support_team.page .row .contact_header {
    margin: 0 0 5px;
    gap: 10px;
}

.support_team.page .row > .horizontal {
    flex-grow: 1;
}

@media only screen and (max-width: 768px) {
	.support_team.page .view_team .row > .horizontal {
		flex-direction: column;
	}
	.support_team.support_team_view.page .member.row .buttons.horizontal {
		width: 100%;
	}
	.support_team.support_team_view.page .member.row .buttons.horizontal .button {
		margin-left: 60px;
		flex-grow: 1;
	}
	.buttons.horizontal.m_full_width {
		width: 100%;
	}
	.buttons.horizontal.m_full_width .button {
		margin-left: 60px;
		width: 100%;
	}
	.support_team .edit_team.section .basic.button {
		width: 100%;
	}
}  

.support_team.page .contact_header .name {
	font-size: 1.1rem;
}

.support_team.page .contact_header .header .person.name,
.support_team.page .contact_header .header .additional_text,
.support_team.page .contact_header .header .status {
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: normal;
    -webkit-box-orient: vertical;
    text-align: left;
}

.support_team.page.editing_team .bottom_border {
	border-bottom: 0;
	padding-bottom: 0;
	flex-wrap: nowrap;
}

.mobile .support_team.page .view_team .row > .horizontal {
    flex-direction: column;
	gap: 5px;
}

.mobile.support_team .confirm footer.popup_footer {
	flex-direction: column;
}

.support_team.page.team_details.editing_team .settings_button_left_wrapper {
	width: max-content;
}

.mobile.support_team.page.team_details.editing_team .settings_button_left_wrapper {
    flex-direction: row-reverse;
}

.desktop .support_team_view.page .search.bar .input {
    background-color: var(--input-background-color);
}

/* supported_member_summary.css */

.supported_member_summary {
	max-width: 700px;
}

.supported_member_summary .container {  
	padding: 20px;
    margin: 0 0 20px 0;
}

.supported_member_summary .heading .title {
    font-size: 1.75em;
    margin: 0 0 10px 0;
}

.supported_member_summary .section { /*I added .supported_member_summary. Is this right?*/
	padding: 10px;
}

.supported_member_summary .section > .title, .supported_member_summary .scheduled_requests > .title { /*I added .supported_member_summary. Is this right?*/
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 1.1em;
}

.supported_member_summary .time_since {
	margin-top: 10px;
}

.supported_member_summary .time_since > * {
	display: inline;
	margin-right: 4px;
}

.supported_member_summary .time_since .duration {
	color: var(--error-red-color);
	font-weight: 700;
}

.supported_member_summary .time_since .user {
	text-decoration: underline;
}

.supported_member_summary .assigned_to_info  .time_since {
	font-size: 0.8em;
}

.supported_member_summary .active_request.container {
	border: 1px solid grey;
}

.supported_member_summary .scheduled_request > .horizontal {
	padding: 10px;
	align-items: flex-start;
}

.supported_member_summary .scheduled_request_info {
	flex-grow: 1;
	width: 300px;
}

.supported_member_summary .scheduled_request .scheduled_date, .supported_member_summary .scheduled_request .scheduled_with  {
	font-size: 0.8em;
}

.supported_member_summary .scheduled_request .label .icon {
	margin-right: 5px;
}

.actions .request_options .action_menu {
	overflow: auto;
	height: 300px;
}


/* system.css */

.system{
    /* background: rgba(0,0,0,0.1); */
	/* min-height: 100vh; */
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.system .page_wrapper{
	padding: 20px;
}

.system .cards{
	display: flex;
    /* flex-direction: column; */
    /* align-items: flex-start; */
	flex-wrap: wrap;
	padding: 0 20px 20px 20px;
	max-width: 90vw;
}

.system .page_wrapper > .title{
	font-weight: bold;
	font-size: 20px;
	padding:20px 10px 10px 10px;
	color:hsl(200, 50%, 50%);
	text-transform: capitalize;
}

.system .page_title{
	font-weight: bold;
	font-size: 20px;
	padding:20px 10px 10px 10px;
	color:hsl(200, 50%, 50%);
	white-space: pre;
}

.system .screenshots{
	display: flex;
	align-items: flex-start;
	overflow-x: auto;
	width: 100%;
}

.system .screenshot{
	margin: -3px;
	max-width: 90vw;
	max-height: 90vh;
	/* border: 1px solid rgba(0,0,0,0.15); */
	border-radius: 3px;
}
.system .nav_links {
	padding: 20px;
}

.system .nav_link {
	padding: 10px;
	cursor: pointer;
	width: 150px;
    height: 200px;
    /* border: 1px solid rgba(0,0,0,0.2); */
	box-shadow: rgb(0 0 0 / 20%) 0px 3px 9px;
    margin: 20px;
    border-radius: 5px;
	display: flex;
    flex-direction: column;
    align-items: center;
	flex-grow: 1;
	overflow: hidden;
	
}

.system .pages .title {
	padding: 20px 40px 0;
}


.system .cards > .widget {
	padding: 5px 10px;
	cursor: pointer;
	color:hsl(200, 50%, 50%);
	box-shadow: rgb(0 0 0 / 40%) 0px 1px 10px;
	margin: 5px;
}

.system .logo {
	width: 200px;
	height: 80px;
}

.system .nav_link .image {
	width: 100%;
	height: 180px;
	border-radius: 5px;
}

.system .nav_link .text {
	padding: 5px;
	text-align: center;
    line-height: 1.3em;
	text-transform: capitalize;
	font-size: 14px;
    font-weight: 700;
    color: rgba(0,0,0,0.7);
}

.system .horizontal{
	align-items: center;
}

.system .hamburger{
	padding: 5px;
	cursor: pointer;
	font-size: 20px;
	color:hsl(200, 50%, 50%);
}

.system .ham_wrapper{
	position: relative;
}

.system .menu_content{
	position: absolute;
	/* min-width: 200px; */
	/* min-height: 200px; */
	min-height: 40px;
	/* border: 1px solid black; */
	background-color: white;
	top: 100%;
    right: 0;
	box-shadow: rgb(0 0 0 / 40%) 0px 1px 10px;
	padding: 10px;
	border-radius: 5px;
	user-select: none;
	align-items: flex-start;
	/* width: 100px; */
	transition: width 1s;
}

/* .system .menu_content:hover {
	width: 300px;
} */

.system .actions{
	display: flex;
	flex-wrap: wrap;
}

.system .action{
	padding: 10px;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	cursor: pointer;
	margin: 2px;
	background-color: hsl(200, 45%, 45%);
	color: white;
	white-space: nowrap;
}

.system .possible .action{
	background-color: hsl(180, 45%, 45%);
}

.system .stack {
	display: flex;
	flex-direction: column;
}

.system .action:hover {
	opacity: 0.8;
}

/* .system .possible .action:hover {
	background-color: hsl(180, 48%, 48%);
} */

.system .field_detail {
	margin: 5px 0;
}

.system .widget_background {
	background-color: rgba(0,0,0,0.5);
	padding: 14px;
    margin: 2px;
    flex-grow: 1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.system .runtime_background {
	padding: 4px;
    flex-grow: 1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.system .page{
	font-family: Roboto;
}

.system .page_wrapper{
	font-family: Roboto;
}

.system .widget_background .text {
	padding: 2px;
}

.system .page_image_wrapper{
	align-items: center;
	display: flex;
	justify-content: center;
	overflow: hidden;
	width: min-content;
	margin: 10px;			
	box-shadow: rgb(0 0 0 / 40%) 0px 1px 10px;
	border-radius: 10px;
	flex-shrink: 0;
}

.system .card_image_wrapper{
	/* align-items: center; */
	/* display: flex; */
	/* justify-content: center; */
	overflow: hidden;
	/* margin: 10px;			 */
	/* border-radius: 13px; */
	width: 100%;
	border-radius: 5px;
}

.system .card_image_wrapper .image{
	width: 103%;
	height: 180px;
	border-radius: 5px;
	margin: -3px;
}

.system .card_screenshot{
	width: 100%;
}

/* .system .email,.system .password{
	font-size: 15px;
    height: 50px;
} */

.system .runtime {
	background-color: rgb(17,53,96);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
}

.system .runtime .actions {
	width: 280px;
}

.system .create_account.runtime .actions {
	width: 276px;
}

.system .runtime .button {
	width: 100%;
}

.system .pie-chart-control {
	width: 50vw;
	height: 50vw;
}

.system .controller_action {
	padding: 5px;
	margin: 2px;
	background-color: rgba(0,0,0,0.2);
	cursor: pointer;
}

.system .sample_page {
	width: 100vw;
	height: 100vh;
}

.desktop .content_panel {
	padding: 15px;
	width: 100%;
	transition: margin-left 200ms ease-in-out;
}

.desktop.requests_beta .content_panel {
	padding-bottom: 50px;
}

.desktop .hide_side_bar .content_panel {
	margin-left: 0;
}

.desktop.settings_panel .content_panel, .mobile.settings_panel .admin .content_panel {
	padding: 0;
}

.indigenous_hub.desktop .content_panel {
	padding: 0px;
}

.right_panel {
	display: flex;
    flex-direction: column;
    flex-shrink:0;
    border-left: 1px solid var(--border-color);
    overflow: auto;
    box-sizing: border-box;
    width: var(--right-panel-width);
    background-color: var(--background-color);    
	position: relative;
    right: 0;
    transition: all ease-out 200ms;
}

.menu_frame {
	transition: height 0.2s ease-in-out;
}

.admin .frame_header_center {
	position: unset;
}

#content{
	touch-action: pan-y;
}

html, body {
	overscroll-behavior: none;
}

.display_none {
	display: none
}

.no_pointer {
	pointer-events: none;
}

/* tab.css */

.tab.button {
	font-size: 15px;
    font-weight: 700;
	padding: 15px;
    transition: all 200ms;
	border-bottom: 3px solid transparent;
	display: flex;
	gap: 8px;
}

.tab.button.selected {
	/* color: var(--primary-action-color); */
	color: var(--dark-primary-color);
	border-bottom: 3px solid var(--primary-action-color);
}

button.tab.button .number_container {
	/* right: 0;
    left: auto;
    top: 0; */
	font-size: 0.8rem;
	position: initial;
}

.mobile .filter.button {
	position: relative;
}

/* tags_edit.css */

.tags_edit .tag_groups .group {
	margin-top: 10px;
	font-weight: 700;
	font-size: 0.9em;
}

.tags_edit .tag_categories .category {
	margin-left: 20px;
	margin-top: 5px;
}

.tag_selection.popup .tags {
	flex-grow: 1;
	padding: 5px;
}

.tag_selection.popup .tag_category {
	margin-bottom: 10px;
}

.tag_selection.popup .tag_category > .label, .tag_selection.popup .tags > .label {
	font-weight: 700;
	margin-bottom: 5px;
}

.tag_selection.popup .tag_category .checkbox {
	margin-left: 20px;
}

.tag_selection.popup .add.tag.input {
	margin-bottom: 20px;
	width: 200px;
}

.edit_item .tags .item.section {
    padding: 0;
}

/* tags.css */

.groups.popup .buttons {
	margin-top: 10px;
}

.select_tags.popup .description {
	margin-bottom: 10px;
}

.tag_selector {
	display: flex;
	flex-direction: column;
}

.tag_selector h1, .tag_selector p,
.tag_list_popup h1, .tag_list_popup p {
	margin-bottom: 15px;
}

.tag_selector .search.bar {
	margin: 0;
	width: 100%;
}

.tag_selector ul.tag_categories {
	margin: 10px -10px;
}

.tag_selector ul.search_results {
	margin: 15px 0;
}

.tag_selector ul.tag_categories li {
	/* border-top: 1px solid var(--border-color); */
	display: flex;
	justify-content: space-between;
    padding: 5px 10px;
    align-items: center;
}

.tag_selector .tag_categories .icon {
    padding: 10px;
}

.tag_selector ul.tag_categories li:last-child {
	border-bottom: 1px solid var(--border-color);
}

.selected_pills {
	border-radius: 5px;
	border: 1px solid var(--border-color);
	min-height: 2rem;
	/* background: var(--navbar-background-color);; */
	background: var(--input-alt-background-color);
}

/* .selected_pills .pill {
	display: flex;
	align-items: center;
}

.selected_pills .pill i {
    color: var(--foreground-color);
	font-size: 1rem;
	align-items: center;
} */

.tag_pills {
	box-sizing: border-box;
	/* display: inline-flex; */
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	max-height: 110px;
	overflow-y: auto;
	padding: 5px;
	width: 100%;
	border-radius: 3px;
	min-height: 38px;
}

.detailed_post .tag_pills {
	min-height: fit-content;
}

.tag_pills.slim {
	padding: 0;
}

.tag_pills > li.pill {
	box-sizing: border-box;
	cursor: pointer;
	max-width: 100%;
	line-height: 1.2;
	gap: 5px;
}

.tag_pills > li.pill > div:first-of-type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tag_pills li button {
	/* background-color: var(--border-color); */
	border-radius: 5px;
	display: flex;
	padding: 7px;
}

.tag_pills li .delete {
    align-self: center;
}

.tag_list_popup {
	display: flex;
}

.tag_list_popup h4 {
	padding: 10px 0 0;
    font-size: 0.8rem;
    color: var(--info-text);
}

.tag_list_popup ul {
	list-style-type: none;
	margin-bottom: 5px;
	flex-grow: 1;
}

.tag_item label {
	align-items: center;
	line-height: 1.2;
    margin-left: -3px;
	gap: 5px;
}

/* terms_of_service.css */

.terms_of_service.page {
	margin: 20px;
}

.terms_of_service .terms_of_service {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	align-items: center;
}

.terms_of_service .content {
	display: flex;
	flex-direction: column;
	width: 400px;
}

.terms_of_service.page .center {
	max-width: 700px;
}

.terms_of_service .content .center.panel {
	max-width: unset !important;
	width: 100%;
}

.terms_of_service .content .paragraph {
	font-weight: 400;
    line-height: 1.3em;
}

.terms_of_service.popup {
	/* max-width: 80vw; */
	/* width: 700px; */
	padding-bottom: 10px;
}

.settings_panel .page .settings .terms_of_service_date .setting {
    margin-bottom: 10px;
}

.terms_of_service_date .settings_warning {
	margin-bottom: 10px;
}

label.terms_of_service_date {
    display: flex;
    flex-direction: column;
}

.terms_of_service.popup .last_updated {
    padding: 0 0 15px;
	font-size: 0.9em;
    color: var(--foreground-color);
    font-weight: 400;
    font-style: italic;
}

.terms_of_service.popup .markdown {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.terms_of_service.popup .text {
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 1em 2em;
}

.terms_of_service.popup .title {
    align-items: center;
    border-bottom: 1px solid #DDD;
	color: var(--foreground-color);
	display: flex;
    flex-grow: 1;
	font-size: 1.5em;
    justify-content: center;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    width: 100%;
}

.terms_of_service.popup .top_container {
	padding-top: 10px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#posting-content-list {
    margin-left: 1.5rem;
	line-height: 1.3;
}



/* test.css */


.ok {
	border: 1px solid green;
}

/* textarea.css */

textarea {
	background-color: var(--input-background-color);
    border: 1px solid var(--input-border-color);
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--foreground-color);
    padding: 10px;
	height: 150px;
	flex-grow: 1;
	font-size: 0.8666666667rem;
	font-family: inherit;
	line-height: 1.3;
}

textarea:read-only {
	background-color: var(--input-read-only-background-color);
}
/* Fixes readonly still being able to focus */
textarea:read-only:focus-visible {
	outline: none;
	border: 1px solid var(--input-border-color);
}

/* thumbnail.css */

.thumbnail {
    border-radius: 8px;
    border: 1px solid var(--border-color);
    box-shadow: var(--popup-box-shadow);
    background: var(--background-color);
	box-sizing: border-box;
    cursor: pointer;
    font-size: 0.8em;
	height: 290px;
    overflow: hidden;
    position: relative;
    transition: transform .2s;
    word-break: break-word;
	width: 320px;
}

.thumbnail .shared {
	background-color: var(--primary-button-background);
	padding: 10px;
	text-transform: uppercase;
	color: white;
	position: absolute;
    width: 100%;
	box-sizing: border-box;
	display: none;
	cursor: pointer;
}

.thumbnail.is_shared .shared {
	display: flex;
}

.thumbnail .shared .icon {
	margin-right: 5px;
}

.thumbnail .image_container {
	background-position: center;
	line-height: 0;
	overflow: hidden;
}

.thumbnail .image_container[style*=".png"],
.thumbnail .image_container[style*=".svg"] {
	background-color: white;
	background-image: none !important;
}

.image_container {
	position: relative;
}

.reshare.title {
	/* background-color: rgba(0,0,0,0.7); */
	background-image: var(--reshare-gradient-bg);
	box-sizing: border-box;
	/* color: var(--light-background-color); */
	color: var(--reshare-color);
	font-weight: 700;
	left: 0;
	line-height: normal;
	overflow: hidden;
    font-size: 0.8666666667rem;
	padding: 15px 10px;
	position: absolute;
	text-overflow: ellipsis;
	top: 0;
	white-space: nowrap;
	width: 100%;
    backdrop-filter: blur(4px);
	height: 3rem;
	background-image: var(--reshare-gradient-bg);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
}

.mobile .reshare.title {
    border-radius: 0;
}

.thumbnail .body {
	background-color: var(--background-color);
	box-sizing: border-box;
	flex-grow: 1;
	/* height: 110px; */
	padding: 10px;
}

.thumbnail .body .title {
	color: var(--foreground-color);
	font-size: 1.2rem;
	overflow: hidden;
	padding: 0 0 10px 0;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
}

.thumbnail .body .description {
	display: inline;
    /* flex-grow: 1; */
	font-size: 0.8666666667rem;
	line-height: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.thumbnail .see_more.link {
	color: var(--primary-action-color);
	display: inline;
	margin-left: 5px;
	font-weight: 700;
}

.thumbnail .footer {
	padding: 10px;
    border-top: 1px solid var(--border-color);
    background-color: var(--background-color);
}

.thumbnail .button.basic.button.share {
    margin-top: 10px;
}

/* thumbnails_view.css */

.desktop .thumbnails_view {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 20px;
	/* display: flex; */
	gap: 20px;
}

.mobile .thumbnails_view {
	padding: 0 10px;
}

/* title_navigation.css */


.title_navigation > .top {
	display: flex;
	align-items: center;
}

.title_navigation > .top .button {
	margin-right: 10px;
}

.title_navigation .navigation_container {
	display: flex;
}

.title_navigation .spacer {
	width: 150px;
}

/* title.css */

.unauthenticated .title {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	color: white;
    /* margin: 15px 0; */
    /* min-width: 260px; */
	font-size: 2em;
	font-weight: 700;
}

.unauthenticated img.title,
.mobile .unauthenticated img.title {
	margin: 15px;
	max-width: 260px;
	width: 100%;
}

.frame .header .title {
	color: var(--accent-color);
}

.popup .title h1 {
	text-transform: capitalize;
	font-size: 20px;
	text-align: center;
}

.frame .header .title h1 {
	font-size: inherit;
	font-weight: inherit;
	text-transform: inherit;
}

.title.optional:after {
	content: "(optional)";
	margin: 0 5px 5px;
	font-size: 0.733333rem;
	font-weight: 400;
	color: var(--info-text);
}

/* tools.css */

.item.section {
	align-items: center;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: var(--input-border-color);
	box-sizing: border-box;
	display: flex;
	font-size: 0.8em;
	min-height: 33px;
	gap: 5px;
	width: 100%;
	position: relative;
	padding: 0 4px 0 10px;
    /* background-color: var(--background-color); */
}

.warning.item.section .icon {
	color: #FFC00B;
	padding-right: 10px;
}
.warning.item.section .label {
	color: var(--foreground-color);
}

.popup .tools {
	background: none;
}

.section.button {
	align-items: center;
	background-color: var(--basic-button-background);
	border: 1px solid var(--input-border-color);
	box-sizing: border-box;
	display: flex;
	font-size: 1em;
	/* margin-bottom: 12px; */
	padding: 12px 11px;
	width: 100%;
	gap: 10px;
}

.section.button .label {
	flex-grow: 1;
	line-height: 1.4;
	font-weight: 700;
    font-size: 0.8666666667rem;
	text-align: left;
}

.mobile .section.button .label {
    font-size: 0.8666666667rem;
}

.section.button .label.required::after {
	color: red;
	content: '*';
	margin-left: 0.1rem;
    font-size: 1rem;
    line-height: 0.65rem;
	/* margin-left: 5px; */
}

.section.button .label.semi_required::after {
	color: var(--alert-orange, orange);
	content: '*';
	margin-left: 0.1rem;
    font-size: 1rem;
    line-height: 0.65rem;
}

/* .section.button .icon {
	margin-bottom: -2px; use align-items: center
} */

.section.button .add_icon {
	color: var(--primary-action-color);
	font-size: 1.2em;
	/* margin-bottom: -2px; use align-items: center */
}

.section.button .add_icon.disabled {
	color: var(--input-disabled-text);
}

.section.button.items_exist {
	border-radius: 5px 5px 0px 0px;
}

.section.button.items_exist ~ .existing_items .item.section:last-child {
	border-radius: 0px 0px 5px 5px;
}

.section.button.no_items {
	border-radius: 5px;
}

.soft_container {
	box-shadow: var(--popup-box-shadow);
    border-radius: 10px;
    padding: 10px;
	gap: 10px;
    /* border: 1px solid var(--soft-border-color); */
}

.sm_soft_container {
	box-shadow: var(--sm-soft-continaer-shadow);
    border-radius: 10px;
    padding: 10px;
	gap: 10px;
    /* border: 1px solid var(--soft-border-color); */
}

.np, .soft_container.np {
	padding: 0;
}

.preview.soft_container {
	max-width: 600px;
}

/* Shouuld be done by appending  + (this.classes ? " " + this.classes : "" ) into connectionForm.prototye.draw function for the admin pages with class:"preview soft_container", */
.peer_support_incident_form_admin .form.vertical.ten_gap {
    max-width: 600px;
	box-shadow: var(--contained-container-shadow);
    border-radius: 10px;
    padding: 10px;
    border: 1px solid var(--soft-border-color);
}

.manage_connection_form .connection_form.widget,
.peer_support_incident_form_admin .connection_form.widget {
	max-width: 600px;
	box-shadow: var(--contained-container-shadow);
    border-radius: 10px;
    padding: 10px;
    border: 1px solid var(--soft-border-color);
	margin: 15px;
}

.peer_support_incident_form_admin.desktop .content_panel,
.peer_support_incident_form_admin.mobile .content_panel {
	align-items: start;
	background-color: var(--background-color);
	padding: 0px;
}



.manage_connection_form .connection_form.widget:before, 
.peer_support_incident_form_admin .connection_form.widget:before {
    content: 'Form Preview';
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 700;
}

.border_boxed {
	box-sizing: border-box;
}

/* tooltip.css */

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .text {
	padding: 5px 10px 5px 10px;
	background-color: #555;
	color: #fff;
    font-weight: 400;
    font-size: 0.8666666667rem;
	text-align: center;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 200%;
	left: 50%;
	margin-left: -75px;
	transition: opacity 0.3s;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.tooltip .text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip.hidden {
	visibility: hidden;
    transition: all 300ms ease-in-out;
	opacity: 0;
}

.tooltip.visible {
	visibility: visible;
    transition: all 300ms ease-in-out;
	opacity: 1;
}

.tooltip h4 { 
    color: #ffffff;
}

/* topic_consumer_admin.css */

.consumer_organizations .content-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
}

.consumer_organizations {
	padding-bottom: 10px;
}

.consumer_organizations .content_loaded_wrapper.loaded {
	/* padding: 15px; */
	gap: 15px;
}

.consumer_organizations .content_section {
	padding: 15px;
}

.consumer_organizations .content_section .search-wrapper {
	margin-bottom: 15px;
}

.mobile.consumer_organizations .content_section {
	padding: 10px;
}

.consumer_organizations .content {
	width: 100%;
	margin-bottom: 62px;
}

.consumer_organizations .contact_header .info {
	margin: 0;
    align-items: center;
}

.pull_to_refresh.consumer_organizations .content_loading_wrapper.loaded {
	top: -300px;
}

.consumer_organizations .content_panel {
	padding: 0px !important;
	background-color: var(--primary-background);
}

.consumer_organizations .right_panel {
	display: none;
}

.consumer_organizations .page_header_container {
	display: flex;
	flex-direction: column;
	/* width: 100%; */
	gap: 10px;
	padding: 15px 15px 0;
	background-color: var(--background-color);
}

.consumer_organizations .pages_section {
	background-color: var(--background-color);
}

.consumer_organizations .tile_grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 10px;
}

.consumer_organizations .tile_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	box-shadow: var(--popup-box-shadow);
    /* padding: 10px; */
    border: 1px solid var(--soft-border-color);
	background-color: var(--secondary-background);
	/* height: 220px; */
}

.consumer_organizations .tile_wrapper .image_header {
	border-radius: 10px 10px 0px 0px;
	height: 88px;
    background-size: cover;
	background-position: center;
	width: 100%;
}

.consumer_organizations .tile_wrapper .tile_section {
	padding: 10px 10px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -54px;
}

.consumer_organizations .tile {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	/* align-items: center; */
	height: auto;
	flex-grow: 1;
	width: 100%;
	position: relative;
}

.consumer_organizations .tile .hidden {
	position: absolute;
	background-color: var(--alert-orange);
	color: #444444;
	top: 10px;
	right: 10px;
	font-weight: 700;
	padding: 5px 7px;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
}

.consumer_organizations .tile .contact_header {
	flex-direction: column;
    align-items: center;
}

.mobile.consumer_organizations .tile .contact_header {
	flex-direction: row;
	padding-bottom: 10px;
}

.mobile.consumer_organizations .tile_wrapper .tile_footer {
	width: 100%;
    display: flex;
    grid-gap: 10px;
}

.follow_organization_content_wrapper .description {
	margin-bottom: 5px;
}

.mobile .org_profile_wrapper .header_bottom_container .followers_container {
	margin-left: 10px;
}

.consumer_organizations .tile .profile_link {
	margin-bottom: 10px;
}

.consumer_organizations .tile .avatar {
	display: flex;
	justify-content: center;
	align-items: center;
	object-fit: cover;
	height: 80px;
	width: 80px;
	box-shadow: var(--org-following-shadow);
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	border: 3px solid var(--secondary-background);
    background-color: var(--secondary-background);
}

.consumer_organizations .tile .profile_link .avatar .profile_picture {
	width: 80px;
	height: 80px;
	border-radius: 10px;
}

.consumer_organizations .tile .name {
	font-size: 1.1rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	margin: 0px 0px 5px 0px
}

.consumer_organizations .tile .avatar:hover {
	cursor: pointer;
}

.consumer_organizations .tile .name:hover {
	text-decoration: underline;
	color: var(--primary-action-color);
	cursor: pointer;
}

.consumer_organizations .tile .address {
	margin: 0px 0px 10px 0px;
    text-align: center;
	font-size: 0.8rem;
    color: var(--light-foreground-color);
}

.consumer_organizations .tile .description {
	font-size: 0.8666666667rem;
	line-height: 1.3;
	text-align: center;
}

.follow_organization_choose_groups .description {
	text-align: left;
}


.consumer_organizations .tile .info .status {
	font-weight: 400;
	color: var(--light-foreground-color);
	text-align: center;
}

.consumer_organizations .search.bar {
	max-width: 270px;
	background-color: var(--background-color);
}

.mobile.consumer_organizations .search.bar {
	max-width: 100%;
}

.consumer_organizations .tile_wrapper .tile_footer {
	display: flex;
	align-items: flex-end;
	width: 100%;
	grid-gap: 10px;
	box-sizing: border-box;
    padding: 10px;
}

.consumer_organizations .message {
	line-height: 1.3;
}

.consumer_organizations .tile_wrapper .tile_footer .basic.button {
	max-width: 100%;
	width: 100%;
}

.consumer_organizations .tile_wrapper .tile_footer .unfollow_button:hover {
	background-color: var(--disabled-input);;
	color: #444;
}

.mobile.consumer_organizations .tile_wrapper .tile_footer .basic.button {
	width: 100%;
    max-width: 100%;
	flex-grow: 1;
}

.mobile.consumer_organizations .tile_wrapper {
	height: initial;
	align-items: flex-start;
}

.mobile.consumer_organizations .tile .info {
    margin-left: 10px;
}

.mobile.consumer_organizations .tile .info .name {
    text-align: left;
}

.mobile.consumer_organizations .tile .profile_link .avatar .profile_picture {
	width: 60px;
	height: 60px;
}

.mobile.consumer_organizations .tile .profile_link {
	margin: 0;
}

.mobile.consumer_organizations .tile .profile_link .avatar {
    height: 60px;
    width: 60px;
}

.mobile.consumer_organizations .tile .info .status {
    text-align: left;
}

.consumer_organizations .search_options {
	display: none;
}

.consumer_organizations .mobile .footer.page_control_container {
	z-index: 1001;
}

body.consumer_organizations.peer_connect {
	background-color: var(--primary-background);
}

.consumer_organizations .remove_button {
	background-color: var(--red);
	color: white;
}

.mobile.consumer_organizations .search.bar {
	width: 100%;
    border-radius: 5px;
}

/* topic_content_settings.css */

.topic_content_settings.page .settings_section {
	padding: 15px;
	display: flex;
	flex-direction: column;
}

.topic_content_settings.page .title_section {
	padding-bottom: 0;
}

.topic_content_settings.page .tag_type {
	border: 1px solid var(--border-color);
	border-radius: 5px;
	margin-bottom: 15px;
}

.topic_content_settings.page .tag_types {
	display: flex;
	flex-direction: column;
}

.topic_content_settings.page .tag_type_header {
	background-color: var(--);
}

.topic_content_settings.page .tag_type_header > * {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.topic_content_settings.page .tag_type_header .add_button {
	color: var(--primary-button-background);
}

.topic_content_settings.page .topic_tag {
	padding: 5px;
}

.topic_content_settings.page .topic_name {
	cursor: pointer;
}

.edit_topic_tag.popup .tagged_content .description {
	line-height: 1.2;
}

.edit_topic_tag.popup {
	padding-bottom: 10px;
}

/* topic_contributor_admin.css */

.contributor_organizations .content-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
}

.contributor_organizations {
	padding-bottom: 10px;
}

.contributor_organizations .content_loaded_wrapper.loaded {
	/* padding: 15px; */
	gap: 15px;
}

.contributor_organizations .content_section {
	padding: 15px;
}

.contributor_organizations .content_section .search-wrapper {
	margin-bottom: 15px;
}

.mobile.contributor_organizations .content_section {
	padding: 10px;
}

.contributor_organizations .content {
	width: 100%;
	margin-bottom: 62px;
}

.contributor_organizations .contact_header .info {
	margin: 0;
    align-items: center;
}

.pull_to_refresh.contributor_organizations .content_loading_wrapper.loaded {
	top: -300px;
}

.contributor_organizations .content_panel {
	padding: 0px !important;
	background-color: var(--primary-background);
}

.contributor_organizations .right_panel {
	display: none;
}

.contributor_organizations .page_header_container {
	display: flex;
	flex-direction: column;
	/* width: 100%; */
	gap: 10px;
	padding: 15px 15px 0;
	background-color: var(--background-color);
}

.contributor_organizations .pages_section {
	background-color: var(--background-color);
}

.contributor_organizations .tile_grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 10px;
}

.topic_contributor.tile_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	box-shadow: var(--popup-box-shadow);
    /* padding: 10px; */
    border: 1px solid var(--soft-border-color);
	background-color: var(--secondary-background);
	/* height: 220px; */
}

.topic_contributor.tile_wrapper .image_header {
	border-radius: 10px 10px 0px 0px;
	height: 88px;
    background-size: cover;
	background-position: center;
	width: 100%;
}

.topic_contributor.tile_wrapper .tile_section {
	padding: 10px 10px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: -54px;
}

.topic_contributor.tile_wrapper .tile {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	/* align-items: center; */
	height: auto;
	flex-grow: 1;
	width: 100%;
	position: relative;
}

.topic_contributor.tile_wrapper .tile .hidden {
	position: absolute;
	background-color: var(--alert-orange);
	color: #444444;
	top: 10px;
	right: 10px;
	font-weight: 700;
	padding: 5px 7px;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
}

.topic_contributor.tile_wrapper .tile .contact_header {
	flex-direction: column;
    align-items: center;
}

.mobile .topic_contributor.tile_wrapper .tile .contact_header {
	flex-direction: row;
	padding-bottom: 10px;
}

.topic_contributor.tile_wrapper .tile_footer {
	width: 100%;
    display: flex;
    grid-gap: 10px;
}

.follow_organization_content_wrapper .description {
	margin-bottom: 5px;
}

.mobile .org_profile_wrapper .header_bottom_container .followers_container {
	margin-left: 10px;
}

.topic_contributor.tile_wrapper .tile .profile_link {
	margin-bottom: 10px;
}

.topic_contributor.tile_wrapper .tile .avatar {
	display: flex;
	justify-content: center;
	align-items: center;
	object-fit: cover;
	height: 80px;
	width: 80px;
	box-shadow: var(--org-following-shadow);
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	border: 3px solid var(--secondary-background);
    background-color: var(--secondary-background);
}

.topic_contributor.tile_wrapper .tile .profile_link .avatar .profile_picture {
	width: 80px;
	height: 80px;
	border-radius: 10px;
}

.topic_contributor.tile_wrapper .tile .name {
	font-size: 1.1rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	margin: 0px 0px 5px 0px
}

.topic_contributor.tile_wrapper .tile .avatar:hover {
	cursor: pointer;
}

.topic_contributor.tile_wrapper .tile .name:hover {
	text-decoration: underline;
	color: var(--primary-action-color);
	cursor: pointer;
}

.topic_contributor.tile_wrapper .tile .address {
	margin: 0px 0px 10px 0px;
    text-align: center;
	font-size: 0.8rem;
    color: var(--light-foreground-color);
}

.topic_contributor.tile_wrapper .tile .description {
	font-size: 0.8666666667rem;
	line-height: 1.3;
	text-align: center;
}

.follow_organization_choose_groups .description {
	text-align: left;
}


.topic_contributor.tile_wrapper .tile .info .status {
	font-weight: 400;
	color: var(--light-foreground-color);
	text-align: center;
}

.contributor_organizations .search.bar {
	max-width: 270px;
    background-color: var(--background-color);
}

.mobile.contributor_organizations .search.bar {
	max-width: 100%;
}

.topic_contributor.tile_wrapper .tile_footer {
	display: flex;
	align-items: flex-end;
	width: 100%;
	grid-gap: 10px;
	box-sizing: border-box;
    padding: 10px;
}

.contributor_organizations .message {
	line-height: 1.3;
}

.topic_contributor.tile_wrapper .tile_footer .basic.button {
	max-width: 100%;
	width: 100%;
}

.topic_contributor.tile_wrapper .tile_footer .unfollow_button:hover {
	background-color: var(--disabled-input);;
	color: #444;
}

.topic_contributor.tile_wrapper .tile_footer .basic.button {
	width: 100%;
    max-width: 100%;
	flex-grow: 1;
}

.topic_contributor.tile_wrapper {
	height: initial;
	align-items: flex-start;
}

.mobile .topic_contributor.tile_wrapper .tile .info {
    margin-left: 10px;
}

.mobile .topic_contributor.tile_wrapper .tile .info .name {
    text-align: left;
}

.mobile .topic_contributor.tile_wrapper .tile .profile_link .avatar .profile_picture {
	width: 60px;
	height: 60px;
}

.mobile .topic_contributor.tile_wrapper .tile .profile_link {
	margin: 0;
}

.mobile .topic_contributor.tile_wrapper .tile .profile_link .avatar {
    height: 60px;
    width: 60px;
}

.mobile .topic_contributor.tile_wrapper .tile .info .status {
    text-align: left;
}

.contributor_organizations .search_options {
	display: none;
}

.contributor_organizations .mobile .footer.page_control_container {
	z-index: 1001;
}

body.contributor_organizations.peer_connect {
	background-color: var(--primary-background);
}

.contributor_organizations .remove_button{
	background-color: var(--red);
	color: white;
}

.mobile.contributor_organizations .search.bar {
	width: 100%;
    border-radius: 5px;
}

/* topic_profile.css */

.topic_profile .content_panel {
	background-color: var(--primary-background);
}

/* .topic_profile.library .content_panel,
.topic_profile.resources .content_panel,
.topic_profile.library_beta .content_panel {
	background-color: var(--background-color);
} */

.topic_profile.library .top_category_content .search_row {
	margin: 0;
}

.mobile.topic_profile .search_row .button {
    background-color: var(--input-background-color);
}

/* .peer_connect.topic_profile .page .bottom_content.popular_topics_wrapper {
    display: none;
}

.peer_connect.topic_profile .bottom_content.popular_topics_wrapper .popular_topics {
    display: none;
} */
/* 
.topic_profile.library .top_content .controls {
	padding: 0;
	margin: 0;
} */

.mobile.topic_profile .search_row {
	position: sticky;
    background: var(--background-color);
    border-bottom: 1px solid var(--border-color);
}

.mobile.topic_profile .search_options {
	background: none;
	padding-top: 0;
}

.topic_profile .contributor_avatars {
	cursor: pointer;
}

.topic_profile .contributor_avatars .avatar {
	margin-right: 0;
	background-color: var(--background-color);
    border: 2px solid var(--border-color);
	height: 36px;
    width: 36px;
}

.topic_profile .contributor_avatars .avatar:nth-child(n+2) {
    margin-left: -10px;
}

.topic_profile .contributor_avatars .more_contributor_avatars {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    background-color: var(--background-color);
    margin: 0 0 0 -10px;
    font-weight: 700;
    position: relative;
}

.topic_profile .menu .list_item.email, .topic_profile .menu .list_item.phone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.topic_profile .top_image_section.vertical {
    border-radius: 15px;
	margin-bottom: 10px;
}

.topic_profile .menu .list_item.email .label, .topic_profile .menu .list_item.phone .label {
	font-size: 0.7333333333rem;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--label-input);
    padding-bottom: 10px;
}

.topic_profile .menu .list_item.email .email, .topic_profile .menu .list_item.phone .phone_number {
    color: var(--primary-action-color);
    text-decoration: underline;
}

.topic_profile .topic_details {
	display: flex;
    flex-direction: column;
    gap: 15px;
	padding: 10px;
	max-width: 310px;
	box-sizing: border-box;
	width: 100%;
    background: var(--background-color);
	box-shadow: var(--contained-container-shadow);
	border-radius: 10px;
	border: 1px solid var(--soft-border-color);
}

.topic_profile .topic_details .item a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic_profile .topic_details .body.overflowed {
	word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	display: -moz-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
	max-height: 7rem;  /* fallback height required for safari/iOS not working with clamping */
}

.topic_profile .topic_details .body.overflowed p {
	padding: 0;
}

.topic_profile .topic_details .body {
    font-size: 0.8666666667rem;
}

.topic_profile .topic_details .body.markdown {
    -webkit-line-clamp: 6;
}

.mobile.topic_profile .topic_details .body.markdown {
	-webkit-line-clamp: 3;
}

.mobile .email.footer.button,
.mobile .phone.footer.button,
.mobile .website.footer.button {
    border-radius: 20px;
    border: 1px solid var(--border-color);
    background: var(--light-background-color);
}

.mobile.topic_profile .topic_details .see_all_details_container {
    font-size: 0.8666666667rem;
}

.topic_profile .topic_details .buttons_container {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid var(--border-color);
	display: flex;
}

.mobile.topic_profile .topic_details .buttons_container {
	border: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    margin-bottom: 5px;
}

.mobile.topic_profile .topic_details .link:hover, .mobile.topic_profile .topic_details .link:hover {
	text-decoration: none;
}

.mobile.topic_profile .topic_details .medium_title {
    font-size: 1rem;
}

.topic_profile .topic_details .see_all_details_container, .topic_profile .topic_details .see_less_container {
	display:inline-block;
	color: var(--primary-action-color);
    cursor: pointer;
	line-height: 1.3;
	font-size: 0.8666666667rem;
}

.topic_profile .topic_details .see_all_details_container i, .topic_profile .topic_details .see_less_container i  {
	margin-left: 5px;
	font-size: 0.8666666667rem;
}

.topic_profile_home .topic_details .section {
	margin: 5px 0 0;
}

.topic_profile_home .topic_details .section .item {
	margin-bottom: 10px;
}

.topic_profile_home .topic_details .section .value {
	color: var(--primary-action-color);
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic_profile_home .topic_details .item .label {
	font-size: 0.7333333333rem;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--label-input);
	padding-bottom: 5px;
}

.topic_profile_home .topic_details .value {
	display: block;
}


.topic_profile .right_panel {
	display: none;
}

.mobile.topic_profile .image_header {
	height: 135px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 0;
	border-radius: 0px;
}


.mobile.topic_profile .topic_details {
	width: auto;
	max-width: none;
    padding: 10px 10px 5px;
    padding: 10px;
    margin: 0;
	border-radius: 0;
	/* border-width: 1px 0; */
}

.topic_profile_header_bg {
	display: flex;
	width: 100%;
	background-color: var(--background-color);
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
    /* box-shadow: var(--orgprofile-shadow); */
    border-bottom: 1px solid var(--border-color);
	background: rgb(255,255,255);
    background: linear-gradient(0deg, var(--background-color) 50%, var(--primary-background) 100%);
    transition: height ease-in-out 200ms;
	/* min-height: 200px; */
}

.topic_profile_header_wrapper {
	width: 100%;
	max-width: 1024px;
}

.desktop.topic_profile_header_wrapper {
	margin: 0 10px;
	box-sizing: border-box;
}

.mobile.topic_profile .content_panel {
	padding: 0px;
}

.mobile.topic_profile .header_bottom_container {
	/* background: var(--background-color); */
	/* background: var(--accent-color); */
	/* background: linear-gradient(180deg, var(--accent-color), var(--primary-action-color) 80%); */
	align-items: center;
    text-align: center;
	/* margin-bottom: 5px; */
}

.mobile.topic_profile .header_bottom_container .avatar {
	margin: -50px 0px 0px 0px;
	height: 100px;
	width: 100px;
	border: 4px solid var(--background-color);
	border-radius: 10px;
	box-shadow: var(--org-following-shadow);
}

.mobile.topic_profile .header_bottom_container .avatar .profile_picture {
	height: 100px;
	width: 100px;
	object-fit: contain;
	border-radius: 6px;
    background: var(--background-color);;
}

.mobile.topic_profile .header_bottom_container .avatar_container {
	display: flex;
	justify-content: center;
}

.mobile.topic_profile .header_bottom_container .name {
	color: var(--foreground-color);
	/* color: white; */
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	margin: 10px;
}

.mobile.topic_profile .header_bottom_container .location{
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	display: inline-block;
	margin-bottom: 10px;
    text-align: center;
    padding: 0 30px;
    line-height: 1.2;
}
/*
.mobile.topic_profile .header_bottom_container .followers_container {
	margin-left: 20px;
} */

.mobile.topic_profile .header_bottom_container .followers_container .title {
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	font-weight: 700;
	margin-left: 5px;
}

.mobile.topic_profile .header_bottom_container .followers_container .value {
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	font-weight: 700;
}

.mobile.topic_profile .header_bottom_container .total_posts_container .title {
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	font-weight: 700;
	margin-left: 5px;
}

.mobile.topic_profile .header_bottom_container .total_posts_container .value {
	color: var(--light-foreground-color);
	font-size: 0.8666666667rem;
	font-weight: 700;
}

.mobile.topic_profile .header_bottom_container .manage_following_container .icon {
	font-size: 0.7333333333rem;
}

.mobile.topic_profile .header_bottom_container .manage_following_container {
	margin: 0 10px;
}

/* .mobile.topic_profile .header_bottom_container .manage_following_container .icon,
.topic_profile .header_bottom .manage_following_container .icon {
	color: var(--primary-action-color);
	margin-left: 8px;
} */

.mobile.topic_profile .header_bottom_container .manage_following_container .text {
	font-size: 0.7333333333rem;
}

/* .mobile.topic_profile .header_bottom_container .manage_following_container .text,
.topic_profile .header_bottom .manage_following_container .text {
	color: var(--primary-action-color);
} */

.topic_profile .articles.page {
	display:flex;
	/* justify-content: center; */
}

.topic_profile .articles.page .articles.list {
	max-width: 700px;
	width: 100%;
}

.topic_profile.desktop.resources .resources.list_view .card_grid {
	padding: 0px;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.topic_profile.resources .search_filter_view_bar .horizontal.search_row {
	margin-bottom: 0;
}

.topic_profile .header_bottom {
	/* margin-bottom: 10px; */
    border-radius: 0 0 10px 10px;
	gap: 15px;
}

.topic_profile .header_bottom .avatar {
	margin: -38px 0px 0px 25px;
	height: 120px;
	width: 120px;
	box-sizing: border-box;
	border: 4px solid var(--background-color);
	background-color: var(--background-color);
	transition: none;
	border-radius: 10px;
	box-shadow: var(--org-following-shadow);
}

.topic_profile .header_bottom .avatar .profile_picture {
	border: 4px solid var(--background-color);
	border-radius: 10px;
	object-fit: contain;
}

.topic_profile .header_bottom .location {
	color: var(--foreground-color);
	font-size: 0.8rem;
	line-height: 1.2;
	margin-bottom: 5px;
}

.topic_profile .header_bottom .name {
	color: var(--foreground-color);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
    padding: 15px 0 0;
}

.topic_profile .header_bottom .followers_container .title, .topic_profile .header_bottom .total_posts_container .title {
	color: var(--light-foreground-color);
	font-size: 0.8rem;
	font-weight: 700;
}

.topic_profile .header_bottom .followers_container .value, .topic_profile .header_bottom .total_posts_container .value {
	color: var(--primary-action-color);
	font-size: 1.2rem;
	font-weight: 700;
	margin-top: 10px;
}

.topic_profile .header_bottom .followers_container {
	align-items: flex-end;
}

/* .topic_profile .header_bottom .icon {
	color: var(--primary-action-color);
} */

.topic_profile .header_bottom button {
	min-width: fit-content;
}


.topic_profile .header_bottom .manage_following_container {
	/* margin: 48px 0px 0px 0px; */
	justify-content: flex-start;
	gap: 10px;
}

/* .topic_profile .header_bottom .organization_container {
	margin-left: 15px;
} */

.topic_profile .header_bottom .right_content {
	/* margin: 15px 15px 0; */
    justify-content: space-between;
	gap: 15px;
}


.topic_profile .header_bottom .top_container {
	justify-content: flex-end;
}

.topic_profile .header_bottom .total_posts_container {
	margin-right: 35px;
	align-items: flex-end;
}

.topic_profile .image_header {
	height: 235px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 0;
	border-radius: 0 0 10px 10px;
}

.topic_profile .newsfeed.page {
	max-width: 700px;
	width: 100%;
	margin-top: 0;
}

.topic_profile .topic_profile_wrapper {
	align-items: stretch;
    display: flex;
    flex-direction: column;
    /* max-width: 1024px; */
    width: 100%;
	height: 100%;
}

.topic_profile_content-wrapper {
	display: flex;
	justify-content: center;
	height: 100%;
}

.topic_profile .resources .resources_container {
	padding: 0;
}

.mobile .topic_profile .resources .resources_container {
	padding: 10px;
}

/* .mobile.topic_profile .popular_topics_cards.popular_topics .pill {
	background-color: var(--background-color);
} */

.desktop .topic_profile_content-wrapper {
    box-sizing: border-box;
	margin: 0 10px 10px;
}

.mobile .topic_profile_header_bg {
	margin-bottom: 0;
    border-bottom: 1px solid var(--primary-background);
}

.topic_profile_content {
	max-width: 1024px;
	width: 100%;
}

.topic_profile .page.button {
	/* position: relative;
	top: 1px; */
	border-bottom: 3px solid transparent;
}

.topic_profile .page.button.selected {
    border-bottom: 3px solid var(--primary-action-color);
    background-color: var(--background-color);
}

.menu.page_button_more_menu .page.button.selected {
    border: none;
}

.mobile .topic_profile .page.button {
	padding: 10px 15px;
    font-size: 0.8666666667rem;
}

.topic_profile_home {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

@media only screen and (max-width: 1100px) {
	.topic_profile_home {
		flex-direction: column-reverse;
		align-items: center;
	}
	.topic_profile .search_filter_view_bar .search.bar {
		max-width: 100%;
		width: 100%;
	}
	.topic_profile .topic_details {
		max-width: 700px;
	}
}

/*
.topic_profile_home .add_item {
	padding: 15px 15px 0px 15px;
}
*/

.topic_profile_home .add_item .bottom_buttons {
	margin-top: 10px;
	/* justify-content: space-evenly; */
	border-top: 1px solid rgba(0,0,0,0.1);
}

.topic_profile_home .add_item .bottom_buttons .footer.button {
	/* background-color: unset;
	border: unset; */
	display: flex;
	flex-grow: 1;
	justify-content: center;
	padding: 10px;
	margin: 5px 0;
    align-items: center;
	border-radius: 4px;
}

.topic_profile_home .add_item .bottom_buttons .footer.button:hover {
    background: var(--hover-background);
}

.topic_profile_home .contact_title {
	padding: 5px 0 10px 0;
	gap: 10px;
}

.topic_profile_home .main_content {
	display: flex;
	flex-grow: 1;
}

.topic_profile_home .search.bar {
	height: 42px;
}

.topic_profile .topic_container_wrapper {
	justify-content: space-between;
    flex-direction: column;
    width: 100%;
	gap: 10px;
    display: flex;
	margin: 10px;
}

.topic_profile_wrapper .post_counters {
	gap: 15px;
}

.topic_profile .topic_profile_wrapper .connect_wrapper {
	display: flex;
	/* align-items: center; */
}

.topic_profile .topic_profile_wrapper .connect.page {
	max-width: 700px;
	width: 100%;
}

.desktop.topic_profile .content_panel {
    padding: 0;
}

.desktop.topic_profile .admin .search_row .search_options .basic.button {
	height: 42px;
}

.topic_profile_wrapper .resources .search_filter_view_bar .horizontal.active_filter_list {
    padding: 0;
}

.mobile .topic_profile .menu .list_item.email,
.mobile .topic_profile .menu .list_item.phone {
    min-height: 53px;
    justify-content: flex-end;
}
.topic_profile_home .topic_details .section .item:last-child {
    margin-bottom: 0;
}

.desktop.topic_profile .topic_profile_wrapper {
    margin-bottom: 25px;
}

.topic_profile_wrapper .basic.button.map {
	display: none;
}

.topic_profile .resources.list_view .search_filter_view_bar {
	margin: 0;
	gap: 10px;
}

.mobile.topic_profile .newsfeed.page .search_row {
    background: var(--background-color);
    border-bottom: 1px solid var(--border-color);
	position: sticky;
}

.mobile.topic_profile .resources.page,
.mobile.topic_profile .events.page {
	margin-top: 0;
}

.mobile.topic_profile .search_row_spacer {
	display: none;
}

/* 
.mobile.topic_profile .multiline .search_options > .button,
.mobile.topic_profile .search_bar_with_menu,
.mobile.topic_profile .search.bar,
.mobile.topic_profile .newsfeed.page .search.bar,
.mobile.topic_profile .newsfeed.page .search_row .filter_button {
	box-shadow: none;
	background-color: var(--input-background-color);
} */

.topic_profile.desktop .popular_topics_cards {
    margin: 10px 0;
}

.desktop.topic_profile .org_profile_content {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.mobile.topic_profile .search_row,
.mobile.org_profile .search_row {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
}

.topic_profile .locked_with_consumer.pill {
	margin: 10px 0 0 0;
}

.mobile.topic_profile .locked_with_consumer.pill {
	margin: 0 10px 0 10px;
	align-self: center;
}

.topic_profile .locked_with_consumer.pill .label {
	max-width: 280px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.show_contributors.popup {
	padding: 0px 0px 10px 0px;
}

.organization_grid {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
}

.topic_profile .no_results button.basic.button.alt {
	background-color: var(--basic-button-background);
}

.topic_profile .posts.list .no_results button.basic.button.alt {
	background-color: var(--background-color);
}

.topic_profile .header_bottom .total_posts_container {
	align-items: flex-end;
}

/* topic_tags.css */

/* .edit_item.popup .topic_tags_bar {
	margin-top: 10px;
    border-top: 1px solid var(--border-color);
    padding-top: 10px;
} */

.topic_tags_bar .subtitle {
	font-size: 0.866666667rem;
    line-height: 1.3;
}

.topic_tags_bar .topic_tags_section {
	display: flex;
	padding: 5px 10px;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.topic_tags_bar .topic_tags_section .caret.icon {
	margin-left: 10px;
}

.edit_item.resource .topic_tags_bar .topic_tags_section.item.section .title {
    flex-grow: inherit;
}

.topic_tags .item.section .pill {
	color: var(--foreground-color);
    border: none;
    padding: 10px;
	flex-grow: 1;
	padding: 10px 5px;
	font-size: 1em;
}

.topic_tags .item.section .pill > .label {
	flex-grow: 1;
}

.topic_tags .tag_list {
	color: var(--primary-action-color);
}

/* tutorial.css */

.tutorial_content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tutorial_content .description {
	text-align: center;
	margin-bottom: 15px;
}

.tutorial_content .image {
	max-width: 280px;
	align-self: center;
	border: 2px solid var(--matte-color);
}

.tutorial_content .tutorial_title {
	margin-bottom: 15px;
}

.tutorial_page1 .popup_footer {
	justify-content: flex-end
}

.tutorial-wrapper i.fa-times {
	padding: 5px;
	cursor: pointer;
}

.tutorial-wrapper i.fa-times:hover {
	transform: scale(1.5);
	transition: all .2s ease-in-out
}

.tutorial-wrapper {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin: 20px;
	max-height: 90vh;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 0 15px;
	max-width: 700px;
	background-color: var(--background-color);
}

.tutorial-header {
	background-color: var(--popup-header-background);
	border-bottom: 1px solid var(--border-color, grey);
	display: flex;
	justify-content: flex-end;
	padding: 15px;
}

.tutorial-content-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 640px;
	max-height: calc(100vh - 260px);
	padding: 10px 0;
}

.tutorial-content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	max-width: 480px;
	/*border: solid red 1px;*/
}

.button-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 15px;
}

.btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	min-height: 32px;
	min-width: 120px;
	border: 2px solid transparent;
	border-radius: 8px;
	cursor: pointer;
	font-size: 0.8em;
	transition: all 0.3s ease 0s;
}

.btn.secondary {
	background-color: var(--basic-button-background);
	color: var(--foreground-color);
}

.btn.primary {
	color: white;
	background-color: var(--accent-color);

}

.btn:hover {
	filter:var(--button-hover-brightness);
}

.btn-text {
	padding: 5px;
}

.tutorial-icon {
	padding-bottom: 20px;
	height: 80px;
	width: 80px;
}

.tutorial-image {
	padding-bottom: 20px;
	justify-content: center;
	align-self: center;
	height: 400px;
	width: 200px;
}

.tutorial-heading {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 4px solid rgba(0,0,0,0.1);
	font-weight: 700;
	font-size: 1.5em
}

.tutorial-description {
	font-weight: 400;
	margin: 5px 0;
	line-height: 1.2;
	padding: 0 0 10px;
	text-align: center;
}

.flex-end {
	justify-content: flex-end;
}

.download-wrapper {
	display: flex;
	flex-direction: row;
}

.ios-store-img, .android-store-img {
	width: 200px;
	margin: 0 10px;
	cursor: pointer;
}



/* two_factor.css */

.generate_two_factor_recovery_codes .used_count,
.generate_two_factor_recovery_codes .instructions,
.disable_two_factor .instructions {
	margin: 0 0 10px;
}

.disable_two_factor {
	padding-bottom: 10px;
}

.require_two_factor {
	padding-bottom: 10px;
}

.register_two_factor, .register_two_factor {
	align-items: center;
	text-align: center;
}

.register_two_factor .qr_code {
	height: 196px;
	width: 196px;
}

.mobile .register_two_factor .input_group {
    align-items: center;
}

.register_two_factor .short_code.input {
	margin-bottom: 10px;
}

.confirm_two_factor .recovery_codes {
	font-family: monospace;
	height: 15em;
	width: 100%;
	max-width: 580px;
}

.confirm_two_factor .printable {
	display: none;
}

@media print {

	html.printing body, 
	html.printing body.peer_connect, 
	html.printing body.peer_connect.feed_layout {
		background-color: white;
		color: black;
	}

	.printing body #content {
		visibility: hidden;
		height:0;
		width: 0;
		overflow: hidden;
	}

	#printable {
		/* position: absolute; */
		/* top: 0;
		bottom: 0;
		left: 0;
		right: 0; */
		padding: 60px;
		display: block;
		visibility: visible;
		font-family: monospace;
		color: black;
		background-color: white;
		overflow: hidden;
	}

	#printable * {
		visibility: visible;
	}

	#printable p {
		white-space: pre;
	}
}

.mobile .confirm_two_factor .download.link,
.mobile .confirm_two_factor .print.link {
	/* display: none; */
}

.confirm_two_factor {
	padding-bottom: 10px;
}

.recovery_code.input {
	width: 250px;
}

.reset_two_factor.page .info_text {
	text-align: center;
	margin: 0 0 20px;
	color: white;
	font-weight: 400;
}

.reset_two_factor.page .errorMessage {
	margin: 0px 0px 15px 0px;
}

.reset_two_factor_results.page .errorMessage {
	margin-bottom: 15px;
}

.require_two_factor .organization_header .name:hover {
	text-decoration: unset;
	color: unset;
	cursor: unset;
}

.two_factor_disabled {
	padding: 10px 0px 20px 0px;
	text-align: center;
}

.two_factor_disabled .icon {
	font-size: 3rem;
    color: var(--checkbox);
}

.require_two_factor .contact_header .info {
    justify-content: center;
}

/* types.css */

.type_pills {
	box-sizing: border-box;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 5px;
	width: 100%;
}

.type_pills > li.pill {
	box-sizing: border-box;
	cursor: pointer;
	max-width: 100%;
	line-height: 1.2;
}

.type_pills > li.pill > div:first-of-type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.type_pills li button {
	background-color: var(--border-color);
	border-radius: 5px;
	display: flex;
	padding: 7px;
}

.type_pills li .delete {
	margin-left: 5px;
    align-self: center;
}

.type_selector ul.type_items {
	margin: 10px -10px 0;
    border-top: 1px solid var(--border-color);
}

.type_selector ul.type_items li {
	border-bottom: 1px solid var(--border-color);
	display: flex;
	justify-content: space-between;
	padding: 15px;
}

.type_selector ul.type_items li:last-child {
	border-bottom: none;
}

.type_selector .search.bar {
	width: 100%;
}

/* unsubscribe.css */

.unsubscribe.page .info_text {
	text-align: center;
	margin: 0 0 10px;
	color: white;
	font-weight: 400;
	line-height: 1.3;
}

/* usage_summary_admin.css */

.usage_summary_admin .slides {
	max-width: 900px;
	width: 900px;
}

body.peer_connect.usage_summary_admin {
    background-color: var(--secondary-background);
}

.usage_summary_admin .commands {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
	max-width: 900px;
	width: 100%;
	flex-wrap: wrap;
	gap: 10px;
}

.usage_summary_admin .commands .left_strip {
	align-items: center;
	display: flex;
	gap: 10px;
}

.usage_summary_admin .commands .left_strip span {
	color: var(--light-foreground-color);
	font-size: 0.6rem;
	margin-bottom: 50px;
	position: absolute;
	text-transform: uppercase;
}

.usage_summary_admin .commands .right_strip {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: flex-end;
}



.mobile.usage_summary_admin .download.button, .mobile.usage_summary_admin .print.button {
	min-width: initial;
}

.mobile.usage_summary_admin .download.button .label, .mobile.usage_summary_admin .print.button .label {
	display: none;
}

/* .usage_summary_admin .print.button {
	align-items: center;
	background-color: var(--primary-button-background);
	border-radius: 8px;
	cursor: pointer;
	border: 2px solid transparent;
	box-sizing: border-box;
	color: white;
	cursor: pointer;
	display: flex;
	font-size: 12px;
	height: 30px;
	justify-content: center;
	min-height: 32px;
	min-width: 120px;
	padding: 5px 10px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out 0s;
} */

.usage_summary_admin .no_data {
	justify-content: flex-start;
}

/* Slide 1 */
.usage_summary_admin .slide.title .slide_header {
	display: none;
}

.usage_summary_admin .slide.title .background_color {
	background: #3167ba;
	height: 99%;
	position: relative;
	width: 100%;
    transform: translateZ(0px);
}

.usage_summary_admin .slide.title .background_image {
	align-items: center;
	background-image: url("/upload/assets/engagementReport_general.png");
	background-size: cover;
	background-position: top center;
	clip-path: polygon(0px 0px, 100% 0px, 100% 85.5%, 0px 100%);
	display: flex;
	flex-direction: column;
	height: 502px;
	justify-content: center;
	position: relative;
	width: 100%;
}

.usage_summary_admin .slide.title .color_overlay {
	background: var(--accent-color);
	height: 100%;
	mix-blend-mode: color;
	position: absolute;
	width: 100%;
}

.usage_summary_admin .slide.title .frmh_logo {
	-webkit-filter: drop-shadow(0 0 5px #000);
	filter: drop-shadow(0 0 5px #000);
	height: 42px;
	left: 30px;
	position: absolute;
	top: 30px;
}

.usage_summary_admin .slide.title .emblem {
	margin-bottom: 15px;
	position: relative;
}

.usage_summary_admin .slide.title .emblem .graphic {
	border-radius: 5%;
	filter: drop-shadow(rgba(0, 0, 0, 0.9) 6px 9px 5px);
	max-height: 200px;
	max-width: 200px;
	width: 100%;
}

.usage_summary_admin .slide.title .emblem .title {
	color: rgb(255, 255, 255);
	font-size: 1.5em;
	font-weight: 700;
	top: 180px;
	position: absolute;
	text-align: center;
	user-select: none;
	width: 100%;
}

.usage_summary_admin .slide.title .title_area {
	align-items: center;
	background: rgb(255, 255, 255);
	box-sizing: border-box;
	clip-path: polygon(0px 28%, 100% 0px, 100% 100%, 0px 100%);
	display: flex;
	flex-direction: column;
	height: 262px;
	margin-left: -5px;
	padding-top: 64px;
	position: absolute;
	top: 436px;
	width: 101%;
	/* transform: scaleZ(0); */
}

.usage_summary_admin .slide.title .title_area .peerconnect_logo {
	height: 48px;
	margin-bottom: 10px;
}

.usage_summary_admin .slide.title .title_area .title {
	color: rgb(19, 49, 85);
	font-size: 2.25em;
	text-transform: uppercase;
}

.usage_summary_admin .slide.title .title_area .subtitle {
	color: rgb(19, 49, 85);
	font-size: 0.9em;
	font-weight: 600;
	margin-top: 12px;
	text-transform: uppercase;
}

.usage_summary_admin .slide.title .title_area .launch_date {
	color: rgb(19, 49, 85);
	font-size: 0.7em;
	font-weight: 400;
	margin-top: 7px;
	text-transform: uppercase;
}

.usage_summary_admin .slide.title .slide_footer {
	display: none;
}


/* Slide 2 */
.usage_summary_admin .slide.member_engagement .title {
	font-size: 1.7em;
	margin-top: 94px;
	text-align: center;
	text-transform: uppercase;
}

.usage_summary_admin .slide.member_engagement .slide_body {
	box-sizing: border-box;
	display: flex;
	padding: 37px 96px 0px 165px;
	border-radius: 20px;
}

.pie_chart {
	position: relative;
}

.pie_chart .legend {
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1.5em;
	position: absolute;
	width: 233px;
}

.pie_chart .legend.inactive_members {
	left: -123px;
	top: 261px;
}

.pie_chart .legend.active_members {
	left: 117px;
	text-align: right;
	top: 59px;
}

.pie_chart .legend .label {
	border-bottom: 2px solid rgb(148, 148, 153);
}

.usage_summary_admin .slide.member_engagement .stats {
	display: flex;
	flex-direction: column;
	line-height: 1.93em;
	margin-top: 138px;
	text-align: center;
}

.usage_summary_admin .slide.member_engagement .stats .label {
	font-size: 0.8em;
	font-weight: 700;
}

.usage_summary_admin .slide.member_engagement .stats .number {
	font-size: 2.6em;
	font-weight: 700;
	margin-bottom: 10px;
}

.usage_summary_admin .slide.member_engagement .stats .disclaimer {
	color: rgb(19, 49, 85);
	font-size: 0.6666666667rem;
	font-weight: 600;
	line-height: 1.3em;
	margin-top: 10px;
}

/* Slide 3 */
.usage_summary_admin .slide.platform_types .slide_body {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.usage_summary_admin .slide.platform_types .slide_body svg {
	margin-top: 20px;
}

.usage_summary_admin .slide.platform_types .slide_body .stats {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 640px;
	margin: 0px auto;
	padding: 10px 0px;
}

.usage_summary_admin .slide.platform_types .slide_body .stats .stat {
	display: flex;
	flex-direction: column;
	height: 60px;
	margin: 10px 0;
	text-align: center;
	width: 320px;
}

.usage_summary_admin .slide.platform_types .slide_body .stats .stat .title {
	font-size: 0.8em;
	font-weight: 700;
}

.usage_summary_admin .slide.platform_types .slide_body .stats .stat .subtitle {
	color: rgb(19, 49, 85);
	font-size: 0.6666666667rem;
	font-weight: 600;
	line-height: 1rem;
}

.usage_summary_admin .slide.platform_types .slide_body .stats .stat .number {
	font-size: 2em;
	font-weight: 700;
}

/* Slide 4 */
/* .usage_summary_admin .slide.engagement_statistics .slide_header {
	margin: 77px 0 25px 0;
}

.usage_summary_admin .slide.engagement_statistics .slide_header .subtitle {
	margin: 0;
}

.usage_summary_admin .slide.engagement_statistics .slide_body {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.usage_summary_admin .slide.engagement_statistics .slide_body svg {
	margin-top: 20px;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .bar_graph {
	background: #DDD;
	height: 331px;
	margin: 0 auto;
	width: 755px;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .disclaimer {
	color: rgb(19, 49, 85);
	font-size: 0.6666666667rem;
	font-weight: 600;
	line-height: 1rem;
	padding: 35px 160px;
	text-align: center;
} */

/* Slide 5 */
.usage_summary_admin .slide.engagement_statistics .slide_body .stats {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 47px 110px 0 100px;
	width: 100%;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .stat_divider {
	background: rgb(156, 27, 49);
	border-radius: 0px 5px 5px 0px;
	height: 4px;
	left: 0px;
	margin-top: 7px;
	position: absolute;
	width: 93px;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .stat_group:nth-child(even) .stat_divider {
	border-radius: 5px 0 0 5px;
	left: unset;
	right: 0px;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .resources.stat_group,
.usage_summary_admin .slide.engagement_statistics .slide_body .stats .library.stat_group {
	height: 139px;
}
.usage_summary_admin .slide.engagement_statistics .slide_body .stats .events.stat_group .stat_divider {
	width: 211px;
}
.usage_summary_admin .slide.engagement_statistics .slide_body .stats .library.stat_group .stat_divider {
	width: 226px;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .stat_group {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 200px;
	max-width: 400px;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .stat_title {
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .stat_row {
	align-items: center;
	display: flex;
	max-height: 42px;
	padding: 3px 0px 4px;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .stat_row .number {
	font-size: 1.6em;
	font-weight: 700;
	width: 55px;
	margin-right: 8px;
	min-width: 55px;
	text-align: center;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .stat_row .labels .title {
	font-size: 0.8em;
	font-weight: 700;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .stat_row .labels .subtitle {
	line-height: 1em;
	font-size: 0.6666666667rem;
	font-weight: 400;
	padding-top: 3px;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .date_row {
	align-items: center;
	display: flex;
	flex-direction: row;
	margin-top: 5px;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .date_row .label {
	font-weight: 700;
	font-size: 0.8em;
}

.usage_summary_admin .slide.engagement_statistics .slide_body .stats .date_row .date {
	font-weight: 700;
	font-size: 0.8em;
	padding-left: 10px;
}

/* Slide 6 */
.usage_summary_admin .slide.administrative_statistics .slide_header .disclaimer {
	line-height: 1em;
	font-size: 0.6666666667rem;
	font-weight: 400;
	padding: 14px 0 28px 0;
	text-align: center;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .divider {
	background: rgb(156, 27, 49);
	border-radius: 0px 5px 5px 0px;
	height: 4px;
	margin-top: 5px;
	position: absolute;
	width: 318px;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .divider.left {
	left: 0;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .divider.right {
	border-radius: 5px 0px 0px 5px;
	right: 0px;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .group_title {
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 17px;
	text-align: center;
	text-transform: uppercase;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .data_list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	max-height: 400px;
	padding: 15px 70px 0 208px;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .data_list .number_data {
	align-items: center;
	display: flex;
	margin-bottom: 25px;
	width: 252px;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .data_list .number_data .number {
	font-size: 1.5em;
	font-weight: 700;
	margin-right: 16px;
	text-align: right;
	width: 40px;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .data_list .number_data .label {
	font-size: 0.8em;
	font-weight: 600;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .data_list .list_data {
	margin-bottom: 16px;
	width: 337px;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .data_list .list_data .label {
	font-size: 0.8666666667rem;
	font-weight: 600;
}

.usage_summary_admin .slide.administrative_statistics .slide_body .data_list .list_data .data {
	font-size: 0.8666666667rem;
	font-weight: 800;
	line-height: 1.3em;
}

/* Slide 7 */
.usage_summary_admin .slide.peer_support_statistics .slide_header {
	margin: 45px 0 25px 0;
}

.usage_summary_admin .slide.peer_support_statistics .slide_header .subtitle {
	margin: 0;
}

.usage_summary_admin .slide.peer_support_statistics .slide_body .divider {
	background: rgb(156, 27, 49);
	border-radius: 0px 5px 5px 0px;
	height: 4px;
	margin-top: 5px;
	position: absolute;
	width: 318px;
}

.usage_summary_admin .slide.peer_support_statistics .slide_body .divider.left {
	left: 0;
}

.usage_summary_admin .slide.peer_support_statistics .slide_body .divider.right {
	border-radius: 5px 0px 0px 5px;
	right: 0px;
}

.usage_summary_admin .slide.peer_support_statistics .slide_body .group_title {
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 4px;
	text-align: center;
	text-transform: uppercase;
}

.usage_summary_admin .slide.peer_support_statistics .slide_body .data_list {
	align-content: space-around;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	max-height: 331px;
	padding: 40px 150px 0 150px;
	row-gap: 17px;
	text-align: center;
	width: 100%;
}

.usage_summary_admin .slide.peer_support_statistics .slide_body .data_list .stat_row {
	width: 40%;
}

.usage_summary_admin .slide.peer_support_statistics .slide_body .data_list .stat_row .title {
	font-weight: 700;
	font-size: 0.8em;
	padding-bottom: 2px;
	text-transform: uppercase;
}
.usage_summary_admin .slide.peer_support_statistics .slide_body .data_list .stat_row .subtitle {
	font-size: 0.6666666667rem;
	font-weight: 600;
	line-height: 1.5em;
	padding-bottom: 7px;
}
.usage_summary_admin .slide.peer_support_statistics .slide_body .data_list .stat_row .number {
	font-weight: 700;
	font-size: 1.7em;
	padding: 5px 0px;
}

.usage_summary_admin .slide.peer_support_statistics .slide_body .data_list .follow_ups .subtitle {
	display: none;
}
.usage_summary_admin .slide.peer_support_statistics .slide_body .data_list .proactive_connections .subtitle {
	display: none;
}

.usage_summary_admin .slide.peer_support_statistics .slide_body .note {
	font-size: 0.6em;
	font-weight: 600;
	padding-top: 42px;
	text-align: center;
	width: 100%;
}

/* Slide 8 */
.usage_summary_admin .slide.summary_groups .slide_header {
	display: none;
}

.usage_summary_admin .slide.summary_groups .slide_body {
	column-fill: auto;
	height: 85%;
}

.usage_summary_admin .slide.summary_groups .slide_body, .usage_summary_admin .slide.connection_form_stats .slide_body {
	box-sizing: border-box;
	columns: 200px 2;
	column-gap: 30px;
	padding: 35px 112px 0;
}

.usage_summary_admin .slide .slide_body .data_table {
	font-size: 0.6em;
	width: 100%;
}

.usage_summary_admin .slide .slide_body .data_table .row {
	break-inside: avoid-column;
}

.usage_summary_admin .slide .slide_body .data_table .row.highlight {
	background: rgb(253, 243, 196);
}

.usage_summary_admin .slide .slide_body .data_table .row:not(.header) .column {
	border: 1px solid rgb(170, 170, 170);
	font-weight: 700;
	line-height: 1.2;
	padding: 6px 5px 4px 3px;
	vertical-align: middle;
}

.usage_summary_admin .slide .slide_body .data_table .row:not(.header) .number.column {
	text-align: center;
}

.usage_summary_admin .slide .slide_body .data_table .header.row {
	background: rgb(156, 27, 49);
	color: rgb(255, 255, 255);
	display: table-row;
	font-size: 1em;
	font-weight: 700;
	height: unset;
	text-align: center;
	text-transform: uppercase;
}

.usage_summary_admin .slide .slide_body .data_table .header .column {
	border: 1px solid rgb(170, 170, 170);
	padding: 8px 5px 4px 3px;
}

.usage_summary_admin .slide .slide_body .data_table .span.column {
	background: rgb(213, 215, 216);
	border: 1px solid rgb(170, 170, 170);
	color: rgb(42, 59, 92);
	font-weight: 700;
	padding: 8px 5px 4px 3px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

/* Refactored slide CSS */
.usage_summary_admin .slide .slide_body table.data_table {
	font-size: 0.6em;
	width: 100%;
}

.usage_summary_admin .slide .slide_body table.data_table tr {
	break-inside: avoid-column;
}

.usage_summary_admin .slide .slide_body table.data_table tr.header{
	display: table-header-group;
}

.usage_summary_admin .slide .slide_body .data_table th:not([colspan]) {
	background: rgb(42, 59, 92);
	border: 1px solid rgb(170, 170, 170);
	color: rgb(255, 255, 255);
	font-size: 1em;
	font-weight: 700;
	padding: 8px 5px 4px 3px;
	text-align: center;
	text-transform: uppercase;
}

.usage_summary_admin .slide .slide_body .data_table th[colspan] {
	background: rgb(213, 215, 216);
	border: 1px solid rgb(170, 170, 170);
	color: rgb(42, 59, 92);
	font-weight: 700;
	padding: 8px 5px 4px 3px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.usage_summary_admin .slide .slide_body .data_table td.highlight {
	background: rgb(253, 243, 196);
}

.usage_summary_admin .slide .slide_body .data_table td {
	border: 1px solid rgb(170, 170, 170);
	font-weight: 700;
	line-height: 1.2;
	padding: 6px 5px 4px 3px;
	vertical-align: middle;
}

.usage_summary_admin .slide .slide_body .data_table td:nth-child(2) {
	text-align: center;
}

/* .usage_summary_admin .slide .slide_body .data_table .row:not(.header) .number.column {
	text-align: center;
} */

/* Slide 9 */
.usage_summary_admin .slide.connection_form_stats .slide_header {
	display: none;
}

@page {
	margin: 0mm;
}

.mobile .slides {
	display: none
}

@media print {
	.frame_center {
		margin-top: 0;
	}
	.mobile .slides {
		display: block;
	}
	@page {
		size: landscape; /* not supported in safari */
	}
	button.basic.button.icon_text.print {
		display: none;
	}
	body.usage_summary_admin {
		background: transparent !important;
		overflow: visible;
	}

	body.usage_summary_admin * {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		visibility: hidden;
	}

	.usage_summary_admin .print, .usage_summary_admin .print * {
		visibility: visible;
	}

	.usage_summary_admin .slides {
		backface-visibility: hidden;
		flex-direction: column;
		left: 0;
		max-width: none !important;
		position: absolute;
		top: 0;
		width: 100% !important;
	}

	.usage_summary_admin .slide {
		break-inside: avoid !important;
		display: block !important;
		margin: auto !important;
		border-radius: 25px;
	}

	.usage_summary_admin .slide_wrapper {
		padding-top: 0.25in;
	}

	.usage_summary_admin .content_panel {
		position: initial !important;
	}
}

/* user_add_edit.css */

.user_add_edit.popup .roles > .title, .user_add_edit.popup .external_roles > .title {
	font-weight: 700;
	margin-bottom: 5px;
}

.user_add_edit.popup .role_group > .title {
	font-weight: 700;
	margin-bottom: 5px;
	text-decoration: underline;
}

.user_add_edit.popup .role_group > .message {
	color: grey;
	margin-bottom: 5px;
	font-size: 0.8em;
}

.user_add_edit.popup .role.member {
    background-color: var(--primary-background);
    border-radius: 3px;
}

.user_add_edit.popup .roles {
	margin-bottom: 20px;
}

.user_add_edit.popup .role {
    padding: 5px;
	width: 200px;
}

.user_add_edit.popup .Suspend.field {
	margin: 0;
}

.user_add_edit .editbar_container.groups .item.section {
    padding: 0;
	background-color: unset;
}

.user_add_edit .editbar_container.groups .item.section .tag_pills {
    border-radius: 0px 0px 5px 5px;
}

.user_add_edit.popup .name.field .field:last-child {
    padding-bottom: 0;
}

/* .user_add_edit.popup .testing.field {
    margin: 10px 0 0;
} */

/* user_export.css */

.export_users .popup_footer {
	justify-content:flex-end;
}

.export_users .export_users_content {
	margin: 10px 0px;
	line-height: 1.3;
}

/* user_import.css */

/* .user_import.desktop_inner_frame {
    width: 90vw;
} */

.user_import.popup {
    padding-bottom: 10px;
	flex-direction: column;
	display: flex;
	gap: 10px;
}

.user_import.popup .step {
	gap: 5px;
	flex-direction: column;
	display: flex;
}

/* .user_import .popup_body {
	overflow-y: hidden;
} */

.mobile .user_import.popup {
	border-bottom: none;
	padding-bottom: 10px;
}

.mobile .user_import .grid .column_header.row {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
}

.user_import.popup .buttons {
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 5px;
	gap: 10px;
}

.user_import.popup .csv_format_example {
    font-size: 0.8em;
    margin: 0 0 5px;
    color: var(--light-foreground-color);
    background-color: var(--border-color);
    padding: 10px;
    border-radius: 3px;
    line-height: 1.5;
    overflow: auto;
    white-space: nowrap;
}

.csv_format_example .format_line:first-child {
    font-weight: 700;
}

.user_import.popup .file_picker {
    width: fit-content;
}

.user_import.user_import.popup .controls {
    /* margin-bottom: 10px; */
	gap: 5px;
}

.mobile .user_import.popup .search.bar ~ .basic.button.filter label {
    display: none;
}

.mobile .user_import .search.bar input {
    border-radius: 5px;
}

.user_import.popup .users {
    overflow: auto;    
}

.user_import.popup .users > .table-wrapper {
    height: calc(100vh - 320px);
}

.mobile .user_import.popup .users > .table-wrapper {
    /* height: calc(100vh - 320px); */
	height: var(--import-table-height);
}

.user_import.popup .users .bottom_spacer {
	display: none;
}

.mobile .user_import.popup .popup_body .bottom_spacer {
	height: 30px;
}

.user_import .icon.add {
    color: hsl(120, 60%, 70%);
}

.user_import .icon.remove {
    color: hsl(0, 30%, 60%);
}

.user_import .icon.update {
    color: hsl(200, 50%, 50%);
}

.user_import .icon.none {
    color: grey;
}

.group_data.addedGroups {
    color: var(--success-green-color);
}

.group_data.removedGroups {
    color: var(--error-red-color);
}

.user_import .group_data {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.user_import .search.bar input {
	height: 36px;
}

.user_import .data .column div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	line-height: normal;
}

.user_import .search.bar {
    max-width: 270px;
}
.popup_body .user_import .search.bar .input {
	border-radius: 5px;
}

.mobile .user_import .search.bar {
	max-width: 100%;
}

.user_import.popup .search.bar ~ .basic.button.filter {
    background-color: var(--contained-search-controls-background);
	font-weight: 400;
}

.user_import input {
	width: 250px;
    height: 40px;
    flex-grow: 0;
    padding: 8px;
}

.admin-table .upload_csv {
	padding-bottom: 10px;
}

.user_import .data.row.invalid_row {
	background-color: var(--soft-red);
}

/* users_admin.css */

.users_admin.page .add_roles_to_users.popup .subtitle {
	margin-bottom: 10px;
}

.users_admin.page .add_roles_to_users.popup .role_group .title {
	font-weight: 700;
	margin-bottom: 5px;
}

.users_admin.page .add_roles_to_users.popup .roles {
	margin-bottom: 20px;
}

.users_admin.page .grid .group_data {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.users_admin.page .grid .status_circle {
	margin-right: 5px;
}

.users_admin.page .grid .status_circle.active {
	color: var(--status-active);
}

.users_admin.page .grid .status_circle.inactive {
	color: var(--status-inactive);
}

.users_admin.page .grid .status_circle.invited {
	color: var(--status-invited);
}

.users_admin.page .grid .status_circle.suspended {
	color: var(--status-suspended);
}

.send_registration_emails .popup_body {
	display: flex;
	/* justify-content: center; */
	padding: 10px;
}

.send_registration_emails.no_users .popup_footer {
	justify-content: flex-end;
}

.send_registration_emails .message {
    line-height: 1.3;
}

/* .user_add_edit.popup .checkbox.setting {
	margin-bottom: 20px;
} */

.user_add_edit.popup .email_address .input {
	text-transform: lowercase;
}

.user_add_edit.popup .field .text {
	margin-bottom: 5px;
	line-height: 1.3;
}

.mobile .users_admin .search_row .filter {
	display: flex;
}

.users_admin.filter_menu .status.section,
.users_admin.filter_menu .groups.section {
	border-bottom: 1px solid var(--border-color);
	margin-bottom: 5px;
	padding-bottom: 15px;
}

.users_admin.filter_menu .groups.section p {
	padding: 0 15px;
	font-size: 0.8rem;
}

.users_admin.filter_menu .checkbox.setting .wrapper.horizontal {
	padding: 0 5px 0 10px;
}

.users_admin.filter_menu .status.section {
	margin: 0px 0px 5px 0px;
}

.users_admin .grid .column .pill {
	margin-top: 5px;
	font-size: 0.7rem;
}

.users_admin .grid .column .status_col {
	margin-top: 5px;
}

.user_add_edit.popup .basic.delete.button {
	background-color: var(--button-red);
	color: #ffffff;
}

.user_add_edit.popup .basic.delete.button:disabled {
	background-color: var(--disabled-button-bg);
	color: var(--disabled-button-color);
}

.user_add_edit.popup .region.item.section .label, 
.user_add_edit.popup .agency.item.section .label,
.user_add_edit.popup .state.item.section .label,
.user_add_edit.popup .language.item.section .label
{
	flex-grow: 1;
}

.user_add_edit.popup .settings_warning {
	margin-bottom: 10px;
}

.table-wrapper {
	width: 100%;
	overflow: auto;
    box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid var(--border-color);
}

.mobile .admin .table-wrapper {
	flex-grow: 1;
	height: fit-content;
}

.table-wrapper .grid {
	width: 100%;
}

.admin-table .content_panel {
	overflow: hidden;
	/* background: var(--background-color); */
}

.user_notification_history .session {
	margin: 0 0 10px 0;
    border: 1px solid var(--border-color);
    padding: 10px;
    overflow-wrap: break-word;
    line-height: 1.3;
}

.user_notification_history .push_token,
.user_notification_history .user_agent {
	font-size: 0.8rem;
	color: var(--light-foreground-color);
}

.user_notification_history .no_receipts, .user_notification_history .receipts.list {
	display: flex;
    flex-direction: column-reverse;
}

.user_notification_history .receipts.list .receipt {
	display: flex;
	justify-content: space-between;
    line-height: 1.5;
}

.user_notification_history .receipt .error {
	background-color: var(--error-red-color);
}

/* users.css */

.user_container {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.user_container .contact_header {
	flex-grow: 1;
}

.user_container .checkbox_container {
	display: flex; 
	align-items: center;
}

.users.popup .buttons {
	margin-top: 10px;
}

.users.popup .search.bar {
	margin: 10px 0px 20px 0px;
}

.users.popup .checkbox .label {
	display: none;
}

.users.popup .search.bar .filter {
	display: none;
}

/* vertical.css */

.flex {
	display: flex;
}

.vertical {
	display: flex;
	flex-direction: column;
}

.one_gap {
	gap: 1px;
}

.two_gap {
	gap: 2px;
}

.three_gap {
	gap: 3px;
}

.four_gap {
	gap: 4px;
}

.five_gap {
	gap: 5px;
}

.ten_gap {
	gap: 10px;
}

.fifteen_gap {
	gap: 15px;
}

.twenty_gap {
	gap: 20px;
}

.thirty_gap {
	gap: 30px;
}

.flex_grow, .flex-grow {
	flex-grow: 1;
}

.align_center {
    align-items: center;
}

.align_self_center {
	align-self: center;
}

.desktop .d_align_self_center {
	align-self: center;
}

.align_middle {
	align-items: center;
}

.text_center {
	text-align: center;
}

.align_start {
	align-items: flex-start;
    display: flex;
    align-self: flex-start;
}

.flex_start {
	align-self: flex-start;
}

.flex_end {
	align-self: flex-end;
}

.align_items_center {
    align-items: center;
}

.align_items_end {
    align-items: end;
}

.justify_center {
    justify-content: center;
}

.height_100 {
	height: 100%;
}

.row_reverse {
	flex-direction: row-reverse;
}

.fit_content {
	width: fit-content;
}

.align_middle_1400 {
	max-width: 1400px;
    align-items: center;
}

.max_720 {
	max-width: 720px;
}

.max_1400 {
	max-width: 1400px;
}

/* video.css */

.video {
	position: relative;
	width: 100%;
}

.video .video_element, .video .video_iframe {
	width: 100%;
}

.video .video_iframe {
	height: 100%;
}

/* .video.embedded .video_iframe {
	height: 300px;
} */

.video .unmute_overlay {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: rgba(255,255,255,0.5);
	color: black;
	padding: 10px;
}

.video .video_element[muted]+.unmute_overlay {
	display: block;
}

.video .unmute_overlay .label {
	display: none;
	margin-right: 0.5em;
}

.video:hover .unmute_overlay .label {
	display: inline-block;
}

.video .play_overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	max-height: 100%;
	max-width: 700px;
	width: 100%;
}

.desktop .video .play_overlay .play.button {
	height: 55px;
    width: 55px;
    font-size: 3rem;
    /* box-shadow: var(--tooltip-shadow); */
}

.video .video_element[autoplay]+.play_overlay,
.video .video_element[controls]+.play_overlay {
	visibility: hidden;
}

.video .play_overlay .play.button {
	font-size: 0.8666666667rem;
	width: 40px;
	height: 40px;
	font-size: 2rem;
	background-color: rgba(255,255,255,0.7);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px); 
	color: rgba(0,0,0,0.7);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.desktop .media_feed_thumbnails .video .play_overlay .play.button {
	font-size: 3rem;
    height: 60px;
    width: 60px;
}

.detailed_post.page.article > div > div.small_images .play.button {
	font-size: 8px;
	height: 25px;
	width: 25px;
}

.transcript.button {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgba(0,0,0,0.75);
	color: white;
	font-size: 0.8rem;
	/* width: 25px; */
	padding: 4px 8px;
	height: 25px;
	border-radius: 5px;
	text-align: center;
	pointer-events: auto;
	visibility: visible;
}

.transcript.button.playing {
	visibility: hidden;
}

.desktop .video:hover .transcript.button {
	visibility: visible;
}

.video_transcript {
	white-space: pre-wrap;
}

/* view_peer_support_profile.css */

.view_peer_support_profile {
	width: 100%;
	gap: 10px;
}

.view_peer_support_profile .container {
	padding: 15px;
}

.view_peer_support_profile .container:last-child {
	padding-bottom: 15px;
}

.mobile .view_peer_support_profile .detail_navigation {
	/* background-color: var(--background-color);
	color: var(--primary-action-color); */
    font-size: 1.2rem;
    align-items: center;
	width: 100%;
	/* Added to override default .detail_navigation causing overflow issues on this particular page*/
	/* padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px; */
}

.mobile.user_profile .view_peer_support_profile .support_profile_header {
	margin-top: 56px;
}

.mobile.user_profile .popup_body .view_peer_support_profile .support_profile_header {
	margin-top: 0;
}

.mobile .content_loaded_wrapper.loaded {
	gap: 10px;
}

.mobile .support_profile.header.container {
	box-shadow: none;
	/* margin-top: 10px; */
}

.mobile .support_profile_body.container {
    /* box-shadow: var(--feed-item-shadow); */
}

.view_peer_support_profile .support_profile_header .contact_header {
    flex-direction: column;
    align-items: flex-start;
}

.view_peer_support_profile .support_profile_header .contact_header .names {
    align-items: center;
    flex-wrap: wrap;
}

.view_peer_support_profile .support_profile_header {
	/* border-top: calc(70px + var(--safe-area-inset-top)) solid var(--mid-gradient-color); */
	background: linear-gradient(color(srgb 0.64 0.64 0.64 / 0.23) 0px, var(--background-color) 110px);
}

.view_peer_support_profile .detail_navigation .support_profile_header {
	border-top: 70px solid var(--accent-color);
}

.mobile.user_profile .popup_header {
    background: linear-gradient(0deg, var(--mid-gradient-color) 0%, var(--accent-color) 100%);
}

.view_peer_support_profile.page .support_profile_header .remove_to_team_button {
    color: var(--status-suspended);
    border: 1px solid var(--soft-red);
}

.view_peer_support_profile .support_profile_header .avatar {
	border: 8px solid var(--background-color);
	height: 85px;
	/* margin: -70px 0 0px 0; */
	width: 85px;
    background-color: white;
}

.popup_body .view_peer_support_profile .container {
    box-shadow: none;
    border-radius: initial;
    border-bottom: none;
}

.view_peer_support_profile .support_profile_header .first_column {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.view_peer_support_profile .support_profile_header .first_column .horizontal {
	align-items: center;
	margin-bottom: 10px;
	margin-right: 10px;
}

.view_peer_support_profile .support_profile_header .alias {
	font-size: 1.3333333333rem;
	font-weight: 700;
	line-height: 1.2;
}

.view_peer_support_profile .support_profile_header .bullet {
	color: var(--info-text);
}

.view_peer_support_profile .support_profile_header .name {
	color: var(--light-foreground-color);
	font-weight: 700;
}

.view_peer_support_profile .support_profile_header .organization {
	font-size: 0.8rem;
	/* margin-bottom: 10px; */
}

.view_peer_support_profile .support_profile_header .commands {
	margin-left: auto;
	padding-top: 10px;
}

.view_peer_support_profile .support_profile_header .commands .button {
	border: none;
	box-sizing: border-box;
	font-size: 0.8rem;
	/* letter-spacing: 1px; */
	padding: 10px;
}

.view_peer_support_profile .support_profile_header .commands .button:not(:last-child) {
	margin-right: 5px;
}

.view_peer_support_profile .support_profile_header .commands .request_button {
	background-color: var(--contact-method-button-background);
	color: var(--foreground-color);
}

.view_peer_support_profile .support_profile_body {
	display: flex;
	flex-direction: column;
}

.mobile .view_peer_support_profile .support_profile_body {
	/* margin: 0 10px; */
	border-radius: 10px;
}

.view_peer_support_profile .support_profile_body .section {
    display: flex;
    flex-direction: column;
	gap: 10px;
}

.view_peer_support_profile .support_profile_body p {
	font-size: 0.8666666667rem;
	line-height: 1.5;
}

.view_peer_support_profile .support_profile_body p:last-child {
    padding: 0;
}

.view_peer_support_profile .support_profile_body .skills_list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	justify-content: space-between;
	list-style-type: none;
}

.view_peer_support_profile .support_profile_body .skills_list li {
	align-items: center;
	border: 1px solid lightgray;
	border-radius: 100px;
	cursor: pointer;
	display: flex;
	font-size: 0.8rem;
	font-weight: bold;
	padding: 8px 12px;
}

.view_peer_support_profile .support_profile_body .skills_list li .icon {
	font-size: 1rem;
	margin-right: 2px;
}

.view_peer_support_profile .support_profile_body .skills_list li .icon.fa-circle-check {
	color: green;
}

.view_peer_support_profile .support_profile_body .skills_list li .icon.fa-circle-plus {
	color: var(--primary-action-color);
}

.view_peer_support_profile .support_profile_body .skills_list li div {
	margin: 0 3px;
}

.view_peer_support_profile .support_profile_body .skills_list li .bullet {
	color: lightgray;
}

.mobile .view_peer_support_profile.page .row > .horizontal {
    flex-direction: column;
}

.view_peer_support_profile.page .support_profile_header .buttons {
	display: flex;
	gap: 10px;
	min-width: unset;
}

.desktop .view_peer_support_profile.page .support_profile_header button {
	min-width: unset;
}

.view_peer_support_profile.page .support_profile_header .buttons .button {
	width: 100%;
}

.view_peer_support_profile.page .support_profile_header .contact_header .info {
	flex-grow: 0
}

.mobile .support_profile_header.container .horizontal {
    flex-direction: column;
	gap: 10px;
}

.mobile .support_profile_header.container .contact_header {
    display: flex;
    flex-direction: column;
}

.mobile .support_profile_header .avatar .profile_picture {
    width: inherit;
    height: inherit;
}

.support_team .search.bar ~ .basic.button {
    height: auto;
}

.desktop.support_team.user_profile .popup_body {
	padding: 0 0 10px 0;
}

.desktop.support_team.user_profile .shade.modal .popup_body {
    padding: 10px 10px 0 10px;
    padding: 0;
}

.mobile.user_profile .popup_body {
	padding-top: 0;
	/* padding-bottom: calc(var(--footer-height) + 10px); */
}

.mobile.user_profile .popup .popup_body {
	/* padding: 0; */
	padding: 15px 15px var(--padding-body) 15px;
}

.desktop.user_profile .popup .popup_body {
	padding: 10px 15px;
}

.mobile.user_profile .modal .popup_body {
	border-radius: 20px 20px 0 0;
	padding: 0;
}

.view_peer_support_profile.page {
    gap: unset;
}

.desktop.user_profile .peersupportprofile .popup_body {
	padding: 0;
}

/* view_selectors.css */

.view_selectors .button {
	font-size: 1.125rem;
	padding: 7px;
	/* margin-right: 5px; */
	border-radius: 0;
	justify-content: center;
}

.view_selectors .button.selected {
    background-color: var(--primary-background);
    color: var(--accent-color);
    /* border: 1px solid var(--input-border-color); */
}

.view_selectors .frontend.button {
	background: url("/upload/assets/preview-mode.svg") center center no-repeat;
	background-size: 16px;
	height: 16px;
	width: 16px;
}

/* visibility_schedule.css */

.visibility_schedule .date_ranges {
	margin-bottom: 10px;
}

.visibility_schedule .date_range .horizontal {
	align-items: center;
	padding: 10px;
	background-color: var(--primary-background);
}
	
.visibility_schedule .date_range .close.button {
	margin-left: 10px;
}


/* walkthrough.css */

.walkthrough {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 650px;
	width: 100%;
}

.popup .walkthrough {
	min-height: 600px;
	justify-content: center;
}

/*
.popup .walkthrough .tutorial_start{
	min-height: 420px;
}

.popup .walkthrough .tutorial_peer_support{
	min-height: 600px;
} 

.popup .walkthrough .tutorial_sharing {
	min-height: 575px;
}

.popup .walkthrough .tutorial_introducing_events {
	min-height: 575px;
}

.popup .walkthrough .tutorial_edit_profile {
	min-height: 555px;
}

.popup .walkthrough .tutorial_download_the_app {
	min-height: 160px;
}
*/

.mobile .walkthrough {
    padding: 15px 10px;
    box-sizing: border-box;
    background-color: var(--light-background-color);
}

.walkthrough .app-store, .walkthrough .google-play {
	height: 60px;
	width: auto;
}

.mobile .walkthrough .app-store, .mobile .walkthrough .google-play {
	height: 46px;
	width: auto;
}

.walkthrough .google-play {
	margin-left: 10px;
}

.walkthrough .heading img {
	margin-bottom: 10px;
	width: 80px;
}

.walkthrough h1 {
	font-size: 1.5rem;
	margin: 0 0 5px 0;
	text-align: center;
}

.walkthrough .enroll-graphic {
	margin-bottom: 20px;
}

.walkthrough p {
	line-height: 1.2rem;
	padding: 0 0 10px;
	text-align: center;
}

.walkthrough p em {
	font-weight: 700;
}

.walkthrough .screenshot {
	border: 2px solid var(--matte-color);
	max-width: 280px;
}

.walkthrough .footer {
	align-self: stretch;
    display: flex;
    padding-top: 10px;
    border-top: 1px solid var(--border-color);
    margin-top: 10px;
}

.walkthrough .footer button:last-of-type {
	margin-left: auto;
}

/* warning.css */

/* .warning {
	align-items: center;
	background-color: var(--background-color);
	border: 2px solid #A50000;
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--foreground-color);
	display: flex;
	font-size: 0.9em;
	justify-content: flex-start;
	margin: 5px 0 10px;
	padding: 20px;
	min-height: 40px;
	line-height: 1.3em;
} */

/* webrtc.css */

.webrtc .audio_container {
    align-items: center;
}

.webrtc .delete.button {
    background-color: var(--red);
}