@import url(//fonts.googleapis.com/css?family=Roboto:400,500,600,700);
:root {
    --blue: #337AB7;
    --dk-blue: #1C4A7B;
    --green: #5CB85C;
    --orange: #FF9400;
    --red: #CE0E2D;
    --yellow: #FFC400;
    --ws-gutter: 1.5em;
}

html {
    font-family: 'Roboto';
    /* font-size: 12px; */
}

body {
    font-family: 'Roboto';
    /* font-size: 12px; */
}

.main-nav li .glyphicon {
    margin-right: 10px;
}

/* Highlighting rules for nav menu items */

.main-nav li a.active,
.main-nav li a.active:hover,
.main-nav li a.active:focus {
    background-color: #4189c7;
    color: white;
}

/* Keep the nav menu independent of scrolling and on top of other items */

.main-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

@media (max-width: 767px) {
    /* On small screens, the nav menu spans the full width of the screen. Leave a space for it. */
    /* body {
        padding-top: 50px;
    } */
}

@media (min-width: 768px) {
    /* On small screens, convert the nav menu to a vertical sidebar */
    .main-nav {
        height: 100%;
        width: calc(25% - 20px);
    }
    .main-nav .navbar {
        border-radius: 0px;
        border-width: 0px;
        height: 100%;
    }
    .main-nav .navbar-header {
        float: none;
    }
    .main-nav .navbar-collapse {
        border-top: 1px solid #444;
        padding: 0px;
    }
    .main-nav .navbar ul {
        float: none;
    }
    .main-nav .navbar li {
        float: none;
        font-size: 15px;
        margin: 6px;
    }
    .main-nav .navbar li a {
        padding: 10px 16px;
        border-radius: 4px;
    }
    .main-nav .navbar a {
        /* If a menu item's text is too long, truncate it */
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.xtabs {
    /* padding: 20px 0; */
    padding: 0px;
    background-color: transparent;
}

.xtabs > .nav > li > a {
    font-weight: bold;
    font-size: 12px;
    padding: 5px 7px;
}

.xtabs > .nav:nth-child(1) > li.active > a {
    background-color: #ddd;
    font-size: 12px;
    padding: 5px 7px;
}

/*.xtabs > .nav:nth-child(2) {
        background-color: #ddd;
    }*/

.xtabs > .content {
    background-color: white;
    border-left-width: 1px;
}

.xtabs > .content fieldset {
    background-color: white;
}

.xtabs .main_tabs:before,
.xtabs .main_tabs:after,
.xtabs .sub_tabs:before,
.xtabs .sub_tabs:after {
    clear: both;
    content: '.';
    height: 0;
    display: block;
    visibility: hidden;
    font-size: 0;
}

.xtabs .main_tabs {
    position: relative;
    width: 100%;
    border: 0 solid #ccc;
    background-color: transparent;
}

.xtabs .main_tabs .xtab > span {
    padding: 4px 8px;
    display: block;
    float: left;
    background-color: white;
    border: solid #ccc;
    border-width: 0;
    border-radius: 5px 5px 0 0;
}

.xtabs .main_tabs .xtab:link > span,
.xtabs .main_tabs .xtab:visited > span {
    color: #006;
    font-weight: bold;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
}

.xtabs .main_tabs .xtab:hover > span,
.xtabs .main_tabs .xtab:active > span {
    color: #600;
    font-weight: bold;
    font-size: 14px;
    background-color: #eee;
    cursor: pointer;
}

.xtabs .main_tabs a.on > span {
    background-color: #ddd !important;
    border-radius: 5px 5px 0 0;
}

.xtabs .sub_tabs {
    position: relative;
    min-height: 15px;
    background-color: #ddd;
    border: solid #ccc;
    border-width: 0px 1px 0px 1px;
}

.xtabs .sub_tabs .xtab > span {
    margin: 6px 0 0 3px;
    padding: 4px 8px;
    line-height: 21px;
    display: block;
    float: left;
    background-color: white;
    border: 0 solid #ccc;
}

.xtabs .sub_tabs .xtab:link > span,
.xtabs .sub_tabs .xtab:visited > span {
    color: #006;
    font-weight: bold;
    font-size: 14px;
    background-color: #ddd;
    cursor: pointer;
}

.xtabs .sub_tabs .xtab:hover > span,
.xtabs .sub_tabs .xtab:active > span {
    color: #600;
    font-weight: bold;
    font-size: 14px;
    background-color: #eee;
    cursor: pointer;
}

.xtabs .sub_tabs a.on > span {
    background-color: #fff !important;
    border-radius: 5px 5px 0 0;
}

.xtabs > .content {
    border: 1px solid #ccc;
    border-top-width: 0px;
    padding: 10px;
}

.xtabs > .content:after {
    clear: both;
    content: '.';
    height: 0;
    display: block;
    visibility: hidden;
    font-size: 0;
}

.xtabs > .main_tabs.no-sub-tabs {
    border: solid #ccc;
    border-width: 0 0 1px 0;
}

.xtabs > .main_tabs.no-sub-tabs a.on > span {
    background-color: #fff !important;
    border: solid #ccc;
    border-width: 1px 1px 0 1px;
    position: relative;
    top: 1px;
    z-index: 1;
}

@media (min-width: 768px) {
    .logistics-view {
        width: 750px;
    }
}

.nkr-menu > .navbar {
    min-height: 30px;
    border-radius: 0px !important;
}

.nkr-menu.liverregistry-menu > .navbar {
    background-image: url('/images/nlr-background.png')
}

.nkr-menu.liverregistry-menu .navbar-inverse {
    border-color: transparent;
}

.nkr-menu.liverregistry-menu ul li.dropdown a {
    background-image: url('/images/nlr-background.png')
}

.nkr-menu > .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    background-color: darkgray;
    font-size: 16px;
    font-weight: 700;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.row.header {
    font-weight: 700;
    font-size: 14px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 0px;
    display: flex;
    align-items: flex-end;
}

.row.header > div.col-xs-12 {
    text-align: center;
}

/* .row.header > .centered {
    text-align: center;
} */

.row.striped {
    height: 35px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.row.striped > div.col-xs-12 {
    text-align: center;
}

/* .row.striped > .centered {
    text-align: center;
} */

/* .row.striped:nth-child(even) {
    background-color: #eee;
} */

/* .row.striped:nth-child(odd) {
    background-color: white;
} */

.row.not-striped {
    min-height: 38px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.Toastify__close-button {
    color: #333;
}

.Toastify__toast--success {
    background-color: #dff0d8;
    color: #333;
}

.severe-error {
    background-color: red !important;
    color: white !important;
    border-radius: 4px;
}

.severe-error svg {
    fill: white;
}

.severe-error .Toastify__close-button {
    color: #fff;
    opacity: 1;
}

.Toastify__toast--error {
    background-color: #f2dede;
    color: #333;
}

.Toastify__toast--info {
    background-color: #d9edf7;
    color: #333;
}

.Toastify__toast--warning {
    background-color: #fcf8e3;
    color: #333;
}

/* 
.react-datepicker {
    font-size: 1.3rem !important;
}

.react-datepicker__current-month {
    font-size: 1.5rem !important;
}

.react-datepicker__header {
    padding-top: 6px !important;
}

.react-datepicker__navigation {
    top: 13px !important;
}

.react-datepicker__day-name, .react-datepicker__day {
    margin: 0.5rem !important;
} */

@media (max-width: 1024px) {
    div.stalled-buttons {
        display: flex;
        justify-content: center;
    }
    .navbar-nav > li.dropdown:hover > .dropdown-menu {
        display: none;
    }
    .navbar-nav > li.dropdown.open:hover > .dropdown-menu {
        display: block;
    }
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }
}

.bg-selection {
    background-color: yellow;
}

/* tr.bg-default > td, tr > td.bg-default {
    background-color: #DDDDDD;
    border-color: #AAAAAA;
} */
.table-striped tr:nth-child(even).bg-default > td,
.table-striped tr:nth-child(even) > td.bg-default,
.ag-row-even.bg-default > .ag-cell {
    background-color: #DDDDDD;
    border-color: #AAAAAA;
}
.table-striped tr:nth-child(odd).bg-default > td,
.table-striped tr:nth-child(odd) > td.bg-default,
.ag-row-odd.bg-default > .ag-cell {
    background-color: #CCCCCC;
    border-color: #AAAAAA;
}
.ag-row.bg-default.ag-row-hover > .ag-cell {
    background-color: #eaf2fa;
}
tr.bg-success > td, tr > td.bg-success {
    background-color: #89b289;
}
.table-striped tr:nth-child(even).bg-success > td,
.table-striped tr:nth-child(even) > td.bg-success,
.ag-row-even.bg-success > .ag-cell {
    background-color: #89b289;
}
.table-striped tr:nth-child(odd).bg-success > td,
.table-striped tr:nth-child(odd) > td.bg-success,
.ag-row-odd.bg-success > .ag-cell {
    background-color: #77af77;
}
.ag-row.bg-success.ag-row-hover > .ag-cell {
    background-color: #eaf2fa;
}
tr.bg-info > td, tr > td.bg-info {
    background-color: #7ababa;
    border-color: #72b7cc;
}
.table-striped tr:nth-child(even).bg-info > td,
.table-striped tr:nth-child(even) > td.bg-info,
.ag-row-even.bg-info > .ag-cell {
    background-color: lightblue;
    border-color: #72b7cc;
}
.table-striped tr:nth-child(odd).bg-info > td,
.table-striped tr:nth-child(odd) > td.bg-info,
.ag-row-odd.bg-info > .ag-cell {
    background-color: #8fc5d6;
    border-color: #72b7cc;
}
.ag-row.bg-info.ag-row-hover > .ag-cell {
    background-color: #eaf2fa;
}
tr.bg-slate > td, tr > td.bg-slate {
    background-color: #758ec9;
    border-color: #5171c1;
}
.table-striped tr:nth-child(even).bg-slate > td,
.table-striped tr:nth-child(even) > td.bg-slate,
.ag-row-even.bg-slate > .ag-cell {
    background-color: #758ec9;
    border-color: #5171c1;
}
.table-striped tr:nth-child(odd).bg-slate > td,
.table-striped tr:nth-child(odd) > td.bg-slate,
.ag-row-odd.bg-slate > .ag-cell {
    background-color: #6883c9;
    border-color: #5171c1;
}
.ag-row.bg-slate.ag-row-hover > .ag-cell {
    background-color: #eaf2fa;
}
tr.bg-warning > td, tr > td.bg-warning {
    background-color: #deaf8a;
}
.table-striped tr:nth-child(even).bg-warning > td,
.table-striped tr:nth-child(even) > td.bg-warning,
.ag-row-even.bg-warning > .ag-cell {
    background-color: #deaf8a;
}
.table-striped tr:nth-child(odd).bg-warning > td,
.table-striped tr:nth-child(odd) > td.bg-warning,
.ag-row-odd.bg-warning > .ag-cell {
    background-color: #e1a26e;
}
.ag-row.bg-warning.ag-row-hover > .ag-cell {
    background-color: #eaf2fa;
}
tr.bg-danger > td, tr > td.bg-danger {
    background-color: #e19393;
    border-color: #cc5f5f;
}

.table-striped tr:nth-child(even).bg-danger > td,
.table-striped tr:nth-child(even) > td.bg-danger,
.ag-row-even.bg-danger > .ag-cell {
    background-color: #e19393;
    border-color: #cc5f5f;
}
.table-striped tr:nth-child(odd).bg-danger > td,
.table-striped tr:nth-child(odd) > td.bg-danger,
.ag-row-odd.bg-danger > .ag-cell {
    background-color: #d27a7a;
    border-color: #cc5f5f;
}
.ag-row.bg-danger.ag-row-hover > .ag-cell {
    background-color: #eaf2fa;
}

.ag-theme-bootstrap .ag-header-cell .ag-icon { color:white; }


.delete-duty-officer-schedule {
    width: 400px;
}

.logistics-plans {
    width: 60%;
}
/* 
.btn-logistics-plan {
    color: #ffffff;
    background-color: #e3983d;
    border-color: #d19a56;
}

.btn-logistics-plan:hover,
.btn-logistics-plan:focus,
.btn-logistics-plan:active,
.btn-logistics-plan.active,
.open .dropdown-toggle.btn-logistics-plan {
    color: #ffffff;
    background-color: #0e0e0f;
    border-color: #d19a56;
}

.btn-logistics-plan:active,
.btn-logistics-plan.active,
.open .dropdown-toggle.btn-logistics-plan {
    background-image: none;
}

.btn-logistics-plan.disabled,
.btn-logistics-plan[disabled],
fieldset[disabled] .btn-logistics-plan,
.btn-logistics-plan.disabled:hover,
.btn-logistics-plan[disabled]:hover,
fieldset[disabled] .btn-logistics-plan:hover,
.btn-logistics-plan.disabled:focus,
.btn-logistics-plan[disabled]:focus,
fieldset[disabled] .btn-logistics-plan:focus,
.btn-logistics-plan.disabled:active,
.btn-logistics-plan[disabled]:active,
fieldset[disabled] .btn-logistics-plan:active,
.btn-logistics-plan.disabled.active,
.btn-logistics-plan[disabled].active,
fieldset[disabled] .btn-logistics-plan.active {
    background-color: #e3983d;
    border-color: #d19a56;
}

.btn-logistics-plan .badge {
    color: #e3983d;
    background-color: #ffffff;
} */

.btn-swap-logistics-plan {
    color: #ffffff;
    background-color: #619c75;
    border-color: #5b7d66;
}

.btn-swap-logistics-plan:hover,
.btn-swap-logistics-plan:focus,
.btn-swap-logistics-plan:active,
.btn-swap-logistics-plan.active,
.open .dropdown-toggle.btn-swap-logistics-plan {
    color: #ffffff;
    background-color: #0e0e0f;
    border-color: #5b7d66;
}

.btn-swap-logistics-plan:active,
.btn-swap-logistics-plan.active,
.open .dropdown-toggle.btn-swap-logistics-plan {
    background-image: none;
}

.btn-swap-logistics-plan.disabled,
.btn-swap-logistics-plan[disabled],
fieldset[disabled] .btn-swap-logistics-plan,
.btn-swap-logistics-plan.disabled:hover,
.btn-swap-logistics-plan[disabled]:hover,
fieldset[disabled] .btn-swap-logistics-plan:hover,
.btn-swap-logistics-plan.disabled:focus,
.btn-swap-logistics-plan[disabled]:focus,
fieldset[disabled] .btn-swap-logistics-plan:focus,
.btn-swap-logistics-plan.disabled:active,
.btn-swap-logistics-plan[disabled]:active,
fieldset[disabled] .btn-swap-logistics-plan:active,
.btn-swap-logistics-plan.disabled.active,
.btn-swap-logistics-plan[disabled].active,
fieldset[disabled] .btn-swap-logistics-plan.active {
    background-color: #619c75;
    border-color: #5b7d66;
}

.btn-swap-logistics-plan .badge {
    color: #619c75;
    background-color: #ffffff;
}

.btn-notes { 
    color: #000000; 
    background-color: #C5D5E8; 
    border-color: #8FB0D9; 
  } 
   
  .btn-notes:hover, 
  .btn-notes:focus, 
  .btn-notes:active, 
  .btn-notes.active, 
  .open .dropdown-toggle.btn-notes { 
    color: #000000; 
    background-color: #6D96C9; 
    border-color: #8FB0D9; 
  } 
   
  .btn-notes:active, 
  .btn-notes.active, 
  .open .dropdown-toggle.btn-notes { 
    background-image: none; 
  } 
   
  .btn-notes.disabled, 
  .btn-notes[disabled], 
  fieldset[disabled] .btn-notes, 
  .btn-notes.disabled:hover, 
  .btn-notes[disabled]:hover, 
  fieldset[disabled] .btn-notes:hover, 
  .btn-notes.disabled:focus, 
  .btn-notes[disabled]:focus, 
  fieldset[disabled] .btn-notes:focus, 
  .btn-notes.disabled:active, 
  .btn-notes[disabled]:active, 
  fieldset[disabled] .btn-notes:active, 
  .btn-notes.disabled.active, 
  .btn-notes[disabled].active, 
  fieldset[disabled] .btn-notes.active { 
    background-color: #C5D5E8; 
    border-color: #8FB0D9; 
  } 
   
  .btn-notes .badge { 
    color: #C5D5E8; 
    background-color: #000000; 
  }

div.medicare-participating {
    width: 20% !important;
}

.btn-save-draft { 
    color: #112233; 
    background-color: #D9E3F2; 
    border-color: #C2D3ED; 
  } 
   
  .btn-save-draft:hover, 
  .btn-save-draft:focus, 
  .btn-save-draft:active, 
  .btn-save-draft.active, 
  .open .dropdown-toggle.btn-save-draft { 
    color: #112233; 
    background-color: #BBCFED; 
    border-color: #C2D3ED; 
  } 
   
  .btn-save-draft:active, 
  .btn-save-draft.active, 
  .open .dropdown-toggle.btn-save-draft { 
    background-image: none; 
  } 
   
  .btn-save-draft.disabled, 
  .btn-save-draft[disabled], 
  fieldset[disabled] .btn-save-draft, 
  .btn-save-draft.disabled:hover, 
  .btn-save-draft[disabled]:hover, 
  fieldset[disabled] .btn-save-draft:hover, 
  .btn-save-draft.disabled:focus, 
  .btn-save-draft[disabled]:focus, 
  fieldset[disabled] .btn-save-draft:focus, 
  .btn-save-draft.disabled:active, 
  .btn-save-draft[disabled]:active, 
  fieldset[disabled] .btn-save-draft:active, 
  .btn-save-draft.disabled.active, 
  .btn-save-draft[disabled].active, 
  fieldset[disabled] .btn-save-draft.active { 
    background-color: #D9E3F2; 
    border-color: #C2D3ED; 
  } 
   
  .btn-save-draft .badge { 
    color: #D9E3F2; 
    background-color: #112233; 
  }

  .btn-best {
    background-color:   #438543;
    background-image:  linear-gradient(to bottom, #438543 0%, #2a612a 100%);
    background-repeat: repeat-x;
    border-color:      #367a36;
    color:             #FFF;
    font-weight:        bold;
}
.btn-best:focus, .btn-best:hover {
    background-color:   #438543;
    background-image:  linear-gradient(to bottom, #377237 0%, #285228 100%);
    color: #FFF;
}
.btn-best:active {
    background-color:   #438543;
    background-image:  linear-gradient(to bottom, #449044 0%, #2f712f 100%);
    color: #FFF;
}

@-moz-document url-prefix() {
    select.form-control option {
        font-family: Helvetica;
    }
}

.popover {
    font-family: Roboto;
    z-index: 999999;
}

/* .btn-danger.ambi-med {
    background: linear-gradient(90deg, #f0ad4e 10%, #d9534f 10%, #d9534f 90%, #f0ad4e 90%);
} */

.btn-warning.ambi-low {
    background: linear-gradient(90deg, rgba(46,135,24,1) 9%, #f0ad4e 9%,#f0ad4e 90%, rgba(46,135,24,1) 90%);
}
.btn-danger.ambi-med {
    background: linear-gradient(90deg, #f0ad4e 10%, #d9534f 10%, #d9534f 90%, #f0ad4e 90%);
}
.btn-danger.ambi-low {
    background: linear-gradient(90deg, rgba(46,135,24,1) 9%, #d9534f 9%,#d9534f 90%, rgba(46,135,24,1) 90%);
}

.overlay-menu-button.popover.bottom {
    margin-top: 0px;
}

/* .overlay-menu-button > .arrow {
    display: none;
} */

.overlay-menu-button > .popover-content {
    padding: 5px 0px;
    /* min-width: 250px; */
}

.overlay-menu-button > .popover-content > .list-group > .overlay-action-menu {
    padding: 5px 7.5px;
    font-size: 12px;
    border: 0 none;
}

.overlay-menu-button > .popover-content > .list-group > .overlay-action-menu:hover {
    background-color: #f5f5f5;
}

/* .overlay-menu-button > .popover-content > .list-group > .overlay-action-menu:hover > a {
    color: #262626;
    width: 100%;
} */

.overlay-menu-button > .popover-content > .list-group > .overlay-action-menu > a {
    color: black;
}

.overlay-menu-button > .popover-content > .list-group > button.overlay-action-menu {
    color: black;
}

.fade-out {
    animation: fadeOut 2s;
    opacity: 0;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


.fade-in {
    animation: fadeIn 2s;
    opacity: 1;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.label-inverse { background-color: #555; color:#FFF; }

.btn-inverse {
    background-color:  #555;
    background-image:  linear-gradient(to bottom, #555 0%, #333 100%);
    background-repeat: repeat-x;
    border-color:      #999;
    color:             #FFF;
    font-weight:       bold;
}

.btn-inverse:focus, .btn-inverse:hover {
    background-color:  #444;
    background-image:  linear-gradient(to bottom, #444 0%, #222 100%);
    color:             #FFF;
}

.btn-inverse:active {
    background-color:  #666;
    background-image:  linear-gradient(to bottom, #666 0%, #444 100%);
    color:             #FFF;
}

.microsite-view {
    z-index: 1024 !important;

    .drawer-content-wrapper > .drawer-content {
        overflow-x: hidden;
    }
}

.custom-modal {
    width: 80%
}

.input-xs {
    font-size: 12px;
    padding: 1px 5px;
    line-height: 1.5;
    height: 24px;
}

.modal-xl > .modal-lg {
    width: 1000px;
}

.modal-xxl > .modal-lg {
    width: 1100px;
}

.modal-xxxl > .modal-lg {
    width: 1200px;
}

.incident-list-view {
    z-index: 1024 !important;
}

.alert-sm {
    padding-top: 9px;
    padding-bottom: 9px;
}

.alert-highlight {
    background-color: #EFEE5B;
}

.panel-heading, .panel-footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.nkr-tooltip > .tooltip-inner {
    max-width: initial;
}

.stalled-voucher > button,
.stalled-voucher > .label {
    background-color: #E9E9FE;
}

.stalled-open > button,
.stalled-open > .label {
    background-color: #CDCDF0;
}

.stalled-future > button,
.stalled-future > .label {
    background-color: #BCD88C;
}

/* .stalled-open-future > button,
.stalled-open-future > .label {
    background-color: #BCD88C;
} */

.stalled-future > .label {
    color: #333;
}

.loops > button,
.loops > .label {
    background-color: #B1B1E1;
}

.cpra-99 > button,
.cpra-99 > .label {
    background-color: #FFC864;
}

.voucher-p1-2 > button,
.voucher-p1-2 > .label {
    background-color: #EFBC5E;
}

.voucher-p1-4 > button,
.voucher-p1-4 > .label {
    background-color: #DEAD54;
}

.voucher-p1-5 > button,
.voucher-p1-5 > .label {
    background-color: #E9ECEE;
}

.open > button,
.open > .label {
    background-color: #E3E4E5;
}

.stalled-voucher > .label,
.stalled-open > .label,
.stalled-future > .label,
.loops > .label,
.cpra-99 > .label,
.voucher-p1-2 > .label,
.voucher-p1-4 > .label,
.voucher-p1-5 > .label,
.open > .label {
    color: #333;
}

.stalled-voucher-new > button,
.stalled-voucher-new > .label {
    background-color: darkgray;
    font-weight: 550;
    color: #333;
}

.stalled-open-new > button,
.stalled-open-new > .label {
    background-color: #FFFF99;
    font-weight: 550;
    color: #333;
}

.stalled-future-new > button,
.stalled-future-new > .label {
    background-color: #FBE2D5;
    font-weight: 550;
    color: #333;
}

.loops-new > button,
.loops-new > .label {
    background-color: #4D93D9;
    color: white;
    font-weight: 550;
    color: #333;
}

.hard-to-match > button,
.hard-to-match > .label {
    background-color: #8ED973;
    font-weight: 550;
}

.voucher-compatible > button,
.voucher-compatible > .label {
    background-color: #FF9999;
    font-weight: 550;
    color: #333;

}

.voucher-special > button,
.voucher-special > .label {
    background-color: #FFC000;
    font-weight: 550;
    color: #333;
}

.voucher-regular > button,
.voucher-regular > .label {
    background-color: #94DCF8;
    font-weight: 550;
    color: #333;
}

.voucher-general > button,
.voucher-general > .label {
    background-color: #E49EDD;
    font-weight: 550;
    color: #333;
}

.open-new > button,
.open-new > .label {
    background-color: lightgrey;
    font-weight: 550;
    color: #333;
}

.well-sm {
    padding-top: 6px;
    padding-bottom: 6px;
}

.list-group-item-sm {
    padding-top: 5px;
    padding-bottom: 5px;
}

.label-full {
    width: 100%;
    display: block
}

.offer-warning {
    width: 520px;
    /* height: 30px; */
    min-height: 40px;
    background-color: #D35656 !important;
    color: white !important;
}

.offer-warning svg {
    fill: white;
}

.offer-warning-large-font {
    font-size: 16px;
}

/* first reset to be more like normal text…may also need to adjust line-height, margins, etc.? */
.label-minimize {
    padding:1px 3px 1px 3px;
    font-size: 100%;
}

/* then create a joined class definition for each label color that uses a very light BG and black text */
.label-minimize.label-danger {
    background-color: pink;
    color: black; 
}

.label-minimize.label-success {
    background-color: lightgreen;
    color: black;
}

.label-minimize.label-info {
    background-color: lightblue;
    color: black;
}

.label-minimize.label-warning {
    background-color: lightyellow;
    color: black;
}

.label-minimize.label-error {
    /* background-color: darkred;
    color: white; */
    border: 1px solid darkred;
    padding: 1px;
    color: darkred;
    padding: 1px 3px;
}

.Toastify__toast-container {
    z-index: 999999999;
}

.avoid-save-warning {
    display: block;
    font-size: 16px;
}

.text-large {
    font-size: 115%;
}

.badge-success {
    background-color: #5cb85c !important;
}

.badge-danger {
    background-color: #d9534f !important;
}

.voucher-holder-link {
    width: 100%;
}

label.btn.btn-default.active {
    background-color: #337ab7;
    color: white;
}

.help-block {
    font-size: 12px;
    margin-top: 0px;
}

.gh-style {
    font-size: 10px;
}

.label.label-hazard {
    background-color: yellow;
    color: #333;
    font-size: 90%;
}

.action-center-footer {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

@media (max-width: 1920px) {
    .action-center-footer {
        font-size: 12px;
    }
}

.action-center-mortality-modal {
    width: 75vw;
}

.bg-default {
    background-color: #777 !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.bg-info-2 {
    background-color: #5bc0de;
    color: #fff;
    border-radius: 4px;
}

td.label-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-right: 10px;
    text-align: right;
}

td.label-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.success-outline {
    border: 1px solid #4cae4c;
}

.warning-outline {
    border: 1px solid #eea236
}

.ag-theme-bootstrap .ag-cell, .ag-theme-bootstrap .ag-full-width-row .ag-cell-wrapper.ag-row-group {
    padding-left: 3px;
    padding-right: 3px;
}

.btn-primary2 {
    background-color: lightblue;
    border-color: #96C8E3;
}

@media print {
    .no-print {
        display: none !important;
    }

    .print-full-width {
        flex-basis: 100% !important;
    }

    body {
        font-size: 12px !important;
    }

    h2 {
        font-size: 24px !important;
    }

    .heading {
        font-size: 14px !important;
    }

    .additional-donor-info {
        break-before: page;
        margin-top: 20px !important;
    }

    .medical-demographic-info {
        break-before: page;
        margin-top: 20px !important;
    }
    
    .evaluate-recipient-donor-wrapper > .content-wrapper {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .evaluate-recipient-donor-wrapper > .content-wrapper > .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .donor-recipient-info > tbody > tr > td {
        padding: 0px !important;
    }

    .donor-recipient-info > tbody > tr > td > .label {
        padding: 3px 1px !important;
    }

    @page {
        margin: 0in;
    }
}

blockquote {
    font-size: 16px;
}

.modal-title {
    line-height: 1.1;
}

.custom-popover {
    position: absolute;
    background-color: #FFF;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    margin-left: 175px;
    margin-top: -30px;
    padding: 10px;
    width: 500px;
    z-index: 99999;
}

.custom-popover > .arrow {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.custom-popover > .arrow {
    border-width: 11px;
}

.custom-popover.right > .arrow {
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    left: -11px;
    margin-top: -11px;
    top: 15%;
}

.custom-popover > .arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.custom-popover > .arrow:after {
    border-width: 10px;
    content: "";
}

.custom-popover.right > .arrow:after {
    border-left-width: 0;
    border-right-color: #fff;
    bottom: -10px;
    content: " ";
    left: 1px;
}

.kidneyregistry-theme {
    background-image: url('/images/nkr-background.png');
    width: 100vw;
    height: 100vh;
    color: white;
}

.kidneyregistry-theme .btn {
    background-color: white;
    color: red;
    font-weight: bold;
    border: 0px;
}

.kidneyregistry-theme .btn-link {
    background-color: transparent !important;
    color: white !important;
}

.kidneyregistry-theme .help-block,
.kidneyregistry-theme .help-block {
    color: white !important;
}

.liverregistry-theme {
    background-image: url('/images/nlr-background.png');
    width: 100vw;
    height: 100vh;
    color: white;
}

.liverregistry-theme .btn {
    background-color: white;
    color: #E35205;
    font-weight: bold;
    border: 0px;
}

.liverregistry-theme .btn-link {
    background-color: transparent !important;
    color: white !important;
}

.liverregistry-theme .alert-info {
    border-color: white;
    background-color: white;
    color: #E35205;
    font-size: 16px;
}

.theme-content {
    border-radius: 4px;
    padding: 10px;
}

.liverregistry-theme .theme-content {
    background-color: white;
    color: #E35205;
}

.liverregistry-theme .theme-content .btn {
    border: 1px solid #E35205;
    color: #E35205;
}

.liverregistry-theme .theme-content .btn-link {
    border: 0px none;
    background-color: transparent !important;
    color: #E35205 !important;
}

.liverregistry .btn {
    border: 1px solid #fff;
    background-color: #E35205;
}

.liverregistry .btn-link {
    background-color: #fff;
    color: #3B76B5;
}

.liverregistry .btn-default {
    /* color: #3B76B5; */
    background-color: #fff;
    border: 1px solid #ddd;
}

.theme-content .theme-content-title {
    font-size: 24px;
    font-weight: 700;
}

.liverregistry .nav-tabs li > a {
    background-color: #3B76B5 !important;
    color: #fff;
}

.liverregistry .nav-tabs li.active > a {
    background-color: #fff !important;
    color: #555;
}

.liverregistry .nav-pills li > a {
    background-color: #fff !important;
}

.liverregistry .nav-pills li.active > a {
    background-color: #3B76B5 !important;
}

.liverregistry .btn-primary {
    background-color: #3B76B5 !important;
    color: #fff;
}
.reimbursement-verify {
  --rv-bg: #f5f6f8;
  --rv-surface: #ffffff;
  --rv-border: #e2e5ea;
  --rv-text: #1a1d23;
  --rv-muted: #6b7280;
  --rv-accent: #2563eb;
  --rv-green: #16a34a;
  --rv-amber: #92400e;
  --rv-amber-bg: #fffbeb;
  --rv-amber-border: #fcd34d;
  --rv-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  color: var(--rv-text);
  width: 100%;
  box-sizing: border-box;
}

.reimbursement-verify .page-wrap {
  width: 100%;
  max-width: 100%;
  padding: 0 0 1rem 0;
  box-sizing: border-box;
}

.reimbursement-verify .page-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.reimbursement-verify .page-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.reimbursement-verify .page-note {
  font-size: 13px;
  color: var(--rv-muted);
  margin: 0;
}

.reimbursement-verify .panel {
  background: var(--rv-surface);
  border: 1px solid var(--rv-border);
  border-radius: var(--rv-radius);
  margin-bottom: 0.85rem;
  overflow: hidden;
}

.reimbursement-verify .panel-header {
  padding: 0.6rem 1rem;
  border-bottom: 1px solid var(--rv-border);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--rv-muted);
  background: #fafbfc;
}

.reimbursement-verify .panel-body {
  padding: 1rem 1rem;
}

.reimbursement-verify .final-bar {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 0.7rem 1rem;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: var(--rv-radius);
  margin-bottom: 0.85rem;
  flex-wrap: wrap;
}

.reimbursement-verify .final-bar .item .lbl {
  font-size: 12px;
  color: var(--rv-muted);
}

.reimbursement-verify .final-bar .item .val {
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  color: var(--rv-green);
}

.reimbursement-verify .final-bar .sep {
  width: 1px;
  height: 32px;
  background: #bbf7d0;
}

.reimbursement-verify .data-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 0.5rem 1.5rem;
}

.reimbursement-verify .summary-sections {
  display: grid;
  gap: 0.75rem;
}

.reimbursement-verify .summary-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 0.75rem;
}

.reimbursement-verify .summary-section {
  border: 1px solid var(--rv-border);
  border-radius: var(--rv-radius);
  padding: 0.8rem 0.9rem;
  background: #fbfcfe;
}

.reimbursement-verify .summary-col {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.reimbursement-verify .summary-col-identity {
  justify-content: flex-start;
}

.reimbursement-verify .summary-section-title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--rv-muted);
  margin-bottom: 0.55rem;
}

.reimbursement-verify .summary-grid-compact {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 0.45rem 1rem;
}

.reimbursement-verify .summary-grid-two {
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 0.45rem 1rem;
}

.reimbursement-verify .date-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 0.45rem 1rem;
}

.reimbursement-verify .date-pair-three {
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

.reimbursement-verify .summary-col .data-item .lbl,
.reimbursement-verify .summary-col .data-item .val {
  overflow-wrap: anywhere;
}

.reimbursement-verify .data-item .lbl {
  font-size: 12px;
  color: var(--rv-muted);
  margin-bottom: 0.1rem;
}

.reimbursement-verify .data-item .val {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--rv-text);
}

.reimbursement-verify .data-item .val.accent {
  color: var(--rv-accent);
}

.reimbursement-verify .data-item.align-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.reimbursement-verify .ssn-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.reimbursement-verify .btn-reveal {
  font-size: 13px;
  color: var(--rv-accent);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.reimbursement-verify .btn-reveal:hover {
  text-decoration: underline;
}

.reimbursement-verify .hr {
  border: none;
  border-top: 1px solid var(--rv-border);
  margin: 0.65rem 0;
}

.reimbursement-verify .override-bar {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.6rem 0.9rem;
  background: #f8fafc;
  border: 1px solid #dbe3ee;
  border-radius: var(--rv-radius);
  flex-wrap: wrap;
}

.reimbursement-verify .override-panel {
  border-style: dashed;
  border-color: #d1d5db;
}

.reimbursement-verify .override-panel .panel-body {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.reimbursement-verify .override-explainer {
  font-size: 12px;
  color: var(--rv-muted);
  margin-bottom: 0.5rem;
}

.reimbursement-verify .override-bar label {
  font-size: 13px;
  color: #475569;
  font-weight: 500;
  white-space: nowrap;
  margin: 0;
}

.reimbursement-verify .override-bar .input-group {
  max-width: 140px;
}

.reimbursement-verify .override-bar .input-group-addon,
.reimbursement-verify .override-bar .input-group-text {
  font-size: 14px;
  padding: 0.35rem 0.6rem;
  background: #eef2f7;
  border-color: #dbe3ee;
  color: #475569;
}

.reimbursement-verify .override-bar .form-control {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  padding: 0.35rem 0.6rem;
  border-color: #dbe3ee;
  color: #1f2937;
}

.reimbursement-verify .override-bar .form-control:focus {
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.14);
  border-color: #93c5fd;
}

.reimbursement-verify .override-bar .note {
  font-size: 12px;
  color: #64748b;
  margin-left: auto;
}

.reimbursement-verify .override-bar.is-active {
  background: var(--rv-amber-bg);
  border-color: var(--rv-amber-border);
}

.reimbursement-verify .override-bar.is-active label {
  color: var(--rv-amber);
}

.reimbursement-verify .override-bar.is-active .input-group-addon,
.reimbursement-verify .override-bar.is-active .input-group-text {
  background: #fef3c7;
  border-color: var(--rv-amber-border);
  color: var(--rv-amber);
}

.reimbursement-verify .override-bar.is-active .form-control {
  border-color: var(--rv-amber-border);
  color: var(--rv-amber);
}

.reimbursement-verify .override-bar.is-active .form-control:focus {
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.18);
  border-color: #f59e0b;
}

.reimbursement-verify .override-bar.is-active .note {
  color: var(--rv-amber);
}

.reimbursement-verify label.fl {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--rv-muted);
  margin-bottom: 0.25rem;
}

.reimbursement-verify .panel-body .form-control {
  font-family: inherit;
  font-size: 14px;
  padding: 0.4rem 0.65rem;
  border: 1px solid var(--rv-border);
  border-radius: var(--rv-radius);
  color: var(--rv-text);
  width: 100%;
  box-sizing: border-box;
}

.reimbursement-verify .panel-body .form-control:focus {
  border-color: var(--rv-accent);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}

.reimbursement-verify .panel-body .form-control::placeholder {
  color: #c5cad4;
}

.reimbursement-verify table.wt {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.reimbursement-verify .wt thead th {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--rv-muted);
  padding: 0.5rem 0.85rem;
  border-bottom: 1px solid var(--rv-border);
  background: #fafbfc;
}

.reimbursement-verify .wt tbody td {
  padding: 0.55rem 0.85rem;
  border-bottom: 1px solid var(--rv-border);
  font-family: inherit;
  vertical-align: middle;
}

.reimbursement-verify .wt tbody tr:last-child td {
  border-bottom: none;
}

.reimbursement-verify .wt td.wk {
  font-family: inherit;
  color: var(--rv-muted);
  font-size: 14px;
}

.reimbursement-verify .wt td.adj {
  color: var(--rv-green);
  font-weight: 600;
  text-align: right;
}

.reimbursement-verify .wt .oi {
  max-width: 105px;
}

.reimbursement-verify .wt .oi .input-group-addon,
.reimbursement-verify .wt .oi .input-group-text {
  font-size: 14px;
  padding: 0.35rem 0.5rem;
}

.reimbursement-verify .wt .oi .form-control {
  padding: 0.35rem 0.5rem;
  font-size: 14px;
}

.reimbursement-verify .formula {
  font-size: 13px;
  color: var(--rv-muted);
  padding: 0.6rem 1rem;
  line-height: 1.55;
  border-top: 1px solid var(--rv-border);
}

.reimbursement-verify .abar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
  padding: 0.75rem 1rem;
  background: #fafbfc;
  border-top: 1px solid var(--rv-border);
  flex-wrap: wrap;
}

.reimbursement-verify .abar .note {
  font-size: 14px;
  color: var(--rv-muted);
  margin-right: auto;
}

.reimbursement-verify .abar .note strong {
  font-family: inherit;
  color: var(--rv-green);
}

.reimbursement-verify .btn-approve {
  background: var(--rv-green);
  color: #fff;
  border: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  padding: 0.5rem 1.1rem;
  border-radius: var(--rv-radius);
  cursor: pointer;
  transition: opacity 0.15s;
}

.reimbursement-verify .btn-approve:hover {
  opacity: 0.87;
}

.reimbursement-verify .btn-save {
  background: var(--rv-accent);
  color: #fff;
  border: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: var(--rv-radius);
  cursor: pointer;
  transition: opacity 0.15s;
}

.reimbursement-verify .btn-save:hover {
  opacity: 0.87;
}

.reimbursement-verify .btn-cancel {
  background: none;
  border: 1px solid var(--rv-border);
  color: var(--rv-muted);
  font-family: inherit;
  font-size: 14px;
  padding: 0.5rem 0.9rem;
  border-radius: var(--rv-radius);
  cursor: pointer;
  transition: border-color 0.12s, color 0.12s;
}

.reimbursement-verify .btn-cancel:hover {
  border-color: #9ca3af;
  color: var(--rv-text);
}

.reimbursement-verify .btn-danger-custom {
  background: #dc3545;
  color: #fff;
  border: none;
  font-family: inherit;
  font-size: 14px;
  padding: 0.5rem 0.9rem;
  border-radius: var(--rv-radius);
  cursor: pointer;
}

.reimbursement-verify .btn-danger-custom:hover {
  opacity: 0.9;
}

.reimbursement-verify .abar .btn-edit {
  margin-right: auto;
  font-size: 14px;
}

.reimbursement-verify .banking-actions-left {
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.reimbursement-verify .btn-mask-toggle {
  background: #eef2ff;
  color: #3730a3;
  border: 1px solid #c7d2fe;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 0.38rem 0.72rem;
  border-radius: var(--rv-radius);
  cursor: pointer;
  transition: background-color 0.12s, border-color 0.12s;
}

.reimbursement-verify .btn-mask-toggle:hover {
  background: #e0e7ff;
  border-color: #a5b4fc;
}

.reimbursement-verify .btn-edit-banking {
  background: var(--rv-accent);
  color: #fff;
  border: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 0.38rem 0.78rem;
  border-radius: var(--rv-radius);
  cursor: pointer;
  transition: opacity 0.12s;
}

.reimbursement-verify .btn-edit-banking:hover {
  opacity: 0.9;
}

.reimbursement-verify .panel-body .alert {
  margin-bottom: 0.75rem;
}

.reimbursement-verify {
    --rv-bg: #f5f6f8;
    --rv-surface: #ffffff;
    --rv-border: #e2e5ea;
    --rv-text: #1a1d23;
    --rv-muted: #6b7280;
    --rv-accent: #2563eb;
    --rv-green: #16a34a;
    --rv-amber: #92400e;
    --rv-amber-bg: #fffbeb;
    --rv-amber-border: #fcd34d;
    --rv-radius: 6px;
    font-family: inherit;
    font-size: 14px;
    color: var(--rv-text);
    width: 100%;
    box-sizing: border-box;
  }
  
  .reimbursement-verify .page-wrap {
    width: 100%;
    max-width: 100%;
    padding: 0 0 1rem 0;
    box-sizing: border-box;
  }
  
  .reimbursement-verify .page-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  
  .reimbursement-verify .page-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
  }
  
  .reimbursement-verify .page-note {
    font-size: 13px;
    color: var(--rv-muted);
    margin: 0;
  }
  
  .reimbursement-verify .panel {
    background: var(--rv-surface);
    border: 1px solid var(--rv-border);
    border-radius: var(--rv-radius);
    margin-bottom: 0.85rem;
    overflow: hidden;
  }
  
  .reimbursement-verify .panel-header {
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--rv-border);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--rv-muted);
    background: #fafbfc;
  }
  
  .reimbursement-verify .panel-body {
    padding: 1rem 1rem;
  }
  
  .reimbursement-verify .final-bar {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0.7rem 1rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: var(--rv-radius);
    margin-bottom: 0.85rem;
    flex-wrap: wrap;
  }
  
  .reimbursement-verify .final-bar .item .lbl {
    font-size: 12px;
    color: var(--rv-muted);
  }
  
  .reimbursement-verify .final-bar .item .val {
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    color: var(--rv-green);
  }
  
  .reimbursement-verify .final-bar .sep {
    width: 1px;
    height: 32px;
    background: #bbf7d0;
  }
  
  .reimbursement-verify .data-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.5rem 1.5rem;
  }
  
  .reimbursement-verify .summary-sections {
    display: grid;
    gap: 0.75rem;
  }
  
  .reimbursement-verify .summary-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 0.75rem;
  }
  
  .reimbursement-verify .summary-section {
    border: 1px solid var(--rv-border);
    border-radius: var(--rv-radius);
    padding: 0.8rem 0.9rem;
    background: #fbfcfe;
  }
  
  .reimbursement-verify .summary-col {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
  }
  
  .reimbursement-verify .summary-col-identity {
    justify-content: flex-start;
  }
  
  .reimbursement-verify .summary-section-title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--rv-muted);
    margin-bottom: 0.55rem;
  }
  
  .reimbursement-verify .summary-grid-compact {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.45rem 1rem;
  }
  
  .reimbursement-verify .summary-grid-two {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 0.45rem 1rem;
  }
  
  .reimbursement-verify .date-pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 0.45rem 1rem;
  }
  
  .reimbursement-verify .date-pair-three {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  }
  
  .reimbursement-verify .summary-col .data-item .lbl,
  .reimbursement-verify .summary-col .data-item .val {
    overflow-wrap: anywhere;
  }
  
  .reimbursement-verify .data-item .lbl {
    font-size: 12px;
    color: var(--rv-muted);
    margin-bottom: 0.1rem;
  }
  
  .reimbursement-verify .data-item .val {
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    color: var(--rv-text);
  }
  
  .reimbursement-verify .data-item .val.accent {
    color: var(--rv-accent);
  }
  
  .reimbursement-verify .data-item.align-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  
  .reimbursement-verify .ssn-row {
    display: flex;
    align-items: center;
    gap: 0.35rem;
  }
  
  .reimbursement-verify .btn-reveal {
    font-size: 13px;
    color: var(--rv-accent);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
  }
  
  .reimbursement-verify .btn-reveal:hover {
    text-decoration: underline;
  }
  
  .reimbursement-verify .hr {
    border: none;
    border-top: 1px solid var(--rv-border);
    margin: 0.65rem 0;
  }
  
  .reimbursement-verify .override-bar {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.6rem 0.9rem;
    background: #f8fafc;
    border: 1px solid #dbe3ee;
    border-radius: var(--rv-radius);
    flex-wrap: wrap;
  }
  
  .reimbursement-verify .override-panel {
    border-style: dashed;
    border-color: #d1d5db;
  }
  
  .reimbursement-verify .override-panel .panel-body {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  
  .reimbursement-verify .override-explainer {
    font-size: 12px;
    color: var(--rv-muted);
    margin-bottom: 0.5rem;
  }
  
  .reimbursement-verify .override-bar label {
    font-size: 13px;
    color: #475569;
    font-weight: 500;
    white-space: nowrap;
    margin: 0;
  }
  
  .reimbursement-verify .override-bar .input-group {
    max-width: 140px;
  }
  
  .reimbursement-verify .override-bar .input-group-addon,
  .reimbursement-verify .override-bar .input-group-text {
    font-size: 14px;
    padding: 0.35rem 0.6rem;
    background: #eef2f7;
    border-color: #dbe3ee;
    color: #475569;
  }
  
  .reimbursement-verify .override-bar .form-control {
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    padding: 0.35rem 0.6rem;
    border-color: #dbe3ee;
    color: #1f2937;
  }
  
  .reimbursement-verify .override-bar .form-control:focus {
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.14);
    border-color: #93c5fd;
  }
  
  .reimbursement-verify .override-bar .note {
    font-size: 12px;
    color: #64748b;
    margin-left: auto;
  }
  
  .reimbursement-verify .override-bar.is-active {
    background: var(--rv-amber-bg);
    border-color: var(--rv-amber-border);
  }
  
  .reimbursement-verify .override-bar.is-active label {
    color: var(--rv-amber);
  }
  
  .reimbursement-verify .override-bar.is-active .input-group-addon,
  .reimbursement-verify .override-bar.is-active .input-group-text {
    background: #fef3c7;
    border-color: var(--rv-amber-border);
    color: var(--rv-amber);
  }
  
  .reimbursement-verify .override-bar.is-active .form-control {
    border-color: var(--rv-amber-border);
    color: var(--rv-amber);
  }
  
  .reimbursement-verify .override-bar.is-active .form-control:focus {
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.18);
    border-color: #f59e0b;
  }
  
  .reimbursement-verify .override-bar.is-active .note {
    color: var(--rv-amber);
  }
  
  .reimbursement-verify label.fl {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: var(--rv-muted);
    margin-bottom: 0.25rem;
  }
  
  .reimbursement-verify .panel-body .form-control {
    font-family: inherit;
    font-size: 14px;
    padding: 0.4rem 0.65rem;
    border: 1px solid var(--rv-border);
    border-radius: var(--rv-radius);
    color: var(--rv-text);
    width: 100%;
    box-sizing: border-box;
  }
  
  .reimbursement-verify .panel-body .form-control:focus {
    border-color: var(--rv-accent);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
  }
  
  .reimbursement-verify .panel-body .form-control::placeholder {
    color: #c5cad4;
  }
  
  .reimbursement-verify table.wt {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
  }
  
  .reimbursement-verify .wt thead th {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--rv-muted);
    padding: 0.5rem 0.85rem;
    border-bottom: 1px solid var(--rv-border);
    background: #fafbfc;
  }
  
  .reimbursement-verify .wt tbody td {
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid var(--rv-border);
    font-family: inherit;
    vertical-align: middle;
  }
  
  .reimbursement-verify .wt tbody tr:last-child td {
    border-bottom: none;
  }
  
  .reimbursement-verify .wt td.wk {
    font-family: inherit;
    color: var(--rv-muted);
    font-size: 14px;
  }
  
  .reimbursement-verify .wt td.adj {
    color: var(--rv-green);
    font-weight: 600;
    text-align: right;
  }
  
  .reimbursement-verify .wt .oi {
    max-width: 105px;
  }
  
  .reimbursement-verify .wt .oi .input-group-addon,
  .reimbursement-verify .wt .oi .input-group-text {
    font-size: 14px;
    padding: 0.35rem 0.5rem;
  }
  
  .reimbursement-verify .wt .oi .form-control {
    padding: 0.35rem 0.5rem;
    font-size: 14px;
  }
  
  .reimbursement-verify .formula {
    font-size: 13px;
    color: var(--rv-muted);
    padding: 0.6rem 1rem;
    line-height: 1.55;
    border-top: 1px solid var(--rv-border);
  }
  
  .reimbursement-verify .abar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    padding: 0.75rem 1rem;
    background: #fafbfc;
    border-top: 1px solid var(--rv-border);
    flex-wrap: wrap;
  }
  
  .reimbursement-verify .abar .note {
    font-size: 14px;
    color: var(--rv-muted);
    margin-right: auto;
  }
  
  .reimbursement-verify .abar .note strong {
    font-family: inherit;
    color: var(--rv-green);
  }
  
  .reimbursement-verify .btn-approve {
    background: var(--rv-green);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 0.5rem 1.1rem;
    border-radius: var(--rv-radius);
    cursor: pointer;
    transition: opacity 0.15s;
  }
  
  .reimbursement-verify .btn-approve:hover {
    opacity: 0.87;
  }
  
  .reimbursement-verify .btn-save {
    background: var(--rv-accent);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: var(--rv-radius);
    cursor: pointer;
    transition: opacity 0.15s;
  }
  
  .reimbursement-verify .btn-save:hover {
    opacity: 0.87;
  }
  
  .reimbursement-verify .btn-cancel {
    background: none;
    border: 1px solid var(--rv-border);
    color: var(--rv-muted);
    font-family: inherit;
    font-size: 14px;
    padding: 0.5rem 0.9rem;
    border-radius: var(--rv-radius);
    cursor: pointer;
    transition: border-color 0.12s, color 0.12s;
  }
  
  .reimbursement-verify .btn-cancel:hover {
    border-color: #9ca3af;
    color: var(--rv-text);
  }
  
  .reimbursement-verify .btn-danger-custom {
    background: #dc3545;
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: 14px;
    padding: 0.5rem 0.9rem;
    border-radius: var(--rv-radius);
    cursor: pointer;
  }
  
  .reimbursement-verify .btn-danger-custom:hover {
    opacity: 0.9;
  }
  
  .reimbursement-verify .abar .btn-edit {
    margin-right: auto;
    font-size: 14px;
  }
  
  .reimbursement-verify .banking-actions-left {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  
  .reimbursement-verify .btn-mask-toggle {
    background: #eef2ff;
    color: #3730a3;
    border: 1px solid #c7d2fe;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    padding: 0.38rem 0.72rem;
    border-radius: var(--rv-radius);
    cursor: pointer;
    transition: background-color 0.12s, border-color 0.12s;
  }
  
  .reimbursement-verify .btn-mask-toggle:hover {
    background: #e0e7ff;
    border-color: #a5b4fc;
  }
  
  .reimbursement-verify .btn-edit-banking {
    background: var(--rv-accent);
    color: #fff;
    border: none;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 0.38rem 0.78rem;
    border-radius: var(--rv-radius);
    cursor: pointer;
    transition: opacity 0.12s;
  }
  
  .reimbursement-verify .btn-edit-banking:hover {
    opacity: 0.9;
  }
  
  .reimbursement-verify .panel-body .alert {
    margin-bottom: 0.75rem;
  }

.reimbursement-verify .reimbursement-doc-panel {
  margin-top: 0.75rem;
}

.reimbursement-verify .doc-actions-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}

.reimbursement-verify .doc-amount-pill {
  margin-left: auto;
  background: #eef6ff;
  border: 1px solid #c7def8;
  color: #1e3a5f;
  border-radius: var(--rv-radius);
  padding: 0.52rem 0.85rem;
  font-size: 14px;
  font-weight: 600;
}

.reimbursement-verify .doc-amount-input {
  margin-left: auto;
  min-width: 220px;
}

.reimbursement-verify .doc-note {
  margin-top: 0.65rem;
  font-size: 12px;
  color: var(--rv-muted);
}
  
.star {
    color: gray;
    font-size: 28px;
    cursor: pointer;
}