/* ---------------- css variables -------- */
:root {
    --veracity-color-green: #1CB052;
    --veracity-color-blue: #1B43BD;
    --veracity-color-darkblue: #0B225B;
    --veracity-color-softblue: #1B43BD77;
    --veracity-color-hoverblue: #1B43BD28;
    --veracity-color-warningred: #FF5555;
    --veracity-color-disabled: #888888;
    --veracity-color-privateinfo: #AAAAAA;
    --veracity-color-saveorange: #FCA306;
    --veracity-color-alertorange: #FCA306;
    --veracity-color-secondarypurple: #B242B2;
}
/* ---------------- fonts ---------------- */
@font-face {
    font-family: "Poppins";
    src: url("/webfonts/poppins-normal.woff2") format("woff2");
    font-display:auto;
    font-style:normal;
    font-weight:400;
    font-stretch:normal;
}
@font-face {
    font-family: "Poppins";
    src: url("/webfonts/poppins-bold.woff2") format("woff2");
    font-display:auto;
    font-style:normal;
    font-weight:700;
    font-stretch:normal;
}
@font-face {
    font-family: "Poppins";
    src: url("/webfonts/poppins-italic.woff2") format("woff2");
    font-display:auto;
    font-style:italic;
    font-weight:400;
    font-stretch:normal;
}
@font-face {
    font-family: "Poppins";
    src: url("/webfonts/poppins-bolditalic.woff2") format("woff2");
    font-display:auto;
    font-style:italic;
    font-weight:700;
    font-stretch:normal;
}
textarea {
  font-family: inherit;
  outline: none;
}
/* ---------------- elements ---------------- */
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
}
a {
    color: unset;
    text-decoration: unset;
}
h1 {
    color: #1B43BD;
    font-size: 44px;
    font-weight: bold;
}
h2 {
    color: #1B43BD;
    font-size: 30px;
    font-weight: bold;
}
h3 {
    color: #1B43BD;
}
h4 {
    color: #1B43BD;
}
/* ---------------- errors ---------------- */
#blazor-error-ui {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 7;
    padding: 1.5em;
    background-color: #FFCCCC;
    color: #990000;
}
#blazor-error-ui > .reload {
    color: #1B43BD;
    text-decoration: underline;
}
/* ---------------- notfound ---------------- */
.notfound {
    text-align: center;
    margin-top: 50px;
}
.notfound > .title {
    color: #1B43BD;
    font-size: 40px;
}
.notfound > .description {
    color: #333333;
    margin-top: 25px;
}
.notfound > .link {
    text-decoration: underline;
    margin-top: 25px;
}
/* ---------------- login ---------------- */
.veracityloginscreen {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}
.veracityloginscreen > .veracity-pagefooter {
    margin-top: auto;
}
.veracitylogintopspacer {
    height: 75px;
}
/* ---------------- common ---------------- */
.veracitycontrol {
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0px 0px 3px 0px #1B43BD;
    outline: none;
}
.veracitybtnprimary {
    border-style: none;
    background-color: #1B43BD;
    color: white;
    font-size: x-large;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.1s;
}
.veracitybtnprimary:hover {
    background-color: rgba(27, 67, 189, 0.8);
}
.veracitytbxprimary {
    border: 2px solid #1B43BD;
    font-size: larger;
}
.veracitywidth200 {
    width: 200px;
}
.veracitywidth300 {
    width: 300px;
}
.veracitytextred {
    color: red;
}
.veracitytextgray {
    color: #000000A0;
}
.veracitytextlarge {
    font-size: x-large;
    font-weight: bold;
}
.veracityspacer10 {
    margin: 10px;
}
.veracitypushdown10 {
    margin-top: 10px;
}
.veracitypushdown16 {
    margin-top: 16px;
}
.veracitypushdown25 {
    margin-top: 25px;
}
.veracitypushdown50 {
    margin-top: 50px;
}
.veracitybackgroundtriangles {
    background-image: url("/img/veracity-triangles.svg");
    background-repeat: no-repeat;
    background-position-x: 80px;
    background-position-y: -12px;
}
.veracitycontainerwide {
    padding-left: 5%;
    padding-right: 5%;
}
.veracitycontainerwide3 {
    padding-left: 3%;
    padding-right: 3%;
}
.veracitycontainerwider {
    padding-left: 2%;
    padding-right: 2%;
}
.veracitydividerline {
    background-color: #1B43BD;
    border-radius: 2px;
    height: 3px;
    box-shadow: 0px 0px 1px 0px #1B43BD;
}
.veracityhidden {
    visibility: hidden;
}
.veracitydisplaynone {
    display: none;
}
.veracitydisplayunset {
    display: unset;
}
.veracitynowrap {
    white-space: nowrap;
}
.veracityroundedframe10 {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
}
.veracityroundedframe5 {
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 5px;
    box-sizing: border-box;
}
.veracitytitle {
    color: #1B43BD;
    font-size: 44px;
    font-weight: bold;
    padding-left: 5px;
}
.veracityfailure {
    text-align: center;
}
/* ---------------- commonbutton ---------------- */
.veracitycommonbutton {
    outline: none;
    transition: background-color 0.1s, border 0.1s, box-shadow 0.1s;
}
.veracitycommonbutton.enabled {
    cursor: pointer;
    user-select: none;
}
.veracitycommonbutton.kind1 {
    background-color: #1B43BD;
    border: 1px solid #1B43BD;
    box-shadow: 0px 0px 3px 0px #1B43BD;
    color: white;
}
.veracitycommonbutton.enabled.kind1:hover {
    background-color: #1B43BDC0;
    border: 1px solid #1B43BDC0;
    box-shadow: 0px 0px 3px 0px #1B43BDC0;
}
.veracitycommonbutton.kind1.disabled {
    background-color: #BBBBBB;
    border: 1px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: white;
}
.veracitycommonbutton.kind2 {
    background-color: #FCA306;
    border: 1px solid #FCA306;
    box-shadow: 0px 0px 3px 0px #FCA306;
    color: white;
}
.veracitycommonbutton.enabled.kind2:hover {
    background-color: #FCA306C0;
    border: 1px solid #FCA306C0;
    box-shadow: 0px 0px 3px 0px #FCA306C0;
}
.veracitycommonbutton.kind2.disabled {
    background-color: #BBBBBB;
    border: 1px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: white;
}
.veracitycommonbutton.kind3 {
    background-color: white;
    border: 1px solid white;
    box-shadow: 0px 0px 3px 0px #1B43BD;
    color: #1B43BD;
}
.veracitycommonbutton.enabled.kind3:hover {
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 3px 0px #1B43BDC0;
}
.veracitycommonbutton.kind3.disabled {
    background-color: white;
    border: 1px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: #BBBBBB;
}
.veracitycommonbutton.kind4 {
    background-color: white;
    border: 1px solid #1CB05280;
    box-shadow: 0px 0px 3px 0px #1CB05280;
    color: #1CB05280;
}
.veracitycommonbutton.enabled.kind4:hover {
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 3px 0px #1B43BDC0;
}
.veracitycommonbutton.kind4.disabled {
    background-color: white;
    border: 1px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: #BBBBBB;
}
.veracitycommonbutton.kind5 {
    background-color: #FF5555;
    border: 1px solid #FF5555;
    box-shadow: 0px 0px 3px 0px #FF5555;
    color: white;
}
.veracitycommonbutton.enabled.kind5:hover {
    background-color: #FF5555C0;
    border: 1px solid #FF5555C0;
    box-shadow: 0px 0px 3px 0px #FF5555C0;
}
.veracitycommonbutton.kind5.disabled {
    background-color: #BBBBBB;
    border: 1px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: white;
}
.veracitycommonbutton.kind6 {
    background-color: #B242B2;
    border: 1px solid #B242B2;
    box-shadow: 0px 0px 3px 0px #B242B2;
    color: white;
}
.veracitycommonbutton.enabled.kind6:hover {
    background-color: #B242B2C0;
    border: 1px solid #B242B2C0;
    box-shadow: 0px 0px 3px 0px #B242B2C0;
}
.veracitycommonbutton.kind6.disabled {
    background-color: #BBBBBB;
    border: 1px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: white;
}
.veracitycommonbutton.kind7 {
    background-color: #1CB052;
    border: 1px solid #1CB052;
    box-shadow: 0px 0px 3px 0px #1CB052;
    color: white;
}
.veracitycommonbutton.enabled.kind7:hover {
    background-color: #1CB052C0;
    border: 1px solid #1CB052C0;
    box-shadow: 0px 0px 3px 0px #1CB052C0;
}
.veracitycommonbutton.kind7.disabled {
    background-color: #BBBBBB;
    border: 1px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: white;
}
.veracitycommonbutton.kind8 {
    background-color: white;
    border: 2px solid #1B43BD;
    box-shadow: 0px 0px 3px 0px #1B43BD;
    color: #1B43BD;
}
.veracitycommonbutton.enabled.kind8:hover {
    background-color: #1B43BD30;
}
.veracitycommonbutton.kind8.disabled {
    border: 2px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: #BBBBBB;
}
.veracitycommonbutton.kind9 {
    background-color: white;
    border: 2px solid #5F83F3;
    box-shadow: 0px 0px 3px 0px #5F83F3;
    color: #5F83F3;
}
.veracitycommonbutton.enabled.kind9:hover {
    background-color: #5F83F330;
}
.veracitycommonbutton.kind9.disabled {
    border: 2px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: #BBBBBB;
}
.veracitycommonbutton.kind10 {
    background-color: white;
    border: 2px solid #0B225B;
    box-shadow: 0px 0px 3px 0px #0B225B;
    color: #0B225B;
}
.veracitycommonbutton.enabled.kind10:hover {
    background-color: #0B225B30;
}
.veracitycommonbutton.kind10.disabled {
    border: 2px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: #BBBBBB;
}
.veracitycommonbutton.kind11 {
    background-color: white;
    border: 2px solid #87D813;
    box-shadow: 0px 0px 3px 0px #87D813;
    color: #87D813;
}
.veracitycommonbutton.enabled.kind11:hover {
    background-color: #87D81330;
}
.veracitycommonbutton.kind11.disabled {
    border: 2px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: #BBBBBB;
}
.veracitycommonbutton.kind12 {
    background-color: #6287F9;
    border: 2px solid #6287F9;
    box-shadow: 0px 0px 3px 0px #6287F9;
    color: white;
}
.veracitycommonbutton.enabled.kind12:hover {
    background-color: #6287F9C0;
}
.veracitycommonbutton.kind12.disabled {
    border: 2px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: white;
}
.veracitycommonbutton.kind13 {
    background-color: #5F83F3;
    border: 2px solid #5F83F3;
    box-shadow: 0px 0px 3px 0px #5F83F3;
    color: white;
}
.veracitycommonbutton.enabled.kind13:hover {
    background-color: #5F83F3C0;
}
.veracitycommonbutton.kind13.disabled {
    border: 2px solid #BBBBBB;
    box-shadow: 0px 0px 3px 0px #BBBBBB;
    color: white;
}
.veracitycommonbutton.size1 {
    border-radius: 5px;
    padding: 5px 15px;
    font-size: medium;
}
.veracitycommonbutton.size2 {
    border-radius: 10px;
    padding: 10px 20px;
    font-size: large;
}
.veracitycommonbutton.size3 {
    border-radius: 12px;
    padding: 12px 30px;
    font-size: larger;
}
.veracitycommonbutton.size4 {
    border-radius: 15px;
    padding: 15px 40px;
    font-size: x-large;
}
.veracitycommonbutton.size5 {
    border-radius: 18px;
    padding: 18px 50px;
    font-size: xx-large;
}
.veracitycommonbuttoniconspacerleft {
    padding-right: 0.4em;
}
.veracitycommonbuttoniconspacerright {
    padding-left: 0.4em;
}
/* ---------------- commonradioframe ---------------- */
.veracity-commonradioframe {
    display: flex;
    gap: 0px;
}
/* ---------------- commonradiobutton2 ---------------- */
.veracity-commonradiobutton2 {
    flex: 1;
    outline: none;
    border: none;
}
.veracity-commonradiobutton2.enabled {
    cursor: pointer;
}
.veracity-commonradiobutton2.selected {
    z-index: 2;
}
.veracity-commonradiobutton2.unselected {
    z-index: 1;
}
.veracity-commonradiobutton2.kind1 {
    font-weight: bold;
    box-shadow: 0px 4px 15px var(--veracity-color-softblue);
    transition: box-shadow 0.3s ease;
}
.veracity-commonradiobutton2.kind1.enabled.unselected:hover {
    background: var(--veracity-color-hoverblue);
}
.veracity-commonradiobutton2.kind1.disabled {
    color: var(--veracity-color-disabled);
}
.veracity-commonradiobutton2.kind1.selected {
    color: var(--veracity-color-blue);
    box-shadow: 0px 4px 15px var(--veracity-color-blue);
}
.veracity-commonradiobutton2.kind1.unselected {
    color: var(--veracity-color-softblue);
}
.veracity-commonradiobutton2.size1 {
    padding: 5px 15px;
    font-size: medium;
}
.veracity-commonradiobutton2.size2 {
    padding: 10px 20px;
    font-size: large;
}
.veracity-commonradiobutton2.size3 {
    padding: 12px 30px;
    font-size: larger;
}
.veracity-commonradiobutton2.size4 {
    padding: 15px 40px;
    font-size: x-large;
}
.veracity-commonradiobutton2.size5 {
    padding: 18px 50px;
    font-size: xx-large;
}
.veracity-commonradiobutton2 .iconspacerleft {
    padding-right: 0.4em;
}
.veracity-commonradiobutton2 .iconspacerright {
    padding-left: 0.4em;
}
/* ---------------- commoncheckbox ---------------- */
.veracitycommoncheckbox {
    outline: none;
    transition: background-color 0.1s, border 0.1s, box-shadow 0.1s;
    box-sizing: border-box;
    appearance: none;
    cursor: pointer;
    user-select: none;
}
.veracitycommoncheckbox.kind1:not(:checked) {
    background-color: #F9F9F9;
    border: 1px solid #A0A0A0;
    box-shadow: 0px 0px 3px 0px #F9F9F9C0;
}
.veracitycommoncheckbox.kind1.disabled:not(:checked) {
    border: 1px solid var(--veracity-color-disabled);
}
.veracitycommoncheckbox.kind1:checked {
    background-color: #1B43BD;
    border: 1px solid #1B43BD;
    box-shadow: 0px 0px 3px 0px #1B43BDC0;
}
.veracitycommoncheckbox.kind1.disabled:checked {
    background-color: var(--veracity-color-disabled);
    border: 1px solid var(--veracity-color-disabled);
}
.veracitycommoncheckbox.kind2:not(:checked) {
    background-color: #EB4C60;
    border: 1px solid #EB4C60;
    box-shadow: 0px 0px 3px 0px #EB4C60;
}
.veracitycommoncheckbox.kind2.disabled:not(:checked) {
    background-color: #EB4C6077;
    border: 1px solid #EB4C6055;
}
.veracitycommoncheckbox.kind2:checked {
    background-color: #1CB052;
    border: 1px solid #1CB052;
    box-shadow: 0px 0px 3px 0px #1CB052;
}
.veracitycommoncheckbox.kind2.disabled:checked {
    background-color: #1CB05277;
    border: 1px solid #1CB05255;
}
.veracitycommoncheckbox.size1 {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    border-radius: 2px;
}
.veracitycommoncheckbox.size2 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    border-radius: 4px;
}
.veracitycommoncheckbox.size3 {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border-radius: 6px;
}
.veracitycommoncheckbox.size4 {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    border-radius: 8px;
}
.veracitycommoncheckbox.size5 {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 10px;
}
.veracitycommoncheckboxcontainer {
    display: flex;
}
.veracitycommoncheckboxlabel {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5px;
}
.veracitycommoncheckboxlabel.disabled {
    color: var(--veracity-color-disabled);
}
.veracitycommoncheckboxlabel.size1 {
    font-size: 8px;
}
.veracitycommoncheckboxlabel.size2 {
    font-size: 16px;
}
.veracitycommoncheckboxlabel.size3 {
    font-size: 24px;
}
.veracitycommoncheckboxlabel.size4 {
    font-size: 32px;
}
.veracitycommoncheckboxlabel.size5 {
    font-size: 40px;
}
/* ---------------- commoncheckbox2 ---------------- */
.veracity-commoncheckbox2 {
    display: flex;
    width: fit-content;
}
.veracity-commoncheckbox2 > .checkboxicon {
    cursor: pointer;
}
.veracity-commoncheckbox2 > .checkboxicon.disabled {
    cursor: default;
}
.veracity-commoncheckbox2 > .checkboxicon.checked {
    color: var(--veracity-color-blue);
}
.veracity-commoncheckbox2 > .checkboxicon.checked.disabled {
    color: var(--veracity-color-softblue);
}
.veracity-commoncheckbox2 > .checkboxicon.not-checked {
    color: black;
}
.veracity-commoncheckbox2 > .checkboxicon.not-checked.disabled {
    color: var(--veracity-color-disabled);
}
.veracitycommoncheckbox.kind1:not(:checked) {
    background-color: #F9F9F9;
    border: 1px solid #A0A0A0;
    box-shadow: 0px 0px 3px 0px #F9F9F9C0;
}
.veracitycommoncheckbox.kind1.disabled:not(:checked) {
    border: 1px solid var(--veracity-color-disabled);
}
.veracitycommoncheckbox.kind1:checked {
    background-color: #1B43BD;
    border: 1px solid #1B43BD;
    box-shadow: 0px 0px 3px 0px #1B43BDC0;
}
.veracity-commoncheckbox2 > .checkboxicon.size1 {
    font-size: 12px;
}
.veracity-commoncheckbox2 > .checkboxicon.size2 {
    font-size: 24px;
}
.veracity-commoncheckbox2 > .checkboxicon.size3 {
    font-size: 36px;
}
.veracity-commoncheckbox2 > .checkboxicon.size4 {
    font-size: 48px;
}
.veracity-commoncheckbox2 > .checkboxicon.size5 {
    font-size: 60px;
}
.veracitycommoncheckboxcontainer {
    display: flex;
}
.veracity-commoncheckbox2 > .label {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5px;
}
.veracity-commoncheckbox2 > .label.disabled {
    color: var(--veracity-color-disabled);
}
.veracity-commoncheckbox2 > .label.size1 {
    font-size: 8px;
}
.veracity-commoncheckbox2 > .label.size2 {
    font-size: 16px;
}
.veracity-commoncheckbox2 > .label.size3 {
    font-size: 24px;
}
.veracity-commoncheckbox2 > .label.size4 {
    font-size: 32px;
}
.veracity-commoncheckbox2 > .label.size5 {
    font-size: 40px;
}
/* ---------------- commondropdown ---------------- */
.veracitycommondropdown {
    display: block;
    cursor: pointer;
}
.veracitycommondropdown .header {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    width: fit-content;
}
.veracitycommondropdown .iconstyle {
    color: gray;
}
.veracitycommondropdown .floatingdropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 5px;
    z-index: 5;
    background: white;
    width: fit-content;
    max-height: 400px;
    overflow-y: auto;
}
.veracitycommondropdown .clickable {
    background-color: white;
    transition: color 0.2s, background-color 0.2s;
    cursor: pointer;
    user-select: none;
}
.veracitycommondropdown .clickable:hover {
    background-color: var(--veracity-color-hoverblue);
}
/* ---------------- commontoggle ---------------- */
.veracitycommontogglecontainer {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}
.veracitycommontoggle {
    position: relative;
    transition: background-color 0.2s;
    cursor: pointer;
    user-select: none;
}
.veracitycommontoggle .slider {
    position: absolute;
    background-color: #FFFFFF;
    transition: left 0.2s;
}
.veracitycommontoggle.kind1.on {
    background-color: #1CB052;
}
.veracitycommontoggle.kind1.off {
    background-color: #EB4C60;
}
.veracitycommontoggle.kind2.on {
    background-color: #1B43BD;
}
.veracitycommontoggle.kind2.off {
    background-color: #AAAAAA;
}
.veracitycommontoggle.size1 {
    border-radius: 10px;
    width: 40px;
    height: 20px;
    min-width: 40px;
    min-height: 20px;
}
.veracitycommontoggle.size1 .slider {
    border-radius: 7px;
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
    top: 3px;
}
.veracitycommontoggle.size1.on .slider {
    left: 22px;
}
.veracitycommontoggle.size1.off .slider {
    left: 3px;
}
.veracitycommontoggle.size2 {
    border-radius: 13px;
    width: 50px;
    height: 25px;
    min-width: 50px;
    min-height: 25px;
}
.veracitycommontoggle.size2 .slider {
    border-radius: 9px;
    width: 17px;
    height: 17px;
    min-width: 17px;
    min-height: 17px;
    top: 4px;
}
.veracitycommontoggle.size2.on .slider {
    left: 28px;
}
.veracitycommontoggle.size2.off .slider {
    left: 5px;
}
.veracitycommontoggle.size3 {
    border-radius: 15px;
    width: 60px;
    height: 30px;
    min-width: 60px;
    min-height: 30px;
}
.veracitycommontoggle.size3 .slider {
    border-radius: 11px;
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    top: 4px;
}
.veracitycommontoggle.size3.on .slider {
    left: 32px;
}
.veracitycommontoggle.size3.off .slider {
    left: 5px;
}
.veracitycommontoggle.size4 {
    border-radius: 18px;
    width: 70px;
    height: 35px;
    min-width: 70px;
    min-height: 35px;
}
.veracitycommontoggle.size4 .slider {
    border-radius: 14px;
    width: 27px;
    height: 27px;
    min-width: 27px;
    min-height: 27px;
    top: 4px;
}
.veracitycommontoggle.size4.on .slider {
    left: 37px;
}
.veracitycommontoggle.size4.off .slider {
    left: 5px;
}
.veracitycommontoggle.size5 {
    border-radius: 20px;
    width: 80px;
    height: 40px;
    min-width: 80px;
    min-height: 40px;
}
.veracitycommontoggle.size5 .slider {
    border-radius: 16px;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    top: 4px;
}
.veracitycommontoggle.size5.on .slider {
    left: 42px;
}
.veracitycommontoggle.size5.off .slider {
    left: 5px;
}
/* --------------- commonlabel --------------*/
.veracity-commonlabel {
    color: var(--veracity-color-blue);
    margin-bottom: 5px;
}
.veracity-commonlabel.kind1 {
}
.veracity-commonlabel.kind2 {
    color: var(--veracity-color-darkblue);
}
.veracity-commonlabel.size1 {
    font-size: 18px;
}
.veracity-commonlabel.size2 {
    font-size: 24px;
}
.veracity-commonlabel.size3 {
    font-size: 30px;
}
.veracity-commonlabel.size4 {
    font-size: 35px;
}
.veracity-commonlabel.size5 {
    font-size: 40px;
}
.veracity-commoninput {
    outline: none;
    border-style: solid;
    border-width: 2px;
    width: 100%;
    box-sizing: border-box;
}
.veracity-commoninput.dateinput {
    font-family: Arial, Helvetica, sans-serif;
}
.veracity-commoninput.kind1 {
    border-color: #666666;
    box-shadow: 0px 0px 3px 0px #666666;
}
.veracity-commoninput.kind2 {
    border-color: #1B43BD;
    box-shadow: 0px 0px 3px 0px #1B43BD;
}
.veracity-commoninput.kind3 {
    border-color: #FF0000;
    box-shadow: 0px 0px 3px 0px #FF0000;
}
.veracity-commoninput.kind4 {
    box-shadow: 0px 4px 15px 0px var(--veracity-color-softblue);
    border: 1px solid var(--veracity-color-softblue);
    color: var(--veracity-color-darkblue);
}
.veracity-commoninput.kind4:disabled {
    color: var(--veracity-color-disabled);
}
.veracity-commoninput.kind5 {
    border: 1px solid var(--veracity-color-darkblue);
    text-align: center;
}
.veracity-commoninput.kind5:disabled {
    color: var(--veracity-color-disabled);
}
.veracity-commoninput.size1 {
    border-radius: 5px;
    height: 20px;
    font-size: 18px;
    padding: 18px;
}
.veracity-commoninput.size2 {
    border-radius: 8px;
    height: 30px;
    font-size: 24px;
    padding: 20px;
}
.veracity-commoninput.size3 {
    border-radius: 10px;
    height: 40px;
    font-size: 30px;
    padding: 21px;
}
.veracity-commoninput.size4 {
    border-radius: 12px;
    height: 50px;
    font-size: 35px;
    padding: 22px;
}
.veracity-commoninput.size5 {
    border-radius: 15px;
    height: 60px;
    font-size: 40px;
    padding: 24px;
}
/* --------------- commondropdown2 --------------*/
.veracity-commondropdown2 {
    position: relative;
    display: block;
    cursor: pointer;
}
.veracity-commondropdown2 > .header {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    outline: none;
    border-style: solid;
    border-width: 2px;
    width: 100%;
    box-sizing: border-box;
}
.veracity-commondropdown2 > .header.readonly {
    cursor: default;
}
.veracity-commondropdown2 > .header > .icon {
    color: var(--veracity-color-darkblue);
    width: fit-content;
    padding: 0px 5px 0px 5px;
}
.veracity-commondropdown2 .item-content {
    /*overflow: hidden;*/
    white-space: nowrap;
    /*text-overflow: ellipsis;*/
}
.veracity-commondropdown2 > .header > .item-content {
    flex-shrink: 1;
    overflow: hidden;
    width: 100%;
}
.veracity-commondropdown2 > .floatingdropdown > .item-content {
    flex-shrink: 1;
}
.veracity-commondropdown2 > .floatingdropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 5px;
    z-index: 5;
    background: white;
    min-width: 100%;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid var(--veracity-color-softblue);
}
.veracity-commondropdown2 .clickable {
    background-color: white;
    transition: color 0.2s, background-color 0.2s;
    cursor: pointer;
    user-select: none;
}
.veracity-commondropdown2 .clickable:hover {
    background-color: var(--veracity-color-hoverblue);
}
/* --------------- commondropdown2 .kind --------------*/
.veracity-commondropdown2 > .header.kind1 {
    border-color: #666666;
    box-shadow: 0px 0px 3px 0px #666666;
}
.veracity-commondropdown2 > .header.kind2 {
    border-color: #1B43BD;
    box-shadow: 0px 0px 3px 0px #1B43BD;
}
.veracity-commondropdown2 > .header.kind3 {
    border-color: #FF0000;
    box-shadow: 0px 0px 3px 0px #FF0000;
}
.veracity-commondropdown2 > .header.kind4 {
    box-shadow: 0px 4px 15px 0px var(--veracity-color-softblue);
    border: 1px solid var(--veracity-color-softblue);
    color: var(--veracity-color-darkblue);
}
.veracity-commondropdown2 > .header.kind4.readonly {
    color: var(--veracity-color-disabled);
}
.veracity-commondropdown2 > .header.kind5 {
    border: 1px solid var(--veracity-color-darkblue);
}
.veracity-commondropdown2 > .header.kind5.readonly {
    color: var(--veracity-color-disabled);
}
.veracity-commondropdown2 .item-content.kind5 {
    text-align: center;
}
/* --------------- commondropdown2 .size --------------*/
.veracity-commondropdown2.size1 {
    font-size: 18px;
}
.veracity-commondropdown2.size2 {
    font-size: 24px;
}
.veracity-commondropdown2.size3 {
    font-size: 30px;
}
.veracity-commondropdown2.size4 {
    font-size: 35px;
}
.veracity-commondropdown2.size5 {
    font-size: 40px;
}
.veracity-commondropdown2 > .header.size1 {
    border-radius: 5px;
}
.veracity-commondropdown2 > .header.size2 {
    border-radius: 8px;
}
.veracity-commondropdown2 > .header.size3 {
    border-radius: 10px;
}
.veracity-commondropdown2 > .header.size4 {
    border-radius: 12px;
}
.veracity-commondropdown2 > .header.size5 {
    border-radius: 15px;
}
.veracity-commondropdown2 .item-content.size1 {
    height: 20px;
    padding: 8px 18px 8px 18px;
}
.veracity-commondropdown2 .item-content.size2 {
    height: 30px;
    padding: 5px 20px 5px 20px;
}
.veracity-commondropdown2 .item-content.size3 {
    height: 40px;
    padding: 1px 21px 1px 21px;
}
.veracity-commondropdown2 .item-content.size4 {
    height: 48px;
    padding: 0px 22px 0px 22px;
}
.veracity-commondropdown2 .item-content.size5 {
    height: 56px;
    padding: 0px 24px 0px 24px;
}
/* --------------- commondropdown3 --------------*/
.veracity-commondropdown3 {
    outline: none;
    border-style: solid;
    border-width: 2px;
    width: 100%;
    box-sizing: border-box;
}
.veracity-commondropdown3:enabled {
    cursor: pointer;
}
.veracity-commondropdown3:disabled {
    opacity: 1;
}
.veracity-commondropdown3.kind1 {
    border-color: #666666;
    box-shadow: 0px 0px 3px 0px #666666;
}
.veracity-commondropdown3.kind2 {
    border-color: #1B43BD;
    box-shadow: 0px 0px 3px 0px #1B43BD;
}
.veracity-commondropdown3.kind3 {
    border-color: #FF0000;
    box-shadow: 0px 0px 3px 0px #FF0000;
}
.veracity-commondropdown3.kind4 {
    box-shadow: 0px 4px 15px 0px var(--veracity-color-softblue);
    border: 1px solid var(--veracity-color-softblue);
    color: var(--veracity-color-darkblue);
}
.veracity-commondropdown3.kind4:disabled {
    color: var(--veracity-color-disabled);
}
.veracity-commondropdown3.kind5 {
    border: 1px solid var(--veracity-color-darkblue);
    text-align: center;
}
.veracity-commondropdown3.kind5:disabled {
    color: var(--veracity-color-disabled);
}
.veracity-commondropdown3.size1 {
    border-radius: 5px;
    font-size: 18px;
    padding: 7px 18px 7px 18px;
}
.veracity-commondropdown3.size2 {
    border-radius: 8px;
    font-size: 24px;
    padding: 5px 20px 6px 20px;
}
.veracity-commondropdown3.size3 {
    border-radius: 10px;
    font-size: 30px;
    padding: 3px 21px 3px 21px;
}
.veracity-commondropdown3.size4 {
    border-radius: 12px;
    font-size: 35px;
    padding: 3px 22px 3px 22px;
}
.veracity-commondropdown3.size5 {
    border-radius: 15px;
    font-size: 40px;
    padding: 4px 24px 5px 24px;
}
/* ---------------- commoncurrencybox ---------------- */
.veracity-commoncurrencybox {
    outline: none;
    border-style: solid;
    border-width: 2px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-content: baseline;
}
.veracity-commoncurrencybox > .currency-symbol {
    display: flex;
    align-items: center;
}
.veracity-commoncurrencybox > .currency-input {
    width: 100%;
    outline: none;
    border: none;
    box-sizing: border-box;
}
.veracity-commoncurrencybox.kind1 {
    border-color: #666666;
    box-shadow: 0px 0px 3px 0px #666666;
}
.veracity-commoncurrencybox.kind2 {
    border-color: #1B43BD;
    box-shadow: 0px 0px 3px 0px #1B43BD;
}
.veracity-commoncurrencybox.kind3 {
    border-color: #FF0000;
    box-shadow: 0px 0px 3px 0px #FF0000;
}
.veracity-commoncurrencybox.kind4 {
    box-shadow: 0px 4px 15px 0px var(--veracity-color-softblue);
    border: 1px solid var(--veracity-color-softblue);
    color: var(--veracity-color-darkblue);
}
.veracity-commoncurrencybox.kind4 > .currency-input:disabled {
    color: var(--veracity-color-disabled);
}
.veracity-commoncurrencybox.kind5 {
    border: 1px solid var(--veracity-color-darkblue);
}
.veracity-commoncurrencybox.kind5 > .currency-input:disabled {
    color: var(--veracity-color-disabled);
}
.veracity-commoncurrencybox.kind5 > .currency-input {
    text-align: center;
}
.veracity-commoncurrencybox.size1 {
    border-radius: 5px;
    padding: 0 18px 0 18px;
}
.veracity-commoncurrencybox > .currency-symbol.size1 {
    font-size: 18px;
}
.veracity-commoncurrencybox > .currency-input.size1 {
    font-size: 18px;
    height: 20px;
    padding: 18px 0 18px 0;
}
.veracity-commoncurrencybox.size2 {
    border-radius: 8px;
    padding: 0 20px 0 20px;
}
.veracity-commoncurrencybox > .currency-symbol.size2 {
    font-size: 24px;
}
.veracity-commoncurrencybox > .currency-input.size2 {
    height: 30px;
    font-size: 24px;
    padding: 20px 0 20px 0;
}
.veracity-commoncurrencybox.size3 {
    border-radius: 10px;
    padding: 0 21px 0 21px;
}
.veracity-commoncurrencybox > .currency-symbol.size3 {
    font-size: 30px;
}
.veracity-commoncurrencybox > .currency-input.size3 {
    font-size: 30px;
    height: 40px;
    padding: 21px 0 21px 0;
}
.veracity-commoncurrencybox.size4 {
    border-radius: 12px;
    padding: 0 22px 0 22px;
}
.veracity-commoncurrencybox > .currency-symbol.size4 {
    font-size: 35px;
}
.veracity-commoncurrencybox > .currency-input.size4 {
    font-size: 35px;
    height: 48px;
    padding: 22px 0 22px 0;
}
.veracity-commoncurrencybox.size5 {
    border-radius: 15px;
    padding: 0 24px 0 24px;
}
.veracity-commoncurrencybox > .currency-symbol.size5 {
    font-size: 40px;
}
.veracity-commoncurrencybox > .currency-input.size5 {
    height: 56px;
    font-size: 40px;
    padding: 24px 0 24px 0;
}
/* ---------------- commontexteditor ---------------- */
.veracity-commontexteditor {
    display: flex;
    flex-direction: column;
}
.veracity-commontexteditor > .editor {
    outline: none;
    resize: none;
    border-style: solid;
    border-width: 2px;
    width: 100%;
    box-sizing: border-box;
}
.veracity-commontexteditor > .editor.resize-vertical {
    resize: vertical;
}
.veracity-commontexteditor > .editor.kind1 {
    border-color: #666666;
    box-shadow: 0px 0px 3px 0px #666666;
}
.veracity-commontexteditor > .editor.kind2 {
    border-color: #1B43BD;
    box-shadow: 0px 0px 3px 0px #1B43BD;
}
.veracity-commontexteditor > .editor.kind3 {
    border-color: #FF0000;
    box-shadow: 0px 0px 3px 0px #FF0000;
}
.veracity-commontexteditor > .editor.kind4 {
    box-shadow: 0px 4px 15px 0px var(--veracity-color-softblue);
    border: 1px solid var(--veracity-color-softblue);
    color: var(--veracity-color-darkblue);
}
.veracity-commontexteditor > .editor.kind4:disabled {
    color: var(--veracity-color-disabled);
}
.veracity-commontexteditor > .editor.kind5 {
    border: 1px solid var(--veracity-color-darkblue);
}
.veracity-commontexteditor > .editor.kind5:disabled {
    color: var(--veracity-color-disabled);
}
.veracity-commontexteditor > .editor.size1 {
    border-radius: 5px;
    font-size: 18px;
    padding: 18px;
}
.veracity-commontexteditor > .editor.size2 {
    border-radius: 8px;
    font-size: 24px;
    padding: 20px;
}
.veracity-commontexteditor > .editor.size3 {
    border-radius: 10px;
    font-size: 30px;
    padding: 21px;
}
.veracity-commontexteditor > .editor.size4 {
    border-radius: 12px;
    font-size: 35px;
    padding: 22px;
}
.veracity-commontexteditor > .editor.size5 {
    border-radius: 15px;
    font-size: 40px;
    padding: 24px;
}
.veracity-commontexteditor > .charactercount {
    color: var(--veracity-color-disabled);
    display: flex;
    justify-content: flex-end;
}
/* ---------------- commontextdisplay ---------------- */
.veracity-commontextdisplay {
    outline: none;
    border-style: solid;
    border-width: 2px;
    width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
}
.veracity-commontextdisplay.kind1 {
    border-color: #666666;
    box-shadow: 0px 0px 3px 0px #666666;
}
.veracity-commontextdisplay.kind2 {
    border-color: #1B43BD;
    box-shadow: 0px 0px 3px 0px #1B43BD;
}
.veracity-commontextdisplay.kind3 {
    border-color: #FF0000;
    box-shadow: 0px 0px 3px 0px #FF0000;
}
.veracity-commontextdisplay.kind4 {
    box-shadow: 0px 4px 15px 0px var(--veracity-color-softblue);
    border: 1px solid var(--veracity-color-softblue);
    color: var(--veracity-color-disabled);
}
.veracity-commontextdisplay.kind5 {
    border: 1px solid var(--veracity-color-disabled);
    color: var(--veracity-color-disabled);
}
.veracity-commontextdisplay.size1 {
    border-radius: 5px;
    font-size: 18px;
    padding: 18px;
}
.veracity-commontextdisplay.size2 {
    border-radius: 8px;
    font-size: 24px;
    padding: 20px;
}
.veracity-commontextdisplay.size3 {
    border-radius: 10px;
    font-size: 30px;
    padding: 21px;
}
.veracity-commontextdisplay.size4 {
    border-radius: 12px;
    font-size: 35px;
    padding: 22px;
}
.veracity-commontextdisplay.size5 {
    border-radius: 15px;
    font-size: 40px;
    padding: 24px;
}
/* ---------------- commonicon ---------------- */
.veracitycommonicon {
    transition: color 0.1s, transform 0.1s;
}
.veracitycommonicon.hidden {
    visibility: hidden;
}
.veracitycommonicon.enabled {
    cursor: pointer;
    user-select: none;
}
.veracitycommonicon.disabled {
    color: #EEEEEE;
}
.veracitycommonicon.enabled:hover {
    transform: scale(1.3);
}
.veracitycommonicon.kind1.enabled {
    color: #CCCCCC;
}
.veracitycommonicon.kind1.enabled:hover {
    color: #60D060;
}
.veracitycommonicon.kind2.enabled {
    color: #1B43BD;
}
.veracitycommonicon.kind2.enabled:hover {
    color: #60D060;
}
.veracitycommonicon.kind3.enabled {
    color: #60D060;
}
.veracitycommonicon.kind3.enabled:hover {
    color: #60D060;
}
.veracitycommonicon.kind4.enabled {
    color: var(--veracity-color-softblue);
}
.veracitycommonicon.kind4.enabled:hover {
    color: var(--veracity-color-blue);
}
.veracitycommonicon.kind5.enabled {
    color: white;
}
.veracitycommonicon.kind5.enabled:hover {
    color: white;
}
.veracitycommonicon.size1 {
    font-size: medium;
}
.veracitycommonicon.size2 {
    font-size: large;
}
.veracitycommonicon.size3 {
    font-size: larger;
}
.veracitycommonicon.size4 {
    font-size: x-large;
}
.veracitycommonicon.size5 {
    font-size: xx-large;
}
/* ---------------- commoniconcard ---------------- */
.veracitycommoniconcard {
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    user-select: none;
}
.veracitycommoniconcard.disabled {
    color: lightgray;
    box-shadow: 0px 0px 5px 0px lightgray;
}
.veracitycommoniconcard.enabled {
    cursor: pointer;
    transition: border 0.2s, background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.veracitycommoniconcard.enabled.kind1 {
    background-color: white;
    color: #1B43BD;
    box-shadow: 0px 0px 5px 0px #1B43BD;
}
.veracitycommoniconcard.enabled.kind1:hover {
    background-color: #1B43BD06;
    color: #1B43BDC0;
    box-shadow: 0px 0px 10px 0px #1B43BDC0;
}
.veracitycommoniconcard.enabled.kind2 {
    border: 3px solid #1B43BD;
    background-color: #1B43BD;
    color: white;
    box-shadow: 0px 0px 5px 0px #1B43BD;
}
.veracitycommoniconcard.enabled.kind2:hover {
    border: 3px solid #6287F9;
    background-color: #1B43BDC0;
    color: white;
    box-shadow: 0px 0px 10px 0px #1B43BDC0;
}
.veracitycommoniconcard.size1 {
    width: 250px;
    height: 150px;
    margin: 32px;
}
.veracitycommoniconcard.size1 .icon {
    font-size: 80px;
}
.veracitycommoniconcard.size1 .title {
    font-size: 20px;
}
.veracitycommoniconcard.size2 {
    width: 250px;
    height: 120px;
    margin: 24px;
}
.veracitycommoniconcard.size2 .icon {
    font-size: 60px;
}
.veracitycommoniconcard.size2 .title {
    font-size: 20px;
}
.veracitycommoniconcard.size3 {
    width: 140px;
    height: 100px;
    margin: 16px;
}
.veracitycommoniconcard.size3 .icon {
    font-size: 45px;
}
.veracitycommoniconcard.size3 .title {
    font-size: 15px;
}
.veracitycommoniconcard.size4 {
    width: 90px;
    height: 70px;
    margin: 8px;
}
.veracitycommoniconcard.size4 .icon {
    font-size: 32px;
}
.veracitycommoniconcard.size4 .title {
    font-size: 12px;
}
.veracitycommoniconcard.size5 {
    width: 400px;
    height: 260px;
    margin: 32px;
}
.veracitycommoniconcard.size5 .icon {
    font-size: 120px;
}
.veracitycommoniconcard.size5 .title {
    font-size: 34px;
}
.veracitycommoniconcard.size6 {
    width: 200px;
    height: 160px;
    margin: 16px;
}
.veracitycommoniconcard.size6 .icon {
    font-size: 64px;
}
.veracitycommoniconcard.size6 .title {
    font-size: 24px;
}
/* ---------------- breadcrumb ---------------- */
.veracitybreadcrumbscontainer {
    display: flex;
}
.veracitybreadcrumbitem {
    font-size: small;
    padding: 5px;
    border-radius: 4px;
}
.veracitybreadcrumbitem.clickable {
    color: #1B43BD;
    background-color: white;
    transition: color 0.2s, background-color 0.2s;
    cursor: pointer;
    user-select: none;
}
.veracitybreadcrumbitem.clickable:hover {
    color: #1B43BDA0;
    background-color: #1B43BD20;
}
.veracitybreadcrumbitem.unclickable {
    color: #999999;
}
.veracitybreadcrumbitem.separator {
    color: #CCCCCC;
}
/* ---------------- filterstack ---------------- */
.veracityfilterstack {
    width: 100%;
}
.veracityfilterstack>.header {
    display: flex;
    justify-content: space-between;
}
.veracityfilterstack>.header>.left {
    padding: 5px;
    font-weight: bold;
    font-size: large;
}
.veracityfilterstack>.header>.right {
    padding: 5px;
    color: #1B43BD;
    background-color: white;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    transition: color 0.2s, background-color 0.2s;
}
.veracityfilterstack>.header>.right:hover {
    color: #1B43BDA0;
    background-color: #1B43BD20;
}
.veracityfilterstack>.group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    padding: 10px;
    background-color: white;
    transition: background-color 0.2s;
    cursor: pointer;
    user-select: none;
}
.veracityfilterstack > .group:hover {
    background-color: #1B43BD20;
}
.veracityfilterstack > .group > .left {
    font-weight: bold;
    overflow-wrap: break-word;
    word-break: break-word;
}
.veracityfilterstack>.group>.right {
    color: #ABADAF;
    transform: scale(1.5);
}
.veracityfilterstack>.filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.veracityfilterstack > .filter > .left {
    padding-left: 10px;
    overflow-wrap: break-word;
    word-break: break-word;
}
.veracityfilterstack>.filter>.right {
    padding-right: 5px;
    color: #ABADAF;
}
/* ---------------- managefilterstack ---------------- */
.veracitymanagefilter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}
.veracitymanagefilter > .veracitymanagefiltertitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitymanagefilter > .veracitymanagefiltertitle > .addbuttonframe {
    display: flex;
    justify-content: flex-end;
}
.veracitymanagefilterstack {
    width: 80%;
}
.veracitymanagefilterstack > .group {
    color: #1B43BD;
    font-size: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    transition: background-color 0.2s;
    user-select: none;
    border-bottom: 1px solid #1B43BDA0;
    width: 100%;
}
.veracitymanagefilterstack > .group > .left {
    width: 70%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    display: flex;
}
.veracitymanagefilterstack > .group > .left > .arrows {
    display: flex;
    width: 7%;
}
.veracitymanagefilterstack > .group > .left > .name {
    width: 93%;
}
.veracitymanagefilterstack > .group > .right {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.veracitymanagefilterstack > .group > .right  > .pill {
    padding-bottom: 8px;
}
.veracitymanagefilterstack > .group > .right > .chevron {
    color: lightgray;
    cursor: pointer;
    padding-top: 7px;
}
.veracitymanagefilterstack > .group > .right > .chevron:hover {
    transform: scale(1.5);
}
.veracitymanagefilterstack > .header > .left {
    padding: 5px;
    font-weight: bold;
    font-size: large;
}
.veracitymanagefilterstack > .header > .right {
    padding: 5px;
    color: #1B43BD;
    background-color: white;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    transition: color 0.2s, background-color 0.2s;
}
.veracitymanagefiltercard {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin-top: 10px;
    box-sizing: border-box;
}
.veracitymanagefilterstack > .filtercontainer {
    margin-top: 8px;
    margin-bottom: 8px;
}
.veracitymanagefilterstack > .filtercontainer > .buttonrow {
    display: flex;
    justify-content:space-between;
}
.veracitymanagefilterstack > .filtercontainer > .filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 3px;
}
.veracitymanagefilterstack > .filtercontainer > .filter > .left {
    width: 80%;
    display: flex;
}
.veracitymanagefilterstack > .filtercontainer > .filter > .left > .arrows {
    display: flex;
    width: 7%;
}
.veracitymanagefilterstack > .filtercontainer > .filter > .left > .name {
    width: 93%;
    padding-top: 4px;
}
.veracitymanagefilterstack > .filtercontainer > .filter > .right {
    width: 20%;
    padding-right: 5px;
    color: #ABADAF;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}
.veracitymanagefilterstackempty {
    display: flex;
    justify-content: center;
    align-items: center;
    color: gray;
    margin-top: 10px;
    margin-bottom: 10px;
}

.veracitymanagefiltercrudtitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}

.veracitymanagefiltercrud {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracitymanagefiltercrud > .veracitymanagefilterfields {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.veracitymanagefiltercrud > .veracitymanagefilterfields > .fieldset {
    display: flex;
    width: 100%;
    margin-top: 20px;
}
.veracitymanagefiltercrud > .veracitymanagefilterfields > .fieldset > .label {
    width: 10%;
    margin-top: 10px;
}
.veracitymanagefiltercrud > .veracitymanagefilterfields > .fieldset > .labeltop {
    width: 10%;
}
.veracitymanagefiltercrud > .veracitymanagefilterfields > .fieldset > .field {
    width: 90%;
}
.veracitymanagefiltercrud > .veracitymanagefilterfields > .veracitymanagefiltermessages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.veracitymanagefiltercrud > .veracitymanagefilterfields > .veracitymanagefiltermessages > .error {
    justify-content: flex-start;
    width: 20%;
    margin-left: 135px;
}
.veracitymanagefiltercrud > .veracitymanagefilterfields > .veracitymanagefiltermessages > .msg {
    text-align: right;
    color: gray;
    width: 80%;
}
.veracitymanagefiltercrud > .veracitymanagefilterlabel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    color: var(--veracity-color-blue);
    margin-bottom: 10px;
}
.veracitymanagefiltercrud > .veracitymanagefilterdelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.veracitymanagefiltercrud > .veracitymanagefilterfields > .label {
    width: 10%;
}

.veracitymanagefiltercrud > .veracitymanagefilterfields > .field {
    width: 90%;
}

.veracitymanagefiltervisualizecontainer {
    width: 60%;
    border: 3px solid white;
    background-color: white;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px darkblue;
    height: 340px;
    overflow: hidden;
    user-select: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.veracitymanagefiltervisualizecontainer > .colorpicker {
    width: 50%;
    margin-left: 20px;
    margin-top: 20px;
}
.veracitymanagefiltervisualizecontainer > .colorpicker > .colorlabel {
    text-align: left;
}
.veracitymanagefiltercrud > .veracitymanagefilterfields > .fieldset > .filtertest {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    text-align: center
}
.veracitymanagefiltercrud > .veracitymanagefilterfields > .fieldset > .filtertest > .label {
    align-content: center;
    font-size: 18pt;
    color: lightgray;
}
.veracitymanagefiltercrud > .veracitymanagefilterfields > .fieldset > .filtertest > .statusdisplay {
    display: flex;
    justify-content: center;
    width: 200px;
}
.veracitymanagefiltercrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
/* ---------------- manageapprovalstatuses ---------------- */
.veracitymanageapprovalstatuses {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.veracitymanageapprovalstatuses > .veracitymanageapprovalstatustitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}

.veracitymanageapprovalstatuses > .veracitymanageapprovalstatustitle > .addbuttonframe {
    display: flex;
    justify-content: flex-end;
}

.veracitymanageapprovalstatusstack {
    width: 50%;
}

.veracitymanageapprovalstatusstack > .approvalstatus {
    color: #1B43BD;
    font-size: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    background-color: white;
    transition: background-color 0.2s;
    cursor: pointer;
    user-select: none;
    border-bottom: 1px solid #1B43BDA0;
}

.veracitymanageapprovalstatusstack > .approvalstatus > .left {
    width: 90%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    display: flex;
}

.veracitymanageapprovalstatusstack > .approvalstatus > .left > .arrows {
    display: flex;
    width: 7%;
}

.veracitymanageapprovalstatusstack > .approvalstatus > .left > .status {
    width: 93%;
}

.veracitymanageapprovalstatusstack > .approvalstatus > .right {
    width: 10%;
    display: flex;
    gap: 5px;
}

.veracitymanageapprovalstatusstack > .header > .left {
    padding: 5px;
    font-weight: bold;
    font-size: large;
}

.veracitymanageapprovalstatusstack > .header > .right {
    padding: 5px;
    color: #1B43BD;
    background-color: white;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    transition: color 0.2s, background-color 0.2s;
}

.veracitymanageapprovalstatusstackempty {
    display: flex;
    justify-content: center;
    align-items: center;
    color: gray;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* ---------------- managepurchasetypes ---------------- */
.veracitymanagepurchasetypes {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.veracitymanagepurchasetypes > .veracitymanagepurchasetypetitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}

.veracitymanagepurchasetypes > .veracitymanagepurchasetypetitle > .addbuttonframe {
    display: flex;
    justify-content: flex-end;
}

.veracitymanagepurchasetypestack {
    width: 100%;
}

.veracitymanagepurchasetypestack > .purchasetype {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 3px;
}

.veracitymanagepurchasetypestack > .purchasetype > .left {
    width: 95%;
    display: flex;
}

.veracitymanagepurchasetypestack > .purchasetype > .left > .name {
    width: 70%;
    padding-left: 10px;
}

.veracitymanagepurchasetypestack > .purchasetype > .left > .count {
    width: 30%;
}

.veracitymanagepurchasetypestack > .purchasetype > .right {
    width: 5%;
    display: flex;
    font-size: 14px;
    gap: 5px;
}

.veracitymanagepurchasetypestack > .header {
    width: 90%;
    display: flex;
    color: #1B43BD;
    font-weight: bold;
}

.veracitymanagepurchasetypestack > .header > .purchasetypename {
    width: 72%;
}

.veracitymanagepurchasetypestack > .header > .usage {
    width: 28%;
}

.veracitymanagepurchasetypestack > .veracitymanagepurchasetypestackempty {
    display: flex;
    justify-content: center;
    align-items: center;
    color: gray;
    padding-top: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.veracitymanagepurchasetypestack > .veracitymanagepurchasetypestackdefaultbutton {
    padding-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.veracitymanagedepartmentstack {
    width: 100%;
}
.veracitymanagedepartmentstack > .department {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 3px;
}
.veracitymanagedepartmentstack > .department > .left {
    width: 95%;
    display: flex;
}
.veracitymanagedepartmentstack > .department > .left > .name {
    width: 70%;
    padding-left: 10px;
}

.veracitymanagedepartmentstack > .department > .left > .count {
    width: 30%;
}
.veracitymanagedepartmentstack > .department > .right {
    display: flex;
    font-size: 14px;
    gap: 5px;
    padding-right: 5px;
}
.veracitymanagedepartmentstack > .header {
    width: 90%;
    display: flex;
    color: #1B43BD;
    font-weight: bold;
}
.veracitymanagedepartmentstack > .header > .departmentname {
    width: 72%;
}
.veracitymanagedepartmentstack > .header > .usage {
    width: 28%;
}
.veracitymanagedepartmentstack > .veracitymanagedepartmentstackempty {
    display: flex;
    justify-content: center;
    align-items: center;
    color: gray;
    padding-top: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.veracitymanagedepartmentstack > .veracitymanagedepartmentstackdefaultbutton {
    padding-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.veracitymanagepurchasetypecrudtitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}

.veracitymanagepurchasetypecrud {
    margin-top: 25px;
    margin-bottom: 25px;
}

.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypefields {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypefields > .fieldset {
    display: flex;
    width: 100%;
    margin-top: 20px;
}

.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypefields > .fieldset > .label {
    width: 12%;
    margin-top: 10px;
    display: flex;
}

.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypefields > .fieldset > .label > .makered {
    color: red;
}

.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypefields > .fieldset > .field {
    width: 88%;
}

.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypefields > .veracitymanagepurchasetypemessages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypefields > .veracitymanagepurchasetypemessages > .spacer {
    justify-content: flex-start;
    width: 12%;
}

.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypefields > .veracitymanagepurchasetypemessages > .error {
    justify-content: flex-start;
    width: 20%;
}

.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypefields > .veracitymanagepurchasetypemessages > .msg {
    text-align: right;
    color: gray;
    width: 68%;
}

.veracitymanagepurchasetypecrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}

.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypelabel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    color: var(--veracity-color-blue);
    margin-bottom: 10px;
}

.veracitymanagepurchasetypecrud > .veracitymanagepurchasetypedelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.veracitymanagedepartmentcrudtitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitymanagedepartmentcrud {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentfields {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentfields > .fieldset {
    display: flex;
    width: 100%;
    margin-top: 20px;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentfields > .fieldset > .label {
    width: 12%;
    margin-top: 10px;
    display: flex;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentfields > .fieldset > .label > .makered {
    color: red;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentfields > .fieldset > .field {
    width: 88%;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentfields > .veracitymanagedepartmentmessages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentfields > .veracitymanagedepartmentmessages > .spacer {
    justify-content: flex-start;
    width: 12%;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentfields > .veracitymanagedepartmentmessages > .error {
    justify-content: flex-start;
    width: 20%;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentfields > .veracitymanagedepartmentmessages > .msg {
    text-align: right;
    color: gray;
    width: 68%;
}
.veracitymanagedepartmentcrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentlabel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    color: var(--veracity-color-blue);
    margin-bottom: 10px;
}
.veracitymanagedepartmentcrud > .veracitymanagedepartmentdelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.veracitymanageapprovalstatuscrudtitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}

.veracitymanageapprovalstatuscrud {
    margin-top: 25px;
    margin-bottom: 25px;
}

.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatusfields {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatusfields > .fieldset {
    display: flex;
    width: 100%;
    margin-top: 20px;
}

.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatusfields > .fieldset > .label {
    width: 10%;
    margin-top: 10px;
}

.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatusfields > .fieldset > .labeltop {
    width: 10%;
}

.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatusfields > .fieldset > .field {
    width: 90%;
}

.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatusfields > .veracitymanageapprovalstatusmessages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatusfields > .veracitymanageapprovalstatusmessages > .error {
    justify-content: flex-start;
    width: 20%;
    margin-left: 165px;
}

.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatusfields > .veracitymanageapprovalstatusmessages > .msg {
    text-align: right;
    color: gray;
    width: 80%;
}
.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatusfields > .veracitymanageapprovalstatusmessages > .msgonly {
    text-align: right;
    color: gray;
    width: 100%;
}
.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatuslabel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    color: var(--veracity-color-blue);
    margin-bottom: 10px;
}

.veracitymanageapprovalstatuscrud > .veracitymanageapprovalstatusdelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.veracitymanageapprovalstatuscrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
.veracitymanageapprovalstatusvisualizecontainer {
    width: 60%;
    border: 3px solid white;
    background-color: white;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px darkblue;
    height: 310px;
    overflow: hidden;
    user-select: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.veracitymanageapprovalstatusvisualizecontainer > .colorpicker {
    width: 50%;
    margin-left: 20px;
    margin-top: 20px;
}
.veracitymanageapprovalstatusvisualizecontainer > .iconpicker {
    width: 50%;
    margin-top: 20px;
    margin-left: 35px;
}
.icontest {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    text-align: center
}

.icontest > .label {
    align-content: center;
    font-size: 18pt;
    color: lightgray;
}
.icontest > .statusdisplay {
    display: flex;
    justify-content: center;
    width: 200px;
}
/* ---------------- resultlimiter ---------------- */
.resultlimiter > .label {
    color: #1B43BD;
    margin-bottom: 10px;
}
/* ---------------- index ---------------- */
.veracityloginmessage {
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: white;
    padding: 15px;
    box-shadow: 0px 0px 5px 0px gray;
    text-align: center;
    max-width: 75%;
}
/* ---------------- entityheader ---------------- */
.veracityentityheader {
    color: #1B43BD;
    font-size: 28px;
    width: 50%;
    border-radius: 5px;
    padding-bottom: 3px;
    cursor: pointer;
    user-select: none;
}
.veracityentityheader:hover {
    background-color: #1B43BD20;
}
.veracityentityheaderrow {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.veracityentityheaderline {
    background-color: #1B43BDA0;
    border-radius: 1px;
    height: 1px;
    box-shadow: 0px 0px 1px 0px #1B43BD;
}
.veracityentityheaderarrow {
    color: #ABADAF;
    transform: scale(1.3);
}
/* ---------------- directorydropdown ---------------- */
.veracity-directorydropdownitem {
    font-weight: bold;
    color: var(--veracity-color-blue);
    font-size: 35px;
}
.veracity-directorydropdownitem .dropdownitemrow {
    display: flex;
    padding: 5px;
    gap: 20px;
}
.veracity-directorydropdownitem .dropdownitemrow > .icon {
    display: flex;
    font-size: 35px;
    width: 35px;
    justify-content: center;
    align-items: center;
}
.veracity-directorydropdownitem .dropdownitemrow > .name {
}
/* ---------------- entitycolumns ---------------- */
.veracityentitycolumns {
    display: flex;
    justify-content: space-around;
}
.veracityentitycolumn {
    color: #1B43BD;
    text-align: center;
    font-size: larger;
    box-sizing: border-box;
}
/* ---------------- staff ---------------- */
.veracitystafflocationheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.veracitystafflocationheader > .districtheader {
    color: #1B43BD;
    font-size: 44px;
    font-weight: bold;
}
.veracitystaffmembercard {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin-top: 10px;
    box-sizing: border-box;
}
.veracitystaffmember {
    display: flex;
    justify-content: space-around;
    border-radius: 5px;
    padding: 10px 0px;
    text-align: center;
    box-sizing: border-box;
}
.veracitystaffmember.collapsed {
    align-items: center;
}
.veracitystaffmember .status {
    width: 10%;
}
.veracitystaffmember .name {
    width: 15%;
}
.veracitystaffmember .username {
    width: 20%;
}
.veracitystaffmember .title {
    width: 20%;
}
.veracitystaffmember .permissions {
    width: 26%;
}
.veracitystaffmember .edit {
    width: 9%;
}
.veracitystaffmember .status.collapsed .statusbox {
    width: 50%;
    margin: auto;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: small;
    padding: 1px;
}
.veracitystaffmember .status.collapsed.active {
    color: #1CB052;
}
.veracitystaffmember .status.collapsed.active .statusbox {
    background-color: #1CB0521A;
}
.veracitystaffmember .status.collapsed.inactive {
    color: #EB4C60;
}
.veracitystaffmember .status.collapsed.inactive .statusbox {
    background-color: #EB4C601A;
}
.veracitystaffmember .permissions.collapsed {
    font-style: italic;
    font-size: small;
}
.veracitystaffmember .edit.collapsed i {
    color: #ABADAF;
    transform: scale(1.5);
    transition: color 0.1s, transform 0.1s;
}
.veracitystaffmember .edit.collapsed.allowed {
    cursor: pointer;
    user-select: none;
}
.veracitystaffmember .edit.collapsed.allowed:hover i {
    color: #60D060;
    transform: scale(2.0);
}
.veracitystaffmembereditcolumn {
    margin: auto;
}
.veracitystaffmembereditcolumn.thin {
    width: 50%;
}
.veracitystaffmembereditcolumn.medium {
    width: 76%;
}
.veracitystaffmembereditcolumn.wide {
    width: 90%;
}
.veracitystaffmembereditcolumn .spacersmall {
    margin-top: 2px;
}
.veracitystaffmembereditcolumn .spacermedium {
    margin-top: 10px;
}
.veracitystaffmembereditcolumn .spacerlarge {
    margin-top: 15px;
}
.veracitystaffmemberbottombar {
    display: flex;
    padding: 10px;
}
.veracitystaffmemberbottombar .spacer {
    width: 10px;
}
.veracitystaffmemberbottombar .errormessage {
    color: red;
}
.veracitypubliccatalogbody {
    display: flex;
}
.veracitypubliccatalogbody > .left {
    width: 20%;
}
.veracitypubliccatalogbody > .leftshow {
    width: 20%;
}
.veracitypubliccatalogbody > .right {
    width: 80%;
    padding: 5px;
}
/* ---------------- directory ---------------- */
.veracitydirectoryname {
    color: #1B43BD;
    font-size: 44px;
    font-weight: bold;
    padding-left: 5px;
}
.veracitydirectorysubheader {
    display: flex;
    padding-right: 20px;
}
.veracitydirectorysubheader > .subheader-actions {
    margin-left: auto;
}
.veracitydirectorybody {
    display: flex;
}
.veracitydirectorybody>.left {
    width: 20%;
}
.veracitydirectorybody>.right {
    width: 80%;
    padding: 5px;
}
.veracitydirectorybody>.right>.productheader {
    display: flex;
    margin: 15px 15px 0px 15px;
    padding: 0px 10px;
    color: #1B43BD;
    font-size: large;
}
.veracitydirectorybody>.right>.productheader>.name {
    width: 20%;
}
.veracitydirectorybody > .right > .productheader > .description {
    width: 50%;
}
.veracitydirectorybody > .right > .productheader > .approvalstatus {
    display: flex;
    justify-content: center;
    width: 10%;
}
.veracitydirectorybody > .right > .productheader > .published {
    display: flex;
    justify-content: center;
    width: 10%;
}
.veracitydirectorybody > .right > .productheader > .buttons {
    width: 10%;
}
.veracitydirectorybody>.right>.emptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
/* ---------------- directoryproduct ---------------- */
.veracitydirectoryproduct {
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin: 15px;
    padding: 10px;
    box-sizing: border-box;
    height: 60px;
    overflow: hidden;
}
.veracitydirectoryproduct > .name {
    display: flex;
    font-weight: bold;
    width: 20%;
    overflow: hidden;
}
.veracitydirectoryproduct > .name > .logo {
}
.veracitydirectoryproduct > .name > .logo > img {
    margin-top: 3px;
    width: 45px;
    height: 45px;
}
.veracitydirectoryproduct > .name > .text {
    margin: auto 8px;
}
.veracitydirectoryproduct > .description {
    font-size: small;
    width: 50%;
    word-break: break-word;
}
.veracitydirectoryproduct > .approvalstatus {
    display: flex;
    justify-content: center;
    width: 10%;
}
.veracitydirectoryproduct > .published {
    display: flex;
    justify-content: center;
    width: 10%;
}
.veracitydirectoryproduct > .buttons {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 10%;
}
/* ---------------- publiccatalogproduct ---------------- */
.veracitypubliccatalogproduct {
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    height: 60px;
    overflow: hidden;
    width: 100%;
}
.veracitypubliccatalogproduct > .directoryicon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    width: 4%;
    font-size: 36px;
    color: var(--veracity-color-blue);
}
.veracitypubliccatalogproduct > .name {
    display: flex;
    align-items: center;
    font-weight: bold;
    width: 16%;
    overflow: hidden;
}
.veracitypubliccatalogproduct > .name > .logo {

}
.veracitypubliccatalogproduct > .name > .logo > img {
    margin-top: 3px;
    width: 45px;
    height: 45px;
}
.veracitypubliccatalogproduct > .name > .text {
    overflow-wrap: break-word;
    word-break: break-word;
    margin: auto 8px;
    white-space: normal;
    display: inline-block;
}
.veracitypubliccatalogproduct > .description {
    font-size: small;
    width: 50%;
    word-break: break-word;
}
.veracitypubliccatalogproduct > .approvalstatus {
    display: flex;
    justify-content: center;
    width: 9%;
}
.veracitypubliccatalogproduct > .ispublic {
    display: flex;
    justify-content: center;
    width: 9%;
}
.veracitypubliccatalogproduct > .eyeball {
    display: flex;
    justify-content: center;
    margin-right: 14px;
    width: 9%;
}
.veracitypubliccatalogproduct > .chevron {
    color: lightgray;
    font-size: 30px;
    width: 3%;
}
.veracitypubliccatalogproduct > .nochevron {
    width: 3%;
}
.veracitypubliccatalogproduct > .chevron:hover {
    transform: scale(1.5);
}
.veracitypubliccatalogproduct > .sections {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
/* ---------------- publiccatalogsection ---------------- */
.veracitypubliccatalogsection {
    margin-left: 1%;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 99%;
}
.veracitypubliccatalogsection > .titlebar {
    display: flex;
    flex-direction: row;
}
.veracitypubliccatalogsection > .titlebar > .title {
    align-items: center;
    font-size: 18px;
    padding: 15px 25px;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
    width: 81%;
}
.veracitypubliccatalogsection > .titlebar > .ispublic {
    margin-top: 14px;
    justify-content: center;
    margin-left: 30px;
    width: 19%;
}
/* ---------------- directoryadd ---------------- */
.veracitydirectoryaddcontainer {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
/* ---------------- directoryaddnew ---------------- */
.veracitydirectoryaddnewrow {
    display: flex;
    margin: 25px;
}
.veracitydirectoryaddnewrow .left {
    width: 20%;
    color: #1B43BD;
    font-size: x-large;
}
.veracitydirectoryaddnewrow .right {
    width: 80%;
}
.veracitydirectoryaddnewbuttons {
    display: flex;
    justify-content: right;
    align-items: center;
}
.veracitydirectoryaddnewbuttons button {
    margin: 5px 20px 5px 10px;
}
.veracitypubliccatalogsearchandsort {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.veracitypubliccatalogsearchandsort > .left {
    display: flex;
}
.veracitypubliccatalogsearchandsort > .left > .changebutton {
    padding-left: 20px;
}
.veracitypubliccatalogsearchandsort .sortbyparent {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.veracitypubliccatalogsearchandsort .sortbylabel {
    color: var(--veracity-color-blue);
}
/* ---------------- productcatalog ---------------- */
.veracityproductcatalogsearchandsort {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.veracityproductcatalogsearchandsort .sortbyparent {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.veracityproductcatalogsearchandsort .sortbylabel {
    color: var(--veracity-color-blue);
}
.veracityproductcatalogheader {
    color: #1B43BD;
    font-size: x-large;
    margin: 10px 25px;
}
.veracityproductcataloglist {
    display: flex;
    flex-wrap: wrap;
}
.veracityproductcatalogemptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
/* ---------------- productcatalogproduct ---------------- */
.veracityproductcatalogproduct {
    border: 3px solid white;
    background-color: white;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin: 10px;
    padding: 10px;
    width: 190px;
    height: 190px;
    transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.veracityproductcatalogproduct:hover {
    border: 3px solid #6287F9;
    background-color: #1B43BD09;
    box-shadow: 0px 0px 8px 0px #1B43BD;
}
.veracityproductcatalogproduct > .bodycontent {
    overflow: clip;
}
.veracityproductcatalogproduct > .bodycontent > .logo > img {
    width: 60px;
    height: 60px;
}
.veracityproductcatalogproduct > .bodycontent > .name {
    height: 60px;
    font-weight: bold;
    font-size: large;
    margin: 5px 0px;
    overflow: hidden;
}
.veracityproductcatalogproduct > .bodycontent > .separator {
    border: 2px solid #EEEEEE;
    border-radius: 2px;
}
.veracityproductcatalogproduct > .footercontent {
}
.veracityproductcatalogproduct > .footercontent > .approvalstatus {
    display: flex;
    justify-content: start;
}
/* ---------------- producttop ---------------- */
.veracityproducttop {
}
.veracityproducttop h1 {
    margin-bottom: 5px;
}
.veracityproducttop > .approval {
    display: flex;
    align-items: center;
}
.veracityproducttop > .approval > .status {
    width: 180px;
    display: flex;
    justify-content: center;
}
.veracityproducttop > .approval > .commentstack {
    display: flex;
    flex-direction: column;
}
.veracityproducttop > .approval > .commentstack > .description {
    font-size: 15px;
    padding-left: 15px;
    word-break: break-word;
    width: fit-content;
    margin-bottom: 4px;
}
.veracityproducttop > .approval > .commentstack > .comments {
    font-size: 15px;
    font-style: italic;
    padding-left: 15px;
    word-break: break-word;
    width: fit-content;
}
.veracityproducttop > .row1 {
    display: flex;
}
.veracityproducttop > .row1 > .left {
    display: flex;
    align-items: center;
}
.veracityproducttop > .row1 > .left > .logo {
    width: 180px;
    display:flex;
    justify-content: center;
    padding: 0px;
}
.veracityproducttop > .row1 > .left > .logo > img {
    width: 90px;
    height: 90px;
}
.veracityproducttop > .row1 > .right > .name {
    padding: 15px;
    font-size: xx-large;
}
.veracityproducttop > .row1 > .right > .description {
    padding: 0px 15px;
    font-style: italic;
    font-size: 18px;
    word-break: break-word;
}
.veracityproducttop > .row2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}
.veracityproducttop > .row2 > .filter {
    border-radius: 18px;
    padding: 8px 20px;
    margin: 2px 8px;
    background-color: #CCCCCC;
    color: white;
    font-size: 16px;
    white-space: nowrap;
}
/* ---------------- producttopdisplay ---------------- */
.veracity-producttopdisplay {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-producttopdisplay .header {
    display: flex;
    justify-content: space-between;
}
.veracity-producttopdisplay .headerlabel {
    color: #1B43BD;
    font-size: 44px;
    font-weight: bold;
}
.veracity-producttopdisplay .buttonbar {
    display: flex;
    align-items: center;
    gap: 15px;
}
/* ---------------- productinfodisplay ---------------- */
.veracity-productinfodisplay {
    display: flex;
    width: 100%;
}
.veracity-productinfodisplay .logoframe {
}
.veracity-productinfodisplay .iconframe {
}
.veracity-productinfodisplay .outerdataframe {
    display: flex;
    width: 100%;
    gap: 10px;
}
.veracity-productinfodisplay .dataframe {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}
.veracity-productinfodisplay .nameframe {
    width: 350px;
    font-size: 18px;
    overflow: hidden;
}
.veracity-productinfodisplay .descriptionframe {
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-style: italic;
    color: dimgray;
    word-break: break-word;
}
/* ---------------- sectioncomponent ---------------- */

.veracity-productsectioneditrow > .sectionframe {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%
}

.veracity-productsectioneditrow > .sectionframe > .arrows {
    display: flex;
    width: 4%;
}

.veracity-productsectioneditrow > .sectionframe > .sectiontitle {
    margin-left: 5px;
    width: 87%;
}

.veracity-productsectioneditrow > .sectionframe > .publiccatalog {
    width: 3%;
}

.veracity-productsectioneditrow > .sectionframe > .editicon {
    margin-left: 10px;
    width: 3%;
}
.veracity-productsectioneditrow > .sectionframe > .deleteicon {
    margin-left: 10px;
    width: 3%;
}
/* ---------------- veracitysection ---------------- */
.veracitysection {
    margin: 35px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
}
.veracitysection > .titlebar {
    align-items: center;
    font-size: 24px;
    padding: 15px 25px;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: flex;
}
.veracitysection > .titlebar:hover {
    background-color: #1B43BD09;
}
.veracitysection > .titlebar > .left {
    color: #1B43BD;
    padding-right: 12px;
    word-break: break-word;
    width: 92%;
}
.veracitysection > .titlebar > .right {
    color: #ABADAF;
    width: 4%;
    transform: translateY(3px) scale(1.8);
    display: flex;
    flex-direction: row;
    align-items: center;
}
.veracitysection > .titlebar > .globe {
    margin-top: -5px;
    margin-right: 10px;
    width: 4%;
}
.veracitysection > .element {
    padding: 15px 25px;
}
/* ---------------- veracitypcsection ---------------- */
.veracitypcsection {
    margin: 35px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
}

.veracitypcsection > .titlebar {
    align-items: center;
    font-size: 24px;
    padding: 15px 25px;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
    display: flex;
}
.veracitypcsection > .titlebar:hover {
    background-color: #1B43BD09;
}
.veracitypcsection > .titlebar > .left {
    color: #1B43BD;
    padding-right: 12px;
    word-break: break-word;
    width: 97%;
}
.veracitypcsection > .titlebar > .right {
    color: #ABADAF;
    width: 3%;
    transform: translateY(3px) scale(1.8);
    display: flex;
    flex-direction: row;
    align-items: center;
}
.veracitypcsection > .element {
    padding: 15px 25px;
}
/* ---------------- elementtext ---------------- */
.veracityelementtext {
    font-size: 18px;
    word-break: break-word;
}
.veracityelementtext.inline {
    display: inline;
}
.veracityelementtext.bold
{
    font-weight: bold;
}
.veracityelementtext.italic
{
    font-style: italic;
}
.veracityelementtext.underline
{
    text-decoration: underline;
}
/* ---------------- elementtexteditor ---------------- */
.veracityelementtexteditor {
}
.veracityelementtexteditor .texttoolbar {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    gap: 10px;
    margin-right: 0px;
    margin-bottom: 5px;
}
.veracityelementtexteditor .icontrue {
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 3px;
    box-sizing: border-box;
}
.veracityelementtexteditor .iconfalse {
    padding: 3px;
}
.veracityelementtexteditor .texteditor {
    width: 100%;
}
.veracityelementtexteditor textarea {
    border-style: none;
    width: 100%;
    resize: vertical;
    font-size: 18px;
}
.veracityelementtexteditor .roundedframe {
    border-radius: 10px;
    box-shadow: 0px 0px 3px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
    border: 2px solid #1B43BD;
}
.veracityelementtexteditor .bold {
    font-weight: bold;
}
.veracityelementtexteditor .italic {
    font-style: italic;
}
.veracityelementtexteditor .underline {
    text-decoration: underline;
}
/* ---------------- elementlink ---------------- */
.veracityelementlink {
    color: #1B43BD;
    margin-left: 2%;
}
.veracityelementlink>a {
    text-decoration: underline;
    overflow-wrap: anywhere;
}
.veracityelementlink>a:hover {
    color: #1B43BDC0;
}
.veracityelementlink i {
    margin-right: 10px;
}
/* ---------------- elementlinkeditor ---------------- */
.veracityelementlinkeditor {
    min-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* ---------------- elementfaq ---------------- */
.veracityelementfaq {
    margin: 15px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
}
.veracityelementfaq>.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
}
.veracityelementfaq>.top:hover {
    background-color: #1B43BD09;
}
.veracityelementfaq>.top>.left {
    display: flex;
}
.veracityelementfaq>.top>.left>.icon {
    font-size: x-large;
    color: #1B43BD;
}
.veracityelementfaq>.top>.left>.question {
    font-size: large;
    color: #1B43BD;
    padding-left: 10px;
    padding-top: 3px;
}
.veracityelementfaq>.top>.right {
    padding-right: 5px;
    color: #ABADAF;
    transform: translateY(3px) scale(1.8);
}
.veracityelementfaq>.bottom {
    padding: 10px;
}
.veracityelementfaq>.bottom>.left {
    display: flex;
}
.veracityelementfaq>.bottom>.left>.icon {
    font-size: x-large;
    color: #30B030;
}
.veracityelementfaq>.bottom>.left>.answer {
    padding-left: 10px;
    padding-top: 4px;
    word-break: break-word;
}
/* ---------------- elementfaqeditor ---------------- */
.veracityelementfaqeditor {
    min-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracityelementfaqeditor .editrow {
    display: flex;
    width: 100%;
}
.veracityelementfaqeditor .iconquestion {
    font-size: x-large;
    color: #1B43BD;
}
.veracityelementfaqeditor .editquestion {
    font-size: large;
    color: #1B43BD;
    padding-left: 10px;
    padding-top: 3px;
    width: 100%;
}
.veracityelementfaqeditor .iconanswer {
    font-size: x-large;
    color: #30B030;
}
.veracityelementfaqeditor .editanswer {
    padding-left: 10px;
    padding-top: 4px;
    width: 100%;
}
.veracityelementfaqeditor .texteditor {
    width: 100%;
}
.veracityelementfaqeditor .roundedframe {
    border-radius: 10px;
    box-shadow: 0px 0px 3px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
    border: 2px solid #1B43BD;
}
.veracityelementfaqeditor textarea {
    border-style: none;
    width: 100%;
    resize: vertical;
}
/* ---------------- elementcontact ---------------- */
.veracitycontactcontainer {
    display: flex;
    flex-wrap: wrap;
}
.veracitycontact {
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 2px 10px;
    border-radius: 10px;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
}
.veracitycontact:hover {
    background-color: #1B43BD09;
}
.veracitycontact>.icon {
    color: #1B43BD;
    font-size: xx-large;
}
.veracitycontact>.name {
    color: #0B225B;
    font-size: 20px;
    padding-left: 10px;
}
.veracitycontactcard {
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
}
.veracitycontactcard>.name {
    color: #0B225B;
    font-size: 20px;
}
.veracitycontactcard>.title {
    color: #8C8C8C;
    font-size: 18px;
}
.veracitycontactcard>.spacer {
    height: 1em;
}
.veracitycontactcard>.email {
    color: #1B43BD;
    font-size: 18px;
}
.veracitycontactcard>.phone {
    color: #1B43BD;
    font-size: 18px;
}
/* ---------------- elementcontacteditor ---------------- */
.veracityelementcontacteditor {
    display: flex;
    justify-content: flex-start;
}
.veracityelementcontacteditor .editparent {
    width: 350px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px;
}
/* ---------------- elementfile ---------------- */
.veracityelementfile {
    color: #1B43BD;
    margin-left: 2%;
}
.veracityelementfile>.icon {
    margin-right: 10px;
}
.veracityelementfile>.link {
    text-decoration: underline;
    overflow-wrap: anywhere;
}
.veracityelementfile>.link:hover {
    color: #1B43BDC0;
}
/* ---------------- elementfileeditor ---------------- */
.veracityelementfileeditor {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracityelementfileeditor .elementfile {
    color: #1B43BD;
    margin-left: 2%;
    display: flex;
    gap: 10px;
}
.veracityelementfileeditor .link {
    text-decoration: underline;
}
/* ---------------- elementimage ---------------- */
    .veracityelementimage {
    text-align: center;
}
.veracityelementimage>.imagerow>.image {
    max-width: 100%;
    box-sizing: border-box;
}
.veracityelementimage>.captionrow>.caption {
    color: #8C8C8C;
    font-style: italic;
    box-sizing: border-box;
}
/* ---------------- elementimageeditor ---------------- */
.veracityelementimageeditor {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracityelementimageeditor .elementfile {
    color: #1B43BD;
    display: flex;
    gap: 10px;
}
.veracityelementimageeditor .fieldlabel {
    color: #1B43BD;
    display: flex;
    gap: 10px;
}
.veracityelementimageeditor .icon {
}
.veracityelementimageeditor .link {
    text-decoration: underline;
}
.veracityelementimageeditor .elementimage {
    text-align: center;
}
.veracityelementimageeditor .imagerow > .image {
    max-width: 100%;
    box-sizing: border-box;
}
.veracityelementimageeditor .captionrow > .caption {
    color: #8C8C8C;
    font-style: italic;
    box-sizing: border-box;
}
/* ---------------- elementvideo ---------------- */
.veracityelementvideo {
    text-align: center;
}
.veracityelementvideo>.videorow>.video {
    max-width: 100%;
    box-sizing: border-box;
}
.veracityelementvideo>.captionrow>.caption {
    color: #8C8C8C;
    font-style: italic;
    box-sizing: border-box;
}
/* ---------------- elementvideoeditor ---------------- */
.veracityelementvideoeditor {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracityelementvideoeditor .videorow > .video {
    max-width: 100%;
    box-sizing: border-box;
}
/* ---------------- districtfileupload ---------------- */
.districtfileupload {
    border: 2px solid #1B43BD;
    border-radius: 10px;
    box-shadow: 0px 0px 3px 0px #1B43BD;
    padding: 15px;
    font-size: 24px;
    overflow: hidden;
    box-sizing: border-box;
}
.districtfileupload .file {
    min-height: 1.5em;
}
.districtfileupload .file .name {
    margin-left: 3px;
}
.districtfileupload .progress {
    border-radius: 2px;
    background-color: #60D060;
    height: 4px;
    transition: width 0.1s;
}
.districtfileupload .inputfile {
    font-size: 24px;
}
/* ---------------- publiccatalogiconreadonly ---------------- */
.veracity-publiccatalogiconreadonly {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 9px;
    font-size: 30px;
}

.veracity-publiccatalogiconreadonly .iconsize {
    text-align: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.veracity-publiccatalogiconreadonly .colorblue {
    color: var(--veracity-color-blue);
}

.veracity-publiccatalogiconreadonly .publiccataloghidden {
    visibility: hidden;
}

.veracity-publiccatalogiconreadonly .publiccatalogvisible {
    visibility: visible;
}
/* ---------------- publiccatalogmessage ---------------- */
.publiccatalogmessage {
    font-size: 24px;
    color: var(--veracity-color-blue);
}
/* ---------------- publiccataloglogo ---------------- */
.publiccataloglogo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: -10px;
    height: auto;
}
/* ---------------- approvalstatusdisplay ---------------- */
.veracity-approvalstatusdisplay {
    display: flex;
    gap: 5px;
    margin: 5px;
    align-items: center;
    font-size: 18px;
}
.veracity-approvalstatusdisplay .iconsize {
    text-align: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.veracity-approvalstatusdisplay .color-unknown {
    color: darkgray;
}
.veracity-approvalstatusdisplay .color-approved {
    color: #1CB052;
}
.veracity-approvalstatusdisplay .color-under-review {
    color: #FCA306;
}
.veracity-approvalstatusdisplay .color-not-approved {
    color: #F72B2B;
}
.veracity-approvalstatusdisplay .statusname-font {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
/* ---------------- copieddisplay ---------------- */
.veracity-copieddisplay {
    display: flex;
    gap: 5px;
    margin: 5px;
    padding-left: 10px;
    padding-bottom: 8px;
    align-items: center;
    font-size: 20px;
}
.veracity-copieddisplay .iconsize {
    text-align: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.veracity-copieddisplay .color-approved {
    color: #1CB052;
}
.veracity-copieddisplay .statusword-font {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
/* ---------------- approvaldropdown ---------------- */
.veracity-approvalstatusdropdown-item {
    width: 180px;
}
/* ---------------- sortablecolumnheader ---------------- */
.veracity-sortablecolumnheader {
    display: flex;
    width: fit-content;
    align-items: center;
}
.veracity-sortablecolumnheader.sortable {
    cursor: pointer;
}
.veracity-sortablecolumnheader.sortable:hover {
    background-color: var(--veracity-color-hoverblue);
}
.veracity-sortablecolumnheader > .columnlabel {
    color: var(--veracity-color-blue);
    font-size: 18px;
    font-weight: bold;
}
/* ---------------- sortcarets ---------------- */
.veracity-sortcarets {
    display: flex;
    flex-direction: column;
    color: #0000FF55;
    margin: 5px;
    width: fit-content;
    position: relative;
}
.veracity-sortcarets .selected {
    color: var(--veracity-color-blue);
}
.veracity-sortcarets .uparrow {
    position: relative;
}
.veracity-sortcarets .downarrow {
    position: absolute;
}
/* ---------------- productdisplaypage ---------------- */
.productdisplaypage>.caneditframe {
    display: flex;
    justify-content: space-between;
}
.productdisplaypage > .caneditframe > .left {
    width: fit-content;
}
.productdisplaypage > .caneditframe > .right {
    width: 100px;
    display: flex; 
    justify-content: flex-end;
    align-items: flex-start;
}
/* ------------------searchtextbox-----------*/
.veracity-searchtextbox {
    width: fit-content;
    display: flex;
    gap: 8px;
    align-items: center;
    padding-left: 5px;
}
.veracity-searchtextbox .inputandxbutton {
    display: flex;
    flex-direction: row;
    gap: 2px;
    align-items: center;
}
.veracity-searchtextbox .searchinput {
    width: 300px;
    padding: 4px;
    outline: none;
    font-size: 18px;
}
.veracity-searchtextbox .status-empty {
    color: gray;
}
.veracity-searchtextbox .status-pending {
    color: royalblue;
}
.veracity-searchtextbox .status-searching {
    color: gray;
}
.veracity-searchtextbox .status-complete {
    color: black;
}
.veracity-searchtextbox .searchicon {
    font-size: 25px;
}
.veracity-searchtextbox .clearicon {
    font-size: 25px;
    cursor: pointer;
}
/* ------------------producteditapprovaldisplay-----------*/
.veracity-producteditapprovaldisplay {
    display: flex;
    flex-direction: column;
    width: 80%;
    gap: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 15px;
    box-sizing: border-box;
}
.veracity-producteditapprovaldisplay > .titlerow {
    display: flex;
    justify-content: space-between;
}
.veracity-producteditapprovaldisplay > .titlerow > .statuslabel {
    color: var(--veracity-color-blue);
    font-size: 25px;
    font-weight: bold;
}
.veracity-producteditapprovaldisplay > .titlerow > .editicon {
    color: var(--veracity-color-blue);
    font-size: 25px;
    font-weight: bold;
}
.veracity-producteditapprovaldisplay > .status {
    width: 200px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 5px;
    box-sizing: border-box;
}
.veracity-producteditapprovaldisplay .commentblock {
    display: flex;
    flex-direction:column;
    gap: 5px;
}
.veracity-producteditapprovaldisplay .comments {
    font-size: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 5px;
    font-style: italic;
    word-break: break-word;
}
.veracity-producteditapprovaldisplay .privatecommentwarning {
    top: -5px;
    font-size: 12px;
}
.veracity-producteditapprovaldisplay .shownormal {
}
.veracity-producteditapprovaldisplay .showprivate {
    color: var(--veracity-color-privateinfo);
}
/* ------------------productapprovalinfoeditor-----------*/
.veracity-productapprovalinfoeditor {
    display: flex;
    flex-direction: column;
    margin: 5px;
    width: 80%;
}
.veracity-productapprovalinfoeditor > .statuslabel {
    color: var(--veracity-color-blue);
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}
.veracity-productapprovalinfoeditor > .status {
    width: 200px;
    margin-bottom: 15px;
}
.veracity-productapprovalinfoeditor > .commentslabel {
    color: var(--veracity-color-blue);
    font-size: 15px;
    margin-bottom: 5px;
}
.veracity-productapprovalinfoeditor > .comments {
    font-size: 15px;
    font-style: italic;
}
.veracity-productapprovalinfoeditor .shownormal {
}
.veracity-productapprovalinfoeditor .showprivate {
    color: var(--veracity-color-privateinfo);
}
.veracity-productapprovalinfoeditor .privatecomment-warning {
    position: relative;
    top: -15px;
    left: 15px;
    font-size: 12px;
}
.veracity-productapprovalinfoeditor .privatecomment-nowarning {
    position: relative;
    top: -15px;
    left: 15px;
    font-size: 12px;
    visibility: hidden;
}
.veracity-productapprovalinfoeditor > .buttonbar {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
/* ---------------- navheader ---------------- */
.veracity-navheader {
    display: flex;
    justify-content: space-between;
    background-color: white;
    height: 40px;
    padding: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
}
.veracity-navheader > .left {
    display: flex;
    align-items: center;
}
.veracity-navheader > .left > .logo {
    height: 100%;
    cursor: pointer;
}
.veracity-navheader > .left > .districtname {
    color: #1B43BD;
    margin-left: 5px;
    font-size: 26px;
}
.veracity-navheader > .middle {
    display: flex;
    align-items: center;
}
.veracity-navheader > .middle > .message {
    border-radius: 10px;
    background-color: white;
    padding: 5px;
    box-shadow: 0px 0px 5px 0px gray;
    text-align: center;
}
.veracity-navheader > .right {
    display: flex;
    align-items: center;
}
.veracity-navheader > .right > .help {
    font-size: 26px;
    color: var(--veracity-color-blue);
    margin: 5px 15px 5px 5px;
    border-radius: 5px;
    background-color: #1B43BD00;
    transition: background-color 0.2s;
}
.veracity-navheader > .right > .help:hover {
    background-color: #1B43BD20;
}
.veracity-navheader > .right > .logout {
    cursor: pointer;
    user-select: none;
    font-size: 26px;
    color: #00000060;
    padding: 5px;
    border-radius: 5px;
    background-color: #1B43BD00;
    transition: background-color 0.2s;
}
.veracity-navheader > .right > .logout:hover {
    background-color: #1B43BD20;
}
/* ------------------pageframe ---------------------*/
.veracity-pageframe {
}
.veracity-pageframe > .navedge {
    position: fixed;
    top: 50px;
    left: 0;
    bottom: 0;
    width: 50px;
    z-index: 5;
}
.veracity-pageframe > .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 5;
}
.veracity-pageframe > main {
    position: absolute;
    top: 50px;
    left: 50px;
    right: 0px;
    min-height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.veracity-pageframe > main > .content {
    margin: 5px;
}
/* ---------------- pagefooter ---------------- */
.veracity-pagefooter {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    color: gray;
}
.veracity-pagefooter > .content {
    margin: 5px;
}
/* ---------------- sidenav ---------------- */
.veracity-sidenav {
    height: 100%;
    width: 75px;
    background: var(--veracity-color-blue);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 15px;
    gap: 20px;
}

.veracity-sidenav > .last-item {
    margin-top: auto;
    margin-bottom: 10px;
}
/* --------------------navicon-----------------*/
.veracity-navicon {
    display: flex;
    cursor: pointer;
    width: 50px;
    align-content: center;
    justify-content: center;
    position: relative;
    margin-bottom: 15px;
}
.veracity-navicon > .balloon {
    z-index: 7;
    pointer-events: none;
    background-color: var(--veracity-color-blue);
    border-radius: 5px;
    position: absolute;
    left: 70px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.4s, opacity 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 5px;
    white-space: nowrap;
}
.veracity-navicon > .balloon::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0px 0px 10px;
    border-color: var(--veracity-color-blue) transparent transparent transparent;
    position: absolute;
    left: -10px;
    top: 5px;
}
.veracity-navicon:hover > .balloon {
    visibility: visible;
    opacity: 1;
}
/* ------------------ contractmanagement ----------------*/
.veracity-contractmanagement {
    display: flex;
    flex-direction: column;
}
.veracity-contractmanagement > .header {
    display: flex;
    justify-content: space-between;
}
.veracity-contractmanagement > .header > .title {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracity-contractmanagement > .header > .addbuttonframe {
    display: flex;
    justify-content: flex-end;
}
.veracity-contractmanagement > .pagemodetoggle {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.veracity-contractmanagement > .list {
}
/* ------------------ publiccatalog ----------------*/
.veracity-publiccatalog {
    display: flex;
    flex-direction: column;
}
.veracity-publiccatalog > .header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.veracity-publiccatalog > .header > .title {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}

.veracity-publiccatalog > .header > .settingsframe {
    display: flex;
    justify-content: flex-end;
}
.veracity-publiccatalog > .opening {
    width: 80%;
    margin-bottom: 30px;
}
.veracity-publiccatalog > .list {
}
/* ------------------ publiccatalogsettings ----------------*/
.veracity-publiccatalogsettings {
    display: flex;
    flex-direction: column;
}

.veracity-publiccatalogsettings > .header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.veracity-publiccatalogsettings > .header > .title {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}

.veracity-publiccatalogsettings > .header > .settingsframe {
    display: flex;
    justify-content: flex-end;
}

.veracity-publiccatalogsettings > .opening {
    width: 100%;
    margin-bottom: 10px;
    display: block;
}
.veracity-publiccatalogsettings > .linktitle {
    margin-bottom: 2px;
}
.veracity-publiccatalogsettings > .linkrow {
    display: flex;
    flex-direction: row;
    vertical-align: middle;
}
.veracity-publiccatalogsettings > .linkrow > .link {
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 80%;
    height: 35px;
}
.veracity-publiccatalogsettings > .linkrow > .link > .titlebar {
    display: flex;
    flex-direction: row;
}
.veracity-publiccatalogsettings > .linkrow > .link > .titlebar > .title {
    align-items: center;
    font-size: 20px;
    margin-top: 6px;
    margin-left: 5px;
    transition: background-color 0.1s;
    user-select: none;
    width: 95%;
}
.veracity-publiccatalogsettings > .linkrow > .link > .titlebar > .copy {
    margin-top: 6px;
    color: blue;
    font-size: 20px;
    width: 5%;
    cursor: pointer;
}
.veracity-publiccatalogsettings > .linkrow > .link > .titlebar > .copy:hover {
    transform: scale(1.2);
}
.veracity-publiccatalogsettings > .logoopening {
    margin-top: 30px;
    width: 100%;
    margin-bottom: 10px;
    display: block;
}
.veracity-publiccatalogsettings > .logo {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    align-items: center;
}
.veracity-publiccatalogsettings > .logo > .fileupload {
    width: 100%;
}
/* ------------------ publiccataloglist ----------------*/
.veracity-publiccataloglist {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.veracity-publiccataloglist > .searchbar {
    margin-bottom: 10px;
}
/* ---------------- publiccatalogrowlist ---------------- */
.veracity-publiccataloglist > .publiccatalogrowlist * {
    box-sizing: border-box;
}
/* ------------------ vendormanagement ----------------*/
.veracity-vendormanagement {
    display: flex;
    flex-direction:column;
}
.veracity-vendormanagement > .header {
    display: flex;
    justify-content: space-between;
}
.veracity-vendormanagement > .header > .title {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracity-vendormanagement > .header > .addbuttonframe {
    display: flex;
    justify-content: flex-end;
}
.veracity-vendormanagement > .pagemodetoggle {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.veracity-vendormanagement > .list {
}
/* ------------------ vendorlist ----------------*/
.veracity-vendorlist {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: fit-content;
}
.veracity-vendorlist > .searchbar {
}
.veracity-vendorlist > .listheader {
    display: flex;
    padding: 15px 10px 5px 10px;
    align-items: center;
    gap: 5px;
}
.veracity-vendorlist > .listitems {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-vendorlist > .emptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
/* -------------vendorlist .column-xxxx -----------------*/
.veracity-vendorlist .column-vendorname {
    width: 300px;
}
.veracity-vendorlist .column-contractcount {
    width: 150px;
    display: flex;
    justify-content: center;
}
.veracity-vendorlist .column-icons {
    display: flex;
    padding-left: 10px;
    gap: 10px;
}
/* ------------------ vendorlistrow ----------------*/
.veracity-vendorlistrow {
    display: flex;
    align-items: center;
    font-size: 18px;
}
.veracity-vendorlistrow > .vendorname {
    margin-left: 10px;
    overflow: hidden;
    white-space: break-spaces;
}
.veracity-vendorlistrow > .contractcount {
}
.veracity-vendorlistrow > .icons {
}
 /* ------------------ contractlist ----------------*/
    .veracity-contractlist {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 1200px;
}
.veracity-contractlist > .searchbar {
}
.veracity-contractlist > .listheader {
    display: flex;
    padding: 15px 10px 5px 10px;
    align-items: center;
    gap: 5px;
}
.veracity-contractlist > .listitems {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-contractlist > .emptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
 /* -------------contractlist .column-xxxx -----------------*/
.veracity-contractlist .column-status-header {
    width: 120px;
}
.veracity-contractlist .column-status {
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.veracity-contractlist .column-contractname {
    width: 25%;
    display: flex;
    align-items: center;
}
.veracity-contractlist .column-vendorname {
    width: 25%;
    display: flex;
    align-items: center;
}
.veracity-contractlist .column-startdate {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.veracity-contractlist .column-enddate {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ------------------ contractlist-row ----------------*/
.veracity-contractlist-row {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 5px;
}
.veracity-contractlist-row:hover{
    background-color: var(--veracity-color-hoverblue);
    cursor: pointer;
}
.veracity-contractlist-row > .namestyle {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.veracity-contractlist-row > .datestyle {
    font-size: 18px;
    color: dimgray;
}
/* ------------------ contractstatusdisplay ----------------*/
.veracity-contractstatusdisplay {
    border-radius: 10px;
    box-sizing: border-box;
    padding: 5px 10px 5px 10px;
    width: fit-content;
    height: 25px;
    font-size: 12px;
    display: flex;
    align-items:center;
}
.veracity-contractstatusdisplay.emptyplaceholder {
    border: none;
    background: white;
    color: var(--veracity-color-blue);
    font-size: 15px;
    padding: 0px 10px 0px 10px;
}
.veracity-contractstatusdisplay.active {
    background: var(--veracity-color-green);
    color: white;
}
.veracity-contractstatusdisplay.inactive {
    background: var(--veracity-color-alertorange);
    color: white;
}
.veracity-contractstatusdisplay.expired {
    background: var(--veracity-color-warningred);
    color: white;
}
.veracity-contractstatusdisplay.undefined {
    border: 1px solid gray;
    background: white;
    color: gray;
}
/* ------------------ contractstatusdropdown ----------------*/
.veracity-contractstatusdropdown-item {
    display: flex;
    justify-content: center;
}
/* ------------------ nettermdisplay ----------------*/
.veracity-nettermdisplay {
    width: fit-content;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--veracity-color-darkblue);
    padding: 5px;
}
.veracity-nettermdisplay.emptyplaceholder {
    color: var(--veracity-color-blue);
}
.veracity-nettermdisplay.undefined {
    color: gray;
}
/* ------------------ nettermdropdown ----------------*/
.veracity-nettermdropdown-item {
    display: flex;
    align-items: center;
}
/* ------------------ districtlocationdisplay ----------------*/
.veracity-districtlocationdisplay {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 5px;
    font-size: 15px;
    color: var(--veracity-color-darkblue);
}
/* ------------------ districtlocationdropdown ----------------*/
.veracity-districtlocationdropdown-item {
    display: flex;
    align-items: center;
}
/* ------------------ billingcycledisplay ----------------*/
.veracity-billingcycledisplay {
    width: fit-content;
    display: flex;
    align-items: center;
    padding: 5px;
    font-size: 15px;
    color: var(--veracity-color-darkblue);
}
.veracity-billingcycledisplay.emptyplaceholder {
    color: var(--veracity-color-blue);
}
.veracity-billingcycledisplay.undefined {
    color: gray;
}
/* ------------------ billingcycledropdown ----------------*/
.veracity-billingcycledropdown-item {
    display: flex;
    align-items: center;
}
/* ------------------ contractcontrol ----------------*/
.veracity-contractcontrol {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 1000px;
}
.veracity-contractcontrol > .contractdetails {
}
.veracity-contractcontrol > .productcosts {
}
.veracity-contractcontrol > .additionalcosts {
}
.veracity-contractcontrol > .persons {
}
.veracity-contractcontrol > .documents {
}
/* ------------------ contractsectionframe ----------------*/
.veracity-contractsectionframe {
    display: flex;
    flex-direction: column;
    gap: 5px;
    box-shadow: 0px 4px 15px 0px var(--veracity-color-softblue);
    border-radius: 10px;
    padding: 10px;
}
.veracity-contractsectionframe.readonly {
    border: none;
    box-shadow: none;
}
.veracity-contractsectionframe > .header {
    display: flex;
    justify-content: space-between;
    justify-items: center;
    font-size: 30px;
    padding: 5px;
}
.veracity-contractsectionframe.readonly > .header {
    border: none;
}
.veracity-contractsectionframe.disabled > .header {
}
.veracity-contractsectionframe.enabled > .header {
    cursor: pointer;
}
.veracity-contractsectionframe.enabled > .header:hover {
    background-color: var(--veracity-color-hoverblue);
}

.veracity-contractsectionframe.enabled > .header > .title {
    color: var(--veracity-color-blue);
}
.veracity-contractsectionframe.readonly > .header > .title {
    color: var(--veracity-color-blue);
}
.veracity-contractsectionframe.disabled > .header > .title {
    color: var(--veracity-color-disabled);
}
.veracity-contractsectionframe > .header > .chevron {
    color: gray;
}
.veracity-contractsectionframe > .line {
    border-top: 1px solid var(--veracity-color-blue);
}
.veracity-contractsectionframe > .content {
    margin: 10px;
}
/* ------------------ contractcostsectionframe ----------------*/
.veracity-contractcostsectionframe {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.veracity-contractcostsectionframe > .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--veracity-color-blue);
    font-size: 30px;
}
.veracity-contractcostsectionframe > .header.enabled {
    cursor: pointer;
}
.veracity-contractcostsectionframe > .header.enabled:hover {
    background-color: var(--veracity-color-hoverblue);
}
.veracity-contractcostsectionframe > .header > .title {
    color: var(--veracity-color-blue);
}
.veracity-contractcostsectionframe > .header > .chevron {
    color: gray;
}
.veracity-contractcostsectionframe > .line {
}
.veracity-contractcostsectionframe > .content {
}
/* ------------------ contractproductlist ----------------*/
.veracity-contractproductlist
{
}
.veracity-contractproductlist > .list {
    display: flex;
    flex-direction: column;
}
.veracity-contractproductlist > .addbutton {
    display: flex;
    justify-content: flex-end;
}
.veracity-contractproductlist > .createcontrol {
}
/* ------------------ contractadditionalcostlist ----------------*/
.veracity-contractadditionalcostlist {
}
.veracity-contractadditionalcostlist > .list {
    display: flex;
    flex-direction: column;
}
.veracity-contractadditionalcostlist > .addbutton {
    display: flex;
    justify-content: flex-end;
}
.veracity-contractadditionalcostlist > .createcontrol {
}
/* ------------------ contractcontactlist ----------------*/
.veracity-contractcontactlist {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-contractcontactlist > .smalladd {
    display: flex;
    justify-content: flex-end;
}
.veracity-contractcontactlist > .largeadd {
    display: flex;
    justify-content: center;
}
.veracity-contractcontactlist > .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}
/* ------------------ contractfilelist ----------------*/
.veracity-contractfilelist {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-contractfilelist > .smalladd {
    display: flex;
    justify-content: flex-end;
}
.veracity-contractfilelist > .largeadd {
    display: flex;
    justify-content: center;
}
.veracity-contractfilelist > .list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-contractfilelist > .createcontrol {
}
/* ------------------ contractnote ----------------*/
.veracity-contractnote {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-contractnote > .largeadd {
    display: flex;
    justify-content: center;
}
.veracity-contractnote > .note {
    display: flex;
    gap: 5px;
}
.veracity-contractnote > .note > .notearea{
    width: 99%;
}
.veracity-contractnote > .note > .iconarea {
    width: 1%;
}
.veracity-contractnote > .notebuttons {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}
/* ------------------ createvendor ----------------*/
.veracity-createvendor {
    width: fit-content;
}
.veracity-createvendor .header {
    color: var(--veracity-color-blue);
    font-size: 30px;
    margin-bottom: 15px;
}
.veracity-createvendor .content {
    display: flex;
    align-items: baseline;
}
.veracity-createvendor .label {
    width: 200px;
    color: var(--veracity-color-blue);
    font-size: 20px;
}
/* -------------------pickorcreatevendor--------------*/
.veracity-pickorcreatevendor {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.veracity-pickorcreatevendor > .header {
    display: flex;
    justify-content: space-between;
}
.veracity-pickorcreatevendor > .header > .title {
    color: var(--veracity-color-blue);
    font-size: 30px;
}
.veracity-pickorcreatevendor > .header > .buttons {
    display: flex;
    gap: 10px;
}
/* -------------------vendorpicklist--------------*/
.veracity-vendorpicklist{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.veracity-vendorpicklist > .searchbar {
}
.veracity-vendorpicklist > .listheader {
    margin-top: 10px;
}
.veracity-vendorpicklist > .listitems {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-vendorpicklist > .emptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
/* -------------------vendorpicklistrow--------------*/
.veracity-vendorpicklistrow {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 400px;
}
.veracity-vendorpicklistrow:hover {
    background-color: var(--veracity-color-hoverblue);
}
.veracity-vendorpicklistrow > .vendorname {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* --------------- contractdetails --------------*/
.veracity-contractdetails {
    display:flex;
    flex-direction: column;
}
.veracity-contractdetails > .nameandstatus {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}
.veracity-contractdetails > .nameandstatus > .name {
    font-size: 40px;
    color: var(--veracity-color-blue);
}
.veracity-contractdetails > .nameandstatus > .status {
}
.veracity-contractdetails > .vendorname {
    font-size: 20px;
    font-weight: bold;
    color: var(--veracity-color-disabled);
    padding-bottom: 20px;
}
.veracity-contractdetails > .columns {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.veracity-contractdetails > .columns > .column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 300px;
}
.veracity-contractdetails > .columns > .column > .column-cell {
    height: 60px;
}
.veracity-contractdetails > .columns > .column > .column-cell > .label {
    color: var(--veracity-color-darkblue);
    font-size: 15px;
}
/* --------------- contractpagheader --------------*/
.veracity-contractpagheader {
    display:flex;
    justify-content:space-between;
}
.veracity-contractpagheader > .editbuttons {
    display: flex;
    gap: 10px;
    align-items: center;
}
/* --------------- contractproductcostsetlist --------------*/
.veracity-contractproductcostsetlist {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.veracity-contractproductcostsetlist > .header {
    display: flex;
    justify-content: space-between;
}
.veracity-contractproductcostsetlist > .largeaddbutton {
    display: flex;
    justify-content: center;
}
.veracity-contractproductcostsetlist > .smalladdbutton {
    display: flex;
    justify-content: flex-end;
}
.veracity-contractproductcostsetlist > .datasets {
    display:flex;
    flex-direction:column;
    gap: 10px;
}
.veracity-contractproductcostsetlist > .createcontrol {
}
/* --------------- contractproductcostsetcontrol --------------*/
.veracity-contractproductcostsetcontrol {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    padding: 10px;
}
.veracity-contractproductcostsetcontrol > .header {
    display: flex;
    justify-content: space-between;
}
.veracity-contractproductcostsetcontrol .addbutton {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
}
.veracity-contractproductcostsetcontrol .lineitems {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-contractproductcostsetcontrol .createcontrol {
    padding-bottom: 10px;
}
/* --------------- errortext --------------*/
.veracity-errortext{
    color:red;
    font-size: 15px;
}
/* --------------- deletecontractcontrol --------------*/
.veracity-deletecontractcontrol {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.veracity-deletecontractcontrol > .nameandstatus {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}
.veracity-deletecontractcontrol > .nameandstatus > .name {
    font-size: 40px;
    color: var(--veracity-color-blue);
}
.veracity-deletecontractcontrol > .nameandstatus > .status {
}
.veracity-deletecontractcontrol > .deletemessage {
}
.veracity-deletecontractcontrol > .buttonbar {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}
/* ------------------ contractcontactaddremovelist ----------------*/
.veracity-contractcontactaddremovelist {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 1200px;
}
.veracity-contractcontactaddremovelist > .searchbar {
}
.veracity-contractcontactaddremovelist > .listheader {
    display: flex;
    padding: 10px 10px 0px 10px;
    align-items: center;
    gap: 5px;
}
.veracity-contractcontactaddremovelist > .listitems {
    display:flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-contractcontactaddremovelist > .emptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
/* -------------contractcontactaddremovelist .column-xxxx -----------------*/
.veracity-contractcontactaddremovelist .column-name {
    width: 250px;
    display: flex;
    align-items: center;
    word-break: break-word;
}
.veracity-contractcontactaddremovelist .column-title {
    width: 250px;
    display: flex;
    align-items: center;
    word-break: break-word;
}
.veracity-contractcontactaddremovelist .column-email {
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
}
.veracity-contractcontactaddremovelist .column-phone {
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
}
/* ------------------ contractcontactaddremovelist-row ----------------*/
.veracity-contractcontactaddremovelist-row {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 5px;
}
.veracity-contractcontactaddremovelist-row > .cellstyle {
    font-size: 18px;
}
/* --------------- contractaddcontactpage --------------*/
.veracity-contractaddcontactpageheader {
    display: flex;
    justify-content: space-between;
}
/* --------------- contractcontacteditor --------------*/
.veracity-contractcontacteditor {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.veracity-contractcontacteditor > .labelandvalue {
    display: flex;
    gap: 10px;
    align-items: baseline;
}
.veracity-contractcontacteditor > .labelandvalue > .label {
    width: 150px;
}
.veracity-contractcontacteditor > .labelandvalue > .name {
}
.veracity-contractcontacteditor > .labelandvalue > .title {
}
.veracity-contractcontacteditor > .labelandvalue > .email {
}
.veracity-contractcontacteditor > .labelandvalue > .phone {
}
/* --------------- contractcontactcard --------------*/
.veracity-contractcontactcard-outer {
    width: 260px;
}
.veracity-contractcontactcard-data {
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    gap: 5px;
}
.veracity-contractcontactcard-data > .top > .name {
    font-size: 18px;
    font-weight: bold;
    color: var(--veracity-color-darkblue);
    overflow: hidden;
    text-overflow: ellipsis;
}
.veracity-contractcontactcard-data > .top > .title {
    font-size: 14px;
    color: dimgray;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}
.veracity-contractcontactcard-data > .bottom > .email {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.veracity-contractcontactcard-data > .bottom > .phone {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* --------------- veracity-emaillink --------------*/
.veracity-emaillink{
    color: var(--veracity-color-blue);
    text-decoration: none;
}
.veracity-emaillink:hover {
    text-decoration: underline;
}
/* --------------- veracity-phonelink --------------*/
.veracity-phonelink {
    color: var(--veracity-color-blue);
    text-decoration: none;
}
.veracity-phonelink:hover {
    text-decoration: underline;
}
/* ---------------- contractfile ---------------- */
.veracitycontractfile {
    color: #1B43BD;
    margin-left: 2%;
}
.veracitycontractfile > .icon {
    margin-right: 10px;
}
.veracitycontractfile > .link {
    text-decoration: underline;
    word-break: break-word;
}
.veracitycontractfile > .link:hover {
    color: #1B43BDC0;
}
/* ---------------- contractfileeditor ---------------- */
.veracitycontractfileeditor {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracitycontractfileeditor .contractfile {
    color: #1B43BD;
    margin-left: 2%;
    display: flex;
    gap: 10px;
}
.veracitycontractfileeditor .link {
    text-decoration: underline;
    word-break: break-word;
}
/* --------------- contractproductpicker --------------*/
.veracity-contractproductpicker {
    display: flex;
    flex-direction: column;
}
.veracity-contractproductpicker > .searchheader {
    display: flex;
    justify-content: space-between;
}
.veracity-contractproductpicker > .productlist {
    display: flex;
    flex-direction: column;
    margin-left: 38px;
}
.veracity-contractproductpicker > .productlist > .floatingdropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 5px;
    z-index: 5;
    background: white;
    width: fit-content;
    border: 1px solid var(--veracity-color-softblue);
    min-width: 300px;
    padding: 5px;
    border-radius: 5px;
}
.veracity-contractproductpicker > .productlist > .floatingdropdown .resultsmessage {
    justify-content: center;
    font-size: 15px;
    font-style: italic;
    color: gray;
}
/* --------------- contractproductpicker-row --------------*/
.veracity-contractproductpicker-row {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: white;
    transition: color 0.2s, background-color 0.2s;
    cursor: pointer;
    user-select: none;
}
.veracity-contractproductpicker-row:hover {
    background-color: var(--veracity-color-hoverblue);
}
/* --------------- contractproductdisplay --------------*/
.veracity-contractproductdisplay {
    display: flex;
    gap: 10px;
    align-items: center;
}
.veracity-contractproductdisplay > .directoryicon {
    width: 50px;
    height: 50px;
    color: var(--veracity-color-blue);
    font-size: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.veracity-contractproductdisplay > .logo img {
    width: 50px;
    height: 50px;
}
.veracity-contractproductdisplay > .productname {
    font-size: 20px;
    color: var(--veracity-color-blue);
}
/* --------------- contractproductcostitemeditor --------------*/
.veracity-contractproductcostitemeditor {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.veracity-contractproductcostitemeditor > .columns {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.veracity-contractproductcostitemeditor > .columns > .column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.veracity-contractproductcostitemeditor > .columns > .columnmedium {
    width: 210px;
}
.veracity-contractproductcostitemeditor > .columns > .columnthin {
    width: 170px;
}
.veracity-contractproductcostitemeditor > .columns > .columnfat {
    width: 250px;
}
.veracity-contractproductcostitemeditor > .columns > .column > .column-cell{
    height: 60px;
}
.veracity-contractproductcostitemeditor > .columns > .column > .column-cell > .label {
    color: var(--veracity-color-darkblue);
    font-size: 15px;
}
.veracity-contractproductcostitemeditor > .columns > .columnmedium > .column-cell {
    height: 60px;
}

.veracity-contractproductcostitemeditor > .columns > .columnmedium > .column-cell > .label {
    color: var(--veracity-color-darkblue);
    font-size: 15px;
}
.veracity-contractproductcostitemeditor > .columns > .columnthin > .column-cell {
    height: 60px;
}

.veracity-contractproductcostitemeditor > .columns > .columnthin > .column-cell > .label {
    color: var(--veracity-color-darkblue);
    font-size: 15px;
}
.veracity-contractproductcostitemeditor > .columns > .columnfat > .column-cell {
    height: 60px;
}

.veracity-contractproductcostitemeditor > .columns > .columnfat > .column-cell > .label {
    color: var(--veracity-color-darkblue);
    font-size: 15px;
}
.veracity-contractproductcostitemeditor > .notes {
    display: flex;
    flex-direction: column;
}
.veracity-contractproductcostitemeditor > .notes > .label {
    color: var(--veracity-color-darkblue);
    font-size: 15px;
}
/* --------------- contractadditionalcostlist --------------*/
.veracity-contractadditionalcostlist {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-contractadditionalcostlist > .createcontrol {
}
.veracity-contractadditionalcostlist > .largeaddbutton {
    display: flex;
    justify-content: center;
}
.veracity-contractadditionalcostlist > .costsummaryandsmalladdbutton {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.veracity-contractadditionalcostlist > .list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* --------------- contractadditionalcostitemeditor --------------*/
.veracity-contractadditionalcostitemeditor {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.veracity-contractadditionalcostitemeditor > .columns {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.veracity-contractadditionalcostitemeditor > .columns > .column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 250px;
}
.veracity-contractadditionalcostitemeditor > .columns > .columnmedium {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 210px;
}
.veracity-contractadditionalcostitemeditor > .columns > .columnthin {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 170px;
}
.veracity-contractadditionalcostitemeditor > .columns > .column > .column-cell > .label {
    color: var(--veracity-color-darkblue);
    font-size: 15px;
}
.veracity-contractadditionalcostitemeditor > .columns > .columnmedium > .column-cell > .label {
    color: var(--veracity-color-darkblue);
    font-size: 15px;
}
.veracity-contractadditionalcostitemeditor > .columns > .columnthin > .column-cell > .label {
    color: var(--veracity-color-darkblue);
    font-size: 15px;
}
.veracity-contractadditionalcostitemeditor > .notes {
    display: flex;
    flex-direction: column;
}
.veracity-contractadditionalcostitemeditor > .notes > .label {
    color: var(--veracity-color-darkblue);
    font-size: 15px;
}
/* --------------- contractcostsummary --------------*/
.veracity-contractcostsummary{
    font-size: 15px;
    color: var(--veracity-color-disabled)
}
.veracity-contractcostsummary.warning {
    color: var(--veracity-color-warningred)
}
/* --------------- datedisplay --------------*/
.veracity-datedisplay {
    font-size: 15px;
    color: var(--veracity-color-disabled)
}
/* --------------- currencydisplay --------------*/
.veracity-currencydisplay {
    font-size: 15px;
    color: var(--veracity-color-disabled)
}
.departmentdropdown250 {
    width: 250px;
}
/* --------------- commonviewframe --------------*/
.veracity-commonviewframe {
    width: 100%;
    display: flex;
    gap: 5px;
}
.veracity-commonviewframe > .left-content {
    width: calc(100% - 30px);
}
.veracity-commonviewframe > .right-icon {
    margin-left: 3px;
}
/* --------------- contractmarkinactivecontrol --------------*/
.veracity-contractmarkinactivecontrol{
    width: fit-content;
    display: flex;
    flex-direction: column;
}
.veracity-contractmarkinactivecontrol > .header {
    display: flex;
    gap: 10px;
    align-items: center;
}
.veracity-contractmarkinactivecontrol > .header > .contractname {
    font-size: 40px;
    color: var(--veracity-color-blue);
}
.veracity-contractmarkinactivecontrol > .warning {
    margin: 50px;
    font-size: 18px;
    color: black;
}
.veracity-contractmarkinactivecontrol .inline-status {
    display: inline-block;
    vertical-align: middle;
}
.veracity-contractmarkinactivecontrol > .buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
/* --------------- contractsectionemptydisplay --------------*/
.veracity-contractsectionemptydisplay {
    text-align: center;
    font-size: x-large;
    color: #666666;
    margin-bottom: 15px;
}
/* --------------- contractvendornavtoggle --------------*/
.veracity-contractvendornavtoggle {
    width: 500px;
}
/* --------------- contractpagecontent --------------*/
.veracity-contractpagecontent {
    width:100%;
    display: flex;
    justify-content: center;
}
/* --------------- permissionicon --------------*/
.veracity-permissionicon {
    font-size: 20px;
    width: 25px;
    margin-right: 5px;
}
.veracity-permissionicon.usercolor {
    color: limegreen;
}
/* --------------- filtersetdisplay --------------*/
.veracity-filtersetdisplay {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 5px;
}
/* --------------- filterdisplay --------------*/
.veracity-filterdisplay {
    border-radius: 18px;
    padding: 8px 20px;
    margin: 10px 8px 0px 8px;
    background-color: #CCCCCC;
    color: white;
    font-size: 16px;
    white-space: nowrap;
}
/* --------------- previewheader --------------*/
.veracity-previewheader {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid gray;
    background-color: #B242B2C0;
    padding: 7px;
}
.veracity-previewheader > .label {
    color: white;
    font-size: large;
}
/* --------------- productfiltereditor --------------*/
.veracity-productfiltereditor {
}
.veracity-productfiltereditor > .outerframe {
    display: flex;
    gap: 20px;
}
.veracity-productfiltereditor > .outerframe > .stackframe {
    min-width: 350px;
}
.veracity-productfiltereditor > .outerframe > .editframe {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.veracity-productfiltereditor > .outerframe > .editframe > .preview {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 15px;
    box-sizing: border-box;
}
.veracity-productfiltereditor > .outerframe > .editframe > .buttonbar {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
/* --------------- productinfoeditor --------------*/
.veracity-productinfoeditor {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}
.veracity-productinfoeditor > .logo {
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
}
.veracity-productinfoeditor > .logo > .fileupload {
    width: 100%;
}
.veracity-productinfoeditor > .outerdata {
    display: flex;
    width: 100%;
    gap: 10px;
}
.veracity-productinfoeditor > .outerdata > .data {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}
.veracity-productinfoeditor > .outerdata > .data > .name {
    width: 350px;
}
.veracity-productinfoeditor > .outerdata > .data > .description {
    width: 100%;
    height: 100%;
    font-size: small;
    color: dimgray;
}
.veracity-productinfoeditor > .buttonbar {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
/* --------------- productlogo --------------*/
.veracity-productlogo {
    padding: 15px 30px;
}
.veracity-productlogo > img {
    width: 90px;
    height: 90px;
}
/* --------------- districtlogo --------------*/
.veracity-districtlogo {
    padding: 15px 15px;
}

.veracity-districtlogo > img {
    height: 270px;
    width: 100%;
    object-fit: contain;
}
/* --------------- productsectioneditrow --------------*/
.veracity-productsectioneditrow {
    display: flex;
    width: 100%;
    margin-top: 15px;
}
.veracity-productsectioneditrow > .sectionframe {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%
}
.veracity-productsectioneditrow > .sectionframe > .arrows {
    display:flex;
    width: 4%;
}
.veracity-productsectioneditrow > .sectionframe > .sectiontitle {
    margin-left: 5px;
    width: 90%;
}

.veracity-productsectioneditrow > .sectionframe > .publiccatalog {
    width: 3%;
}

.veracity-productsectioneditrow > .sectionframe > .editicon {
    margin-left: 10px;
    width: 3%;
}
.veracity-productsectioncomponentalertmessage {
    display: flex;
    justify-content: space-between;
    align-content: start;
    margin-top: 20px;
    margin-bottom: -10px;
}

/* --------------- productsectionedit --------------*/
.veracity-productsectionedit {
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.veracity-productsectionedit > .header {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.veracity-productsectionedit > .alertmessage {
    display: flex;
    justify-content: space-between;
    align-content: start;
    margin-top: 2px;
    margin-bottom: 2px;
}
.veracity-productsectionedit > .header > .headerlabel {
    color: #1B43BD;
    font-size: 26px;
    font-weight: bold;
}
.veracity-productsectionedit > .sectionlist {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* --------------- veracity-addelementtypeselector --------------*/
.veracity-addelementtypeselector {
    width: 100%;
}
.veracity-addelementtypeselector > .titletext {
    color: #1B43BD;
    font-size: large;
    font-weight: bold;
}
.veracity-addelementtypeselector > .outerbuttonframe {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    width: 100%;
}
.veracity-addelementtypeselector > .outerbuttonframe > .innerbuttongroup {
    max-width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-self: center;
}
.veracity-addelementtypeselector > .outerbuttonframe > .cancelbar {
    display: flex;
    justify-content: flex-end;
}
/* --------------- createshapedelement --------------*/
.veracity-createshapedelement-addbuttonframe {
    display: flex;
    justify-content: center;
    width: 100%;
}
/* --------------- elementtypelabel --------------*/
.veracity-elementtypelabel {
    display: flex;
    align-items: center;
    color: var(--veracity-color-blue);
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
}
.veracity-elementtypelabel > .arrows{
    margin-left: 5px;
}
/* --------------- sectioneditcontrol --------------*/
.veracity-sectioneditcontrol {

}
.veracity-sectioneditcontrol > .deleteconfirm {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
}
.veracity-sectioneditcontrol > .deleteconfirm > .deletemessage {
    display: flex;
    justify-content: center;
    margin: 50px;
}
.veracity-sectioneditcontrol > .deleteconfirm > .deletebuttonbar {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.veracity-sectioneditcontrol > .editcontent {
    width: 100%;
}
.veracity-sectioneditcontrol > .editcontent > .titlebar {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}
.veracity-sectioneditcontrol > .editcontent > .titlebar > .maintitle {
    color: #1B43BD;
    font-size: 44px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}
.veracity-sectioneditcontrol > .editcontent > .titlebar > .buttonbar {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
}
.veracity-sectioneditcontrol > .editcontent > .multiassign {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 15px;
}
.veracity-sectioneditcontrol > .editcontent > .public {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 15px;
}
.veracity-sectioneditcontrol > .editcontent > .buttonbar2 {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}
/* --------------- sectionelementscontrol --------------*/
.veracity-sectionelementscontrol-elementrow {
    margin: 10px;
}
/* --------------- sectiontitlelabel --------------*/
.veracity-sectiontitlelabel {
    color: #1B43BD;
    font-size: 24px;
    min-width: 300px;
    word-break: break-word;
}
/* --------------- backlink --------------*/
.veracity-backlink {
    color: #1B43BD;
    background-color: white;
    transition: color 0.2s, background-color 0.2s;
    cursor: pointer;
    user-select: none;
}
.veracity-backlink:hover {
    color: #1B43BDA0;
    background-color: #1B43BD20;
}
/* --------------- commoncreateframe --------------*/
.veracity-commoncreateframe {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.veracity-commoncreateframe.roundedframe {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
}
.veracity-commoncreateframe > .content {
    width: 100%;
}
.veracity-commoncreateframe > .content.roundedframe {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
}
.veracity-commoncreateframe > .buttonbar {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    margin-top: 15px;
}
/* --------------- commoneditdeleteframe --------------*/
.veracity-commoneditdeleteframe {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.veracity-commoneditdeleteframe.roundedframe {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
}
.veracity-commoneditdeleteframe > .editframe {
    position: relative;
    display: flex;
    width: 100%;
}
.veracity-commoneditdeleteframe > .editframe > .content {
    width: 100%;
}
.veracity-commoneditdeleteframe > .editframe > .content.roundedframe {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
}
.veracity-commoneditdeleteframe > .editframe > .deleteoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.veracity-commoneditdeleteframe > .leftrightbar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.veracity-commoneditdeleteframe > .leftrightbar > .left {
    width: fit-content;
    display: flex;
    gap: 10px;
}
.veracity-commoneditdeleteframe > .leftrightbar > .right {
    width: fit-content;
    display: flex;
    gap: 10px;
}
/* --------------- deletewarningframe --------------*/
.veracity-deletewarningframe {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.veracity-deletewarningframe > .redalert {
    color: var(--veracity-color-warningred);
    font-size: larger;
    font-weight: bold;
    padding: 5px;
}
.veracity-deletewarningframe > .message {
    padding: 5px;
    text-align: center;
}
/* --------------- warningframe --------------*/
.veracity-warningframe {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.veracity-warningframe > .alert {
    color: var(--veracity-color-darkblue);
    font-size: larger;
    font-weight: bold;
    padding: 5px;
    display: flex;
    gap: 4px;
}
.veracity-warningframe > .message {
    padding: 5px;
    text-align: center;
}
/* --------------- greenwarningframe --------------*/
.veracity-greenwarningframe {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.veracity-greenwarningframe > .greenalert {
    color: var(--veracity-color-green);
    font-size: larger;
    font-weight: bold;
    padding: 5px;
}
.veracity-greenwarningframe > .message {
    padding: 5px;
    text-align: center;
}
/* --------------- alertframe --------------*/
.veracity-alertframepubliccatalog {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.veracity-alertframepubliccatalog > .blackalert {
    margin-left: 15px;
    color: black;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-items: flex-start;
}
.veracity-alertframepubliccatalog > .blackalert > .bold {
    font-weight: bold;
}
.veracity-alertframepubliccatalog > .blackalert > .normal {
    margin-left: 8px;
    font-weight: normal;
}
/* --------------- fieldnamelabel --------------*/
.veracity-fieldnamelabel {
    color: #1B43BD;
    font-size: 18px;
    margin-bottom: 5px;
}
.veracity-fieldnamelabel > .makered {
    color: red;
}
/* --------------- loading --------------*/
.veracity-loading {
    font-size: x-large;
    font-weight: bold;
    color: gray;
}
/* --------------- resultscountselector --------------*/
.veracity-resultscountselector {
    display: block;
    cursor: pointer;
}
.veracity-resultscountselector > .header {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 120px;
    justify-content: space-between;
    border: solid 1px gray;
    padding: 3px;
}
.veracity-resultscountselector > .header > .icon > i.iconstyle {
    color: gray;
}
.veracity-resultscountselector > .floatingdropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 5;
    background: white;
}
.veracity-resultscountselector > .floatingdropdown > .item {
    border: solid 1px lightgray;
    width: 120px;
    padding: 3px;
}
/* --------------- protodropdown --------------*/
.veracity-protodropdown {
}
.veracity-protodropdown select {
    outline: none;
    border-style: solid;
    border-width: 2px;
    width: 100%;
    box-sizing: border-box;
    border: 1px dotted red;
}
.veracity-protodropdown.kind1 select {
    border-color: #666666;
    box-shadow: 0px 0px 3px 0px #666666;
}
.veracity-protodropdown option {
    border: 1px dotted green;
}
.veracity-protodropdown.size1 select {
    border-radius: 5px;
    height: 20px;
    font-size: 18px;
    padding: 0px 18px 0px 18px;
}
.veracity-protodropdown.size2 select {
    border-radius: 8px;
    height: 30px;
    font-size: 24px;
    padding: 0px 20px 0px 20px;
}
.veracity-protodropdown.size3 select {
    border-radius: 10px;
    height: 40px;
    font-size: 30px;
    padding: 0px 21px 0px 21px;
}
.veracity-protodropdown.size4 select {
    border-radius: 12px;
    height: 50px;
    font-size: 35px;
    padding: 0px 22px 0px 22px;
}
.veracity-protodropdown.size5 select {
    border-radius: 15px;
    height: 60px;
    font-size: 40px;
    padding: 0px 24px 0px 24px;
}
/* ---------------- expiringcontracttable ---------------- */
.expiringcontracttable {
    box-sizing: border-box;
    padding: 10px;
}
.expiringcontracttable .title {
    font-size: 24px;
    font-weight: bold;
    color: #0B225B;
    margin-bottom: 15px;
}
.expiringcontracttable .csv {
    display: flex;
    justify-content: right;
    margin-bottom: 10px;
}
.expiringcontracttable .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    color: #0B225B;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
}
.expiringcontracttable .header .col1 {
    width: 7%;
    text-align: center;
}
.expiringcontracttable .header .col2 {
    width: 25%;
    text-align: left;
}
.expiringcontracttable .header .col3 {
    width: 20%;
    text-align: center;
}
.expiringcontracttable .header .col4 {
    width: 20%;
    text-align: center;
}
.expiringcontracttable .header .col5 {
    width: 18%;
    text-align: right;
}
.expiringcontracttable .header .col6 {
    width: 10%;
    text-align: center;
}
.expiringcontracttable .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 10px;
    margin-bottom: 10px;
    background-color: white;
    transition: background-color 0.1s;
    overflow: hidden;
    cursor: pointer;
}
.expiringcontracttable .row:hover {
    background-color: #1B43BD20;
}
.expiringcontracttable .row .col1 {
    width: 7%;
    text-align: center;
    font-size: 28px;
}
.expiringcontracttable .row .col1 .gray {
    color: lightgray;
}
.expiringcontracttable .row .col1 .yellow {
    color: #FCA306;
}
.expiringcontracttable .row .col1 .red {
    color: #F72B2B;
}
.expiringcontracttable .row .col2 {
    width: 25%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.expiringcontracttable .row .col3 {
    width: 20%;
    text-align: center;
    font-size: 16px;
    color: gray;
    white-space: nowrap;
}
.expiringcontracttable .row .col4 {
    width: 20%;
    text-align: center;
    font-size: 16px;
    color: gray;
    white-space: nowrap;
}
.expiringcontracttable .row .col5 {
    width: 18%;
    text-align: right;
    font-size: 16px;
    white-space: nowrap;
}
.expiringcontracttable .row .col5 .daysnumber {
    font-size: 28px;
}
.expiringcontracttable .row .col5 .blue {
    color: #0B225B;
}
.expiringcontracttable .row .col5 .red {
    color: #F72B2B;
}
.expiringcontracttable .row .col5 .gray {
    color: lightgray;
}
.expiringcontracttable .row .col6 {
    width: 10%;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
}
.expiringcontracttable .emptylistmessage {
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 10px;
    text-align: center;
    color: gray;
    font-size: 18px;
    padding: 15px;
}
/* ---------------- horizontalbarchart ---------------- */
.horizontalbarchart {
    box-sizing: border-box;
    width: 100%;
}
.horizontalbarchart .rows .row {
    display: flex;
    justify-content: space-between;
    height: 40px;
    border-radius: 3px;
    background-color: white;
    transition: background-color 0.1s;
    overflow: hidden;
}
.horizontalbarchart .rows .row.clickable {
    cursor: pointer;
    user-select: none;
}
.horizontalbarchart .rows .row.clickable:hover {
    background-color: #1B43BD20;
}
.horizontalbarchart .rows .row .left {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 25%;
}
.horizontalbarchart .rows .row .left .name {
    color: #1B43BD;
}
.horizontalbarchart .rows .row .right {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    width: 75%;
    border-left: 1px solid lightgray;
}
.horizontalbarchart .rows .row .right .bar {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    height: 25px;
    font-size: 12px;
    overflow: hidden;
}
.horizontalbarchart .rows .row .right .bar.primary {
    background-color: #1CB052;
}
.horizontalbarchart .rows .row .right .bar.secondary {
    background-color: #59c580;
}
/* ---------------- productwithmostspendsummary ---------------- */
.productwithmostspendsummary {
    box-sizing: border-box;
    padding: 10px;
}
.productwithmostspendsummary .title {
    font-size: 24px;
    font-weight: bold;
    color: #0B225B;
    margin-bottom: 15px;
}
/* ---------------- productwithmostspendtable ---------------- */
.productwithmostspendtable {
    box-sizing: border-box;
    padding: 0px 10px;
}
.productwithmostspendtable .title {
    font-size: 24px;
    font-weight: bold;
    color: #0B225B;
    margin-bottom: 15px;
}
.productwithmostspendtable .csv {
    display: flex;
    justify-content: right;
    margin-bottom: 10px;
}
.productwithmostspendtable .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    color: #0B225B;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
}
.productwithmostspendtable .header .col1 {
    width: 10%;
    text-align: center;
}
.productwithmostspendtable .header .col2 {
    width: 70%;
    text-align: left;
}
.productwithmostspendtable .header .col3 {
    width: 20%;
    text-align: center;
}
.productwithmostspendtable .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 5px;
    margin-bottom: 15px;
    background-color: white;
    transition: background-color 0.1s;
}
.productwithmostspendtable .row.clickable {
    overflow: hidden;
    cursor: pointer;
}
.productwithmostspendtable .row.clickable:hover {
    background-color: #1B43BD20;
}
.productwithmostspendtable .row .col1 {
    width: 10%;
    text-align: center;
}
.productwithmostspendtable .row .col1 .img {
    margin-top: 3px;
    width: 45px;
    height: 45px;
}
.productwithmostspendtable .row .col2 {
    width: 70%;
    text-align: left;
    font-weight: bold;
}
.productwithmostspendtable .row .col3 {
    width: 20%;
    text-align: center;
    color: gray;
    white-space: nowrap;
}
.productwithmostspendtable .emptylistmessage {
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 10px;
    text-align: center;
    color: gray;
    font-size: 18px;
    padding: 20px;
}
/* ---------------- totalspendbylocationsummary ---------------- */
.totalspendbylocationsummarytitle {
    font-size: 24px;
    font-weight: bold;
    color: #0B225B;
    margin-bottom: 15px;
}
.totalspendbylocationsummary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border: 1px solid lightgray;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
}
.totalspendbylocationsummary .left {
    width: 50%;
    text-align: center;
    color: #0B225B;
    font-size: 36px;
    overflow: hidden;
}
.totalspendbylocationsummary .right {
    width: 50%;
}
.totalspendbylocationsummary .right .label {
    text-align: center;
    color: #8C8C8C;
    font-size: 16px;
    margin-bottom: 10px;
}
.totalspendbylocationsummary .right .row {
    border-radius: 3px;
    padding: 4px;
    margin: 6px 0px;
    background-color: white;
    transition: background-color 0.1s;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
}
.totalspendbylocationsummary .right .row:hover {
    background-color: #1B43BD20;
}
.totalspendbylocationsummary .right .row.selected {
    color: #1B43BD;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    border: 1px solid #1B43BD;
}
.totalspendbylocationsummary .right .row.unselected {
    color: #ABADAF;
    box-shadow: 0px 0px 5px 0px #ABADAF;
    border: 1px solid #ABADAF;
}
/* ---------------- totalspendbylocationtable ---------------- */
.totalspendbylocationtable {
    box-sizing: border-box;
    padding: 10px;
}
.totalspendbylocationtable .allspend {
    color: #0B225B;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}
.totalspendbylocationtable .csv {
    display: flex;
    justify-content: right;
    margin-bottom: 10px;
}
.totalspendbylocationtable .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    color: #0B225B;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
}
.totalspendbylocationtable .header .col1 {
    width: 80%;
}
.totalspendbylocationtable .header .col2 {
    width: 20%;
    text-align: right;
}
.totalspendbylocationtable .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 15px;
    margin-bottom: 10px;
    overflow: hidden;
}
.totalspendbylocationtable .row .col1 {
    width: 80%;
}
.totalspendbylocationtable .row .col2 {
    width: 20%;
    color: gray;
    text-align: right;
    margin-right: 10px;
}
.totalspendbylocationtable .emptylistmessage {
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 10px;
    text-align: center;
    color: gray;
    font-size: 18px;
    padding: 15px;
}
/* ---------------- totalproductswithspendsummary ---------------- */
.totalproductswithspendsummarytitle {
    font-size: 24px;
    font-weight: bold;
    color: #0B225B;
    margin-bottom: 15px;
}
.totalproductswithspendsummary {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 75px;
    border: 1px solid lightgray;
    border-radius: 5px;
    background-color: white;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
}
.totalproductswithspendsummary:hover {
    background-color: #1B43BD20;
}
.totalproductswithspendsummary .content {
    display: flex;
    align-items: flex-end;
}
.totalproductswithspendsummary .content .quantity {
    color: #0B225B;
    font-size: 48px;
}
.totalproductswithspendsummary .content .label {
    color: #ABADAF;
    font-size: 20px;
    margin-left: 5px;
    margin-bottom: 4px;
}
/* ---------------- seemore ---------------- */
.seemore {
    box-sizing: border-box;
    color: #0B225B;
    border-radius: 5px;
    padding: 5px;
    background-color: white;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
}
.seemore:hover {
    background-color: #1B43BD20;
}
.seemorefooter {
    display: flex;
    justify-content: right;
}
/* ---------------- tabstrip ---------------- */
.tabstrip {
    display: flex;
    flex-wrap: wrap;
}
.tabstrip.center {
    justify-content: center;
}
.tabstrip .tabbutton {
    outline: none;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    background-color: white;
    border: 0px;
    user-select: none;
}
.tabstrip .tabbutton.selected {
    color: #1B43BD;
    box-shadow: 0px 0px 12px 0px #1B43BD;
    z-index: 2;
}
.tabstrip .tabbutton.unselected {
    color: #1B43BD80;
    box-shadow: 0px 0px 4px 0px #1B43BDC0;
    z-index: 1;
}
.tabstrip.wide .tabbutton {
    padding: 5px 50px;
    min-width: 300px;
}
.tabstrip.unwide .tabbutton {
    padding: 5px 25px;
    min-width: 100px;
}
.tabstrip .tabbutton.enabled {
    cursor: pointer;
    transition: background-color 0.1s;
}
.tabstrip .tabbutton.enabled:hover {
    background-color: #1B43BD20;
}
/* ---------------- dashboardcontracts ---------------- */
.dashboardcontracts>.row {
    display: flex;
}
.dashboardcontracts>.row>.full {
    width: 100%;
}
.dashboardcontracts>.row>.left {
    width: 40%;
}
.dashboardcontracts>.row>.right {
    width: 60%;
}
.dashboardcontracts>.row>.full>.item {
    padding-bottom: 20px;
}
.dashboardcontracts>.row>.left>.item {
    padding-left: 10px;
    padding-bottom: 20px;
}
.dashboardcontracts>.row>.right>.item {
    padding-left: 10px;
    padding-bottom: 20px;
}
/* ---------------- reports ---------------- */
.reportscards {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.reportscards > .card {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    background-color: white;
    color: #1B43BD;
    border-radius: 5px;
    width: 350px;
    height: 150px;
    margin: 30px;
    padding: 10px;
    box-shadow: 0px 0px 3px 0px #1B43BD;
    text-align: center;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
}
.reportscards > .card:hover {
    background-color: #1B43BD20;
}
.reportscards > .card > .icon {
    font-size: 40px;
}
.reportscards > .card > .title {
    font-size: 24px;
    font-weight: bold;
}
.reportscards > .card > .description {
    font-size: 16px;
}
/* ---------------- contractproductreporttable ---------------- */
.contractproductreporttable {
    box-sizing: border-box;
    padding: 10px;
}
.contractproductreporttable .csv {
    display: flex;
    justify-content: right;
    margin-bottom: 10px;
}
.contractproductreporttable .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    color: #0B225B;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 0px 10px;
    white-space: nowrap;
    overflow: hidden;
}
.contractproductreporttable .header .col1 {
    width: 17%;
}
.contractproductreporttable .header .col2 {
    width: 17%;
}
.contractproductreporttable .header .col3 {
    width: 17%;
}
.contractproductreporttable .header .col4 {
    width: 17%;
}
.contractproductreporttable .header .col5 {
    width: 8%;
}
.contractproductreporttable .header .col6 {
    width: 8%;
}
.contractproductreporttable .header .col7 {
    width: 8%;
}
.contractproductreporttable .header .col8 {
    width: 8%;
}
.contractproductreporttable .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 10px;
    margin-bottom: 10px;
    background-color: white;
    transition: background-color 0.1s;
    overflow: hidden;
    cursor: pointer;
}
.contractproductreporttable .row:hover {
    background-color: #1B43BD20;
}
.contractproductreporttable .row .col1 {
    width: 17%;
}
.contractproductreporttable .row .col2 {
    width: 17%;
}
.contractproductreporttable .row .col3 {
    width: 17%;
}
.contractproductreporttable .row .col4 {
    width: 17%;
}
.contractproductreporttable .row .col5 {
    width: 8%;
}
.contractproductreporttable .row .col6 {
    width: 8%;
}
.contractproductreporttable .row .col7 {
    width: 8%;
}
.contractproductreporttable .row .col8 {
    width: 8%;
}
.contractproductreporttable .emptylistmessage {
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 10px;
    text-align: center;
    color: gray;
    font-size: 18px;
    padding: 15px;
}
/* ---------------- contractproductreport ---------------- */
.contractproductreport > .resultlimiter {
    margin: 30px 0px 0px 10px;
}
.mobilefilterbutton {
    display: none;
    font-size: 18px;
}
.colorsize {
    flex-basis: 10%;
    max-width: 10%;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
    cursor: pointer;
}
.colorsize:hover {
    transform: scale(1.2);
}
.iconpatch {
    font-size: 30px;
}
.iconcontainerunselected {
    width: 40px;
    height: 40px;
    border: 3px solid white;
    background-color: white;
    text-align: center;
    border-radius: 10px;
    margin: 5px;
    box-shadow: 0px 0px 5px 0px gray;
    overflow: hidden;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.iconcontainerunselected:hover {
    transform: scale(1.2);
}
.iconcontainerselected:hover {
    transform: scale(1.2);
}
.iconcontainerselected {
    width: 40px;
    height: 40px;
    border: 3px solid blue;
    background-color: white;
    text-align: center;
    border-radius: 10px;
    margin: 5px;
    box-shadow: 0px 0px 5px 0px gray;
    overflow: hidden;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.iconset {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-content: flex-start;
}
.colorset {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 0;
    align-content: flex-start;
}

@media screen and (max-width: 600px) {
    .veracity-searchtextbox {
        flex-direction: column;
        align-items: unset;
    }

    .veracitypubliccatalogsearchandsort {
        flex-direction: column;
        align-items: unset;
        margin-top: 10px;
    }

    .veracitypubliccatalogsearchandsort .sortbyparent {
        margin-top: 10px;
        flex-direction: row;
        align-items: center;
    }

    .veracitypubliccatalogsearchandsort .sortbylabel {
        margin-left: 7px;
        margin-right: 5px;
    }

    .veracitypubliccatalogbody {
        flex-direction: column;
    }

    .veracitypubliccatalogbody > .left {
        width: 100%;
        display: none;
    }

    .veracitypubliccatalogbody > .leftshow {
        width: 100%;
    }

    .veracitypubliccatalogbody > .right {
        width: 100%;
        padding: 5px;
    }

    .veracityproductcatalogproduct {
        margin-right: 20px;
        width: 90%;
        height: 200px;
    }

    .veracityproductcataloglist {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .mobilefilterbutton {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }
}
/* ---------------- commonlogin ---------------- */
.commonlogin * {
    box-sizing: border-box;
}
.commonlogin {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.commonlogin > .logo > .img {
    height: 132px;
}
.commonlogin > .title {
    color: #333333;
    font-size: 32px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 25px;
}
.commonlogin > .welcome {
    color: #333333;
    font-size: 32px;
    margin-top: 25px;
}
.commonlogin > .welcome > .bold {
    font-weight: 900;
}
.commonlogin > .login {
    color: white;
    font-size: 32px;
    font-weight: bold;
    background-color: #0B225B;
    padding: 25px;
    border-radius: 15px;
    margin-top: 25px;
    text-transform: uppercase;
    transition: background-color 0.1s;
    user-select: none;
    cursor: pointer;
}
.commonlogin > .login:hover {
    background-color: #3E558E;
}
.commonlogin > .directlogin {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.commonlogin > .directlogin > .or {
    color: lightgray;
    margin: 30px 0px;
}
.commonlogin > .directlogin > .button {
    color: gray;
    font-size: 14px;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid lightgray;
    background-color: white;
    text-transform: uppercase;
    transition: background-color 0.1s;
    user-select: none;
    cursor: pointer;
}
.commonlogin > .directlogin > .button:hover {
    background-color: #1B43BD10;
}
.commonlogin > .statements {
    color: #333333;
    font-size: 32px;
}
.commonlogin > .statements > .statement {
    margin-top: 40px;
}
.commonlogin > .statements > .statement > .bold {
    font-weight: bold;
}
.commonlogin > .statements > .statement > .email {
    color: #0B225B;
    border-radius: 5px;
}
.commonlogin > .statements > .statement > .email:hover {
    color: #0B22FF;
    background-color: #EEEEEE;
}
/* ---------------- unsubscribe ---------------- */
.unsubscribe * {
    box-sizing: border-box;
}
.unsubscribe {
    text-align: center;
    padding: 25px;
}
.unsubscribe > .logo > .img {
    max-width: 600px;
}
.unsubscribe > .label {
    font-size: 20px;
    color: gray;
}
.unsubscribe > .email {
    font-size: 40px;
    color: #333333;
    word-wrap: break-word;
}
.unsubscribe > .icon {
    font-size: 80px;
}
.unsubscribe > .icon > .iconsize.success {
    color: #1CB052;
}
.unsubscribe > .icon > .iconsize.failure {
    color: #EB4C60;
}
.unsubscribe > .outcome {
    font-size: 40px;
    color: #333333;
}
.unsubscribe > .linkmessage {
    font-size: 20px;
    color: #333333;
    margin-top: 25px;
    margin-bottom: 10px;
}
.unsubscribe > .linkurl {
    font-size: 20px;
    color: #333333;
    text-decoration: underline;
    word-wrap: break-word;
}
.unsubscribe > .linkurl:hover {
    color: #0B225B;
}
@media screen and (max-width: 600px) {
    .unsubscribe > .label {
        font-size: 16px;
    }
    .unsubscribe > .email {
        font-size: 24px;
    }
    .unsubscribe > .icon {
        font-size: 64px;
    }
    .unsubscribe > .outcome {
        font-size: 24px;
    }
    .unsubscribe > .linkmessage {
        font-size: 16px;
    }
    .unsubscribe > .linkurl {
        font-size: 16px;
    }
}
@media screen and (max-width: 450px) {
    .unsubscribe > .label {
        font-size: 14px;
    }
    .unsubscribe > .email {
        font-size: 20px;
    }
    .unsubscribe > .icon {
        font-size: 48px;
    }
    .unsubscribe > .outcome {
        font-size: 20px;
    }
    .unsubscribe > .linkmessage {
        font-size: 14px;
    }
    .unsubscribe > .linkurl {
        font-size: 14px;
    }
}
/* ---------------- notificationsnumberedicon ---------------- */
.notificationsnumberedicon * {
    box-sizing: border-box;
}
.notificationsnumberedicon {
    position: relative;
    padding: 6px 12px;
    width: fit-content;
    border-radius: 5px;
    background-color: white;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
}
.notificationsnumberedicon:hover {
    background-color: #DDEEFF;
}
.notificationsnumberedicon > .icon {
    color: #0B225B;
}
.notificationsnumberedicon > .number {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F72B2B;
    color: white;
    border-radius: 50%;
}
/* ---------------- triggeredeventnotificationitem ---------------- */
.triggeredeventnotificationitem * {
    box-sizing: border-box;
}
.triggeredeventnotificationitem {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.triggeredeventnotificationitem > .select {
    width: 50px;
}
.triggeredeventnotificationitem > .delete {
    width: 50px;
}
.triggeredeventnotificationitem > .info {
    display: flex;
    width: calc(100% - 100px);
    padding: 14px;
    border-radius: 10px;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
}
.triggeredeventnotificationitem.unread > .info {
    background-color: white;
    box-shadow: 0px 0px 5px 0px #1B43BD;
}
.triggeredeventnotificationitem.read > .info {
    background-color: #CCCCCC;
}
.triggeredeventnotificationitem.unread > .info:hover {
    background-color: #1B43BD20;
}
.triggeredeventnotificationitem.read > .info:hover {
    background-color: #DDDDDD;
}
.triggeredeventnotificationitem > .info > .subject {
    width: 20%;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}
.triggeredeventnotificationitem.unread > .info > .subject {
    color: black;
}
.triggeredeventnotificationitem.read > .info > .subject {
    color: gray;
}
.triggeredeventnotificationitem > .info > .message {
    width: 65%;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.triggeredeventnotificationitem.unread > .info > .message {
    color: black;
}
.triggeredeventnotificationitem.read > .info > .message {
    color: gray;
}
.triggeredeventnotificationitem > .info > .date {
    width: 10%;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
}
.triggeredeventnotificationitem.unread > .info > .date {
    color: gray;
}
.triggeredeventnotificationitem.read > .info > .date {
    color: gray;
}
.triggeredeventnotificationitem > .info > .new {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5%;
}
.triggeredeventnotificationitem > .info > .new > .dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.triggeredeventnotificationitem.unread > .info > .new > .dot {
    background-color: #1CB052;
}
.triggeredeventnotificationitem.read > .info > .new > .dot {
    background-color: transparent;
}
.triggeredeventnotificationitem > .info > .new > .email {
    margin-left: 2px;
}
.triggeredeventnotificationitem > .info > .new > .email.pending {
    color: #F72B2B;
}
.triggeredeventnotificationitem > .info > .new > .email.self {
    color: #FCA306;
}
.triggeredeventnotificationitem > .info > .new > .email.all {
    color: #1CB052;
}
.triggeredeventnotificationitem > .info > .new > .email.skipped {
    color: gray;
}
.triggeredeventnotificationitem > .info > .new > .email.unknown {
    color: lightgray;
}
/* ---------------- triggeredeventnotificationheader ---------------- */
.triggeredeventnotificationheader * {
    box-sizing: border-box;
}
.triggeredeventnotificationheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.triggeredeventnotificationheader > .select {
    width: 30px;
}
.triggeredeventnotificationheader > .label {
    width: 70px;
    color: #0B225B;
    font-style: italic;
    font-size: 14px;
    text-align: center;
}
.triggeredeventnotificationheader > .info {
    display: flex;
    width: calc(100% - 100px);
    padding: 0px 14px;
}
.triggeredeventnotificationheader > .info > .subject {
    width: 20%;
    color: #0B225B;
    font-weight: bold;
}
.triggeredeventnotificationheader > .info > .message {
    width: 65%;
    color: #0B225B;
    font-weight: bold;
}
.triggeredeventnotificationheader > .info > .date {
    width: 15%;
    color: #0B225B;
    font-weight: bold;
    text-align: center;
}
/* ---------------- triggeredeventnotifications ---------------- */
.triggeredeventnotifications * {
    box-sizing: border-box;
}
.triggeredeventnotifications > .deletebar {
    display: flex;
    justify-content: right;
}
.triggeredeventnotifications > .headerspacer {
    height: 10px;
}
.triggeredeventnotifications > .itemspacer {
    height: 10px;
}
.triggeredeventnotifications > .showall {
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    font-style: italic;
    color: #0B225B;
    background-color: white;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
}
.triggeredeventnotifications > .showall:hover {
    background-color: #1B43BD20;
}
.triggeredeventnotifications > .emptylistmessage {
    text-align: center;
    color: #8C8C8C;
}
/* ---------------- csvbutton ---------------- */
.csvbutton * {
    box-sizing: border-box;
}
.csvbutton {
    width: 180px;
    height: 30px;
}
.csvbutton > .button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: white;
    border-radius: 15px;
}
.csvbutton > .export {
    box-shadow: 0px 0px 3px 0px #FCA306;
    background-color: #FCA306;
    transition: background-color 0.1s;
    cursor: pointer;
    user-select: none;
}
.csvbutton > .export > i {
    margin-right: 5px;
}
.csvbutton > .export:hover {
    background-color: #FCA306C0;
}
.csvbutton > .pending {
    box-shadow: 0px 0px 3px 0px #8C8C8C;
    background-color: #8C8C8C;
}
.csvbutton > .download {
    box-shadow: 0px 0px 3px 0px #1CB052;
    background-color: #1CB052;
}
.csvbutton > .download > a > i {
    margin-right: 5px;
}

/* ---------------- bulkassignapprovalstatuses ---------------- */
.veracitybulkassignapprovalstatuses {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.veracitybulkassignapprovalstatuses.both {
    justify-content: space-between;
}
.veracitybulkassignapprovalstatuses.right {
    justify-content: flex-end;
}
.veracitybulkassignapprovalstatuses.left {
    justify-content: flex-start;
}
.veracitybulkassignapprovalstatuses > .veracitybulkassignapprovalstatustitle {
    font-size: 24px;
    color: var(--veracity-color-blue);
}
.veracitybulkassignapprovalstatuses > .buttonframe {
    display: flex;
    justify-content: end;
    gap: 8px;
}
/* ---------------- bulkassignfilters ---------------- */
.veracitybulkassignfilters {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.veracitybulkassignfilters.both {
    justify-content: space-between;
}
.veracitybulkassignfilters.right {
    justify-content: flex-end;
}
.veracitybulkassignfilters.left {
    justify-content: flex-start;
}
.veracitybulkassignfilters > .veracitybulkassignfiltertitle {
    font-size: 24px;
    color: var(--veracity-color-blue);
    display: flex;
    flex-direction: column;
}
.veracitybulkassignfilters > .veracitybulkassignfiltertitle > .veracitybulkassignfilterhelper {
    margin-top: 10px;
    font-size: 16px;
    font-weight: normal;
}
.veracitybulkassignfilters > .buttonframe {
    display: flex;
    justify-content: end;
    gap: 8px;
}
/* ---------------- bulkassignapprovalstatuspreview ---------------- */
.veracitybulkassignapprovalstatuspreview * {
    box-sizing: border-box;
}
.veracitybulkassignapprovalstatuspreview > .header {
    display: flex;
    color: #0B225B;
    font-weight: bold;
    margin-bottom: 10px;
}
.veracitybulkassignapprovalstatuspreview > .header > .statusname {
    overflow: hidden;
    width: 84%;
    text-align: left;
    padding-left: 1%;
    color: #1B43BD;
}
.veracitybulkassignapprovalstatuspreview > .header > .statuscount {
    overflow: hidden;
    width: 16%;
    text-align: left;
    color: #1B43BD;
}
.veracitybulkassignapprovalstatuspreview > .rows > .separator {
    height: 10px;
}
/* ---------------- bulkassignapprovalstatuspreview ---------------- */
.veracitybulkassignfilterpreview * {
    box-sizing: border-box;
}
.veracitybulkassignfilterpreview > .header {
    display: flex;
    color: #1B43BD;
    font-weight: bold;
    margin-bottom: 10px;
}
.veracitybulkassignfilterpreview > .header > .filtername {
    overflow: hidden;
    width: 84%;
    text-align: left;
    padding-left: 1%;
}
.veracitybulkassignfilterpreview > .header > .filtercount {
    overflow: hidden;
    width: 16%;
    text-align: left;
}
.veracitybulkassignfilterpreview > .rows > .separator {
    height: 10px;
}
/* ---------------- bulkassignapprovalstatuspreviewrow ---------------- */
.veracitybulkassignapprovalstatuspreviewrow * {
    box-sizing: border-box;
}
.veracitybulkassignapprovalstatuspreviewrow {
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    background-color: white;
    height: 40px;
    transition: background-color 0.1s;
    overflow: hidden;
    user-select: none;
    font-size: 20px;
}
.veracitybulkassignapprovalstatuspreviewrow > .statusname {
    width: 84%;
}
.veracitybulkassignapprovalstatuspreviewrow > .statuscount {
    overflow: hidden;
    width: 6%;
    text-align: right;
}
.veracitybulkassignapprovalstatuspreviewrow > .separator {
    margin-left: 10px;
}
.veracitybulkassignapprovalstatuspreviewrow .statusname-font-left {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    margin-right: 7px;
}
.veracitybulkassignapprovalstatuspreviewrow .statusname-font-right {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    margin-left: 7px;
}
/* ---------------- bulkassignfilterpreviewrow ---------------- */
.veracitybulkassignfilterpreviewrow * {
    box-sizing: border-box;
}
.veracitybulkassignfilterpreviewrow {
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    background-color: white;
    height: 40px;
    transition: background-color 0.1s;
    overflow: hidden;
    user-select: none;
    font-size: 20px;
}
.veracitybulkassignfilterpreviewrow > .filtername {
    width: 84%;
    margin-left: 10px;
}
.veracitybulkassignfilterpreviewrow > .filtercount {
    overflow: hidden;
    width: 6%;
    text-align: right;
}
.veracitybulkassignfilterpreviewrow > .separator {
    margin-left: 10px;
}
.veracitybulkassignfilterpreviewrow .filtername-font-left {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    margin-right: 7px;
}
.veracitybulkassignapprovalstatuspreviewrow .fitername-font-right {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    margin-left: 7px;
}
/* ---------------- veracitybulkassignproductsearchandsort ---------------- */
.veracitybulkassignproductsearchandsort {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* ---------------- veracitybulkassignproductbody ---------------- */
.veracitybulkassignproductbody {
    display: flex;
}
.veracitybulkassignproductbody > .left {
    width: 16%;
}
.veracitybulkassignproductbody > .right {
    width: 80%;
    padding: 5px;
}
/* ---------------- veracitybulkassignproductfilterbody ---------------- */
.veracitybulkassignproductfilterbody {
    display: flex;
}
.veracitybulkassignproductfilterbody > .left {
    width: 16%;
}
.veracitybulkassignproductfilterbody > .right {
    width: 80%;
    padding: 5px;
}
.veracitybulkassignproductfilterbody > .right > .previewheader {
    color: #1B43BD;
    font-weight: bold;
    margin-bottom: 6px;
}
.veracitybulkassignproductfilterbody > .right > .preview {
    width: 94%;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
    min-height: 57px;
    padding-bottom: 10px;
}
.veracitybulkassignproductfilterbody > .right > .info {
    width: 90%;
    padding: 5px;
    display: flex;
    margin-top: 1px;
}
.veracitybulkassignproductfilterbody > .right > .info > .placeholder {
    width: 5%;
}
.veracitybulkassignproductfilterbody > .right > .info > .productname {
    width: 50%;
    color: #1B43BD;
    font-weight: bold;
}
.veracitybulkassignproductfilterbody > .right > .info > .filters {
    width: 18%;
    color: #1B43BD;
    font-weight: bold;
}
.veracitybulkassignproductlist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.veracitybulkassignproductlist > .separator {
    height: 10px;
}
.veracitybulkassignproductemptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
.veracitybulkassignproduct {
    display: flex;
    align-items: center;
    width: 100%;
}
.veracitybulkassignproduct > .check {
    width: 6%;
    display: flex;
    justify-content: center;
}
.veracitybulkassignproduct > .bodycontent {
    width: 94%;
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    background-color: white;
    min-height: 60px;
    transition: background-color 0.1s;
    overflow: hidden;
    user-select: none;
    font-size: 20px;
    padding: 5px 0;
    padding-right: 4px;
}
.veracitybulkassignproduct > .clickable {
    cursor: pointer;
}
.veracitybulkassignproduct > .unclickable {
    cursor: auto;
}
.veracitybulkassignproduct > .clickable:hover {
    background-color: #1B43BD20;
}
.veracitybulkassignproduct > .unclickable:hover {
    background-color: white;
}
.veracitybulkassignproduct > .bodycontent > .productname {
    display: flex;
    font-weight: bold;
    width: 20%;
    overflow: hidden;
}
.veracitybulkassignproduct > .bodycontent > .productname > .logo {
    margin-left: 10px;
}
.veracitybulkassignproduct > .bodycontent > .productname > .logo > img {
    margin-top: 3px;
    width: 45px;
    height: 45px;
}
.veracitybulkassignproduct > .bodycontent > .productname > .text {
    font-size: 16px;
    margin: auto 8px;
}
.veracitybulkassignproduct > .bodycontent > .approvalcomments {
    width: 50%;
    font-size: small;
    margin: 5px 0px;
    word-break: break-word;
}
.veracitybulkassignproduct > .bodycontent > .approvalstatus {
    width: 25%;
}
.veracitybulkassignproduct > .bodycontent > .publiccatalog {
    width: 5%;
}
.veracitybulkassignproduct > .bodycontent > .filters {
    width: 80%;
    font-size: small;
    display: flex;
    justify-content: center;
    word-break: break-word;
    text-align: center;
    flex-direction: column;
    align-items: center;
}
.veracitybulkassignproductheader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.veracitybulkassignproductheader > .select {
    width: 24px;
    margin-left: 27px;
}
.veracitybulkassignproductheader > .label {
    width: 76px;
    color: #0B225B;
    font-style: italic;
    font-size: 14px;
    text-align: center;
}
.veracitybulkassignproductheader > .info {
    display: flex;
    width: 90%;
    padding: 0px 14px;
}
.veracitybulkassignproductheader > .info > .productname {
    width: 16%;
    color: #1B43BD;
    font-weight: bold;
}
.veracitybulkassignproductheader > .info > .productnamefilter {
    width: 50%;
    color: #1B43BD;
    font-weight: bold;
}
.veracitybulkassignproductheader > .info > .approvalcomments {
    width: 51%;
    color: #1B43BD;
    font-weight: bold;
}
.veracitybulkassignproductheader > .info > .filters {
    width: 18%;
    color: #1B43BD;
    font-weight: bold;
}
.veracitybulkassignproductheader > .info > .approvalstatus {
    width: 15%;
    color: #1B43BD;
    font-weight: bold;
    text-align: center;
}
.veracitybulkassignstatusbody {
    display: flex;
    flex-direction: column;
}
.veracitybulkassignstatusbody > .info {
    display: flex;
    padding: 0px 14px;
    margin-bottom: 7px;
    margin-top: 6px;
}
.veracitybulkassignstatusbody > .info > .placeholder {
    width: 3%;
    color: #1B43BD;
    font-weight: bold;
}
.veracitybulkassignstatusbody > .info > .productname {
    width: 15%;
    color: #1B43BD;
    font-weight: bold;
}
.veracitybulkassignstatusbody > .info > .approvalcomments {
    width: 44%;
    color: #1B43BD;
    font-weight: bold;
}
.veracitybulkassignstatusbody > .info > .approvalstatus {
    width: 15%;
    color: #1B43BD;
    font-weight: bold;
    text-align: center;
}
.veracitybulkassignselectedproductslist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.veracitybulkassignselectedproductslist > .separator {
    height: 10px;
}
.veracitybulkassignproductstatus {
    display: flex;
    align-items: center;
}
.veracitybulkassignproductstatus > .bodycontent {
    width: 94%;
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    background-color: white;
    height: 60px;
    transition: background-color 0.1s;
    overflow: hidden;
    user-select: none;
    font-size: 20px;
}
.veracitybulkassignproductstatus > .bodycontent > .productname {
    display: flex;
    font-weight: bold;
    width: 20%;
    overflow: hidden;
}
.veracitybulkassignproductstatus > .bodycontent > .productname > .logo {
    margin-left: 10px;
}
.veracitybulkassignproductstatus > .bodycontent > .productname > .logo > img {
    margin-top: 3px;
    width: 45px;
    height: 45px;
}
.veracitybulkassignproductstatus > .bodycontent > .productname > .text {
    font-size: 16px;
    margin: auto 8px;
}
.veracitybulkassignproductstatus > .bodycontent > .approvalcomments {
    width: 50%;
    font-size: small;
    margin: 5px 0px;
    word-break: break-word;
}
.veracitybulkassignproductstatus > .bodycontent > .approvalstatus {
    width: 25%;
}
.veracitybulkassignproductstatus > .bodycontent > .publiccatalog {
    width: 5%;
}
.veracitybulkassignstatuspicker {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.approvalstatusheaders {
    display: flex;
    flex-direction: row;
    padding: 0px 14px;
    margin-bottom: 7px;
    margin-top: 6px;
}
.approvalstatusheaders > .approvalstatus {
    width: 13%;
    color: #1B43BD;
    font-weight: bold;
}
.approvalstatusheaders > .approvalcomments {
    color: #1B43BD;
    font-weight: bold;
}
.veracitybulkassignstatuspicker > .approvalstatus{
    width: 210px;
}
.veracitybulkassignstatuspicker > .comments {
    margin-left: 4px;
    width: 70%;
}
.veracitybulkassignstatuspicker > .show {
    width: 20%;
}
.veracitybulkassignstatusapply {
    display: flex;
    flex-direction: column;
}
.veracitybulkassignstatusapply > .approvalstatus {
}
.veracitybulkassignstatusapply > .comment {
    max-width: 70%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.veracitybulkassignstatusapply > .show {
    margin-top: 4px;
}
.applygreenframe {
    margin-top: 20px;
}
.veracitybulkassignstatusapplybuttonframe {
    display: flex;
    justify-content: end;
    gap: 8px;
}
.veracitybulkassignfilterapplybuttonframe {
    display: flex;
    justify-content: end;
    gap: 8px;
    margin-top: 10px;
}
.veracitybulkassignstatuscompletion {
    display: flex;
    flex-direction: column;
}
.veracitybulkassignstatuscompletion > .approvalstatus {
}
.veracitybulkassignstatuscompletion > .text {
    text-align: center;
    margin-bottom: 20px;
}
.veracitybulkassignfiltercompletion {
    display: flex;
    flex-direction: column;
}
.veracitybulkassignfiltercompletion > .success {
}
.veracitybulkassignfiltercompletion > .text {
    text-align: center;
    margin-bottom: 20px;
}
.veracityprogressbar {
    display: flex;
    justify-content: center;
    gap: 4px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    background-color: white;
    height: 20px;
    transition: background-color 0.1s;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    align-self: flex-start;
    width: 100%;
    overflow: hidden;
}
.progressbarhidden {
    visibility: hidden;
}
.progressbarvisible {
    visibility: visible;
}
.veracityprogressbar > .current {
    text-align: center;
}
.veracityprogressbar > .total {
    text-align: center;
}
.progressbarwidth1 {
    width: 12px;
}
.progressbarwidth2 {
    width: 24px;
}
.progressbarwidth3 {
    width: 36px;
}
.progressbarwidth4 {
    width: 48px;
}
.progressbarwidth5 {
    width: 60px;
}
.bulkassignprogressbarcontainer {
    width: 100%;
    display: flex;
    justify-content: center;
}
.bulkassignprogressbar {
    width: 400px;
}
/* ---------------- veracityduplicateresourcerow ---------------- */
.veracityduplicateresourcerow {
    margin: 15px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
}
.veracityduplicateresourcerow > .titlebar {
    align-items: center;
    font-size: 24px;
    padding: 15px 25px;
    transition: background-color 0.1s;
    user-select: none;
    display: flex;
}
.veracityduplicateresourcerow > .titlebar > .productname {
    color: #1B43BD;
    padding-right: 12px;
    word-break: break-word;
    width: 98%;
}
.veracityduplicateresourcerow > .titlebar > .publiccatalog {
    margin-top: -5px;
    margin-right: 10px;
    width: 2%;
}
/* ---------------- veracityduplicateresource ---------------- */
.veracityduplicateresource {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.veracityduplicateresource > .veracityduplicateresourcetitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracityduplicateresource > .buttonframe {
    display: flex;
    justify-content: end;
    gap: 8px;
}
/* ---------------- veracityduplicateresourcesearchandsort ---------------- */
.veracityduplicateresourcesearchandsort {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* ---------------- veracityduplicateresourcebody ---------------- */
.veracityduplicateresourcebody {
    display: flex;
    flex-direction: column;
}
/* ---------------- veracityduplicateresourceproductlist ---------------- */
.veracityduplicateresourceproductlist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.veracityduplicateresourceproductlist > .separator {
    height: 10px;
}
.veracityduplicateresourceproductemptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
/* ---------------- veracityduplicateresourceproductheader ---------------- */
.veracityduplicateresourceproductheader {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.veracityduplicateresourceproductheader > .select {
    width: 24px;
    margin-left: 28px;
}
.veracityduplicateresourceproductheader > .label {
    width: 90px;
    color: #0B225B;
    font-style: italic;
    font-size: 14px;
    text-align: center;
    margin-left: -5px;
}
.veracityduplicateresourceproductheader > .info {
    display: flex;
    width: 100%;
    padding: 0px 18px;
}
.veracityduplicateresourceproductheader > .info > .productname {
    width: 17%;
    color: #1B43BD;
    font-weight: bold;
}
.veracityduplicateresourceproductheader > .info > .approvalstatus {
    color: #1B43BD;
    font-weight: bold;
    text-align: center;
}
/* ---------------- veracityduplicateresourceproduct ---------------- */
.veracityduplicateresourceproduct {
    display: flex;
    align-items: center;
    width: 100%;
}
.veracityduplicateresourceproduct > .check {
    width: 6%;
    display: flex;
    justify-content: center;
}
.veracityduplicateresourceproduct > .bodycontent {
    width: 94%;
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    background-color: white;
    height: 60px;
    transition: background-color 0.1s;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    font-size: 20px;
}
.veracityduplicateresourceproduct > .bodycontent:hover {
    background-color: #1B43BD20;
}
.veracityduplicateresourceproduct > .bodycontent > .productname {
    display: flex;
    font-weight: bold;
    width: 20%;
    overflow: hidden;
}
.veracityduplicateresourceproduct > .bodycontent > .productname > .logo {
    margin-left: 10px;
}
.veracityduplicateresourceproduct > .bodycontent > .productname > .logo > img {
    margin-top: 3px;
    width: 45px;
    height: 45px;
}
.veracityduplicateresourceproduct > .bodycontent > .productname > .text {
    font-size: 16px;
    margin: auto 8px;
}
.veracityduplicateresourceproduct > .bodycontent > .approvalstatus {
    width: 75%;
}
.veracityduplicateresourceproduct > .bodycontent > .publiccatalog {
    width: 5%;
}
/* ---------------- veracityduplicateresourceproductapply ---------------- */
.veracityduplicateresourceproductapply {
    display: flex;
    align-items: center;
    width: 100%;
}
.veracityduplicateresourceproductapply > .bodycontent {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    background-color: white;
    height: 60px;
    transition: background-color 0.1s;
    overflow: hidden;
    user-select: none;
    font-size: 20px;
}
.veracityduplicateresourceproductapply > .bodycontent > .productname {
    display: flex;
    font-weight: bold;
    width: 20%;
    overflow: hidden;
}
.veracityduplicateresourceproductapply > .bodycontent > .productname > .logo {
    margin-left: 10px;
}
.veracityduplicateresourceproductapply > .bodycontent > .productname > .logo > img {
    margin-top: 3px;
    width: 45px;
    height: 45px;
}
.veracityduplicateresourceproductapply > .bodycontent > .productname > .text {
    font-size: 16px;
    margin: auto 8px;
}
.veracityduplicateresourceproductapply > .bodycontent > .approvalstatus {
    width: 75%;
}
.veracityduplicateresourceproductapply > .bodycontent > .publiccatalog {
    width: 5%;
}
/* ---------------- veracityduplicateresourceproductapplyheader ---------------- */
.veracityduplicateresourceproductapplyheader {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}
.veracityduplicateresourceproductapplyheader > .info {
    display: flex;
    width: 100%;
    padding: 0px 18px;
}
.veracityduplicateresourceproductapplyheader > .info > .placeholder {
    width: 2.5%;
}
.veracityduplicateresourceproductapplyheader > .info > .productname {
    width: 12%;
    color: #1B43BD;
    font-weight: bold;
}
.veracityduplicateresourceproductapplyheader > .info > .approvalstatus {
    width: 17.5%;
    color: #1B43BD;
    font-weight: bold;
    text-align: center;
}
.veracityduplicateresourceproductapplyheader > .info > .expand {
    width: 68%;
    color: #1B43BD;
    display: flex;
    gap: 2px;
    cursor: pointer;
    justify-content: end;
}
/* ---------------- veracityduplicateresourcebuttonframe ---------------- */
.veracityduplicateresourcebuttonframe {
    display: flex;
    justify-content: end;
    gap: 8px;
    margin-top: 10px;
}
/* ---------------- veracityduplicateresourcecompletion ---------------- */
.veracityduplicateresourcecompletion {
    display: flex;
    flex-direction: column;
}
.veracityduplicateresourcecompletion > .success {
}
.veracityduplicateresourcecompletion > .text {
    text-align: center;
    margin-bottom: 20px;
}
.duplicateresourceprogressbarcontainer {
    width: 100%;
    display: flex;
    justify-content: center;
}
.duplicateresourceprogressbar {
    width: 400px;
}
.duplicateresourcebreadcrumb {
    margin-top: -21px;
    color: #1B43BD;
    display: flex;
    font-size: small;
    cursor: pointer;
}
/* ---------------- veracityduplicateresourceproductbody ---------------- */
.veracityduplicateresourceproductbody {
    display: flex;
}
.veracityduplicateresourceproductbody > .left {
    width: 16%;
}
.veracityduplicateresourceproductbody > .right {
    width: 80%;
    padding: 5px;
}
.sectionreadonlyheader {
    display: flex;
    justify-content: space-between;
    align-content: center;
    color: #1B43BD;
    font-size: 26px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: -10px;
}
.sectionsemptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
.assignresourcebreadcrumb {
    margin-top: -21px;
    color: #1B43BD;
    display: flex;
    font-size: small;
    cursor: pointer;
}
/* ---------------- veracityassignresource ---------------- */
.veracityassignresource {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.veracityassignresource > .veracityassignresourcetitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracityassignresourceinstructions {
    margin-top: 8px;
}

/* ---------------- veracityassignresourcesearchandsort ---------------- */
.assignresourcesearchbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.assignresourcesearchbar > .veracityassignresourcesearchandsort {
}
.assignresourcesearchbar > .actionbutton {
    display: flex;
    justify-content: flex-end;
}
.assignresourceoptionbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.assignresourceoptionbar > .radio {
}
.assignresourceoptionbar > .progressbarcontainer {
    display: flex;
    justify-content: flex-end;
    width: 400px;
}
/* ---------------- veracityassignresourceproductbody ---------------- */
.veracityassignresourceproductbody {
    display: flex;
}
.veracityassignresourceproductbody > .left {
    width: 16%;
}
.veracityassignresourceproductbody > .right {
    width: 80%;
    padding: 5px;
}
.veracityassignresourceproductbody > .right > .info {
    display: flex;
    width: 100%;
    padding: 0px 18px;
    margin-bottom: 5px;
}
.veracityassignresourceproductbody > .right > .info > .placeholder {
    width: 3%;
}
.veracityassignresourceproductbody > .right > .info > .productname {
    width: 16%;
    color: #1B43BD;
    font-weight: bold;
}
.veracityassignresourceproductbody > .right > .info > .approvalstatus {
    color: #1B43BD;
    font-weight: bold;
    text-align: center;
}
.veracityassignresourceproductlist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.veracityassignresourceproductlist > .separator {
    height: 10px;
}
.veracityassignresourceproductemptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
/* ---------------- veracityassignresourceproduct ---------------- */
.veracityassignresourceproduct {
    display: flex;
    align-items: center;
    width: 100%;
}
.veracityassignresourceproduct > .bodycontent {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    background-color: white;
    height: 60px;
    transition: background-color 0.1s;
    overflow: hidden;
    user-select: none;
    font-size: 20px;
}
.veracityassignresourceproduct > .bodycontent > .productname {
    display: flex;
    font-weight: bold;
    width: 20%;
    overflow: hidden;
}
.veracityassignresourceproduct > .bodycontent > .productname > .logo {
    margin-left: 10px;
}
.veracityassignresourceproduct > .bodycontent > .productname > .logo > img {
    margin-top: 3px;
    width: 45px;
    height: 45px;
}
.veracityassignresourceproduct > .bodycontent > .productname > .text {
    font-size: 16px;
    margin: auto 8px;
}
.veracityassignresourceproduct > .bodycontent > .approvalstatus {
    width: 67%;
}
.veracityassignresourceproduct > .bodycontent > .buttons {
    width: 10%;
    display: flex;
    justify-content: center;
}
.veracityassignresourceproduct > .bodycontent > .publiccatalog {
    display: flex;
    justify-content: flex-end;
}
.sectionvisibilityradiobuttonbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}
.sectionvisibilityradiobuttonbar > .visibilityset {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.sectionvisibilityradiobuttonbar > .visibilityset .visibilitylabel {
    margin-right: 10px;
    font-weight: bold;
}
.sectionvisibilityradiobuttonbar > .progressbarcontainer {
    display: flex;
    justify-content: flex-end;
    width: 400px;
}
/* ---------------- veracityassignresourcesearchandsort ---------------- */
.sectionvisibilitysearchbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}
.sectionvisibilitysearchbar > .sectionvisibilitysearchandsort {
}
.sectionvisibilitysearchbar > .sectionvisibilityactionbutton {
    display: flex;
    justify-content: flex-end;
}
.emptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
.userdelete {
    margin-left: 50px;
}
.userdelete > .userdeletetext {
    width: 300px;
}
.userdelete > .deletebuttonsection {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    width: 300px;
}
.veracityproductdeletecrudtitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracityproductdeletecrud {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracityproductdeletecrud > .veracityproductdeletedelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.veracityproductdeletecrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
.veracityproductunarchivecrudtitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}

.veracityproductunarchivecrud {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracityproductunarchivecrud > .veracityproductunarchivedelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.veracityproductunarchivecrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
/* ---------------- manageusergroups ---------------- */
.veracitymanageusergroups {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
}
.veracitymanageusergroups > .veracitymanageusergroupstitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitymanageusergroups > .usergroupssearchbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.veracitymanageusergroups > .usergroupssearchbar > .veracityusergroupssearchandsort {
}
.veracitymanageusergroups > .usergroupssearchbar > .actionbutton {
    display: flex;
    justify-content: flex-end;
}
.veracitymanageusergroups > .usergroupheader {
    display: flex;
    color: #1B43BD;
    align-items: center;
    font-size: large;
    margin-left: 10px;
    margin-bottom: -15px;
}
.veracitymanageusergroups > .usergroupheader > .displaynamesso {
    width: 24%;
}
.veracitymanageusergroups > .usergroupheader > .displaynamenonsso {
    width: 24%;
}
.veracitymanageusergroups > .usergroupheader > .groupnamesso {
    width: 26%;
}
.veracitymanageusergroups > .usergroupheader > .descriptionsso {
    width: 38%;
}
.veracitymanageusergroups > .usergroupheader > .descriptionnonsso {
    width: 61%;
}
.veracitymanageusergroups > .usergroupheader > .usercountsso {
    width: 9%;
}
.veracitymanageusergroups > .usergroupheader > .usercountnonsso {
    width: 9%;
}
.veracitymanageusergroups > .usergroupheader > .buttonssso {
    width: 3%;
}
.veracitymanageusergroups > .usergroupheader > .buttonsnonsso {
    width: 6%;
}
.veracitymanageusergroups > .veracityusergrouplist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.veracitymanageusergroups > .veracityusergrouplist > .separator {
    height: 15px;
}
.veracityusergroupemptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
/* ---------------- usergrouprow ---------------- */
.usergrouprow {
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
    height: 50px;
    overflow: hidden;
}
.usergrouprow > .displaynamesso {
    width: 24%;
}
.usergrouprow > .displaynamenonsso {
    width: 24%;
}
.usergrouprow > .groupnamesso {
    width: 27%;
}
.usergrouprow > .descriptionsso {
    width: 38%;
    margin-right: 5px;
}
.usergrouprow > .descriptionnonsso {
    width: 62%;
    margin-right: 5px;
}
.usergrouprow > .usercountsso {
    width: 8%;
}
.usergrouprow > .usercountnonsso {
    width: 8%;
}
.usergrouprow > .deletenonsso {
    width: 3%;
}
.usergrouprow > .editsso {
    width: 3%;
}
.usergrouprow > .editnonsso {
    width: 3%;
}
.usergroupbreadcrumb {
    margin-top: -21px;
    color: #1B43BD;
    display: flex;
    font-size: small;
    cursor: pointer;
}
/* ---------------- addusergroup ---------------- */
.veracityaddusergroupstitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracityaddusergroupscrud {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracityaddusergroupscrud > .veracityaddusergroupsfields {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.veracityaddusergroupscrud > .veracityaddusergroupsfields > .fieldset {
    display: flex;
    width: 100%;
    margin-top: 20px;
}
.veracityaddusergroupscrud > .veracityaddusergroupsfields > .fieldset > .label {
    width: 10%;
    margin-top: 10px;
}
.veracityaddusergroupscrud > .veracityaddusergroupsfields > .fieldset > .labeltop {
    width: 10%;
}
.veracityaddusergroupscrud > .veracityaddusergroupsfields > .fieldset > .field {
    width: 90%;
}
.veracityaddusergroupscrud > .veracityaddusergroupsfields > .veracityaddusergroupsmessages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.veracityaddusergroupscrud > .veracityaddusergroupsfields > .veracityaddusergroupsmessages > .error {
    justify-content: flex-start;
    width: 20%;
    margin-left: 165px;
}
.veracityaddusergroupscrud > .veracityaddusergroupsfields > .veracityaddusergroupsmessages > .msg {
    text-align: right;
    color: gray;
    width: 80%;
}
.veracityaddusergroupscrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
/* ---------------- deleteusergroup ---------------- */
.veracitydeleteusergrouptitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitydeleteusergroupcrud {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracitydeleteusergroupbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
.veracitydeleteusergroupcrud > .veracitydeleteusergrouplabel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    color: var(--veracity-color-blue);
    margin-bottom: 10px;
}
.veracitydeleteusergroupcrud > .veracitydeleteusergroupdelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
/* ---------------- ssobubble ---------------- */
.ssobubble * {
    box-sizing: border-box;
}
.ssobubble {
    color: white;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 16px;
    text-align: center;
    width: 130px;
    white-space: nowrap;
    display: inline-block;
    background-color: #B242B2;
}
/* ---------------- permissionbubble ---------------- */
.permissionbubble {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    height: 40px;
    width: 280px;
    overflow: hidden;
    justify-content: flex-start;
    margin-left: 5px;
}
.permissionbubble.valuetrue {
    border: 2px solid #1CB052;
    color: white;
    background-color: #1CB052;
}
.permissionbubble.valuefalse {
    border: 2px solid #0B225B;
    color: white;
    background-color: #0B225B;
}
.permissionbubble > .permissionname {
    flex: 1;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-left: 20px;
}
.permissionbubble > .iconarea {
    flex: 0 0 auto;
    margin-right: 10px;
    display: flex;
    align-items: center;
}
.permissionbubble > .iconarea > .icon {
}
.permissionbubble > .iconarea > .iconempty {
    color: transparent;
}
/* ---------------- redxreadonly ---------------- */
.veracity-redxreadonly {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 9px;
    font-size: 30px;
}
.veracity-redxreadonly .iconsize {
    text-align: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.veracity-redxreadonly .colorred {
    color: var(--veracity-color-warningred);
}
.veracity-redxreadonly .redxhidden {
    visibility: hidden;
}
.veracity-redxreadonly .redxvisible {
    visibility: visible;
}
/* ---------------- greencheckmarkreadonly ---------------- */
.veracity-greencheckmarkreadonly {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 9px;
    font-size: 30px;
}
.veracity-greencheckmarkreadonly .iconsize {
    text-align: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.veracity-greencheckmarkreadonly .colorgreen {
    color: var(--veracity-color-green);
}
.veracity-greencheckmarkreadonly .greencheckmarkhidden {
    visibility: hidden;
}
.veracity-greencheckmarkreadonly .greencheckmarkvisible {
    visibility: visible;
}
/* ---------------- usergroupuserrow ---------------- */
.usergroupuserrow {
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    padding: 10px;
    box-sizing: border-box;
    height: 50px;
    overflow: hidden;
    width: 100%;
}
.usergroupuserrow > .name {
    width: 16%;
}
.usergroupuserrow > .email {
    width: 22%;
}
.usergroupuserrow > .title {
    width: 21%;
}
.usergroupuserrow > .username {
    width: 34%;
}
.usergroupuserrow > .button {
    width: 6%;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    min-width: 110px;
}
/* ---------------- usergrouppermissionclump ---------------- */
.usergrouppermissionclump {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin: 10px;
    box-sizing: border-box;
    overflow: hidden;
    width: 290px;
    padding-bottom: 10px;
}
.usergrouppermissionclump > .permissionclumptitle {
    margin-left: 10px;
    font-size: 16px;
    font-style: italic;
    text-align: left;
    align-self: stretch;
    margin-top: 10px;
    margin-bottom: 10px;
}
.usergrouppermissionclump > .line {
    border-top: 1px solid gray;
}
.permissionclumplist {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;
}
.permissionclumplist > separator {
    height: 5px;
}
/* ---------------- editusergroupbasics ---------------- */
.veracityeditusergroupbasicstitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracityeditusergroupbasicscrud {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracityeditusergroupbasicscrud > .veracityeditusergroupbasicsfields {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.veracityeditusergroupbasicscrud > .veracityeditusergroupbasicsfields > .fieldset {
    display: flex;
    width: 100%;
    margin-top: 20px;
}
.veracityeditusergroupbasicscrud > .veracityeditusergroupbasicsfields > .fieldset > .label {
    width: 10%;
    margin-top: 10px;
}

.veracityeditusergroupbasicscrud > .veracityeditusergroupbasicsfields > .fieldset > .labeltop {
    width: 10%;
}

.veracityeditusergroupbasicscrud > .veracityeditusergroupbasicsfields > .fieldset > .field {
    width: 90%;
}
.veracityeditusergroupbasicscrud > .veracityeditusergroupbasicsfields > .veracityeditusergroupbasicsmessages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.veracityeditusergroupbasicscrud > .veracityeditusergroupbasicsfields > .veracityeditusergroupbasicsmessages > .error {
    justify-content: flex-start;
    width: 20%;
    margin-left: 165px;
}
.veracityeditusergroupbasicscrud > .veracityeditusergroupbasicsfields > .veracityeditusergroupbasicsmessages > .msg {
    text-align: right;
    color: gray;
    width: 80%;
}
.veracityeditusergroupbasicscrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
/* ---------------- editusergroup ---------------- */
.usergroupeditheader {
    display: flex;
    justify-content: space-between;
}
.usergroupeditheader > .usergroupedittitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.usergroupeditheader > .syncinfo {
    display: flex;
    flex-direction: column;
}
.usergroupeditheader > .syncinfo > .synctitle {
    font-size: 20px;
    color: var(--veracity-color-blue);
}
.usergroupeditheader > .syncinfo > .synctext {
    font-size: 14px;
    font-style: italic;
}
.deletegroupbutton {
    display: flex;
    justify-content: flex-end;
}
.usergroupsbasics {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin-top: 15px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.usergroupsbasics > .editicon {
    display: flex;
    justify-content: flex-end;
}
.usergroupsbasics > .displayname {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}
.usergroupsbasics > .displayname > .label {
    min-width: 180px;
    text-align: left;
}
.usergroupsbasics > .displayname > .text {
    height: 30px;
    width: 100%;
}
.usergroupsbasics > .groupname {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}
.usergroupsbasics > .groupname > .label {
    min-width: 180px;
    text-align: left;
}
.usergroupsbasics > .groupname > .text {
    height: 30px;
    width: 100%;
    background-color: lightgray;
}
.usergroupsbasics > .description {
    display: flex;
    flex-direction: column;
}
.usergroupsbasics > .description > .label {
    min-width: 180px;
    text-align: left;
}
.usergroupsbasics > .description > .text {
    width: 100%;
    height: 55px;
}
.permissionclumps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.editusergroupssearchbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.editusergroupssearchbar > .editusergroupssearchandsort {
}
.editusergroupssearchbar > .editusergroupssearchandsort {
}

.editusergroupssearchbar > .editusergroupprogressbarcontainer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.editusergroupssearchbar > .editusergroupprogressbarcontainer > .editusergroupprogressbar {
    width: 200px;
}
.responseoptionrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.responseoptionrow > .responseoption {
}
.responseoptionrow > .button {
}
.usergroupuserheader {
    display: flex;
    color: #1B43BD;
    align-items: center;
    font-size: large;
    margin-left: 18px;
    width: 100%;
}
.usergroupuserheader > .name {
    width: 16%;
}
.usergroupuserheader > .email {
    width: 21%;
}
.usergroupuserheader > .title {
    width: 21%;
}
.usergroupuserheader > .username {
    width: 32%;
}
.usergroupuserheader > .button {
    width: 10%;
}
.veracityusergroupuserlist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.veracityusergroupuserlist > .separator {
    height: 10px;
}
.ssowarning {
    color: var(--veracity-color-darkblue);
    font-size: larger;
    font-weight: bold;
    padding: 5px;
    display: flex;
    gap: 4px;
    justify-content: left;
    align-items: center;
}
.ssowarning > .ssowarningtext {
    font-size: 16px;
}
.usergrouppermissions {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin-top: 15px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.usergrouppermissions > .editicon {
    display: flex;
    justify-content: flex-end;
}
.editusergrouppermissions {
    display: flex;
    flex-direction: column;
}
.editusergrouppermissions > .permissionclumptitle {
    margin-top: 7px;
    font-style: italic;
    font-weight: bold;
}
.editusergrouppermissions > .line {
    border-top: 1px solid gray;
}
.usergrouppermissiontitlerow {
    display: flex;
    justify-content: space-between;
}
.usergrouppermissiontitlerow > .veracityeditusergrouppermissionstitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.usergrouppermissiontitlerow > .veracityeditusergrouppermissionscrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
}
.usergroupeditpermissionshelpertext {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.usergroupeditpermissionshelpertext > .icon {
    color: var(--veracity-color-green);
}
.usergroupeditpermissionshelpertext > .message {
}
.veracityeditpermissionrow {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 7px;
}
.veracityeditpermissionrow > .check {
    width: 3%;
    display: flex;
    justify-content: center;
}
.veracityeditpermissionrow > .bodycontent {
    width: 97%;
    display: flex;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    background-color: white;
    min-height: 30px;
    transition: background-color 0.1s;
    overflow: hidden;
    user-select: none;
    font-size: 20px;
    padding: 5px 0;
    padding-right: 4px;
}
.veracityeditpermissionrow > .bodycontent > .iconarea {
    width: 2%;
    margin-left: 5px;
    color: var(--veracity-color-green);
}
.veracityeditpermissionrow > .bodycontent > .iconarea > .icon {
}
.veracityeditpermissionrow > .bodycontent > .iconarea > .iconempty {
    color: transparent;
}
.veracityeditpermissionrow > .bodycontent > .name {
    width: 12%;
    font-weight: bold;
    font-size: 14px;
}
.veracityeditpermissionrow > .bodycontent > .permissiontext {
    width: 86%;
    font-size: 12px;
}
/* ---------------- usergroupmapping ---------------- */
.veracityusergroupmapping {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
}
.veracityusergroupmapping > .usermappingheaderrow {
    display: flex;
    justify-content: space-between;
}
.veracityusergroupmapping > .usermappingheaderrow > .veracityusermappingheadertitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracityusergroupmapping > .usermappingheaderrow > .mappedgroup {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.veracityusergroupmapping > .usermappingheaderrow > .mappedgroup > .mappedgrouparea {
    height: 20px;
}
.veracityusergroupmapping > .usermappingheaderrow > .mappedgroup > .mappedgrouparea > .mappedgrouptext {
    text-align: right;
    color: red;
}
.veracityusergroupmapping > .usergroupmappingsearchbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.veracityusergroupmapping > .usergroupmappingsearchbar > .veracityusergroupmappingsearchandsort {
}
.veracityusergroupmapping > .usergroupmappingsearchbar > .veracityusergroupmappingsearchandsort > .allrecordslabel {
    padding-top: 5px;
    padding-left: 30px;
    color: var(--veracity-color-blue);
}
.veracityusergroupmapping > .usergroupmappingsearchbar > .syncinfo {
    display: flex;
    flex-direction: column;
}
.veracityusergroupmapping > .usergroupmappingsearchbar > .syncinfo > .synctitle {
    font-size: 20px;
    color: var(--veracity-color-blue);
}
.veracityusergroupmapping > .usergroupmappingsearchbar > .syncinfo > .synctext {
    font-size: 14px;
    font-style: italic;
}
.veracityusergroupmapping > .veracityusergroupmappinglist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 10px;
}
.veracityusergroupmapping > .nosyncinfo {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
.veracityusergroupmapping > .locked {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
.veracityusergroupmapping > .suppressed {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
.veracityusergroupmapping > .maxvisible {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
.veracitymanageusergroups > .veracityusergroupmappinglist > .separator {
    height: 1px;
}
.usergroupcandidaterow {
    display: flex;
    align-items: center;
    height: 50px;
    overflow: hidden;
}
.usergroupcandidaterow > .check {
}
.usergroupcandidaterow > .body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}
.usergroupcandidaterow > .body > .groupname {
}
.usergroupcandidaterow > .body > .externalid {
}
.mappedcandidaterow {
    display: flex;
    align-items: center;
    height: 50px;
    overflow: hidden;
}
.mappedcandidaterow > .body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}
.mappedcandidaterow > .body > .groupname {
}
.mappedcandidaterow > .body > .externalid {
}
/* ---------------- usergroupmapping ---------------- */
.veracitymappedcandidates {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
}
.veracitymappedcandidates > .mappedcandidatesheaderrow {
    display: flex;
    justify-content: space-between;
}
.veracitymappedcandidates > .mappedcandidatesheaderrow > .veracitymappedcandidatesheadertitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitymappedcandidates > .mappedcandidatesearchbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.veracitymappedcandidates > .mappedcandidatesearchbar > .veracitymappedcandidatesearchandsort {
}
.veracitymappedcandidates > .allrecordslabel {
    padding-top: 5px;
    font-size: 30px;
    color: var(--veracity-color-blue);
}
.veracitymappedcandidates > .mappedcandidatesearchbar > .syncinfo {
    display: flex;
    flex-direction: column;
}
.veracitymappedcandidates > .mappedcandidatesearchbar > .syncinfo > .synctitle {
    font-size: 20px;
    color: var(--veracity-color-blue);
}
.veracitymappedcandidates > .mappedcandidatesearchbar > .syncinfo > .synctext {
    font-size: 14px;
    font-style: italic;
}
.veracitymappedcandidates > .veracitymappedcandidatelist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 10px;
}
/* ---------------- veracitymanagebudgetcodestack ---------------- */
.veracitymanagebudgetcodestack {
    width: 100%;
}
.veracitymanagebudgetcodestack > .budgetcode {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 3px;
}
.veracitymanagebudgetcodestack > .budgetcode > .left {
    width: 95%;
    display: flex;
}
.veracitymanagebudgetcodestack > .budgetcode > .left > .name {
    width: 32%;
    padding-left: 10px;
}
.veracitymanagebudgetcodestack > .budgetcode > .left > .description {
    width: 50%;
}
.veracitymanagebudgetcodestack > .budgetcode > .left > .count {
    width: 18%;
}
.veracitymanagebudgetcodestack > .budgetcode > .right {
    display: flex;
    font-size: 14px;
    gap: 5px;
    padding-right: 5px;
}
.veracitymanagebudgetcodestack > .header {
    width: 90%;
    display: flex;
    color: #1B43BD;
    font-weight: bold;
}
.veracitymanagebudgetcodestack > .header > .name {
    width: 34%;
    padding-left: 10px;
}
.veracitymanagebudgetcodestack > .header > .description {
    width: 52%;
}
.veracitymanagebudgetcodestack > .header > .count {
    width: 14%;
}
.veracitymanagebudgetcodestack > .veracitymanagebudgetcodestackempty {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
/* ---------------- veracitymanagebudgetcodecrud ---------------- */
.veracitymanagebudgetcodecrudtitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitymanagebudgetcodecrud {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodefields {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodefields > .fieldset {
    display: flex;
    width: 100%;
    margin-top: 20px;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodefields > .fieldset > .label {
    width: 11%;
    margin-top: 10px;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodefields > .fieldset > .labeltop {
    width: 11%;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodefields > .fieldset > .field {
    width: 89%;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodefields > .veracitymanagebudgetcodemessages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodefields > .veracitymanagedepartmentmessages > .spacer {
    justify-content: flex-start;
    width: 12%;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodefields > .veracitymanagedepartmentmessages > .error {
    justify-content: flex-start;
    width: 20%;
    margin-left: 165px;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodefields > .veracitymanagedepartmentmessages > .msg {
    text-align: right;
    color: gray;
    width: 80%;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodefields > .veracitymanagebudgetcodemessagesmsgonly {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
}
.veracitymanagebudgetcodecrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodelabel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    color: var(--veracity-color-blue);
    margin-bottom: 10px;
}
.veracitymanagebudgetcodecrud > .veracitymanagebudgetcodedelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
/* ---------------- managebudgetcodes ---------------- */
.veracitymanagebudgetcodes {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}
.veracitymanagebudgetcodes > .veracitymanagebudgetcodetitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitymanagebudgetcodes > .veracitymanagebudgetcodetitle > .addbuttonframe {
    display: flex;
    justify-content: flex-end;
}
/* ---------------- budgetcodereporttable ---------------- */
.budgetcodereporttable {
    box-sizing: border-box;
    padding: 10px;
}
.budgetcodereporttable .csv {
    display: flex;
    justify-content: right;
    margin-bottom: 10px;
}
.budgetcodereporttable .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    color: #0B225B;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 0px 10px;
    white-space: nowrap;
    overflow: hidden;
}
.budgetcodereporttable .header .col1 {
    width: 20%;
}
.budgetcodereporttable .header .col2 {
    width: 18%;
}
.budgetcodereporttable .header .col3 {
    width: 15%;
}
.budgetcodereporttable .header .col4 {
    width: 17%;
}
.budgetcodereporttable .header .col5 {
    width: 18%;
}
.budgetcodereporttable .header .col6 {
    width: 6%;
}
.budgetcodereporttable .header .col7 {
    width: 6%;
}
.budgetcodereporttable .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 10px;
    margin-bottom: 10px;
    background-color: white;
    transition: background-color 0.1s;
    overflow: hidden;
    cursor: pointer;
}
.budgetcodereporttable .row:hover {
    background-color: #1B43BD20;
}
.budgetcodereporttable .row .col1 {
    width: 20%;
    word-wrap: break-word;
}
.budgetcodereporttable .row .col2 {
    width: 18%;
    word-wrap: break-word;
}
.budgetcodereporttable .row .col3 {
    width: 15%;
    word-wrap: break-word;
}
.budgetcodereporttable .row .col4 {
    width: 17%;
    word-wrap: break-word;
}
.budgetcodereporttable .row .col5 {
    width: 18%;
    word-wrap: break-word;
}
.budgetcodereporttable .row .col6 {
    width: 6%;
    word-wrap: break-word;
}
.budgetcodereporttable .row .col7 {
    width: 6%;
    word-wrap: break-word;
}
.budgetcodereporttable .emptylistmessage {
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 10px;
    text-align: center;
    color: gray;
    font-size: 18px;
    padding: 15px;
}
/* ---------------- budgetcodesummarytable ---------------- */
.budgetcodesummarytable {
    box-sizing: border-box;
    padding: 10px;
}
.budgetcodesummarytable .csv {
    display: flex;
    justify-content: right;
    margin-bottom: 10px;
}
.budgetcodesummarytable .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    color: #0B225B;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
}
.budgetcodesummarytable .header .col1 {
    width: 80%;
}
.budgetcodesummarytable .header .col2 {
    width: 20%;
    text-align: right;
}
.budgetcodesummarytable .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 15px;
    margin-bottom: 10px;
    overflow: hidden;
}
.budgetcodesummarytable .row .col1 {
    width: 80%;
}
.budgetcodesummarytable .row .col2 {
    width: 20%;
    color: gray;
    text-align: right;
    margin-right: 10px;
}
.budgetcodesummarytable .emptylistmessage {
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    padding: 10px;
    text-align: center;
    color: gray;
    font-size: 18px;
    padding: 15px;
}
.budgetcodelimitsection {
    display: flex;
    flex-direction: row;
}
.budgetcodelimitsection > .allrecordslabel {
    padding-top: 5px;
    padding-left: 30px;
    color: var(--veracity-color-blue);
    margin-top: 30px;
}
.veracitydeletesectioncrudtitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitydeletesectioncrud {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracitydeletesectioncrud > .veracitydeletesectionlabel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    color: var(--veracity-color-blue);
    margin-bottom: 10px;
}
.veracitydeletesectioncrud > .veracitydeletesectiondelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.veracitydeletesectioncrud > .veracitydeletesectioncompletion {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.veracitydeletesectioncrud > .veracitydeletesectioncompletion > .success {
}
.veracitydeletesectioncrud > .veracitydeletesectioncompletion > .text {
    text-align: center;
    margin-bottom: 20px;
}
.veracitydeletesectioncrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
/* ---------------- veracitydirectorytop ---------------- */
.veracitydirectorytop {
    display: flex;
    gap: 10px;
    align-items: center;
}
.veracitydirectorytop > .directoryicon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 36px;
    color: var(--veracity-color-blue);
}
.veracitydirectorytop > .directoryname {
    font-size: 30px;
    color: var(--veracity-color-blue);
}
.veracitydirectorytop > .directorynamebig {
    font-size: 44px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
/* ---------------- veracitydirectoryheader ---------------- */
.veracitydirectoryheader {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.veracitydirectoryheader > .directorytop {
    display: flex;
    justify-content: start;
    align-self: flex-start;
    padding-bottom: 15px;
}
.veracitydirectoryheader > .directorytabs {
    display: flex;
    align-items: center;
}
/* ---------------- veracitymanagedirectorystack ---------------- */
.veracitymanagedirectorystack {
    width: 100%;
}
.veracitymanagedirectorystack > .header {
    width: 100%;
    display: flex;
    color: #1B43BD;
    font-weight: bold;
}
.veracitymanagedirectorystack > .header > .icon {
    width: 3%;
}
.veracitymanagedirectorystack > .header > .name {
    width: 49%;
}
.veracitymanagedirectorystack > .header > .productusage {
    width: 17%;
    text-align: center;
}
.veracitymanagedirectorystack > .header > .sectionusage {
    width: 26%;
    text-align: center;
}
.veracitymanagedirectorystack > .header > .buttons {
    width: 5%;
}
.veracitymanagedirectorystack > .directory {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 3px;
    width: 100%;
}
.veracitymanagedirectorystack > .directory > .icon {
    width: 3%;
    font-size: 24px;
    color: var(--veracity-color-blue);
    display: flex;
    align-items: center;
    justify-content: center;
}
.veracitymanagedirectorystack > .directory > .name {
    width: 49%;
}
.veracitymanagedirectorystack > .directory > .productusage {
    width: 17%;
    text-align: center;
}
.veracitymanagedirectorystack > .directory > .sectionusage {
    width: 26%;
    text-align: center;
}
.veracitymanagedirectorystack > .directory > .buttons {
    width: 5%;
    display: flex;
    font-size: 14px;
    gap: 5px;
    padding-right: 5px;
}
.veracitymanagedirectorystack > .header {
    width: 100%;
    display: flex;
    color: #1B43BD;
    font-weight: bold;
}
.veracitymanagedirectorystack > .header > .icon {
    width: 3%;
}
.veracitymanagedirectorystack > .header > .name {
    width: 52%;
}
.veracitymanagedirectorystack > .header > .productusage {
    width: 17%;
}
.veracitymanagedirectorystack > .header > .sectionusage {
    width: 28%;
}
.veracitymanagedirectorystack > .veracitymanagedirectorystackempty {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
/* ---------------- veracitymanagedirectorycrud ---------------- */
.veracitymanagedirectorycrudtitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitymanagedirectorycrud {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields > .fieldset {
    display: flex;
    width: 100%;
    margin-top: 20px;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields > .fieldset > .label {
    width: 11%;
    margin-top: 10px;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields > .fieldset > .labeltop {
    width: 11%;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields > .fieldset > .field {
    width: 89%;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields > .veracitymanagedirectoryiconcontainer {
    width: 20%;
    border: 3px solid white;
    background-color: white;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px darkblue;
    height: 310px;
    overflow: hidden;
    user-select: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields > .veracitymanagedirectorymessages {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields > .veracitymanagedirectorymessages > .spacer {
    justify-content: flex-start;
    width: 12%;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields > .veracitymanagedirectorymessages > .error {
    justify-content: flex-start;
    width: 20%;
    margin-left: 185px;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields > .veracitymanagedirectorymessages > .msg {
    text-align: right;
    color: gray;
    width: 80%;
}
.veracitymanagedirectorycrud > .veracitymanagedirectoryfields > .veracitymanagedirectorymessagesmsgonly {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
}
.veracitymanagedirectorycrud > .cardtest {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    text-align: center
}
.veracitymanagedirectorycrud > .cardtest > .label {
    align-content: center;
    font-size: 18pt;
    color: lightgray;
}
.veracitymanagedirectorycrud > .cardtest > .carddisplay {
    display: flex;
    justify-content: center;
}
.veracitymanagedirectorycrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
.veracitymanagedirectorycrud > .veracitymanagedirectorylabel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    color: var(--veracity-color-blue);
    margin-bottom: 10px;
}
.veracitymanagedirectorycrud > .veracitymanagedirectorydelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
/* ---------------- managedirectories ---------------- */
.veracitymanagedirectories {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}
.veracitymanagedirectories > .veracitymanagedirectoriestitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitymanagedirectories > .veracitymanagedirectoriestitle > .addbuttonframe {
    display: flex;
    justify-content: flex-end;
}
/* ---------------- directoryresourcerow ---------------- */
.directoryresourcerow {
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 40px;
}
.directoryresourcerow > .title {
    width: 59%;
    font-size: 18px;
    color: var(--veracity-color-blue);
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.directoryresourcerow > .publiccatalog {
    font-size: 24px;
    color: var(--veracity-color-blue);
    width: 12%;
    display: flex;
    justify-content: center;
}
.directoryresourcerow > .catalogvisibility {
    font-size: 24px;
    width: 12%;
    display: flex;
    justify-content: center;
}
.directoryresourcerow > .catalogvisibility.none {
    color: #8C8C8C;
}
.directoryresourcerow > .catalogvisibility.all {
    color: #1B43BD;
}
.directoryresourcerow > .productusage {
    width: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.directoryresourcerow > .buttons {
    width: 5%;
}
/* ---------------- directoryresources ---------------- */
.veracitydirectoryresources {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
}
.veracitydirectoryresources > .veracitydirectoryresourcestitle {
    font-size: 30px;
    font-weight: bold;
    color: var(--veracity-color-blue);
}
.veracitydirectoryresources > .directoryresourcessearchbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.veracitydirectoryresources > .directoryresourcessearchbar > .veracitydirectoryresourcessearchandsort {
}
.veracitydirectoryresources > .directoryresourcessearchbar > .actionbutton {
    display: flex;
    justify-content: flex-end;
}
.veracitydirectoryresources > .directoryresourcesheader {
    display: flex;
    color: #1B43BD;
    align-items: center;
    font-size: large;
    width: 100%;
}
.veracitydirectoryresources > .directoryresourcesheader > .title {
    width: 59%;
}
.veracitydirectoryresources > .directoryresourcesheader > .publiccatalog {
    width: 12%;
    display: flex;
    justify-content: center;
}
.veracitydirectoryresources > .directoryresourcesheader > .catalogvisibility {
    width: 12%;
    display: flex;
    justify-content: center;
}
.veracitydirectoryresources > .directoryresourcesheader > .productusage {
    width: 12%;
    display: flex;
    justify-content: center;
}
.veracitydirectoryresources > .directoryresourcesheader > .buttons {
    width: 5%;
}
.veracitydirectoryresourceslist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.veracitydirectoryresourceslist > .separator {
    height: 15px;
}
.veracitydirectoryresourceslist > .emptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
.directoryemptymessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: var(--veracity-color-blue);
}
.veracitydirectoryeditors {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
}
.veracitydirectoryeditors > .directoryaddbar {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    justify-content: flex-end;
    width: 100%;
    margin: 0 auto;
}
.veracitydirectoryeditors > .directoryaddbar > .addbutton {
    display: flex;
    justify-content: end;
    gap: 8px;
}
.veracitydirectoryeditors > .emptylistmessage {
    margin-top: 50px;
    text-align: center;
    font-size: x-large;
    color: #666666;
}
.veracitydirectoryeditors > .directoryeditorsheader {
    display: flex;
    color: #1B43BD;
    align-items: center;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding-bottom: 5px;
    margin: 0 auto;
}
.veracitydirectoryeditors > .directoryeditorsheader > .name {
    width: 20%;
    padding-left: 10px;
}
.veracitydirectoryeditors > .directoryeditorsheader > .canmanageproducts {
    width: 37%;
}
.veracitydirectoryeditors > .directoryeditorsheader > .canmanagesections {
    width: 37%;
}
.veracitydirectoryeditors > .directoryeditorsheader > .buttons {
    width: 6%;
}
.directoryeditorrow {
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 42px;
}
.directoryeditorrow > .name {
    width: 20%;
    padding-left: 10px;
}
.directoryeditorrow > .canmanageproducts {
    display: flex;
    justify-content: center;
    width: 37%;
}
.directoryeditorrow > .canmanagesections {
    display: flex;
    justify-content: center;
    width: 37%;
}
.directoryeditorrow > .buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 6%;
}
.addeditorbreadcrumb {
    color: #1B43BD;
    display: flex;
    font-size: small;
    cursor: pointer;
    padding-bottom: 10px;
}
.addeditormessage {
    font-weight: bold;
    padding-bottom: 10px;
}
.veracitydirectoryeditorslist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}
.veracitydirectoryeditorslist > .separator {
    height: 15px;
}
.veracitydirectoryadduserlist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.veracitydirectoryadduserlist > .separator {
    height: 15px;
}
.addeditorsearchbar {
    display: flex;
    padding-bottom: 10px;
}
.directoryadduserheader {
    display: flex;
    color: #1B43BD;
    align-items: center;
    font-size: 16px;
    width: 100%;
    padding-bottom: 5px;
}
.directoryadduserheader > .name {
    width: 33%;
    padding-left: 5px;
}
.directoryadduserheader > .email {
    width: 33%;
}
.directoryadduserheader > .jobtitle {
    width: 33%;
}
.directoryadduserrow {
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #1B43BD;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 40px;
    cursor: default;
}
.directoryadduserrow.selectable {
    cursor: pointer;
}
.directoryadduserrow.selectable:hover {
    background-color: #1B43BD20;
}
.directoryadduserrow > .name {
    width: 33%;
    padding-left: 5px;
}
.directoryadduserrow > .email {
    width: 33%;
}
.directoryadduserrow > .jobtitle {
    width: 33%;
}
.veracitydirectoryadduserlist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.veracitydirectoryadduserlist > .separator {
    height: 15px;
}
.editorpermissionmessage {
    font-weight: bold;
    padding-bottom: 10px;
}
.editorpermissionuserrow {
    padding-bottom: 15px;
}
.veracityeditorpermissioncrudbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    padding-top: 15px;
}
.veracitydirectorypermissionrow {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 7px;
}
.veracitydirectorypermissionrow > .check {
    width: 3%;
    display: flex;
    justify-content: center;
}
.veracitydirectorypermissionrow > .bodycontent {
    width: 97%;
    display: flex;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0px 0px 5px 0px #1B43BDC0;
    background-color: white;
    min-height: 30px;
    transition: background-color 0.1s;
    overflow: hidden;
    user-select: none;
    font-size: 16px;
    padding: 5px 0;
    padding-right: 4px;
}
.veracitydirectorypermissionrow > .bodycontent > .name {
    padding-left: 5px;
    font-weight: bold;
    width: 16%;
}
.veracitydirectorypermissionrow > .bodycontent > .permissiontext {
    width: 84%;
}
.veracitydeleteeditor {
    margin-top: 25px;
    margin-bottom: 25px;
}
.veracitydeleteeditor > .userrow {
    padding-bottom: 15px;
}
.veracitydeleteeditor > .veracitydeleteeditorcodedelete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.veracitydeleteeditorbuttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}