:root:not(#\9 ) {
    /* our theme */
    --mfr-grey-color: #c4ced7;
    --mfr-grey-lighter-color: #4A555F;
    --mfr-close-white-color: #f8f8f8;
    --mfr-font-family: quicksand, sans-serif;
    --mfr-darker-grey-color: #81878c;

    --mfr-metal-blue: #344d64;
    --mfr-primary: #4f76f6;
    --mfr-green: #77F2A1;
    --mfr-background-color: #1f2b37;
    --mfr-background-color-dark: #1a242f;
    --mfr-background-color-darker: #161f28;
    --mfr-input-color: var(--mfr-grey-color);
    --mfr-link-color: #428bca;
    --mfr-width: 1710px;
    --mfr-placeholder: var(--mfr-darker-grey-color);

    /* overriddes */
    --rz-primary: var(--mfr-primary);
    --rz-input-background-color: var(--mfr-background-color);
    --rz-input-value-color: var(--mfr-input-color);
    --rz-input-placeholder-color: var(--mfr-input-color);
    --rz-input-hover-border: var(--rz-border-normal);
    --rz-link-color: var(--mfr-link-color);
    --rz-link-hover-color: var(--mfr-link-color);
    --rz-input-disabled-background-color: var(--mfr-background-color);
    --rz-grid-cell-color: var(--mfr-grey-color);
    --rz-grid-cell-font-size: 18px;
    --rz-grid-header-background-color: var(--mfr-grey-lighter-color);
    --rz-grid-header-color: var(--mfr-close-white-color);
    --rz-grid-background-color: var(--mfr-background-color);

    --rz-grid-hover-background-color: #c4ced720;
    --rz-grid-hover-color: var(--mfr-close-white-color); 
    --rz-grid-selected-background-color: var(--mfr-primary);
    --rz-grid-selected-color: var(--mfr-close-white-color); 

    --rz-dropdown-open-background-color: var(--mfr-background-color);
    --rz-dropdown-item-hover-color: var(--mfr-background-color);
    --rz-dropdown-item-selected-color: var(--mfr-close-white-color);
    --rz-dropdown-item-selected-background-color: var(--mfr-primary);
    --rz-dropdown-item-selected-hover-background-color: var(--mfr-grey-lighter-color);
    --rz-dropdown-item-selected-hover-color: var(--mfr-grey-color);
    --rz-dropdown-item-padding: 0.5rem 0.75rem;

    --rz-profile-menu-padding: 0px;
    --rz-profile-menu-background-color: var(--mfr-background-color);
    --rz-menu-item-color: val(--mfr-close-white-color); 


    --rz-dialog-title-background-color: var(--mfr-background-color);
    --rz-dialog-background-color: var(--mfr-background-color);
    --rz-dialog-mask-background-color: black;
    --rz-dialog-close-color: var(--mfr-grey-color);
    --rz-dialog-close-hover-color: var(--mfr-close-white-color);
    --rz-dialog-title-color: var(--mfr-input-color);


    --rz-form-field-label-focus-color: var(--mfr-grey-color);
    --rz-form-field-start-end-padding: 0px 0px 0px 0.75rem;
    --rz-input-focus-shadow: 0; /* inset 0 0 0 1px var(--mfr-green); */ 
    --rz-input-focus-border: 1px solid var(--mfr-grey-color);

    --rz-text-body1-font-size: 18px;
    --rz-text-body1-color: var(--mfr-grey-color);
    --rz-text-body1-margin-bottom: 0px;
    --rz-text-font-family: var(--mfr-font-family);

    --rz-text-display-h1-color: var(--mfr-grey-color);
    --rz-text-display-h2-color: var(--mfr-grey-color);
    --rz-text-display-h3-color: var(--mfr-grey-color);
    --rz-text-display-h4-color: var(--mfr-grey-color);
    --rz-text-display-h5-color: var(--mfr-grey-color);
    --rz-text-display-h6-color: var(--mfr-grey-color);

    --rz-chip-background-color: var(--mfr-background-color-dark);
    --rz-chip-color: var(--mfr-close-white-color);
    --rz-grid-loading-indicator-background-color: #1f2b37b2; /* transparent main dark blue */


    --rz-datepicker-panel-background-color: var(--mfr-background-color);
    --rz-datepicker-header-background-color: var(--mfr-background-color);

    --rz-datepicker-header-color: var(--rz-input-value-color);
    --rz-datepicker-calendar-header-color: var(--rz-input-value-color);
    --rz-datepicker-trigger-icon-hover-color: var(--rz-input-value-color);
    --rz-datepicker-calendar-color: var(--rz-input-value-color);
    --rz-on-secondary-lighter: transparent;
    --rz-datepicker-calendar-today-color: var(--rz-input-value-color);
    --rz-datepicker-calendar-selected-color: var(--mfr-close-white-color);
    --rz-datepicker-calendar-selected-background-color: var(--mfr-primary);
    --rz-datepicker-calendar-selected-hover-color: var(--mfr-close-white-color);
    --rz-datepicker-calendar-selected-hover-background-color: var(--mfr-primary);

    --rz-editor-toolbar-background-color: var(--mfr-grey-lighter-color);
    --rz-editor-button-background-color: var(--mfr-background-color);
    --rz-editor-border: none;
    --rz-editor-content-background-color: var(--mfr-background-color);
    --rz-editor-button-background-color: var(--mfr-grey-lighter-color);
    --rz-editor-border:  1px solid var(--mfr-grey-color);
    --rz-colorpicker-panel-background-color: var(--mfr-background-color);
    --rz-editor-button-selected-background-color: rgba(0, 0, 0, 0.21);
}

.rz-link-text:not(#\9 ){
    font-size: 18px;
}

.rz-button:not(.rz-button-icon-only):not(.rz-numeric-button):not(#\9 ) {
    display: flex;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    text-transform: none;
    justify-content: center;
    align-items: center;
    min-width: min-content;
    width: fit-content; 
    align-self: center; 
}

.rz-button.rz-button-md:not(.rz-button-icon-only):not(#\9 ) {
    font-size: 18px;
    height: 40px;
}

.rz-button.rz-button-sm:not(.rz-button-icon-only):not(#\9 ) {
    font-size: 15px;
    height: 36px;
}

.rz-button.rz-button-xs:not(.rz-button-icon-only):not(#\9 ) {
    font-size: 12px;
    height: 32px;
}

.rz-button.rz-variant-filled:not([xvariant]):not(#\9 ) {
    color: white;
    box-shadow: var(--rz-button-shadow);
}

.rz-button.rz-variant-filled:not([xvariant]):not(#\9 ):hover {
    color: white;
    box-shadow: var(--rz-button-hover-shadow);
}

.rz-button.rz-variant-outlined:not(#\9 ) {
    height: 40px;
    background: var(--mfr-grey-lighter-color);
    color: white;
    box-shadow: var(--rz-button-shadow);
}
.rz-button.rz-variant-outlined:not(#\9 ):hover {
    background: var(--mfr-grey-lighter-color);
    color: white;
    box-shadow: var(--rz-button-hover-shadow);
}

.rz-column-title-content:not(#\9 ) {
    text-transform: uppercase;
    font-weight: 400;
    font-family: var( --mfr-font-family);
    font-size: 18px;
}

.rz-grid-table td:not(#\9 ) {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 0px;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.form-control::placeholder {
    color: var(--mfr-placeholder)  !important;
}

.rz-textbox::placeholder {
    color: var(--mfr-placeholder)  !important;
}
/*
.rz-placeholder {
    color: var(--mfr-placeholder)  !important;
}*/

.rz-dropdown {
    cursor: pointer;
}

.rz-dropdown:hover {
    color: var(--mfr-green);
}

.rz-dropdown:hover .rz-dropdown-label {
    color: var(--mfr-green);
}

.rz-dropdown.show-green:not(.rz-state-empty):not(#\9 ) {
    color: var(--mfr-green);
}

.rz-dropdown.show-green:not(.rz-state-empty) .rz-dropdown-label {
    color: var(--mfr-green);
}

.rz-inputtext.show-green:not(#\9 ) {
    color: var(--mfr-green);
}

.rz-dropdown-item {
    color: var(--mfr-close-white-color);
    cursor: pointer !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rz-dropdown-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rz-multiselect-item {
    color: var(--mfr-close-white-color);
    cursor: pointer !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rz-multiselect-header {
    color: var(--mfr-close-white-color);
}

.rz-dropdown-filter-icon.rzi.rzi-search {
    color: var(--mfr-close-white-color);
}

.rz-dropdown-filter-container input.rz-inputtext{
    color: var(--mfr-close-white-color);
}

.rz-dropdown-items-wrapper > span[empty] {
    padding: 0.6rem 1em;
    color: var(--mfr-close-white-color);
    display: block;
}

.rz-grid-table td .rz-cell-data {
    padding: 0.4rem 0.6rem;
}

.rz-grid-table:not(#\9 ) {
    background-color: transparent;
    table-layout: auto;
    color: var(--mfr-grey-lighter-color);
    border-bottom: thin solid var(--mfr-grey-lighter-color);
}

.rz-data-grid-data {
    background: var(--mfr-background-color-dark);
}


.rz-cell-data:not(#\9 ) {
    display: flex;
}

ul.rz-profile-menu .rz-navigation-menu {
    top: calc(100% + 0px);
}

.rz-profile-menu .rz-navigation-item-link {
    padding: 8px 16px;
}

.table-wrapper-expander {
    display: flex; 
    flex-grow: 1000; 
    overflow-y: auto; 
    flex-direction: column; 
    height: 0px;
}

.table-wrapper {
    overflow: clip;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.btn {
    font-size: 22px;
    margin-top: 3px;
    margin-bottom: 3px;
    min-width: 20px;
    white-space: nowrap;
    height: 47px;
    width: 47px;
}

.btn:hover {
    color: inherit;
    border-color: white;
}
.btn:focus {
    box-shadow: none;
}

.btn-sm {
    padding: 6px;
    font-size: 16px;
    height: unset;
    width: unset;
    min-width: unset;
    margin: unset;
    line-height: 1;
}


.fa-btn {
    background-color: transparent;
    border-color: white;
    color: white;
}

.fa-btn:hover {
    color: var(--mfr-grey-color);
}

.center-column > .rz-cell-data {
    justify-content: center;
}

tbody > tr {
    background: var(--mfr-background-color);
}

tbody > tr:hover {
    background: #c4ced720;
}

.rz-datatable-loading-content .rzi-circle-o-notch::before {
    color: var(--mfr-grey-lighter-color);
}

i.rzi {
    color: var(--mfr-grey-color);
}

.rzi {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rz-form-field-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.rz-button[xvariant="blue"]:not(#\9 ) {
    border: 1px solid white;
}

.alert {
    margin: 0px;
}

.rz-datatable-emptymessage:not(#\9 ) {
    padding: 16px !important;
}

.rz-datatable-emptymessage > span:not(#\9 ) {
    color: var(--mfr-placeholder) !important;
}

.rz-datatable-loading-content:not(#\9 ) .rzi-circle-o-notch {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite;
}
.rz-datatable-loading-content:not(#\9 ) .rzi-circle-o-notch::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #FFF;
    animation: prixClipFix 2s linear infinite ;
}

.rz-chip-text {
    user-select: none;
}

.rz-chip > .rz-button.rz-button-sm.rz-button-icon-only {
  padding: 0px;
  min-width: 20px;
  min-height: 20px;
  height: 20px;
  align-self: center;
  background: var(--mfr-grey-lighter-color); /*var(--mfr-background-color);*/
  color: var(--mfr-background-color-darker);
  margin-right: 1px;
}

.rz-form-field-end:not(#\9 ) {
    padding-right: 0.375rem; /* fixes X button on search boxes positioning*/
}
/*
.rz-form-field-content  {
    padding-right: 0.375rem;
}*/

/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: var(--mfr-grey-lighter-color) var(--mfr-background-color-darker);
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    background: var(--mfr-background-color-darker);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--mfr-grey-lighter-color);
    border-radius: 10px;
    border: 0px solid #ffffff;
}

/* see https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ */
.grow-wrap {
  display: grid;
  padding: 0px !important;
  margin: 0px !important;
  border: none !important;
  outline: none !important;
}
.grow-wrap::after {
  content: attr(data-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
.grow-wrap > textarea {
  resize: none;
  overflow: hidden;
}
.grow-wrap > textarea,
.grow-wrap::after {
  border: 1px solid black;
  padding: 0.5rem;
  font: inherit;
  grid-area: 1 / 1 / 2 / 2;
}

/* blazorise RTF */
.ql-snow .ql-fill:not(#\9 ) {
    stroke: var(--mfr-close-white-color);
}
.ql-snow .ql-stroke:not(#\9 ) {
    stroke: var(--mfr-close-white-color);
}
.ql-snow.ql-toolbar:not(#\9 ) button:hover .ql-stroke {
    stroke: white;
}
.ql-snow .ql-picker:not(#\9 ) {
    color: var(--mfr-close-white-color);
}
.ql-snow.ql-toolbar:not(#\9 ) .ql-picker-label:hover {
    color: white;
}
.ql-toolbar.ql-snow:not(#\9 ) { 
    background-color: var(--mfr-grey-lighter-color);
    border-radius: 0px;
}
.ql-editor:not(#\9 ) {
    color: var(--mfr-close-white-color);
    min-height: 63px;
    font-size: 14px;
}    
.ql-editor:not(#\9 ):hover {
    background: var(--rz-grid-hover-background-color);
}
.ql-editor.ql-blank:not(#\9 )::before {
    color: var(--mfr-placeholder);
    font-size: 14px;
}
.ql-snow .ql-picker-options:not(#\9 ) {
    background-color: var(--rz-dropdown-open-background-color);
}
.ql-snow .ql-picker.ql-expanded:not(#\9 ) .ql-picker-options {
    z-index: 1000;
    position: sticky;
    width: fit-content;
}
.ql-snow .ql-color-picker.ql-expanded:not(#\9 ) .ql-picker-options {
    display: flex;
}
li[data-list] > span.ql-ui {
    left: 1rem;
}
.ql-editor:not(#\9 ) li {
    padding-left: 2.0em;
}

.rz-html-editor-button:not(#\9 ) > .rzi {
    color: white;
}
.rz-html-editor-content:not(#\9 ) {
    color: var(--mfr-close-white-color);
    white-space: wrap;
}
.rz-html-editor:not(#\9 ) {
    outline: none !important;
    border: none;
}
.rz-html-editor-content:not(#\9 ):hover {
    background-color: rgba(196, 206, 215, 0.125);
}

.rz-html-editor-content:not(#\9 )  p {
    margin: 0rem;
}
.rz-html-editor-content:not(#\9 )  ul {
    margin: 0rem;
    padding-left: 3rem;
}
.rz-html-editor-content:not(#\9 )  ol {
    margin: 0rem;
    padding-left: 3rem;
}

.rz-html-editor-content:not(#\9 )  li {
    padding-left: 12px;
}

.rz-html-editor-dropdown-item {
    color: var(--mfr-close-white-color);
}
.rz-html-editor-dropdown-value {
    color: var(--mfr-close-white-color);
}
.rz-html-editor-toolbar {
    border-bottom: 1px solid var(--mfr-grey-color);
}

.emoji-check-mark {
    height: 21px;
    width: 21px;
    background-position: center;
    background-size: contain;
    background-image: url("/images/check-mark.png");
    align-self: center;
}

.emoji-cross-mark {
    height: 21px;
    width: 21px;
    background-position: center;
    background-size: contain;
    background-image: url("/images/cross-mark.png");
    align-self: center;
}

/* dropdown button is greyed out when disabled */
.rz-dropdown.rz-state-disabled > .rz-dropdown-trigger { 
    color: grey;
}