@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 > .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;
}
.star {
    color: gray;
    font-size: 28px;
    cursor: pointer;
}