:root {
  --primary: #1e87f0;
  --warning: #f0506e;
  --transitionduration: 0.15s;
  --transitionduration_slow: 0.25s;
  --approved: #1e87f0;
  --approved: #28b349;
  --lightboxshadow:0 5px 15px rgb(0 0 0 / 8%);
  --heavyboxshadow:0 14px 25px rgb(0 0 0 / 16%);
  --colorheading: #1f2f3a;
  --procolor: linear-gradient(to left, #9b7eff, #009fff);
  --corecolor: linear-gradient(to right, #2ba1ff, #7f9cff);
  --inactivecolor: #f0506e;
  --oldampgroupcolor: linear-gradient(94deg, #ffa27e, #ffa700);
  --ampgroupcolor: linear-gradient(to right, #ffa700, #ffa27e);
}
.uk-navbar-container {
    position: fixed;
    width: 100%;
    top:0px;
    left:0px;
}
.uk-navbar-nav>li>a {
    color: #333;
    padding: 0px 15px;
}
.uk-navbar-left .signin  {
    display: none;
}
.uk-navbar-nav>li.uk-active>a {
    color: #f5f5f5;
}
@media (min-width: 960px)
.uk-navbar-nav {
    gap: 0px;
}
.uk-navbar-nav {
    gap: 0px;
}
body, html {
    display: flow-root;
}
/* to create border around uk-icon="check" element */
.uk-icon.amp_check {
    border-radius: 0.3em;
    border: 1px solid currentColor;
}
/* SIGN IN PAGE */
.sign-in-container {
    max-width: 380px;
    margin: 0em auto;
    display: flex;
    height: calc(100vh - 120px);
    flex-direction: column;
    justify-content: center;
}
.sign-in-container > div {
    padding: 1em;
    background-color: #ffffff42;
    background-color: #fff;
    box-shadow: var(--lightboxshadow);
    border-radius: 0.3em;
    display:none;
    text-align: center;
}
.sign-in-container > .beta_cover {
    display:block;
}
.sign-in-container > .signinpage {
    /*display:block;*/
}
.sign-in-container [uk-spinner] {
    display:none;
}
.sign-in-container #dynamic {
    position: relative;
    padding-right: 2.5em;
    margin-bottom: 1em;
}
.sign-in-container #dynamic p {
    margin:0px;
}
.sign-in-container > div.uk-alert-warning {
    background-color: #fff6ee;
}
.sign-in-container > div.uk-alert-danger {
    background-color: #fef4f6;
}
.sign-in-container > div.uk-alert-success {
    background-color: #edfbf6;
}
.sign-in-container .amp_input,
.amp_input {
    position: relative;
    display:block;
    background-color: aliceblue;
    border-radius: 0.3em;
}
.sign-in-container .amp_input input,
.amp_input input,
.amp_input select,
.amp_input [contenteditable] {
    margin: 0.3em 0em;
    background-color: #ffffff24;
    background-color: #67676724;
    line-height: 1em;
    width: 100%;
    box-sizing: border-box;
    display: block;
    border:none;
    font: inherit;
    padding: 0.5em;
    border-bottom: 1px solid transparent;
    outline: none;
    position: relative;
    z-index: 1;
    background-color:transparent;
    color: #000;
    border-radius: 0.3em;
}
.amp_input input[disabled],
.amp_input.disabled:hover input,
.sign-in-container .amp_input.disabled:hover input,
.amp_input:hover input[disabled],
.sign-in-container .amp_input:hover input[disabled],
.sign-in-container .amp_input:hover input[disabled]:hover,
.amp_input.disabled:hover input[disabled]:hover {
    background-color: #efefef;
    color: #3f3f3f;
    box-shadow: none;
}
.sign-in-container .amp_input.disabled::before,
.amp_input.disabled::before {
    display:none;
}
.sign-in-container .amp_input:hover input,
.amp_input:hover input,
.amp_input:hover select,
.amp_input:hover [contenteditable] {
    color: var(--primary);
    background-color: transparent;
    border-bottom: 1px solid transparent;
    box-shadow: none;
}
.sign-in-container .amp_input::before,
.amp_input::before {
    width: 1em;
    height: 1em;
    background-color: red;
    background-color: transparent;
    content: "";
    z-index: 0;
    position: absolute;
    display: block;
    left: 2em;
    top: calc(50% - 0.5em);
    transition-duration: var(--transitionduration);
    color: var(--primary);
    border-bottom: 1px solid currentColor;
    background-color: #fff;
    opacity:0;
    box-shadow: var(--lightboxshadow);

    /*VERSION 2 STARTS WITH BIG BOX*/
    width: 97%;
    height: 80%;
    left: 1.5%;
    top: 10%;

    /*version 3 start with medium box */
    width: 90%;
    height: 60%;
    left: 5%;
    top: 20%;
}
.sign-in-container .amp_input:hover::before,
.sign-in-container .amp_input:active::before,
.sign-in-container .amp_input:focus::before,
.amp_input:hover::before,
.amp_input:active::before,
.amp_input:focus::before {
    width:100%;
    height:100%;
    left:0em;
    top:0em;
    border-radius: 0.3em;
    opacity:1;
}
.sign-in-container .amp_input input:active,
.sign-in-container .amp_input input:focus,
.amp_input input:active,
.amp_input input:focus,
.amp_input select:active,
.amp_input select:focus,
.amp_input [contenteditable]:active,
.amp_input [contenteditable]:focus {
    color: var(--primary);
    background-color: #fff;
    border-bottom: 1px solid currentColor;
    box-shadow: var(--lightboxshadow);
}
.sign-in-container .amp_input:hover input:active,
.sign-in-container .amp_input:hover input:focus,
.sign-in-container .amp_input:hover input:hover,
.amp_input:hover input:active,
.amp_input:hover input:focus,
.amp_input:hover input:hover,
.amp_input:hover select:active,
.amp_input:hover select:focus,
.amp_input:hover select:hover,
.amp_input:hover [contenteditable]:hover,
.amp_input:hover [contenteditable]:focus {
    box-shadow: var(--lightboxshadow);
    border-bottom: 1px solid transparent;
}
.amp_input input:-webkit-autofill,
.amp_input input:-webkit-autofill:hover,
.amp_input input:-webkit-autofill:focus,
.amp_input input:-webkit-autofill:active
.amp_input input:-internal-autofill-previewed,
.amp_input input:-internal-autofill-selected {
    border-radius: 0.3em;
    color: var(--primary) !important;
    /*background-color: #fff !important;*/
    border-bottom: 1px solid var(--primary);
    box-shadow: var(--lightboxshadow);
    -webkit-text-fill-color: var(--primary) !important;
    transition: all 0s 500000s;
}
/* AMP INPUT MOBILE */
.trash_meeting_mobile_container {
    display: none;
}
.trashed_meetings_container {
    display:block;
}
.sign-up {
    margin-top: 0.5em;
    display: inline-block;
}
.signuppage {
    display:none;
}
/* EMD SIGN IN PAGE */
#footer {
    text-align: center;
    color: #000;
    font-weight: 200;
    font-size: 1em;
    padding: 0.8em;
    bottom: 0px;
    left:0px;
    right:0px;
    position: fixed;
    z-index: 99;
}
.uk-heading-line>::after, .uk-heading-line>::before {
    border-color:currentColor;
}
.uk-card,
.uk-modal-dialog {
    border-radius: 5px;
    overflow:hidden;
}
.uk-navbar-right > ul > li > span {
    border-radius: 20em;
    box-sizing: border-box;
    display: block;
    min-height: auto;
    margin-right: 3em;
    opacity: .7;
    display:flex;
    height:100%;
    align-items: center;
}
.uk-grid {
    margin-left:0px;
}
.uk-navbar-right > ul > li > span[aria-expanded="true"] {
    opacity: 1;
}
.uk-navbar-right > ul > li > span svg {
    height: 50px;
    width: 50px;
    padding: 10px;
    border-radius: 20em;
    background: #91ffe1;
    background: #95cdfa;
    color: #fff;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #1cb49a;
    box-shadow: 0px 10px 30px -15px black;
    background-image: linear-gradient(to bottom right, #1cb49a, #1ca7b4);
    z-index:100;
    margin-bottom:2em;
}
.uk-navbar-container.uk-sticky-fixed {
    margin-bottom: 2em !important;
}
.uk-navbar-left {
  padding: 0px 20px;
}
.uk-card.uk-card-default.uk-card-hover.uk-card-body {
    width: 400px;
    margin: 0.5em;
    padding: 2em;
    cursor: pointer;
}
.uk-modal-dialog iframe.policies {
  width: 100%;
  box-sizing: border-box;
}
.amp_button.bug_reporter {
    color: #fff;
    position: fixed;
    bottom: 1em;
    right: 1em;
    background-color: #3d3d3d8f;
    z-index: 100;
}
div.uk-form-horizontal.uk-margin-large, .minute_preview, #previous_minutes_preview .uk-modal-container {
  max-width:960px;
  border-radius: 20px;
  background-color:#fff;
  /*shadiw removed for performance*/
  /*box-shadow: 0px 0px 50px -30px black;*/
  margin-left:auto;
  margin-right: auto;
  padding:50px;
  min-height: calc(100vh - 80px - 140px - 100px);
  display: flex;
  justify-content: center;
  width: 100%;
}
.uk-padding-large.uk-width-3-4\@s.minutes_preview_container.minutes_preview_filter.rightside.minute_preview {
    width: 75%;
}
div a[uk-icon] {
  margin-left: 10px;
  vertical-align: text-bottom;
}
div div.form_small {
  width: 50%;
}
div section {
    margin: 2.5em 0em;
    border-radius: 5px;
    transition-duration: var(--transitionduration);
    padding:5px;
    position: relative;
    border: 1px solid transparent;
}
div section:hover {
    /* box-shadow: var(--heavyboxshadow); */
    /* border: 1px solid #b6b6b6; */
    border: 1px solid #DDD;
}
.min_max {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    scale:0;
    opacity: 0;
    transition-duration: var(--transitionduration);
        transform: rotate(180deg);
}
.pos_relative .min_max {
    right: 45px;
}
section:hover .min_max {
    scale:1;
    opacity: 1;
}
section .min_max:hover {
    color: var(--primary);
}
section.minimised .min_max {
    transform: rotate(0deg);
}
section.minimised {
    overflow:hidden;
}
section.minimised .trumbowyg-button-pane {
    display: none;
}
.user_setting > span {
    /* background: #dbdbdb; */
    display: inline-flex;
    align-items: center;
    border-radius: 1em;
    overflow: hidden;
    padding: 0px 5px;
    border: 1px solid currentColor;
}
.uk-modal-dialog.uk-margin-auto-vertical {
  width:800px;
}
table [uk-icon="check"] {
  color:green;
}
table [uk-icon="close"] {
  color:red;
}
.uk-label.readonly { background-color: #faa05a; }
.uk-label.Auditor, .uk-label.accountant { background-color: #f0506e; }
[name="changeorg"] {margin:0px;}
[name="changeorg"] button {
  text-align: left;
  font-weight:bold;
  margin-bottom:0px;
}
[name="changeorg"] button span {
  margin-right:1em;
  font-weight:normal;
}

.uk-navbar-nav .org_nav a {
    color: #73e6d2;
    height: 100%;
}

.uk-navbar-nav .org_nav [aria-expanded="true"] a,
.uk-navbar-nav .org_nav a:hover,
.uk-navbar-nav .org_nav a:active,
.uk-navbar-nav .org_nav a:focus,
.org_nav [uk-dropdown] [name="changeorg"] button:hover {
    color: #f5f5f5;
}
.addnewuserform label {
    text-align: right;
}
.addnewuserform button {
    margin: 1em auto 0em auto;
    display: flex;
}
.amp_input input[name="meeting_name"] {
    text-align: center;
    color: #3d3d3d;
    padding: 0.1em 0em;
    line-height: 1em;
}
.minute_preview {display:none;}
.minutes_preview_container {
    max-height: calc(100vh);
    overflow:auto;
}
li.minute_li {
    list-style: none;
    cursor: pointer;
    padding: 3px 5px;
    transition-duration: 0.2s;
    display:flex;
    border-left: 0px solid #1e87f0;
}
li.minute_li:hover, li.minute_li.activated {
    padding-left: 15px;
    color:#1e87f0;
    border-left: 10px solid #1e87f0;
}
li.minute_li .meeting_date {
    display: flex;
    width:100px;
}

li.minute_li .meeting_name {
    display: flex;
    padding-left: 10px;
}
.minutes_sort {
    border-bottom: 1px solid currentColor;
    margin-left:0px;
}
.minutes_sort li {
    padding-left: 0px;
    display: flex;
    margin-right: 10px;
}
.minute_table {
    padding: 0px;
    margin: 0px;
}
.uk-background-cover.uk-width-1-4\@s.uk-padding.minutes_preview_container.uk-first-column {
    box-shadow: 0px 0px 15px -5px black;
}
.xero-data {
    font-size: 0.9em;
}
tr.rowtype_SummaryRow {
    font-weight: bold;
    border-top: 1px solid currentColor;
    border-bottom: 1em solid transparent;
    color: var(--colorheading);
}
td.sectiontype_Section {
    font-weight: bold;
    color: var(--colorheading);
}
.xero-table td, .xero-table th {
    text-align:right;
}
.xero-table td:first-child, .xero-table th:first-child {
    text-align:left;
}
.period_number span span {
    margin-left: 0.3em;
    text-transform: capitalize;
}
span#period_dis {
    margin-left: 0.3em;
}
.dropdownbox_custom {
    text-align: center;
    min-width: 7em;
    display: inherit;
}
.report_filters_form > div > div {
    display: inline-block;
}

.report_filters_form {
    text-align:center;
}
.report_filters_form > div {
    text-align:initial;
}
.softborder {
    border:1px solid #2087f075;
}
.report_filters_form .uk-form-label {
    border-bottom:1px solid currentColor;
}
#mychartcontainer
 {
     max-width:600px;
     max-height:600px;
 }
 .login_body {
     background-image: linear-gradient(to bottom right, #1cb49a, #1ca7b4);
     position:absolute;
     top:0px;
     right:0px;
     bottom:0px;
     left:0px;
 }

/* XERO REPORTS IN THE MINUTES CSS */
#current .xero_finances_container, #current .filters_v2 {
    /*display: none;*/
}
#current .no_xero_data {
    max-width: fit-content;
    margin: 0em auto 1em auto;
}
.xero_finances_container .minute_preview {
    display: initial;
}
.xero_finances_container .xero-table td {
    padding: 5px;
}
.xero_finances_container .xas {
    text-transform: uppercase;
    font-style: italic;
    font-size: 0.7em;
    position: absolute;
    right: 0px;
    display: inline-flex;
    margin: 0em 3em;
    font-weight: 400;
    display:none;
    width:140px;
    opacity:0;
    transition-duration: var(--transitionduration);
}
.xero_finances_container div[data-approved="approved"] [aria-expanded="false"] .xas.header_approved_status_a,
.xero_finances_container div:not([data-approved="approved"]) [aria-expanded="false"] .xas.header_approved_status_na {
    display:inline-flex;
    opacity:1;
}
.xero_finances_container h4 {
    background-color: #f0506e;
    color: #fff;
    margin: 0px;
    padding: 4px 15px;
    cursor:pointer;
    position: relative;
    display: flex;
    align-items: center;
}
.xero_finances_container h4 span {
    width:0em;
    margin-right:0em;
}
.xero_finances_container h4:hover span {
    width:1em;
    margin-right:0.8em;
}
.xero_finances_container h4[aria-expanded="true"] span[uk-icon="expand"] {
    display:none;
}
.xero_finances_container h4[aria-expanded="false"] span[uk-icon="shrink"] {
    display:none;
}
.xero_finances_container > div {
    border: 2px solid #f0506e;
    border-radius: 5px;
    overflow: hidden;
    margin:5px 0px;
}
.xero_finances_container > div.approved,
.xero_finances_container > div[data-approved="approved"] {
    border-color: var(--approved);
}
.uk-button.approval_status {
    color: inherit;
    font-style: italic;
    margin: 0px;
    padding: 0px;
    cursor: default;
}
.approve_button {
    border-radius: 5px 0px 0px 0px;
    padding: 0px;
    opacity:0;
    transition: var(--transitionduration);
    position: absolute;
    right: 0px;
    bottom: -40px;
    height:100%;
    display: flex;
    align-items: stretch;
}
section:hover .approve_button:not(.xero_finances_container *),
.xero_finances_container > div:hover .approve_button {
    opacity:1;
    bottom:0px;
}
.xero_finances_container > div[data-approved="approved"] h4 {
    background-color: var(--approved);
}
.xero_finances_container > div h4 span {
    transition-duration: var(--transitionduration);
}
.xero_approvals {
    position: relative;
}
[hidden] ~ .xero_approvals {
    display: none;
}
.standard_approvals {
    border-bottom: 2px solid currentColor;
    border-radius: 5px;
    overflow: hidden;
    margin-left:0px;
    position: relative;
}
.standard_approvals.approved {
    border-bottom: 2px solid var(--approved);
}
.standard_approvals[data-approved="approved"] {
    color: var(--approved);
}
.standard_approvals[data-approved="not_approved"] .approve_button {
    background-color: transparent;
    color: var(--approved);
}
.standard_approvals[data-approved="approved"] .approve_button {
    color: var(--warning);
}
.approve_button {
    background-color:transparent;
}
.approve_button > span {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 0.5em 1.3em;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
}
.approve_button > span > span {
    transition-duration: var(--transitionduration);
}
.approve_button span::before {
    content: " ";
    border-radius: 10em;
    position:absolute;
    top:50%;
    left:1em;
    height: 0%;
    width: 0%;
    background-color:transparent;
    transition-duration: var(--transitionduration);
}
.approve_button:hover > span::before {
    border-radius: 5px;
    top:0em;
    left:0em;
    width: 100%;
    height: 100%;
    background-color: var(--approved);
}
[data-approved="approved"] .approve_button:hover > span::before {
    background-color: var(--warning);
}
.approve_button:hover span {
    color: #fff;
}
.approve_button span svg {
    margin-right:0.5em;
}
.standard_approvals[data-approved="not_approved"] .approveddisplay,
.standard_approvals[data-approved="not_approved"] .approve_button [uk-icon="close"] {
    display:none;
}
.standard_approvals[data-approved="approved"] .notapproveddisplay,
.standard_approvals[data-approved="approved"] .approve_button [uk-icon="check"] {
    display:none;
}
.rp_addnew input {
    float: left;
}
.rp_addnew button {
  float: right;
  margin-top:5px;
}
.rp_table span[uk-icon="trash"],
.rp_table tr:not(#new_rp_inputrow) span[uk-icon="minus-circle"] {
    opacity:0;
    transform: scale(0);
    cursor:pointer;
    transition-duration: var(--transitionduration);
    display: block;
    min-width: max-content;
    padding: 0.5em;
}
.rp_table tbody tr:hover,
.rowtype_Row:hover,
.bankTransTable tbody tr:hover,
.transactionscontainer tbody tr:hover {
    background-color:rgb(154 192 240 / 11%);
    background-color: #1e87f01f;
}
.rp_table tr:hover span[uk-icon="trash"],
.rp_table tr:not(#new_rp_inputrow):hover span[uk-icon="minus-circle"] {
    transform: scale(1);
    opacity: 1;
}
.rp_table span[uk-icon="trash"]:hover,
.rp_table tr:not(#new_rp_inputrow) span[uk-icon="minus-circle"]:hover {
    color:#f0506e;
}
.rp_table div.uk-icon.uk-spinner {
    transform: scale(0.8);
    margin: 0px;
    margin-bottom: -50px;
}
.rp_table .mobilemenu {
    display:none;
}
#new_rp_inputrow {
    opacity:0;
    transform:scale(0.5);
    transition: var(--transitionduration);
    display:none;
    vertical-align: middle;
}
#new_rp_inputrow.active {
    opacity:1;
    transform:scale(1);
    display:table-row;
}
#new_rp_inputrow td {
    position: relative;
    z-index: 0;
    vertical-align: middle;
}
#new_rp_inputrow td[data-placeholder] {
    cursor: text;
    transition-duration: var(--transitionduration);
    vertical-align: middle;
    border-bottom:1px solid transparent;
}
#new_rp_inputrow td[data-placeholder].forminvalid {
    outline:1px solid var(--warning);
}
#new_rp_inputrow td[data-placeholder]:focus,
#new_rp_inputrow td[data-placeholder]:hover {
    border-bottom:1px solid var(--primary);
}
#new_rp_inputrow td[data-placeholder]:focus {
    outline:none;
}
#new_rp_inputrow td[data-placeholder]:before {
    content:attr(data-placeholder);
    position: relative;
    z-index: -1;
}
#new_rp_inputrow td[data-placeholder].noplaceholder:before {
    content:unset;
}
#new_rp_inputrow td[data-placeholder]:focus:before  {
    display:none;
}
.data_dump {display:none;}
[uk-spinner] {
    display: block;
    margin: 5px auto;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    color: #2087f0;
}
.uk-button-danger[data-status="approved"] {
    background-color:var(--approved);
}
.minute_selector {
    padding: 2.5em 1em 1em 1em;
    border-bottom: 1px solid currentColor;
    display:none;
}
#previous_minutes_preview {
    padding:0px;
}
#previous_minutes_preview .uk-modal-container {
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 1060px !important;
    height: -webkit-fill-available;
    padding: 0px;
    /*overflow:auto;*/
}
#previous_minutes_preview .uk-modal-container > .refreshPreviousMinutes {
    position: absolute;
    z-index: 1010;
    top: 7px;
    right: 40px;
    padding: 5px;
    cursor: pointer;
    transition-duration: var(--transitionduration);
}
#previous_minutes_preview .uk-modal-container > .refreshPreviousMinutes:hover {
    color: var(--primary);
}

@keyframes rotate {
  0%   {transform: rotate(0deg);}
  50%  {transform: rotate(90deg);}
  50%  {transform: rotate(180deg);}
  50%  {transform: rotate(270deg);}
  100% {transform: rotate(360deg);}
}
.refreshPreviousMinutes.rotate svg {
  animation-name: rotate;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
}
#current[data-xeroaccess="false"] .xero-data  .uk-spinner {
    display:none;
}
#previous_minutes_preview .close_container {
    position: absolute;
    z-index: 1010;
    top: 0em;
    right: 1em;
    padding: 0.3em 0.5em;
    background-color: #fff;
    border-radius: 0em 0em 0em 0.3em;
    box-shadow: var(--heavyboxshadow);
}
#previous_minutes_preview .close_container [class*=uk-modal-close-] {
    position: static;
    z-index: 0;
    top: unset;
    right: unset;
}
#previous_minutes_preview .close_container [class*=uk-modal-close-],
#previous_minutes_preview .close_container span {
    padding: 0.4em;
    cursor: pointer;
    transition-duration: var(--transitionduration);
    border-radius: 0.2em;
}
#previous_minutes_preview .close_container span.refreshPreviousMinutes:hover {
    color: var(--primary);
    background-color: #1d87f014;
}
#previous_minutes_preview .close_container [class*=uk-modal-close-]:hover {
    color: var(--warning);
}
.trumbowyg-box, .trumbowyg-editor, .trumbowyg-editor, .trumbowyg-textarea {
    min-height: 0px;
}
.trumbowyg-box .trumbowyg-editor {
    height: auto !important;
}
.trumbowyg-editor table td::before {/* this sets a min height for TD's */
    content: "";
    display: inline-block;
    vertical-align: top;
    min-height: 1em;
}
.trumbowyg-editor table {
    width: 100% !important;
}
.reportfilters {
    display: none;
    justify-content: center;
    flex-direction: row-reverse;
    margin-bottom: 0.5em;
}
.reportfilters .amp_button {
    margin-right:0.5em;
}
#old_min_list .old_min_content .minutes_preview_filter {
    display: none;
    padding: 2em;
    max-width: 960px;
    margin: 0px auto;
}
#old_min_list .old_min_content .minutes_preview_filter .removeme {
    display: none;
}
#old_min_list .meeting_list table {
    border-collapse: collapse;
    border-spacing: 0;
    margin:1em 0em;
}
#old_min_list .meeting_list table th {
    text-align: left;
}
#old_min_list .meeting_list tr td:first-child {
    width:19em;
}
#old_min_list .trumbowyg_me,
#previous_minutes_preview .trumbowyg_me {
    position: relative;
    padding: 0.5em 0em;
}
#old_min_list .trumbowyg_me:empty:not(.trumbowyg-editor)::before,
#previous_minutes_preview .trumbowyg_me:empty:not(.trumbowyg-editor)::before {
    content: attr(placeholder);
}
#old_min_list .trumbowyg_me:not(.trumbowyg-editor)::after,
#previous_minutes_preview .trumbowyg_me:not(.trumbowyg-editor)::after {
    content: "edit";
    position: absolute;
    display: flex;
    background-color: #f6fbff;
    opacity: 0;
    transition-duration: var(--transitionduration);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    font-size: 0.8em;
    font-weight: 600;
    color: var(--primary);
    transform:scale(0.95);
    cursor: pointer;
    border:1px solid currentColor;
    /*box-shadow: var(--lightboxshadow);*/
}
#old_min_list .trumbowyg_me:not(.trumbowyg-editor):hover::after,
#previous_minutes_preview .trumbowyg_me:not(.trumbowyg-editor):hover::after {
    opacity: 1;
    transform:scale(1);
}
#min_nav_mobile {
    display:none;
    position: fixed;
    top: 0em;
    right: 6em;
    z-index: 100;
    color: #fff;
    padding: 1.25em;
}
#min_nav_mobile:hover {
    background-color: hwb(0deg 100% 0% / 5%);
}
/*
#old_min_list .old_min_table {
    box-shadow: var(--heavyboxshadow);
    height: fit-content;
    padding: 1em;
}*/

.signed_container {
    display:flex;
    flex-direction: column;
    align-items: flex-start;
}
.signed_container .signature {
    font-size: 1em;
    color:#8f8f8f;
    display: inline-flex;
    text-transform: uppercase;
    border: 3px solid currentColor;
    align-items: stretch;
    border-radius: 0.3em;
    padding-right:0.5em;
    background-color: #edf2fa;
    min-width: 15em;
    transition-duration: var(--transitionduration);
    margin-bottom:0.5em;
}
.signed_container .signature:hover {
    box-shadow: var(--lightboxshadow);
}
.signed_container .signature polyline {
    stroke-width:2.5 !important;
}
.signed_container .signature span {
    background-color: #8f8f8f;
    color: #fff;
    padding: 0.5em 1em;
    margin-right: 0.5em;
}
.signed_container .signature.approved {
    color: var(--approved);
    background-color:transparent;
}
.signed_container .signature.approved span {
    background-color: var(--approved);
    min-width: 1.3em;
    align-items: center;
    display: flex;
}
.signed_container .signature div {
    display: flex;
    align-items: center;
}
/* LANDING CSS */
html {
    background-image:linear-gradient(131deg, rgb(0 186 255 / 53%), rgb(58 97 207 / 50%));
    background-color: rgb(149 217 255);
    background-color: rgb(29 135 240 / 10%);
    background-color: rgb(0 0 0 / 4%);
}
body {
    min-height: 100vh;
}
#unclick {
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}
.uk-modal-page {
    overflow: unset;
}
.uk-navbar-container.landingnav {
    position: fixed;
    width:100%;
}
.uk-navbar-container.uk-sticky-fixed.landingnav > div {
    padding: 0px 50px;
}
.landing_container {
    background-image:url('/sources/img/landing-bg.jpeg');
    background-size: cover;
    height: calc(100vh - 30px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    padding-top: 30px;
    background-position: right;
}
.landing_container h1, .landing_container p {
    margin: 10px 11%;
    max-width: 450px;
    color: rgb(0 0 0 / 63%);
    color: #384d5d;
}
.landing_container p {
    display: flex;
}
.landing_container a {
    color: rgb(0 0 0 / 63%);
    text-transform: uppercase;
    padding: 0.3em 2em;
    background-color: #0000000f;
    align-items: center;
    margin-right:1em;
}
.landing_container a.tryforfree {
    background-color: var(--primary);
    color: #fff;
}
.landing_container a.tryforfree:hover {
    color: var(--primary);
}
.landing_container h1 span {
    display:block;
    font-weight:bold;
    border-bottom:0.1em solid currentColor;
    font-size:2em;
}
.landing .uk-navbar-container:not(.uk-navbar-transparent),
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: rgb(32 57 76 / 54%);
    color: #e8f2ff;
    box-shadow:none;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    /*background: rgb(240 158 29 / 73%);*/
}
.landing .uk-navbar-container:not(.uk-navbar-transparent) li > a,
.uk-navbar-container:not(.uk-navbar-transparent) li > a {
    color: inherit;
    transition-duration:0.2s;
    text-shadow: 0px 0px 0px currentColor;
}
.landing .uk-navbar-container:not(.uk-navbar-transparent) li > a h1,
.uk-navbar-container:not(.uk-navbar-transparent) li > a h1 {
    color: #173642;
    color: rgb(0 0 0 / 63%);
    font-weight: bold;
    border-bottom: 0.1em solid currentColor;
    margin: 0px;
    text-shadow: none;
    font-size: 2em;
}
#org_list {
    background: rgb(32 57 76 / 54%);
    color: #e8f2ff;
    box-shadow: none;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition-duration:var(--transitionduration);
    position: fixed;
    right:0px;
    top:80px;
    z-index: 15;
    padding:0.4em 0em;
    left: unset !important;
    width: auto;
    overflow: unset;
    bottom: unset;
    border-radius: 0em 0em 0em 0.5em;
}
#org_list div,
#org_list button {
    padding: 0.4em 2em;
    cursor: pointer;
    transition-duration:var(--transitionduration);
    color: inherit;
    font: inherit;
    border: none;
    text-align: left;
    background-color: transparent;
    display:block;
    width:100%;
}
#org_list a,
#org_list a:visited,
#org_list a:active,
#org_list a:link,
#org_list a:hover {
    color: inherit;
    text-decoration: none;
}
.org_nav a[uk-toggle] {
    padding: 0em 2em;
}
.landing .uk-navbar-container:not(.uk-navbar-transparent) li > a:hover,
.uk-navbar-container:not(.uk-navbar-transparent) li > a:hover,
#org_list div:hover,
#org_list div:active,
#org_list button:hover,
#org_list button:active,
.uk-navbar-container:not(.uk-navbar-transparent) li.uk-active > a {
    color: #fff;
    text-shadow: 0px 0px 1px currentColor;
    background-color: hwb(0deg 100% 0% / 5%);
    transition-duration: var(--transitionduration);
}
.uk-heading-line>* {
    font-weight: bold;
    color: rgb(0 0 0 / 63%);
}
.min_download_list {
    opacity: 0.25;
    transition-duration:0.15s;
}
.minute_li:hover .min_download_list,
.minute_li.activated .min_download_list {
    opacity: 1;
    color:initial;
}
.minute_li:hover .min_download_list:hover {
    opacity: 1;
    color:inherit;
}
.dashboard_container .uk-card.uk-card-default.uk-card-hover.uk-card-body {
    width: calc(50% - 1em);
}
.feed_item.uk-card.uk-card-default {
    margin:0.5em 0.5em 1em 0.5em;
    display: flex;
    flex-direction: column;
    padding: 15px 20px;
    width: -webkit-fill-available;
}
.feed_item:hover {
    box-shadow:rgba(0, 0, 0, 0.16) 0px 14px 25px 0px;
}
.feed_item > div {
    padding:0px;
    transition-duration:0.15s;
}
.feed_item div.uk-icon:last-of-type {
    display: flex;
    padding: 10px;
    cursor:pointer;
}
.feed_item div.uk-icon:last-of-type:hover {
    background-color:var(--primary);
    color:#fff;
}
.feed_item .feed_title {
    display: flex;
    align-items: center;
}
.feed_item h1 {
    font-weight: bold;
    color: rgb(0 0 0 / 63%);
    display: flex;
    margin: 0px;
    padding: 0px;
    font-size: 1.5em;
    line-height: 1em;
}
.feed_item .feed_title span[uk-icon] {
    float: left;
    display: flex;
    height: 100%;
    align-items: center;
    margin-right: 15px;
}
.feed_item .feed_title span[uk-icon] svg {
    height:30px;
    width:30px;
}
.feed_item .feed_title span.subtitle {
    float: left;
}
.feed_item .feed_content {
    align-content: center;
    align-items: center;
    margin: 15px 0px 0px 0px;
}

.feed_content img {
    max-width: -webkit-fill-available;
    max-height: 12em;
    display: flex;
}
.feed_content p:last-child {
    margin-bottom: 0em;
}
/*
.feed_item a {
    display:inline-flex;
    max-width:fit-content;
    overflow:hidden;
    align-items: stretch;
}
.feed_item a:hover {
    box-shadow: var(--lightboxshadow);
}
.feed_item a span {
    position:relative;
    transition-duration: 0.3s;
    background-color: var(--primary);
    color:#fff;
    line-height: 1.5em;
}
.feed_item a span[uk-icon] {
    left:-2em;
    background-color: var(--primary);
    z-index:1;
    padding:3px 0px 3px 10px;
    border-radius: 2px 0px 0px 2px;
    display:inline-flex;
}
.feed_item a .atext {
    left:-9em;
    padding:3px 10px 3px 0px;
    border-radius: 0px 2px 2px 0px;
}
.feed_item:hover a span[uk-icon],
.feed_item:hover a .atext {
    left:0px;
}*/
.notify_filter {
    padding: 0px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0px;
    z-index: 1;
    border-radius: 0.2em;
    flex-direction: row;
    justify-content: flex-end;
    margin:0px;
}
.notify_filter li {
    list-style: none;
    margin-right: 0.6em;
}
.notify_filter li .uk-icon {
    padding: 0.3em;
    background: aliceblue;
    border-radius: 0.4em;
}
.notify_filter li.uk-active .uk-icon {
    background: var(--primary);
    color:#fff;
}

.mj_journal {
    padding: 10px;
    margin: 10px 0px;
    border-radius: 5px;
    transition-duration:var(--transitionduration);
    border: 1px solid rgb(0 0 0 / 10%);
}
.mj_journal:hover {
    box-shadow:rgba(0, 0, 0, 0.16) 0px 14px 25px 0px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
}
span.mj_date {
    float: right;
}
.uk-table td, .uk-table th {
    padding: 5px 10px;
}
.mj_narration {
    font-weight: bold;
}
.mj_updated {
    font-style: italic;
    font-size: 0.85em;
}
.mj_amount {
    width: 60px;
}
.manual_journal_container .bottom {
    display: flex;
    justify-content: flex-end;
}
.manual_journal_container .mj_journal [uk-icon="close"] {
    display: none;
}
.manual_journal_container .mj_journal.approved [uk-icon="close"] {
    display: block;
}
.manual_journal_container .mj_journal.approved [uk-icon="check"] {
    display: none;
}
.manual_journal_container .mj_journal .uj,
.manual_journal_container .mj_journal.approved .aj {
    display: none;
}
.manual_journal_container .mj_journal.approved .uj {
    display: block;
}
.mj_journal.approved {
    border-color: var(--approved);
    background-color: rgb(40 179 73 / 2%);
}
.manual_journal_container .uk-table {
    margin: 0;
}
.manual_journal_container .uk-table td, .manual_journal_container .uk-table th {
    padding: 2px 4px;
}
.mj_narration .uk-icon {
    background-color: var(--approved);
    color: #fff;
    border-radius: 5em;
    margin-right: 0.5em;
    display: none;
    border: 1px solid var(--approved)
}
.manual_journal_container .mj_journal.approved .mj_narration .uk-icon {
    display: inline-block;
}
.manual_journal_container .uk-table td:last-child,
.manual_journal_container .uk-table th:last-child,
.manual_journal_container .uk-table td:nth-last-child(2),
.manual_journal_container .uk-table th:nth-last-child(2) {
    min-width: 5em;
    text-align: right;
}
.xero-data .manual_journal_container {
    padding:0px 5px;
}
.manual_journal_container [data-page] {
    cursor:pointer;
    margin:0px 5px;
}
.manual_journal_container [data-page]:hover {
    color: var(--primary);
}
.manual_journal_container .mj_page_container {
    text-align:center;
}
.dashboard_container > a {
    display: contents;
}
.dashboard_container > div.uk-card.uk-card-default.uk-card-hover.uk-card-body {
    cursor:initial;
}
.dashboard_container[data-access="offline"] .uk-card > a {
    display:none;
}
.dashboard_container h3.offline {
    display: none;
}
.dashboard_container[data-access="offline"] h3.offline {
    display: block;
}
.dashboard > div {
    margin: 0px 0px;
    box-sizing: border-box;
    padding: 1em;
    max-height: inherit;
    justify-content: center;
}
.dashboard > div:first-child h3 {
    font-weight: bold;
    color: rgb(0 0 0 / 63%);
    margin: 0px;
    padding: 0px;
    font-size: 1.5em;
    line-height: 1em;
}
.dashboard > div:first-child .uk-card.uk-card-body {
    padding: 10px;
    /*max-height: calc(50% - 1em);
    min-height: 240px;*/
}
.dashboard > div:last-child {
    flex-direction: column;
    margin-top: 0px;
    width: 100%;
}
.dashboard .dashboard_container canvas.dashboard_graph {
    max-height: calc(100% - 1.5em) !important;
    max-width: inherit !important;
}
@media only screen and (max-width: 1050px) {
    .dashboard > div:first-child .uk-card.uk-card-body {
        min-width: 17em;
        max-height: 17em;
        box-sizing: border-box;
    }
}
@media only screen and (min-width: 1050px) {
    .dashboard {
        max-height: calc(100vh - 82px);
        overflow: hidden;
    }
    .dashboard > div {
        max-width: 50%;
    }
    .dashboard > div:first-child {
        padding-right: 0.5em;
    }
    .dashboard > div:last-child {
        padding-left: 0.5em;
        width: 50%;
    }
    .dashboard > div {
        overflow-y: auto;
    }
    .dashboard > div:first-child .uk-card.uk-card-body {
        min-width: unset;
        max-height: calc(50vh - 5em);
        min-height: 15em;
        box-sizing: border-box;
    }
}
/*
.dashboard > div:first-child .uk-card.uk-card-body canvas {
    max-height: calc(100% - 1.5em) !important;
}*/
.removeusermobile {
    display:none;
}
#users_table_container {
    width: 100%;
}
#data_for_export {
    height:200px;
}
.ns_title_container {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: baseline;
    margin: 0px 0px 20px 0px;
}
.ns_title_container h3 {
    display: flex;
    margin:0px;
}
.ns_title_container .ns_title {
    margin: 0px;
    padding: 0.2em;
}
.ns_title_container .ns_title_c {
    min-width: fit-content;
}
.previous_minutes_preview_button {
    display:none;
}
.previous_minutes_preview_button.show {
    display: inline-flex;
}
.prev_min_container {
    display: flex;
    align-items: center;
}
@keyframes bellicon {
  0%        { transform: rotate(0deg);  }
  88%       { transform: rotate(0deg);  }
  89%       { transform: rotate(15deg); }
  90%       { transform: rotate(0deg);  }
  91%       { transform: rotate(-15deg);}
  92%       { transform: rotate(0deg);  }
  93%       { transform: rotate(15deg); }
  94%       { transform: rotate(0deg);  }
  95%       { transform: rotate(-15deg);}
  96%       { transform: rotate(0deg);  }
  97%       { transform: rotate(15deg); }
  98%       { transform: rotate(0deg);  }
  99%       { transform: rotate(-15deg);}
  100%      { transform: rotate(0deg);  }
}
.amp_button.old_min_button {
    cursor:pointer;
    color: var(--warning);
    /*padding: 0.3em;
    border-radius: 0.2em;*/
    transition-duration: var(--transitionduration);
    animation-name: bellicon;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display:none;
}
.old_min_button.show {
    display: inline-flex;
}
/*
.old_min_button:hover {
    background-color: var(--warning);
    color: #fff;
    scale: 1.1;
    box-shadow: var(--lightboxshadow);
}*/
/*
.previous_minutes_preview_button {
    text-align: left;
    display: none;
    width: auto;
    max-width: fit-content;
    padding: 0em 0.6em;
    border-radius: 0.25em;
    background-color: var(--primary);
    transition-duration: var(--transitionduration);
    color: #fff;
    align-items: center;
    height: auto;
    min-height: 2.5em;
    font-weight: 500;
    margin-top: 0.3em;
    font-size: 0.85em;
}
.previous_minutes_preview_button.show {
    display: inline-flex;
}
.previous_minutes_preview_button:hover {
    box-shadow: var(--lightboxshadow);
    text-decoration: unset;
    color:#fff;
    background-color:#0f7ae5;
    scale: 1.005;
}
.previous_minutes_preview_button span {
    padding: 0em 0.3em;
}*/
.ns_title_container h3:last-child {
    width:100%;
}
.uk-sortable[uk-sortable="handle: .uk-sortable-handle"],
.uk-sortable-handle,
.uk-sortable-drag,
.uk-sortable[uk-sortable="handle: .uk-sortable-handle"] section {
    background-color:#fff;
    border-radius:5px;
}
.uk-sortable-drag {
    border: 1px solid #DDD;

}
.uk-table th {
    font-weight: bold;
    color: rgb(13 19 23 / 61%);
}
[data-permstatus] {
    width: 2em;
    display: inline-flex;
    background: rgb(0 0 0 / 6%);
    border-radius: 1em;
    border: 1px solid #00000012;
    cursor: pointer;
    margin-right: 0.5em;
}
[data-permstatus] span {
    border-radius: 1em;
    padding: 0.5em;
    overflow: hidden;
    display: flex;
    margin: 0em;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    transition-duration: var(--transitionduration);
    background-color: rgb(30 135 240 / 14%);
    box-shadow: inset 0px 0px 0px 5px rgb(0 0 0 / 50%);
    margin-left:0em;
}
[data-permstatus="ALLOWED"] span {
    box-shadow: inset 0px 0px 0px 5px var(--primary);
    margin-left:1em;
}
.settings_permissions td {
    padding:0px 10px;
}
/* subscriptions */
.uk-switcher li.subscription .amp_input {
    width: fit-content;
    min-width: 7em;
}
.product_details_container {
    animation: productgradient 12s linear infinite;
    width: min-content;
    padding: 0.3em;
    margin: 1em 1em 0em 0em;
    border-radius: 0.5em;
    transition-duration: var(--transitionduration);
    cursor:pointer;
}
.product_details_container.generated {
    display:none;
}
.productinfo .products {
    display: flex;
    flex-wrap: wrap;
    margin: 0em;
}
.product_details {
    display: flex;
    flex-direction: column;
    width: fit-content;
    min-width: 10em;
    padding: 0.5em;
    border-radius: 0.3em;
    background-color: #ffffffe6;
    aspect-ratio: 3.5 / 3;
    justify-content: center;
    align-items: flex-start;
}
.product_details_container:hover {
    box-shadow: var(--lightboxshadow);
}
.productstatus {
    display: inline-flex;
    background-color: var(--warning);
    color: #fff;
    padding: 0.1em 0.3em;
    margin-top: 0.5em;
    border-radius: 0.3em;
}
.productstatus.active {
    background-color: var(--approved);
}
.planlogo {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.5em;
}
.productinfo {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.productinfo > div {
    margin: 1em 1em 1em 0em;
}
.productinfo .cancelsub,
.productinfo.active .resumesub {
    display:none;
}
.productinfo.active .cancelsub {
    display:inline-flex;
}
/* END subscriptions */
.input_container {
    background-color: rgb(138 201 235 / 32%);
    background-color: rgb(27 112 198 / 15%);
    background-color: transparent;
    /* border: 5px solid transparent; */
    border-bottom: 1px solid transparent;
    padding: 0.3em;
    border-radius: 0.3em;
    color: #000;
    margin: 0.3em 0em;
    display: flex;
    width: content;
    width: fit-content;
    align-items: center;
    transition-duration: var(--transitionduration);
    max-width: 100%;
}
.input_container .amp_input {
    margin: 0em 0em 0em 1em;
}
.input_container input,
.input_container select {
    margin: 0em;
}
/*
.input_container:hover,
.input_container:active,
.input_container:focus {
box-shadow: var(--lightboxshadow);
}*/
/*
.input_container:hover .person_loader_container,
.input_container:hover input,
.input_container:hover .compare_periods {
    background-color:rgb(255 255 255 / 40%);
}*/
.compare_periods {
    overflow: hidden;
}
.input_container:focus .person_loader_container,
.input_container input:focus {
    background-color: #fff;
}
/*
.input_container label {
    padding:0em 1em;
    line-height: 2.6em;
}*/
.location {
    margin: 0px 1em;
}
.input_container input,
.input_container .compare_periods {
    width: auto;
    background-color: transparent;
    color: inherit;
    border-radius: inherit;
    border-color: transparent;
    cursor:pointer;
    text-align: center;
    font-size: 0.9em;
    line-height: 2.5em;
}
.input_container input[type="text"] {
    cursor:initial;
    text-align: left;
}
.input_container .wide {
    min-width:300px;
    max-width:100%;
}
.inlineflex {display:inline-flex;}
#people_selector,
.people_selector {
    background: #fff;
    box-shadow: var(--heavyboxshadow);
    position: absolute;
    width: auto;
    display:none;
    top: calc(100% + 0.5em);
    z-index:2;
    width: max-content;
    border-bottom: 1px solid var(--primary);
    cursor: default;
}
#people_selector .person_display,
.people_selector .person_display {
    margin:0.5em;
}
.people_selector .person_display::before {
    content: "+ ";
}
#people_selector.person_show,
.people_selector.person_show {
    display:flex;
    flex-wrap: wrap;
    max-width: 800px;
}
.create_calendar_container .person_loader_container {
    min-width: 15em;
    display: inline-block;
    min-height: 1.8em;
    padding: 0.5em;
    min-width: 30em;
    cursor: pointer;
}
.xerousers .person_display {
    display:none;
}
.xerousers .person_display.show {
    display:inline-block;
    position: relative;
}
.xerousers .person_display.show::before {
    content: "x ";
    position: absolute;
    top: -0.3em;
    left: -0.3em;
    width: 1em;
    height: 1em;
    text-align: center;
    border-radius: 5em;
    background-color: red;
    line-height: 1em;
    text-transform: uppercase;
    padding: 0.1em;
    font-size: 0.7em;
    opacity: 0;
    transition-duration: var(--transitionduration);
}
.xerousers .person_display.show:hover::before {
    opacity:1;
}
.person_loader_container {
    line-height: 1em;
    vertical-align: middle;
    align-items: center;
    outline: none;
    transition-duration: var(--transitionduration);
    padding: 0.4em;
    position: relative;
    flex-wrap: wrap;
    font-size: 0.9em;
    display: flex;
    cursor: text;
    min-height: 2em;
}
.person_loader_container .manualinput {
    display: flex;
    display: inline-block;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    align-items: center;
    outline: none;
    margin: 0px;
    line-height: 1em;
    min-width: 10em;
    width: auto;
}
#current .current_cover {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 12;
    display: none;
}
.input_container.pos_relative .amp_input {
    max-width: 850px;
}
.amp_input .person_loader_container [contenteditable]:hover,
.amp_input .person_loader_container [contenteditable]:active,
.amp_input .person_loader_container [contenteditable]:focus {
    box-shadow: none;
    background-color: transparent;
    border-bottom: 1px solid transparent;
}
.person_display {
    cursor:pointer;
    margin:2px;
}
.pos_relative {position:relative;}
.trumbowyg-editor table td,
.minutes_preview_filter .trumbowyg_me table td,
#meetings .minute_preview .table td {
    border: 1px solid currentColor;
    padding: 8px;
}
.minutes_preview_filter .trumbowyg_me table,
#meetings .minute_preview .table {
    width:100%;
}
.minutes_preview_filter .trumbowyg_me table td::before,
#meetings .minute_preview .table td::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    min-height: 1em;
}
#calendar_invites {
    display:inline-block;
    padding: 0em 1em 1em 1em;
    box-shadow: var(--lightboxshadow);
    border-radius: 5px;
    border: 1px solid var(--primary);
}
.new_section_title {
    display: inline-block;
    width: 500px;
}
section .trumbowyg-box,
section .new_section_title {
    border:1px solid transparent;
    transition: border var(--transitionduration);
}
section:hover .trumbowyg-box,
section:hover .new_section_title  {
    border: 1px solid #DDD;
}
section .new_section_title:focus,
section .trumbowyg-box:focus {
    border: 1px solid var(--primary);
}
section .trumbowyg-button-pane {
    transition: opacity var(--transitionduration);
    opacity:0.5;
}
section:hover .trumbowyg-button-pane {
    opacity:1;
}
.new_section_close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.new_section_close svg {
    transform:scale(0);
    opacity:0;
    transition-duration: var(--transitionduration);
}
section:hover .new_section_close svg {
    transform:scale(1);
    opacity: 1;
}
.new_section_close:hover {
    color: var(--warning);
}
.data_input {
    display:none;
}
.filters_v2 {
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
}
.compare_periods > div {
    float: left;
}
.compare_periods button [uk-icon] {
    opacity:0;
    transform:scale(0);
    transition-duration: var(--transitionduration);
}
.compare_periods > div:hover [uk-icon] {
    opacity:1;
    transform:scale(1);
}
.periods button {
    padding-right: 0.25em;
    border-right: none;
    text-align: right;
    min-width: 5em;
    border:none;
}
.periods_type button {
    border-left: none;
    padding-left: 0.25em;
    min-width: 8.5em;
    text-align: left;
    padding-right: 0em;
    border:none;
}
.saveminute {
    display:flex;
}
.rp_table_empty thead {
    display:none;
}
.uk-card.uk-card-default.uk-card-hover.uk-card-body.tk_inactive,
.uk-card.uk-card-default.uk-card-hover.uk-card-body.tk_inactive:hover {
    opacity: 0.7 !important;
    color: grey;
    cursor: default;
    box-shadow: none;
}
#new_usr_inputrow {
    display:none;
}
.new_table_input td[required] {
    padding: 0.5em;
    vertical-align: middle;
}
.new_table_input td input {
    width: 100%;
    height: max-content;
    min-height: max-content;
    border:none;
    border-bottom: 1px solid transparent;
    padding: 5px 10px;
    box-sizing: border-box;
    outline: none;
    font: inherit;
    color: inherit;
    transition-duration: var(--transitionduration);
}
.new_table_input td input:hover,
.new_table_input td input:focus {
    border-bottom: 1px solid var(--primary);
}
.new_table_input button {
    border-radius: 5em;
}
.xero_user {
    border-radius: 5em;
    padding: 4px 9px;
    text-transform: uppercase;
    font-size: 0.6em;
    background-color: var(--primary);
    color: #fff;
    cursor:default;
}
.non_xero_user {
    background-color: #6f7b87;
}
#new_rp_inputrow:hover, #new_usr_inputrow:hover {
    background-color:inherit;
}
.uk-modal-footer button,
.rp_table_container button {
    border-radius: 5em;
}
.rp_table_container .people_selector {
    max-width: 100%;
}
.underline span {
    position: relative;
}
.underline span:not(.amp_input)::before {
    content: "";
    background-color:red;
}
/*
.underline span:not(.amp_input)::before {
    content: "";
    background-color: currentColor;
    border-radius: 5em;
    padding: 0px;
    margin: 2px 0px;
    position: absolute;
    width: -webkit-fill-available;
    bottom: -0.1em;
    width: 0%;
    transition-duration: var(--transitionduration_slow);
}
section:hover .underline span::before {
    width: 100%;
    padding: 2px 0px;
    margin: 0px;
}*/
h3.min_heading {
    color: #384d5c;
    font-weight:700;
}
#add_section_button {
    display: flex;
    align-items: baseline;
    margin: 2em auto;
    width: -webkit-fill-available;
    justify-content: center;
    background: aliceblue;
}
#add_section_button.amp_button::before {
    left: calc(50% - 5em);
}
#add_section_button.amp_button:hover::before {
    left: 0em;
}
.reports_left_pane .filters_v2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.reports_left_pane .filters_v2 > * {
    display: flex;
    flex-wrap: wrap;
}
.reports_left_pane .filters_v2 > * > label {
    width: 100%;
}
.reports_left_pane .filters_v2 .input_container .amp_input:first-of-type {
    margin: 0em;
}
#reports .minute_preview {
    width: auto;
}
.uk-background-cover h3 {
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
}
.xero-table a {
    color:inherit;
}
.xero-table a:hover {
    color: var(--primary);
}
#people_selector.rp {
    top:unset;
    margin-top:-20px;
}
.opaque {
    opacity:0;
}
#php_values {
    display:none;
}
div.uk-form-horizontal.uk-margin-large.meeting_contents {
    display: none;
}
.meeting_div_container {
    min-height: calc(100vh - 80px - 32px - 16px);
    display: flex;
    align-items: center;
    position: relative;
}
#min_nav {
    position: fixed;
    flex-direction: column;
    display:none;
    justify-content: space-between;
    align-items: stretch;
    width: 4em;
    height:2.5em;
    z-index: 12;
    top: 6em;
}
#min_nav:hover {
    width: auto;
    height:auto;
}
#min_nav .min_nav_container {
    overflow:hidden;
    transition-duration: var(--transitionduration);
    opacity:0;
    transform: scale(0.1, 0.1);
    background-color: #ffffff;
    border-radius: 0em 1em 1em 0em;
    padding: 1em;
    min-width:315px;
    max-width: 30em;
    height:auto;
    box-shadow: var(--heavyboxshadow);
    transform-origin: 0% 0%;
}
#min_nav.show {
    display: flex;
}
#min_nav:hover .min_nav_container  {
    transform: scale(1, 1);
    opacity: 1;
}
#min_nav h4 {
    margin-bottom:0px;
    margin-top:1em;
    border-bottom: 1px solid currentColor;
}
#min_nav ol {
    margin:0px;
}
#min_nav .hoverme {
    position: absolute;
    padding: 1em;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0em 1em 1em 0em;
    box-shadow: var(--heavyboxshadow);
    border: 2px solid #666666;
    border-left: none;
}
#min_nav:hover .hoverme {
    box-shadow: none;
}

.min_nav_contents {
    display:flex;
    flex-direction: column;
}
.min_nav_contents div {
    display:flex;

}
.nc_meet {
    color: var(--colorheading);
}

#old_min_list .approve {
    transition-duration: var(--transitionduration);
    border-radius:2px;
    cursor:pointer;
    border:1px solid #666;
    color:transparent;
}
#old_min_list .approved .approve {
    background-color: var(--primary);
    color:#fff;
    border:1px solid var(--primary);
}
#old_min_list > div {
    display:flex;
    flex-direction: row;
    max-width: 1040px!important;
    max-height: calc(100vh - 100px);
    overflow:hidden;
    padding: 0px;
    height: 100%;
}
input[type="time"] {
    min-width: 9em;
}
.old_min_table > div {
    width: max-content;
    max-height: calc(100% - 3em);
    overflow-y: auto;
    padding-right: 0.5em;
}
#old_min_list .old_min_content {
    width: -webkit-fill-available;
    /* margin-left: 1em; */
    overflow-y: auto;
    max-height: 100%;
    position: relative;
    /* padding-bottom: 1em;*/
}
#old_min_list .old_min_content.show {
    opacity:1;
}
#old_min_list .old_min_content::before {
    content: attr(data-title);
    position: fixed;
    top: 0em;
    z-index: 2;
    background-color: #fff;
    padding: 0.1em 0.5em;
    color: var(--primary);
}
/* MINUTES RECOMPILER */

.minutes_preview_filter .removeme,
.minutes_preview_filter .approve_button,
.minutes_preview_filter .rp_add_button,
.minutes_preview_filter .new_section_close,
.minutes_preview_filter .date_selector_xero_minutes
{
    /*display:none;*/
}
/*
.minutes_preview_filter .trumbowyg-editor,
.minutes_preview_filter .trumbowyg-box.trumbowyg-editor-visible.trumbowyg-en.trumbowyg {
    resize: none;
    height: auto !important;
    min-height: 0px;
    border: none;
}
.minutes_preview_filter section h3:hover,
.minutes_preview_filter .person_display  {
    cursor:default;
}
.minutes_preview_filter .minute_output {
    height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0px 20px;
    cursor: default;
}

.minutes_preview_filter input {
    pointer-events: none;
    border:none;
    color:inherit;
}*/
.uk-sortable-handle:hover {
    cursor: grab;
}
.uk-drag, .uk-drag * {
    cursor: grabbing;
}
#previous_minutes_preview  .minutes_preview_filter {
    max-height:none;
    width: 100%;
    overflow-y: auto;
    padding: 2.5em;
}
.minute_signed {
    color: #fff;
    background-color: var(--approved);
    background-color: #fff;
    color: var(--approved);
    border-radius: inherit;
    font-style: italic;
}
.minute_signed span {
    padding: 3px;
    background-color: #fff;
    color: var(--approved);
    color: #fff;
    background-color: var(--approved);
    font-weight: 800;
    border-radius: 2em;
    margin-right: 0.5em;
}
#previous_minutes_preview section .underline span::before {
    width: 100%;
    padding: 2px 0px;
    margin: 0px;
}
#previous_minutes_preview iframe,
.old_min_content iframe {
    width:100%;
    height:100%;
}
.meeting_contents.preview {
    border-radius: 0px !important;
    padding: 0px 25px !important;
    margin: 0px auto !important;
    width:100%;
}
.meeting_contents section {
    display: flex;
    flex-direction: column;
}
.person_loader_container .xerousers {
    /*display: flex;
    flex-wrap: wrap;*/
    display: inline-block;
    max-width: calc(100% - 1em);
}
.flexer {
    display: flex;
}
/* END MINUTES RECOMPILER */

/* SETTINGS */
#settings .uk-grid > div {
    padding: 20px;
}
#settings #component-tab-left {
    /*height: calc(100vh - 240px);
    overflow-y: auto;*/
}
.org_info {
    display: flex;
    flex-direction: column;
}
.org_info > div {
    display: flex;
    align-items: center;
}
.meeting_defaults h3, .meeting_title {
    padding:1em 0em;
    margin:0em;
}
.meeting_defaults h3.uk-heading-line > *,
.meeting_title.uk-heading-line > * {
    color: #000;
}
.meeting_defaults h3 div,
.meeting_title div {
    display: flex;
    align-items: center;
}
.meeting_defaults h3 .amp_input,
.meeting_title .amp_input {
    margin-right: 0.5em;
}
.meeting_defaults h3 .amp_input [contenteditable],
.meeting_title .amp_input [contenteditable] {
    padding: 0.3em;
    margin: 0;
    min-width: 2em;
}
.meeting_defaults ul {
    margin: 0px;
    padding:0px;
}
.meeting_defaults li {
    list-style: none;
    margin: 0.3em 0em;
    border-radius: 0.3em;
    color: #000;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}
.meeting_defaults li .amp_button {
    color:inherit;
}
.li_drag {
    color: #fff;
    border-radius: 0.3em;
    box-shadow: var(--lightboxshadow);
    background-color: var(--primary);
    padding: 0.3em !important;
    height: auto !important;
    width: max-content !important;
}
.meeting_defaults .bluebubble li .amp_button:hover,
.meeting_defaults li.show_trumbowyg {
    color: var(--primary);
    color: #fff;
}
.meeting_defaults [data-groups="true"]:not(.show_trumbowyg ) .dragbar .amp_button {
    background-image: linear-gradient(to right, rgb(255 167 0 / 30%), rgb(255 162 126 / 30%));
}
.meeting_defaults [data-groups="true"][data-required="required"]:not(.show_trumbowyg ) {
    color: var(--warning);
}
.meeting_defaults [data-groups="true"] .remove,
.meeting_defaults [data-groups="true"][data-required="required"] [title="show/hide"] {
    display:none;
}
.meeting_defaults [data-groups="true"] .amp_button::before,
.meeting_defaults [data-groups="true"] .amp_button:hover::before,
li[data-groups="true"]::before,
.amp_button.amp_button_groups::before {
    background-image: var(--ampgroupcolor);
}
.meeting_defaults [data-groups="true"].show_trumbowyg::after {
    content: attr(title);
    color: #fff;
    z-index: 0;
    width: 100%;
    padding: 0em 0.3em;
    box-sizing: border-box;
    font-style: italic;
}
.meeting_defaults li.show_trumbowyg {
    flex-direction: column;
}
.meeting_defaults li > div {
    display:flex;
}
.meeting_defaults [uk-sortable] li .dragbar {
    cursor: grab;
}

.meeting_defaults li [uk-icon="more-vertical"],
.li_drag [uk-icon="more-vertical"] {
    margin: 0em 0.5em 0em 0em;
}
.li_drag .eye[uk-icon] {
    display:none;
}
.meeting_defaults li[data-visible="true"] .eye[uk-icon="eye"],
.meeting_defaults li[data-visible="false"] .eye[uk-icon="eye-slash"],
.meeting_defaults li[data-required="true"] .eye {
    display: none
}
.meeting_defaults li .eye {
    cursor: pointer;
    opacity: 0;
    transition-duration: var(--transitionduration_slow);
    color:#000;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding: 0.5em;
}
.meeting_defaults li:hover .eye {
    opacity: 1;
}
.meeting_defaults li:hover .eye:hover {
    color: var(--primary);
}
.meeting_defaults li[data-visible="false"] {
    opacity: 0.5;
}
.meeting_defaults li[data-visible="false"]:hover {
    opacity: 1;
}
.meeting_defaults input[type="text"] {
    font-size: inherit;
    font-family: inherit;
    display: flex;
    border: 2px solid #fff;
    border-radius: 0.2em;
}
.meeting_defaults .addsection {
    cursor: pointer;
}
.meeting_defaults {
    box-shadow: var(--heavyboxshadow);
    padding: 1em;
    margin: 2em;
    border-radius: 0.3em;
    width: -webkit-fill-available;
}
.meeting_defaults .trumbowyg_me,
.meeting_defaults .trumbowyg {
    display: none;
    flex-direction: column;
    cursor: auto;
    color:#000;
}
.meeting_defaults .show_trumbowyg .trumbowyg_me,
.meeting_defaults .show_trumbowyg .trumbowyg {
    display: flex;
}
#settings > div.wide {
    width: 100%;
    max-width: 1200px !important;
}
.meeting_defaults .options_dropdown {
    color: #000;
    /*display: flex;*/
    flex-direction: column;
    align-items: flex-start;
    padding: 0em;
    margin-top: -0.5em;
    opacity: 1;
    font-size: 0.9em;
    margin-left: -0.7em;
}
.meeting_defaults .options_dropdown .uk-icon {
    opacity: 1;
}
.meeting_defaults .options_dropdown span {
    padding: 0.2em 1em;
    display: flex;
    width: -webkit-fill-available;
    justify-content: flex-end;
    opacity: 1;
}
.meeting_defaults [uk-icon="more-vertical"] svg,
.meeting_defaults .options_dropdown span svg {
    margin-right: 0.5em;
}
.meeting_defaults .close_container {
    display: none;
}
.meeting_defaults .show_trumbowyg .close_container {
    display:flex;
    position: absolute;
    top: 0px;
    right: 0px;
}
.meeting_defaults .show_trumbowyg .dragbar {
    width: 100%;
}
.meeting_defaults .show_trumbowyg,
.meeting_defaults .show_trumbowyg .uk-icon,
.meeting_defaults .show_trumbowyg .eye,
.meeting_defaults li.show_trumbowyg:hover .eye:hover,
.meeting_defaults .show_trumbowyg .eye:hover {
    opacity:1;
    color:#fff;
}
.meeting_defaults .show_trumbowyg .options_dropdown .eye {
    color: #000;
}
.meeting_defaults .show_trumbowyg .options_dropdown .eye:hover,
.meeting_defaults li.show_trumbowyg:hover .options_dropdown .eye:hover {
    color: var(--primary);
}

.meeting_defaults .bluebubble li:hover [uk-icon="close"]:hover,
.meeting_defaults li.show_trumbowyg:hover .options_dropdown .eye[uk-icon="close"]:hover {
    color: var(--warning);
}
.meeting_defaults .trumbowyg {
    margin: 0.2em;
    width: calc(100% - 0.4em);
    background-color: #fff;
    border: none;
}
li::before {
    position: absolute;
    top:0.5em;
    left:1em;
    height:1em;
    width:1em;
    border-radius:10em;
    opacity: 0;
    content: " ";
    transition-duration: var(--transitionduration_slow);
}
li.show_trumbowyg::before {
    opacity: 1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0.3em;
    box-shadow: var(--lightboxshadow);
    background-color: var(--primary);
}
.eye.options_button.uk-icon,
.eye.options_button svg {
    margin: 0px;
}
span.amp_button.addnewuser_send {
    display:none;
}

#meetings .select_meeting,
#meetings .mjapprove {
    display: none;
}
.amplifygroupslogo {
    background-image: url('/sources/img/amplify groups clear.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position: top left;
    height: 5em;
}
.inactive_subscription .amplifygroupslogo {
    background-position: top center;
}
/* END SETTINGS */

/* COMPLIANCE TOOLKIT */
#compliance .uk-modal-dialog > .uk-grid {
    max-height: 100vh;
}
#compliance .uk-modal-dialog > .uk-grid > div {
    max-height: 100vh;
    overflow-y: auto;
}
/* END COMPLIANCE TOOLKIT */

#mobileUsersModal .content {
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
#mobileUsersModal .content > div,
#mobileUsersModal .content > a {
    margin: 0.5em 0em;
    width: -webkit-fill-available;
    display: flex;
    justify-content: center;
}
#mobileUsersModal .profile_image_display {
    border-radius: 100%;
    background-position: center;
    background-size: cover;
    background-image: url('/sources/img/favicon.png');
    width: 65%;
    aspect-ratio: 1;
}

/* MEETING LANDING */
.meeting_landing {
    display:none;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    max-width: 960px;
    margin: 0px auto;
    min-height: calc(100vh - 80px - 32px - 16px);
}
.meeting_landing.show {
    display:flex;
}
.meeting_landing button {
    border-radius:5em;
}
.meeting_landing > * {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    padding: 1.5em;
    background-color: #fff;
    border-radius: 0.3em;
    min-width: 630px;
}
.vertical_rule {
    border-left: 2px solid #1f2f3a38;
    height: -webkit-fill-available;
    min-height: 60px;
}
.meeting_landing #current_meetings {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}
.meeting_landing .join_title {
    font-weight: 800;
    text-transform: uppercase;
    color: var(--colorheading);
    width: 100%;
    margin-bottom: 0.2em;
}
.meeting_landing #current_meetings button {
    margin:0.25em 0em;
    background-color:#fff;
    color: var(--colorheading);
    font-weight:400;
}
.meeting_landing #current_meetings button:hover {
    color: var(--primary);
}
.meeting_loading {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    left: 0px;
    z-index: 10;
    font-size: 3em;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    color: #fff;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #00000073;
    transition-duration: var(transitionduration);
}
.meeting_loading.show {
    display: flex;
}
.meeting_loading span {
    position: relative;
}
.meeting_loading span:before {
    content: ' ';
    background-color: #97ceff;
    padding: 2px 0px;
    position: absolute;
    bottom: 0px;
    transition-duration: var(--transitionduration_slow);
}
.meeting_loading.w25 span:before { width:25%; }
.meeting_loading.w50 span:before { width:50%; }
.meeting_loading.w75 span:before { width:75%; }
.meeting_loading.w100 span:before { width:100%; }

@keyframes inputLoading {
  0%   {left: -6em; opacity:1;}
  60%  {left: calc(100% + 6em); opacity:1;}
  61%  {left: calc(100% + 6em); opacity:0;}
  62%  {left: -6em; opacity:0;}
  63%  {left: -6em; opacity:1;}
}
.meeting_contents.loading {
    position: relative;
}
.meeting_contents.loading::after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 11;
}
.meeting_contents.loading .input_container {
    position: relative;
    overflow:hidden;
}
@media only screen and (min-width: 740px) and (orientation: landscape) {
    .meeting_contents.loading .input_container::after {
        content: " ";
        width: 0em;
        height: 4em;
        transform: rotate(44deg);
        position: absolute;
        box-shadow: 0px 0px 60px 10px var(--primary);
        left: -6em;
        animation-name: inputLoading;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(0.38, 1.1, 1, 1);
    }
}
/* END MEETING LANDING */

/* FEATURES LANDING PAGE */
.featpage_container {
    overflow: hidden;
    padding: 2em 0em;
}
.featurespage {
    display: flex;
    align-items: center;
    align-content: center;
    max-width: 1400px;
    justify-content: space-around;
    margin: 0px auto 3em auto;
    color: var(--colorheading);
    min-height: calc(80vh - 80px - 32px);
    transition: var(--transitionduration);
    background: #ffffff26;
    border-radius: 1em;
    backdrop-filter: blur(8px);
}
.featurespage.title {
    flex-wrap: wrap;
}
.featurespage.title h1 {
    font-size:5em;
}
.featurespage.title h3 {
    font-weight: 300;
}
.featurespage.title > * {
    margin: 0px 20%;
}
.featurespage > * {
    width: 50%;
    margin: 30px;

}
.featurespage img {
    box-shadow: 0px 20px 25px -15px #00000073;
    border: 1px solid #00000014;
}
.featurespage h1 {
    font-weight: 600;
}
.featurespage p {

}
.featurespage:nth-child(odd) {
    flex-direction: row-reverse;
}
/* END FEATURES */

/* DASHBOARD */
#banktransactions > div {
    width: 100%;
    max-height: 100%;
    height: 100%;
}
#banktransactions .bankTransTable {
    max-height: 100%;
    overflow-y: auto;
}
.bankTransTable a {
    color: inherit;
}
.bankTransTable a:hover {
    color: var(--primary);
}
.bankTransTable tr > *:nth-last-child(2) {
    text-align: right
}
.bankTransTable .unreconciled .uk-label {
    background-color: var(--warning);
}
.bankTransTable .uk-table th {
    position: sticky;
    top: 0px;
    background-color: #fff;
}
.info_container .uk-icon {
    margin-right: 0.4em;
}
.dash_info {
    cursor: pointer;
    margin: 0.3em 0em;
    transition-duration: var(--transitionduration);
}
.dash_info:hover {
    box-shadow: var(--lightboxshadow);
}
.page_nav {
    /*border: 1px solid #00000078;*/
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0px auto;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 0.9em;
}
.page_nav span:nth-child(2){
    margin:0em 0.3em;
    cursor: default;
}
.statement_nav_button {
    padding: 0.3em;
    cursor: pointer;
    transition-duration: var(--transitionduration);
    border-radius: 0.3em;
}
.statement_nav_button:hover {
    background-color: var(--primary);
    color: #fff;
}
.info_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 1.5em);
}
/* END DASHBOARD */

/* HEALTH CHECK */
#healthcheck > div {
    padding: 2em;
}
.healthcheck_container {
    overflow-y: auto;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}
.healthcheck_container .uk-card {
    max-width: 600px;
}

/* END HEALTH CHECK */

/* YEAR END */
.sqldata_container {display:none;}
#yearend .uk-modal-dialog {
    min-height: 100%;
    height:100%;
    overflow-y: scroll;
    width:100%;
    max-width: 1000px !important;
}
#yearend .uk-modal-dialog .uk-modal-header,
#yearend .uk-modal-dialog .uk-close {
    position: sticky;
    top: 0px;
    background-color: #fff;
    z-index: 1;
}
#yearend .uk-modal-dialog .uk-close {
    float:right;
    margin-top:1em;
    top: 1em;
    z-index:2;
}
.amp-accordion.uk-accordion > li {
    max-width: 850px;
    box-shadow: var(--lightboxshadow);
    border-radius: 5px;
    margin: 2em auto;
    border: 1px solid var(--colorheading);
    transition-duration: var(--transitionduration);
}
.amp-accordion.uk-accordion > li.uk-open,
.amp-accordion.uk-accordion > li:hover {
    border: 1px solid var(--primary);
    box-shadow: var(--heavyboxshadow);
}
.amp-accordion.uk-accordion > li > * {
    padding: 0em 1em;
}
.amp-accordion.uk-accordion > li > a {
    font-weight: 700;
    position:relative;
    padding: 0.5em 1em;
    color: var(--colorheading);
    transition-duration: var(--transitionduration);
    box-shadow: inset 0em 0em 0em var(--primary);
}
.amp-accordion.uk-accordion > li > a:hover {
    color: var(--primary);
}
.amp-accordion.uk-accordion > li > a:hover .min_max {
    scale: 1;
    opacity: 1;
    transform: rotate(0deg);
}
.amp-accordion.uk-accordion > li > a[aria-expanded="true"] .min_max {
    scale: 1;
    opacity: 1;
    transform: rotate(180deg);
}
.amp-accordion.uk-accordion > li > a[aria-expanded="true"],
.amp-accordion.uk-accordion > li > a[aria-expanded="true"]:hover {
    box-shadow: inset 0em 2.4em 0em var(--primary);
    color: #fff;
}

.amp-accordion.uk-accordion-content {
    margin-bottom:20px;
}
.amp-accordion.uk-accordion-title::before {
    content: none;
}
.mjSummary td a {
    color:inherit;
}
.mjSummary td[colspan] {
    border-top:2em solid transparent;
}
.mjSummary td[colspan] span:first-child {
    width: 80%;
    display: inline-flex;
}
.mjSummary td[colspan] span:last-child {
    width: 20%;
    display: inline-flex;
    text-align: right;
    flex-direction: row-reverse;
}
.mjSummary td:nth-child(3),
.mjSummary td:nth-child(4),
.mjSummary td:nth-child(5),
.mjSummary th:nth-child(3),
.mjSummary th:nth-child(4),
.mjSummary th:nth-child(5) {
    text-align:right;
}
.mjapprove {
    margin-left:1em;
}
#yearend .uk-label {
    display: flex;
    margin: 0em auto 1em auto;
    max-width: fit-content;
    padding: 0.5em 2em;
    box-shadow: var(--lightboxshadow);
    font-weight: 500;
}
#yearend .uk-label span {
    margin-right: 0.5em;
}
/* YEAR END FIN */

/* TRANSACTION LISTING */
.transactionscontainer {
    position: relative;
    padding-bottom: 1.5em;
}
.transactionscontainer .uk-table th {
    position: sticky;
    top: 0px;
    background-color: #fff;
}
.transactionscontainer a {
    color: inherit;
}
.transactionscontainer a:hover {
    color: var(--primary);
}
.talignright, .uk-table th.talignright {text-align: right;}
.loadmorediv {
    text-align: center;
    text-transform: uppercase;
}
.loadmorediv a {
    padding:0em 0.3em;
}
/* END TRANSACTION LISTING */
.minutes_option_buttons_container {
    position: fixed;
    bottom: 3em;
    padding: 0.5em 0.5em;
    background-color: rgb(255 255 255);
    border-radius: 1em;
    z-index: 50;
    border: 1px solid #c7c7c7;
    display: flex;
    justify-content: space-around;
    box-shadow: var(--lightboxshadow);
    opacity:0;
    transition-duration: var(--transitionduration);
    left: 62.5%;
    transform: translate(-50%, -50%);
}
li.minute_li.trashed_meeting:hover,
li.minute_li.trashed_meeting.activated,
li.minute_li.trashed_meeting,
.trashed_meeting {
    color: var(--warning);
    border-color: var(--warning);
}
.minutes_option_buttons_container .restore_meeting {
    display:none;
}
.rightside:hover .minutes_option_buttons_container {
    opacity:1;
}
#meetings .rightside.trash .hide_meeting {
    display:none;
}
#meetings .rightside.trash .restore_meeting  {
    display:inline-flex;
}
#meetings .rightside {
    padding-bottom: 10em;
}
h1#minutes_headerh1 {
    margin: unset;
    padding-bottom: 0.5em;
}
h1.meeting_title .amp_input,
h1.meeting_title .amp_input:hover::before {
    border-radius: 0.1em;
}
h1.meeting_title .amp_input input {
    transition-duration: var(--transitionduration);
}
h1.meeting_title .amp_input:hover input,
h1.meeting_title .amp_input input:focus {
    color: var(--primary);
}
body.landing {
    background-image: url(/sources/img/landing-bg.jpeg);
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}
body.landing #footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.report_heading {
    font-size: .875rem;
    text-align: left;
    color: #999;
}
.linkcontainer {
    display: inline-flex;
    border: 1px solid currentColor;
    padding: 3px 7px;
    border-radius: 3px;
    cursor: pointer;
    align-items: center;
    position: relative;
}
.linkcontainer:after {
    content: 'text copied!';
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 30px;
    background-color: #008aff;
    color: #fff;
    opacity: 0;
    display: flex;
    z-index: -1;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 0.7em;
    transition-duration: var(--transitionduration);
}
.linkcontainer.clicked:after {
    opacity:1;
    z-index:1;
}
.linkcontainer [uk-icon] {
    margin-left:5px;
}
.trumbowyg-fullscreen .trumbowyg-button-pane.uk-sticky.uk-active.uk-sticky-fixed {
    top: 0px !important;
}
.uk-close {
    scale: 1.3;
}
.uk-close:hover {
    color: var(--warning);
}
/* SERVICE REPORTING */
.amp-table-editable td {
    padding:0px;
    vertical-align: middle;
}
.display_date {
    display: flex;
}
.category_title_spacing {
    border-top:1.7em solid transparent;
}
.category_title td {
    text-transform: uppercase;
    border-top: 2px solid currentColor;
    cursor: pointer;
    transition-duration: var(--transitionduration);
}
.category_title td:hover {
    color: var(--primary);
}
.new_output_button_row td {
    position: relative;
    border:1px solid transparent;
    transition-duration: var(--transitionduration);
    cursor:pointer;
}
.new_output_button_row td:hover {
    border:1px solid var(--primary);
}
.new_output_button_row span[uk-icon] {
    position: absolute;
    left: -20px;
    bottom: -10px;
    opacity:0.4;
    transition-duration: var(--transitionduration);
    background-color:#fff;
}
.new_output_button_row:hover span[uk-icon] {
    opacity:1;
    color: var(--primary);
}
.new_outputs::before {
    content: "+";
    color: var(--primary);
    font-size: 1em;
    display: inline-flex;
    line-height: 1em;
    align-content: center;
    align-items: center;
}
.new_outputs::after {
    content: " ";
    color: var(--primary);
    font-size: 1em;
    display: inline-flex;
    line-height: 1em;
    align-content: center;
    align-items: center;

}
.new_output {
    display:none;
}
.amp-table-editable button {
    border-radius: 5em;
    padding: 1em 2em;
    line-height: 1em;
    font-size: 0.8em;
}
.amp-table-editable .submit {
    background-color: var(--primary);
    color: #fff;
}
.new_category {
    display: none;
}
#new_rp_inputrow td {
    position: relative;
    z-index: 0;
    vertical-align: middle;
}
.rp_table input,
.rp_table span[contenteditable="true"] {
    border-bottom: 1px solid transparent;
    color: inherit;
    cursor: pointer;
    margin: 0px;
}
.rp_table tr:not(.newinputrow) .amp_input {
    background-color: transparent;
}
.rp_table input[type="date"] {
    width:8.5em;
}
.rp_table tbody td {
    padding: 5px 3px;
    vertical-align: middle;
}
.amp-table-editable [data-placeholder] {
    cursor: text;
    transition-duration: var(--transitionduration);
    vertical-align: middle;
    border-bottom:1px solid transparent;
}
.amp-table-editable .select_container {
    display: flex;
    align-items: center;
}
.amp-table-editable .select_container > * {
    margin:0px 0.3em;
}
.amp-table-editable select,
select,
.amp-table-editable input[type="date"],
.amp-table-editable textarea {
    font: inherit;
    color: inherit;
    border-radius: 0.3em;
    border: 1px solid currentColor;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    padding: 0.2em 0.4em;
    cursor: pointer;
    transition-property: border, color, box-shadow;
    transition-duration: var(--transitionduration);
    line-height: 15px;
}
.amp-table-editable textarea {
    text-transform: unset;
    font-weight: unset;
}
.amp-table-editable select:hover,
.amp-table-editable select:active,
.amp-table-editable select:focus,
select:hover,
select:active,
select:focus,
.amp-table-editable input[type="date"]:hover,
.amp-table-editable input[type="date"]:active,
.amp-table-editable input[type="date"]:focus,
.amp-table-editable textarea:hover,
.amp-table-editable textarea:active,
.amp-table-editable textarea:focus {
    color: var(--primary);
    box-shadow: var(--lightboxshadow);
    outline:none;
}
.amp-table-editable textarea:active,
.amp-table-editable textarea:focus {
    cursor: text;
    color: inherit;
    border-color: var(--primary);
}
.amp-table-editable [data-placeholder].forminvalid {
    outline:1px solid var(--warning);
}
.amp-table-editable [data-placeholder]:focus,
.amp-table-editable [data-placeholder]:hover {
    border-bottom:1px solid var(--primary);
}
.amp-table-editable [data-placeholder]:focus {
    outline:none;
}
.amp-table-editable [data-placeholder]:before {
    content:attr(data-placeholder);
    position: relative;
    z-index: -1;
}
.amp-table-editable [data-placeholder].noplaceholder:before {
    content:unset;
}
.amp-table-editable [data-placeholder]:focus:before  {
    display:none;
}
.output_row td {
    cursor: pointer;
    transition-duration: var(--transitionduration);
}
.output_row td:hover {
    color: var(--primary);
}
.output_row input {
    transform: scale(0);
    display:none;
}
.output_row .showinput input {
    transform: scale(1);
    display:initial;
}
.output_row span {
    cursor: pointer;
}
.minutes_live_question {
    width: fit-content;
    box-shadow: var(--heavyboxshadow);
    padding: 0em 1.2em;
    border-radius: 5em;
    color: var;
    position: relative;
    display: flex;
    align-items: baseline;
    border-radius: 0.5em;
    border: 1px solid currentColor;
    margin-bottom: 1.5em;
}
.minutes_live_question > span:first-child {
    padding: 0.6em 0em;
    background-color: #fff;
    position: relative;
    z-index:1;
    color: var(--primary);
}
.minutes_live_question [uk-icon] {
    margin-right: 0.5em;
    color: var(--primary);
}
.minutes_live_question::before {
    content: ' ';
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    background-color: white;
    transform: rotate(45deg);
    bottom: -0.5em;
    left: 2em;
    border: 1px solid currentColor;
}
.minutes_live_question .button {
    border: 1px solid currentColor;
    padding: 0.2em 0.5em;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 500;
    border-radius: 0.3em;
    cursor: pointer;
    margin-left: 0.6em;
}
.minutes_live_question .button:hover {
    color: var(--primary);
}
.minutes_live_question .button.active {
    color:#fff;
    border: 1px solid var(--primary);
    background-color: var(--primary);
}
.minutes_live_section {
    display:none;
}
.minutes_live_section.show {
    display:block;
}

/* MINUTES IN TOOLKIT SECTION */
#meetings .minute_preview .rp_table input:hover,
#meetings .minute_preview .rp_table input:focus,
#meetings .minute_preview .rp_table input:active,
#meetings .minute_preview .rp_table span[contenteditable="true"]:hover,
#meetings .minute_preview .rp_table span[contenteditable="true"]:focus,
#meetings .minute_preview .rp_table span[contenteditable="true"]:active {
    color: inherit;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    box-shadow: unset;
    cursor: auto;
}
#meetings .minute_preview .rp_table input[value=""] {
    display:none;
}
#meetings .xero_finances_container h4,
#meetings .minute_preview .uk-sortable-handle {
    cursor: auto;
}
#meetings .xero_finances_container h4 span,
#meetings .xero_finances_container h4 div,
#meetings .xero_finances_container h4:hover span {
    display:none;
}
#meetings section .underline span::before {
    width: 100%;
    padding: 2px 0px;
    margin: 0px;
}
#meetings .input_display {
    line-height: 2.6em;
    margin-left: 1em;
    font-size: 0.9em;
}

/* END MINUTES IN TOOLKIT SECTION */

/* GLOBAL BUTTON STYLING */
.amp_button {
    display:inline-flex;
    position: relative;
    border-radius: 0.3em;
    padding: 0.5em;
    transition: var(--transitionduration);
    color: var(--primary);
    align-items: baseline;
    width: fit-content;
    z-index: 1;
    text-transform: lowercase;
    cursor: pointer;
}
.amp_button_gray {
    color: #8f8f8f;
}
.amp_button_white_bg {
    color: inherit;
}
.amp_button_warning {
    color: var(--warning);
}
.amp_button_approved {
    color: var(--approved);
}
.amp_button:hover,
.uk-subnav-pill>*>a.amp_button:hover {
    color: #fff;
    text-decoration: none;
}
.amp_button::before {
    content: " ";
    border-radius: 10em;
    position: absolute;
    top: 50%;
    left: 1em;
    height: 0%;
    width: 0%;
    z-index: -1;
    background-color: transparent;
    transition-duration: var(--transitionduration);
}
.amp_button:hover::before {
    border-radius: inherit;
    top: 0em;
    left: 0em;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    box-shadow: var(--lightboxshadow);
}
.amp_button.amp_button_gray:hover::before {
    background-color: #8f8f8f;
}
.amp_button.amp_button_white_bg:hover::before {
    background-color: #fff;
}
.amp_button.amp_button_warning:hover::before {
    background-color: var(--warning);
}
.amp_button.amp_button_approved:hover::before {
    background-color: var(--approved);
}
.amp_button [uk-icon]{
    margin-right: 0.5em;
}
.amp_button.disabled {
    background-color: #dddddd;
    color: #838383;
    cursor: default;
    box-shadow: none;
}
.amp_button.disabled::before {
    display: none;
}
/*END GLOBAL BUTTONS STYLING*/

/* notifications */

@keyframes notifications {
    0%   {
        top: 50%;
        left: 1em;
        height: 0%;
        width: 0%;
        background-color: transparent;
        border-radius: 10em;
    }
    100% {
        top: 0em;
        left: 0em;
        width: 100%;
        height: 100%;
        background-color: #f8f8f8;
        border-radius: 0.3em;
    }
}
.uk-notification {
    width: 100%;
    max-width: 600px;
    margin-left: -300px;
}
.uk-notification-message {
    border-radius: 0.3em;
    font-size: 1em;
    background-color: transparent;
}
.uk-notification-message::before {
    content: " ";
    position: absolute;
    z-index: -1;
    animation-name: notifications;
    animation-duration: 0.15s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

/* END notifications */


/* FINANCIAL STATEMENTS */
#stats_viewer,
#stats_viewer > .uk-modal-dialog {
    transition-duration: var(--transitionduration);
}
#stats_viewer .button_container > button,
#createstats .button_container > button {
    display: none;
    float: right;
}
#stats_viewer .button_container > .close,
#createstats .button_container > .close {
    display: block;
    margin: 1em;
}
#stats_viewer.statsopened .button_container > button {
    display: block;
    margin: 0.8em;
}
#viewstats {
    min-height: inherit;
    display: flex;
    align-items: center;
}
.statsopened #viewstats {
    display: block;
}
.statsopened {
    padding: 0px;
}
.statsopened > div.uk-modal-dialog {
    width: 100%;
    background-color: transparent;
}
.statsopened .button_container {
    position: absolute;
    right: 2em;
    top: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}
.statsopened .button_container button {
    background-color: #fff;
    border-radius: 5em;
    padding: 0.5em;
    color: #000;
    cursor: pointer;
    border: none;
    margin: 0.8em;
    transition-duration: var(--transitionduration);
}
.statsopened .button_container button:hover {
    color: var(--primary);
}
.statsopened .button_container button.uk-close:hover {
    color: var(--warning);
}
.statsopened .button_container button:not(.close) {
    position:relative;
    scale: 1.17;
}
.statsopened .button_container button.zoom span:last-child {
    position: absolute;
    z-index: 0;
    left: 0px;
    top: -0.09em;
    right: 0px;
    bottom: 0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.8);
}
.statsopened .button_container button.mapping span:last-child {
    position: absolute;
    z-index: 0;
    left: 0px;
    top: -0.09em;
    right: 0px;
    bottom: -0.19em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.stats_viewer_content {
    transition-duration: 0.1s;
}
.stats_viewer_content .page {
    padding:4em;
}
.page {
    width: 850px;
    margin: 2em auto;
    background-color:#fff;
    min-height: 1254px;
    /*height: 1254px;*/
    break-after: always;
}
.textlogo::before {
    font-weight: 700;
    content: "Amplify:";
    color: #57bffd;
    /* color: #282828; */
    border-bottom: 0.2em solid currentColor;
    padding-right: 0.7em;
}
.div section.page:hover {
    box-shadow: initial;
}
.page.coverpage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.page.coverpage .centerme {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.coverpage h1 {
    display: flex;
    align-items: flex-end;
    font-size: 4em;
    font-weight: 100;
    margin: 0em;
}
.coverpage h3 {
    margin: 0em 0em 1em 0em;
}
.statementtitle h3 {
    font-size: 2.5em;
    margin: 0em;
    padding-top: 1em;
}
.statementtitle h4 {
    margin: 0em;
    padding-bottom: 2em;
}
.coverpage img {
    max-width: 12em;
}
.page .header span {
    float:right;
}
.page.notes h5 {
    margin: 0em;
    font-size: 1.2em;
    font-weight: 600;
    display: inline-flex;
}
.page.notes.policies h5 {
    display: flex;
}
.page.notes.policies [data-fsli] div:first-child {
    font-weight: bold;
}
.page.notes .note {
    margin-bottom: 2em;
}
.page .ppe tr > * {
    text-align: right;
    min-width: 5em;
}
.page table {
    width:100%;
    margin-top: 1em;
}
.page tr > * {
    text-align: right;
    min-width: 10em;
}
.page tr > *:nth-child(1) {
    text-align: left;
    width:100%;
}
.page .spacingrow td {
    padding: 0.7em 0em;
}
.page tr.totalrow {
    font-weight: bold;
}
.page span.approversignature {
    display: inline-flex;
    width: 40%;
    border-top: 2px solid currentColor;
    margin-top: 6em;
    min-height: auto;
    position:relative;
}
.page.approvals .removesignature {
    cursor:pointer;
    transition-duration: var(--transitionduration);
    padding:0.1em;
    margin-top:-0.1em;
    display:inline-block;
    opacity:0;
    transform:scale(0.3);
}
.page.approvals .statementbody div:hover .removesignature {
    transform:scale(1);
    opacity:1;
}
.page.approvals .removesignature:hover {
    color: var(--warning);
}
.page.approvals .addsig {
    cursor: pointer;
    padding: 0.5em;
    margin-top: 1em;
    display: inline-flex;
    align-items: center;
    opacity: 0;
    transition-duration: var(--transitionduration);
}
.page.approvals:hover .addsig {
    opacity:1;
}
.page .trumbowyg-button-pane {
    opacity: 0;
}
.page .hideshow {
    opacity: 0;
}
.page:hover .hideshow {
    opacity: 1;
}
.profitandloss td span,
.balancesheet td span,
.cashflows td span,
.notes td a,
.menu-item td a {
    transition-duration: var(--transitionduration);
    cursor: pointer;
    color:inherit;
}
.profitandloss td span:hover,
.balancesheet td span:hover,
.cashflows td span:hover,
.notes td a:hover,
.menu-item td a:hover {
    color: var(--primary);
    text-decoration: underline;
}
.menu-item {
    display:none;
    background-color: #fff;
    border-radius: 0.4em;
    padding: 1em;
    height: calc(100vh - 90px);
    margin-right: 5em;
    position: sticky;
    top: 0px;
    z-index: 1;
    box-shadow: var(--heavyboxshadow);
}
.menu-item > div {
    overflow-y:auto;
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.menu-item.active {
    display:flex;
}
.menu-item .uk-icon {
    margin-right: 1em;
    margin: 0em 1.2em 0em 0.2em;
    position: sticky;
    padding: 0.2em;
    top: 0px;
    z-index: 1;
    transform: scale(1.3);
    transition-duration: var(--transitionduration);
    cursor: pointer;
    background-color: #fff;
    border-radius: 5em;
}
.menu-item .uk-icon:hover {
    color:var(--warning);
}
.menu-item.active::before {
    content: " ";
    background-color: white;
    z-index: -1;
    padding: 2em;
    position: absolute;
    transform: rotate(45deg);
    transform: skewX(48deg) rotate(70deg);
    top: 9.1em;
    right: 0.2em;
    border-radius: 0.2em;
}
.options_menu.active::before {
    top: 12.5em;
}
.menu-item table {
    margin: 0em auto;
}
.menu-item th {
    text-align: left;
}
.menu-item table td select {
    text-transform: unset;
}
.menu-item thead {
    position: sticky;
    top: 0px;
    background-color: #fff;
}
.menu-item td,
.menu-item th {
    padding: 0em 0.3em;
}
.menu-item th {
    box-shadow: 0px 0px 0px 3px #fff;
}
.options_menu td {
    vertical-align: top;
}
.mapping_container td:nth-last-child(1),
.mapping_container th:nth-last-child(1),
.mapping_container td:nth-last-child(2),
.mapping_container th:nth-last-child(2) {
    text-align: right;
}
.mapping_container thead tr:first-child th {
    text-align: left;
}
.mapping_container table {
    margin-bottom: 1em;
}
.pageno {
    position: absolute;
    bottom: 2em;
    left: 0em;
    right: 0em;
    text-align: center;
}
.policies .statementbody > div {
    margin: 1.5em 0em;
}
.policies .policies div:first-child {
    font-weight: 600;
    font-style: italic;
    color: #333333;
}
.page .editme {
    width:100%;
    min-height:3em;
    height:auto;
    border:1px solid transparent;
    white-space: pre-wrap;
    border-radius: 0.2em;
    cursor:pointer;
    transition-duration: var(--transitionduration);
    position: relative;
}
.page .editme:hover {
    border-color: var(--primary);
    color: var(--primary);
}
.page .editme:hover::before {
    color: var(--primary);
}
.page .editme:focus,
.page .editme:active {
    cursor:text;
    outline: none;
    border-color: var(--primary);
    color:initial;
}
.page .editme:empty::before {
    content: "Optional section. Click to add content.";
    font-style: italic;
    transition-duration: var(--transitionduration);
}
.page .editme.required:empty::before {
    content: "Required section. Click to add content.";
}
.page .editme:focus::before {
    content: "";
}
.page h5 {
    margin: 1em 0em 0em 0em;
    font-weight: 600;
}
#questions h4 {
    text-align: center;
}
.amp-switch-content .amp-button {
    text-transform: uppercase;
    padding: 0.2em 1em;
    font-size: 0.8em;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    border: 1px solid currentColor;
    border-radius: 0.2em;
}
.amp-switch-content .amp-button:hover {
    color: var(--primary);
}
.amp-switch {
    display: inline-flex;
    border: 1px solid currentColor;
    border-radius: 0.2em;
    cursor: pointer;
    padding: 0.2em 1em 0.2em 0.4em;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    opacity: 0;
    transition-duration: var(--transitionduration);
}
.note:hover .amp-switch {
    opacity: 1;
}
.amp-switch:hover {
    color: var(--primary);
}
.amp-switch > span {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.amp-switch > span > span {
    display: inline-flex;
    position: relative;
    width: 20px;
    left: 0px;
    top: -2px;
    left: -4px;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.amp-switch > span > span:first-child {
    top: 3px;
    left: 5px;
}
.amp-switch-content {
    position: absolute;
    border: 1px solid currentColor;
    box-shadow: var(--heavyboxshadow);
    border-radius: 0.2em;
    padding: 1em;
    display:none;
    background-color: #fff;
    z-index: 1;
    top:0px;
}
.amp-switch-content.active {
    display:block;
}
.amp-switch-content button {
    border-radius: 5em;
    float: right;
}
.amp-switch-content td {
    border: 1px solid currentColor;
    height: 1.5em;
}
.note_content td {
    height: 1.5em;
}
.amp-switch-content td:hover {
    border: 1px solid var(--primary);
}
.customnote {
    position:relative;
}
table.small {
    width: max-content;
    text-align: left;
}
table.small tr > * {
    text-align: left;
    min-width:unset;
}
table.small tr a {
    margin-right: 2em;
}
table.small tr > *:nth-child(1) {
    width: unset;
}
table.wide tr > *,
table.wide tr > *:nth-child(1) {
    width:unset;
}
.nopadding {
    padding: 0px !important;
}
.page.nopadding .pageno {
    bottom: 0px;
}
/* END FINANCIAL STATEMENTS */

/* FEATURES PAGE VERSION 2 */
.stickynote {
    display: inline-flex;
    max-width: 200px;
    background-color: #fff;
    padding: 1em;
    border-radius: 0.3em;
    text-align: center;
    margin: 1em;
    box-shadow: var(--lightboxshadow);
    position: relative;
    overflow:hidden;
    transition-duration: var(--transitionduration);
}
.features-filter {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.featpage_container_v2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.amp-label {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 0.8em;
    background-color: #9800ff;
    padding: 0.1em 0.5em;
    border-radius: 0em 0em 0.4em 0em;
    font-weight: 600;
    background-image: linear-gradient(to left, #9800ff, red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.amp-label.core {
    background-image: var(--corecolor);
}
.changecontainer {
    border-radius: 0.6em;
    border: 2px solid #fff;
    padding: 0.1em;
    box-shadow: var(--heavyboxshadow);
    position: relative;
    overflow:hidden;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #ffffff24;
}
.changecontainer span {
    width: 3em;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0.3em 0.5em;
    position: relative;
    z-index: 1;
    cursor: pointer;
    background-color: #b938bd;
    background-image: var(--corecolor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.changecontainer::before {
    content: " ";
    width:50%;
    top:0px;
    left:0px;
    height:100%;
    position: absolute;
    transition-duration: var(--transitionduration);
    background-color:#fff;
    border-radius: 0.4em;
}
.changecontainer.prohover::before,
.changecontainer.prohoverclicked::before {
    left:50%;
}
.changecontainer.corehover::before{
    left:0px !important;
}
.corehover::before,
.prohover::before {
    transform:scale(0.85);
}
.changecontainer span.pro {
    background-image: var(--procolor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.inactivecolor {
    color: var(--inactivecolor);
}
.stickynote img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
    width: 210%;
    z-index: -1;
    max-width: unset;
    opacity: 0;
    transition-duration: var(--transitionduration);
}
.stickynote:hover {
    transform:scale(1.1);
}
.stickynote:hover img {
    opacity: 1;
    z-index: 1;
}
.prices {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #0e1636;
}
.pricedetail {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: stretch;
    flex-wrap: wrap;
}
@keyframes productgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.stripe_packages, .org_select {
    display: none;
}
.stripe_packages.active, .org_select.active {
    display: block;
}
.pricedetail > .product {
    display: flex;
    width: 21em;
    margin: 1em;
    /* box-shadow: var(--lightboxshadow); */
    transition-duration: var(--transitionduration);
    cursor: default;
    background-clip: padding-box;
    border-radius: 0.5em;
    padding: 0.3em;
    /*background: radial-gradient(#76bdff, #e89dff);*/
    background-size: 400% 400%;
    animation: productgradient 12s linear infinite;
}
.core_price {
    background: radial-gradient(#76bdff, #e89dff);
    background-size: 400% 400%;
}
.pro_price {
    background: radial-gradient(#ff7979, #9c82fc, #ffcfd8, #25a1fd);
    background-size: 400% 400%;
}
.groups_price {
    background: radial-gradient(#bf9687, #ffab26, #ff5252);
    background-size: 450% 300%;
}
.groups_price .image {
    background-image:url('/sources/img/groups.png');
}
.groups_price .sub_button_section::before {
    background-image: var(--ampgroupcolor);
}
.groups_price .sub_button_section:hover,
.groups_price .sub_button_section:hover h2 {
    color: #fff;
}
.pricedetail .inset {
    background-color: aliceblue;
    background-color: #f0f8ffeb;
    border-radius: inherit;
    padding: 1em 0.5em;
}
.pricedetail .inset.dark {
    background-color: #282828;
    color: #fff;
}
.pricedetail .inset.dark .price:hover {
}
.sub_button_section:hover {
    color: #282828;

}
.pricedetail .inset ul {
    list-style: none;
}
.pricedetail .inset li {
    text-align: left;
}
.pricedetail .inset li:before {
    content: '✓';
    position: static;
    margin-right: 0.5em;
    color: var(--approved);
    font-weight: 900;
    opacity: 1;
}
.prices h3, .prices p, .prices h2 {
    margin: 0em;
    width: min-content;
}
.prices p {
    width:auto;
}
.price {
    display:flex;
    line-height: 1.5em;
    align-items: flex-start;
    transition-duration: var(--transitionduration);
}
.procolor {
    background-image: var(--procolor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.corecolor {
    background-image: var(--corecolor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.groupscolor {
    background-image: var(--ampgroupcolor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
::selection {
    text-shadow: 0 0 #fff;
}
.pricedetail .sub_button {
    display: flex;
    padding: 0.2em 0.5em;
    /*width: 10em;*/
    border-radius: 0.6em;
    align-items: center;
    justify-content: center;
    transition-duration: var(--transitionduration);
    text-decoration:none;
    background-color:#fff;
    max-width: 40%;
    margin-top: 0.3em;
    font-weight: 700;
}
.pricedetail a:hover {
    box-shadow: var(--lightboxshadow);
    background-color:#fff;
}
.price span span {
    background-color: #28b349b8;
    color: #fff;
    font-size: 0.8em;
    padding: 0.1em 0.3em;
    border-radius: 0.3em;
}
.pricedetail h3 {
    font-size: 1em;
    margin-bottom: 0.2em;
}
.pricedetail h3 > span {
    background-color: #fff;
    padding: 0.3em 0.9em;
    display: inline-flex;
    border-radius: 0.4em;
    justify-content: center;
    width: 2em;
}
.product .image {
    height: 5em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.product.core_price .image {
    background-image: url(/sources/img/core.png);
}
.product.pro_price .image {
    background-image: url(/sources/img/pro.png);

}
/* SUBSCRIPTION ENDED */
.subscription_ended {
    filter: grayscale(100%);
}
.subscription_ended .uk-card,
.subscription_ended .uk-card:hover {
    box-shadow: none;
    background-color: #e7e7e7;
}
.subscription_ended [data-date] h1 span,
.subscription_ended [data-date] .subtitle,
.subscription_ended [data-date] .feed_content span {
    color:transparent;
    background-color: rgb(0 0 0 / 63%);
}
#subscription_renewal_banner {
    position: fixed;
    top: 5em;
    justify-content: center;
    flex-direction: column-reverse;
    min-height: -webkit-fill-available;
    overflow-y: auto;
    padding: 2em;
    height: calc(100vh - 5em);
    box-sizing: border-box;
    align-content: center;
    width: 100%;
}
#subscription_renewal_banner .content {
    background: #fff;
    border-radius: 0.3em;
    box-shadow: var(--lightboxshadow);
    padding: 2em;
    max-width: 60em;
    margin: 0em auto;
}
#subscription_renewal_banner .groups_price {
    display: none;
}
/*  INACTIVE SUBSCRIPTION HOMEPAGE */
.inactive_subscription .inactive_sub_notify_filler {
    min-height: 6em;
    margin: 0.5em 0em 1em 0em;
    border-radius: 0.3em;
}
.inactive_subscription .dashboard_container .uk-card.uk-card-default.uk-card-hover.uk-card-body,
.inactive_subscription .inactive_sub_notify_filler {
    background-color: #e5e5e5;
    filter: blur(7px);
    cursor:normal;
}
.inactive_subscription  .uk-card-default.uk-card-hover:hover {
    box-shadow: initial;
}
.sub_button_section {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 1em;
    justify-content: space-around;
    position: relative;
    z-index: 1;
}
.sub_button_section::before {
    content: " ";
    position: absolute;
    left: calc(75% - 1em);
    top: calc(31% - 0.7em);
    width: 2em;
    height: 1.6em;
    transition-duration: var(--transitionduration);
    z-index: -1;
    border-radius: 50em;
}
.sub_button_section:hover::before {
    left:-1%;
    top:-1%;
    width:102%;
    height:102%;
    background-color:#fff;
    border-radius: 0.4em;
    box-shadow: var(--lightboxshadow);
}
.sub_button_section > span {
    width: 50%;
    display: flex;
    flex-direction: column;
}
.pricedetail a {
    display:contents;
    text-decoration:none;
    color:inherit;
}
.amp_input [contenteditable]::before {
    display:none;
    content:attr(placeholder);
    cursor: text;
    color: rgb(102, 102, 102);
}
.amp_input [contenteditable]:empty::before {
    display: inline;
}
#newgroup .amp_input {
    width: fit-content;
    min-width: 5em;
}
#newgroup .amp_input [contenteditable] {
    margin:0em;
}
#newgroup .content {
    padding: 0.5em;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#newgroup .content > *,
#newgroup .goback {
    display:none;
}
#newgroup .content .pricelist {
    display:flex;
}
#newgroup .hiddenitems > * {
    margin-top: 1em;
}
.uk-breadcrumb li::before {
    opacity: 1;
}
.uk-tab-left li::before {
    content: unset;
    display:none;
}
.getstarted.stripe_packages {
    max-width: fit-content;
}
.getstarted.stripe_packages #select_subscription {
    text-align: left;
}
#select_subscription .groups_price {
    display: none;
}
.getstarted #goback {
    position:absolute;
    top:1em;
    left:1em;
}
.org_sel_container {
    border-radius: 0.6em;
    background-color:#fff;
    box-shadow: var(--lightboxshadow);
    width: max-content;
    margin: 5px auto;
}
.org_sel_container select,
.org_sel_container > span {
    padding: 0.5em 0.5em;
    transition-duration: var(--transitionduration);
    border: none;
    text-transform: initial;
    font-size: 1em;
    color: #2ba1ff;
    font-weight: 400;
    text-align: center;
    border-radius: none;
    background-image: var(--procolor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
}
.org_sel_container select:hover,
.org_sel_container > span:hover {
    box-shadow: var(--heavyboxshadow);
}
.org_sel_container.filled {
    background-image: var(--procolor);
}
.org_sel_container.filled > * {
    background-color: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-image: unset;
    color: #fff;
}
.getstarted {
    max-width: 700px;
    padding: 1em;
    background-color: #fff;
    border-radius: 0.3em;
    box-shadow: var(--lightboxshadow);
    margin: 2em auto;
    text-align: center;
    position: relative;
    min-width: 30em;
}
.uk-table td>.planlogo:last-child {
    margin: 0em;
    font-size: 0.8em;
}
.getstarted .amp_button,
.amp_button.xerosignin {
    align-items: center;
}
.getstarted .amp_input {
    max-width: fit-content;
    display: inline-flex;
    margin: 2em 1em 3em 0em;
}
.getstarted .amp_input select {
    margin:0em;
}
.getstarted .amp_button.xerosignin span,
.amp_button.xerosignin span {
    padding: 1.5em 2em 1.5em 1.5em;
    background-image: url(/sources/img/Logo%20-%20White%20Punchout.png);
    background-repeat: no-repeat;
    background-size: 5em;
    background-position: -1em -1em;
    filter: sepia(1) contrast(0.3) saturate(40) hue-rotate(129deg) brightness(1) blur(0px);
    transition-duration: var(--transitionduration);
}
.getstarted .amp_button.xerosignin.xerosignin_inline span,
.amp_button.xerosignin.xerosignin_inline span {
    padding: 1em;
    margin-right: 0.3em;
    background-size: 3em;
    background-position: -0.5em -0.5em;
}
.getstarted .amp_button:hover span,
.amp_button.xerosignin:hover span {
    filter: sepia(0) contrast(1) saturate(0) hue-rotate(129deg) brightness(1) blur(0px);
}
/* USER PROFILE */
.user_profile {
    position: fixed;
    z-index: 13;
    top: 80px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgb(32 57 76 / 54%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.user_profile.active {
    display: flex;
}
.user_profile .container {
    background-color: #fff;
    border-radius: 0.3em;
    box-shadow: var(--lightboxshadow);
    display: flex;
    flex-direction: column;
    min-width: 600px;
    padding: 2.4em;
    position: relative;
}
.user_profile .top {
    display: flex;
    flex-direction: row;
    margin-bottom:1em;
}
.user_profile .left {
    display: flex;
    align-items: center;
    justify-content: center;
}
.user_profile .right {
    width: -webkit-fill-available;
}
.user_profile .left form {
    margin-right: 2em;
    display:flex;
    flex-direction: column;
    align-items: center;
}
.user_profile .profile_image {
    border: 1px solid #00000026;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
}
.user_profile .profile_image #profile_image_display[style=""] {
    opacity: 0;
    border-radius: 100%;
}
.user_profile .profile_image #profile_image_display {
    background-color: #fff;
    opacity: 1;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-position: center;
    background-size: cover;
    border-radius: 100%;
}
.user_profile .profile_image:hover::before {
    opacity: 1;
}
.user_profile .profile_image::before {
    position: absolute;
    content: "change photo";
    color: #fff;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 0.7em;
    padding: 0.3em 1.5em 0.5em 1.5em;
    z-index: 2;
    text-align: center;
    opacity: 0;
    box-shadow: 0px 0px 15px 0px #004eff00;
    background-color: #1e87f0db;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0em 0em 7em 7em;
    transition-duration: var(--transitionduration);
}
.save_profile_image {
    opacity: 0;
    transition-duration: var(--transitionduration);
    cursor: default;
}
.save_profile_image.show {
    opacity: 1;
    cursor:pointer;
}
.profile_image .uk-icon {
    /*position: absolute;*/
    left: calc(50% - 2.5em);
    top: calc(50% - 2.5em);
    border-radius: 100%;
}
.profile_image .uk-icon svg {
    width: 10em;
    border-radius: 100%;
}
.user_profile .closeme {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
}
/* END USER PROFILE */

/* FILES */
.uploadedfiles {
    display: flex;
    flex-wrap: wrap;
}
.file_block {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin: 0.5em;
    transition-duration: var(--transitionduration);
    position: relative;
}
.file_block .delete {
    position: absolute;
    content: "x";
    border-radius: 15em;
    transition-duration: var(--transitionduration);
    z-index: 2;
    background-color: var(--warning);
    border: 2px solid #fff;
    height: 1em;
    width: 1em;
    line-height: 0.8em;
    color: #fff;
    right: 0px;
    top: 0px;
    opacity: 0;
    cursor: pointer;
}
.file_block:hover .delete {
    opacity: 1;
}
.filetitle {
    padding: 1.6em 1em;
    border: 2px solid #ffa700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffa700;
    width: 2em;
    border-radius: 0.2em;
    font-size: 0.8em;
    margin: 0.3em;
    position: relative;
    font-weight: 600;
    z-index: 1;
    cursor: pointer;
    clip-path: polygon(0 0, 16px 0, 0 16px, 0 100%, 100% 100%, 100% 0);
    color: #fff;
    background-color: #ffa700;
    text-transform: uppercase;
}

.filetitle::after {
    position: absolute;
    content: " ";
    width:16px;
    height:16px;
    top:0px;
    left:0px;
}
.filetitle::after {
    position: absolute;
    content: " ";
    width: 16px;
    height: 16px;
    left: -3px;
    top: -3px;
    background-color: rgb(0 0 0 / 38%);
    border-radius: 0px 0px 0.3em 0px;
}
.filename {
    font-size: 0.7em;
    max-width: 10em;
    text-shadow: 1px 1px #fff, -1px -1px #fff;
    max-width: 7em;
    cursor: pointer;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.file_block[data-filetype]:hover .filetitle {
    color: #fff;
}
.file_block:hover .filename {
    text-decoration: underline;
}
/*
.filetitle::before {
    position: absolute;
    content: " ";
    border-radius:15em;
    top: calc(50% - 1em);
    left:calc(50% - 1em);
    width:2em;
    height:2em;
    transition-duration:var(--transitionduration);
    z-index:-1;
    background-color:transparent;
}
.file_block:hover .filetitle::before {
    top:0em;
    left:0em;
    width:100%;
    height:100%;
    background-color: #ffa700;
    border-radius: 0em;
    box-shadow: var(--lightboxshadow);
}*/
input[type="file"],
.amp_button.upload {
    display:none;
}
#uploadingtemp {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: baseline;
    color: var(--primary);
    font-style: italic;
}
#uploadingtemp [uk-spinner] {
    width: auto;
    margin: 0em 0.6em;
}
.uploadingfile label,
.uploadingfile .amp_button.upload {
    display: none !important;
}
.file_block[data-filetype="xlsm"] .filetitle,
.file_block[data-filetype="xlsx"] .filetitle,
.file_block[data-filetype="xls"] .filetitle {
    border-color: var(--approved);
    background-color: var(--approved);
}
.file_block[data-filetype="doc"] .filetitle,
.file_block[data-filetype="docx"] .filetitle {
    border-color: var(--primary);
    background-color: var(--primary);
}
.file_block[data-filetype="ppt"] .filetitle,
.file_block[data-filetype="pptx"] .filetitle,
.file_block[data-filetype="pdf"] .filetitle {
    border-color: var(--warning);
    background-color: var(--warning);
}
/*
.file_block[data-filetype="xlsm"] .filetitle,
.file_block[data-filetype="xlsx"] .filetitle,
.file_block[data-filetype="xls"] .filetitle {
    border-color: var(--approved);
    color: var(--approved);
}
.file_block[data-filetype="xlsm"]:hover .filetitle::before,
.file_block[data-filetype="xlsx"]:hover .filetitle::before,
.file_block[data-filetype="xls"]:hover .filetitle::before {
    background-color: var(--approved);
}
.file_block[data-filetype="doc"] .filetitle,
.file_block[data-filetype="docx"] .filetitle {
    border-color: var(--primary);
    color: var(--primary);
}
.file_block[data-filetype="doc"]:hover .filetitle::before,
.file_block[data-filetype="docx"]:hover .filetitle::before {
    background-color: var(--primary);
}
.file_block[data-filetype="ppt"] .filetitle,
.file_block[data-filetype="pptx"] .filetitle,
.file_block[data-filetype="pdf"] .filetitle {
    border-color: var(--warning);
    color: var(--warning);
}
.file_block[data-filetype="ppt"]:hover .filetitle::before,
.file_block[data-filetype="pptx"]:hover .filetitle::before,
.file_block[data-filetype="pdf"]:hover .filetitle::before {
    background-color: var(--warning);
}*/
/* END FILES */

.about_container img {
    width: 1070px;
    max-width: 100%;
}
.about_container .pricelistcontainer img {
    width: 600px;
}
.about_container section {
    display: flex;
    min-height: calc(50vh - 16em);
    padding: 8em 5em;
    align-content: center;
    align-items: center;
    text-align: center;
    margin: 0em;
    flex-direction: column;
    justify-content: center;
    border-radius: 0px;
    background-color: aliceblue;
    color: #282828;
}
.about_container section:hover {
    box-shadow: none;
}
.about_container .profeature {
    border-radius: 0.3em;
    background: var(--procolor);
    display: inline-block;
    padding: 0.2em 0.5em;
    font-size: 0.8em;
    color: #fff;
    box-shadow: var(--lightboxshadow);
}
.about_container .ampgroupfeature {
    border-radius: 0.3em;
    background: var(--ampgroupcolor);
    display: inline-block;
    padding: 0.2em 0.5em;
    font-size: 0.8em;
    color: #fff;
    box-shadow: var(--lightboxshadow);
}
.about_container section h1,
.about_container section h4,
.about_container section h2,
.about_container section p {
    color:inherit;
    max-width: 1000px;
}
.about_container h2, h1 {
    font-weight: 700;
}
.about_container .minutes {
    background-image: url(/sources/img/papers.png);
    background-repeat: no-repeat;
    background-size: 50em;
    background-position: center bottom -30em;
}
.about_container .coversectiontext {
    background-color: #282828;
    color:#fff;

}
.about_container .xeroconnection {
    background-image: url(/sources/img/xeroconnection.png);
    background-color: #282828;
    background-repeat: no-repeat;
    background-position: center bottom 5em;
    background-size: 50em;
    color: #fff;
}
.about_container .conflictscompliance {
    background-image: url(/sources/img/AdobeStock_409843373.jpg);
    background-color: #282828;
    background-repeat: no-repeat;
    background-size: cover;
}
.about_container .simplifiedreporting {
    background-image: url(/sources/img/AdobeStock_327148159.jpg);
    background-color: #282828;
    background-repeat: no-repeat;
    background-size: cover;
}
.about_container .pricelistcontainer {
    background-color: #282828;
    color: #fff;
}

.pricelist {
    min-height: 42em;
}
.uk-navbar-left.mobile {
    display:none;
}
/*
.about_container .conflictscompliance h2 span,
.about_container .conflictscompliance h4 span {
    background-color: #000;
    color: #fff;
}*/



.testarea td {
    border:1px solid black;
}


.amp_checkbox {
    display: flex;
    cursor: pointer;
    padding: 0.5em;
    border-radius: 0.3em;
    transition-duration: var(--transitionduration);
    color: #000;
    text-transform: capitalize;
    width: fit-content;
}
.amp_checkbox:hover {
    background-color: aliceblue;
}
.checkbox-wrapper-12 {
    margin-right: 0.5em;
}
/* CHECKBOX ADDIN */
.checkbox-wrapper-12 {
  position: relative;
}
.checkbox-wrapper-12 > svg {
  position: absolute;
  top: -130%;
  left: -170%;
  width: 110px;
  pointer-events: none;
  display: none;
}
.checkbox-wrapper-12 * {
  box-sizing: border-box;
}
.checkbox-wrapper-12 input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  margin: 0;
}
.checkbox-wrapper-12 input[type="checkbox"]:focus {
  outline: 0;
}
.checkbox-wrapper-12 .cbx {
  width: 24px;
  height: 24px;
  top: calc(50vh - 12px);
  left: calc(50vw - 12px);
}
.checkbox-wrapper-12 .cbx input {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #bfbfc0;
  border-radius: 50%;
}
.checkbox-wrapper-12 .cbx label {
  width: 24px;
  height: 24px;
  background: none;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-filter: url("#goo-12");
  filter: url("#goo-12");
  transform: trasnlate3d(0, 0, 0);
  pointer-events: none;
}
.checkbox-wrapper-12 .cbx svg {
  position: absolute;
  top: 5px;
  left: 4px;
  z-index: 1;
  pointer-events: none;
}
.checkbox-wrapper-12 .cbx svg path {
  stroke: #fff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 19;
  stroke-dashoffset: 19;
  transition: stroke-dashoffset 0.3s ease;
  transition-delay: 0.2s;
}
.checkbox-wrapper-12 .cbx input:checked + label {
  animation: splash-12 0.6s ease forwards;
}
.checkbox-wrapper-12 .cbx input:checked + label + svg path {
  stroke-dashoffset: 0;
}
@-moz-keyframes splash-12 {
  40% {
    background: var(--primary);
    box-shadow: 0 -18px 0 -8px var(--primary), 16px -8px 0 -8px var(--primary), 16px 8px 0 -8px var(--primary), 0 18px 0 -8px var(--primary), -16px 8px 0 -8px var(--primary), -16px -8px 0 -8px var(--primary);
  }
  100% {
    background: var(--primary);
    box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
  }
}
@-webkit-keyframes splash-12 {
  40% {
    background: var(--primary);
    box-shadow: 0 -18px 0 -8px var(--primary), 16px -8px 0 -8px var(--primary), 16px 8px 0 -8px var(--primary), 0 18px 0 -8px var(--primary), -16px 8px 0 -8px var(--primary), -16px -8px 0 -8px var(--primary);
  }
  100% {
    background: var(--primary);
    box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
  }
}
@-o-keyframes splash-12 {
  40% {
    background: var(--primary);
    box-shadow: 0 -18px 0 -8px var(--primary), 16px -8px 0 -8px var(--primary), 16px 8px 0 -8px var(--primary), 0 18px 0 -8px var(--primary), -16px 8px 0 -8px var(--primary), -16px -8px 0 -8px var(--primary);
  }
  100% {
    background: var(--primary);
    box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
  }
}
@keyframes splash-12 {
  40% {
    background: var(--primary);
    box-shadow: 0 -18px 0 -8px var(--primary), 16px -8px 0 -8px var(--primary), 16px 8px 0 -8px var(--primary), 0 18px 0 -8px var(--primary), -16px 8px 0 -8px var(--primary), -16px -8px 0 -8px var(--primary);
  }
  100% {
    background: var(--primary);
    box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
  }
}
/* END CHECKBOX ADDIN */