/*		FONTS			*/
html,body,button,input {font-family:'Open Sans', sans-serif; font-size:15px; }
html {transition: margin 0.5s;}
body {overflow-x: hidden; background: #F1F1F1; }
#app {overflow:visible;}

body {color:#000; font-weight:300; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100);}
body main.main {min-height:80vh;}

h1,h2,h3,h4,h5,h6 {margin: 0.25em 0 .5em; font-family:'Varela Round', sans-serif; line-height: 1.1em; font-weight: 500;
	color:#3b3b3b;}

.center {
	text-align: center;
}

h1 {font-size:2.4em;}
h2 {font-size:2.0em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}
@media screen and (max-width: 39.9375em) {
	h1 {font-size:2.0em;}
	h2 {font-size:1.6em;}
	h3 {font-size:1.4em;}
	h4 {font-size:1.3em;}
	h5 {font-size:1.2em;}
	h6 {font-size:1.1em;}
}
h1.page-title {margin-top:1em;}

select {padding:0.5rem !important;}

a {color:#1468a0;}
a:hover {color:#1779BA;}

.blue {color:#1779BA;}
.yellow {color:#FFCC00;}
.red {color:#C00;}
.green {color:#00833e;}

.bg-blue {background:#1779BA;}
.bg-yellow {background:#FFCC00;}
.bg-red {background:#C00;}
.bg-green {background:#00833e;}

.delete {color:#C00;}
button.delete {background:#DCDCDC; color:#C00;}
button.delete:hover {background:#C00; color:#FFF;}

/*a {color:inherit; transition: all 0.5s;}
a:hover,a:focus {color:#FFF200;}*/

button, .button {text-transform: uppercase; margin-right: 1px; border:none; }
button:focus {outline:0;}
label {line-height: 1.2em; }
label span {font-size:0.7em; letter-spacing: 0.05em; padding-left: 8px;}
label.disabled, i.disabled {opacity:0.5;}

.position-right {transform: translateX(100%);}

input,select,textarea {border-width:0 0 1px 0 !important; border-color:#1779BA !important; box-shadow: 0 -2px 3px rgba(0,0,0,0.1) inset !important;}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select
	{font-size:1em; position: relative;}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select {background: transparent; box-shadow: none;}
input:focus,textarea:focus,select:focus {border-bottom-color:#FFCC00 !important; background: transparent !important; color:inherit;}
.clearable {position:relative;}
.clearable a {content:'U+274C'; position: absolute; right:0; top:50%; transform: translateX(-25%) translateY(-50%);}
.select-wrapper {position: relative;}
.select-wrapper > select {margin-bottom: 0;}
.select-wrapper:after {content:""; position: absolute; bottom:1px; right:0; width:0; height:0; border-style: solid; border-width:0 0 10px 10px; border-color:transparent transparent #1779BA transparent; }

table input[type] {margin-bottom:0;}
table input::placeholder { color: inherit; opacity: 1; }
table th input::placeholder { font-weight: bold; }
th > select, td > select {margin: 0;}

a {outline:none;}

.byline {font-size:0.9em;}

.hidden {display:none;}

.preformatted {font-family: monospace;}
.preformatted span {white-space: nowrap; display:block;}

input.error, select.error, textarea.error {border-bottom:1px solid #C00 !important;}

figcaption {margin-left:1em; margin-right: 1em; text-align: center;}
figcaption a {color:inherit; opacity: 0.75; transition: opacity 0.5s;}
figcaption a:hover {color:inherit; opacity: 1; }

.font-weight-bold {font-weight:bold;}

/*table {position: relative; border-collapse: collapse;}
table thead tr th { position: -webkit-sticky; position: sticky; top: 0; z-index: 2;}
*/

/*header.article-header {margin: 2em 0;}*/


.autocomplete {position:relative; }
.autocomplete ul {position:absolute; top:100%; left:0; right:auto; min-width:100%; max-height:200px; overflow-y: auto;
	background: #FFF; border:1px solid #CCC; margin: 0; padding: 0; z-index: 100; visibility: hidden;}
.autocomplete input {margin-bottom: 0 !important; padding-right: 20px;}
.-autocomplete:focus-within ul {display: block;}
.autocomplete.focus ul {visibility: visible;}
.autocomplete.south ul {top:auto; bottom:100%;}
.autocomplete ul li {padding: 2px 5px; line-height: 1.2em;}
.autocomplete ul li {display:block; white-space: nowrap;}
.autocomplete ul li a {display:block; }
.autocomplete ul li:hover {background:#F3F3F3; }
.autocomplete ul li.active {background:#1779BA; color:#FFF; }
.autocomplete ul li.active a {color:#FFF;}
.autocomplete i {position:absolute; right:0.5rem; top:50%; font-size:1rem; transform: translateY(-50%);}

.switch .switch-paddle {border-radius: 50px;}
.switch .switch-paddle::after {border-radius: 50%;}


/*		SCROLLBAR		*/
.tims-scrollbar::-webkit-scrollbar { height: 5px; width:5px; }
.tims-scrollbar::-webkit-scrollbar-track { background: transparent; }
.tims-scrollbar::-webkit-scrollbar-thumb { background: #FFCC00; }




/*		NAV				*/
.position-left {transform: translateX(-100%);}
.position-right {transform: translateX(100%);}
.off-canvas.off-canvas-nav {width:350px;}
.off-canvas.off-canvas-nav .is-drilldown {max-width:350px !important;}
.drilldown a, .drilldown .is-drilldown-submenu {background:#0D476D; color:#FFF;}
.drilldown a:hover {background: #1468a0; color:#FFF; }
.drilldown .is-drilldown-submenu-parent.active > a::after,
	.drilldown a:hover::after {border-left-color: #FFF;}
.off-canvas-nav {background:#0D476D; color:#FFF; display: flex; flex-direction: column; }
.off-canvas-nav input {margin-bottom: 0; padding-left: 1rem; flex-shrink: 1; background:transparent}
.masquerade {flex-shrink: 1; position: relative; color:#FFF;}
.masquerade i {position:absolute; right:0.4em; bottom:0.35em; font-size:1.4em; line-height: 1em;}
.masquerade i.fas {color:#1779BA; cursor: pointer;}
.masquerade input:not(:focus) {color:#FFF;}
.masquerade .autocomplete ul.dropdown-menu {width:100%; }
#offcanvas-nav > li > a {font-size:1.2em;}
.off-canvas-nav .is-drilldown {flex-grow:1;}

.drilldown li.border-top {border-top: 1px solid #1779BA;}
.drilldown li.border-bottom {border-bottom: 1px solid rgba(255,255,255,0.5);}
.drilldown .js-drilldown-back a {background:rgba(0,0,0,0.1); color:#FFF; }
.drilldown .js-drilldown-back > a::before {border-right-color: #FFF;}

.drilldown > li > .is-drilldown-submenu > li.menu-item-has-children:not(.js-drilldown-back) > a {background:rgba(0,0,0,0); font-weight: 500; cursor: default; }
.drilldown .is-drilldown-submenu .is-drilldown-submenu {position: static; left:0; visibility: visible; border-bottom: 1px solid #1779BA;  }
.drilldown .is-drilldown-submenu .is-drilldown-submenu .js-drilldown-back {display: none;}
.drilldown .is-drilldown-submenu .is-drilldown-submenu a {font-size:0.9em; padding: 0.5rem 1rem 0.5rem 2rem;}
.drilldown .is-drilldown-submenu .is-drilldown-submenu-parent > a::after {content:none;}
.drilldown .is-drilldown-submenu .is-drilldown-submenu.is-active {transform: none;}

/* #menu-search {background: transparent; color:#FFF;} */
#menu-search-results { height: auto; flex-grow:1;}
#menu-search-results a {color:#FFF;}
#menu-search-results a:hover {background:#1468a0;}


/*		PROFILE AND USER MANAGEMENT		*/
body.profile-open, body.queue-open {overflow: hidden;}
#profile, #queue {width:50%; min-width:750px; max-width: 100%;}
#profile.modal, #queue.modal {position:fixed; top:0; height:100%; right:0; z-index: 99; width:100%; pointer-events: none; }
#profile.modal:before, #queue.modal:before {content:""; position: absolute; top:0; left:0; z-index:99; width:100%; height:100%; background: #062539C0; opacity: 0; transition:opacity 0.35s ease-out; }
body.profile-open #profile.modal:before, body.queue-open #queue.modal:before {opacity:1;}
#profile.modal .profile {opacity:0; background:#f1f1f1; position: relative; z-index: 100; height: 95dvh; box-shadow: 0 10px 20px rgba(0,0,0,0.75); padding: 0.5rem 1rem 1rem;}
#profile.modal .profile.active, #queue.modal .queue.active {opacity: 1; pointer-events: all; transition:all 0.35s ease-out; }
#profile .profile .content, #queue .queue .content {display:flex; flex-direction: column; height:100%;}
#profile header, #profile footer, #queue header, #queue footer {flex-shrink:1; padding: 1em 0;}
#profile label, #profile input, #queue label, #queue input {margin-bottom: 5px;}
#profile section, #queue section {flex-grow:1; height: 50%; }
#queue .queue-list {flex-grow: 1; overflow-y: scroll; }
#queue .queue-list .job {background: #FFF; border-radius: 5px; width:100%; overflow: hidden; padding: 1rem; margin-bottom: 1rem;}
#queue .queue-list .job label {text-transform: uppercase; font-weight: bold; opacity: 0.4; font-size:0.75rem; color:inherit;}
#queue .queue-list .job small {font-weight: normal; opacity: 0.5;}
#queue .queue-list .job .actions {display:flex; align-items: center; gap:0.5rem;}
#queue .queue-list .job .actions .spacer {flex-grow:1;}
#queue .queue-list .job .actions button {margin:0; font-size:0.8125rem;}
#queue .queue-list .job.error {background: #c00; color:#fff;}
#usermanagement {display:flex; flex-direction: column; height: 100%;}
#usermanagement .users {white-space: nowrap; overflow-y: auto; overflow-x: auto;}
#usermanagement .delete {background: #999; color:#FFF; padding:3px; border-radius: 20px; font-weight: 500; transition:all 0.5s; }
#usermanagement .delete:hover {background:#C00;}
#usermanagement .delete span {padding:0 5px 4px; text-transform: uppercase; vertical-align: top;}
#addstaff .field {margin-bottom:10px;}
#addstaff input {margin-bottom:0;}
#addstaff small.error {background: #C00; color:#FFF; padding: 5px 10px; display:block;}
#queue.modal .queue {
	opacity:0; 
	background:#f1f1f1; 
	position: absolute;
	right: 0px; 
	z-index: 100; 
	height: 100dvh;
	width:30%;
	box-shadow: 0 10px 20px rgba(0,0,0,0.75);
	/* padding: 0.5rem 1rem 1rem; */
}

#queue table tr td:nth-of-type(1) {
    width: 22%;
}
#queue table tr td:nth-of-type(2) {
    width: 45%;
}
#queue table tr td:nth-of-type(3) {
    width: 25%;
}
#queue tr span {
    overflow-wrap: anywhere;
}

.queue-open #queue.modal {
    pointer-events: all;
}

.notifications {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 9;
    display:flex;
    justify-content: center;
    pointer-events: none;
}

.notification-panel {
    min-height: 100px;
    flex-grow:1;
    width: min(600px, 100vw);
    background-color: #0D476D;
    color:#FFF;
    z-index: 99;
    padding: 0 30px 0 0;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 -1px 10px rgba(0,0,0,0.25);
    overflow: hidden; 
    position:relative;
    transform: translateY(calc(100% + 20px));
    transition: transform 0.5s;
    pointer-events: all;
}

.notification-popup {
    pointer-events: all;
    position: absolute;
    left:50%;
    bottom:0;
    margin-left:-21px;
    padding: 5px 15px;
    background-color: #0D476D;
    color:#FFF;
    z-index: 98;
    border-radius: 10px 10px 0 0;
    text-align: center; 
    box-shadow: 0 -1px 10px rgba(0,0,0,0.25);
    transform: translateY(calc(100% + 20px));
    transition: transform 0.5s;
    transition-delay: 0.5s;
}

.notification-panel.active {transform: translateY(0);}
.notification-popup.active {transform: translateY(0);}

.notification-panel {
    a[data-close] {position:absolute; top:0.5rem; right:1rem; z-index: 2; color:#FFF;}
}

.notification {
    width: 100%;
    padding: 0.5rem;
}


/* .notification.modal {
	position: relative;
    min-height: 100px;
    width: 400px;
    background-color: white;
    z-index: 99;
    border: 1px solid #000000;
    padding: 5px 0px;
    float: right;
    margin: 5px;
}

.notification-panel {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 410px;
    height: auto;
    z-index: 9;
} */

.notification.modal .notification {
    position: relative;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}
.notification-open .notification.modal{
	display: block;
}

.queue-item-count {
    background: #FFCC00;
    border-radius: 10px;
    color: #000;
    font-size: 0.75em;
    font-weight: bold;
    padding: 1px 4px;
    min-width: 20px;
    position: absolute;
    bottom: -8px;
    right: -5px;
    text-align: center;
	display: none;
}

.queue-item-count.show {
	display: block;
}

.header a.queue-button {
	position: relative;
	display: none;
}

.queue-show .header a.queue-button {
    display: inline-block;
}

.directory_supplier p input[type="text"] {
    width: auto;
    display: inline-block;
}

.directory_supplier .details {
	height: auto;
	overflow-x: unset;
	overflow-y: unset;
}

.cell.medium-6.pending-changes {
    padding-left: 10px;
}

.cell.white tr.changes {
    background-color: #FFCC00;
}

.padd-10 {
	padding: 10px;
}

.bottom-right {
	position: absolute;
	right: 5px;
	bottom: 0px;
}

.cell.filedropper {
  height: 120px;
  margin-bottom: 45px;
}

@media screen and (max-width: 63.9375em) {
    #profile, #queue {width:100%; min-width: 0;}
}
@media screen and (max-width: 39.9375em) {
    #profile footer .button, #queue footer .button {width:100%;}
}

#queue .jobs .fal {
    display: none;
	text-align: center;
}

#queue .jobs.complete .fa-download, #queue .jobs.error .fa-exclamation{
    display: block;
	cursor: pointer;
}

/* #queue .jobs.complete .fa-times {
	display: none;
} */

#queue .jobs .fa-times {
	display: block;
	cursor: pointer;
}

#queue tr.even {
	background-color: #f1f1f1;
}

#queue tr.odd {
	background-color: #fefefe;
}

#queue tr {
    height: 30px;
	font-size: 0.85em;
    position: relative;
    transition: filter 0.5s;
    font-weight: 500;
}

#queue tr th {
	position: sticky;
    top: -1px;
    background: #EEE;
    border-right: 1px solid #FFF;
    z-index: 2;
}

#queue tr.jobs.error span{
    text-decoration: line-through;
    color: #9d0000;
}

#queue tr.jobs.complete.new {
    color: #0029ff;
}

#queue td {
	min-width: 20px;
    padding: 0px 5px;
}


/*		FRONT PAGE		*/
.home {}
.home .panel {background:#FFF; border-radius:10px;  }
.home .panel > h4 {padding-left: 0.5em; padding-top:0.5em; padding-bottom: 0.5em; background: #0D476D; margin: 0; color:#FFF;
	border-radius:10px 10px 0 0; }
.home .panel > h4 a {color:#FFF; transition: all 0.5s;}
.home .panel > h4 a:hover {color:#FFCC00;}
@media screen and (min-width: 40em) {
	.home main {margin: 1em;}
}




/*		PAGINATION		*/
.pagination {margin: 0; padding: 1em 2em; font-size:0.875em; position: relative;}
.pagination ul {margin: 0;}
.pagination a {color:currentColor;}
.pagination li.current {padding: 0;}
.pagination .total {font-size:1.4em;}
.pagination input {width:auto; display:inline-block; margin: 0; font-size:inherit; background: transparent; height:auto;
	padding:0.4rem;}

.pagination .progressbar {background:#F3F3F3; position: absolute; top:0; left:0; right:0; bottom:0; text-align: center; padding: 1rem; opacity: 0;
	transition: opacity 0.5s; pointer-events: none;}
.pagination .progressbar.active {opacity: 1; pointer-events: all; }
.pagination .progressbar .progress {position: absolute; top:0; left:0; height:100%; background:#FFF200; transition: all 0.5s;}
.pagination .progressbar label {position: relative; z-index: 2; text-transform: uppercase; font-size:1.1rem;}
@media screen and (max-width: 39.9375em) {
	.pagination {padding: 0.5rem;}
}



/*		SCROLLER		*/
.scroller a {display: block; width:16px; height:16px; border:2px solid #FFF; border-radius: 50%; margin: 0 2px; transition: background 0.5s;}
.scroller a.active {background:#FFF;}

/*		FILEDROPPER		*/
figure.filedropper {position: relative; text-align: center; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
figure.filedropper.icon {background-size: contain; }
figure.filedropper .controls {position: absolute; bottom:0; left: 0; right: 0; top:0; background: #039BE5; color:#FFF; display:flex; justify-content: center;
    padding: 5px; align-items: center; }
figure.filedropper.hasfiles .controls {top:auto; justify-content: space-between;}
figure.filedropper .controls .file-nav {flex-grow: 1; padding: 0 15px;}
figure.filedropper i.add, figure.filedropper i.delete {font-size:1.5em; z-index: 2; }
figure.filedropper.drop .controls {background:#FFCC00;}
figure.filedropper a {color:#FFF;}
figure.filedropper a:hover {color:#FFCC00;}

/*		OFFCANVAS		*/
.off-canvas .actions a {position: relative;}
.off-canvas .actions i {margin: 0 5px; font-size:1.6em;}
.off-canvas .actions span.quantity {background:#FFCC00; font-weight: bold; position: absolute; bottom:-5px; right:-5px;
	border-radius: 20px; font-size:0.75em; padding: 3px 5px; line-height: 1em;}
.off-canvas .actions.complete span.quantity {background: #090; color:#FFF;}


/*		TEMPLATES		*/
.off-canvas-content {min-height: 100vh; display:flex; flex-direction: column;}
.off-canvas-content > header, .off-canvas-content > footer {flex-shrink: 1;}
.page-template-template-full-width .off-canvas-content > .content, .off-canvas-content > .inner-content {flex-grow: 1;}

.page-template-template-full-height .off-canvas-content {display: flex; flex-direction: column; height: 100vh;}
.page-template-template-full-height .off-canvas-content > section {flex-grow:1; overflow-y: auto; display: flex;}
.page-template-template-full-height .off-canvas-content > section {flex-grow: 1;}


/*		PAGES			*/
.page main.main {margin-top:1em;}

body.hide-title .page-title {display: none;}
body.hide-title main.main {margin-top: 0;}



/*		HEADER			*/
header.header {background: #0D476D;}
header.header a {color:#FFF; display:inline-block; transition: all 0.5s;}
header.header a:hover {color:#1779BA; }
header.header a.separator {border-right:1px solid #FFF; padding-right: 10px; margin-right: 5px;}
header.header i {margin: 0 4px;}
header.header #top-bar-menu img {width:100%; max-width: 300px;}
@media screen and (max-width: 39.9375em) {
	header.header i.fa-2x {font-size: 1.6em;}
	header.header .grid-padding-y > .cell {padding-top:5px; padding-bottom: 5px; }
}

/*		FOOTER			*/
footer.footer {background: #0D476D; color:#FFF; font-size:0.9em; padding: 0.5em 0;}
footer.footer p {margin: 0;}

#tims-message {position:fixed; bottom:0; left:0; width:100%; padding:0.5rem 1rem; z-index: 10; opacity: 0;  display: flex; justify-content: space-between; color:#FFF; font-weight: 500;
    box-shadow: 0 -1px 10px rgba(0,0,0,0.25);}
#tims-message.ready {opacity: 1 !important;}
#tims-message a {color:inherit;}
#tims-message.priority-alert {background: #c33; color:#FFF;}
#tims-message.priority-notice {background: #1779BA; color:#FFF;}


/*		ACTIVITY		*/
table.data {font-size:0.85em; position: relative; transition:filter 0.5s; font-weight:500;}
table.data.loading {filter: blur(3px);}
table.data tr.underline {border-bottom:1px solid #000;}
table.data tr.checked {color:#AAA;}
table.data thead th {position:sticky; top:-1px; background: #EEE; border-right:1px solid #FFF; z-index: 2;}
table.data .sticky {position:sticky; left:-1px; background: #EEE; border-right:1px solid #FFF; z-index: 3;}
table.data thead .sticky {z-index: 4;}
table.data th {padding: 0.5rem 0.5rem;}
table.data td {padding: 0.25rem 0.5rem;}
table.data td.nopadding {padding: 0;}
table.data td.nopadding {white-space: nowrap;}
table.data input[type], table.data select, table.data .button {margin: 0;}
table.data th.sorting:after {position: absolute; color:#1779BA; left:50%; font-size:1em; }
table.data.sort-asc th.sorting:after {bottom:0; transform: translateX(-50%) translateY(40%); content:"▾"; }
table.data.sort-desc th.sorting:after {top:0; transform: translateX(-50%) translateY(-40%); content:"▴"; }
table.data .forecast {color:#090; font-weight: bold; display: block;}
table.data .rpen {width:16px; padding-left:2px; padding-right: 2px;}
table.data .small, .page-template-template-activity .off-canvas .small {font-size:12px;}
table.data th .small {display: block;}

#activity {padding-bottom:4em;}
#activity .pagination {position:fixed; bottom:0; left:0; right:0; background: #F3F3F3; box-shadow: 0 0 20px rgba(0,0,0,0.25);}
table.data .rpen.fas {color:#090;}

.activity-videos {background: #000;}
.activity-videos .responsive-embed {padding-bottom: 47.5%; margin: 0;}
.activity-videos .cell {position:relative;}
.activity-videos .cell i {position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%);}

body.filter-panel-open {overflow: hidden;}

.activity-filter {padding-top: 0; background: #FFF; box-shadow: 0 0 0 rgba(0,0,0,0) !important; transition: all 0.5s; }
.activity-filter .title {display:flex; color:#FFF; justify-content: space-between; padding: 10px 15px 10px 10px; }
.activity-filter .title h2, .activity-filter .title a {color:#FFF;}
.activity-filter .titles {margin: 0; font-size:1.2em; position: relative; z-index:2; background:#1779BA; display:flex;
    list-style: none; padding: 0;}
.activity-filter .titles > li {line-height: 1em; transition: all 0.5s;}
.activity-filter .titles > .cell.shrink {padding-left: 10px; padding-right: 10px;}
.activity-filter .titles > li.open {border-bottom-color:#FFCC00;}
.activity-filter .titles > li > span {position: relative; }
.activity-filter .titles > li > span a:first-child {color:#FFF; text-align: center; text-transform: uppercase; font-weight:100; display: block; padding:10px;  }
.activity-filter .titles > li > span a.clear {font-size:16px; background: #FFCC00; color:#0D476D;  transition:all 0.5s; display: flex; align-items: center;
    justify-content: center;}
.activity-filter .titles > li > span a.clear:hover {color:#FFF; background: #0D476D;}
.activity-filter .titles > li.rpen span {position: relative;}
.activity-filter .titles > li.rpen span span:not(:last-child) {padding-right:8px; margin-right:0;}
.activity-filter .titles > li.rpen span span:not(:last-child):after {content:"/"; position:absolute; right:0; top:50%; transform:  translateY(-50%);}
.activity-filter .titles > li.admin {flex-grow:0;}
.activity-filter .titles > li.admin i {padding: 0 10px;}
.activity-filter .titles > li.clear-all {font-weight:bold; background: #FFCC00; color:#1779BA;transition:all 0.5s; border-bottom-color: #FFCC00;
    flex-grow:0; display: flex; align-items: center;}
.activity-filter .titles > li.clear-all:hover {background: #0D476D; color:#FFF; }
.activity-filter .titles > li.clear-all i {font-size:1.4rem; vertical-align: middle; padding: 0 10px;}

.activity-filter {background: #FFF; z-index: 100;}
.activity-filter .filter {background: #FFF; }
.activity-filter .filter-search {}
.activity-filter .filter .overflow {max-height: 400px; overflow-y: auto;}
.activity-filter .filter table {font-size:0.8em; position: relative; transition:all 1s; font-weight: 500; }
.activity-filter .filter table.loading {filter:blur(5px); }
.activity-filter .filter table thead th {position:sticky; top:0; background: #FFF; }
.activity-filter .filter table th {padding:0 0.5rem; }
.activity-filter .filter table td {padding: 0.25rem 0.5rem; }
.activity-filter .filter input[type=text] {font-size: 1em;}
.activity-filter .filter select {font-size: 0.875em;}
.activity-filter .filter input[type=text], .activity-filter select, .activity-filter button {margin: 0;}
.activity-filter .active {font-weight:500; text-shadow:0 0 5px rgba(0,0,0,0.1);}
.activity-filter td.selected {font-weight:bold;}
.activity-filter .pagination {padding-top: 5px; padding-bottom: 5px;}
.activity-filter .vc-container {border-radius: 0;}

.filter ul {list-style: none; margin: 0;}
.filter input {margin-bottom: 5px;}

.filter h5 {color:#1468a0;}

.filter ul.radio {display:flex; }
.filter ul.radio li {flex-grow: 1; }
.filter ul.radio button {padding: 0.75em; cursor: pointer; font-size:0.9em; background: #F3F3F3; width:100%;}
.filter ul.radio button:hover {background: #DDD;}
.filter ul.radio button.active {background:#FFCC00; color:#000; font-weight: normal;}

.filter-date input, .filter-date select {width:100%; margin:0 ; padding: 0.5rem !important;}
.filter-date label {text-transform: uppercase; }
.filter-date .date-options {border-bottom:1px solid #E3E3E3;}


.filter-status .groups {display:flex; justify-content: space-around; margin: 0 -0.5em;}
.filter-status .groups .group {flex-grow: 1; display:flex; margin: 0.5em; }
.filter-status .groups .group button {flex-grow: 1; padding: 0.75em 0; cursor: pointer; font-size:0.9em; background: #F3F3F3; }
.filter-status .groups .group button:hover {background: #DDD;}
.filter-status .groups .group button.parent {background:#1468a0; color:#FFF; position: relative; }
.filter-status .groups .group button.parent:after {content:""; position: absolute; top:50%; transform: translateY(-50%); left: 100%;
	   border:16px solid transparent; border-left:10px solid #1468a0;  }
.filter-status .groups .group button.active {background:#FFCC00; color:#000; font-weight: normal;}

.filter-search {padding: 0 5px;}

@media screen and (max-width: 63.9375em) {
    .activity-filter {position:fixed; top:0; left: 0; right:0; bottom: 0; background:#1468a0; transform: translateX(100%); transition:all 0.5s;
        display: flex; flex-direction: column;}
    .activity-filter.active {transform: none;}
    .activity-filter .titles {flex-direction: column; height: 100%;}
    .activity-filter .titles li {border-top: 1px solid rgba(255,255,255,0.25); display: flex; flex-direction: column; }
    .activity-filter .titles li.open {flex-grow:1;}
    .activity-filter .titles li > span {display:flex; justify-content: space-between; font-size:1rem; }
    .activity-filter .titles li > span a:first-child {padding: 7px 10px;}
    .activity-filter .titles > li > span a.clear {padding: 5px;}
    .activity-filter .filter .overflow {height: 100%; background: #FFF;}
    .activity-filter .filter-date label {width:110px;}
    .activity-filter .filter-search {padding: 0.5rem;}
    .activity-filter .filter-other, .activity-filter .filter-rpen {padding:0.5rem 0;}
    .activity-filter .filter-search .button {width:100%;}
    .activity-filter .filter table {font-size:0.75rem;}
    .activity-filter .filter h5 {font-size:1rem;}
    .filter ul.radio button {font-size:0.8rem;}
    .page-template-template-activity.filter-open .expander {transition: all 0.5s;}
    .page-template-template-activity.filter-open .expander {flex-grow:0 !important;}
}
@media screen and (max-width: 39.9375em) {
    table.data {font-size:0.85em;}
    #activity table th, #activity table td {padding: 2px 2px;}
    table.data .rpen {width:10px; padding: 2px 0 !important;}
}
@media screen and (min-width: 64em) {
    .activity-filter {position: sticky !important; top:0; z-index: 10 !important;}
    .page-template-template-activity main table.data thead th {top:40px;}

    .activity-filter .titles > li {border-bottom:3px solid #1779BA; flex-grow: 1; line-height: 1em; transition: all 0.5s;}
    .activity-filter .filter {position: absolute; top:100%; left: 0; right: 0; }
    .activity-filter .filter {padding: 0; font-size: 1rem; box-shadow: 0 5px 20px rgba(0,0,0,0.5) !important;z-index: 100;}
    .activity-filter .titles > li a.clear { position: absolute; top:100%; left:50%; transform: translateX(-50%) translateY(-45%);
	border-radius: 50%; z-index: 101; padding:2px; height: 16px; width: 16px; text-align: center;}
    .activity-filter .titles > li a.clear i {font-size: 12px; line-height: 16px;}
    .activity-filter .filter.filter-rpen, .activity-filter .filter.filter-other {padding:1rem;}
    .filter-date .date-options {margin-bottom: 0.5em; padding-bottom: 1em;}

    .page-template-template-activity main {position: relative;}
    .filter-overlay {position: absolute; top:0; left:0; width: 100%; height: 100%; background: transparent; pointer-events: none; transition: all 0.5s; z-index: 5;}
    .page-template-template-activity.filter-open .filter-overlay {background: rgba(0,10,15,0.5);  pointer-events: all;}


}


.page-template-template-activity .bulkactions {background: #E6E6E6;}
.page-template-template-activity .bulkactions .cell {display:flex; justify-content: flex-end; background: #FFF; }
.page-template-template-activity .bulkactions label {padding:0.25em 1em; text-transform: uppercase; background:#FFCC00; line-height: 1.6rem; }
.page-template-template-activity .bulkactions .selected-items label {cursor: pointer; }
.page-template-template-activity .bulkactions .selected-items label:hover {text-decoration: line-through;}
.page-template-template-activity .bulkactions .button {margin:0; font-size:1.2em; padding: 0.25em 0.75em 0.35em; line-height: 1.2em; border-left:1px solid rgba(255,255,255,0.5); }

.page-template-template-activity main.main {margin-top: 0;}
.page-template-template-activity main .add {position: absolute; top:2em; right:1em;}

.page .management-reports main.main {
    margin-top: 0px;
    padding: 0px;
}

.page.filter-open .management-reports .filter-overlay {
    background: rgba(0,10,15,0.5);
    pointer-events: all;
}



#export-documentation tr:not(.status-complete) td.hasdocuments  {background:#090;  }
#export-documentation tr:not(.status-complete) td.hasdocuments a {color:#FFF;}
#export-documentation .status-s-complete.status-s-received,
    #export-documentation .status-s-inapplicable,
    #export-documentation .status-m-received,
    #export-documentation .status-m-cancelled {text-decoration: line-through; color:#999;}
#export-documentation .status-s-complete.status-s-received a,
    #export-documentation .status-s-inapplicable a,
    #export-documentation .status-m-received a,
    #export-documentation .status-m-cancelled a {color:#999;}
#export-documentation td.status-progress {position:relative;}
#export-documentation td.status-progress span.completion {position:absolute; top:0; left:0; height: 100%; border-bottom:2px solid #090;  }
#export-documentation td.status-progress span.status {position: relative; }
#export-documentation .status-complete, #export-documentation .status-inapplicable {text-decoration: line-through; color:#999;}
#export-documentation .status-complete a, #export-documentation .status-inapplicable a {color:#999;}

.single-invoice.export-documentation .header select {font-size:1.1rem; font-weight: bold;}
.single-invoice.export-documentation .documents {display:flex; gap:1rem; padding: 1rem 0; height: 100%; width:100%; flex-wrap:wrap;}
.single-invoice.export-documentation .documents .documenttype {background: #fff; display: flex; flex-direction: column;
    justify-content: space-between; flex-grow: 1; transition: background 0.5s;}
.single-invoice.export-documentation .documents .documenttype .type { padding:1rem; display: flex; justify-content: space-between; }
.single-invoice.export-documentation .documents .documenttype .type .availability {display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
.single-invoice.export-documentation .documents .documenttype .files {padding:0;}
.single-invoice.export-documentation .documents .documenttype .files {flex-grow: 1;}
.single-invoice.export-documentation .documents .documenttype h4, .single-invoice.export-documentation .documents .documenttype label {color:inherit;}
.single-invoice.export-documentation .documents .documenttype ul {list-style:none; margin:0; padding: 0; display: flex; flex-direction: column; }
.single-invoice.export-documentation .documents .documenttype li {word-break:break-all; flex-grow:1; font-size:0.875rem;}
.single-invoice.export-documentation .documents .documenttype .files {overflow-y: auto;}
.single-invoice.export-documentation .documents .documenttype .files li {display:flex; gap: 1rem; align-items: stretch; position: relative;
          border-bottom:1px solid #EEE; }
.single-invoice.export-documentation .documents .documenttype .files li span {flex-grow: 1; padding: 5px 0;}
.single-invoice.export-documentation .documents .documenttype .files li button {opacity: 0; margin: 0; padding: 8px;}
.single-invoice.export-documentation .documents .documenttype .files li:hover button {opacity: 1;}
.single-invoice.export-documentation .documents .documenttype .files img {min-width:50px; width:50px;}
.single-invoice.export-documentation .documents .documenttype.complete .type {background:#090; color:#FFF;}
.single-invoice.export-documentation .documents .documenttype .filedropper {height:75px;}


.single-fees-statement .section {background: #FFCC00; border-radius: 10px; overflow: hidden; margin-bottom: 1rem; }
.single-fees-statement .section.with-border {border:1px solid #0D476D;}
.single-fees-statement .section table {margin: 0; }
.single-fees-statement .section table thead, .single-fees-statement .section table tfoot {background:#0D476D; color:#fff; border: 0; }
.single-fees-statement .section table thead {font-size:1.4rem; }
.single-fees-statement .section table thead th {background: transparent; }
.single-fees-statement .section table tbody.footer tr:first-child {border-top:1px solid #0D476D;}
.single-fees-statement .section table tbody.footer tr {font-size:0.925rem;}

.off-canvas .header i {padding: 0.35em 0;}
.off-canvas.fullwidth {width:100%;}
.off-canvas.halfwidth {width:50%;}
.off-canvas-content .off-canvas.position-right.fullwidth {transform: translateX(100%);}
.off-canvas-content .off-canvas.position-right.halfwidth {transform: translateX(100%);}
@media screen and (min-width: 64em) {
	.off-canvas-content .off-canvas.position-right.fullwidth.in-canvas-for-large {transform: none;}
	.off-canvas-content .off-canvas.position-right.halfwidth.in-canvas-for-large {transform: none;}
}
@media screen and (max-width: 63.9375em) {
	.off-canvas.halfwidth {width:75%;}
	table.data .small, .page-template-template-activity .off-canvas .small {font-size:10px; display: block;}
}
@media screen and (max-width: 39.9375em) {
	.off-canvas.halfwidth {width:100%;}
}

.activity-item-header select, .activity-item-header input, .activity-item-header .autocomplete {display:inline-block; width:auto; margin: 0; min-width: 100px;}
#activity-offcanvas-stack > div {height: 100%;}
#activity-offcanvas-stack .single-activity-item {position:absolute; top:0; left:0; width: 100%; height: 100%; background:#E6E6E6; }
#activity-offcanvas-stack .single-activity-item > .header {position:relative; z-index: 10;}
#activity-offcanvas-stack .single-activity-item table.data.lines {margin-bottom: 50vh;}
#activity-offcanvas-stack .single-activity-item > .header {position:relative; z-index: 10;}


/*		Claims etc.	*/
tr.status-closed td, a.status-closed {text-decoration:line-through;}
/*tr.status-completed td, a.status-completed {text-decoration:line-through;}*/
.single-activity-item textarea {max-width: 800px; margin-left: auto; margin-right: auto;}
.single-activity-item .header select {margin-bottom: 0;}
.single-activity-item .footer textarea {max-width: none; background: #FEFEFE;}
.single-activity-item input[type=date] {max-width:250px; display: inline-block;}
.single-activity-item .footer p {font-size:0.9em;}
@media screen and (max-width: 63.9375em) {
	.fa-file-export {display:none;}
}
@media screen and (max-width: 39.9375em) {
	.single-activity-item .header h2 {font-size:1.2rem;}
	.single-activity-item.single-invoice .header .medium-auto {order:2}
	.single-activity-item table.data {margin-bottom: 0;}
	.single-activity-item .details {font-size:14px;}
}

.supplier-invoice-create .cell-block-container {background:#FFF;}
.supplier-invoice-create .sidebar {padding:0 1rem;}
.supplier-invoice-create .sidebar h4:first-of-type {margin-top: 1rem;}
.supplier-invoice-create select, .supplier-invoice-create input  {display: inline; }
.supplier-invoice-create select, .supplier-invoice-create input, .supplier-invoice-create .autocomplete  {margin-bottom:0;  }
.supplier-invoice-create .switch {margin-bottom: 0;}
.supplier-invoice-create .roivat {background:#F1F1F1; padding: 1rem 1rem; margin-top: 0.5rem; }
.supplier-invoice-create th {font-size:0.9em;}
.supplier-invoice-create .lines tbody td {padding: 0;}
.supplier-invoice-create td input, .supplier-invoice-create td select {width:100%; min-width: 0;}
.supplier-invoice-create .vat td.text-right {white-space: nowrap;}
.supplier-invoice-create td span {padding:0 8px; }
.supplier-invoice-create .ispercentage {width:30px; text-align: center; padding: 9px; }
.supplier-invoice-create .checklist {list-style: none; margin: 0;}
.supplier-invoice-create .checklist li {display:flex; align-items: center; gap:0.5rem; margin-bottom: 3px;}
.supplier-invoice-create .checklist li.error {color:#C00; font-weight:500; line-height: 1.2rem;}
.supplier-invoice-create .checklist li small {display: block;}
.supplier-invoice-create .checklist i {margin-right:4px;}
.supplier-invoice-create .checklist .fa-check-square {color:#090;}
.supplier-invoice-create .lines .intrastat {color:#C00;}
.supplier-invoice-create .lines a.disabled .intrastat {pointer-events: none; color:#CCC;}
.supplier-invoice-create .lines .intrastat.complete {color:#090;}
.supplier-invoice-create input.error {background-color:#cc000030;}




/*		Statements	*/
.overdue {color:#C00;}

/*		Notes		*/
#activity-notes {z-index: 100 !important;}
#activity-notes .complete {background:#9C9; }
#activity-notes .note {background: #FFF; margin:0 0.25em 0.5em; border-radius: 10px 10px 0 10px;}
#activity-notes .note .switch-paddle {width:6em}
#activity-notes .note .switch.small input:checked ~ .switch-paddle::after {left:3rem;}
#activity-notes .attribution {margin: 0; padding-top: 0.5rem; font-size:0.85em; border-top:1px solid #CCC;}
#activity-notes .footer {background: rgba(0,0,0,0.25); padding-top: 1em;}
#activity-notes .footer textarea {margin-bottom: 0; border:none; border-radius: 10px 10px 10px 0; resize:none; background:#FFF;}
#activity-notes .footer a.button {border-radius: 0 0 5px 5px;}

/*		Statuses		*/
#activity-statuses {display:flex; flex-direction: column; height: 100%;}
#activity-statuses .statuses {flex-grow:1; overflow-y: auto; padding: 1em 0 0;}
#activity-statuses .status {background: #FFF; margin-bottom:0.5em; border-radius: 10px; width:90%;
	overflow: hidden; color:#FFF;}
#activity-statuses .status.align-left {margin-right: auto; background: #EF6C00; border-radius: 10px 10px 10px 0;}
#activity-statuses .status.align-right {margin-left: auto; background: #039BE5; border-radius: 10px 10px 0 10px;}
#activity-statuses .status.align-center {margin-left: auto; margin-right: auto; background: #33B679;}
#activity-statuses .status .header {background:rgba(0,0,0,0.1); border-radius: 10px 10px 0 0; padding: 3px 10px;}
#activity-statuses .body {}
#activity-statuses .body p {margin: 0; padding: 10px;}
#activity-statuses .body img {max-width: 100px; width:100%; }
#activity-statuses .status .footer {background: rgba(0,0,0,0.1); border-radius: 0 0 10px 10px; font-size:0.85em; margin:0;}
#activity-statuses .status .footer .attribution {padding: 5px 10px;}
#activity-statuses .status .footer .button {margin: 0; border-radius: 0; font-size:0.85em;}
#activity-statuses .status .files {background: rgba(0,0,0,0.1);}
#activity-statuses .status .file-nav i {padding: 0 7px;}
#activity-statuses .status .file-nav a {color:#FFF;}

#activity-statuses > .footer {background: #FFF; border-radius: 10px 10px 10px 0; margin-bottom: 1em;}
#activity-statuses .footer textarea {margin-bottom: 0; border:none; border-radius: 10px 0 0 0; resize:none; box-shadow: none;}
#activity-statuses .footer select {background: #F3F3F3; margin-bottom: 0;}
#activity-statuses .filedropper {border-left:1px dashed #1779ba; border-radius: 0 10px 0 0; }
#activity-statuses > .footer a.button {border-radius: 0 0 5px 0; width:100%; margin-bottom: 0;}

/*		FOB tree	*/
.analysis-ordertree {padding-bottom: 1rem;}
.analysis-ordertree .item {background: #EF6C00; color:#FFF; padding: 0.5em 1em 1em; border-radius: 10px; font-size:0.8em; position: relative; cursor: pointer;}
.analysis-ordertree .item.despatchnote {background:#039BE5; }
.analysis-ordertree .item.invoice {background:#33B679; }
.analysis-ordertree .item h6 {color:#FFF; border-bottom: 1px dashed #FFF; padding-bottom: 0.35em;}
.analysis-ordertree .item h4, #analysis-ordertree .item p {margin-bottom: 0.25em;}

/*		Transaction tree	*/
.analysis-transactiontree {padding-bottom: 1rem;}
.analysis-transactiontree .item {background: #EF6C00; color:#FFF; padding: 0.5em 1em 1em; border-radius: 10px; font-size:0.8em; position: relative; cursor: pointer;}
.analysis-transactiontree .item.claim {background:#039BE5; }
.analysis-transactiontree .item.credit {background:#33B679; }
.analysis-transactiontree .item h6 {color:#FFF; border-bottom: 1px dashed #FFF; padding-bottom: 0.35em;}
.analysis-transactiontree .item h4, .analysis-transactiontree .item p {margin-bottom: 0.25em;}
.analysis-transactiontree .credits {margin-bottom: 2em;}

/*              File Analysis           */
.file-analysis, .file-analysis .content {display: flex; flex-direction: column; }
.file-analysis .content {background: #F1F1F1; font-size:0.875rem;}
.file-analysis .grow {flex-grow: 1; overflow: hidden; }
.file-analysis .grow > .cell:first-child {border-right:1px solid #CCC;}
.file-analysis .overflow-scroll {overflow: auto; max-height: 100%;}
.file-analysis .content a {display:inline-block; margin-right: 3px; color:#000;}
.file-analysis .content a:nth-child(odd) {font-weight: bold;}

/*		Export	*/
#activity-export-options .groups {background: #F1F1F1; padding-top: 1em; margin-bottom: 1em; }
#activity-export-options .group {margin-bottom: 1em;}
#activity-export-options .group label, #activity-export-options .group input {margin-bottom: 0;}
#activity-export-options .option-type-boolean {display:flex; gap:1rem; align-items: center; flex-direction: row-reverse; }
#activity-export-options fieldset {padding: 0.5rem 0; display: flex; flex-wrap:wrap; gap:2rem; border-top:1px solid #CCC; }


/*		ANALYSIS		*/
#data-analysis-filter {margin-bottom: 0;}
#data-analysis-filter input, #data-analysis-filter select {font-size:1em; margin-bottom: 0;}
#data-analysis-filter .button {margin-bottom: 0;}
table.analysis {transition: all 0.5s;}
table.analysis th, table.analysis td {font-size: 0.85em;}
table.analysis th {padding: 8px 5px; }
table.analysis td {padding: 3px 5px; }
table.analysis.loading {filter:blur(5px); }
table.analysis tr:nth-child(10n) {border-bottom: 1px dashed #999;}

#product_information .loading {visibility: hidden;}


.vc-container {border:none !important; font-family: inherit;}
.vc-title {font-weight:300 !important;}
.vc-day-content {font-size:0.75em !important;}


/*		MESSAGE BOARD		*/
.messageboard {overflow: hidden; position: relative;}
.messageboard .messages {height: 450px; overflow-y: auto; padding: 1em;}
.messageboard .messages h2.item-title {border-bottom: 1px solid #039BE5; padding-bottom: 0.5em;}
.messageboard .filter {background:#FFCC00; border-radius: 0 0 10px 10px; }
.messageboard .scroller {padding:14px; }
.messageboard .files {padding-right: 2rem; overflow: hidden;}
.messageboard .files span {transform: translateX(100%); transition:all 0.5s; display: block;}
.messageboard .files.has-files span {transform: translateX(0);}
.messageboard figure.aligncenter {margin-left:auto; margin-right: auto;}

.messageboard.newmembers .imagery {height:15vw; overflow: hidden;}
.messageboard.newmembers .imagery img {object-fit: cover; object-position: 50% 50%; width:100%; height:100%;}
.supplier-newmembers {height: 100%; display:flex; flex-direction: column; }
.supplier-newmembers .messageboard {flex-grow: 1; display:flex; flex-direction: column;}
.supplier-newmembers .messageboard .messages {flex-grow: 1; padding: 0; overflow-y: auto; }
.supplier-newmembers .messageboard .body {padding:1rem 1rem;}
.supplier-newmembers .messageboard .imagery {height:25vw; overflow: hidden;}
.supplier-newmembers .messageboard .imagery img {object-fit: cover; object-position: 50% 50%; width:100%; height:100%;}
@media screen and (max-width: 39.9375em) {
    .supplier-newmembers .messageboard .imagery {height:50vw; overflow: hidden;}
}

@media screen and (max-width: 63.9375em) {
    .messageboard.newmembers .imagery {height:30vw; overflow: hidden;}
}


/*		SUPPLIER OVERVIEW		*/
#home_supplier_overview .supplier-overview-content {height: 450px; overflow: hidden; display: flex; flex-direction: column; }
#home_supplier_overview .supplier-overview-content table {margin-bottom:0;}
#home_supplier_overview .supplier-overview-content .supplier-overview-table:first-child {border-bottom:1px solid #C00; margin: 0;}
#home_supplier_overview .invoices {overflow-y: auto;}
#home_supplier_overview .scroller {padding:10px 10px; background:#FFCC00; border-radius: 0 0 10px 10px; }

/*		TASKS		*/
#home_tasks .task-table {font-size:0.9em; max-height: 250px; overflow-y: auto;}
#home_tasks .overdue {background:#C00; color:#FFF; font-weight:500;}
#home_tasks td {color: #1779ba; font-weight: 900;}
#home_tasks tr.overdue td {background:#C00; color:#FFF; font-weight:500;}
#home_tasks a {color:inherit;}
#home_tasks .filter {padding:10.75px 10px; background:#FFCC00; border-radius: 0 0 10px 10px; }

@media screen and (max-width: 39.9375em) {
	#home_tasks .task-table {height:auto; max-height: 300px; }
}

#task {}
#task .form {padding:0 2rem;}


/*		FYI		*/
.fyi {overflow: hidden; position: relative;}
.fyi .messages {height: 450px; width: 100%; overflow-y: auto; }
.fyi .messages .message {height: 100%; width: 100%; background-size:cover; background-position: center; position: relative;}
.fyi .message .content {display:flex; flex-direction: column; min-height: 100%; justify-content: center;}
.fyi .message .content.image {position: absolute; top:0; left: 0; width: 100%;}
.fyi .responsive-embed, .flex-video {margin: 0;}
.fyi .responsive-embed.widescreen, .flex-video.widescreen {padding-bottom: 0; height: 100%;}
.fyi .scroller {padding:14px; background:#FFCC00; border-radius: 0 0 10px 10px; }
.fyi iframe {width:100%; height: 100%;}


/*		NEWSLETTERS			*/
body.home #newsletters .newsletter-table {font-size:0.9em; height: 450px; overflow-y: auto;}
body.home #newsletters .filter {padding:7px 10px; background:#FFCC00; border-radius: 0 0 10px 10px; }
body.home #newsletters .filter .switch {margin:0;}
body.home #newsletters .filter .switch-paddle {width:6rem; background: #1779ba;}
body.home #newsletters .filter input:checked ~ .switch-paddle::after {left:4.25rem}
body.home #newsletters label {margin-right: 1em;}
@media screen and (max-width: 39.9375em) {
	body.home #newsletters .newsletter-table  {height:auto; max-height: 300px; }
}


#newsletters {position:relative;}
#newsletters tr.month td {font-weight: bold;}
#newsletters tr.unread {font-weight:bold;}
#newsletters i.fa-arrow-up-right-from-square {font-size:0.75rem;}

#newsletter {max-width: 850px; }
#newsletter header {padding-bottom: 1em;}
#newsletter header p {margin: 0;}
#newsletter article { padding:1em 0; }
#newsletter section {background: #FFF; border-radius: 10px;}
#newsletter figure.aligncenter {margin-left:auto; margin-right: auto;}
.newsletter article p:not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right) {text-align:justify;}
.newsletter h2 {margin-bottom: 0;}
.newsletter footer {background: #FFF; border-radius: 10px; display:flex; flex-direction: row; flex-wrap: wrap; margin-top: 1rem;}
.newsletter footer .attachment {display: flex; flex-direction: column; padding: 1rem; align-items: center; max-width: 200px; text-align: center; }
.newsletter footer .attachment i {font-size:3rem; margin-bottom: 5px;}
@media screen and (min-width: 40em) {
	#newsletter header, #newsletter article {padding: 0 25px 1em;}
}
@media screen and (max-width: 39.9375em) {
	#newsletters {font-size: 0.8em;}
	#newsletter header p {font-size:0.85em;}
}


#newspaper .filter {background:#1779ba; padding: 0.5rem; margin:0 -0.625rem; position: sticky; top:0; color:#FFF; z-index: 2;
	display:flex; }
#newspaper .filter > * {padding:5px !important;}
#newspaper .filter input, #newspaper .filter select {margin-bottom: 0; color:#FFF;}
#newspaper .filter select option {color:#000 !important;}
#newspaper .articles {padding:1.5rem 0.5rem 1.5rem; display:grid; grid-template-columns:1fr; gap:2rem;}
#newspaper .switch {margin:0;}
#newspaper .switch-paddle {background: #0D476D;}
#newspaper .switch.readunread .switch-paddle {width:6rem; }
#newspaper .switch.readunread input:checked ~ .switch-paddle::after {left:4.25rem}
#newspaper .byline {font-size:0.875rem; display:flex; justify-content: space-between; color:#999; margin-bottom: 0.5rem; }
#newspaper .last-read {font-size:0.875rem; display:flex; justify-content: flex-end; color:#999; }
#newspaper p {font-size:1rem;}
#newspaper article {background:#FFF; border-radius: 10px; overflow: hidden;}
#newspaper .imagery {position: relative; padding-bottom: 60%; background: #FFF;}
#newspaper .imagery .holder {position:absolute; top:0; left:0; width:100%; height:100%;}
#newspaper .imagery img {cursor: pointer; object-fit: cover; object-position: 50% 50%; width:100%; height:100%; transition: filter 1s;}
#newspaper .imagery.contain img {object-fit:contain;}
#newspaper article .content {padding: 1.5rem; }
#newspaper article .content {flex-grow: 1; display:flex; flex-direction: column;}
#newspaper article .content .body {flex-grow: 1;}
#newspaper article.no-image .content .body {display: flex; flex-direction: column; justify-content: center; }
#newspaper article.secondary:first-child {margin-bottom: 1.5rem;}
#newspaper article {display: flex; flex-direction: column; }
#newspaper article.no-image {justify-content: center; text-align: center; }
#newspaper article.no-image h5 {font-size:2rem;}
#newspaper article.feature.odd .imagery {order:2;}
#newspaper article.read img {filter: grayscale(1);}
#newspaper article .attachments {color:#999;}
#newspaper article.unread .attachments {color:#1468a0;}
#newspaper article.read {background: #E9E9E9;}
#newspaper article.read a {color:#999;}
#newspaper article.advert {position: relative;}
#newspaper article.advert > img {position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
#newspaper article.advert > div {position: absolute; top:0; left: 0; width: 100%; height:100%; display: flex; justify-content: flex-end; align-items: flex-end; padding:1.5rem;}
#newspaper article.advert .button {margin:0;}

@media screen and (min-width: 48em) {
    #newspaper .articles {padding:1.5rem 0.5rem 1.5rem; display:grid; grid-template-columns:repeat(2, 1fr); gap:2rem;}
    #newspaper article.advert.portrait {grid-row-start:1; grid-row-end:4; grid-column-start: 2;}
    #newspaper article.advert.landscape {grid-column-start:1; grid-column-end: 3; grid-row-start:2; min-height: 33vw; }
    #newspaper .filter {margin: 0 -0.9375em;}
}
@media screen and (min-width: 64em) {
    #newspaper .articles {padding:1.5rem 0.5rem 1.5rem; display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem;}
    #newspaper article.advert.portrait {grid-row-start:1; grid-row-end:4; grid-column-start: 3;}
    #newspaper article.advert.landscape {grid-column-start:2; grid-column-end: 4; grid-row-start:2; min-height: 25vw; }
}
@media screen and (min-width: 90em) {
    #newspaper .articles {padding:1.5rem 0.5rem 1.5rem; display:grid; grid-template-columns:repeat(4, 1fr); gap:2rem;}
    #newspaper article.advert.portrait {grid-row-start:1; grid-row-end:4; grid-column-start: 4;}
    #newspaper article.advert.landscape {grid-column-start:3; grid-column-end: 5; grid-row-start:2; min-height: 25vw; }
}
@media screen and (max-width: 47.9875em) {
    #newspaper article.advert {display:none;}
}


.home #newspaper .filter  {margin: 0; padding: 0.5rem 0.5rem;}
.home #newspaper .articles {margin:0; padding: 0;}
@media screen and (min-width: 40em) {
	.home #newspaper .filter  {margin: 0; padding: 0.5rem 1.5rem;}
	.home #newspaper .articles {margin:0 0.5rem; padding:1rem 0.5rem;}
}

.single-post main { margin: 1rem 0 2rem}
.single-post main .article-header {max-width:700px; margin:0 auto;}
.single-post main section {background: #FFF; max-width:730px; border-radius: 10px; padding: 1em; margin: 0 auto; }



/*		TASKS			*/
.single-task .article-header {margin:2rem 0 1rem;}



/*		CALENDAR		*/
body.home .calendar .events {height: 450px; overflow-y: auto; padding: 2px;}

.calendar .event {padding: 3px;  }
.calendar .event-content {height: 100%; display: flex; flex-direction: column; transition: opacity 0.5s; border-radius:10px; }
.calendar .event.type- .event-content {background:#E3E3E3;}
.calendar .event.type-window .event-content {background:#EF6C00; color:#FFF; }
.calendar .event.type-poskit .event-content {background:#EF6C00; color:#FFF; }
.calendar .event.type-day .event-content {background:#33B679; color:#FFF; }
.calendar .event.type-show .event-content {background:#039BE5; color:#FFF; }
/*.calendar .event.type-other .event-content {background:#FF74B1; color:#FFF; }*/
.calendar .event.type-other .event-content {background:#C33; color:#FFF; }
.calendar .event-title {flex-grow: 1; padding:10px; }
.calendar .event-date {font-size:0.8em; flex-shrink: 1; padding: 5px 10px; background: rgba(0,0,0,0.25);  border-radius:0 0 10px 10px; }

.calendar .key {padding:7px 10px; background:#FFCC00; font-size:0.85em; border-radius: 0 0 10px 10px; min-height: 44px; }
.calendar .key .import a {padding: 3px;}
.calendar .key .event a {display: inline-block; padding: 2px 8px;}
.calendar .key.hasactive .event:not(.active) .event-content {opacity: 0.25;}

@media screen and (max-width: 39.9375em) {
	body.home .calendar .events {font-size:0.85em;}
}




/*		FORUM COMMENTS		*/
body.home main .forumcomments .comments {height: 450px; overflow-y: auto; padding:10px;background-color: #fefefe;}
body.home .forumcomments .comments .comment .avatar {position:absolute; top:-20px; left:-20px;}
body.home .forumcomments .comments .comment {position:relative; margin:3px; width: calc(100% - 20px); margin-left: 20px;margin-top: 20px;padding-left: 20px;}
body.home .forumcomments .comments .comment-content{}
body.home .forumcomments .comments .comment:nth-child(odd) .comment-content {border-radius:10px 10px 0 10px;}
body.home .forumcomments .comments .comment:nth-child(even) .comment-content {border-radius:10px 10px 10px 0;}
body.home .forumcomments .comments .comment-header {border-radius: 10px 10px 0 0;}
body.home .forumcomments .comments .comment-header a {color:inherit; font-weight: bold;}
body.home .forumcomments .comments .comment-header .cell {padding: 5px 10px;}
body.home .forumcomments .comments .comment-header .comment-date {font-size:0.85em; }
body.home .forumcomments .comments .comment-body {padding: 0px 10px;}
body.home .forumcomments .comments .comment.dark {color:#FFF;}
body.home .forumcomments .pagination .cell.text-right {display: none;}

.forumcomments .filter > .cell {padding:8px 10px; background:#FFCC00; font-size:0.85em; border-radius: 0 0 10px 10px; }
.forumcomments .pagination {padding: 0; min-height: 28px; }
.forumcomments .button {margin:0; padding: 0.5em 0.5em; }
.forumcomments a {color:inherit;}
@media screen and (max-width: 39.9375em) {
	body.home main .forumcomments {font-size:0.85em;}
}


/*		FORUM 		*/
#forum_topic {font-weight:500;}
#forum_topic header {margin:0 1em 1em; overflow-y: auto; height:100%;}
#forum_topic .forum-body {background: #FFF; padding: 1em; border-radius: 10px 10px 10px 0;}
#forum_topic .entry-content {margin: 0 1em 0 1em; font-size: 0.9em;}
#forum_topic .attribution {font-size:0.8em; font-weight: bold; padding: 0.5em 1em; background:rgba(0,0,0,0.05);
	border-radius: 0 0 10px 10px;}
#forum_topic .attribution a {color:inherit; text-transform: uppercase;}
#forum_topic header .attribution {}
#forum_topic input[type=text] {background: transparent; height: auto;}
.forum_comment {border-left:1px solid transparent; border-radius: 0 0 0 10px; margin-bottom: 1em; margin-top: 20px; margin-left: 20px;}
.forum_comment .comment {background:#F3F3F3; border-radius: 0 10px 10px 10px;  }
.forum_comment .comment.dark {color:#FFF;}
.forum_comment .comment .comment-content {display: flex; justify-content: space-between; position: relative; overflow: hidden;}
.forum_comment .comment .comment-body {padding: 1em; max-height: 400px; overflow-y: auto; flex-grow:1; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 50px;}
.forum_comment .comment .comment-imagery {flex-basis:20%; max-width: 200px; position: relative; background: rgba(0,0,0,0.1); display: flex; flex-direction: column; }
.forum_comment .comment .comment-imagery .wpimage {flex-grow: 1;}
.forum_comment .comment .comment-imagery img {width:100%;}
.forum_comment .comment .attribution {font-size:0.8em; font-weight: 100; padding: 0.5rem 1rem 0.5rem 0 !important;
	border-radius: 0 0 10px 10px;}
.forum_comment .comment .comment-imagery .file-nav { padding: 5px 10px; }
.forum_comment .replies {margin-top: 0.5em; padding-left: 1rem;}
.forum_comment .replies .forum_comment {}
@media screen and (max-width: 39.9375em) {
	.forumcomment .replies .forum_comment {padding-left: 0.5rem;}
}

.single-forum h1.page-title {margin:0.5em 0;}
.single-forum .forum-search {position:relative;}
.single-forum .forum-search input {margin-bottom:0; padding-right: 40px; }
.single-forum .forum-search i {position:absolute; right:30px; top:50%; transform: translateY(-50%);}
@media screen and (max-width: 39.9375em) {
	.single-forum .forum-search {order:2;}
}

.topics > .grid-x {margin: 0.5em;}
.topics .topic {background: #F3F3F3; border-radius: 20px; transition: background 0.5s; cursor: pointer;}
.topics .topic.dark {color:#FFF;}
.topics .topic header {display:flex;}
.topics .topic h3, .topics .topic h5 {margin-bottom:0.15em; color:inherit; flex-grow: 1;}
.topics .topic i {line-height: 1em;}
.topics .topic .byline {font-size:0.85em;}
.topics .pagination {width:100%; background: #F3F3F3}
.topics .topic i.margin-right {margin-right: 10px; margin-left: 10px;}

.forum_reply { padding: 0 1rem; }
.forum_reply > .grid-x {background: #F3F3F3; border-radius: 0 0 10px 10px;}
.forum_reply textarea {border:none; background: rgba(255,255,255,0.25); margin: 0;}
.forum_reply .grid-y {height:100%;}
.forum_reply .button {margin-bottom:0;}



/*		Dropbox		*/
body.page-template-template-dropbox h1.page-title {display:none;}
.dropbox header {display:flex; padding-bottom:1em;}
.dropbox { flex-grow:1; margin-bottom: 2em;}
.dropbox ul {flex-grow:1; list-style:none; margin:0; padding: 0; display:inline-block;}
.dropbox ul li {display: inline-block; padding-right:8px; font-size:1.2em;}
.dropbox .search {display: flex; align-items:center; }
.dropbox input {border-width:0 0 1px 0; font-size:1.2em; flex-grow: 1; margin: 0;}
.dropbox .content {padding: 1em 1.5em; background: #F3F3F3; font-size:1.1em; margin-bottom: 1em;}
.dropbox ul {list-style:none; margin:0; padding: 0; display:flex; align-items:flex-end; flex-wrap:wrap; transition:all 0.5s; align-items:flex-start;}
.dropbox ul li.file {display:flex; align-items:center; }
.dropbox ul li.file {text-align:center; width:20%; margin-bottom: 1em; flex-direction: column;  }
.dropbox ul.table li.file:not(.folder) {text-align:left; width:50%; margin-bottom: 0; padding: 0 1em; flex-direction: row; border-bottom: 1px solid #f3f3f3; }
.dropbox ul li .file-name {font-size:0.85em; flex-grow:1; }
.dropbox ul li img {padding:0.5em; box-sizing: border-box; width:150px; max-width:100%;}
.dropbox ul li i.icon {padding:0.5rem; font-size:3em;  }
.dropbox ul.table li:not(.folder) i.icon {font-size:1.5em;  }
.dropbox ul.file-formats {list-style:none; margin:0; padding: 0; display:flex; justify-content:center; flex-wrap:wrap; transition:all 0.5s;
	align-items:flex-start; flex-shrink: 1;}
.dropbox ul.table ul.file-formats {justify-content: flex-end;}
.dropbox ul.file-formats li {font-size:0.85em; padding: 5px 5px; margin:5px; background:#EEE; border-radius: 4px; }
.dropbox ul.file-formats li .fa-circle-play {border-left:1px solid #CCC; padding-left:5px;}
.dropbox ul.file-formats li .file-size {font-size:0.85em; border-left:1px solid #CCC; padding-left:5px;}
.dropbox .loading ul.grid {opacity:0;}
.dropbox p {font-size:0.85em;}
.dropbox p.empty {margin-top:1em;}
#dropbox-preview {padding: 0; }
#dropbox-preview video {object-fit: cover; display: block; }
#dropbox-preview i {position:absolute; top:0.5em; right:0.5em; color:#CCC; opacity:0.5; transition:all 0.5s;}
#dropbox-preview i:hover {opacity:1;}
@media screen and (max-width: 39.9375em) {
	.dropbox ul.grid li.file {width:50%;}
	.dropbox ul.table li.file {width:100%;}
}


i.fa-file-zip {color:#F2D06C;}
i.fa-file-pdf {color:#AD0B00;}
i.fa-file-spreadsheet, i.fa-file-excel {color:#10783F;}
i.fa-file-word {color:#2F5C98;}
i.fa-file-image {color:#F7770F;}
i.fa-file-video {color:#4C6EF5;}


/*		May Show		*/
.tax-mayshow_location .suppliers {display:flex; flex-wrap:wrap; gap:1rem; justify-content: center;}
.tax-mayshow_location .suppliers article {background: #FFF; width: 195px; text-align: center; padding: 1rem 1rem; display: flex; flex-direction: column; gap:1rem;
    border-radius: 15px; justify-content: center;}
.tax-mayshow_location main {min-height: 0 !important;}


/*		Window Features		*/
.post-type-archive-window-feature .windows {display:flex; flex-direction: column; gap:1rem; }
.post-type-archive-window-feature .windows article {background: #FFF; border-radius: 15px; overflow: hidden; }
.post-type-archive-window-feature .windows article section {padding: 1rem 1rem; gap:1rem;
    justify-content: center; display: flex; justify-content: space-between;}
.post-type-archive-window-feature .windows article footer {display: flex; gap:1px; flex-wrap:wrap;}
.post-type-archive-window-feature .windows article footer div {padding: 0.5rem 1rem; flex-grow:1; display:flex; flex-direction: column; }
.post-type-archive-window-feature .windows article footer div.taking-1, .post-type-archive-window-feature .windows article footer div.taking-0 {color:#FFF;} 
.post-type-archive-window-feature .windows article footer div span {font-weight:bold;} 
    



/*		Data Analysis		*/
.analysis-product-information {background: #FFF;}



.tippy-content hr {margin:5px auto !important;}


/*              SITE NAVIGATION         */
body.main-nav-open {overflow: hidden;}

.site-navigation:not(.inline) {position:fixed; top:0; left:0; width:100%; height: 100%; z-index: 99; pointer-events: none;}
.site-navigation:not(.inline):before {content:""; position: absolute; top:0; left:0; width:100%; height:100%; background: #062539C0; opacity: 0; transition:opacity 0.35s ease-out; }
.site-navigation.active:before {opacity: 1;}
.site-navigation h3 {color:#FFF; padding-bottom: 0.5rem; font-size:1.5rem; }
.site-navigation h4 {color:#FFF; padding-bottom: 0.125rem; font-size:1.125rem;}
.site-navigation a {color:inherit;}
.site-navigation .link {opacity: 0.7; transition: opacity 0.25s;}
.site-navigation a.link:hover {opacity: 1;}

.site-navigation .content { background: #0d476d; overflow: hidden; color:#FFF; display:flex; flex-direction: column; gap:0;
    position: relative; transform:translateY(-10px); opacity: 0; transition:all 0.35s ease-out;}
.site-navigation:not(.inline) .content {height: 95dvh; box-shadow: 0 10px 20px rgba(0,0,0,0.75); padding: 1.7em 0 1rem;}
body.home .site-navigation .content {transform:none; cursor: pointer;}
.site-navigation.active .content {pointer-events: all; opacity: 1; transform: translateY(0);}
.site-navigation .content input {border-radius: 5px; background: rgba(255,255,255,0.75); padding:0.35rem 1rem; height:auto; color:#0d476d !important; border:none; margin: 0; }
.site-navigation .content input::placeholder {color:#0d476d;}
.site-navigation .content input:focus { background: rgba(255,255,255,1) !important; }
.site-navigation .content header {display:flex; justify-content: space-between; margin:0 1.5rem; line-height: 1; gap:2rem; align-items: center; padding-bottom: 1rem;  }
.site-navigation .content header input {max-width: 600px; width:75%; flex-grow:1;}
.site-navigation .content footer {display:flex; justify-content: space-between; align-items: center; padding-top: 0.5rem; margin: 0 4rem;}
.site-navigation .content footer > * {width:30%; flex-grow:1;}
.site-navigation .content footer img {height:54px;}
.site-navigation .content footer .autocomplete {width: 300px; max-width:30vw; }

.site-navigation .main {overflow: hidden; max-height:100%; height:100%; position: relative; }
.site-navigation .main .tab-nav {position: absolute; top:1rem; font-size:1.5rem; padding:0.125rem 0.5rem; opacity: 0.7; transition: opacity 0.25s; }
.site-navigation .main .tab-nav:hover {opacity: 1;}
.site-navigation .main .prev-tab {left:1rem;}
.site-navigation .main .next-tab {right:1rem;}

.site-navigation .windows {overflow: hidden; display:grid; gap:2rem; max-height:100%; height:100%; padding: 1rem 0 0; margin: 0 2rem 0 4rem; }
.site-navigation .windows .window {display:flex; flex-direction: column; height:100%; max-height:100%; gap:1rem; min-width: 250px; align-items: flex-start; transition:transform 0.25s ease-out; }
.site-navigation .windows .window .items {height:10px; flex-grow:1; overflow-y:auto; width: 100%; padding-right: 4px;}
.site-navigation .windows .window .items .tims-scrollbar::-webkit-scrollbar { height: 2px; width:2px; }
.site-navigation .windows .window .items .tims-scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0);}
.site-navigation .windows .window:hover .items .tims-scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); }
.site-navigation .windows figure {height:15dvh; max-height: 125px; width:100%; border-radius: 8px; overflow: hidden;}
.site-navigation .windows figure img { object-fit: cover; object-position: center; width:100%; height:100%; }
.site-navigation .windows ol {list-style: none; margin: 0; padding-left: 1rem; margin-bottom: 1rem; border-left-width: 2px;}
.site-navigation .windows ol ol {margin-bottom: 0;}
.site-navigation .windows ol ol li {font-size:0.875rem; padding-right: 2rem;}
.site-navigation .windows .window li {position: relative; display:flex; justify-content: space-between;line-height: 1em; padding: 4px 0; }
.site-navigation .windows .window li .chips {display:flex; gap:0 8px; align-items: center; padding-bottom: 1px; flex-wrap:wrap; justify-content: flex-end;}
.site-navigation .windows .window li .chip {font-size:12px; display:flex; align-items:center; gap:4px; line-height: 1.4; }
.site-navigation .windows .window li .is-new {font-size:10px; text-transform: uppercase; background:#FFCC00; border-radius: 10px; color:#031C2B; font-weight: bold; padding: 2px 5px 3px; line-height: 1; opacity: 1;}

.site-navigation:not(.searchable) .windows {padding-top: 0;}

.site-navigation .nav-tabs {font-size:1.125rem; display:flex; gap:1.5rem; white-space: nowrap; justify-content: flex-start; margin:0 1.5rem; overflow: scroll; margin-bottom: 0.5rem;
    border-bottom-width: 3px;}
.site-navigation .nav-tabs::-webkit-scrollbar { height: 0px; width:2px; }
.site-navigation .nav-tabs a {padding-bottom: 0.5em; opacity: 0.7;}
.site-navigation .nav-tabs a.active {opacity: 1;}
.site-navigation .layout-tabs .windows {margin: 0 -0.5rem 0 1.5rem;}
.site-navigation .layout-tabs .main .tab-nav {display: none;}


@media screen and (max-width: 39.9375em) {
    .site-navigation .content header {margin-right: 1.5rem;}
    .site-navigation .content header .spacer {display:none;}
    .site-navigation .content footer img {height:40px;}
}


/*		SCROLLING PANEL		*/
.scrolling-panel {position: relative;}
.scrolling-panel .overflowing {position:absolute; left:0; width:100%; display: flex; padding: 3px 0; justify-content: center; pointer-events: none; }
.scrolling-panel .overflowing.top {top:0; background: linear-gradient(to bottom, rgba(13,71,109,1), rgba(13,71,109,0)); }
.scrolling-panel .overflowing.bottom {bottom:0; background: linear-gradient(to top, rgba(13,71,109,1), rgba(13,71,109,0)); }
.scrolling-panel .overflowing.top::before, .scrolling-panel .overflowing.bottom::before {content:""; position:absolute; left:0; width:100%; height:5px;}
.scrolling-panel .overflowing.top::before {top:0; background: radial-gradient(ellipse at top, rgba(6,37,57,0.5), rgba(13,71,109,0));}
.scrolling-panel .overflowing.bottom::before {bottom:0; background: radial-gradient(ellipse at bottom, rgba(6,37,57,0.5), rgba(13,71,109,0));}


/*		VUE Transitions		*/
.slide-enter-to {transform: translate(0,0);}
.slide-leave-active {position:absolute;}
.slide-leave-active,
.slide-enter-active {
    transition: 0.75s;
}
.slide-enter {
  transform: translate(100%, 0);
}
.slide-leave-to {
  transform: translate(-50%, 0);
  opacity: 0;
}

.fade-enter-from, .fade-leave-to {opacity:0;}
.fade-leave-active, .fade-enter-active { transition: opacity 0.5s;}

.comment-content .new-comment {
  position: absolute;
  right: -36px;
  top: -15px;
  height: 60px;
  width: 100px;
  background-color: #136d0d;
  text-align: center;
  transform: rotate(45deg);
	display: none;
}

.comment-content .new-comment.show {
	display: block;
}

.comment-content .new-comment p {
  line-height: 80px;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
	color: #ffffff;
}

.forum_comment .comment .comment-content.show {
  padding-right: 70px;
  box-sizing: border-box;
}

.off-canvas.search-results.hidden {
  left: 0px;
  width: 0px;
}

.off-canvas.search-results {
  position: fixed;
  height: 100vh;
  width: 350px;
  left: 350px;
  transition: all 0.5s;
  display: block;
}

.search-results-inner {
	padding: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: clip;
}

.search-results-inner h2 {
  font-size: 20px;
}

.search-results-inner h2 .number {
  background-color: #0D476D;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  color: #ffffff;
  display: inline-block;
  float: right;
  margin-right: 10px;
	margin-top: -4px;
}

.search-results-inner p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

.search-results.hidden .search-results-inner {
  display: none;
}

.hidden {
  display: none!important;
}

#off-canvas .close {
  position: absolute;
  top: 0px;
  right: 10px;
  transition: opacity 1s;
  opacity: 1;
	height: 35px;
	cursor: pointer;
}

#off-canvas .close.noshow {
  opacity: 0;
}

#off-canvas .close .bars {
  background-color: #ffffff;
  height: 2px;
  width: 20px;
  transition: all 0.5s;
}

#off-canvas .close .bars.bar-1 {
  transform: rotate(45deg);
  margin-top: 17px;
}

#off-canvas .close .bars.bar-2 {
  transform: rotate(-45deg);
  margin-top: -2px;
}

#off-canvas .close.noshow .bar-1, #off-canvas .close.noshow .bar-2 {
  transform: rotate(0deg);
}

.search-results-inner::-webkit-scrollbar {
  width: 10px;
}

.search-results-inner::-webkit-scrollbar-track {
	background-color: none;
}

.search-results-inner::-webkit-scrollbar-thumb {
  background-color: #0D476D;
}

.search-results-inner h3 {
  font-size: 17px;
  margin: 0px;
  padding: 0px;
  line-height: 17px;
  margin-bottom: 5px;
  margin-top: 10px;
}

.trigger i.fas {
  float: right;
  margin-top: 0px;
}

.expander {
  border-bottom: 2px solid #0D476D;
  margin-bottom: 20px;
}

.expander.close {
  height: 0px;
  overflow: hidden;
}

main .topics .cell.topic:nth-of-type(2n-1) {
  background-color: #ffffff;
}

main .topics .cell.topic p {
  margin: 0px;
}

main .topics .cell.topic {
  width: calc(100% - 1.875rem);
  margin-bottom: 10px;
  margin-top: 0px;
}

.avatar {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    color: #000000;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

.avatar.dark {
  color: #ffffff;
}

.avatar img {object-fit: cover; object-position: center; width:100%; height:100%; }

.topics .fa-lg {
  color: #1a466c;
	position: relative;
}

.indicator {
	display: none;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  background-color: #fbf40b;
  font-size: 8px;
  text-align: center;
  line-height: 15px;
  color: #1a466c;
  font-weight: 900;
  position: absolute;
  top: 10px;
  right: -7px;
}

.indicator.show {
	display: block;
}

.off-canvas-wrapper.forum {
  width: 0%;
	transition: all 0.5s;
	position: absolute;
}

.off-canvas-wrapper.forum.open {
  width: 60%;
  float: left;
	position: relative;
	z-index: 3;
}

main.forum {
  width: 100%;
  transition: all 0.5s;
}

main.forum.shrink {
  width: 40%;
  float: left;
}

#forum_topic {
  display: none;
}

.off-canvas-wrapper.forum .topic .header .avatar {margin-top: 20px;}

.forum .off-canvas {
  padding: 0px 20px;
  box-sizing: border-box;
	overflow: auto;
	height: calc(100vh - 85px);
}

.forum .article-header {
	margin-left: 55px;
}

.forum_comment .avatar {
  margin: 0px;
  top: -20px;
  left: -20px;
  position: absolute;
	z-index: 9;
}

.forum_comment {
  position: relative;
	width: calc(100% - 20px);
	margin-bottom: 0px;
	margin-top: 30px;
}

.forum_comment.cell {
  border-left: 1px solid;
  border-radius: 0px;
}

.forum_comment .comment {
	position: relative;
}

.forum_comment .comment .comment-body p {
  margin-bottom: 0px;
}

.forum_comment .comment .attribution .cell {
  padding-left: 30px;
}

.forum_comment .replies .comment {
  margin-top: 30px;
}

.icons {
  position: absolute;
  right: 0px;
  top: 0px;
	bottom: 0px;
  background-color: #0D476D;
  border-radius: 0px 10px 10px 0px;
	padding-left: 10px;
  padding-right: 10px;
}

.icons .buttons {
  height: 50%;
}


.icons .buttons i {
  color: #ffffff;
  margin-top: 80%;
}

.topic h2.entry-title.single-title {
  margin-bottom: 0px;
}

.forum-body p {
  margin-bottom: 0px;
}

.forum_comment .comment.new_comment {
  background-color: #facd1a;
}

.filters i {
  color: #ffffff;
  margin-top: 18px;
	margin-right: 5px;
}

.titles .filters {
  text-align: right;
  margin-right: 20px;
}

.forum-template-default.is-off-canvas-open {
  overflow: auto;
}

.cell.topic.active {
  background-color: #1779ba!important;
  color: #ffffff;
}

.cell.topic.active .fa-lg {
  color: #FFFFFF;
}

body.home .forumcomments .comments .comment:nth-of-type(2n) {
  background-color: #f1f1f1;
  border-radius: 10px;
}

.forum a.float-right.show-for-large.large {
  padding: 10px 10px 0px 0px;
}

@media screen and (min-width: 880px) {
	.js-off-canvas-overlay.is-overlay-fixed {
    /* width: 0px;
    height: 0px; */
		width: 100vw;
		height: 100vh;
    display: none;
	}

	.topics .pagination {
		position: fixed;
		bottom: 0px;
		transition: all 0.5s;
	}

	.forum.shrink .topics .pagination {
    width: 40%;
	}

	.grid-y > .medium-auto {
    flex: none;
    overflow: unset;
    -webkit-box-flex: unset;
	}

	.grid-y.medium-grid-frame {
    height: auto;
	}

	.topics > .grid-x {
    margin-bottom: 80px;
	}

	.forum .off-canvas {
		padding-bottom: 40px;
		position: relative;
		overscroll-behavior: none;
	}

	.off-canvas-wrapper.forum.open.fixed .off-canvas {
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 60%;
		height: 100%;
	}

}

@media screen and (max-width: 1024px) {
	.filter-panel-open .activity-filter {
    transform: translateX(0px);
	}

	.activity-filter .titles li.filters {
    flex-direction: row;
    display: flex;
    justify-content: space-around;
	}

	.off-canvas h2 {
    font-size: 15px;
}

	.off-canvas .header i {
    padding: 0;
    margin: 2px 0px;
    font-size: 20px;
	}

	.off-canvas .grid-x {
    font-size: 12px;
	}

	.off-canvas table.data th, .off-canvas table.data td {
    padding: 2px;
	}

	.off-canvas .grid-padding-y > .cell table.data {
    margin-bottom: 0px;
	}

	.off-canvas .grid-padding-y > .cell {
    padding-top: 5px;
    padding-bottom: 5px;
	}

	#activity table.data.invoices td.rpen:nth-of-type(18):before {
    content: 'C: ';
	}

	#activity table.data.invoices td.rpen:nth-of-type(17):before {
    content: 'N: ';
	}

	#activity table.data.invoices td.rpen:nth-of-type(16):before {
    content: 'E: ';
	}

	#activity table.data.invoices td.rpen:nth-of-type(15):before {
    content: 'P: ';
	}

	#activity table.data.invoices td.rpen:nth-of-type(14):before {
    content: 'R: ';
	}

	#activity table.data.invoices td {
		display: block;
		width: 50vw;
		text-align: left;
	}

	#activity table.data.invoices td.rpen {
		display: revert;
		/* display: table; */
		/* width: auto; */
	}

	#activity table.data.invoices th {
		display: none;
	}
}

@media screen and (max-width: 880px) {
	#forum_topic {
    display: block;
	}

	.off-canvas-wrapper.forum.open {
		position: absolute;
		    top: 0px;
		    bottom: 0px;
		    left: 0px;
		    right: 0px;
		    z-index: 999;
		    display: block;
		    width: 100%;
	}

	.forum .off-canvas {
    height: 100%;
	}

	figure.filedropper {
  	min-height: 40px;
	}

	.off-canvas-wrapper.forum {
		display: none;
	}

	main.forum.shrink {
	  width: 100%;
	  float: left;
	}

	table.data.claims tr td {
    display: block;
    text-align: left;
    width: 50%;
    float: left;
}

	table.data.claims tr td .small, table.data.despatch-note td .small, table.data.fob-claim td .small, table.data.orders td .small, table.data.due-date td .small, table.data.product-returns td .small {
		display: inline-block;
		margin-left: 5px;
	}

	table.data.claims th {
		display: none;
	}

	table.data.claims tr td:nth-of-type(2):before {
    content: 'Claim#: ';
	}

	table.data.claims tr td:nth-of-type(4):before {
	  content: 'Date: ';
	}

	table.data.claims tr td:nth-of-type(6):before {
    content: 'Supplier: ';
	}

	table.data.claims tr td:nth-of-type(7):before {
		content: 'Supplier: ';
	}

	table.data.claims tr td:nth-of-type(9):before {
    content: 'Currency: ';
	}

	table.data.claims tr td:nth-of-type(10):before {
    content: 'Total: ';
	}

	table.data.claims tr td:nth-of-type(11):before {
    content: 'Disputed: ';
	}

	table.data.claims tr td:nth-of-type(13):before {
    content: 'Status: ';
	}

	table.data.due-date td:nth-of-type(2):before {
    content: 'Revisions#: ';
	}

	table.data.due-date td:nth-of-type(3):before {
    content: 'Date: ';
	}

	table.data.due-date td:nth-of-type(4):before {
		content: 'Business: ';
	}

	table.data.due-date td:nth-of-type(5):before {
		content: 'Supplier: ';
	}

	table.data.due-date td:nth-of-type(6):before {
		content: 'Supplier invoice#: ';
	}

	table.data.due-date td:nth-of-type(7):before {
		content: 'Purchase#: ';
	}

	table.data.due-date td:nth-of-type(8):before {
		content: 'Invoice#: ';
	}

	table.data.due-date td:nth-of-type(9):before {
		content: 'New due date: ';
	}

	table.data.due-date td:nth-of-type(10):before {
		content: 'Status: ';
	}

	table.data.due-date td:nth-of-type(11):before {
		content: 'N: ';
	}

	table.data.due-date th {
    display: none;
	}

	table.data.due-date td {
    display: block;
    width: 50%;
    float: left;
    text-align: left;
	}

	table.data.product-returns td:nth-of-type(2):before {
    content: 'Return#: ';
	}

	table.data.product-returns td:nth-of-type(3):before {
    content: 'Date: ';
	}

	table.data.product-returns td:nth-of-type(4):before {
		content: 'Business: ';
	}

	table.data.product-returns td:nth-of-type(5):before {
		content: 'Supplier: ';
	}

	table.data.product-returns td:nth-of-type(6):before {
		content: 'Goods: ';
	}

	table.data.product-returns td:nth-of-type(7):before {
		content: 'Carridge: ';
	}

	table.data.product-returns td:nth-of-type(8):before {
		content: 'Total: ';
	}

	table.data.product-returns td:nth-of-type(9):before {
		content: 'Status: ';
	}

	table.data.product-returns td:nth-of-type(10):before {
		content: 'N: ';
	}

	table.data.product-returns th, table.data.despatch-note th, table.data.fob-claim th, table.data.orders th {
		display: none;
	}

	table.data.product-returns td, table.data.despatch-note td, table.data.fob-claim td, table.data.orders td {
		display: block;
		width: 50%;
		float: left;
		text-align: left;
	}

	table.data.despatch-note td:nth-of-type(6):before {
    content: 'Cartons: ';
	}

	table.data.despatch-note td:nth-of-type(5):before {
    content: 'Despatch to: ';
	}

	table.data.despatch-note td:nth-of-type(4):before {
    content: 'Despatch date: ';
	}

	table.data.despatch-note td:nth-of-type(3):before {
    content: 'Business: ';
	}

	table.data.despatch-note td:nth-of-type(2):before {
    content: 'Despatch note#: ';
	}

	table.data.despatch-note td:nth-of-type(7):before {
    content: 'R: ';
	}

	table.data.despatch-note td:nth-of-type(8):before {
    content: 'P: ';
	}

	table.data.despatch-note td:nth-of-type(9):before {
    content: 'E: ';
	}

	table.data.despatch-note td:nth-of-type(10):before {
    content: 'N: ';
	}

	table.data.despatch-note td.rpen, table.data.orders td.rpen {
    display: inline-block;
    width: auto;
    margin-left: 5px;
	}

	table.data.fob-claim td:nth-of-type(8):before {
    content: 'N: ';
	}

	table.data.fob-claim td:nth-of-type(7):before {
    content: 'Status: ';
	}

	table.data.fob-claim td:nth-of-type(6):before {
    content: 'Total items: ';
	}

	table.data.fob-claim td:nth-of-type(5):before {
    content: 'Despatch#: ';
	}

	table.data.fob-claim td:nth-of-type(4):before {
    content: 'Date: ';
	}

	table.data.fob-claim td:nth-of-type(3):before {
    content: 'Business: ';
	}

	table.data.fob-claim td:nth-of-type(2):before {
    content: 'Claim#: ';
	}

	table.data.orders td:nth-of-type(12):before {
    content: 'N: ';
	}

	table.data.orders td:nth-of-type(11):before {
    content: 'E: ';
	}

	table.data.orders td:nth-of-type(10):before {
    content: 'P: ';
	}

	table.data.orders td:nth-of-type(9):before {
    content: 'R: ';
	}

	table.data.orders td:nth-of-type(8):before {
    content: 'Total: ';
	}

	table.data.orders td:nth-of-type(7):before {
    content: 'Currency: ';
	}

	table.data.orders td:nth-of-type(6):before {
    content: 'Date: ';
	}

	table.data.orders td:nth-of-type(5):before {
    content: 'Description: ';
	}

	table.data.orders td:nth-of-type(4):before {
    content: 'Order reference: ';
	}

	table.data.orders td:nth-of-type(3):before {
    content: 'Business: ';
	}

	table.data.orders td:nth-of-type(2):before {
    content: 'Order#: ';
	}

}

@media screen and (max-width:650px){
	#activity table.data.invoices td, table.data.statement td, table.data.despatch-note td, table.data.fob-claim td {
		display: block;
		width: 100vw;
		text-align: left;
	}

	#activity table.data.invoices td:nth-of-type(5):before {
		content: 'Supplier: ';
	}

	#activity table.data.invoices td:nth-of-type(6):before {
		content: 'Transactions#: ';
	}

	#activity table.data.invoices td:nth-of-type(9):before {
		content: 'Date: ';
	}

	#activity table.data.invoices td:nth-of-type(12):before {
		content: 'Total: ';
	}

	table.data.claims tr td, 	table.data.due-date td, table.data.product-returns td, table.data.orders td {
		width: 100%;
	}

	table.data.statement td:nth-of-type(3):before {
    content: 'Statement date: ';
	}

	table.data.statement td:nth-of-type(6):before {
    content: 'Grand Total: ';
	}

	table.data.statement td:nth-of-type(2):before {
    content: 'Business: ';
	}

	table.data.statement th {
		display: none;
	}
}