:root {
    --red: #E84258;
    --orange: #FD8060;
    --green: #B0DBA4;
}
.block .contextual-region{width:100%;}
.views-exposed-form .bef--secondary{width:100%;}
.views-exposed-form .claro-details__wrapper{display:flex;}
.views-exposed-form .claro-details__wrapper>div.js-form-item{margin-right:2em;}
.path-webform .webform-submission-form.webform-submission-add-form, .webform-submission--view-mode-html .webform-submission-data, .webform-element-help-container--title{
	box-shadow: var(--gin-shadow-l1);
    border: 1px solid var(--gin-border-color-layer2);
    border-radius: var(--gin-border-m);
	background: var(--gin-bg-layer) !important;
    background-color: var(--gin-bg-layer) !important;
	padding:1.5em;
}
.path-webform .webform-submission-form.webform-submission-add-form, .path-webform .webform-submission-form.webform-submission-test-form{
	padding:0 1.5em;
}
.webform-submission-data .webform-element label{
	font-size:1.1em;
	line-height:1.5em;
	border-bottom:solid 1px #ccc;
	display:block;
	margin-bottom:1em;
}
.circle-overview{border:solid 1px; border-radius:10px; padding:10px; margin: 10px; color: var(--gin-color-primary); }
.circle-overview > div{flex-grow:1;}
.user-info{margin:0 2em 0 0;}
.view-filters form .form-actions{}
.view-filters form .fieldset{margin: 1em 1em 0 0; padding: 0.8em !important;}
.pad-div-items-right > div{padding-right:10px;}
.margin-bottom{margin-bottom:1em;}
.margin-top{margin-top:1em;}
.delete-message{position:relative; border-radius:7px; z-index:10; margin-bottom:10px; display:inline-block;}
.delete-goal{width:100%; height:100%; background:var(--gin-bg-app); left:0; position:absolute; opacity:0.7; z-index:9; margin-top:-25px;}
.path-goal .region-content{position:relative;}
.gin-horizontal-scroll-shadow{background-image:none!important; background:transparent!important;}
.js .dropbutton-wrapper.open .dropbutton__item:first-of-type ~ .dropbutton__item {
    display: block!important;
	opacity:1;
}
.js .dropbutton-wrapper:not(.open) .dropbutton__item:first-of-type ~ .dropbutton__item {
    display: block;
}
.js .dropbutton-wrapper .dropbutton__item:first-of-type ~ .dropbutton__item {
    opacity:0;
}
#views-exposed-form-reports-individuals-meetings-on-user-report-default, #views-exposed-form-reports-individuals-meetings-on-user-report-default #edit-meeting-date-wrapper{padding:0!important; margin-top: 0.4rem;}
#views-exposed-form-reports-individuals-meetings-on-user-report-default .form-actions{margin:var(--gin-spacing-xs);}

#views-exposed-form-reports-individuals-meetings-on-user-report-default .form-actions input{margin-bottom: .4rem;}
.ief-entity-table td{padding:0; margin:0; vertical-align:middle;}
.th__operations, .ief-entity-operations{text-align:right;}
.ief-form.ief-form-row{padding:1em 1em 0 1em;}
ul.admin-list{margin-left:0!important;}
li.admin-item{list-style:none!important;}
.page-wrapper.dialog-off-canvas-main-canvas{padding-right:0!important;}
.webform-tabs-item-list{display:flex;}
.webform-details-toggle-state-wrapper{display:none;}
#drupal-off-canvas details, #drupal-off-canvas summary, #drupal-off-canvas .details-wrapper {margin-top:0!important;}
.webform-element-help--content{color:white!important;}
.button--full{display:block}
.button--full-wrapper .dropbutton-wrapper {min-width:100%;}
.button--full-wrapper .dropbutton-wrapper .dropbutton__item a{text-align:center;}
.user-list img {
    max-width: 40px;
    height: auto;
    border-radius: 50%;
    border: solid lightgrey 2px;
    padding: 2px;
}
.user-list-large img {
    height: auto;
    border-radius: 50%;
    border: solid lightgrey 2px;
    padding: 2px;
}
.dashboard-primary{background: #a8c70e; color:white; padding:1em;}
#views-exposed-form-reports-meetings-page-1{display:block; flex-wrap:nowrap;}
#views-exposed-form-reports-meetings-page-1 fieldset{margin-top:1em; margin-right:0; display:flex;}
#views-exposed-form-reports-meetings-page-1 fieldset .form-item__label{float:left; margin-right:0.5em;}
.familyrow .userstartbutton{display:none;}
.userrow .familystartbutton{display:none;}
.noindividual  .userstartbutton{display:none;}
.nofamily .familystartbutton{display:none;}
.name-block{line-height:1em; white-space:nowrap;}
.name-icon{float:left; line-height:1em; margin-right:5px;}
.user-icon, .family-icon{display:none;}
.previous{margin-left: 20px;
display: block;
margin-top: 5px;
background: #ddd;
padding: 2px 10px;
border-radius: 5px;
margin-right: 20px;}
.profile-breadcrumb{margin:1em;}

.user-family .family-icon, .user-user .user-icon{display:block!important;}
.user{margin-left:20px;}
.user-family .form-item--field-last-name-0-value label::after{
	content:"(Family name)";
}
.edit-circle .circle-add-hide{display:none;}
.edit-profile .circle{display:none;}
.user-family .family-add-hide{
	display:none;
}
#drupal-modal .layout-region-node-secondary{display:none;}
.documents-profile{display:none;}
.edit-documents-profile .circle, .edit-documents-profile.user-details-fieldset, .edit-documents-profile .circle-add-hide{display:none;}
.edit-circle .field-add-more-submit{display:none;}
.edit-documents-profile .documents-profile{display:block!important;}
.user-family .user-details-fieldset{
	padding:0!important;
}
.field--name-field-attendance .form-item, .field--name-field-meeting-notes .form-item {
    margin-bottom: 5px;
}
.views-field-field-attendance .form-submit, .views-field-field-meeting-notes .form-submit{
	margin-top: 5px;
}
.views-field-field-review-meeting{
	margin-top:1em;
}
.gin-layer-wrapper{
    border-radius: 0!important;
}
.col-6{
	background: lightgrey;
padding: 0.5em 1em;
margin: 0 1em 0 1em;
border-radius: 10px;
}
@media (min-width: 976px){
	.row{display:flex; text-align:left; align-items:stretch;}
	.col-6{width:50%;}
	.col-6.align-right{text-align:right;}
body.path-report.gin--vertical-toolbar.gin--vertical-toolbar.gin--vertical-toolbar,
body.path-email-tfa.gin--vertical-toolbar.gin--vertical-toolbar.gin--vertical-toolbar,
body.path-meeting-print.gin--vertical-toolbar.gin--vertical-toolbar.gin--vertical-toolbar	 {
padding-inline-start: 0!important;
}
body.path-email-tfa.gin--vertical-toolbar.gin--vertical-toolbar.gin--vertical-toolbar h1.page-title,
body.path-email-tfa.gin--vertical-toolbar.gin--vertical-toolbar.gin--vertical-toolbar .email-tfa-verify-form{
		max-width:400px;
		margin-right:auto;
		margin-left:auto;
	}
}
.modal-view .layout-region-node-secondary{display:none;}
.modal-add #drupal-modal .modal-hidden-add, .modal-add .field-add-more-submit, .modal-add-meeting .field-add-more-submit, .modal-edit-rating-meeting .field-add-more-submit{display:none;}


.modal-edit #drupal-modal .modal-hidden-edit{display:none;}
.modal-view #drupal-modal .modal-hidden-view{display:none;}
.field--name-field-goal{display:inline-block; max-width:100%;}
.field--name-field-goal a, .goal-description a{background:#aaa; border-radius:5px; padding:5px 10px; color:white!important; display:inline-block; font-size:0.9em;}
.field--name-field-goal a:hover, .goal-description a:hover{background:#ccc; color:white;}
.view-actions-on-a-goal .views-exposed-form.views-exposed-form{border:none; padding-top:0; padding-left:0; padding-right:0; margin-top:0; margin-right:0; margin-left:0;}


.modal-edit-links-meeting .meeting-links, .modal-edit-images-meeting .meeting-images{display:block;}
.modal-add-meeting .review-pop-up, .modal-edit-meeting .review-pop-up, .modal-add-meeting .modal-hidden-add, .modal-edit-meeting .modal-hidden-add{display:none;}

.add-meeting .meeting-notes, .add-meeting .meeting-images, .add-meeting .meeting-links, .add-meeting .field-add-more-submit{display:none}

.mark-active .mark-active-hidden{display:none;}
.mark-resolved .mark-resolved-hidden{display:none;}

.modal-add-meeting .meeting-review, .modal-add-meeting .meeting-notes, .modal-add-meeting .meeting-images, .modal-add-meeting .meeting-links, .edit-meeting-details .meeting-review, .edit-meeting-details .meeting-notes, .edit-meeting-details .meeting-images, .edit-meeting-details .meeting-links, .edit-meeting-details .field-add-more-submit, .modal-add-meeting .field-add-more-submit{display:none}

.modal-add-action-meeting .modal-hidden-add, .modal-add-action-meeting .modal-meeting-add-hide, .modal-add-action-meeting .modal-hidden-add{display:none;}
.modal-edit-action-meeting .modal-meeting-edit-hide{display:none;}

.edit-images .meeting-details, .edit-images .meeting-review, .edit-images .meeting-notes, .edit-images .meeting-links, .edit-images .field-add-more-submit{display:none;}
.edit-links .meeting-details, .edit-links .meeting-review, .edit-links .meeting-notes, .edit-links .meeting-images{display:none;}
.edit-links button.field-add-more-submit{padding: calc(var(--gin-spacing-s) - 2px) var(--gin-spacing-m);}

.modal-edit-rating-meeting .meeting-details, .modal-edit-rating-meeting .meeting-notes, .modal-edit-rating-meeting .meeting-images, .modal-edit-rating-meeting .meeting-links, .modal-edit-rating-meeting .field-add-more-submit{display:none;}

.path-profile.frontend-editing-processed #edit-field-circle-of-support{
	border:none;
	padding:0!important;
}
.path-profile.frontend-editing-processed #edit-field-circle-of-support .fieldset__wrapper, .path-profile.frontend-editing-processed #edit-field-circle-of-support .fieldset__label{
	margin:0;
	padding:0;
}
.path-profile.frontend-editing-processed #edit-field-circle-of-support .fieldset__label{
	display:none;
}
.path-profile.frontend-editing-processed .views-field.views-field-field-circle-of-support{
	border-color: var(--gin-border-color);
	border-width:1px;
	border-style:solid;
    border-radius: var(--gin-border-m);
    box-shadow: none;
	padding:20px;
}

.gin-layer-wrapper {
  padding: 0;
  margin: 0;
  background: inherit;
  border: none;
  box-shadow: none;
}
video{
	margin: 0 auto;
	display: block;
	max-width: 100%;
	height: auto;
	max-height: 500px;
    width: auto;
}
#block-system-menu-block-super-admin-menu ul{
	display:flex;
}
#block-system-menu-block-super-admin-menu ul li{
    list-style-type: none;
	margin-right:1em;
}
.card {
  background: var(--gin-bg-layer)!important;
  background-color: var(--gin-bg-layer)!important;
}
.card__content-wrapper {
  background-color: transparent!important;
}
.card-content-wrapper-no-flex {
  background-color: transparent!important;
    padding: 1.5rem;
}
.circle-of-support .view-content{
	display:flex;
	flex-wrap:wrap;
}
.circle-of-support .card-circle{
	width: 32%;
	flex-grow: 1;
	margin-right: 2%;
	max-width: 32%;
	border:none;
}
.circle-of-support .card-circle .views-field{
	border: 1px solid var(--gin-border-color-layer2);
border-radius: var(--gin-border-m);
}
.circle-of-support .card-circle:nth-child(3n){
	margin-right:0;
}
.gin-layer-wrapper{
	background:none!important;
	border:none!important;
	padding:0!important;
	margin:0!important;
	margin-top: 0;
	box-shadow: none!important;
	border-radius: none!important;
}
.paragraph--type--video .field--name-field-video{
	background-color:#ddd;
	border-radius:10px;
	padding:10px;
	margin-bottom:20px;
}

.gin-breadcrumb ol li:first-child{
	display:none;
}
.col-100{
	width:100%;
	clear:both;
}
.col-50{
	width:49%;
	display:inline-block;
}
.col-50.col-left{
	float:left;
	clear:left;
	padding-right:1%;
}
.col-50.col-right{
	float:right;
	clear:right;
	padding-left:1%;
}
.col-33{
	width:32.6666666666%;
}
.col-33.col-left{
	float:left;
	clear:left;
	padding-right:0.5%
}
.col-33.col-middle{
	float:left;
	padding-right:0.5%
	padding-left:0.5%
}
.col-33.col-right{
	float:right;
	clear:right;
	padding-left:0.5%
}
.col-left > div{
	display:inline-block;
	width:100%;
}
.col-middle > div{
	display:inline-block;
	width:100%;
}
.col-right > div{
	display:inline-block;
	width:100%;
}
.goal-graph .view-goal-graph{margin:10px; overflow-x:scroll;}
.goal-graph .view-goal-graph .view-content{display:flex; align-items:flex-end; width:100%; height:105px; background-image:url('../images/goalgraph.png'); padding-bottom:1px; padding-left:1px; padding-right:1px; background-position:bottom left; background-repeat:repeat-x;}
.goal-graph .view-goal-graph .view-content .views-field-field-rating{display:inline-flex;}
.goal-graph .bar{width:25px; display:inline-block; color:#fff; text-align:center; padding-bottom:0px; font-size:10px; position:relative; border:solid 1px;}
.goal-graph .bar1{height:9px; background-color: var(--red); font-size:0;}
.goal-graph .bar2{height:19px; background-color: var(--red);}
.goal-graph .bar3{height:29px; background-color: var(--red);}
.goal-graph .bar4{height:39px; background-color: var(--orange);}
.goal-graph .bar5{height:49px; background-color: var(--orange);}
.goal-graph .bar6{height:59px; background-color: var(--orange);}
.goal-graph .bar7{height:69px; background-color: var(--orange);}
.goal-graph .bar8{height:79px; background-color: var(--green);}
.goal-graph .bar9{height:89px; background-color: var(--green);}
.goal-graph .bar10{height:99px; background-color: var(--green);}
.goal-graph .tooltip{
visibility: hidden;
width: auto;
background-color: #555;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 6px;
position: absolute;
z-index: 9999;
bottom: 80%;
left: 50%;
opacity: 0;
transition: opacity 0.3s;
white-space:nowrap;
}
.goal-graph .bar:hover .tooltip{visibility:visible; opacity:1;}
.summary{
	color: #232429;
	font-size: 0.79rem;
	padding:0 0 10px 0;
}
.deleted{
background: var(--red);
font-size: 0.8em;
padding: 3px 10px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
color: white;
}
.card .field--name-field-deleted span{
	background: var(--red);
font-size: 0.8em;
padding: 3px 10px;
border-radius: 7px;
color: white;
	display:inline-block;
	margin-bottom:1em;
}
.path-dashboard .region.region-breadcrumb .breadcrumb__item:last-child{
	display:none;
}
.region-sticky {
  z-index: 100!important;
}
.tag .icon-inline{
    float: left;
	padding: 0 5px 0 0;
	clear: left;
	color:#fff;
	fill:#fff;
}
.tag{
	font-size:11px;
	background-color:#555;
	color:#fff;
	padding:3px 8px;
	margin:5px;
	border-radius:4px;
}
.label.selectable .menu-item__link{
	background:grey;
	color:white;
	padding:3px 8px;
	border-radius:4px;
	margin:3px 0;
	display: inline-block;
    font-size: 13px;
}
.altlabel.selectable{
	background:grey;
	color:white;
	padding:3px 8px;
	border-radius:4px;
	margin:3px 0;
	display: inline-block;
    font-size: 13px;
}
.altlabel.selectable a{
	color:white;
}
.altlabel.notselectable a{
	border-bottom: dotted 1px #ddd;
    display: block;
    font-weight: 600;
    color: black;
    margin-top: 1em;
	line-height:30px;
}
.altlabel.notselectable svg{
	line-height:30px;
	height:30px;
	margin-right:10px;
	float:left;
}
.label.selectable .tabledrag-cell-content__item path{
	fill:grey;
}
.label-overview ul li{
	list-style-type:none;
}

.csv-feed .feed-icon {
  background-image: url(../images/csv.png)!important;
	background-size:50px 50px;
}
.views-data-export-feed .feed-icon {
  width: 50px;
  height:50px;
}
.button {
  font-size: 0.79rem;
}
.button-full{
	display:block;
	margin-right:0;
	margin-left:0;
}
.dropbutton__item:first-of-type ~ .dropbutton__item > a, .dropbutton__item:first-of-type ~ .dropbutton__item > .button {
  font-size: 0.79rem!important;
}
.dropbutton__item:first-of-type > * {
  font-size: 0.79rem!important;
  line-height: 1rem!important;
	padding: calc(.38rem - 1px) calc(1.5rem - 1px)!important;
}
.js .dropbutton {
  height: 2rem!important;
  min-height: 2rem!important;
}
.dropbutton__toggle {
  height: 1.75rem!important;
}

.toolbar-meta .toolbar-bar .toolbar-tab.toolbar-id--toolbar-icon-escape-admin{
	display:none;
}
.region-headeradd, #block-views-block-admin-help-link-block-1{
	display:none;
}

.display-inline{
	display:inline-block!important;
}
.reports-breadcrumbs{
	margin-bottom:1em;
}
fieldset:not(.fieldgroup) {
    padding: 20px!important;
}
fieldset:not(.fieldgroup)>legend {
    background: #333;
    padding: 5px 15px;
    color: white;
    border-radius: 5px;
}
.supporting-evidence-collapse{
	border:solid 1px #eee;
	border-radius:10px;
}
.supporting-evidence-collapse summary{
	cursor:pointer;
}
.embeded-actions{padding:0em 1.1em;}
.pad{
	padding:1em;
}
.pad-top{
	padding-top:1em;
}
.pad-right{
	padding-right:1em;
}
.pad-bottom{
	padding-bottom:1em;
}
.pad-left{
	padding-left:1em;
}
.icon-pad-right{
	padding-right:0.4em;
}
#views-exposed-form-reports-individuals-meetings-on-user-report-default fieldset{
	border:none;
}
.header-right-tabs > .view-content{
	position: absolute;
top: 10px;
right: 50px;
z-index: 999;
}
.flex{
	display:flex;
	align-items:center;
}
.inline-flex{
	display:inline-flex;
	align-items:center;
}
.flex-align-top{
	display:flex;
	align-items:flex-start;
}
.block{
	display:block;
}
.joyride-tip-guide {
    z-index: 9999;
}
.joyride-modal-bg {
    z-index: 9998;
}
.joyride-tip-guide .button--primary, .joyride-tip-guide .button--primary:not(:focus), .joyride-tip-guide .ief-entity-submit {
    background: var(--colorGinPrimary);
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-filter: none!important;
    filter: none!important;
}
.joyride-tip-guide .tour-tip-body a {
    text-decoration: underline;
}
h3.goal-title{
	margin-right:10px;
	margin-top: 12px;
}
.goal-rating-entity-item-list{
	margin-bottom:2em;
	clear:both;
}
.clearfix{
	clear:both;
}
.help-button{
	font-size: 26px;
	position: relative;
    top: 0px;
    left: 0px;
	float: right;
    margin-right: 20px;
    margin-bottom: 20px;
}
.region.region-header{
	position:relative;
}
#user-pass-reset p{display:none;}
.activeflag{
	margin: 1em 0 0 0;
    display: inline-block;
    background: grey;
    font-size: 0.8em;
    padding: 3px 10px;
    border-radius: 3px;
    color: white;
}
.flagresolved{
	margin: 1em 0 0 1em;
    display: inline-block;
	float:right;
}
.flagresolved a{
    background: var(--red);
    font-size: 0.8em;
    padding: 3px 10px;
    border-radius: 3px;
    color: white;
}
.flagresolved a:hover{
    color: white;
}
.flagresolved path{fill:white;}

.activeflag.flagactive{background: var(--green);}
.activeflag.flaginactive{background: var(--red);}

.hidden-section, .print .print-hidden{
	display:none!important;
}

#edit-reset-alphabetical{
	display:none;
}
.tabledrag-changed-warning.messages{
	margin-top:1rem;
}
.edittabs{
	margin:1em 1em 1em 0;
}
.goal-rating-form #edit-field-post .form-item, 
.goal-rating-form div[id*='edit-field-post--'] .form-item, 
#edit-field-select-supporting-posts .form-item{
	border-bottom:solid 1px #ccc;
	padding-bottom:2em;
	padding-top:2em;
}

.goal-rating-form #edit-field-post .views-field-field-post,
.goal-rating-form div[id*='edit-field-post--'] .views-field-field-post, 
#edit-field-select-supporting-posts .form-item{
	font-size:15px;
	font-weight:bold;
	
}
.goal-rating-form #edit-field-post .form-item img,
.goal-rating-form div[id*='edit-field-post--'] .form-item img,
#edit-field-select-supporting-posts .form-item img{
	float:left;
	margin-right:1em;
	border-radius:5px;
}
.goal-rating-form #edit-field-post .field-content, 
.goal-rating-form  div[id*='edit-field-post--'] .field-content,
#edit-field-select-supporting-posts .form-item .field-content
{
	display:block;
}
.created-details{clear:left; padding-top:20px;}
.created-details > span{padding-right:20px;}
div[id*='edit-field-post--'],
#edit-field-post{
	display:inline-grid;
	width:100%;
}
#edit-field-select-supporting-posts .form-item{
	display:block;
	width:auto;
}
#edit-field-post--wrapper .fieldset__wrapper--group, #edit-field-select-supporting-posts--wrapper{
	border: solid 1px grey;
	padding: 20px;
	overflow-y: scroll;
	max-height: 200px;
	margin-top: 10px;
	border-radius: 5px;
}
.small{font-size:small;}
.h2{
    font-size: 1.6em;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.05em;
    color: var(--colorGinTitle);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
	margin-bottom:0.6em;
}
body.print{
	padding-left:0!important;
    margin-left: 0!important;
	padding-inline:0!important;
}
body.print #toolbar-administration{
	display:none;
}
.hide{
	display:none;
}
.user-register-form .form-item--name{
	display:none;
}
body.path-profile #block-here2there-primary-local-tasks{
	display:none;
}
.access > div{
	position:relative;
}
.hover-wrapper > div{
	width:20px;
	margin:0 auto;
}
.hover-wrapper .view-header{
	margin-bottom:0;
}
.access-code{
	font-size:2em;
	font-weight:bold;
}
.view-id-user_embed_circle_of_support_entity .view-content{
  visibility: hidden;
  width: 120px;
  background-color: #555!important;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 9999;
  bottom: 110%;
  left: -50px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.view-id-user_embed_circle_of_support_entity .view-content .views-row{
	font-size:0.8em;
	border-bottom: dashed rgba(255,255,255,0.5) 0.5px;
}
.view-id-user_embed_circle_of_support_entity .view-content .views-row:nth-last-child(1){
	border-bottom:none;
}
/* Tooltip arrow */
.view-id-user_embed_circle_of_support_entity .view-content::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.view-id-user_embed_circle_of_support_entity .view-header:hover ~ .view-content{
  visibility: visible;
  opacity: 1;
}

.editcircle a{
    color: var(--colorGinPrimary);
	border: 2px solid var(--colorGinPrimary);
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px var(--colorGinPrimaryLight);
    box-shadow: 0 1px 2px var(--colorGinPrimaryLight);
	height: 1.5rem;
    min-height: 1.5rem;
	padding-top: calc(0.375rem - 1px);
    padding-bottom: calc(0.375rem - 1px);
    font-size: 0.79rem;
    line-height: 0.75rem;
	padding-right: calc(1rem - 1px);
    padding-left: calc(1rem - 1px);
	font-weight:bold;
}
.empty{
border: dashed 1px #ddd;
border-radius: 5px;
padding: 10px;
margin: 10px 0;
	text-align:center;
	color:grey;
}
h6{
    font-weight: 400;
}
.hide-pager .pager{
	display:none;
}
.pager{
	clear:both;
}
.menu-item__system-admin_content{
	border-top:solid 1px grey;
}

.toolbar-icon.toolbar-icon-default{
	background-image:url("../images/control-panel.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
    background-repeat: no-repeat;
    background-position: left;
}
	
#toolbar-link-entity-node-canonical:before, #toolbar-link-view-dashboard-page_1:before{
	background-image:url("../images/dashboard-alt-icon.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
	background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#toolbar-link-view-users-page_1:before, #toolbar-link-view-users-page_3:before{
	background-image:url("../images/users-alt-icon.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
	background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#toolbar-link-view-tags-page_1:before{
	background-image:url("../images/tags-alt-icon.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
	background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#toolbar-link-view-help-page_1:before{
	background-image:url("../images/help-alt-icon.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
	background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#toolbar-link-view-documents-page_1:before{
	background-image:url("../images/docs-alt-icon.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
	background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#toolbar-link-view-admin_flagged_posts-page_1:before{
	background-image:url("../images/flag-alt-icon.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
	background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#toolbar-link-view-tag_reporting_per_goal-page_1:before, #toolbar-link-view-goal_rating_reports-page_1:before, #toolbar-link-view-reports_dashboard-page_1:before{
	background-image:url("../images/report-alt-icon.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
	background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#toolbar-link-view-achievements-page_1:before{
	background-image:url("../images/award-alt-icon.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
	background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#toolbar-link-view-story_wall_s-page_1:before{
	background-image:url("../images/story-alt-icon.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
	background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#toolbar-link-view-users-page_4:before{
	background-image:url("../images/device-alt-icon.png");
	mask-image:none;
	-webkit-mask-image:none;
	background-color:transparent;
	background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
}
#views-exposed-form-help-page-1 input{
	float:left;
	margin-right:1em;
}
#views-exposed-form-help-page-1 .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions {
    margin-top: 0;
}
.block-field-blockgoalgoalfield-goal-description{
	margin-bottom:1em;
}
.floatright{
	float:right;
}
.floatleft{
	float:left;
}
.editcircle{
	padding-top:7px;
}
.block-field-blockgoalgoalfield-tags .field__item{
	background: gray;
display: inline-block;
border-radius: 3px;
padding: 3px 10px;
font-size: 0.8em;
color: white;
fill: white !important;
margin: 20px 0;
}
.block-field-blockgoalgoalfield-tags .field__item a{
	color:white;
}
.block-field-blockgoalgoalfield-tags .field__item svg path{
	fill: white !important;
}
.colorbox img{
	margin:1em 0 0 0;
}
.tags{
	background: gray;
display: inline-block;
border-radius: 3px;
padding: 3px 10px;
font-size: 0.8em;
color: white;
fill: white !important;
margin: 20px 0;
}
.tags svg path{
	fill: white !important;
}
.speech-bubble {
	position: relative;
	background: rgba(0,0,0,0.5);
	border-radius: .4em;
	padding:0.5em 1em;
	margin:1em;
	color:#fff;
}
.speech-bubble .date{
	font-weight:lighter;
	padding:5px 0;
	border-bottom:solid 0.5px rgba(255,255,255,0.5);
}
.speech-bubble:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: rgba(0,0,0,0.5);
	border-left: 0;
	border-top: 0;
	margin-top: -10px;
	margin-left: -20px;
}
.speech-bubble-post{
	margin-bottom:1em;
	display:block;
}
.speech-bubble-new {
	position: relative;
	background: rgba(0,0,0,0.1);
	border-left:solid 5px #333;
	padding:0.5em 1em;
	margin:1em 0;
	color:#222;
}
.speech-bubble-new .date{
	font-weight:300;
	padding:5px 0;
	border-bottom:solid 1px rgba(255,255,255,0.5);
}
.view-story-posts-per-profile .action-links{
	margin:0;
}
.view-story-posts-per-profile .action-links .button {
    margin: 0rem 0.75rem 1rem 0;
    padding: 7px 17px!important;
    font-size: 0.8rem;
    line-height: 0.1rem;
}
.invert-background .button.button-invert{
	border-color:#fff!important;
	color:#fff;
}
.invert-background .button.button-invert svg path{
	fill:#fff;
}
.invert-background .view-content.gin-layer-wrapper{
	background:transparent;
	border:none;
	box-shadow:none;
	margin:0;
	padding:0;
}
.button.block-button{
	display:block;
	margin-right:0;
}

.toolbar .menu-item__system-admin_content, .toolbar .menu-item__system-admin_structure, .toolbar .menu-item__system-admin_config, .toolbar .menu-item__system-admin_reports, .toolbar .menu-item__entity-user-collection, .toolbar .menu-item__system-modules_list, .toolbar .menu-item__system-themes_page{
	display:none;
}
.here2there .menu-item__system-admin_content, .here2there .menu-item__system-admin_structure, .here2there .menu-item__system-admin_config, .here2there .menu-item__system-admin_reports, .here2there .menu-item__entity-user-collection, .here2there .menu-item__system-modules_list, .here2there .menu-item__system-themes_page{
	display:block;
}
.rate-left{float:left;}
.rate-outer{
	width:120px;
	height:120px;
	position:relative;
	margin-right:20px;
	margin-bottom:10px;
}
.rate-outer.rate-small{
	width:70px;
	height:70px;
	margin: 0 10px 1em auto;
}
.rate-date{
	width:120px;
	text-align:center;
	font-size:0.8em;
	display:block;
}
.rate-small .rate-date{
	width:70px;
}
.rating{
	width:100px;
	height:100px;
	padding:0px;
	border-radius:50px;
	opacity:1;
	position:absolute;
	top:10px;
	left:10px;
	line-height:100px;
	text-align:center;
	font-size:3em;
	font-weight:100;
	color:#fff;
}
.rate-small .rating{
	width:49px;
	height:49px;
	line-height:50px;
	font-size:1.5em;
	border:solid 1px #fff;
}
.ratingclip{
	width:120px;
	height:120px;
	border-radius:60px;
	opacity:0.5;
}
.rate-small .ratingclip{
	width:70px;
	height:70px;
	border-radius:35px;
}
.rate0 .rating{
	background-color: #eee;
}
.rate0 .ratingclip{
	background: conic-gradient(transparent 0%, #ededed 0%, #ededed 100%, transparent 100%);
}
.rate1 .rating{
	background-color: var(--red);
}
.rate1 .ratingclip{
	background: conic-gradient(transparent 0%, var(--red) 0%, var(--red) 10%, transparent 10%);
}
.rate2 .rating{
	background-color: var(--red);
}
.rate2 .ratingclip{
	background: conic-gradient(transparent 0%, var(--red) 0%, var(--red) 20%, transparent 20%);
}
.rate3 .rating{
	background-color: var(--red);
}
.rate3 .ratingclip{
	background: conic-gradient(transparent 0%, var(--red) 0%, var(--red) 30%, transparent 30%);
}
.rate4 .rating{
	background-color: var(--orange);
}
.rate4 .ratingclip{
	background: conic-gradient(transparent 0%, var(--orange) 0%, var(--orange) 40%, transparent 40%);
}
.rate5 .rating{
	background-color: var(--orange);
}
.rate5 .ratingclip{
	background: conic-gradient(transparent 0%, var(--orange) 0%, var(--orange) 50%, transparent 50%);
}
.rate6 .rating{
	background-color: var(--orange);
}
.rate6 .ratingclip{
	background: conic-gradient(transparent 0%, var(--orange) 0%, var(--orange) 60%, transparent 60%);
}
.rate7 .rating{
	background-color: var(--orange);
}
.rate7 .ratingclip{
	background: conic-gradient(transparent 0%, var(--orange) 0%, var(--orange) 70%, transparent 70%);
}
.rate8 .rating{
	background-color: var(--orange);
}
.rate8 .ratingclip{
	background: conic-gradient(transparent 0%, var(--orange) 0%, var(--orange) 80%, transparent 80%);
}
.rate9 .rating{
	background-color: var(--green);
}
.rate9 .ratingclip{
	background: conic-gradient(transparent 0%, var(--green) 0%, var(--green) 90%, transparent 90%);
}
.rate10 .rating{
	background-color: var(--green);
}
.rate10 .ratingclip{
	background: conic-gradient(transparent 0%, var(--green) 0%, var(--green) 100%, transparent 100%);
}
.card-background{
	background: var(--colorGinLayerBackground)!important;
}
.card-margin{
	margin-top:1em;
	margin-bottom:1em;
}
.card, .card-outer{
	margin-bottom:1em;
	overflow:visible!important;
}
.user-card{
	display:flex;
	margin:1em;
}
.userpage h3{margin-bottom:2em;}
.userpage .user-card .user-image{
	display:block;
	width:100%;
}
.userpage .user-card{
	display:block;
	text-align:center;
}
.card-outer-view .view-content, .card-outer > div{
    padding:1.5rem!important;
    background: transparent;
    border: 1px solid var(--colorGinTableBorder);
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 10px var(--colorGinLayer2Background);
    box-shadow: 4px 4px 10px var(--colorGinLayer2Background);
    overflow: hidden;
}
.card-pad{
	padding:1.5rem!important;
}
.card-menu {
    padding: 0 0.25em;
}
.card-inner-flex{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
}
.goal-wrapper{
	width:100%;
}
.goal-complete-label{
	background: var(--green)!important;
	display: inline-block;
	border-radius: 3px;
	padding: 3px 10px;
	font-size: 0.8em;
	color: black;
	fill: black !important;
	margin: 0 0 5px 0;
}
.goal-not-complete-label{
	background: var(--orange)!important;
	display: inline-block;
	border-radius: 3px;
	padding: 3px 10px;
	font-size: 0.8em;
	color: white;
	fill: white !important;
	margin: 0 0 5px 0;
}
.goal-complete{
	text-align:right;
	float:right;
}
.complete-edit{
	float:right;
}
.complete-start{
	float:left;
	margin-top:0.5rem;
}
.complete-edit > div > div >form{
	display:flex;
	align-items: center;
    justify-content: left;
	margin-right:1.5rem;
	font-size:0.7em;
}
.complete-edit > div > div >form .button{
    color: var(--colorGinPrimary);
    border: 2px solid var(--colorGinPrimary);
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px var(--colorGinPrimaryLight);
    box-shadow: 0 1px 2px var(--colorGinPrimaryLight);
    height: 1.5rem;
    min-height: 1.5rem;
    padding-top: calc(0.375rem - 1px);
    padding-bottom: calc(0.375rem - 1px);
    font-size: 0.79rem;
    line-height: 0.75rem;
    padding-right: calc(1rem - 1px);
    padding-left: calc(1rem - 1px);
    font-weight: bold;
	margin-left:5px;
	margin-right:5px;
}
.complete-edit > div > div >form .button:hover, .complete-edit > div > div >form .button:active, .complete-edit > div > div >form .button:focus{
	color:#fff;
}
hr.invert{color:#fff; margin:0; background:#fff;}
.user-xsmall{display:flex; font-size:0.8em; line-height:30px;}
.user-xsmall .user-image img{width:30px; height:30px;}
.user-xsmall .user-image .no-image{width:30px; height:30px; border:1px solid #ddd; border-radius:50%;}
.user-card-small{
	display:flex;
	margin:1em;
	align-items:center;
}
.user-card-profile{
	display:flex;
	margin:1em 1em 1em 0;
	align-items:center;
}
.floatright .user-card-small{
	margin:0;
}
.user-card-small .user-image{
	width:36px;
	height:46px;
}
.user-card-profile .user-image{
	width:36px;
	height:36px;
}
.user-permissions{
	margin:1em;
	font-size:0.8em;
}
.user-info{
	line-height: 1.2em;
}
.user-image{
	margin-right:1em;
}
.user-card-profile .user-image img, .user-card-small .user-image img, .user-image-small img{
	border-radius:50%;
	border:solid 3px rgba(0,0,0,0.5);
}
.user-card-small h3{
	margin-top:0;
	margin-bottom:0;
}
	body .button.small{
	padding-top: calc(0.375rem - 1px);
    padding-bottom: calc(0.375rem - 1px);
    font-size: 0.79rem;
    line-height: 0.75rem;
	display:block;
}
body .button.min{
	padding-top: calc(0.375rem - 1px);
    padding-bottom: calc(0.375rem - 1px);
    font-size: 0.79rem;
    line-height: 0.75rem;
	margin: 0 0 1em 0;
}
.block-views-blockcircle-of-support-on-profile-page-block-1 .view-content{
	display:flex;
	align-items:stretch;
	margin-right:-10px;
	margin-left:-10px;
	flex-wrap: wrap;
}
.block-views-blockcircle-of-support-on-profile-page-block-1 .view-content .views-row{
	margin:0 1rem 1rem 1rem;
	width:100%;
}
fieldset[id*='edit-field-rating--'] div[id*='edit-field-rating--'], 
#edit-field-rating-wrapper #edit-field-rating{
	display:flex;
}
#edit-field-rating-wrapper #edit-field-rating .form-item, 
fieldset[id*='edit-field-rating--'] div[id*='edit-field-rating--'] .form-item{
	flex-grow:1;
	margin:0;
	display:block;
	text-align:center;
}
#edit-field-rating-wrapper #edit-field-rating .form-item input.form-radio, 
fieldset[id*='edit-field-rating--'] div[id*='edit-field-rating--'] .form-item input.form-radio{
	width: 100%;
	height: 40px;
	border-radius: 0px;
	display: block;
	border:solid 1px #fff;
	padding:0;
	margin:0;
}
#edit-field-rating-wrapper #edit-field-rating .form-item input.form-radio:hover,
fieldset[id*='edit-field-rating--'] div[id*='edit-field-rating--'] .form-item input.form-radio:hover{
	cursor:pointer;
}
#edit-field-rating-wrapper #edit-field-rating .form-item input.form-radio:checked,
fieldset[id*='edit-field-rating--'] div[id*='edit-field-rating--'] .form-item input.form-radio:checked
#edit-field-rating-wrapper #edit-field-rating .form-item input.form-radio:checked:hover,
fieldset[id*='edit-field-rating--'] div[id*='edit-field-rating--'] .form-item input.form-radio:checked
#edit-field-rating-wrapper #edit-field-rating .form-item input.form-radio:checked:active,
fieldset[id*='edit-field-rating--'] div[id*='edit-field-rating--'] .form-item input.form-radio:checked
#edit-field-rating-wrapper #edit-field-rating .form-item input.form-radio:checked:focus,
fieldset[id*='edit-field-rating--'] div[id*='edit-field-rating--'] .form-item input.form-radio:checked
#edit-field-rating-wrapper #edit-field-rating .form-item input.form-radio:checked:hover:focus,
fieldset[id*='edit-field-rating--'] div[id*='edit-field-rating--'] .form-item input.form-radio:checked {
    background-image: none;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
}
#edit-field-rating-wrapper .fieldset__legend--visible ~ .fieldset__wrapper.
fieldset[id*='edit-field-rating--'] .fieldset__legend--visible ~ .fieldset__wrapper{
    margin-top: 1em;
}
.ui-dialog .form-boolean--type-radio{}
#edit-field-rating-0, 
input[id*='edit-field-rating-0-']
{background: #eee;}
#edit-field-rating-1, 
#edit-field-rating-2,
input[id*='edit-field-rating-1-'],
input[id*='edit-field-rating-2-']
{background: var(--red)!important;}
#edit-field-rating-3,
input[id*='edit-field-rating-3-'],
#edit-field-rating-4,
input[id*='edit-field-rating-4-'],
#edit-field-rating-5,
input[id*='edit-field-rating-5-'],
#edit-field-rating-6,
input[id*='edit-field-rating-6-'],
#edit-field-rating-7,
input[id*='edit-field-rating-7-'],
#edit-field-rating-8,
input[id*='edit-field-rating-8-']
{background: var(--orange)!important;}
#edit-field-rating-9,
input[id*='edit-field-rating-9-'],
#edit-field-rating-10,
input[id*='edit-field-rating-10-']
{background: var(--green)!important;}

#edit-field-rating-wrapper .form-item__label.option,
fieldset[id*='edit-field-rating--'] .form-item__label.option{
    display: inline-block;
    font-weight: normal;
    border: solid 2px white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    line-height: 20px;
}

#edit-field-rating-wrapper label[for=edit-field-rating-1],
fieldset[id*='edit-field-rating--'] label[for=edit-field-rating-1]{
	border-color:red;
}
input#edit-field-rating-1[type="radio"]:checked+label{ background-color:#E84258; color:#fff;}
input#edit-field-rating-2[type="radio"]:checked+label{ background-color:#E84258; color:#fff;}
input#edit-field-rating-3[type="radio"]:checked+label{ background-color:#E84258; color:#fff;}
input#edit-field-rating-4[type="radio"]:checked+label{ background-color:#FD8060; color:#fff;}
input#edit-field-rating-5[type="radio"]:checked+label{ background-color:#FD8060; color:#fff;}
input#edit-field-rating-6[type="radio"]:checked+label{ background-color:#FD8060; color:#fff;}
input#edit-field-rating-7[type="radio"]:checked+label{ background-color:#FD8060; color:#fff;}
input#edit-field-rating-8[type="radio"]:checked+label{ background-color:#FD8060; color:#fff;}
input#edit-field-rating-9[type="radio"]:checked+label{ background-color:#B0DBA4; color:#fff;}
input#edit-field-rating-10[type="radio"]:checked+label{ background-color:#B0DBA4; color:#fff;}

input[id*='edit-field-rating-1-'][type="radio"]:checked+label{ background-color:#E84258; color:#fff;}
input[id*='edit-field-rating-2-'][type="radio"]:checked+label{ background-color:#E84258; color:#fff;}
input[id*='edit-field-rating-3-'][type="radio"]:checked+label{ background-color:#E84258; color:#fff;}
input[id*='edit-field-rating-4-'][type="radio"]:checked+label{ background-color:#FD8060; color:#fff;}
input[id*='edit-field-rating-5-'][type="radio"]:checked+label{ background-color:#FD8060; color:#fff;}
input[id*='edit-field-rating-6-'][type="radio"]:checked+label{ background-color:#FD8060; color:#fff;}
input[id*='edit-field-rating-7-'][type="radio"]:checked+label{ background-color:#FD8060; color:#fff;}
input[id*='edit-field-rating-8-'][type="radio"]:checked+label{ background-color:#FD8060; color:#fff;}
input[id*='edit-field-rating-9-'][type="radio"]:checked+label{ background-color:#B0DBA4; color:#fff;}
input[id*='edit-field-rating-10-'][type="radio"]:checked+label{ background-color:#B0DBA4; color:#fff;}


.action-title{
	margin-left:1.5rem;
	margin-right:1.5rem;
}
.card-action{
	padding:0 1.5rem 1rem;
	display:block;
	text-align:right;
}
.card-action-flex{
	padding:0 1.5rem 1rem;
	display:flex;
	flex-direction:row-reverse;
}
.card-action-no-pad{
	padding:0!important;
}
.permissionlist{
	border-bottom:solid 1px var(--colorGinPrimary);
	font-weight:bold;
	font-size:0.8em;
	padding:10px 0;
	margin:20px;
}
.date{
	border-bottom:solid 1px var(--colorGinPrimary);
	font-weight:bold;
	font-size:0.8em;
	padding:10px 0;
	margin-bottom:20px;
	clear:left;
}
.created_by{
	font-size:0.8em;
	background-color: var(--colorGinLayer2Background);
	border-radius:3px;
	padding:5px 20px;
	margin:20px 0;
}
.block-field-blockmeetingmeetingfield-meeting-notes{
	margin-bottom:2em;
}
#drupal-off-canvas details, #drupal-off-canvas summary, #drupal-off-canvas .details-wrapper {
	margin-top: 20px;
    display: block;
}
#drupal-off-canvas ul li, #drupal-off-canvas ol li{
	display: block;
	border-bottom:solid 1px rgba(255,255,255,0.5);
	padding:5px 0;
}
#drupal-off-canvas a{
	color:#fff;
	font-family: Inter, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}
#drupal-off-canvas a:hover{
	cursor:pointer;
}
.here2there .toolbar-menu{
	border-top:5px red solid;
}
.journey-tabs{
	display:flex;
	list-style-type: none;
	margin-left:0.25em!important;
	margin-right:0.25em!important;
}
.journey-tabs .tab{
	margin-left:0px;
	flex-grow:1;
	text-align:center;
	font-weight:700;
}
.journey-tabs .tab a{
	display:block;
	padding: 0.5rem;
	border-radius: 6px;
	background: var(--colorGinTableHeader);
}
.journey-tabs .tab.tab_1 a{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-right:solid 1px var(--colorGinAppBackground);
}
.journey-tabs .tab.tab_2 a{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	border-left:solid 1px var(--colorGinAppBackground);
}
.journey-tabs .tab.active a{
	fill:#fff;
	color:#fff;
	background-color: var(--colorGinPrimary);
}
.journey-tabs .tab a:hover svg path, .journey-tabs .tab.active a svg path{
	fill:#fff;
}
.journey-tabs .tab a:hover{
	color:#fff;
	background-color: var(--colorGinPrimary);
}	
.journey-tabs .tab a.active svg path{
	fill:#fff;
}
.journey-tabs .tab a.active.button{
	color:#fff;
    background-color: var(--colorGinPrimary);
}
.mini-tabs{
		display:flex;
		list-style-type: none;
		margin-left:0;
}
.mini-tabs .tab a{
	display:block;
	padding: 0.25rem 0.5rem;
	border-radius: 6px;
	border:solid 1px var(--colorGinPrimary);
	margin:0 1em 0 0;
}
.view-story-posts-per-profile .view-content > ul, .view-story-posts-per-profile .view-content > div > ul{
	margin:0;
}
.view-story-posts-per-profile .view-content > ul > li .post-hide, .view-story-posts-per-profile .view-content > div > ul > li .post-hide{
	display:none;
}
.view-story-posts-per-profile .view-content > ul li ul .reply-hide, .view-story-posts-per-profile .view-content > div > ul li ul .reply-hide{
	display:none;
}
.view-story-posts-per-profile .view-content > ul > li ul li .post-hide, .view-story-posts-per-profile .view-content > div > ul > li ul li .post-hide{
	display:block;
}
.view-story-posts-per-profile .view-content > ul > li .views-field-message, .view-story-posts-per-profile .view-content > div > ul > li .views-field-message{
	margin:0 10px;
}
.view-story-posts-per-profile .view-content > ul > li ul li .views-field-message, .view-story-posts-per-profile .view-content > div > ul > li ul li .views-field-message{
	margin:0;
}
.view-story-posts-per-profile .view-content > ul > li .post-reply, .view-story-posts-per-profile .view-content > div > ul > li .post-reply{
	margin:10px;
	font-size:0.8em;
}
.report-story ul li{
	list-style:none;
	list-style-type:none;
}
.report-story .post svg{
	display:none;
}
.report-story .post .post-reply svg{
	display: block!important;
	left: -20px;
	border: ;
	position: relative;
}
	
.path-profile .view-content > ul{
	margin-left:0;
}
.path-profile .view-content ul, .path-profile .view-content ul li{
	clear:both;
}
.path-profile .view-content > ul > li{
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
}
.path-profile .view-content > ul > li li{
	list-style:none;
	list-style-type:none;
}
.path-profile .view-content > ul > li .hide-parent{
	display:none;
}
.path-profile .view-content > ul > li ul .hide-parent{
	display: block;
	width: 20px;
	position: relative;
	left: -20px;
}
.path-profile .view-content > ul > li ul li{


}
.path-profile .view-content > div > ul > li ul li{
	
}
.path-profile .view-content > ul  ul.action-links{
	display:flex;
	margin-left:10px;
	float:left;
	margin-top:0;
}
.path-profile .view-content > ul .views-field-dropbutton{
	float:right;
}
.view-story-posts-per-profile .view-content > ul > li, .view-story-posts-per-profile .view-content > div > ul > li{

	margin-bottom:20px;
}
.view-story-posts-per-profile .view-content ul li{
	list-style:none;
	list-style-type:none;
}
.user-post{
	display:flex;
	margin:10px;
	line-height: 1.2em;
	font-size: 0.8em;
    align-items: center;
}
.post-user-small{
	font-size: 0.8em;
}
.post-username{
	font-weight:bold;
}
.view-story-posts-per-profile .message-wrapper{
    align-items: center;
}
.view-story-posts-per-profile .message-wrapper .user-img img{
	float:left;
	border-radius:50%;
	margin-right:5px;
	width:30px;
	height:30px;
}
.user-post .post-userimg img{
	border-radius:50%;
	margin-right:5px;
}
.user-post .post-username{
	font-weight:bold;
	display:block;
}
.user-post .post-date{
	font-size:0.8em;
}
.view-timeline ul li ul .views-field-message .message{
	background:#ddd;
	border-radius:5px;
	margin:10px;
	padding: 10px;
    font-size: 0.8em;
}

.dashboard-posts, .block-views-blockdashboard-posts-over-7-days-block-1{
	background:#d80a75; 
}
.dashboard-profiles, .block-views-blockdashboard-number-of-profiles-block-1{
	background:#a8c70e;
}
.dashboard-ratings, .block-views-blockdashboard-number-of-ratings-block-1{
	background:#f08105;
}
.dashboard-posts, .dashboard-profiles, .dashboard-ratings, .block-views-blockdashboard-posts-over-7-days-block-1, .block-views-blockdashboard-number-of-profiles-block-1, .block-views-blockdashboard-number-of-ratings-block-1{
	color:#fff;
	padding:1em;
}
.dashboard-posts h2, .dashboard-profiles h2, .dashboard-ratings h2, .dashboard-posts h6, .dashboard-profiles h6, .dashboard-ratings h6,

.block-views-blockdashboard-posts-over-7-days-block-1 h2, .block-views-blockdashboard-number-of-profiles-block-1 h2, .block-views-blockdashboard-number-of-ratings-block-1 h2, .block-views-blockdashboard-posts-over-7-days-block-1 h6, .block-views-blockdashboard-number-of-profiles-block-1 h6, .block-views-blockdashboard-number-of-ratings-block-1 h6{
	font-weight:lighter;
	letter-spacing:0.05em;
}
.view-reports-dashboard-meetings-over-7-days{background-color: var(--gin-color-primary-hover); padding:1.5em; color:var(--gin-bg-app)}
.total{
	font-size:4em;
}
.total_description{
	font-size:0.8em;
	position:relative;
	bottom:0.5em;
}
.views-exposed-form.views-exposed-form{
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.big-icons{
	font-size:40px;
}

.toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default{
	font-size:0;
}
.joyride-tip-guide .joyride-nub {
    left: 136px;
}

.reports1 .view-content {
	display:flex;
}
.reports1 .view-content .views-row{
	flex-grow:1
}
.reports1 .view-content .views-row:nth-child(3n+1){
	background: #a8c70e;
	padding: 10px;
	color: #fff;
	padding: 0 20px 20px 20px;
	margin: 0;
}
.reports1 .view-content .views-row:nth-child(3n+2){
	background: #f08105;
	padding: 10px;
	color: #fff;
	padding: 0 20px 20px 20px;
	margin: 0;
}
.reports1 .view-content .views-row:nth-child(3n+3){
	background: #d80a75;
	padding: 10px;
	color: #fff;
	padding: 0 20px 20px 20px;
	margin: 0;
}
@media screen and (max-width: 640px) {
	 .md-floatright{
		 float:rightl
	}
	.desktop{
		display:none;
	}
	.block-views-blockdashboard-current-user-block-1{margin-bottom:2em;}
}
@media screen and (min-width: 640px) {
	.mobile{
		display:none;
	}
	.path-dashboard .view-dashboard-latest-posts, .path-dashboard .view-dashboard-latest-posts-mentor{
		width:44%;
		margin-right:2%;
		float:left;
	}
	.block-views-blockcircle-of-support-on-profile-page-block-1 .view-content .views-row{
	margin:1%;
	width:31%;
}
	.layout--twocol-section .layout__region--first > .block{
	margin-right:0.5em;
}
.layout--twocol-section .layout__region--second > .block{
	margin-left:0.5em;
}
.card-button-array{
	float:right;
}

@media screen and (min-width: 976px) {
		.dashboard-ratings, .block-views-blockdashboard-number-of-ratings-block-1{
	border-left:2px solid #fff;
}
	.region-headeradd{
	position: absolute;
    top: 0;
    right: 54px;
    z-index: 999;
    line-height: 70px;
    height: 70px;
		min-width:300px;
	text-align:right;
}
.help-button{
	position: absolute;
    top: -54px;
    left: -40px;
	float: none;
    margin-right: 0px;
    margin-bottom: 0px;
	z-index:999;
	
}
.flex3 .layout__region, .path-dashboard .region.region-help{
	display:flex;
}
.flex3 .layout__region > .block, .path-dashboard .region.region-help > .block{
	flex-grow:1;
	width:33.333333333%;
}
.dashboard-posts, .block-views-blockdashboard-posts-over-7-days-block-1{
	border-left:2px solid #fff;
}
.dashboard-profiles, .block-views-blockdashboard-number-of-profiles-block-1{
	background:#a8c70e;
}


	.help-pop{
		position: relative;
		display: block;
	}
	.flex .help-pop{
		position: relative;
		width: 2em;

		margin: 0;
		display: block;
	}
	.help-icon-hover{
		font-size:2em;
	}

	.help-hover{
		display:none;
		background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0.8);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: rgb(255, 255, 255);
font-family: Inter, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
left: 45px;
line-height: 24px;
position: absolute;
top: -23px;
visibility: visible;
width: 300px;
z-index: 9999;
		padding:20px;
}
	.help-hover:before{
		content:"";
	border-bottom-color: rgba(0, 0, 0, 0);
border-bottom-style: solid;
border-bottom-width: 14px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 14px;
border-right-color: rgba(0, 0, 0, 0.8);
border-right-style: solid;
border-right-width: 14px;
border-top-color: rgba(0, 0, 0, 0);
border-top-style: solid;
border-top-width: 14px;
bottom: 175.3px;
color: rgb(255, 255, 255);
font-family: Inter, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
height: 0px;
left: -28px;
line-height: 24px;
position: absolute;
right: 300px;
top: 22px;
visibility: visible;
width: 0px
}
		.help-pop:hover .help-hover{
		display:block;
}
}

.toolbar .toolbar-bar #toolbar-item-administration-tray .toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default:before{
	display:none;
}
.path-user .user-form-page__user-form .layout-container a.
.toolbar .toolbar-bar #toolbar-item-administration-tray .toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default {
  	background-repeat:no-repeat;
	background-size:50px auto;
	background-position:10px;
	background-image: url("data:image/png;base64,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")
}
@media screen and (min-width: 1024px) {
	.help-button{
    top: -60px;
}
	.region-headeradd{
    right: 64px;
    line-height: 88px;
    height: 88px;
	}
}
@media print {
    .goal-graph .view-goal-graph{margin:10px; overflow-x:scroll;}
.goal-graph .view-goal-graph .view-content{display:flex; align-items:flex-end; width:100%; height:105px; background-image:url('../images/goalgraph.png'); padding-bottom:1px; padding-left:1px; padding-right:1px; background-position:bottom left; background-repeat:repeat-x;}
.goal-graph .view-goal-graph .view-content .views-field-field-rating{display:inline-flex;}
.goal-graph .bar{width:25px; display:inline-block; color:#fff; text-align:center; padding-bottom:0px; font-size:10px; position:relative; border:solid 1px;}
.goal-graph .bar1{height:9px; background-color: var(--red); border-color: var(--red); font-size:0;}
.goal-graph .bar2{height:19px; background-color: var(--red); border-color: var(--red);}
.goal-graph .bar3{height:29px; background-color: var(--red); border-color: var(--red);}
.goal-graph .bar4{height:39px; background-color: var(--orange); border-color: var(--orange);}
.goal-graph .bar5{height:49px; background-color: var(--orange); border-color: var(--orange);}
.goal-graph .bar6{height:59px; background-color: var(--orange); border-color: var(--orange);}
.goal-graph .bar7{height:69px; background-color: var(--orange); border-color: var(--orange);}
.goal-graph .bar8{height:79px; background-color: var(--green); border-color: var(--green);}
.goal-graph .bar9{height:89px; background-color: var(--green); border-color: var(--green);}
.goal-graph .bar10{height:99px; background-color: var(--green); border-color: var(--green);}
.goal-graph .tooltip{
visibility: hidden;
width: auto;
background-color: #555;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 6px;
position: absolute;
z-index: 9999;
bottom: 80%;
left: 50%;
opacity: 0;
transition: opacity 0.3s;
white-space:nowrap;
}
.goal-graph .bar:hover .tooltip{visibility:visible; opacity:1;}
.summary{
	color: #232429;
	font-size: 0.79rem;
	padding:0 0 10px 0;
}
}

#drupal-off-canvas * {
    font-family: Inter, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

/* in case of light mode only */
#drupal-off-canvas .form-item__description,
#drupal-off-canvas .form-item__label,
#drupal-off-canvas div,
#drupal-off-canvas label,
#drupal-off-canvas a,
#drupal-off-canvas p {
  color: #333 !important;
  /* should be rather defined color scheme specific var(--colorGinText) */
}

#drupal-off-canvas .form-element {
    border: 1px solid #fff; /* var(--colorGinFormElementBorder) */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 25%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 25%);
    border-radius: 6px;
}

#drupal-off-canvas .form-select, #drupal-off-canvas .form-text, #drupal-off-canvas .form-tel, #drupal-off-canvas .form-email, #drupal-off-canvas .form-url, #drupal-off-canvas .form-search, #drupal-off-canvas .form-number, #drupal-off-canvas .form-color, #drupal-off-canvas .form-file, #drupal-off-canvas .form-textarea, #drupal-off-canvas .form-date, #drupal-off-canvas .form-time {
    display: block;
    box-sizing: border-box;
    /* for consistent width of different form items max-width isn't enough */
    width: 100%;
    margin: 5px 0 20px 0;
    padding: 4px;
    color: #333;
    border-width: 1px;
    border-radius: 6px;
    font-family: inherit;
    font-size: 13px;
    line-height: 16px;
}

#drupal-off-canvas .checkbox-toggle ~ label {
  padding-left: 30px;
  display:inline;
}