<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Common CSS for CustomPublish functionality */
.checkoutpage .showonorderok {
    display: none;	/* only in order view context */
}

.itemhidden {
    display: none !important;
}

.cpdlwrap .cpdt {
    font-weight: 500;
    font-size: 1.15rem;
    margin-bottom: 3px;
}

.cpdlwrap .cpdd {
    margin-bottom: 1rem;
    margin-left: 1rem;
    position: relative;
    padding: 4px 8px;
    line-height: 1.8;
}

.cpdlwrap.publicview.cpdefault .cpdd {
    padding: 0;
    margin-left: 1.5rem;
}

.cpdlwrap.publicview.cpdefault .cpdt {
    margin-bottom: 0;
}

.cpqrvingress {
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
}

.cpclickable.qrvtypetext,
.cpclickable.qrvtypetextarea,
.cpclickable.qrvtypeemail,
.cpclickable.qrvtypetel {
    cursor: text;
}

dl.cpdefault dt {
    font-weight: 600;
    margin-top: 1rem;
}

dl.cpdefault dd[contenteditable] {
    padding: 0.25rem;
}

.cpdefault [contenteditable] {
    border: 1px solid #cecece;
    transition: all 0.2s ease;
    border-radius: 2px;
    background-color: rgba(0,0,0,0.02);
}

.cpdefault [contenteditable]:hover {
    border-color: rgba(0,0,0,0.7);
}

.cpdefault [contenteditable].cpisdirty {
    background-color: rgba(0,0,255,0.05);
}

.cpdefault [contenteditable][data-qtype="textarea"] {
    min-height: 64px;
}

.cphighvisbutton {

}

/* drag and drop sortable list */
.cpdefault .cpdragwrap {
    /* counter-reset: elem -1; */
}

.cpdefault .droptarget {
    position: relative;
    border: 1px solid transparent;
    cursor: grab;
    transition: all 0.2s ease;
    padding: 6px;
}

.cpdefault .droptarget::before {
    /* counter-increment: elem; */
    /* content: counter(elem); */
}

.cpdefault .droptarget:hover {
    border-color: rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.02);
}

.cpdefault .droptarget:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
}

.cpdefault .dragElem {
    border-color: rgba(0,0,0,0.75);
}

.cpdefault .dragOver {
    border-top: 4px solid rgba(30,30,200,0.75);
}

@keyframes shake {
  51%{opacity:1;}
  100% {opacity:0;}
}

@keyframes fadeoutbg {
  0%{background-color: rgba(0,0,0,0.05);}
  51%{background-color: rgba(0,0,0,0.05);}
  100% {background-color: rgba(0,0,0,0.0);}
}

.shake {
  -webkit-animation-name: shake;
  animation: shake 4s forwards;
}

.cpsimpleform .hovereditmode.cpselementcontainer &gt; div {
    position: relative;
}

.cpsimpleform .hovereditmode {
    transition: background-color 0.2s ease;
}

.cpsimpleform .hovereditmode .formqedlink {
    display: none;
    position: absolute;
    right: 1rem;
    padding: 0.2rem 0.5rem;
    width: 25px;
    height: 25px;
    line-height: 1;
    font-size: 16px;
    background-color: #225D84;
    color: #fff;
    border-radius: 60px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.04);
}

.cpsimpleform .hovereditmode:hover .formqedlink {
    display: inline-block;
}

.cpsimpleform .hovereditmode .formqedlink a { color: #fff; }

.cpsimpleform .hovereditmode .formqedlink .material-icons {
    font-size: 16px;
    margin-left: -0.15rem;
    line-height: 1.2;
}

.cpcommontoast {
    min-width: 250px;
    max-width: 100%;
    top: 0.5rem;
    right: 0.5rem;
    position: fixed !important;
    padding-right: 3rem;
    /* display: none; */
    transition: top 0.3s ease;
}


@media all and (min-width: 480px) {

    .cpdefault {
        position: relative;
        display: flex;
    }

    dl.cpdefault {
        display: block;
    }

    .cpdefault.dragqueen .cpdragwrap {
        border: 1px dashed rgba(0,0,0,0.5);
    }

    .cpdefault.dragqueen .cpdragwrap:not(:first-of-type) {
        border-left: none;
    }

    .cpdefault .cpdragwrap {
        border: 1px dashed transparent;
        display: inline-block;
        vertical-align: top;
        transition:  all 0.2s linear;
    }

    .cpdefault .cpdragwrap {
        flex-grow: 1;
        flex-basis: 0;
    }

    .cpdefault .cpdragwrap:not(:last-of-type) {
        width: 100%;
    }

    .cpdefault .cpdragwrap:not(.haschildren) {
        width: 0;
        flex: 0;
        max-width: 10px;
    }

    .cpdefault.dragqueen .cpdragwrap {

    }

    .cpdefault.dragqueen .cpdragwrap:last-of-type:not(.haschildren) {
        flex: 1 10px;
        max-width: 10px;
    }

    .cpdefault .dummyfordrag {
        background-color: transparent;
        height: 100%;
        flex: 1;
        padding: 0;
    }

    .cpdefault .cpdragwrap .dummyfordrag.dragOver {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .cpdefault .cpdragwrap.haschildren {

    }

    .cpdefault .wasdragged {
        -webkit-animation-name: fadeoutbg;
        animation: fadeoutbg 2s forwards;
    }

    .cpdefault .wasdragged:before {
        content: "\2714";
        -webkit-animation-name: shake;
        animation: shake 4s forwards;
        position: absolute;
        font-size: 18px;
        top: 6px;
        right: 6px;
        color: #22bb5b;
    }
}

/* Plugin page */
.pluginadminbar .qftable td[style] {
    background-color: transparent !important;
    border-bottom: 1px solid #cecece;
}

.pluginadminbar .qftable td[style] b {
    font-size: 120%;
}

.pluginadminbar .qftable td {
    text-align: left;
    display: block;
    padding: 0;
}

.pluginadminbar .qftable td:last-child {
    margin-bottom: 0.5rem;
}

.pluginadminbar .qftable td input {
    margin-right: 0.5rem;
    margin-left: 2rem;
}

.pluginadminbar .qftable td input.large {
    width: 90%;
    max-width: 100%;
}

.pluginadminbar .qftable td textarea.large {
    width: 90%;
    min-height: 250px;
}

.pluginadminbar .qftable .formlabel {
    width: auto;
    font-weight: bold;
}

/* check data-whatinput to determine if we have loaded foundation */
body:not([data-whatinput]) .pluginadminbar .qftable input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    margin: 0.3rem 0 0.5rem;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color 0.25s ease-out,color 0.25s ease-out;
    font-family: inherit;
    font-size: .9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #1779ba;
    color: #fefefe;
}

/* for tall reveals on small screens */
@media all and (max-width: 40em) {
    .cpcommonajaxdialog.reveal {
        overflow: scroll !important;
    }
}

/* standalone template */

body.standalone .reveal {
    border-radius: 6px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
body.standalone .button,
body.standalone input {
    border-radius: 3px;
}

body.standalone.narrowbody {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */ /* Use this to also center vertically */
    min-height: 100%;
}

body.standalone.narrowbody .standalone-content {
    max-width: 640px;
    width: 100%;
    min-height: 100%;
}

body.standalone.narrowbody .standalone-logo-wrapper{
    text-align: center;
}

.standalone-content {
    padding: 0.5rem 1rem;
    margin: 0.5rem 1rem;
    min-height: 400px;
}

.standalone-content .standalone-logo-wrapper img {
    max-height: 100px;
}

.standalone-content .logocell img {
    max-height: 75px;
    width: auto;
    margin-bottom: 1rem;
}

.standalone-card {
    border-radius: 12px;
    padding: 2rem;
    background-color: #fefefe;
}

.soft-box-shadow {
    border: 1px solid #f9f9f9;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02),
                0 2px 4px rgba(0,0,0,0.02),
                0 4px 8px rgba(0,0,0,0.02),
                0 8px 16px rgba(0,0,0,0.02),
                0 16px 32px rgba(0,0,0,0.02),
                0 32px 64px rgba(0,0,0,0.02);
}

.standalone .cookietext {
    color: gray;
    font-size: 75%;
}

html { height: 100%; }
.standalone.content-absolute-centered {
    position: relative;
    height: 100%;
}

.standalone.content-absolute-centered .standalone-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.standalone.content-absolute-centered .standalone-content .rplogo {
    margin: 1rem;
}

@media all and (max-width: 40em) {
        .standalone-content {
            padding: 0.1rem;
            margin: 0.1rem;
        }
        .standalone-card {
            border-radius: 6px;
            padding: 0.7rem;
        }
}

.standalone .cpselementcontainer {
    margin-bottom: 15px;
}
.standalone .cpsimpleform .cpstextheading {
    font-weight: 800;
}

.standalone select,
	.standalone input,
	.standalone [type="text"],
	.standalone [type="password"],
	.standalone [type="date"],
	.standalone [type="datetime"],
	.standalone [type="datetime-local"],
	.standalone [type="month"],
	.standalone [type="week"],
	.standalone [type="email"],
	.standalone [type="number"],
	.standalone [type="search"],
	.standalone [type="tel"],
	.standalone [type="time"],
	.standalone [type="url"],
	.standalone [type="color"],
	.standalone textarea {
//    display: unset;
//    width: unset;
//    margin: unset;
}

.cpcommonajaxmodalpayload .staform-form.layout-type-xygrid [type="text"],
.cpcommonajaxmodalpayload .staform-form.layout-type-xygrid [type="tel"],
.cpcommonajaxmodalpayload .staform-form.layout-type-xygrid [type="email"] {
    display: block; /* for use in form.json based forms in popview */
}

.standalone [type="date"] {
    display: inline-block; /* fix for date field display type */
}
.standalone select.large, .standalone input.large, .standalone textarea.large {
    width: 100%;
}
.standalone select.medium, .standalone input.medium, .standalone textarea.medium {
    width: 55%;
}
.standalone select.small, .standalone input.small, .standalone textarea.small {
    width: 27%;
}
.standalone select.tiny, .standalone input.tiny, .standalone textarea.tiny {
    width: 15%;
}
.standalone fieldset {
    border: 1px solid #eee;
    padding: 0.7rem;
    margin: unset;
}
.standalone legend {
    font-size: 115%;
    padding: 0px 1rem;
}
.standalone .qwrpeloptions {
    font-weight: 800;
}
.standalone .cpsstatictext {
    color: gray;
}
.standalone .standalone-footercontent {
    margin: 0 1rem;
    padding: 1rem 2rem;
    color: #656565;
}
.standalone footer a {
    color: #ccc;
    font-size: 80%;
}

.standalone h1,
.standalone h2,
.standalone h3,
.standalone h4,
.standalone h5,
.standalone h6 {
    font-weight: 600;
    color: #444;
}

.standalone h1,
.standalone .loginheader {
    font-size: 2rem;
}

.standalone h2 { font-size: 1.6rem; }
.standalone h3 { font-size: 1.3rem; }
.standalone h4 { font-size: 1.2rem; }

.standalone .standalone-logo-wrapper {
    padding: 0 1rem 1rem;
}

.standalone .standalone-logo {
    max-width: 200px;
    max-height: 150px;
}


/* /standalone styles */



.caleventrepeatmsg {
    font-size: 80%;
    color: #cecece;
}
.caleventicallink {
    max-width: 4em !important;
    text-align: right;
    padding-right: 0.5em;
}



.onlyforprint {
      display: none;
}


table.plaintable,
#cpcprofilingtab,
#cpcprofilingtabXx {
    font-size: 13px;
    width: auto;
}

#cpcprofilingtab th,
#cpcprofilingtab td,
#cpcprofilingtabXx th,
#cpcprofilingtabXx td,
table.plaintable th,
table.plaintable td {
    padding: 3px 6px;
}

table.plaintable input[type="text"],
table.plaintable select {
    font-size: 13px;
    padding: 3px 6px;
    height: auto;
}

@media print {
        .noprint {
            display: none;
        }
        .onlyforprint {
            display: inline-block;
        }
        div.onlyforprint, section.onlyforprint {
            display: block;
        }
        .standalone-content {
            padding: unset;
            margin: unset;
        }
        .soft-box-shadow {
            border: 0;
            box-shadow: unset;
        }
        a {
            text-decoration: none;
            color: black;
        }
        footer{
            position: fixed;
            bottom: 0;
            margin: 0 auto;
            text-align: center;
        }
}


#cpcprofilingtab, .plaintable {

}

button.filepickerbtn {
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    padding: 3px;
    background-color: #fafafa;
    border: 1px solid #757575;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 0.3rem !important;
    line-height: 1 !important;
    transition: all 0.2s ease;
}

button.filepickerbtn svg {
    width: 100%;
    height: 100%;
}    

button.filepickerbtn: hover {
    background-color: #f2f2f2;
}
    
.articlearchive .datehead .weekhead {
    font-weight: 600;
}

.articlearchive .publishedto {
    font-style: italic;
}

.animated-loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #c0c0c0;
  background: -moz-linear-gradient(left, #c0c0c0 10%, rgba(97,97,97, 0) 42%);
  background: -webkit-linear-gradient(left, #c0c0c0 10%, rgba(97,97,97, 0) 42%);
  background: -o-linear-gradient(left, #c0c0c0 10%, rgba(97,97,97, 0) 42%);
  background: -ms-linear-gradient(left, #c0c0c0 10%, rgba(97,97,97, 0) 42%);
  background: linear-gradient(to right, #c0c0c0 10%, rgba(97,97,97, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.animated-loader:before {
  width: 50%;
  height: 50%;
  background: #c0c0c0;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.animated-loader:after {
  background: #ffffff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.animated-loader-2 {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.animated-loader-2:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* old form */

.formpaymentwrapper .form-paymentselect-options {
    padding: 1rem;
    margin-bottom: 1rem;
}

.formpaymentwrapper .form-paymentselect-options .form-paymentselect-option {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #cecece;
}

.form-paymentselect-option-heading {
    /* font-size: 18px; */
}

.formpaymentwrapper .form-payment-logos {
    text-align: center;
}


.byline {
    font-size: 80%;
    color: gray;
}

.byline a, .byline a:visited {
    color: gray;
}

.text-truncate {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}
span.text-truncate, a.text-truncate {
    display: inline-block;
}
table .text-truncate {
    max-width: 98% !important;
}


/* template properties edit */

.propeditdialog .payload {
    padding: 2rem;
    max-height: 75vh;
    overflow-y: scroll;
}

.propeditdialog .payload fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.propeditdialog .payload fieldset legend {
    margin: 0 0 1rem 0;
    padding: 0;
}

.propeditdialog .payload form .cpstextheading {
    font-weight: 600;
    color: #454545;
}

.propeditdialog .payload form input[type="text"] {
    margin-bottom: 1rem;
}

.staform-form:not(.layout-type-xygrid) input[type="text"],
.staform-form:not(.layout-type-xygrid) input[type="email"],
.staform-form:not(.layout-type-xygrid) input[type="number"],
.staform-form:not(.layout-type-xygrid) input[type="tel"],
.staform-form:not(.layout-type-xygrid) input[type="password"],
.staform-form:not(.layout-type-xygrid) input[type="date"],
.staform-form:not(.layout-type-xygrid) input[type="time"],
.staform-form:not(.layout-type-xygrid) input[type="file"],
.staform-form:not(.layout-type-xygrid) textarea {
    margin-bottom: 0.8rem;
}

.staform-form input + .help-text,
.staform-form textarea + .help-text {
    color: #757575;
}

.staform-form fieldset {
    margin-bottom: 12px;
}

.staform-form.layout-type-xygrid .help-text {
    margin-top: 0;
    display: inline;
}

.staform-form .form-error {
    margin-top: 0;
}


.staform-form .staform-field-container {
    margin-bottom: 12px;
}
.staform-form .staform-field-label {
    font-size: 1rem;
    font-weight: 500;
}
.staform-form .field-ingress {
    font-size: 0.95rem;
}
.staform-form .staform-field-image,
.staform-form .staform-field-file {
    font-size: 0.95rem;
}
.staform-form div.staform-field-label {
    /* label ser ut til aa ligge i _label.scss...  arnt h */
    /* font-size: 0.875rem; */
}

.staform-form:not(.layout-type-xygrid) .staform-field.layout-horizontal label,
.staform-form:not(.layout-type-xygrid) .staform-field.layout-horizontal input,
.staform-form:not(.layout-type-xygrid) .staform-field.layout-horizontal .staform-field-label,
.staform-form:not(.layout-type-xygrid) .staform-fieldset.fieldset-layout-horizontal label,
.staform-form:not(.layout-type-xygrid) .staform-fieldset.fieldset-layout-horizontal input,
.staform-form:not(.layout-type-xygrid) .staform-fieldset.fieldset-layout-horizontal .staform-field-label
{ 
    display: inline-block;
}

.staform-form:not(.layout-type-xygrid) .staform-field.layout-horizontal label,
.staform-form:not(.layout-type-xygrid) .staform-field.layout-horizontal .staform-field-label,
.staform-form:not(.layout-type-xygrid) .staform-fieldset.fieldset-layout-horizontal label,
.staform-form:not(.layout-type-xygrid) .staform-fieldset.fieldset-layout-horizontal .staform-field-label
{
    text-align: right;
    margin-bottom: 0.8rem;
}
.staform-form:not(.layout-type-xygrid) .staform-field.layout-horizontal label:not(.foroption),
.staform-form:not(.layout-type-xygrid) .staform-field.layout-horizontal .staform-field-label,
.staform-form:not(.layout-type-xygrid) .staform-fieldset.fieldset-layout-horizontal label:not(.foroption) {
    width: 120px;
}

.staform-form:not(.layout-type-xygrid) .staform-field.layout-horizontal .grid-x label, 
.staform-form:not(.layout-type-xygrid) .staform-fieldset.fieldset-layout-horizontal label {
    width: auto;
}


.staform-form .options-horizontal .staform-option-wrapper {
    display: inline-block;
}

.staform-form .staform-field-subtitle {
    font-size: 0.6rem;
    color: #555555;
}

.staform-form .staform-fieldgroup-ingress {
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: #4a4a4a;
}

.staform-form .icon-toggler {
  position: relative;
  text-align: center; 
}

.icon-toggler [type="checkbox"],

.icon-toggler [type="radio"] {
    position: absolute;
    opacity: 0; 
}
.icon-toggler [type="checkbox"] + label svg,
.icon-toggler [type="radio"] + label svg {
      color: rgba(10, 10, 10, 0.25);
      width: 26px;
      height: 26px;
      margin-right: 0.5rem;
      vertical-align: middle;
      transition: all 0.2s ease; 
}

.icon-toggler [type="checkbox"]:checked + label,
.icon-toggler [type="radio"]:checked + label {
      background-color: rgba(58, 219, 118, 0.1);
      color: #3a3a3a; 
}
.icon-toggler [type="checkbox"]:checked + label:hover,
.icon-toggler [type="radio"]:checked + label:hover {
        background-color: rgba(58, 219, 118, 0.15); 
}
.icon-toggler [type="checkbox"]:checked + label svg,
.icon-toggler [type="radio"]:checked + label svg {
      color: #3adb76; 
}
.icon-toggler label {
    /* width: 100%; */
    padding: 0.6rem 1.1rem 0.6rem 0.6rem;
    margin: 0 0.4rem 0.8rem 0;
    border-radius: 14px;
    /* background-color: rgba(254, 254, 254, 0.35); */
    background-color: #fefefe;
    line-height: 1.1;
    /* color: #555; */
    color: #333;
    font-size: 0.875rem;
    font-weight: normal;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
    display: inline-block;
}
.icon-toggler label:hover {
      /* background-color: rgba(254, 254, 254, 0.25); */
      background-color: #fff;
}
.icon-toggler label .fi-check {
    margin-right: 0.33rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.icon-toggler input:checked + label .fi-check {
    opacity: 1;
}

.staform-form .layout-vertical label {
    display: block;
}

.staform-field.large { width: 100%; max-width: 480px; }
.staform-field.medium { width: 100%; max-width: 280px; }
.staform-field.small { width: 100%; max-width: 150px; }
.staform-field.tiny { width: 100%; max-width: 50px; }

.staform-dynamicgroup-cloned {
    border-top: 1px solid rgba(0,0,0,0.2);
    padding-top: 1rem;
}

:root {
    --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
    --ck-color-mention-text: hsl(341, 100%, 30%);
    --ck-color-table-caption-background: hsl(0, 0%, 97%);
    --ck-color-table-caption-text: hsl(0, 0%, 20%);
    --ck-highlight-marker-blue: hsl(201, 97%, 72%);
    --ck-highlight-marker-green: hsl(120, 93%, 68%);
    --ck-highlight-marker-pink: hsl(345, 96%, 73%);
    --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
    --ck-highlight-pen-green: hsl(112, 100%, 27%);
    --ck-highlight-pen-red: hsl(0, 85%, 49%);
    --ck-image-style-spacing: 1.5em;
    --ck-todo-list-checkmark-size: 16px;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
    background-color: var(--ck-highlight-marker-green);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
    color: var(--ck-highlight-pen-red);
    background-color: transparent;
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
    color: var(--ck-highlight-pen-green);
    background-color: transparent;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
    font-size: .7em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
    font-size: .85em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
    font-size: 1.4em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
    font-size: 1.8em;
}
/* ckeditor5-image/theme/image.css */
.ck-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto;
}
/* ckeditor5-image/theme/image.css */
.ck-content .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 50px;
}
/* ckeditor5-image/theme/imagecaption.css */
.ck-content .image &gt; figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: hsl(0, 0%, 20%);
    background-color: hsl(0, 0%, 97%);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}
/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
    width: 100%;
}
/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized &gt; figcaption {
    display: block;
}
/* ckeditor5-language/theme/language.css */
.ck-content span[lang] {
    font-style: italic;
}
/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
    padding: 1em;
    color: hsl(0, 0%, 20.8%);
    background: hsla(0, 0%, 78%, 0.3);
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px;
}
/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
    background: unset;
    padding: 0;
    border-radius: 0;
}
/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
    margin: 15px 0;
    height: 4px;
    background: hsl(0, 0%, 87%);
    border: 0;
}
/* ckeditor5-html-embed/theme/htmlembed.css */
.ck-content .raw-html-embed {
    margin: 1em auto;
    min-width: 15em;
    font-style: normal;
}
/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: solid 5px hsl(0, 0%, 80%);
}
/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
    border-left: 0;
    border-right: solid 5px hsl(0, 0%, 80%);
}
/* ckeditor5-basic-styles/theme/code.css */
.ck-content code {
    background-color: hsla(0, 0%, 78%, 0.3);
    padding: .15em;
    border-radius: 2px;
}
/* ckeditor5-table/theme/table.css */
.ck-content .table {
    margin: 1em auto;
    display: table;
}
/* ckeditor5-table/theme/table.css */
.ck-content .table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double hsl(0, 0%, 70%);
}
/* ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
    min-width: 2em;
    padding: .4em;
    border: 1px solid hsl(0, 0%, 75%);
}
/* ckeditor5-table/theme/table.css */
.ck-content .table table th {
    font-weight: bold;
    background: hsla(0, 0%, 0%, 5%);
}
/* ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
    text-align: right;
}
/* ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
    text-align: left;
}
/* ckeditor5-table/theme/tablecaption.css */
.ck-content .table &gt; figcaption {
    display: table-caption;
    caption-side: top;
    word-break: break-word;
    text-align: center;
    color: var(--ck-color-table-caption-text);
    background-color: var(--ck-color-table-caption-background);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
    position: relative;
    clear: both;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
    content: '';
    position: absolute;
    border-bottom: 2px dashed hsl(0, 0%, 77%);
    width: 100%;
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
    position: relative;
    z-index: 1;
    padding: .3em .6em;
    display: block;
    text-transform: uppercase;
    border: 1px solid hsl(0, 0%, 77%);
    border-radius: 2px;
    font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 0.75em;
    font-weight: bold;
    color: hsl(0, 0%, 20%);
    background: hsl(0, 0%, 100%);
    box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
    clear: both;
    margin: 1em 0;
    display: block;
    min-width: 15em;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
    list-style: none;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
    margin-bottom: 5px;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
    margin-top: 5px;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label &gt; input {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: var(--ck-todo-list-checkmark-size);
    height: var(--ck-todo-list-checkmark-size);
    vertical-align: middle;
    border: 0;
    left: -25px;
    margin-right: -15px;
    right: 0;
    margin-left: 0;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label &gt; input::before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid hsl(0, 0%, 20%);
    border-radius: 2px;
    transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label &gt; input::after {
    display: block;
    position: absolute;
    box-sizing: content-box;
    pointer-events: none;
    content: '';
    left: calc( var(--ck-todo-list-checkmark-size) / 3 );
    top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
    width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
    height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
    border-style: solid;
    border-color: transparent;
    border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
    transform: rotate(45deg);
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label &gt; input[checked]::before {
    background: hsl(126, 64%, 41%);
    border-color: hsl(126, 64%, 41%);
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label &gt; input[checked]::after {
    border-color: hsl(0, 0%, 100%);
}
/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
    vertical-align: middle;
}
/* ckeditor5-mention/theme/mention.css */
.ck-content .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text);
}
@media print {
    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break {
        padding: 0;
    }
    /* ckeditor5-page-break/theme/pagebreak.css */
    .ck-content .page-break::after {
        display: none;
    }
}
.ck .ck-accordion {
    margin: 0 0 1rem 0;
    padding: 0;
    list-style: none;
    border: 3px solid #f0f0f0;
}
.ck .ck-accordion:before {
    content: "ACCORDION";
    font-size: 0.6rem;
    letter-spacing: 0.03rem;
    font-weight: 500;
    color: #fefefe;
    background-color: #ccc;
    padding: 3px 7px;
    border-radius: 3px 3px;
    right: 0;
    position: absolute;
    z-index: 15;
}
.ck .ck-accordion-title {
    display: block;
    background-color: #f0f0f0;
    padding: 0.5rem;
    color: #0a0a0a;
    font-weight: 500;
}
.ck .ck-accordion-content {
    padding: 0.5rem;
}
.ck-content ul.accordion,
.ck-content ul.los {
    list-style-type: none;
}
/* CKEditor custom elements */

.viewareacontent .callout p:last-child,
.viewareacontent .callout ul:last-child {
    margin-bottom: 0;
}

/* STA minimum header bar*/

.sta-minimum-header {
    padding: 0.45rem;
    background-color: #fefefe;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 2%), 0 2px 4px rgb(0 0 0 / 2%), 0 4px 8px rgb(0 0 0 / 2%), 0 8px 16px rgb(0 0 0 / 2%), 0 16px 32px rgb(0 0 0 / 2%), 0 32px 64px rgb(0 0 0 / 2%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 2%), 0 2px 4px rgb(0 0 0 / 2%), 0 4px 8px rgb(0 0 0 / 2%), 0 8px 16px rgb(0 0 0 / 2%), 0 16px 32px rgb(0 0 0 / 2%), 0 32px 64px rgb(0 0 0 / 2%);
}

.statooltip-created {
    box-shadow: 0 0 5px #ffeb3b !important;
}

.datatablejs .click, .datatablejs .clickable {
    cursor: pointer;
}
.datatablejs .click:hover, .datatablejs .clickable:hover {
    text-decoration: underline;
}
.datatablejs .clickcontext:not(.click) {
    cursor: context-menu;
}
.datatablejs .dragsortcell {
    cursor: grab;
}
.datatablejs .dragsortcell:active {
    cursor: grabbing;
}
.datatablejs td[contenteditable="true"] {
			box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
			/*
			padding: 0.5rem;
			margin-left: -0.5rem;
			margin-right: -0.5rem;
			margin-top: -0.75rem;
			*/
}
.datatablejs td.partisdirty {
			// box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
			border: 1px solid orange;
}

.datatablejs tr.opacity-10 {
    color: rgba(0,0,0,0.1);
}

.datatablejs tr.opacity-20 {
    color: rgba(0,0,0,0.2);
}

.datatablejs tr.opacity-30 {
    color: rgba(0,0,0,0.3);
}
.datatablejs tr.opacity-40 {
    color: rgba(0,0,0,0.4);
}

.datatablejs tr.opacity-50 {
    color: rgba(0,0,0,0.5);
}

.datatablejs tr.opacity-60 {
    color: rgba(0,0,0,0.6);
}

.datatablejs tr.opacity-70 {
    color: rgba(0,0,0,0.7);
}

.datatablejs tr.opacity-80 {
    color: rgba(0,0,0,0.8);
}

.datatablejs tr.opacity-90 {
    color: rgba(0,0,0,0.9);
}

.datatablejs tr[class*="opacity-"]:hover {
    color: #0a0a0a;
}




/* tooltip and Tour js hack for centered orphaned tips */
.popover[class*="tour-"].orphan {
    left: 50% !important;
    top: 50% !important;
    margin-top: 0;
    position: fixed !important;
    transform: translate(-50%, -50%) !important;
}
body .tour-backdrop {
    opacity: 0.4;
}

/* cp popover */

.cp-popover {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
    background-color: #fefefe;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    z-index: 25;
    min-width: 40;
}
.cp-popover:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 13px 15px;
    border-color: transparent transparent #fefefe transparent;
    position: absolute;
    top: -13px;
    /* left: calc(50% - 15px); */
    /* left: attr(data-arrowx); */
    left: var(--tooltip-left);
    /* content: attr(data-arrowx); */
}

.cp-popover .payload {
    position: relative;
}
.cp-popover .payload .cp-popover-wait {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.cp-popover .payload .cp-popover-wait .animated-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.highlighted {
/*    background-color: red !important; */
}

/**
 * CKEditor CSS tweaks
 */
.editorheight3 + .ck-editor .ck-content {
    max-height: 95px;
    min-height: 95px;
}
.editorheight6 + .ck-editor .ck-content {
    max-height: 170px;
    min-height: 170px;
}
.editorheight9 + .ck-editor .ck-content {
    max-height: 250px;
    min-height: 250px;
}
.editorheight12 + .ck-editor .ck-content {
    max-height: 325px;
    min-height: 325px;
}
.editorheight15 + .ck-editor .ck-content {
    max-height: 400px;
    min-height: 400px;
}
.editorheight18 + .ck-editor .ck-content {
    max-height: 480px;
    min-height: 480px;
}
.editorheight21 + .ck-editor .ck-content {
    max-height: 555px;
    min-height: 555px;
}

/**
 * Foundation utilities
 */
.show-for-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}

/**
 * STA Login / signup form
 */
.reveal .loginbox {
    padding: 2rem;    
}

@media all and (min-width: 40em) {
    .reveal .loginbox {
        padding: 2.5rem;
    }
}

.reveal .loginbox label {
    font-size: 1rem;
    font-weight: 500;
    color: #6a6a6a;
    margin-bottom: 1rem;
}

.reveal .loginbox label input[type="text"],
.reveal .loginbox label input[type="password"] {
    margin: 4px 0;
    height: auto;
    font-size: 1.1rem;
    width: 100%;
}

/**
 * EDOP toggle switch
 */
  .checkbox-wrapper-3 input[type="checkbox"] {
    visibility: hidden;
    display: none;
  }

  .checkbox-wrapper-3 .toggle {
    position: relative;
    display: block;
    width: 40px;
    height: 20px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-3 .toggle:before {
    content: "";
    position: relative;
    top: 3px;
    left: 3px;
    width: 34px;
    height: 14px;
    display: block;
    background: #9A9999;
    border-radius: 8px;
    transition: background 0.2s ease;
  }
  .checkbox-wrapper-3 .toggle span {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    display: block;
    background: white;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
    transition: all 0.2s ease;
  }
  .checkbox-wrapper-3 .toggle span:before {
    content: "";
    position: absolute;
    display: block;
    margin: -18px;
    width: 56px;
    height: 56px;
    background: rgba(79, 46, 220, 0.5);
    border-radius: 50%;
    transform: scale(0);
    opacity: 1;
    pointer-events: none;
  }

  .checkbox-wrapper-3 input[type="checkbox"]:checked + .toggle:before {
    background: #947ADA;
  }
  .checkbox-wrapper-3 input[type="checkbox"]:checked + .toggle span {
    background: #4F2EDC;
    transform: translateX(20px);
    transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
    box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
  }
  .checkbox-wrapper-3 input[type="checkbox"]:checked + .toggle span:before {
    transform: scale(1);
    opacity: 0;
    transition: all 0.4s ease;
  }


/**
 * Oauth buttons
 */

.button.ms-style {
    background-image: url('/afwstandalone/images/microsoft-logo.svg');
    background-repeat: no-repeat;
    background-position: 12px;
    padding-left: calc(24px + 21px);
    background-color: #ffffff;
    border: 1px solid #8c8c8c;
    border-radius: 0 !important;
    color: #5e5e5e;
    font-family: Segoe-UI, sans-serif;
    font-size: 15px;
    font-weight: 600;
}

@media (prefers-color-scheme: dark) {
    .button.ms-style {
        background-color: #2f2f2f;
        color: #ffffff;
        border: none;
    }
}

.article-drag-handle {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0.5rem;
    text-align: center;
    display: block;
}




.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

</pre></body></html>