body, html body {
	color: #222
}

.userrole-anonymous  #content-header {
	max-width: 1300px;
	margin: auto
}

.userrole-anonymous #portal-top {
	color: white;
}

#portal-anontools {
	margin: auto;
	width: 100%;
	display: block
}

#portal-anontools ul {
	margin: auto !important;
	max-width: 1380px;
	width: 100%;
	text-align: right;
	display: block;
}

#portal-anontools li a {
	text-decoration: none;
	color: #05386B;
	transition: 0.4s;
	font-family: "Roboto", sans-serif;
	padding: 12px 25px;
	border-radius: 30px;
	font-weight: 500;
	font-size: 15px;
	min-width: 150px;
	border: 1px solid;
	background: #F24C3D;
	color: white;
}

#portal-anontools li a:hover {
	text-decoration: underline;
	color: white !important;
}

.profile-setup a {
	font-weight: bolder;
}

.profile-setup a:hover {
	text-decoration: underline
}

.managePortlets-row {
	display: none !important
}

body.template-manage-portlets #portal-column-two {
	display: block !important
}

thead, .dataTable th {
	font-weight: bold;
	margin-bottom: 3px;
	color: black
}

.mention,
.mentions {
	background: #D2B48C
}

#mainnavigation-wrapper {
	display: none !important
}

#content-core h2 strong, #content-core .h2 strong,
#header {
	border-bottom: 5px solid #{view/color
}

; font-size: 24pt}

#header a {
	color: black;
}

.hidden {
	display: none !important
}

#viewlet-below-content-title {
	display: none
}

#viewlet-below-content legend {
	font-size: 14px;
	display: none
}

#viewlet-below-content fieldset>p {
	display: none
}

#commenting {
	padding: 10px
}

.mentions-dropdown div {
	padding: 4px 8px;
	cursor: pointer;
}

.mentions-dropdown div:hover {
	background-color: #007acc;
	color: white;
}

h1.priority-1 {
	color: #F24C3D
}

h1.priority-3 {
	color: #22A699
}

h1.priority-2 {
	color: #F2BE22
}

h1.priority-x3 {
	color: #F29727
}

h1.priority-xx1 {
	color: #F24C3D
}

h1.priority-x1 {
	color: red
}

.black {
	color: black
}

.autotoc-nav {
	xbackground: whitesmoke
}

.autotoc-nav .active {
	xbackground: white
}

.white-background {
	xbackground: white
}

body {
	xbackground: whitesmoke
}

.xpat-autotoc.autotabs {
	background: white
}

fieldset {
	xbackground: white;
	padding-left: 2rem;
	padding-right: 2rem;
}

td {
	padding: 3px 12px;
	xbackground: rgba(254, 255, 255, 0.5913176);
	margin: 1px;
}

.calendarsheet {
	max-width: 120px;
	min-width: 90px;
	float: right;
	display: block;
}

.calendarsheet.left {
	float: left;
	opacity: 0.6
}

.redborder.calendarsheet time {
	background: red;
}

.calendarsheet time,
.calendarsheet p,
.calendarsheet date {
	display: block;
	text-align: center;
}

.colorborder {
	border: 5px solid;
}

.redborder {
	border: 5px solid red;
}

.urgent_red {
	border-color: red
}

.soon_yellow {
	border-color: orange
}

.future_green {
	border-color: green
}

.long_grey {
	border-color: #123456
}

.redborder p.theading,
.urgent_red p.theading {
	background: red
}

.soon_yellow p.theading {
	background: orange
}

.future_green p.theading {
	background: green
}

.long_grey p.theading {
	background: #123456
}

.calendarsheet time,
.calendarsheet p.theading {
	color: white !important;
	margin: 0
}

.calendarsheet .days,
.calendarsheet date {
	background: white;
	color: black;
	font-size: 3rem;
	font-weight: 500;
	letter-spacing: -3px;
	margin: 0;
}

.larger {
	font-size: 120%
}

@media (min-width:100px) {

div.soon_yellow.colorborder.calendarsheet {
	position: relative;
	top: -2.5rem;
;
}

}

.pri-box.flex {
	display: flex
}

.priority-1 span {
	color: red;
	padding: 1px 5px
}

.priority-2 span {
	color: orange;
	padding: 1px 5px
}

.priority-3 span {
	color: green;
	padding: 1px 5px
}

span.previousdue-True {
	color: silver;
}

#traffic-light {
	background: #444;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	width: 17px;
	height: 35px;
}

#traffic-light>span {
	border-radius: 50%;
	width: 6px;
	height: 6px;
	padding: 0;
	display: block;
	opacity: 0.33
}

#traffic-light .active-True {
	opacity: 1 !important;
	width: 10px;
	height: 10px
}

.late14-True {
	color: red
}

span.late14-True {
	
}

.soon14-True {
	color: orange
}

span.later-True {
	color: green
}

#toolbar select {
	background: none !important
}

.pat-discussion span.required,
.pat-discussion .formControls {
	display: none
}

.section-notes.template-full_view .item h1,
.section-notes.template-full_view p.lead,
.template-note-view.template-full_view h1,
.template-note-view.template-full_view p.lead,
.section-postit_notes.template-full_view .item h1,
.section-postit_notes.template-full_view p.lead,
.template-post-it-note-view.template-full_view h1,
.template-post-it-note-view.template-full_view p.lead,
.section-notes #content-core header {
	display: none
}

.section-notes.template-full_view #content-core,
.template-note-view.template-full_view #content-core,
.section-postit_notes.template-full_view #content-core,
.template-post-it-note-view.template-full_view #content-core {
	display: grid;
	grid-template-columns: 1fr;
	/* default to 1 column */
  gap: 1rem;
/* optional spacing between items */
}

.subsection-postit-collection #main-container {
	display: flex;
	flex-direction: column-reverse;
	width: 100% ;
}

#portal-column-two.overlay {
	display: flex !important;
	max-width: calc(100% + 1rem) !important;
	width: calc(100% + 1rem) !important;
	margin: 1rem 0 1rem 1rem;
	height: auto;
	background: whitesmoke !important;
}

#portal-column-two.overlay .portletWrapper {
	background: none !important;
	padding: 0;
	margin: 1rem 0 0
}

@media (min-width: 768px) {

.section-notes.template-full_view #content-core,
  .template-note-view.template-full_view #content-core,
  .section-postit_notes.template-full_view #content-core,
  .template-post-it-note-view.template-full_view #content-core {
	xgrid-template-columns: 1fr 1fr;
/* two 

columns on large screens */
}

}

.card-big-shadow {
	max-width: 620px;
	position: relative;
}

.coloured-cards .card {
	margin-top: 30px;
}

.card[data-radius="none"] {
	border-radius: 0px;
}

.card {
	border-radius: 8px;
	box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
	background-color: #FFFFFF;
	color: #252422;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

.card[data-background="image"] .title,
.card[data-background="image"] .stats,
.card[data-background="image"] .category,
.card[data-background="image"] .description,
.card[data-background="image"] .content,
.card[data-background="image"] .card-footer,
.card[data-background="image"] small,
.card[data-background="image"] .content a,
.card[data-background="color"] .title,
.card[data-background="color"] .stats,
.card[data-background="color"] .category,
.card[data-background="color"] .description,
.card[data-background="color"] .content,
.card[data-background="color"] .card-footer,
.card[data-background="color"] small,
.card[data-background="color"] .content a {
	color: #444;
}

.card.card-just-text .content {
	padding: 50px 65px;
	text-align: xcenter;
}

.card .content {
	padding: 10px 10px 10px 10px;
}

.card[data-color="blue"] .category {
	color: #7a9e9f;
}

.card .category,
.card .label {
	font-size: 14px;
	margin-bottom: 0px;
}

.card-big-shadow:before {
	background-image: url("http://static.tumblr.com/i21wc39/coTmrkw40/shadow.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	bottom: -12%;
	content: "";
	display: block;
	left: -12%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

h4,
.h4 {
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.2em;
}

h6,
.h6 {
	font-size: 0.9em;
	font-weight: 600;
	text-transform: uppercase;
}

.card .description {
	font-size: 16px;
	color: #66615b;
}

.content-card {
	margin-top: 30px;
}

a:hover,
a:focus {
	text-decoration: none;
}

/*======== COLORS ===========*/

.card[data-color="blue"] {
	background: #b8d8d8;
}

.card[data-color="blue"] .description {
	color: #506568;
}

.card[data-color="green"] {
	background: #d5e5a3;
}

.card[data-color="green"] .description {
	color: #60773d;
}

.card[data-color="green"] .category {
	color: #92ac56;
}

.card[data-color="yellow"] {
	background: #ffe28c;
}

.card[data-color="yellow"] .description {
	color: #b25825;
}

.card[data-color="yellow"] .category {
	color: #d88715;
}

.card[data-color="brown"] {
	background: #d6c1ab;
}

.card[data-color="brown"] .description {
	color: #75442e;
}

.card[data-color="brown"] .category {
	color: #a47e65;
}

.card[data-color="purple"] {
	background: #baa9ba;
}

.card[data-color="purple"] .description {
	color: #3a283d;
}

.card[data-color="purple"] .category {
	color: #5a283d;
}

.card[data-color="orange"] {
	background: #ff8f5e;
}

.card[data-color="orange"] .description {
	color: #772510;
}

.card[data-color="orange"] .category {
	color: #e95e37;
}

.greyed {
	opacity: 0.25
}

a {
	opacity: 1
}

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#toolbar {
	padding: 0;
	max-width: 1680px;
	margin: auto;
	min-height: 122px;
}

#toolbar .flex {
	justify-content: space-between;
	margin: 0
}

#toolbar img {
	width: 2rem;
}

#document_manager img,
#meeting_select img {
	width: 1.3rem;
}

#toolbar {
	background: #E2E2E2;
	font-size: 10pt;
	width: 100%;
	xmargin-bottom: 2rem;
}

#toolbar>div {
	border-right: 1px solid silver;
	padding: 0.4rem 1rem 1.5rem;
	flex-grow: 1;
	position: relative
}

.toolbar_label {
	text-align: center;
	font-weight: 600 !important;
	position: absolute;
	bottom: -7px;
	left: 0;
	right: 0;
	xbackground: black;
	line-height: 125%;
	color: #555555 !important
}

.toolbar_label a {
	font-weight: 600 !important;
}

#toolbar {
	text-align: center;
	font-size: 10pt;
	text-transform: none !important
}

#toolbar * {
	text-transform: none !important;
	font-size: 10pt;
	font-family: Helvetica !important;
	font-weight: normal;
	color: black !important
}

#toolbar .messagetype,
#toolbar .stoplight {
	font-size: 90%;
	margin: 4px 0 8px;
	padding-left: 1px;
	padding-right: 0;
	width: 15pt;
	height: 15pt;
	padding: 3px;
	border-radius: 50%;
	background-color: gray
}

#toolbar .red {
	background: red;
	color: white
}

#toolbar .yellow {
	background: yellow
}

#toolbar .green {
	background: green;
	color: white
}

#toolbar .info {
	background: #40E0D0
}

#toolbar select {
	border-color: black;
	border-width: 1px;
	padding: 0 3px;
	margin-bottom: 9px;
	border-radius: 4px;
}

#toolbar input,
#toolbar select {
	height: auto
}

#toolbar a {
	color: black;
	text-decoration: none;
	text-transform: none !important;
	border-bottom: 0 dotted #E2E2E2 !important
}

#toolbar p {
	padding: 0;
	margin: 0;
	line-height: 120%
}

#toolbar #help_div {
	border-right: 0 none
}

#document_type_select {
	text-align: center
}

#toolbar #site_logo img {
	width: 3rem;
	height: 3rem;
	margin-bottom: 4px
}

#xmeeting_create img {
	margin-bottom: 10px;
}

p.align-left {
	text-align: left
}

#xcreate_meeting {
	border: 0 none !important;
	background: none
}

#create_meeting {
	background-image: none
}

#show-toobar button {
	border: 0 none;
	padding: 0 10px 0 0;
	padding-inline: 0;
	background: white;
	line-height: 120%;
}

#show-toobar img {
	margin: 0 5px 0 0;
	padding: 0
}

body #portal-column-two {
	background: white !important;
	border: 1px solid;
	border-radius: 5px;
	background: white !important;
	padding-bottom: 2rem
}

.portletWrapper {
	background: white !important
}

.pat-collectionfilter .card-body,
.pat-collectionfilter,
.collectionFilter .card-body,
.collectionFilter,
.pat-collectionfilter,
.card-header.portletHeader {
	background: none !important;
	padding: 0 7px;
	font-weight: bold;
	border: 0 none !important;
	margin: 0;
}

.margin-auto {
	margin: auto;
}

body {
	/

* background: #FAFAF9 !important; */
  background: #FAF9F6 !important
}

.frontend fieldset {
	background: white
}

.frontend fieldset.autotoc-section {
	padding: 1rem;
}

.frontend .pat-autotoc.autotabs .autotoc-nav {
	margin-bottom: 0;
}

.frontend .autotoc-level-1.active {
	background: white;
	color: black !important;
}

#toggle-filters,
#toggle-filters img {
	background: white;
	border-radius: 5px;
}

#toggle-filters {
	padding: 3px 5px 0;
}

#portal-breadcrumbs {
	background: none !important;
}

h1.priority-1 {
	color: #F24C3D
}

h1.priority-3 {
	color: #22A699
}

h1.priority-2 {
	color: #F2BE22
}

h1.priority-x3 {
	color: #F29727
}

h1.priority-xx1 {
	color: #F24C3D
}

h1.priority-x1 {
	color: red
}

.black {
	color: black
}

.autotoc-nav {
	xbackground: whitesmoke
}

.autotoc-nav .active {
	xbackground: white
}

.white-background {
	xbackground: white
}

body {
	xbackground: whitesmoke
}

.xpat-autotoc.autotabs {
	background: white
}

fieldset {
	padding-left: 2rem;
	padding-right: 2rem;
}

td {
	padding: 3px 12px;
	margin: 1px;
}

.calendarsheet {
	max-width: 120px;
	min-width: 90px;
	float: right;
	display: block;
}

.calendarsheet.left {
	float: left;
	opacity: 0.6
}

.redborder.calendarsheet time {
	background: red;
}

.calendarsheet time,
.calendarsheet p,
.calendarsheet date {
	display: block;
	text-align: center;
}

.colorborder {
	border: 5px solid;
}

.redborder {
	border: 5px solid red;
}

.urgent_red {
	border-color: red
}

.soon_yellow {
	border-color: orange
}

.future_green {
	border-color: green
}

.long_grey {
	border-color: #123456
}

.redborder p.theading,
.urgent_red p.theading {
	background: red
}

.soon_yellow p.theading {
	background: orange
}

.future_green p.theading {
	background: green
}

.long_grey p.theading {
	background: #123456
}

#tl-1 {
	background: #FF0000
}

#tl-2 {
	background: #FFFF00
}

#tl-3 {
	background: #00FF00
}

.calendarsheet time,
.calendarsheet p.theading {
	color: white !important;
	margin: 0
}

.calendarsheet .days,
.calendarsheet date {
	background: white;
	color: black;
	font-size: 3rem;
	font-weight: 500;
	letter-spacing: -3px;
	margin: 0;
}

.larger {
	font-size: 120%
}

@media (min-width:100px) {

  div.soon_yellow.colorborder.calendarsheet {
    position: relative;
    top: -2.5rem;
  }

}

#portal-column-two.overlay {
	display: flex !important;
	max-width: calc(100% + 1rem) !important;
	width: calc(100% + 1rem) !important;
	margin: 1rem 0 1rem 1rem;
	height: auto;
	background: whitesmoke !important;
}

#portal-column-two.overlay .portletWrapper {
	background: none !important;
	padding: 0;
	margin: 1rem 0 0
}

div.comment {
	xborder-top:  1px dotted black; 
	box-shadow: 5px 5px 16px  #CCC;
	margin-bottom: 1rem !important;
}

.pat-discussion  .comment-action,
form.comment-action,
.comment-action.action-delete {margin-bottom: 0 !important}

.comment-body {display: flex; justify-content: space-between}

form .hidden-widget {display: none}

.comment:not(.level-0)::before {
	content:  "↳";
	width:  1rem;
	float:  left;
	display: block;
	left:  -2rem;
	top:  -1rem;;
} 

#formfield-form-widgets-in_reply_to,
#formfield-form-widgets-author_name { margin-bottom: 0}


div.comment button {
	border:  none;
	background: none;
	color:  #007bb1; 
}

div.comment  div.comment-author a {
  font-size: 150%;
  font-weight: bold;
  color: black !important;	
  margin-right:  auto;;
}

div.comment-author {
	display:  flex;
	width: 100%
}


.table,table.invisible-grid,table.listing,table.listing-compact,table.plain {
	--bs-table-color-type: initial;
	--bs-table-bg-type: initial;
	--bs-table-color-state: initial;
	--bs-table-bg-state: initial;
	--bs-table-color: var(--bs-emphasis-color);
	--bs-table-bg: var(--bs-body-bg);
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: red;
	--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
	--bs-table-active-color: var(--bs-emphasis-color);
	--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
	--bs-table-hover-color: var(--bs-emphasis-color);
	--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
	width: 100%;
	margin-bottom: 1rem;
	vertical-align: top;
	border-color: var(--bs-table-border-color); }

.table>:not(caption)>*>*,table.invisible-grid>:not(caption)>*>*,table.listing-compact>:not(caption)>*>*,table.listing>:not(caption)>*>*,table.plain>:not(caption)>*>* {
	padding: .5rem .5rem;
	color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
	background-color: var(--bs-table-bg);
	border-bottom-width: var(--bs-border-width);
	box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
}

.table>tbody,table.invisible-grid>tbody,table.listing-compact>tbody,table.listing>tbody,table.plain>tbody {
	vertical-align: inherit
}

.table>thead,table.invisible-grid>thead,table.listing-compact>thead,table.listing>thead,table.plain>thead {
	vertical-align: bottom
}

.table-group-divider {
	border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
	caption-side: top
}

.table-sm>:not(caption)>*>*,table.listing-compact>:not(caption)>*>* {
	padding: .25rem .25rem
}

.table-bordered>:not(caption)>*,table.plain>:not(caption)>* {
	border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>*,table.plain>:not(caption)>*>* {
	border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>*,table.invisible-grid>:not(caption)>*>* {
	border-bottom-width: 0
}

.table-borderless>:not(:first-child),table.invisible-grid>:not(:first-child) {
	border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	--bs-table-color-type: var(--bs-table-striped-color);
	--bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
	--bs-table-color-type: var(--bs-table-striped-color);
	--bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
	--bs-table-color-state: var(--bs-table-active-color);
	--bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
	--bs-table-color-state: var(--bs-table-hover-color);
	--bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
	--bs-table-color: #000;
	--bs-table-bg: #cce5ef;
	--bs-table-border-color: #a3b7bf;
	--bs-table-striped-bg: #c2dae3;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #b8ced7;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #bdd4dd;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-secondary {
	--bs-table-color: #000;
	--bs-table-bg: #e2e3e5;
	--bs-table-border-color: #b5b6b7;
	--bs-table-striped-bg: #d7d8da;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #cbccce;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #d1d2d4;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-success {
	--bs-table-color: #000;
	--bs-table-bg: #d1e7dd;
	--bs-table-border-color: #a7b9b1;
	--bs-table-striped-bg: #c7dbd2;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #bcd0c7;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #c1d6cc;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-info {
	--bs-table-color: #000;
	--bs-table-bg: #cff4fc;
	--bs-table-border-color: #a6c3ca;
	--bs-table-striped-bg: #c5e8ef;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #badce3;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #bfe2e9;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-warning {
	--bs-table-color: #000;
	--bs-table-bg: #fff3cd;
	--bs-table-border-color: #ccc2a4;
	--bs-table-striped-bg: #f2e7c3;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #e6dbb9;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #ece1be;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-danger {
	--bs-table-color: #000;
	--bs-table-bg: #f8d7da;
	--bs-table-border-color: #c6acae;
	--bs-table-striped-bg: #eccccf;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #dfc2c4;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #e5c7ca;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-light {
	--bs-table-color: #000;
	--bs-table-bg: #f8f9fa;
	--bs-table-border-color: #c6c7c8;
	--bs-table-striped-bg: #ecedee;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #dfe0e1;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #e5e6e7;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-dark {
	--bs-table-color: #fff;
	--bs-table-bg: #212529;
	--bs-table-border-color: #4d5154;
	--bs-table-striped-bg: #2c3034;
	--bs-table-striped-color: #fff;
	--bs-table-active-bg: #373b3e;
	--bs-table-active-color: #fff;
	--bs-table-hover-bg: #323539;
	--bs-table-hover-color: #fff;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color)
}

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}