:root {
  --primary: #5bc8d9;
  --primary-faded: rgba(91, 200, 217, 0.25);
  --primary-faded-light: rgba(91, 200, 217, 0.125);
  --primary-faded-hover: rgba(91, 200, 217, 0.35);
  --primary-dark: #0f6c94;
  --navy: #1d3e6f;
  --muted: #627895;
  --background: #ebf1f7;
  --background-light: #f5f8fc;
  --form-control-background: rgba(5, 15, 40, 0.07);
  --form-control-background-hover: rgba(5, 15, 40, 0.09);
  --drop-shadow: rgba(10, 10, 40, 0.18);
  --soft-shadow: rgba(10, 10, 40, 0.11);
  --text: #212529;
  --border-light: #dee3e8;
  --disabled-text: #bac6d6;
  --strong-border: #bac6d6;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  src: url("../webfonts/LatoLatin-Bold.woff") format("woff"),
    url("../webfonts/LatoLatin-Bold.woff2") format("woff2");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 500;
  src: url("../webfonts/LatoLatin-SemiBold.woff") format("woff"),
    url("../webfonts/LatoLatin-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/LatoLatin-Regular.woff") format("woff"),
    url("../webfonts/LatoLatin-Regular.woff2") format("woff2");
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  src: url("../webfonts/LatoLatin-Italic.woff") format("woff"),
    url("../webfonts/LatoLatin-Italic.woff2") format("woff2");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: url("../webfonts/LatoLatin-Light.woff") format("woff"),
    url("../webfonts/LatoLatin-Light.woff2") format("woff2");
}

body,
html {
  border: 0;
  padding: 0;
  margin: 0;
  font-family: "Lato", "Segoe UI", Arial, Helvetica, sans-serif;
  letter-spacing: -0.02em;
}
body {
  background: var(--background);
}
body.iframe {
  background: transparent;
  padding-top: 0.25rem;
}

[class*="dx"] {
  font-family: "Lato", "Segoe UI", Arial, Helvetica, sans-serif !important; /* !important to override DevExpress */
}

.h1,
.h2,
.h3,
.h4,
.h5 {
  display: block;
}

h1,
.h1 {
  font-size: 1.5rem;
  margin: 0 0 0.75rem;
  padding: 0.5rem 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  color: var(--navy);
}
h2,
.h2,
.page-lead,
.dropdown .dd-menu h2 {
  color: var(--navy);
  font-size: 1.25rem;
}
h2,
.h2 {
  margin: 0.75rem 0;
  color: var(--navy);
}
h3,
.h3,
.dxflGroupBoxCaption_Moderno,
body .dxcvTitlePanel_Moderno,
body .dxrpHeader_Moderno,
body .dxrpControl_Moderno td.dxrpHeader_Moderno,
body .dxcvTitlePanel_Moderno .dxcvTitlePanelText_Moderno {
  background: 0;
  border: 0;
  color: var(--muted);
  font-size: 1.125rem;
  margin: 1rem 0;
  padding: 0.5rem 0;
  border-bottom: 1px dotted var(--strong-border);
  font-weight: 600;
}
body .dxcvTitlePanel_Moderno,
body .dxcvTitlePanel_Moderno .dxcvTitlePanelText_Moderno {
  padding: 0.75rem 0.75rem 0.5rem !important; /* Template applies inline styling that must be overridden */
}
h4,
.h4 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--navy);
  margin: 0.5rem 0;
  padding: 0.25rem 0;
}
h3,
.h3,
.dd-menu h3 {
  color: var(--muted);
}
h2:first-child,
.h2:first-child,
h3:first-child,
.h3:first-child,
h4:first-child,
.h4:first-child {
  margin-top: 0;
}
.page-subtitle {
  font-size: 1rem;
  color: var(--muted);
}
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: 0;
  margin: 0;
  padding: 0;
}
a {
  color: var(--navy);
  font-weight: 500;
}
a:focus,
a:hover {
  color: var(--navy);
  text-decoration: underline;
}
a:active,
a:visited {
  color: var(--navy);
}
a:focus {
  outline: 0;
  box-shadow: 0 0 0 0.125rem rgba(91, 200, 217, 0.5);
}
a.disabled {
  color: var(--disabled-text);
}
a:visited.dxeHyperlink_Moderno,
.dxsmControl a:visited {
  color: var(--navy) !important; /* overrides disabled-looking link in DX */
}
a,
button {
  cursor: pointer;
}
ul,
ol {
  margin: 0;
  /*padding: 0;*/
}
p {
  margin: 0;
}

.fas {
  font-weight: 600 !important;
  font-family: "Font Awesome 6 Free" !important;
}

.far {
  font-weight: 400 !important;
  font-family: "Font Awesome 6 Free" !important;
}

/* Structure */

.homelogo {
  margin-right: 0.5rem;
}
.page-header,
.page-body,
.page-toolbar {
  padding: 0.75rem 1.5rem;
}

.page-header + .page-body,
.page-header + .page-toolbar,
.page-toolbar + .page-body {
  padding-top: 0;
}

.page-title-text,
.dxc-chart .dxc-title > text:first-of-type {
  padding: 0 0.5rem;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.675rem;
  max-width: 28rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  color: var(--text);
}

.container-fluid {
  padding: 0;
}

.box,
.new-box,
.section,
.dxcvCard_Moderno,
.dxcvBreakpointsCard_Moderno,
.dxcvFlowCard_Moderno,
.dxcvEmptyCard_Moderno {
  border: 0;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.25rem 0.5rem rgba(10, 15, 40, 0.12);
}

.dark,
.box.dark {
  background: rgba(98, 120, 149, 0.15);
  box-shadow: none;
}

.box.box-light {
  background: var(--background);
}

.box .box,
.section .box,
.dd-menu .box,
.new-box .box,
.new-box .new-box,
.section .new-box,
.section .section,
.new-box .section,
.box .section,
.box .dxcvCard_Moderno,
.box .dxcvBreakpointsCard_Moderno,
.box .dxcvFlowCard_Moderno,
.box .dxcvEmptyCard_Moderno,
.section .dxcvCard_Moderno,
.section .dxcvBreakpointsCard_Moderno,
.section .dxcvFlowCard_Moderno,
.section .dxcvEmptyCard_Moderno,
.iframe .box {
  box-shadow: none;
  border: 1px solid var(--border-light);
}

.box.box-accordion {
  margin-bottom: 1rem;
}

.box.box-form {
  padding: 1rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.panel-heading {
  padding: 0.75rem 1rem;
}

.panel-heading .accordion-toggle {
  display: block;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
  width: 2rem;
  text-align: center;
}

.panel-heading .accordion-toggle::after {
  font-size: 1.325rem;
  vertical-align: middle;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f077";
}

.panel-heading .accordion-toggle.collapsed {
  transform: rotate(180deg);
}

.panel-body {
  padding: 1rem;
  border-top: 1px dotted var(--border-light);
}
.panel-collapse {
  opacity: 0;
  transition: opacity 0.2s ease, height 0.3s ease, max-height 0.3s ease;
}
.panel-collapse.show {
  opacity: 1;
}

.content,
.new-content {
  padding: 1rem 1.5rem;
}

.box-content {
  padding: 0.5rem 1rem;
}

.section {
  margin-bottom: 1rem;
}

.col > .section {
  height: 100%;
}

.section-full {
  margin: 0;
  min-height: 100%;
}

.section.form-flow {
  padding: 1rem 0 0;
}

.section.form-flow:empty {
  display: none;
}

.row {
  min-width: 100%;
  flex: 1;
}
.col-fix {
  max-width: fit-content;
}

.audit-number {
  font-weight: bold;
  color: var(--muted);
  padding-right: 0.5rem;
}

.audit-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1;
  margin: 0 -1rem;
}

.audit-control .dxeCaptionCell_Moderno.dxeCaptionVATSys.dxeTextEditCTypeSys {
  padding: 0;
}

.audit-question-text {
  padding-top: 1px;
}

/* Prevent customisation of font sizes in audit question text */
.audit-question-text,
.audit-question-text span,
.audit-question-text div,
.audit-question-text p,
.audit-question-text font,
.audit-question-text h1,
.audit-question-text h2,
.audit-question-text h3,
.audit-question-text h4,
.audit-question-text h5,
.audit-question-text h6 {
  font-size: 1rem;
  line-height: 1.125rem;
}

.audit-question-text ul,
.audit-question-text ol {
  padding-left: 1.5rem;
}

.help-link {
  opacity: 0.6;
}

.help-link:hover {
  opacity: 1;
}

/* Form Controls */

.form-control-container,
.dxpLite_Moderno .dxp-pageSizeItem,
.dxflTextEditItemSys,
.dxflMemoItemSys {
  padding: 0.25rem 0.5rem;
}

.form-control-container.width-normal {
  max-width: 16rem;
}

.form-control-container.width-wide {
  max-width: 26rem;
}

.form-control-container.width-small {
  max-width: 8rem;
}

.form-control-container.width-stretch {
  max-width: 100%;
}

.form-inline .form-control-container {
  flex-direction: column;
  align-items: flex-start;
}
.form-control-container,
.dxeTextBox_Moderno,
.dxeButtonEdit_Moderno,
.dxpLite_Moderno .dxp-pageSizeItem,
.dxflTextEditItemSys,
.dxflMemoItemSys {
    border: 0;
    border-radius: 0.75rem;
    box-shadow: 0 0 0 transparent;
    transition: box-shadow 0.3s ease;
    width: 100%;
    max-width: fit-content;
    line-height: 1.125rem;
    background: var(--form-control-background);
}

.form-control-container .dxeTextBox_Moderno,
.form-control-container .dxeMemo_Moderno,
.dxflTextEditItemSys .dxeButtonEdit_Moderno,
.dxflMemoItemSys .dxeButtonEdit_Moderno {
  max-width: none;
  width: 100% !important;
}

.form-control-container > div {
  width: 100%;
  /*display: flex;*/
}

.form-control-container .dxeRoot_Moderno {
  min-width: 100%;
}

.form-control-container input,
.dxeTextBox_Moderno .dxeEditArea_Moderno,
.form-control-container .dxeMemo_Moderno,
.form-control-container .dxeMemo_Moderno .dxeMemoEditArea_Moderno,
.dxpLite_Moderno .dxp-comboBox,
.dxeTextBox_Moderno input,
.form-control-container input[type="text"].dxeEditAreaSys,
.form-control-container input[type="password"].dxeEditAreaSys,
.dxflTextEditItemSys input[type="text"].dxeEditAreaSys,
.dxflTextEditItemSys input,
.dxflTextEditItemSys .dxeButtonEdit_Moderno,
.dxflMemoItemSys .dxeMemo_Moderno .dxeMemoEditArea_Moderno,
.dxflMemoItemSys .dxeMemo_Moderno {
        background: transparent;
        font-size: 0.9rem;
        border: 0;
        outline: 0;
        margin: 0;
        padding: 0.25rem 0 !important;
        box-shadow: none;
        flex: 1;
    }

.dxeButtonEdit_Moderno .dxeEditArea_Moderno {
    background: transparent;
    }

.form-control-container.form-control-readonly,
.form-control-container[readonly],
.form-control-container input[readonly] {
    background: transparent;
    cursor: not-allowed;
    color: #8a8a8a;
}

.form-control-container.form-control-readonly .dxeButtonEditButton_Moderno,
.form-control-container[readonly] .dxeButtonEditButton_Moderno,
.form-control-container input[readonly] .dxeButtonEditButton_Moderno {
  display: none;
}
/* Combo boxes */
.dxpLite_Moderno .dxp-comboBox {
  padding: 0.125rem !important;
  height: 22px;
}
.form-control-container input:disabled {
  color: var(--muted);
  cursor: not-allowed;
}
.form-control-container:not(.form-control-readonly).focused {
 /* outline: 2px solid var(--primary-faded-hover);*/
}

/* DXFL Formatting */
.dxflTextEditItemSys, .dxflMemoItemSys {
  margin-bottom: 0.5rem;
}
.dxflTextEditItemSys,
.dxflTextEditItemSys > tbody > tr,
.dxflMemoItemSys,
.dxflMemoItemSys > tbody > tr {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

td.dxflNestedControlCell_Moderno {
  height: auto !important;
}
.dxflCLLSys .dxflCaptionCell_Moderno,
[dir="rtl"].dxflFormLayout_Moderno .dxflCLRSys .dxflCaptionCell_Moderno {
  padding: 0 !important;
}
.dxflCLLSys .dxflCaptionCell_Moderno label {
  margin: 0;
}

/*Form labels */
.dxcvCard_Moderno .dxflCaption_Moderno,
.dxcvBreakpointsCard_Moderno .dxflCaption_Moderno,
.dxcvFlowCard_Moderno .dxflCaption_Moderno,
.form-label,
body .dxflCaption_Moderno,
.form-control-container > div:first-child > span,
.form-control-container label,
.form-control-container .form-label,
.dxpLite_Moderno .dxp-pageSizeItem .dx,
.form-control-subline {
  color: var(--muted);
  font-size: 0.875rem;
  margin: 0 0 0.125rem;
}

.form-control-container input:not(:disabled):hover {
  cursor: text;
}

.form-control-container .dxeTextBox_Moderno {
  background: 0;
}

.form-control-container .dxeTextBox_Moderno .dxic {
  padding: 0 !important;
}

.form-control-container > div:first-child > span,
.form-control-container label,
.form-control-container .form-label,
.form-label,
.form-control-subline {
  color: var(--muted);
  margin: 0;
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 0.125rem 0;
}

.form-control-subline {
  font-weight: 400;
}

.form-control-subline.version-no {
  padding: 0;
  font-size: 0.75rem;
}

.form-value {
  line-height: 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.25rem 0;
}

.form-control-container .dxeButtonEdit_Moderno {
    background: 0;
    box-shadow: none;
    border: 0;
    outline: 0;
    padding-top: 0;
    flex: 1;
    min-width: 60px;
    width: 100%;
}

.dxeButtonEditSys.dxeButtonEdit_Moderno.dxeTokenBox {
    min-width: 200px;
}

.form-control-container .btnTable {
    width: 100%;
    display: table;
    min-width: 100%;
}

.form-control-container.form-control-outline {
  background-color: transparent;
  border: 1px solid var(--border-light);
}

.form-control-icon {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: var(--muted);
  opacity: 0.5;
}

.form-control__response {
  /*display: flex;*/
  flex-direction: row;
  flex-wrap: wrap;
}

.form-control__response > div,
.form-control__response > span {
  width: 100%;
  flex-basis: 100%;
}

.form-control__response .date-single,
.form-control__response .date-range-from,
.form-control__response .date-range-to {
  width: 50%;
  flex-basis: 50%;
}

.form-control__response .date-range-from {
  border-right: 1px solid var(--border-light);
}

.form-control__date .dxeButtonEditButton_Moderno::before,
.form-control__date .dxeButtonEditButton_ModernoHover::before,
.date-single .dxeButtonEditButton_Moderno::before,
.date-single .dxeButtonEditButton_ModernoHover::before,
.date-range-from .dxeButtonEditButton_Moderno::before,
.date-range-from .dxeButtonEditButton_ModernoHover::before,
.date-range-to .dxeButtonEditButton_Moderno::before,
.date-range-to .dxeButtonEditButton_ModernoHover::before {
  font-family: "Font Awesome 5 Free";
  content: "\f073" !important;
  font-size: 1rem;
}

.form-label.date-range-label {
  flex: 0 0 auto;
  padding-right: 1rem;
}

.form-control__response .sample-count-label {
  flex-basis: 50%;
  margin: 0;
}
/* .form-control__response .dxeBase_Moderno {
  font-size: 0.875rem;
  padding: 0;
  display: block;
} */

/* Buttons */

.dxbButton_Moderno,
.dxpLite_Moderno .dxp-button,
.dxm-main .dxm-item:not(.dxtb-comboBoxMenuItem),
.dxeCalendarButton_Moderno,
.dxbButton_Moderno,
.btn,
.dxucButton_Moderno a,
body .dxucBrowseButton_Moderno,
body .swal2-styled.swal2-confirm,
body .swal2-styled.swal2-deny,
body .swal2-styled.swal2-cancel,
.cardview-with-actions .dxeHyperlink_Moderno,
.dxbButton_Moderno.dxb-outline {
  background: var(--primary-faded);
  color: var(--navy);
  border-radius: 1rem;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  min-width: 3rem;
  padding: 0.5rem 0.75rem;
  text-align: center;
  transition: background 0.12s ease, box-shadow 0.12s ease;
  margin-right: 0.25rem;
  min-height: 1.5rem;
  height: auto;
  word-break: break-word;
  border: 0;
  white-space: normal;
  line-height: 1em;
  min-width: 4rem;
  text-align: center;
  box-shadow: 0 0 0 transparent;
}
    .dxbButton_Moderno:hover,
    .dxpLite_Moderno .dxp-button:hover,
    .dxeCalendarButton_Moderno:hover,
    .dxbButton_Moderno:hover,
    .dxm-main .dxm-item:not(.dxtb-comboBoxMenuItem):hover,
    body .dxucBrowseButton_Moderno:hover,
    .dxucButton_Moderno a:hover,
    .btn:hover,
    .cardview-with-actions .dxeHyperlink_Moderno:hover,
    .dxbButton_Moderno.dxb-outline:hover {
        cursor: pointer;
        color: var(--navy);
        background: var(--primary-faded-hover);
        box-shadow: 0 3px 8px rgba(91, 200, 217, 0.15);
    }

body .swal2-styled.swal2-confirm,
body .swal2-styled.swal2-deny {
  background: var(--primary-faded) !important;
}

body .swal2-styled.swal2-confirm:hover,
body .swal2-styled.swal2-deny:hover {
  background: var(--primary-faded-hover) !important;
}

body .swal2-styled.swal2-cancel {
  background: var(--background) !important;
  color: var(--navy) !important;
}

body .swal2-styled.swal2-cancel:hover {
  background: var(--background-light) !important;
}

body .btn-danger {
}
.dxpLite_Moderno .dxp-button img {
  display: inline-block;
}

.dxpLite_Moderno .dxp-button {
  min-width: 0;
  padding: 0.25rem 0.75rem;
  display: flex;
  align-items: center;
}

/* Convert action buttons on cards to pseudo title case */
.cardview-with-actions .dxeHyperlink_Moderno {
  text-transform: lowercase;
}

.cardview-with-actions .dxeHyperlink_Moderno::first-letter {
  text-transform: uppercase;
}

.dxbButton_Moderno.dxm-disabled,
.dxbButton_Moderno:disabled,
.dxbDisabled_Moderno,
.dxpLite_Moderno .dxp-button.dxm-disabled,
.dxm-main .dxm-item:not(.dxtb-comboBoxMenuItem).dxm-disabled,
.btn:disabled,
.dxbButton_Moderno:disabled,
.dxbButton_Moderno.dxm-disabled,
.dxpLite_Moderno .dxp-button.dxp-disabledButton,
.dxucButton_Moderno.dxucButtonDisabled_Moderno a,
.dxbButton_Moderno.dxb-outline:disabled,
.dxbButton_Moderno.dxb-outline.dxm-disabled {
  background: 0;
  border: 1px solid var(--form-control-background);
  color: var(--disabled-text);
  cursor: not-allowed;
}

.dxm-disabled .dxm-image,
.dxm-disabled img.dx-vam,
:disabled .dxm-image,
:disabled img.dx-vam,
.dxucButtonDisabled_Moderno img.dx-vam {
  opacity: 0.25;
}

/* .dxb .dx-vam {
  width: auto !important;
} */

.auto-resize-textarea .dxeMemoSys td {
  height: auto !important;
  width: auto;
}

.dxmLite_Moderno .dxm-item.dxm-disabled .dxm-contentText {
  color: var(--disabled-text);
}

.dxmLite_Moderno .dxmtb.dxm-horizontal .dxm-item {
  border-radius: 0.5rem;
  padding: 0.325rem 0.5rem !important; /* override complex dropdown styling*/
  box-sizing: border-box;
  margin: 0 0.125rem 0;
  border: 0;
}

.btn-icon,
.btn-fa,
.btn-invisible {
  text-align: left;
  display: inline-flex;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
}

.btn-icon > .fa:first-child,
.btn-icon > .fas:first-child {
  margin-right: 0.5rem;
  flex: 0 0 auto;
}

.btn-fa {
  min-width: 0;
  padding: 0.5rem;
}

.btn-transparent {
  background-color: transparent;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-icon.btn-block {
  display: flex;
}

.btn-block ~ .btn-block {
  margin-top: 0.5rem;
}

/* Upload control */
.dxucTextBox_Moderno {
  background: 0;
  border: 0;
  box-shadow: none;
}
.dxucBrowseButton_Moderno a {
  color: var(--navy);
}
.dxucFileList {
  margin-top: 0.5rem;
  padding: 0.5rem 0.25rem;
  border-top: 1px dotted var(--border-light);
}
/* ASP Overrides */
.dxcvControl_Moderno,
.dxcvDisabled_Moderno,
.dxcvTable_Moderno,
.dxsmControl,
.dxgvControl_Moderno,
.dxgvDisabled_Moderno,
.dxeHyperlink_Moderno {
  font-family: "Lato", "Segoe UI", Arial, Helvetica, sans-serif;
}

.dxcvControl_Moderno,
.dxcvDisabled_Moderno,
.dxcvTable_Moderno,
.dxpnlControl_Moderno.dxpnl-edge,
.dxpnlControl_Moderno.dxpnl-edge.dxpnl-bar,
.dxheControl_Moderno {
  border: 0 solid transparent;
  background: transparent;
}

.dxmLite_Moderno .dxm-popup {
  border: 0;
  border-radius: 1rem;
  padding: 0.5rem;
  width: fit-content !important;
  max-width: 100vh;
}
.dxmLite_Moderno .dxm-popup .dxm-selected {
  background: var(--primary-faded);
}

.dxpcModalBackLite_Moderno,
.dxdpModalBackLite_Moderno {
  background: rgba(215, 215, 220, 0.8);
  backdrop-filter: blur(2px);
  opacity: 1 !important;
}

/* Sub toolbar */
.dxmLite_Moderno .dxctToolbar_Moderno.dxm-horizontal.dxmtb .dxm-item {
  border: 0;
  border-radius: 0.75rem !important;
}
.dxmLite_Moderno .dxmtb.dxm-horizontal .dxm-hovered {
  border: 0;
  background: var(--primary-faded-hover);
}

.dxrpcontent {
  padding: 0 !important;
  border: 0 !important;
}

.dxrpControl_Moderno,
.dxrpControlGB_Moderno {
  border: 0;
}
.dxrpCollapseButton {
  padding: 0 0.5rem;
}
/* Header images/icon */
.dxrpControl_Moderno .dxrpHI,
img.dx-vam {
  width: 16px;
  height: 16px;
}

.dxcvCardHover_Moderno {
  border: 0;
  outline: 2px solid var(--primary-faded-hover);
  box-shadow: 0 8px 14px var(--drop-shadow);
  cursor: pointer;
}

.dxcvBreakpointsCard_Moderno .page-title-text {
  white-space: unset;
  margin: 0;
  display: block;
  text-transform: unset;
}

.dxgvTable_Moderno a,
.dxeHyperlink_Moderno,
.dxeHyperlink_Moderno,
.dxsmLevel1,
.dxsmLevel1 a,
.dxsmLevel1Categorized a,
.dxsmLevel1Categorized {
  color: var(--navy);
  font-weight: 500;
  text-decoration: none;
  padding: 0.25rem;
  border-radius: 0.5rem;
  transition: background 0.1s ease;
}

.dxsmLevel0,
.dxsmLevel1 {
  margin-bottom: 0;
}

.dxgvTable_Moderno a:hover,
.dxsmLevel1 a:hover,
.dxsmLevel1Categorized a:hover,
.dxeHyperlink_Moderno:hover {
  color: var(--navy);
  background: var(--primary-faded);
}

.dxflNestedControlCell_Moderno {
  word-break: break-word;
  font-size: 1rem;
}

.dxeListBox_Moderno {
  border: 0;
}

.dxeListBoxItem_Moderno {
  white-space: normal;
  color: var(--navy);
  font-weight: 500;
  font-size: 1rem;
}
.dxeListBoxItemHover_Moderno {
  background: var(--primary-faded);
  color: var(--navy);
}

.dxeListBoxItemSelected_Moderno {
  background: var(--primary-faded-hover);
  color: var(--navy);
}

.dxpc-mainDiv .dxeListBoxItem_Moderno {
  max-width: 35rem;
}

/* Padding on checkboxes */
.dxeTAL.dxeBase_Moderno .dxichTextCellSys,
.dxeTAR.dxeBase_Moderno[dir="rtl"] .dxichTextCellSys {
  padding: 0 0.25rem 0 0;
}
.dxeBase_Moderno .dxichCellSys,
.dxeBase_Moderno.dxichCellSys {
  padding: 0;
}

/* Icons in lists */
.dxsmControl td > img {
  height: 16px;
}

.list-icon-column {
  width: 1.25rem;
  max-width: 1.25rem;
  text-align: center;
  padding: 0 0.125rem 0 0;
}

.dxWeb_edtCheckBoxUnchecked_Moderno,
.dxWeb_edtCheckBoxChecked_Moderno {
    width: 1.25rem;
    height: 1.25rem;
    background: rgba(10, 10, 40, 0.125);
    border: 0;
    border-radius: 0.25rem;
}

.dxWeb_edtCheckBoxUncheckedDisabled_Moderno,
.dxWeb_edtCheckBoxCheckedDisabled_Moderno {
    width: 1.25rem;
    height: 1.25rem;
    background: rgba(10, 10, 40, 0.125);
    border: 0;
    border-radius: 0.25rem;
    cursor: not-allowed;
}

.dxWeb_edtCheckBoxChecked_Moderno {
    background: var(--primary-faded-hover);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.toggle .dxWeb_edtCheckBoxUnchecked_Moderno {
  background: transparent;
}

.toggle .dxWeb_edtCheckBoxUnchecked_Moderno::after,
.dxWeb_edtCheckBoxChecked_Moderno:after,
.dxWeb_edtCheckBoxCheckedDisabled_Moderno:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f00d";
    display: block;
    }

.toggle .dxWeb_edtCheckBoxUnchecked_Moderno::after,
.toggle .dxWeb_edtCheckBoxChecked_Moderno::after {
  font-size: 1.125rem;
}

.toggle .dxWeb_edtCheckBoxUnchecked_Moderno::after {
  content: "\f204";
  color: var(--muted);
}
.dxWeb_edtCheckBoxChecked_Moderno:after {
    content: "\f00c";
    color: var(--navy);
}
.dxWeb_edtCheckBoxCheckedDisabled_Moderno:after {
    content: "\f00c";
    color: var(--navy);
    text-align:center;
    padding-top: 2px;
}
.toggle .dxWeb_edtCheckBoxChecked_Moderno::after {
  content: "\f205";
}

.dxWeb_edtCheckBoxUnchecked_Moderno input,
.dxWeb_edtCheckBoxChecked_Moderno input {
  opacity: 0;
  position: absolute;
}

.dxgvLoadingPanel_Moderno,
.dxlpLoadingPanel_Moderno,
.dxscLoadingPanel_Moderno,
.dxlpLoadingPanelWithContent_Moderno {
  border: 0;
  border-radius: 1.5rem;
  box-shadow: 0 4px 12px rgba(20, 20, 50, 0.15);
  font-weight: normal;
  font-family: "Lato";
}

.dxgvFocusedRow_Moderno {
  background-color: var(--primary-faded-light);
}

/* Edit and cancel buttons on table edit view*/
.dxbButton_Moderno.dxgvADSB img,
.dxbButton_Moderno.dxgvADHB img {
  display: none !important;
}
.dxbButton_Moderno.dxgvADHB::before,
.dxbButton_Moderno.dxgvADSB::before {
  display: block;
  content: "\f141";
  font-family: Arial;
  width: 16px;
  height: 16px;
  opacity: 1;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  font-size: 1rem;
  color: var(--navy);
}

.dxbButton_Moderno.dxgvADHB::before {
  content: "\f00d";
}

.dxbButton_Moderno div.dxb {
  padding: 0 !important;
}

.dxm-popOut {
  padding: 0.5rem !important;
}

body .dxflGroupCell_Moderno {
  padding: 0 1rem;
}

body .dxflGroupCell_Moderno .dxflGroupCell_Moderno {
  padding: 0 0.5rem 0.5rem;
}

.dxheControl_Moderno {
  border: 1px solid var(--border-light);
  border-radius: 0.75rem;
}

/* Page controls */
.dxpLite_Moderno .dxp-pageSizeItem .dx {
  margin: 0;
  float: none;
}

.dxpLite_Moderno .dxp-dropDownButton {
  padding: 0.325rem;
}
.dxFirefox .dxpLite_Moderno .dxp-comboBox input {
  margin: 0;
}
.dxgvControl_Moderno .dxpLite_Moderno {
  display: flex !important;
  align-items: center;
}
.dxp-right {
  margin-left: auto !important;
}

body .dxmLite_Moderno .dxm-dropDownMode.dxm-hovered .dxm-popOut,
body .dxmLite_Moderno .dxm-dropDownMode.dxm-selected .dxm-popOut,
body .dxmLite_Moderno .dxm-dropDownMode.dxm-checked .dxm-popOut {
  border-color: transparent;
}
.dxm-hovered .dxWeb_mHorizontalPopOut_Moderno {
  background-position: -458px -224px !important; /* Remove white hover style */
}

body .dxeButtonEdit_Moderno td.dxic {
  /* DX Dropdown controls - excessive padding */
  padding: 0 !important;
}

body .dxcvSelectedCard_Moderno,
body .dxcvFocusedCard_Moderno {
  outline: 0.25rem solid var(--primary-faded-hover);
  background: var(--primary-faded-light);
}
/* ASP DX cards */

.dxcvBreakpointsCard_Moderno,
.dxflFormLayout_Moderno,
div.dxflGroupSys,
div.dxflGroupSys > div {
  /* display: flex; */
  min-width: 0;
}

div.dxflGroupSys,
div.dxflGroupSys > div {
  flex-direction: column;
}

/* ASP Tabs */
body .dxtcLite_Moderno > .dxtc-content {
  overflow: visible;
}
.box .dxtcLite_Moderno > .dxtc-content {
  border: 0;
  border-top: 1px solid var(--border-light);
}

/* ASP Paging */

body .dxpLite_Moderno .dxp-num {
  text-decoration: none;
  color: var(--muted);
  min-height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 0.75rem;
}
body .dxpLite_Moderno .dxp-current {
  background: var(--primary-faded);
  color: var(--navy);
  font-weight: 600;
}

body .dxpLite_Moderno .dxp-num:hover {
  background: var(--primary-faded);
  color: var(--navy);
}

.dxgvTitlePanel_Moderno {
  font-size: 1.25rem !important;
  font-weight: bold;
}

.dxgvTitlePanel_Moderno:empty {
  display: none;
}

body .dxpLite_Moderno .dxp-summary,
.dxpLite_Moderno .dxp-ellipsis {
  color: var(--muted);
}

body .dxeBase_Moderno {
  padding: 0.5rem;
  color: var(--muted);
  word-break: normal;
}

.form-control-container > .dxeBase_Moderno {
  padding: 0;
}

body .dxtcLite_Moderno.dxtc-left > .dxtc-stripContainer .dxtc-tab,
body
  .dxtcLite_Moderno.dxtc-left.dxtc-noSpacing
  > .dxtc-stripContainer
  .dxtc-activeTab.dxtc-lead,
body .dxtcLite_Moderno.dxtc-left > .dxtc-stripContainer .dxtc-leftIndent,
body .dxtcLite_Moderno.dxtc-left > .dxtc-stripContainer .dxtc-spacer,
body .dxtcLite_Moderno.dxtc-left > .dxtc-stripContainer .dxtc-rightIndent,
body .dxtcLite_Moderno.dxtc-left > .dxtc-stripContainer .dxtc-sbWrapper,
body .dxtcLite_Moderno.dxtc-left > .dxtc-stripContainer .dxtc-sbIndent,
body .dxtcLite_Moderno.dxtc-left > .dxtc-stripContainer .dxtc-sbSpacer {
  border-right-color: transparent !important;
}

.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-link {
  color: var(--muted) !important;
}
body .dxtcLite_Moderno.dxtc-left > .dxtc-stripContainer .dxtc-activeTab {
  background-color: transparent !important;
  border-right-color: var(--primary) !important;
}
body
  .dxtcLite_Moderno.dxtc-left
  > .dxtc-stripContainer
  .dxtc-activeTab
  .dxtc-link {
  color: var(--navy) !important;
}

.dxtcLite_Moderno.dxtc-left > .dxtc-content {
  border: 0;
  border-left: 1px solid var(--border-light);
}

.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab,
body .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
  color: var(--navy) !important;
}

/* ASP Tags or Tokens */

.dxeToken_Moderno {
  background: var(--primary-faded);
  color: var(--navy);
  border-radius: 0.75rem;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 0.125rem;
}
.dxEditors_edtTokenBoxTokenRemoveButton_Moderno {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 0.75rem;
}
.dxEditors_edtTokenBoxTokenRemoveButton_Moderno:hover {
  background: var(--primary-faded);
}
.dxEditors_edtTokenBoxTokenRemoveButton_Moderno::after {
  font-family: "Font Awesome 6 Free";
  content: "\f00d";
  display: block;
}

/* Dropdown buttons */

.dxeButtonEditButtonPressed_Moderno,
.dxeSpinIncButtonPressed_Moderno,
.dxeSpinDecButtonPressed_Moderno,
.dxeSpinLargeIncButtonPressed_Moderno,
.dxeSpinLargeDecButtonPressed_Moderno,
.dxeButtonEditButtonHover_Moderno,
.dxeSpinIncButtonHover_Moderno,
.dxeSpinDecButtonHover_Moderno,
.dxeSpinLargeIncButtonHover_Moderno,
.dxeSpinLargeDecButtonHover_Moderno {
  background: var(--primary-faded-hover);
  border: 0;
  border-radius: 0.5rem;
}

.dxeButtonEditButtonHover_Moderno .dxEditors_edtDropDown_Moderno {
  background-position: -199px -97px;
}
.dxEditors_edtDropDown_Moderno {
  /*display: none;*/
}
.dxeButtonEditButton_Moderno:not(.dxeButtonEditClearButton_Moderno)::before,
.dxeButtonEditButton_ModernoHover:not(
    .dxeButtonEditClearButton_Moderno
  )::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: var(--navy);
  /*content: "\f0d7";*/
  line-height: 0.75rem;
}

/*To hide the dropdown arrow under Calendar Icon - KV*/
.form-control__date .dxeButtonEditButton_Moderno .dxEditors_edtDropDown_Moderno {
    display: none;
}

.dxeButtonEditButton_Moderno {
  border: none;
}
/* Spin control / range control */
.dxeSpinIncButton_Moderno {
  margin-top: -12px;
  margin-bottom: 2px;
}
.dxeSpinDecButton_Moderno {
  /*margin-bottom: -4px;*/
}
.dxeButtonEditButton_Moderno.dxeSpinIncButton_Moderno::before {
  /*content: "\f0d8";*/
}

/* Calendar */

.dxpcDropDown_Moderno .dxpc-mainDiv {
  padding: 0.5rem;
  border-radius: 1rem;
}
.dxeCalendar_Moderno {
  border: 0;
}
.dxeCalendarWeekNumber_Moderno {
  font-size: 0.675rem;
  color: var(--muted);
}
.dxeCalendarDay_Moderno {
  font-size: 1rem;
}
.dxeCalendarDay_Moderno.dxeCalendarSelected_Moderno {
  background: var(--primary-faded-hover);
  /* border-radius: 0.5rem; */
}
.dxeCalendarDay_Moderno.dxeCalendarHover_Moderno:not(
    .dxeCalendarOutOfRange_Moderno
  ):not(.dxeCalendarDayDisabled_Moderno):not(.dxeCalendarSelected_Moderno) {
  background: var(--primary-faded);
  border-radius: 0.5rem;
  color: var(--navy);
}
.dxeCalendarFooter_Moderno {
  background: 0;
  border-top: 2px dotted var(--border-light);
}
.dxeCalendarHeader_Moderno {
  background: 0;
  border-bottom: 2px dotted var(--border-light);
}

.dxEditors_edtCalendarPrevYear_Moderno,
.dxEditors_edtCalendarPrevMonth_Moderno,
.dxEditors_edtCalendarNextMonth_Moderno,
.dxEditors_edtCalendarNextYear_Moderno {
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0.25rem;
}
.dxEditors_edtCalendarPrevYear_Moderno:hover,
.dxEditors_edtCalendarPrevMonth_Moderno:hover,
.dxEditors_edtCalendarNextMonth_Moderno:hover,
.dxEditors_edtCalendarNextYear_Moderno:hover {
  background-color: var(--primary-faded);
}
.dxEditors_edtCalendarPrevYear_Moderno {
  background-image: url("../images/fa-solid/angles-left.svg");
}
.dxEditors_edtCalendarPrevMonth_Moderno {
  background-image: url("../images/fa-solid/angle-left.svg");
}
.dxEditors_edtCalendarNextMonth_Moderno {
  background-image: url("../images/fa-solid/angle-right.svg");
}
.dxEditors_edtCalendarNextYear_Moderno {
  background-image: url("../images/fa-solid/angles-right.svg");
}

.dxeDateEditTimeEditCell_Moderno .dxeSpinIncButton_Moderno:first-child:before {
  /*content: "\f0d8";*/
}
.dxEditors_edtSpinEditIncrementImage_Moderno {
  /*display: none;*/
}
.dxEditors_edtSpinEditDecrementImage_Moderno {
    /*display: none;*/
}

.date-control {
  display: flex;
  align-items: center;
}

.date-control .caption {
  padding-right: 0.5rem;
}

.date-control > div {
  flex: 1 1 auto;
  min-width: 0;
}

/* DX Progress Bars */

.dxeProgressBar_Moderno {
  background: #fff;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 2px 4px var(--soft-shadow);
  margin-bottom: 1rem;
  height: 26px !important;
}
.dxeProgressBarIndicator_Moderno {
  border-radius: 0.75rem;
  background: var(--primary-faded-hover);
  height: 16px !important;
}
.dxpbVC {
  background: transparent;
  color: var(--navy);
  font-weight: bold;
  font-size: 0.75rem;
}
.dxeProgressBar_Moderno .dxePBMainCell > table {
  height: 16px !important;
  margin-top: -18px !important;
}

/* Apps */

.app-body {
}

.app-icon {
  padding: 0.875rem 0.75rem 0.75rem;
  position: relative;
  height: 6.5rem;
  width: 8rem;
  background: linear-gradient(5deg, #47b4c5 0, #6fdced 100%);
  color: var(--navy);
  border-radius: 2rem;
  margin: 0.5rem auto 0.5rem;
  box-shadow: 2px 4px 10px rgba(29, 62, 111, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.apps-panel-box .button-icon {
  padding: 0;
  height: 4rem;
  font-size: 3.75rem;
  line-height: 3.75rem;
  display: inline-block;
  width: 5.5rem;
  position: relative;
  text-align: center;
  border-radius: 0.5rem;
  margin: 0.5rem;
  font-weight: 300;
}
.app-header {
  text-align: center;
}
.app-name,
.app-description {
  line-height: 1.125rem;
  font-size: 0.8125rem;
  max-width: 150px;
}
.app-name {
  padding: 0.25rem;
  font-size: 1.25rem;
  letter-spacing: -0.03rem;
  color: #5e5b77;
}
/* Navigation */

.navbar,
.navbar.navbar-light {
  height: 4.25rem;
  display: flex;
  background: #fff;
  align-items: start;
  box-shadow: 0 2px 12px var(--drop-shadow);
  z-index: 60;
  position: relative;
  padding: 0.25rem 0.5rem;
}

.dxmLite_Moderno .dxm-item {
  cursor: pointer;
  padding: 0.325rem 0.5rem;
  border-radius: 0.75rem;
  color: var(--navy);
  min-width: auto !important;
  width: auto;
  position: relative;
}

.dxmLite_Moderno .dxm-item .dxm-contentText {
  color: var(--navy);
}

/* Hover effects on boxes and tabs */
.dxmLite_Moderno .dxm-hovered,
.dxmLite_Moderno .dxm-hovered.dxm-item,
.dxheControl_Moderno .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tabHover {
  background: var(--primary-faded);
  color: var(--navy);
}

.dxmLite_Moderno .dxm-hovered,
.dxmLite_Moderno .dxm-hovered a.dx {
  color: var(--navy);
}

.navbar.navbar-main .navbar-right .dxm-horizontal .dxm-image-l .dxm-content {
  padding: 0.25rem 1rem;
}

.navbar.navbar-main .navbar-right .dxm-horizontal .dxm-image-l .dxm-popOut {
  padding-right: 0.5rem;
  color: var(--navy);
  position: absolute;
  bottom: 0;
  left: 50%;
  height: auto !important;
  padding: 0 !important;
  transform: translateX(-50%);
}

.navbar.navbar-main .navbar-right .dxWeb_mHorizontalPopOut_Moderno,
.navbar.navbar-main
  .navbar-right
  .dxm-hovered
  .dxWeb_mHorizontalPopOut_Moderno {
  background-position: -458px -224px;
  opacity: 0.4;
}

.dxm-main.dxm-horizontal {
  padding: 0.125rem 0;
}

.dxm-main.dxm-horizontal.dxm-autoWidth > ul,
.dxm-main.dxm-horizontal.dxm-noWrap > ul {
  display: flex;
  align-items: center;
}

.dxm-main .dxm-item {
  padding: 0.25rem 0.5rem;
  border-radius: 0.75rem;
  color: var(--navy);
  min-width: auto !important;
  width: auto;
  position: relative;
}

.dxm-main .dxm-separator {
  display: none !important;
}

.dxm-main.dxm-horizontal .dxm-item,
.dxm-main.dxm-horizontal .dxm-content {
  display: flex;
  align-items: center;
}

.dxm-main .dxm-content {
  padding: 0 !important;
}

.navbar.navbar-main
  .navbar-right
  .dxm-horizontal
  .dxm-image-l
  .dxm-hasText
  .dxm-image {
  margin: 0 0 0.25rem;
}

.navbar-right .dxm-main .dxm-item {
  background: 0;
  margin: 0;
}

.navbar-right .dxm-main .dxm-item .dxm-content {
  flex-direction: column;
}

.navbar-right .dxm-main .dxm-item .dxm-contentText {
  color: var(--navy);
  font-size: 0.75rem;
  padding: 0;
  margin: 0 !important;
}

.nav-container {
  display: contents;
  min-width: 0;
  width: 100%;
  align-items: center;
}
.nav-container > .dxmLite_Moderno.dxm-ltr {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
  width: calc(100vw - 52rem);
}

.navbar-right {
  margin-left: auto;
}

.user-menu-dropout {
  position: fixed;
  right: 0.5rem;
  top: 3.75rem;
  padding: 1rem 1.5rem;
  background-color: white;
  z-index: 20020;
  display: none;
}

.user-menu-dropout.open,
.user-menu-button:hover + .user-menu-dropout,
.user-menu-dropout:hover {
  display: block;
}

.user-menu-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  min-width: 16rem;
}

.user-menu-arrow {
  width: 8px;
  height: 4px;
  display: inline-block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAHYcAAB2HAY/l8WUAAAApSURBVBhXY1i1atV/fJjhPxBgkwBhEAArAAFskiAAVwAC6JL/////DwBrhmuVuKevWQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center center;
}

.form-flow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* Login */
.login-container {
  display: flex;
  height: 100vh;
}

.login-form {
  max-width: 26rem;
  padding: 2rem 0;
}

.login-right {
  height: 100%;
  background: white;
  position: relative;
  z-index: 1;
  box-shadow: -4px 0 8px var(--drop-shadow);
}

.loggedin-user {
  list-style: none;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--navy);
  padding: 0.5rem 0;
}

.loggedin-user .fas {
  margin-right: 0.325rem;
}

/* Tables */

.scroll-table {
}

.scroll-table tr[id*="DXHeadersRow0"] > td {
  position: sticky;
  top: 4rem;
  background: white;
  border-bottom: 1px solid var(--border-light) !important;
  z-index: 200;
}

.dxgvPagerBottomPanel_Moderno {
  position: sticky;
  bottom: 0;
  background: white;
  border-top: 1px solid var(--border-light) !important;
  padding: 0.25rem 0.75rem;
}

.dxgvHeader_Moderno,
.table thead {
  padding: 0.5rem 0.75rem 0.75rem;
  background: 0;
  font-weight: 600;
  font-size: 1rem;
  color: var(--muted);
  border: 1px solid rgba(10, 10, 30, 0.06);
  border-width: 0 1px 1px 0 !important;
}

.dxgvHeader_Moderno td {
  font-weight: 600;
}

tr:first-child > .dxgvHeader_Moderno {
  border-width: 0 1px 1px 0 !important;
}

.dxgvHeader_Moderno,
.dxgvHeader_Moderno table,
.table thead {
  color: var(--muted);
}

.dxgvFooter_Moderno td.dxgv,
.dxgvEditFormDisplayRow_Moderno td.dxgv,
.dxgvInlineEditRow_Moderno td.dxgv,
.dxgvDetailCell_Moderno td.dxgv,
.dxgvDataRow_Moderno td.dxgv,
.dxgvDetailRow_Moderno.dxgvADR td.dxgvAIC,
td.dxgv,
.table td {
  padding: 0.5rem 0.75rem 0.75rem;
  background: 0;
  font-size: 1rem;
  color: var(--text);
  border: 1px solid rgba(10, 10, 30, 0.06);
  border-width: 0 1px 1px 0 !important;
}

.dxgvRBB .dxgvDataRow_Moderno.dxgvLVR > td.dxgv,
.dxgvRBB .dxgvGroupRow_Moderno.dxgvLVR > td.dxgv,
.dxgvEditFormDisplayRow_Moderno:last-child td.dxgv,
.dxgvInlineEditRow_Moderno:last-child td.dxgv,
.dxgvDataRow_Moderno:last-child td.dxgv,
.dxgvDetailRow_Moderno:last-child > td.dxgv {
  border-bottom: 0 !important;
}

tr:first-child > .dxgvHeader_Moderno,
tr[id$="DXHeadersRow0"] > .dxgvHeader_Moderno:not(:first-child) {
  border-left-width: 0 !important;
  border-right-width: 1px !important;
}

.scroll-table tr:first-child > .dxgvHeader_Moderno,
.scroll-table tr[id$="DXHeadersRow0"] > .dxgvHeader_Moderno {
  border-width: 0 1px 1px 0 !important;
}

.scroll-table tr:first-child > .dxgvHeader_Moderno:last-child,
.scroll-table tr[id$="DXHeadersRow0"] > .dxgvHeader_Moderno:last-child {
  border-width: 0 0 1px 0 !important;
}

.dxgvFooter_Moderno td.dxgv {
  background: var(--background-light);
  border: 0px solid var(--border-light) !important;
  border-width: 1px 1px 0 0 !important;
}

.dxgvFooter_Moderno td.dxgv:last-child {
  border-width: 1px 0 0 0 !important;
}

.dxgvControl_Moderno .dxgvFSDC {
  border: 0;
}
.dxgvDataRowHover_Moderno {
  background: var(--primary-faded);
  color: var(--navy);
}

.dxgvTable_Moderno,
.table {
  width: 100%;
  color: var(--text);
  border: 0;
}

.table a,
.dxgvTable_Moderno a,
.dxeHyperlink_Moderno {
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
  color: var(--navy);
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0.25rem;
  display: inline-block;
  line-height: 1rem;
}

.dxgvDataRowHover_Moderno a {
  color: var(--navy) !important;
}

.dxgvControl_Moderno .dxgvHSDC,
.dxgvControl_Moderno .dxgvCSD {
  border: 0;
}

.dxgvSelectedRow_Moderno {
  background-color: var(--primary-faded);
}

.table {
  border: 1px solid var(--border-light);
  border-radius: 1rem;
}

table.table thead tr,
table.table tbody tr {
  border: 1px solid var(--border-light);
  border-width: 0 0 1px 0;
}

table.table thead th,
table.table tbody td {
  border: 1px solid var(--border-light);
  border-width: 0 1px 1px 1px;
  height: 3rem;
}

.gridComment {
    border: 1px solid var(--border-light);
    border-width: 0 1px 1px 1px;
    height: 3rem;
    padding: 0.5rem;
}
.gridComment:first-child {
    border-left: 0;
}

.gridComment:last-child {
    border-right: 0;
}
.gridCommentLastRow {
    border-width: 0 0 1px 1px;
    border: 1px solid var(--border-light);
    height: 3rem;
    padding: 0.5rem;
    border-bottom-width: 0;
}
.gridCommentLastRow:first-child {
    border-left: 0;
}

.gridCommentLastRow:last-child {
    border-right: 0;
}

table.table thead th:first-child,
table.table tbody td:first-child {
  border-left: 0;
}

table.table thead th:last-child,
table.table tbody td:last-child {
  border-right: 0;
}

table.table tbody tr:last-child td {
  border-bottom-width: 0;
}

.box > .table {
  border: 0;
  margin: 0;
}

/* Table filters */

.dxgvFilterRow_Moderno .dxic:after {
  display: block;
  /*content: "\f002";*/
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  display: inline;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: #8ea2bb;
  font-size: 0.75rem;
}
.dxgvFilterRow_Moderno .dxic {
  position: relative;
}
table.dxeTextBoxSys {
  max-width: none;
}
.dxgvFilterRow_Moderno td.dxgv {
  padding: 0.25rem;
}
.dxGridView_gvHeaderFilter_Moderno {
  transform: scale(0.75);
}

/* Utilities */

.alert-box {
  padding: 1rem;
  background: rgba(91, 200, 217, 0.15);
  color: var(--navy);
  border-radius: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.alert-box:last-child {
  margin-bottom: 0;
}

.alert-box .alert-icon {
  font-size: 1.5rem;
  margin-right: 1rem;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1.5rem;
}

.alert-box .alert-icon:before {
  content: "\f05a";
  font-family: "FontAwesome", "Font Awesome 6 Free", "Font Awesome 6 Pro",
    "Font Awesome 6", "Font Awesome", "Font Awesome\ 5 Free";
}

.alert-box.accent {
  background: rgba(91, 200, 217, 0.15);
  color: #1d3e6f;
}

.alert-box.info .alert-icon:before {
  content: "\f05a";
}

.alert-box.warning {
  background: rgba(251, 144, 18, 0.18);
  color: #d36800;
}

.alert-box.warning .alert-icon:before {
  content: "\f06a";
}

.alert-box.success {
  background: rgba(85, 195, 57, 0.2);
  color: #2d9b11;
}

.alert-box.success .alert-icon:before {
  content: "\f058";
}

.alert-box.danger,
body .btn-danger {
  background: rgba(231, 59, 78, 0.15);
  border-color: rgba(231, 59, 78, 0.2);
  color: #d3273a;
}

.alert-box.danger .alert-icon:before {
  content: "\f071";
}

body .btn-danger:hover {
  background: rgba(231, 59, 78, 0.24);
  color: #d3273a;
}

.alert-box.info {
  background: rgba(91, 200, 217, 0.15);
  color: #1d3e6f;
}

.alert-box.info .alert-icon:before {
  content: "\f05a";
}

.alert-box:empty {
  display: none !important; /* Override ASP showing empty alert boxes */
}

.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 1rem;
}
/* Tabs */

.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tab,
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab,
body .dxscViewSelector_Moderno .dxmLite_Moderno .dxm-main .dxm-item {
  font-weight: normal;
  font-size: 1rem;
  color: var(--navy);
  border-color: transparent;
  border-radius: 0;
  background-color: transparent;
  padding: 0.625rem 1rem 0.5rem !important;
}
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab,
.dxtcLite_Moderno.dxtc-noSpacing
  > .dxtc-stripContainer
  .dxtc-activeTab.dxtc-lead,
.dxtcLite_Moderno.dxtc-noSpacing > .dxtc-stripContainer .dxtc-activeTab,
.dxscViewSelector_Moderno .dxmLite_Moderno .dxm-main .dxm-item.dxm-checked {
  background: transparent;
  border-bottom: 3px solid var(--primary) !important;
  border-radius: 0;
  color: var(--navy) !important;
}
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-activeTab .dxtc-link,
.dxscViewSelector_Moderno .dxmLite_Moderno .dxm-main .dxm-item {
  color: var(--navy);
}
.dxtcLite_Moderno > .dxtc-stripContainer,
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-strip {
  border: 0;
  box-shadow: none;
}
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tab {
  border-color: transparent !important;
}
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-link,
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-leftIndent,
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-rightIndent {
  border: 0 !important;
}
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tabHover,
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tabHover .dxtc-link,
.dxscViewSelector_Moderno .dxmLite_Moderno .dxm-main .dxm-item.dxm-hovered {
  background: 0;
  color: var(--navy);
  border-color: transparent;
}

.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-tabHover,
.dxscViewSelector_Moderno .dxmLite_Moderno .dxm-main .dxm-item.dxm-hovered {
  background: var(--primary-faded);
}
body .dxtcLite_Moderno > .dxtc-stripContainer .dxtc-link {
  padding: 0.625rem 1rem 0.5rem;
}
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-leftIndent,
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-spacer,
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-rightIndent,
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-sbWrapper,
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-sbIndent,
.dxtcLite_Moderno > .dxtc-stripContainer .dxtc-sbSpacer {
  border-color: transparent !important;
}

.display-table-vert > table,
.display-table-vert > table > tbody > tr,
.display-table-vert > table > tbody > tr > td {
  display: block;
}

.w-fit-content {
  width: fit-content;
}

/* Calendar */

.dxscControl_Moderno {
  border: 0;
}
.dxscToolbarContainer_Moderno {
  border-right: 0px solid transparent;
}
.dxscToolbar_Moderno,
.dxscViewSelector_Moderno,
.dxscToolbarContainer_Moderno {
  background: white;
}

.dxscSel {
  background: var(--primary-faded) !important;
}

.dxscDayHeader_Moderno.dxsc-day-hr {
  background: white;
  font-weight: bold;
  border: 0;
  border-top: 1px solid var(--border-light);
  padding-top: 0.75rem;
  color: var(--muted);
  padding-bottom: 0.5rem;
}

.dxscViewSelector_Moderno .dxm-main.dxm-horizontal {
  padding: 0;
}
.dxscViewNavigatorButton_Moderno,
.dxscViewNavigatorButtonHover_Moderno,
.dxscNavigationButton_Moderno,
.dxscNavigationButtonHover_Moderno {
  background: 0;
  color: var(--navy);
  font-size: 1rem;
  padding: 0.5rem;
  width: 2.5rem;
  height: 1.75rem;
  border-radius: 0.75rem;
  border: 0 !important;
  margin: 0 !important;
  background: var(--primary-faded);
}

.dxscViewNavigatorButton_Moderno > div,
.dxscViewNavigatorButtonHover_Moderno > div,
.dxscNavigationButton_Moderno > div,
.dxscNavigationButtonHover_Moderno > div {
  display: none !important;
}

.dxscViewNavigatorButton_Moderno:hover,
.dxscViewNavigatorButtonHover_Moderno,
.dxscNavigationButton_Moderno:hover,
.dxscNavigationButtonHover_Moderno {
  background: var(--primary-faded-hover);
}

.dxscViewNavigatorButton_Moderno::after,
.dxscViewNavigatorButtonHover_Moderno::after,
.dxscNavigationButton_Moderno::after,
.dxscNavigationButtonHover_Moderno::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f053";
  display: block;
  line-height: 1rem;
}

td + td > .dxscViewNavigatorButton_Moderno::after,
td + td > .dxscViewNavigatorButtonHover_Moderno::after,
div + div > .dxscNavigationButton_Moderno::after,
div + div > .dxscNavigationButtonHover_Moderno::after {
  content: "\f054";
}

body #Calendar .dxsc-al0 {
  background: var(--primary-dark);
}
.dxscMoreButton_Moderno {
  display: block;
  text-decoration: none;
  color: var(--navy);
  font-weight: bold;
  background: var(--primary-faded);
  padding: 0.125rem 0.5rem;
  border-radius: 1rem;
  width: 71px !important;
}

body .dxscDateCellHeader_Moderno,
body .dxscDateHeader_Moderno,
body .dxscTimelineDateHeader_Moderno {
  padding: 0.5rem;
  color: var(--muted);
  font-weight: bold;
  border-color: var(--border-light);
  border-width: 1px 0;
}
body .dxscTodayCellHeader_Moderno {
  padding: 0.5rem;
  font-weight: bold;
}
body .dxscAlternateTimelineDateHeader_Moderno,
body .dxscAlternateDateHeader_Moderno {
  color: white;
}
/* Info Tile */

.info-tile {
  font-size: 1rem;
  background: 0;
  position: relative;
  min-width: 8rem;
  max-width: 15rem;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  box-shadow: none;
}

.info-tile:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.info-tile-light-yellow {
  background-color: #ffff80 !important;
}

.info-tile-small {
  font-size: 0.75rem;
  min-width: 7.5rem;
  max-width: 11.5rem;
}

.info-tile-large {
  font-size: 1.25rem;
  min-width: 12.5rem;
  max-width: 18.5rem;
}

.info-tile.width-stretch {
  width: 100%;
  min-width: 6rem;
  max-width: none;
  max-height: 11rem;
}

.info-tile-extra-small.width-stretch {
  height: 5.5rem;
  max-height: 5.5rem;
  margin-bottom: 15px;
}

.info-tile-small.width-stretch {
  height: 8rem;
  max-height: 8rem;
}

.info-tile-large.width-stretch {
  height: 15rem;
  max-height: 15rem;
}

.info-tile .tile {
  padding: 0.5rem;
  overflow: hidden;
  text-decoration: none;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #e1e9f5;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  word-break: break-word;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.info-tile-url.tile {
  text-decoration: none;
  position: relative;
}

.info-tile,
.dyno-control.info-tile {
  box-shadow: none;
}

.info-tile .tile:active,
.info-tile .tile:focus,
.info-tile.info-tile-subtleaccent .tile:active,
.info-tile.info-tile-subtleaccent .tile:focus {
  -webkit-box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.15),
    0 0 0 0.25rem rgba(91, 200, 217, 0.5);
  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.15),
    0 0 0 0.25rem rgba(91, 200, 217, 0.5);
}

.info-tile-lead-value {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  font-size: 1em;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.info-tile-lead-value .label .fa {
  font-size: 0.75em;
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  margin-right: 0.5rem;
}

.info-tile-lead-value > .fa {
  font-size: 1.25em;
}

.info-tile-extra-space {
  font-size: 0.65em !important;
  margin-right: 1rem !important;
}

.info-tile-extra-space-for-fo {
  font-size: 0.75em !important;
  margin-right: 8px !important;
}

.info-tile-sublabel,
.info-tile-footer {
  word-break: normal;
}

.info-tile-footer {
  font-size: 0.875rem;
  line-height: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: auto;
  font-weight: normal;
}

.info-tile-footer-small {
  font-size: 0.75rem;
  line-height: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: auto;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.02rem;
}

.light-gray {
  color: #afb0b1 !important;
}

.info-tile-link-hint {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  opacity: 0.25;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  pointer-events: none;
  color: #000;
  z-index: 2;
}

.tile:hover + .info-tile-link-hint,
.tile:focus + .info-tile-link-hint {
  opacity: 0.5;
}

.info-tile-font-xsmall {
  font-size: 0.875rem;
  line-height: 1em;
}

.info-tile-font-small {
  font-size: 1rem;
  line-height: 1em;
}

.info-tile-font-medium {
  font-size: 1.25rem;
  line-height: 1em;
}

.info-tile-font-large {
  font-size: 1.75rem;
  line-height: 1em;
}

.info-tile-font-xlarge {
  font-size: 2.25rem;
  line-height: 1em;
}

.info-tile-font-xxlarge {
  font-size: 4rem !important;
  line-height: 2em !important;
}

.info-tile a.tile {
  color: #1d3e6f;
}

.info-tile:not(.info-tile-subtleaccent) .clickable:after {
  background: rgba(255, 255, 255, 0.15);
}

.info-tile-boldaccent .tile,
.info-tile-boldaccent a.tile,
.info-tile-boldaccent .tile:focus,
.info-tile-boldaccent .tile:hover {
  background: #5bc8d9;
  background: linear-gradient(165deg, #51ffff 0, #65d2e3 50%, #35a5f7 100%);
  color: #fff;
}

.info-tile-subtleaccent .tile {
  background: #e1e9f5;
  color: #1d3e6f;
}

.info-tile-subtleaccent .tile.clickable,
.info-tile-subtleaccent a.tile.clickable {
  background: #90dbec;
  background: linear-gradient(165deg, #a9e8f7 0, #90dbec 100%);
  box-shadow: 0.25rem 0.25rem 0.45rem rgba(14, 123, 219, 0.1);
  color: #1d3e6f !important;
}

.info-tile-subtleaccent .tile.remove-background-gradient,
.info-tile-subtleaccent a.tile.remove-background-gradient {
  background: 0;
}

.info-tile-subtleaccent .tile:not(.clickable) {
  box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.info-tile-subtleaccent .info-tile-link-hint,
.info-tile-subtleaccent .clickable .info-tile-lead-value {
  color: #1d3e6f;
}

.info-tile-subtleaccent .tile:not(.clickable) .info-tile-footer {
  color: #1d3e6f;
  opacity: 0.65;
}

.info-tile-default .tile,
.info-tile-muted .tile,
.info-tile-default a.tile,
.info-tile-muted a.tile,
.info-tile-default .tile:focus,
.info-tile-muted .tile:focus,
.info-tile-default .tile:hover,
.info-tile-muted .tile:hover {
  background: #627895;
  background: linear-gradient(165deg, #a2c0c1 0, #8fb9bb 100%);
  color: #2f3a3c;
}

.info-tile-success .tile,
.info-tile-success a.tile,
.info-tile-success .tile:focus,
.info-tile-success .tile:hover {
  background: #69d74d;
  background: linear-gradient(165deg, #adf069 0, #9ddf5b 100%);
  box-shadow: 0.25rem 0.25rem 0.45rem rgba(49, 125, 7, 0.12);
  color: #134f14 !important;
}

.info-tile-warning .tile,
.info-tile-warning a.tile,
.info-tile-warning .tile:focus,
.info-tile-warning .tile:hover {
  background: #ffa426;
  background: linear-gradient(165deg, #fdba1a 0, #ffaf48 100%);
  box-shadow: 0.25rem 0.25rem 0.45rem rgba(89, 22, 11, 0.14);
  color: #4f110b !important;
}

.info-tile-danger .tile,
.info-tile-danger a.tile,
.info-tile-danger .tile:focus,
.info-tile-danger .tile:hover {
  background: #e73b4e;
  background: linear-gradient(165deg, #ff7b7b 0, #ff5f7d 100%);
  box-shadow: 0.25rem 0.25rem 0.45rem rgba(87, 10, 32, 0.14);
  color: #570a20;
}

.info-tile .tile[disabled],
.info-tile a.tile[disabled],
.info-tile .tile[disabled]:focus,
.info-tile .tile[disabled]:hover {
  cursor: not-allowed;
  color: #627895;
  background: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.info-tile .tile[disabled] .fa,
.info-tile .tile[disabled] .info-tile-lead-value,
.info-tile a.tile[disabled] .fa,
.info-tile a.tile[disabled] .info-tile-lead-value {
  color: #627895;
}

.info-tile .tile[disabled]:after,
.info-tile .tile[disabled] + .info-tile-link-hint {
  display: none;
}

.imgBox {
  border-radius: 8rem;
  width: 9rem;
  height: 9rem;
  margin: 0 auto;
  border: 1px solid #eaeaea;
  padding: 0 !important;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(20, 20, 40, 0.2);
  outline: 0;
  transition: transform 0.3s 0.2s ease-in-out,
    border-radius 0.3s 0.2s ease-in-out;
}

.imgBox img {
  display: block; /* no whitespace */
}

.imgBox:hover {
  transform: scale(1.8);
  border-radius: 0.25rem;
  transition-delay: 0.8s;
}

/* Modal windows / Dialogs / Menus / Dropiuts */

.dxpcLite_Moderno .dxpc-mainDiv,
.dxpcLite_Moderno.dxpc-mainDiv,
.dxdpLite_Moderno .dxpc-mainDiv,
.dxdpLite_Moderno.dxpc-mainDiv,
.dxpc-ddSys .dxpc-mainDiv,
.dxpc-ddSys.dxpc-mainDiv,
body .swal2-popup {
  border-radius: 1rem;
  padding: 0.5rem;
  border: 0;
  box-shadow: 0 6px 16px rgba(10, 20, 40, 0.13);
}
.dxpcLite_Moderno .dxpc-header,
.dxdpLite_Moderno .dxpc-header,
.swal2-title {
  background: 0;
  border: 0;
  padding: 0.25rem 0.75rem;
}

.dxpcLite_Moderno .dxpc-footer,
.dxdpLite_Moderno .dxpc-footer {
  background: white;
  border: 0;
}
.dxpc-headerContent,
body .swal2-title {
  font-size: 1.25rem;
  min-height: 32px;
  padding: 0.5rem 0;
  font-weight: 500;
  color: var(--navy);
}
body .swal2-html-container {
  font-size: 1rem;
  text-align: left;
  color: var(--text);
}
.dxWeb_pcCloseButton_Moderno {
  display: none;
}
.dxpcLite_Moderno .dxpc-closeBtn,
.dxdpLite_Moderno .dxpc-closeBtn,
.dxpcLite_Moderno .dxpc-pinBtn,
.dxdpLite_Moderno .dxpc-pinBtn,
.dxpcLite_Moderno .dxpc-refreshBtn,
.dxdpLite_Moderno .dxpc-refreshBtn,
.dxpcLite_Moderno .dxpc-collapseBtn,
.dxdpLite_Moderno .dxpc-collapseBtn,
.dxpcLite_Moderno .dxpc-maximizeBtn,
.dxdpLite_Moderno .dxpc-maximizeBtn {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  font-size: 1.25rem;
  padding: 0.25rem 0.5rem;
  color: var(--navy);
  background: 0;
  border: 0;
  background: var(--primary-faded);
  border-radius: 0.75rem;
}

.dxpcLite_Moderno .dxpc-closeBtn:hover,
.dxdpLite_Moderno .dxpc-closeBtn:hover,
.dxpcLite_Moderno .dxpc-pinBtn:hover,
.dxdpLite_Moderno .dxpc-pinBtn:hover,
.dxpcLite_Moderno .dxpc-refreshBtn:hover,
.dxdpLite_Moderno .dxpc-refreshBtn:hover,
.dxpcLite_Moderno .dxpc-collapseBtn:hover,
.dxdpLite_Moderno .dxpc-collapseBtn:hover,
.dxpcLite_Moderno .dxpc-maximizeBtn:hover,
.dxdpLite_Moderno .dxpc-maximizeBtn:hover {
  background: var(--primary-faded-hover);
  box-shadow: none;
}
.dxpcLite_Moderno .dxpc-closeBtn::before,
.dxdpLite_Moderno .dxpc-closeBtn:before {
  content: "\f00d";
  font-weight: 600;
}
.dxpc-shadow {
  box-shadow: 0 6px 16px rgba(10, 20, 40, 0.13);
}
.dxgvCustomization_Moderno > table {
  margin: 0;
  padding: 0;
  width: calc(100% - 2px); /* Prevents horizontal scroll */
}
.dxeDropDownWindow_Moderno {
  border: 0;
}

/* Group Boxes */

.dxflGroupBox_Moderno {
  display: block;
  border: 0;
}
.dxflGroup_Moderno
  .dxflChildInFirstRowSys.dxflGroupCell_Moderno
  > .dxflGroupBox_Moderno,
.dxflGroup_Moderno
  .dxflChildInFirstRowSys
  > .dxflGroupCell_Moderno
  > .dxflGroupBox_Moderno {
  margin-top: 0;
}
.dxflGroupBoxCaption_Moderno {
  position: static;
  display: block;
  margin: 0 0 1.5rem;
}

.card-title {
  text-align: center;
}

/* Utilities */

.text-accent {
  color: var(--navy);
}

.dxflCaption_Moderno,
span[id^="lbl"],
span[name^="lbl"],
span[name^="sys"],
span[id^="grd"],
.dxgvTitlePanel_Moderno,
.app-name,
.dxpc-headerText,
.dxrpHT {
  opacity: 0;
  transition: opacity 0.05s ease;
}

body.loaded .dxflCaption_Moderno,
body.loaded span[id^="lbl"],
body.loaded span[name^="lbl"],
body.loaded span[name^="sys"],
body.loaded span[id^="grd"],
body.loaded .dxgvTitlePanel_Moderno,
body.loaded .app-name,
body.loaded .dxpc-headerText,
body.loaded .dxrpHT {
  opacity: 1;
}


.dxeListBox_Moderno > tbody > tr > td > .dxeListBoxSelectAllHover_Moderno {
    background: var(--primary-faded-hover);
}

.icon-button {
    display: table-cell;   
}

.icon-button:hover {
    border-radius: 1rem;
}

.display-inlinetable{
    display: inline-table;
    width: 100%;
}

.dxpcLite_Moderno.dxpclW {
	position: fixed !important;
}

.dxgvFilterRow_Moderno .dxgv .dxeTextBoxSys.dxeTextBox_Moderno.dxeTextBoxDefaultWidthSys,
.dxgvFilterRow_Moderno .dxgv .dxeButtonEditSys.dxeButtonEdit_Moderno {
    height: 40px;
}

[id$='insertimagedialog_MP_FLW_FL_MFC_PageControl_UploadFormLayout_0'] div.dxflNestedControlCell_Moderno.dxflCLLSys.dxflItemSys.dxflCustomItemSys.dxflItem_Moderno table tr td:first-child {
    width: 90% !important;
}
a.dxeHyperlink_Moderno.dxic-uploadCancelButton {
    background: var(--primary-faded);
    color: var(--navy);
    border-radius: 1rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 600;
    min-width: 3rem;
    padding: 0.5rem 0.75rem;
    text-align: center;
    transition: background 0.12s ease, box-shadow 0.12s ease;
    margin-right: 0.25rem;
    min-height: 1.5rem;
    height: auto;
    word-break: break-word;
    border: 0;
    white-space: normal;
    line-height: 1em;
    min-width: 4rem;
    text-align: center;
    box-shadow: 0 0 0 transparent;
}

/* Media query for mobile devices */
@media only screen and (max-width: 1000px) {
    .dxgvTable_Moderno.dxgvRBB {
        width: 100%;  
        table-layout: auto;   
        display: block;
    }

        .dxgvTable_Moderno.dxgvRBB td {
            min-width: 50px;  
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
}

.dxeMemo_Moderno .dxeMemoEditArea_Moderno {
    background-color: #D0EAF0;
}

/*Browse and Select of Upload Control*/
.dxucgen-1_dxFITextBoxHover,
.dxucgen-1_dxFIButtonHover {
	cursor: pointer !important;
}