/* Minification failed. Returning unminified contents.
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,22): run-time error CSS1039: Token not allowed after unary operator: '-background-gradient'
(100,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(101,23): run-time error CSS1039: Token not allowed after unary operator: '-font-bold'
(102,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-s'
(132,22): run-time error CSS1039: Token not allowed after unary operator: '-footer-background-color'
(141,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-light'
(192,28): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color'
(202,28): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color'
(226,32): run-time error CSS1039: Token not allowed after unary operator: '-header-background-hover-color'
(229,32): run-time error CSS1039: Token not allowed after unary operator: '-header-background-hover-color'
(234,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-lighter'
(241,32): run-time error CSS1039: Token not allowed after unary operator: '-header-background-hover-color'
(271,17): run-time error CSS1039: Token not allowed after unary operator: '-footer-text-color'
(272,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-button-background-color'
(275,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-button-hover-color'
(285,18): run-time error CSS1039: Token not allowed after unary operator: '-border-size-s'
(285,45): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-4'
(286,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-curve'
(287,30): run-time error CSS1039: Token not allowed after unary operator: '-shadow-m'
(288,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-m'
(299,18): run-time error CSS1039: Token not allowed after unary operator: '-border-size-s'
(299,45): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-4'
(300,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-curve'
(301,30): run-time error CSS1039: Token not allowed after unary operator: '-shadow-m'
(302,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-m'
(633,32): run-time error CSS1039: Token not allowed after unary operator: '-header-background-color'
(797,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-lighter'
 */
/* CP */
/* Font */
/* DM Sans - Regular (400) */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/dm-sans-v17-latin-regular.woff2') format('woff2');
}

/* DM Sans - Bold (700) */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/dm-sans-v17-latin-700.woff2') format('woff2');
}

/* Inter - Regular */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/inter-v20-latin-regular.woff2') format('woff2');
}

/* Inter - Bold */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/inter-v20-latin-700.woff2') format('woff2');
}

/*! =========================================================================== */
/*! Root - CSS Variables                                                        */
/*! =========================================================================== */
:root {
    /*! Typography - Weight */
    --font-bold: 700;

    /*! Color - Brand */
    --color-primary: #0032a0;

    /*! Color - Extended (kept because referenced by other kept vars) */
    --color-blue-lightest: #e5f0fe;

    /*! Shadows */
    --shadow-m: 0 4px 6px rgba(0, 0, 0, 0.1);

    /*! App Settings - Background (final value used by gradient) */
    --color-background-body: #eff6ff;
    --background-gradient-top-color: var(--color-blue-lightest);
    --background-gradient-bottom-color: var(--color-background-body);
    --background-gradient: linear-gradient(to bottom, var(--background-gradient-top-color), var(--background-gradient-bottom-color) 80%);

    /*! App Settings - Header/Footer */
    --header-background-color: var(--color-primary);
    --color-primary-light: #0046FF;
    --header-background-hover-color: var(--color-primary-light);

    --footer-background-color: var(--color-primary);
    --color-primary-dark: #193cb8;
    --footer-button-background-color: var(--color-primary-dark);
    --footer-button-hover-color: var(--color-primary-light);
    --footer-text-color: var(--color-neutral-1);

    /*! App Settings - Signin (used) */
    --color-secondary-lighter: #ffb54d;

    /*! Typography - Size (only used size kept) */
    --font-size-s: 14px;

    /*! Border Radius (used) */
    --border-radius-curve: 20px;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    /*background-color: #fff;*/
    background: var(--background-gradient);
}
a, a:visited {
    /*color: #337ab7;*/
    text-decoration: none;
    color: var(--color-primary);
    font-weight: var(--font-bold);
    font-size: var(--font-size-s);
}
a:hover,
a:active,
a:focus {
  /*color: #23527c;*/
  color: #295FD6;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn-primary {
    color:white !important;
    background-color: #1b4170;
    border-color: #0e3669;
}
.text-primary-dark {
    color: rgb(0, 50, 160);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #286090 !important;
    border-color: #204d74 !important;
}
.hr-row-sep {
    border-color: #E6E3E3;
}
.footer {
    background: var(--footer-background-color);
    color: white;
    padding:24px;
}
.footer a {
    color: white;
    font-weight:normal;
}
.footer-separator {
    color: var(--color-blue-light);
}

.modalDialogContainer {    
    z-index: 2147483640;
    background: rgba(50,50,50, 0.70);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.modalDialogMessageBox {
    z-index: 2147483641;
    border-radius: 25px;
    background-color: white;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    padding: 25px;
    width: 250px;
    height: 200px;
}

​
.selected {
    font-weight: bold;
    color: #000;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #338ecf;
    border-radius: 10px;
}
.money {
    color: Green;
    font-size: 16px;
    font-weight: bold;
}
.navbar{
    /* background-color:#fff;*/
    background-color: var(--header-background-color);
    height:70px !important;
}
.offcanvas{
    padding:1rem;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#navbarCollapse {
    background-color: var(--header-background-color);
}
.navbar a {
    color: white;
}
.navbar-brand > img {
    /*height:39px;*/
    height: 45px;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:active,
.navbar .navbar-nav > li > a:visited {
    color: white;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: bold;
    line-height: 28px;
    font-weight: normal;
    font-size: 14px;
    margin: 0px;
    text-decoration:none;    
}
    .navbar .navbar-nav > li > a:active{
        background-color: var(--header-background-hover-color);
    }
    .navbar .navbar-nav > li > a:hover {
        background-color: var(--header-background-hover-color);
        border-radius:8px;
    }

.sign-in, .sign-out {
    color: var(--color-secondary-lighter) !important;
    font-weight: normal !important;
    padding: 20px;
    margin: 0px 0px 0px 8px;    
}

    .sign-in:hover, sign-out :hover {
        background-color: var(--header-background-hover-color);
        border-radius: 8px;
        padding: 20px;
        margin: 0px 0px 0px 8px;
    }

.footer-social-buttons-row {
    box-sizing: border-box;
    color: rgb(248, 249, 250);
    column-gap: 16px;
    direction: ltr;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 14px;
    height: 40px;
    justify-content: flex-end;
    line-height: 21px;
    margin-top: 16px;
}
.footer-btn-social {
    fill:white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    color: var(--footer-text-color);
    background-color: var(--footer-button-background-color);
}
.footer-btn-social:hover {
    background-color: var(--footer-button-hover-color);
}

.container .text-muted {
  margin: 20px 0;
}
#left-column {
    vertical-align: top;
    background-color: #fff;
    padding: 55px 20px 55px 20px;
    border: var(--border-size-s) solid var(--color-neutral-4);
    border-radius: var(--border-radius-curve);
    -webkit-box-shadow: var(--shadow-m);
    box-shadow: var(--shadow-m);
}
#right-column {
    vertical-align: top;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    /*border-left: solid 1px #E6E3E3;*/

    margin: 24px 0 24px 0px;
    
    border: var(--border-size-s) solid var(--color-neutral-4);
    border-radius: var(--border-radius-curve);
    -webkit-box-shadow: var(--shadow-m);
    box-shadow: var(--shadow-m);
}

.break {
margin-bottom:10px;
line-height:10px;
}
code {
  font-size: 80%;
}
.errormsg{
    border: solid 1px #c42a27;
    color: #c42a27;
    background-color: #f2dede;
    border-radius:10px;
    padding:4px;
}
#acctinfo {
    border-bottom: 1px solid gray;
    padding-bottom:20px;
    margin-bottom:20px;
}
.title {
    font-size: 31px;
    padding-bottom: 14px;
    font-family: 'Inter', sans-serif;
    border-bottom: solid 1px #c7c7c7;
    margin: 0px 0px 20px 0px;
    line-height: 35px;
    text-transform:capitalize !important;
}

.acctinfolabel {
    width: 200px;
    display:inline-block; 
    padding: 8px 8px 0px 8px;
    font-weight: bold;
    color: #003366;
}
.acctinfodata {     
     display:inline-block;
     padding: 8px 8px 0px 8px;   
}
.acctinfofooter {
    display:inline-block;
    margin-top:8px;
    background-color:#e5e5e5;
    border-radius:10px;
    padding:8px 20px 8px 20px;
}
.dataLabel {
    padding: 8px 8px 0px 8px;
    font-weight: bold;
    color: #003366;
}
.dataContent {
    display: inline-block;
    padding: 8px 8px 0px 8px;
}
.ActivityDateRange {
    font-weight: bold;
    color: #003366;
}
.no-records-inner {
    text-align: center;
    width: 205px;
    padding: 10px;
    margin: auto;
    color: #1b4170;
    border-radius: 14px;
    font-style: italic;
}
.gridView { 
    border-collapse:collapse;text-align:center;margin: 10px 0px 10px 0px;
}
.gridView th {
    padding:8px;
    color:#000;
    /*background-color:#15488b;*/
    border-bottom:1px solid #ddd;
    font-size: 12px;
    text-align:center;
    text-transform:capitalize;
}
.gridView td {
    padding:10px;
    font-size: 12px;
    /*border: 1px solid #c1c1c1;*/
}
.gridViewAltRow{
    background-color:#eee;
}

.gridView tr:hover,.gridViewAltRow tr:hover{
    background-color:#dfdfff !important;
}
.acctinfoinput
{
    display:inline-block;
    padding: 8px 8px 0px 8px;   
}
input[type="radio"] {
    margin-left:5px;
}

input[type="radio"] + label {
  margin-right:15px;
  padding-left:5px;
}
.tab-body-border {
    padding:10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.bs-row-offset {
padding:0px 15px 20px 15px !important;
}
.dpa-DataLabel {
    padding-left:8px;
    width: 75%;
    display: inline-block;
}
.dpa-DataContent {
    width: 25%;
    display: inline-block;
}
/* begin bs conversion styles */
.ui-btn {
    cursor: pointer;
    color: #337ab7;
}
.hide {
    display: none;
}
.bg-tron{
    background-color:#eee;
}
.control-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    color: rgb(51, 51, 51);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight:bold;
}
.form-group {
    margin-bottom: 15px;
}
.more-income-note {
    background-color:#eee;
    color:#444;
    display:block;
    padding:8px;
    border-radius:8px;
}
.fit-label {
    position:unset !important;
}
.cb_hl_labelmargin {
    margin-left:2rem;
}
.chevron {
    margin: 0.5rem;
    float: right;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transition: transform 0.2s ease;
    transform: rotate(225deg);
}
.chevron-text-show {
    display: inline;
}
[aria-expanded="true"] .chevron-text-show {
    display: none;
}
.chevron-text-hide {
    display: none;
}
[aria-expanded="true"] .chevron-text-hide {
    display: inline;
}

span[aria-expanded="false"] .chevron {
    transform: rotate(45deg);
}

/* statuses */

.status-pop {
    display:inline-block;
    animation: pop 360ms ease-out both;
}

@keyframes pop {
    0% {
        transform: scale(0.4);
        opacity: 0;
    }

    70% {
        transform: scale(1.08);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* SVG base */
.status-icon {
    width: 96px;
    height: 96px;
    display: inline-block;
}

/* Use currentColor so Bootstrap text-* controls stroke color */
.status-icon .stroke {
    fill: none;
    stroke: currentColor;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Generic draw animation helper */
@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

/* Circle ring draw (success/fail) */
.status-icon .ring {
    stroke-dasharray: 301;
    stroke-dashoffset: 301;
    animation: draw 520ms ease-out forwards;
}

/* Checkmark draw */
.status-icon .check {
    stroke-dasharray: 80;
    stroke-dashoffset: 80;
    animation: draw 420ms 180ms ease-out forwards;
}

/* Cross draw (two lines) */
.status-icon .cross-a,
.status-icon .cross-b {
    stroke-dasharray: 70;
    stroke-dashoffset: 70;
    animation: draw 380ms 180ms ease-out forwards;
}

/* Warning triangle outline draw */
.status-icon .triangle {
    stroke-dasharray: 320;
    stroke-dashoffset: 320;
    animation: draw 560ms ease-out forwards;
}

/* Warning exclamation draw */
.status-icon .warn-line {
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
    animation: draw 360ms 220ms ease-out forwards;
}

.status-icon .warn-dot {
    stroke-dasharray: 20;
    stroke-dashoffset: 20;
    animation: draw 260ms 320ms ease-out forwards;
}

/* Optional subtle glow for polish */
.status-glow-success {
    filter: drop-shadow(0 6px 12px rgba(25, 135, 84, .25));
}

.status-glow-danger {
    filter: drop-shadow(0 6px 12px rgba(220, 53, 69, .25));
}

.status-glow-warning {
    filter: drop-shadow(0 6px 12px rgba(255, 193, 7, .30));
}

.text-warning {
    color: #b78103 !important; /* slightly deeper than default warning */
}

/* end bs conversion styles */
/* PRINTER SPECIFIC ---------------------- */
@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    #left-column {
        padding: 0px !important;
    }

    #right-column {
        padding: 0px !important;
    }

    .container {
        padding: 0px !important;
    }
}
@media(max-width:992px) {
    .container {
        max-width: 90% !important;
    }
}
@media(max-width:810px) {
    .container {
        max-width: 95% !important;
    }
}
/* Mobile */
@media (max-width: 992px) {
    .navbar-collapse {
        background-color: var(--header-background-color);
        padding: 1rem;
    }

    .footer-separator {
        display: none;
    }

    .sign-in, .sign-out {
        display: block;
    }

    #signinContainer {
        padding: 0px !important;
        margin: 0px;
    }

    #signinContainer {
        margin-top: 1rem;
    }

    .navbar-brand {
        margin-bottom: 1rem;
    }

    .nav-link {
        padding: 10px !important;
    }

    .navbar-toggler {
        margin-bottom: 1rem;
    }
}

/* Read only CB */
.CB_container_ro {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    font-size: 22px;
    user-select: none;
    margin-top:5px;
}
.uncheck_ro {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: none;
    border: 1px dashed #CCCCCC;
}

.checkmark_ro {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #777777;
    border: 1px dashed #CCCCCC;
}

.checkmark_ro:after {
    content: "";
    position: absolute;
    display: block;
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

/* Check Box container */
.CB_container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.CB_container input:focus ~ .checkmark {
        border: 2px solid blue;
    }
/* Hide the browser's default checkbox */
.CB_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.CB_container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.CB_container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.CB_container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.CB_container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.CB_container_label {
    font-size: 1.2rem;
}

.hr_h4 {
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.h4-blue {
    color: #003366;
    margin-bottom:0px;
    font-weight:bold;
}
#signinContainer {
    padding: 10px;
    color:white !important;
}

#sessionCounter {
    color: var(--color-secondary-lighter) !important;
    top: 60px !important;
    font-size: 12px;
    font-weight: bold;
/*    color: var(--color-primary);*/
    position: absolute;
/*    top: 82px;*/
    left: 50%;
    transform: translate(-50%, -50%);
}
.radioButtonRequired {
    height: 25px;
    width: 4px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    background-color: red;
    display: inline-block;
    top: 30px;
    left:-10px;
    position: relative;
}
.radioButtonRequiredOk {
    height: 25px;
    width: 4px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    background-color: green;
    display: inline-block;
    position: relative;
    top: 30px;
    left: -10px;
}
.householdMemberContainer {
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid #CCCCFF;
    margin-bottom: 1rem;
}
.NfgUi-FormElementError {
    background-color: #ffe868;
}

.NfgUi-FormElementWarning {
    background-color: #ff7d7d;
}

.NfgUi-RequiredTextbox {
    border-right-color: red;
    border-right-width: 4px;
}

.NfgUi-RequiredTextbox[aria-invalid="false"] {
    border-right-color: green;
    border-right-width: 4px;
}

.NfgUi-RequiredLegend {
    float:right;
    display: inline-block;
    height: 25px;
    font-size: 14px;
    border-right-style: solid;
    border-right-color: red;
    padding: 5px;
}