/* FILE Custom */ /*****************************************/
/***************** Fonts ******************/
/*****************************************/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;1,400&display=swap");
/*****************************************/
/***************** Variables ******************/
/*****************************************/
/* Brand Colour */
/* UI colour */
/* fonts */
/* padding */
/* breakpoints */
/* style */
/* elevations */
/* animations */
.fader-1 {
  animation: fadein 0.3s ease-in-out 0s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.fader-2 {
  animation: fadein 0.3s ease-in-out 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.fader-3 {
  animation: fadein 0.3s ease-in-out 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*****************************************/
/************** Typography ***************/
/*****************************************/
html {
  font-size: 16px;
  scroll-behavior: smooth;
  scroll-padding-top: 160px;
}

body {
  color: #221c35;
  background: #f0f1f3;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

main {
  padding: 140px 30px 0px 30px;
}
main.sidebar {
  padding: 140px 30px 0px 0px;
}
main.form-signin {
  padding: 0px 0px 0px 0px;
}

p {
  font-family: "Montserrat", sans-serif;
  line-height: 1.5em;
}

a {
  color: #221c35;
  transition: all 0.25s ease-in;
}

a:hover,
a:focus {
  color: #221c35;
}

a:active {
  color: #221c35;
}

.bg-lime {
  background: #b5dc79;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-variant-ligatures: none;
  margin: 0 0 1rem;
}

h1 {
  font-size: 3rem;
  font-weight: 700;
}

h2 {
  font-size: 2rem;
  font-weight: 600;
}

h3 {
  font-size: 1.6rem;
  font-weight: 500;
}

h4 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0;
}
h4.lg {
  font-size: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 0;
}

h6 {
  font-size: 0.8rem;
  font-weight: 400;
  margin-bottom: 0;
}

blockquote {
  border-left-color: #accent;
}

em {
  font-style: normal;
  font-weight: 600;
}

.smaller {
  font-size: 0.8rem;
}

.note {
  font-size: 0.8rem;
}

.red {
  color: #dd1b2d;
}

.orange {
  color: #fd7e14;
}

.green {
  color: #318345;
}

.blue {
  color: #1b5291;
}

.error {
  color: #dd1b2d;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #dde0e3;
  opacity: 1;
}

.title {
  margin-bottom: 35px;
  display: flex;
  justify-content: space-between;
}
.title.home {
  display: block;
}
.title .code {
  border: 1px solid #dde0e3;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 4px;
  display: inline-block;
  background: #e7f7cf;
  color: #221c35;
  max-height: 33px;
}
.title .status {
  border: 1px solid #221c35;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 4px;
  display: inline-block;
  background: #318345;
  color: #ffffff;
  max-height: 33px;
}

.status-code {
  border: 1px solid #221c35;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 4px;
  display: flex;
  max-height: 33px;
}
.status-code .code-alt {
  border-radius: 4px;
  background: #ffffff;
  color: #221c35;
  padding: 6px 10px;
}
.status-code .status-alt.active {
  color: #ffffff;
  background: #318345;
  padding: 6px 10px;
}

/*****************************************/
/**************** cards ****************/
/*****************************************/
.card {
  height: calc(100% - 20px);
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  padding: 20px 5px 5px 5px;
  border-color: white;
}
.card.jump {
  transition: all 0.1s ease-in;
}
.card.jump:hover {
  transform: translateY(-6px);
}
.card h3 {
  font-size: 1.4rem;
}

.code {
  border: 1px solid #dde0e3;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 20px;
  background: #ffffff;
  color: #221c35;
}

/*****************************************/
/**************** Header  ****************/
/*****************************************/
header .navbar {
  padding: 0px 0px;
}
header .navbar .layer-1 {
  background: #b5dc79;
  padding: 5px 15px;
}
header .navbar .layer-2 {
  background: #ffffff;
  padding: 0px 10px 0px 15px;
  border-bottom: 1px solid #dde0e3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .navbar a {
  font-size: 0.8rem;
  font-weight: 500;
  color: #221c35;
}
header .navbar .dropdown-toggle {
  display: flex;
  align-items: center;
}
header .navbar .dropdown-toggle::after {
  display: none;
}
header .navbar .dropdown-toggle::after {
  display: none;
}
header .navbar .dropdown-toggle .bi {
  font-size: 1.2rem;
  padding-right: 5px;
}
header .navbar .dropdown-menu .heading {
  font-size: 0.8rem;
  font-weight: 600;
  background: #f0f1f3;
  padding: 0.3rem 1rem;
}
header .navbar .indicator {
  position: absolute;
  top: 3px;
  right: -11px;
  z-index: 2;
  border-radius: 50%;
  color: #ffffff;
  height: 20px;
  width: 20px;
  font-weight: 600;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}
header .navbar .indicator.green {
  background: #318345;
}
header .navbar .indicator.orange {
  background: #fd7e14;
}
header .navbar .indicator.red {
  background: #dd1b2d;
}
header .navbar-collapse {
  flex-grow: 0;
}
header .bc-trail {
  font-size: 0.8rem;
  font-weight: 500;
}
header .bc-trail a {
  text-decoration: none;
}
header .bc-trail a:hover {
  text-decoration: underline;
}
header a.navbar-brand {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
}
header a.navbar-brand .label {
  margin-left: 30px;
  font-size: 1rem;
  display: inline-block;
}
header .navbar-login {
  display: flex;
  align-items: center;
}
header .navbar-login a {
  text-decoration: none;
}
header .navbar-toggler, header .navbar-toggler:focus {
  border: none;
  box-shadow: none;
  padding: 0;
}
header .nav-item .bi {
  font-size: 1rem;
  padding-right: 5px;
}

@media (min-width: 768px) {
  header .nav-item {
    border-left: 1px solid #dde0e3;
    transition: all 0.25s ease-in;
  }
  header .nav-item:hover {
    text-decoration: none;
    background: #e7f7cf;
  }
  header .navbar-expand-md {
    flex-direction: column;
  }
}
/*****************************************/
/**************** Footer  ****************/
/*****************************************/
footer {
  background: #221c35;
  font-size: 12px;
  color: #a7a8a9;
  text-align: center;
}

/*****************************************/
/*************** Utilities ***************/
/*****************************************/
.fadein-slow {
  opacity: 0;
  -webkit-animation: fader 2s ease-in;
  animation: fader 2s ease-in;
  animation-fill-mode: both;
}

.fadein-medium {
  opacity: 0;
  -webkit-animation: fader 1s ease-in;
  animation: fader 1s ease-in;
  animation-fill-mode: both;
}

.fadein-fast {
  opacity: 0;
  -webkit-animation: fader 0.5s ease-in;
  animation: fader 0.5s ease-in;
  animation-fill-mode: both;
}

@keyframes fader {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*****************************************/
/*************** UI *****************/
/*****************************************/
/* Buttons */
.btn:hover {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.btn .bi {
  vertical-align: middle;
}
.btn.btn-extra-sm.actions .bi {
  margin-left: 0px;
  font-size: 22px;
  line-height: 1rem;
}

.btn-primary {
  color: #b5dc79;
  background: #221c35;
  border-color: #221c35;
  font-weight: 600;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:not(.btn-check) + .btn:active, .btn-primary.btn:first-child:active, .btn-primary.btn:nth-child(2):active {
  background: #221c35;
  border-color: #221c35;
  color: #ffffff;
}
.btn-primary .bi {
  font-size: 20px;
  margin-left: 10px;
}

.btn-secondary {
  background: #f0f1f3;
  color: #221c35;
  border-color: #221c35;
  font-weight: 600;
}
.btn-secondary:hover, .btn-secondary:active {
  background: #221c35;
  border-color: #221c35;
  color: #b5dc79;
}
.btn-secondary .bi {
  font-size: 20px;
  margin-left: 10px;
}

.btn-white {
  background: #ffffff;
  border-color: #dde0e3;
  color: #221c35;
  font-weight: 600;
}
.btn-white:hover, .btn-white:active {
  background: #f9f9f9;
  border-color: #dde0e3;
  color: #221c35;
}
.btn-white .bi {
  font-size: 20px;
  margin-left: 10px;
}

.btn-lime {
  background: #b5dc79;
  border-color: #221c35;
  color: #221c35;
  font-weight: 600;
}
.btn-lime:hover, .btn-lime:active {
  background: #b5dc79;
  border-color: #221c35;
  color: #221c35;
  filter: brightness(105%);
}
.btn-lime .bi {
  font-size: 20px;
  margin-left: 10px;
}

.btn-sm .bi {
  font-size: 14px;
  margin-left: 5px;
}

.btn-extra-sm {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 2px 7px;
}
.btn-extra-sm .bi {
  font-size: 12px;
}

.popover-button {
  cursor: pointer;
  text-decoration: underline;
}
.popover-button:hover {
  text-decoration: none;
}

.aoc-delete {
  position: absolute;
  z-index: 1000;
  left: 192px;
  top: 8px;
}
.aoc-delete .bi.bi-sm {
  margin-left: 5px;
}
.aoc-delete.dropdown-toggle::after {
  display: none;
}

.heading.in-acc {
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0px 16px;
}

/* Dropdowns */
.dropdown-menu {
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}

.dropdown-item {
  font-size: 0.8rem;
  font-weight: 500;
}
.dropdown-item .bi {
  margin-left: 0px;
  margin-right: 5px;
}

/* Tables */
.table-responsive {
  background: #ffffff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 60px;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}

.table-responsive-alt {
  background: #ffffff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 60px;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}

.table-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.table-header .btn {
  margin: 0px 20px 20px 0px;
}
.table-header .btn:last-child {
  margin: 0px 0px 20px 0px;
}
.table-header h3.alt {
  display: flex;
  margin: 0 0 0 0;
}

.table-footer {
  padding: 20px 0px 0px 0px;
  text-align: center;
  margin-top: 20px;
}

table.table {
  margin-bottom: 40px;
}
table.table tbody {
  font-size: 0.8rem;
}
table tr:hover td {
  background: #e7f7cf;
}
table.table-small {
  max-width: 800px;
}
table th {
  color: #221c35;
  background: #f0f1f3 !important;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.8rem;
}
table th h4 {
  text-transform: none;
  font-weight: 500;
}
table th.res-sm {
  min-width: 80px;
}
table th.res-md {
  min-width: 160px;
}
table th.res-lg {
  min-width: 240px;
}
table td {
  transition: all 0.25s ease-in;
}
table td.row-head {
  font-weight: 500;
}
table td.indicator-name {
  position: relative;
  padding-right: 30px;
}
table td .pre-litigation {
  background: #1b5291;
  color: #ffffff;
  font-weight: 500;
  border-radius: 4px;
  padding: 2px 4px;
  text-align: center;
}
table td .litigation {
  background: #318345;
  color: #ffffff;
  font-weight: 500;
  border-radius: 4px;
  padding: 2px 4px;
  text-align: center;
}
table td .closed-won, table td .closed-lose {
  background: #b7bdc1;
  color: #ffffff;
  font-weight: 500;
  border-radius: 4px;
  padding: 2px 4px;
  text-align: center;
}
table .question {
  text-transform: none;
  font-size: 0.9rem;
  border: 1px solid #dde0e3;
  border-radius: 4px;
  display: inline-block;
  padding: 4px 8px;
  margin: 10px 0px;
  font-style: italic;
}
table .btn {
  font-family: "Montserrat", sans-serif;
}
table .indicator {
  position: absolute;
  top: 11px;
  right: 10px;
  border-radius: 50%;
  color: #ffffff;
  height: 14px;
  width: 14px;
  border: 2px solid #ffffff;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}
table .indicator .bi {
  font-size: 20px !important;
}
table .indicator.green {
  background: #318345;
}
table .indicator.orange {
  background: #fd7e14;
}
table .indicator.red {
  background: #dd1b2d;
}
table .indicator.two {
  top: 28px;
}
table.clear-links a {
  text-decoration: none;
}
table.clear-links a:hover {
  text-decoration: underline;
}
table.sticky-col-1 tr > th:first-child, table.sticky-col-1 tr > td:first-child {
  position: sticky;
  left: -1px;
  z-index: 2;
}
table.sticky-col-1 tr > th.no-stick:first-child {
  position: relative;
  left: auto;
  z-index: 1;
}

.scroll-x {
  overflow-x: auto;
}

.tc {
  width: 8%;
  min-width: 100px;
}

.tc1 {
  color: #ffffff !important;
  background-color: rgb(49, 131, 69) !important;
}

.tc2 {
  color: #ffffff !important;
  background: rgba(49, 131, 69, 0.9) !important;
}

.tc3 {
  color: #ffffff !important;
  background-color: rgba(49, 131, 69, 0.8) !important;
}

.tc4 {
  color: #ffffff !important;
  background-color: rgba(49, 131, 69, 0.7) !important;
}

.tc5 {
  color: #ffffff !important;
  background-color: rgba(49, 131, 69, 0.6) !important;
}

.tc6 {
  color: #ffffff !important;
  background-color: rgba(49, 131, 69, 0.5) !important;
}

.tc7 {
  color: #ffffff !important;
  background-color: rgba(49, 131, 69, 0.45) !important;
}

.tc8 {
  color: #ffffff !important;
  background-color: rgba(49, 131, 69, 0.4) !important;
}

.tc9 {
  color: #ffffff !important;
  background-color: rgba(49, 131, 69, 0.35) !important;
}

.tc10 {
  color: #ffffff !important;
  background-color: rgba(49, 131, 69, 0.3) !important;
}

.comment_grant_management {
  background: #ffb98e;
  padding: 2px 5px;
  margin-bottom: 1px;
  font-weight: 500;
}
.comment_grant_management small {
  font-weight: 400;
}

.comment_partner {
  background: #f8df8d;
  padding: 2px 5px;
  margin-bottom: 1px;
  font-weight: 500;
}
.comment_partner small {
  font-weight: 400;
}

a.comment-field {
  display: block;
  background: #fdf2cc;
  border: solid 1px #f8df8d;
  padding: 4px 6px;
  font-size: 0.8rem;
  text-decoration: none;
  border-radius: 6px;
}
a.comment-field:hover {
  background: #f8df8d;
}
a.comment-field .view {
  font-weight: 500;
}

.comment {
  position: relative;
  background: #fdf2cc;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 22px;
  font-weight: 500;
}
.comment .arrow {
  position: absolute;
  bottom: -12px;
  right: 30px;
  width: 14px;
  height: 12px;
  background-image: url(../img/comment-arrow-sand.png);
  background-repeat: no-repeat;
}
.comment.alt {
  background: #ffe2d0;
}
.comment.alt .arrow {
  left: 30px;
  background-image: url(../img/comment-arrow-peach.png);
}
.comment .byline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.7rem;
  font-weight: 600;
  min-height: 24px;
}
.comment .byline .name-stamp {
  padding-right: 10px;
}

.modal-body-comment {
  border-top: 1px solid #dde0e3;
  padding: 16px;
}
.modal-body-comment textarea {
  border-width: 0px;
  margin-bottom: 10px;
  font-size: 0.8rem;
  min-height: 80px;
}

.character-count {
  position: absolute;
  z-index: 100;
  top: 37px;
  right: 21px;
  font-size: 0.6rem;
}

/* Date Picker */
.datepicker {
  font-family: "Roboto Condensed", sans-serif;
}
.datepicker .dow {
  font-weight: 600;
  font-size: 0.8rem;
}
.datepicker .datepicker-controls .next-button, .datepicker .datepicker-controls .prev-button, .datepicker .datepicker-controls .view-switch {
  border: 0;
  font-size: 1rem;
  padding: 6px;
  margin: 2px;
  border-radius: 4px;
}
.datepicker .datepicker-cell.focused:not(.selected), .datepicker .datepicker-cell:not(.disabled):hover {
  background-color: #e7f7cf;
}
.datepicker .datepicker-cell.selected, .datepicker .datepicker-cell.selected:hover {
  background-color: #b5dc79;
  color: #221c35;
}

/* Accordion for Tables */
#accordionTable, #accordionTable-2, #accordionTable-3 {
  margin-bottom: 40px;
}
#accordionTable .accordion-header .accordion-button, #accordionTable-2 .accordion-header .accordion-button, #accordionTable-3 .accordion-header .accordion-button {
  color: #221c35;
  background: #f0f1f3;
  font-weight: 500;
  font-size: 1rem;
  padding: 8px;
  border-radius: 0px !important;
}
#accordionTable .accordion-header .accordion-button:focus, #accordionTable-2 .accordion-header .accordion-button:focus, #accordionTable-3 .accordion-header .accordion-button:focus {
  box-shadow: none;
}
#accordionTable .accordion-header .accordion-button:hover, #accordionTable-2 .accordion-header .accordion-button:hover, #accordionTable-3 .accordion-header .accordion-button:hover {
  background: #e7f7cf;
}
#accordionTable .accordion-item, #accordionTable-2 .accordion-item, #accordionTable-3 .accordion-item {
  border-radius: 0px !important;
}
#accordionTable .accordion-collapse.collapse.show, #accordionTable-2 .accordion-collapse.collapse.show, #accordionTable-3 .accordion-collapse.collapse.show {
  border-bottom: 1px solid #dde0e3 !important;
}

.collapse-button {
  display: flex;
  align-items: center;
  width: 96px;
}
.collapse-button::after {
  content: "\f2ea";
  font-family: bootstrap-icons;
  font-size: 1rem;
  margin-left: 3px;
}
.collapse-button.collapsed::after {
  content: "\f4fe";
  font-family: bootstrap-icons;
  font-size: 1rem;
  margin-left: 3px;
}

.collapse-holder {
  padding: 10px;
}

/* forms */
input.form-control-sm {
  background-color: #f8fdef;
  font-weight: 500;
  font-size: 0.8rem;
}
input.number {
  width: 50px;
}
input[type=checkbox] {
  transform: scale(1.3);
}

select.extra-sm {
  background-color: #f8fdef;
  font-weight: 500;
  font-size: 0.8rem;
  width: auto;
}
select.form-select-sm {
  background-color: #f8fdef;
  font-weight: 500;
  font-size: 0.8rem;
  width: fit-content;
}

textarea.form-control-sm {
  font-size: 0.8rem;
  height: 100px;
  background-color: #f8fdef;
  font-weight: 500;
}

textarea.form-control-extra-sm {
  font-size: 0.8rem;
  height: 50px;
  background-color: #f8fdef;
  font-weight: 500;
}

.mw-1 {
  max-width: 200px;
}

.mw-2 {
  max-width: 300px;
}

.mw-3 {
  max-width: 400px;
}

.form-control:focus, .form-check-input:focus, .form-select:focus {
  border-color: #b5dc79;
  box-shadow: 0 0 0 0.25rem rgba(181, 220, 121, 0.25);
}

.contextual {
  margin: 5px 0px;
}
.contextual .collapse-holder {
  margin-top: 10px;
  padding: 10px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.05);
}
.contextual select {
  margin-bottom: 5px;
}

/* sidebar menu */
#sidebar-holder .sticky {
  position: sticky;
  top: 140px;
  align-self: flex-start;
}

#sidebar-wrapper {
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0px 8px 8px 0px;
  width: 257px;
  border-top: 1px solid #dde0e3;
  border-right: 1px solid #dde0e3;
  border-bottom: 1px solid #dde0e3;
  background: #ffffff;
  margin-left: -15rem;
  transition: margin 0.25s ease-out;
  margin-bottom: 40px;
}
#sidebar-wrapper #sidebarToggle {
  position: absolute;
  top: 39px;
  right: -31px;
  border-radius: 0px 8px 8px 0px;
}
#sidebar-wrapper #sidebarToggle.btn {
  padding: 12px 13px 22px 16px;
  background-image: url("../img/icons/caret-left-fill.svg");
  background-position: 7px 9px;
  background-repeat: no-repeat;
  transition: all 0.25s ease-in;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}
#sidebar-wrapper .header {
  position: relative;
  background: #b5dc79;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 10px;
  border-radius: 0px 8px 0px 0px;
}
#sidebar-wrapper a {
  padding: 8px 10px 8px 43px;
  font-size: 0.8rem;
  font-weight: 500;
  display: block;
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
}
#sidebar-wrapper a .bi {
  font-size: 24px;
  margin-right: 10px;
}
#sidebar-wrapper a.main-link {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  padding: 0px 10px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
#sidebar-wrapper a:hover, #sidebar-wrapper a.active {
  background: #e7f7cf;
}
#sidebar-wrapper .item {
  position: relative;
  border-bottom: 1px solid #dde0e3;
}
#sidebar-wrapper .item:last-child {
  border-bottom: 0px solid #dde0e3;
}
#sidebar-wrapper .indicator {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
  border-radius: 50%;
  color: #ffffff;
  height: 20px;
  width: 20px;
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}
#sidebar-wrapper .indicator .bi {
  font-size: 20px !important;
}
#sidebar-wrapper .indicator.green {
  background: #318345;
}
#sidebar-wrapper .indicator.orange {
  background: #fd7e14;
}
#sidebar-wrapper .indicator.red {
  background: #dd1b2d;
}
#sidebar-wrapper .accordion-header .accordion-button {
  color: #221c35;
  background: #ffffff;
  padding: 8px 10px 8px 43px;
  font-size: 0.8rem;
  font-weight: 500;
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
}
#sidebar-wrapper .accordion-header .accordion-button::after {
  background-size: 14px;
  background-position: 3px 3px;
}
#sidebar-wrapper .accordion-header .accordion-button:focus {
  box-shadow: none;
}
#sidebar-wrapper .accordion-header .accordion-button:hover {
  background: #e7f7cf;
}
#sidebar-wrapper .accordion-collapse {
  background: #f9f9f9;
  border-bottom: 0px solid #dde0e3 !important;
  border-radius: 0px !important;
}
#sidebar-wrapper .accordion-collapse a {
  font-size: 0.8rem;
  padding: 5px 5px 5px 44px;
}
#sidebar-wrapper .accordion-collapse a .bi {
  font-size: 13px;
  margin-right: 5px;
}
#sidebar-wrapper .accordion-item {
  border-radius: 0px !important;
  border: 0px;
}

.sb-sidenav-toggled #sidebar-wrapper #sidebarToggle.btn {
  background-image: url("../img/icons/caret-right-fill.svg");
}

@media (max-width: 767px) {
  #sidebar-wrapper {
    margin-left: -16rem;
  }
  #sidebar-wrapper #sidebarToggle.btn {
    background-image: url("../img/icons/caret-right-fill.svg");
  }
  .sb-sidenav-toggled #sidebar-wrapper #sidebarToggle.btn {
    background-image: url("../img/icons/caret-left-fill.svg");
  }
}
#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

body.sb-sidenav-toggled #sidebar-holder #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }
  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }
  body.sb-sidenav-toggled #sidebar-holder #sidebar-wrapper {
    margin-left: -256px;
  }
}
/* login */
#login .card {
  max-width: 300px;
  padding: 0px;
  border-width: 0px;
}
#login .card .card-header {
  padding: 20px;
  background: #b5dc79;
  border-bottom: 1px solid #b5dc79;
}
#login .card .card-header h4 {
  padding-top: 20px;
}
#login form {
  padding: 20px;
}
#login form .form-floating:focus-within {
  z-index: 2;
}
#login form input[type=email] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#login form input[type=password] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* forms */
.form-check-label {
  font-size: 0.8rem;
}

.form-check-input:checked {
  background-color: #221c35;
  border-color: #221c35;
}

.alert.alert-warning {
  position: fixed;
  bottom: 10px;
  right: 10px;
  border-color: #fd7e14;
  border-width: 2px;
  background: rgba(253, 126, 20, 0.5);
  color: black;
  font-weight: 500;
}

/* Modals */
.modal .modal-body {
  font-size: 0.8rem;
}

body.modal-open {
  overflow: visible !important;
}

.modal-backdrop {
  display: none;
}

.modal-content {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.3);
}

/* Utilities */
.tooltip-inner {
  background-color: #221c35;
  opacity: 1 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
  border-right-color: #221c35 !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
  border-left-color: #221c35 !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #221c35 !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #221c35 !important;
}

.progress, .progress-stacked {
  height: 8px;
  border-radius: 8px;
}

/* show password toggle*/
::-ms-reveal {
  display: none;
}

button#toggle-password {
  position: absolute;
  top: 3px;
  right: 4px;
  z-index: 9;
  width: 28px;
  height: 30px;
  background: 0;
  border: 0;
}

button#toggle-password:active,
button#toggle-password:focus,
button#toggle-password:hover {
  cursor: pointer;
}

button#toggle-password:focus {
  outline: none !important;
}

.input-password {
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.input-password[type=text]:valid {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709z'/%3E%3Cpath fill-rule='evenodd' d='M13.646 14.354l-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E") !important;
}

.input-password[type=password]:valid {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 0 0 1.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0 0 14.828 8a13.133 13.133 0 0 0-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 0 0 1.172 8z'/%3E%3Cpath fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E") !important;
}

/* process steps */
#process-steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  margin: 0px 0px 20px 0px;
  border-radius: 20px;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}
#process-steps .step {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  line-height: 16px;
  color: #a7a8a9;
  border-right: 1px solid #dde0e3;
  background: #ffffff;
}
#process-steps .step .bi {
  font-size: 1.2rem;
}
#process-steps .step:first-child {
  border-radius: 24px 0px 0px 24px;
  border-right: 0px solid #dde0e3;
}
#process-steps .step:first-child.active {
  border-right: 1px solid #e7f7cf;
}
#process-steps .step:last-child {
  border-radius: 0px 24px 24px 0px;
  border-right: 0px solid #dde0e3;
}
#process-steps .step.active {
  color: #221c35;
  background: #b5dc79;
  border-right: 1px solid #e7f7cf;
}
#process-steps .number {
  padding-right: 10px;
}
#process-steps .process {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
}

/* Filters */
#filters {
  display: flex;
  margin: 0px 0px 20px 0px;
  align-items: center;
  flex-wrap: wrap;
}
#filters .head {
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.8rem;
  min-width: 80px;
  margin-bottom: 10px;
}
#filters .form-select {
  margin-right: 10px;
  background-color: #f8fdef;
  font-weight: 500;
  font-size: 0.8rem;
  max-width: 170px;
  margin-bottom: 10px;
}
#filters .form-control {
  margin-right: 10px;
  background-color: #f8fdef;
  font-weight: 500;
  font-size: 0.8rem;
  max-width: 170px;
  min-width: 100px;
  margin-bottom: 10px;
}
#filters .form-control:last-child {
  margin-right: 0px;
}
#filters .btn {
  min-width: 80px;
  margin-bottom: 10px;
}

/* Pagination */
#pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.8rem;
}
#pagination .btn-white .bi {
  margin-left: 0px;
}
#pagination .current {
  text-decoration: none;
  font-weight: 600;
}

/* Modals */
.modal-body.compact {
  overflow-y: scroll;
  height: 400px;
}

/*****************************************/
/***************** Modules ******************/
/*****************************************/
/* home grid */
#home-grid {
  transition: all 0.25s ease-in;
  margin-bottom: 30px;
}
#home-grid .col {
  position: relative;
}
#home-grid .col a {
  text-decoration: none;
}
#home-grid .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  padding: 20px 5px 5px 5px;
  border-color: white;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.25s ease-in;
}
#home-grid .card .layer-1 {
  padding: 0px 20px;
}
#home-grid .card:hover, #home-grid .card.active {
  border-color: #221c35;
  background: #221c35;
  color: #ffffff;
}
#home-grid .card:hover .code, #home-grid .card.active .code {
  color: #221c35;
}
#home-grid .card.grant.inactive {
  opacity: 0.25;
}
#home-grid .card.grant.inactive:hover {
  border-color: #ffffff;
}
#home-grid .card.task {
  font-size: 1.2rem;
  border-width: 3px;
}
#home-grid .card.task .layer-1 {
  padding: 0px 20px;
}
#home-grid .card.task .bi {
  font-size: 40px;
}
#home-grid .card.task:hover, #home-grid .card.task.active {
  border-color: #221c35;
  background: #ffffff;
  color: #221c35;
}
#home-grid .card.task.inactive {
  opacity: 0.25;
}
#home-grid .card.task.inactive:hover {
  border-color: #ffffff;
}
#home-grid .starter {
  display: none;
}
#home-grid .starter-message {
  padding-top: 50px;
  font-size: 20px;
  font-weight: 700;
  color: #a7a8a9;
  min-height: 150px;
  display: flex;
  justify-content: center;
}
#home-grid .onboarding {
  background: #1b5291;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
#home-grid .activity {
  background: #318345;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
#home-grid .closed {
  background: #b7bdc1;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
#home-grid .sub-grid {
  border: 2px solid #dde0e3;
  padding: 20px 20px 0px 20px;
  border-radius: 6px;
}
#home-grid .indicator {
  position: absolute;
  top: -12px;
  right: 0px;
  z-index: 2;
  border-radius: 50%;
  color: #ffffff;
  height: 30px;
  width: 30px;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}
#home-grid .indicator .bi {
  font-size: 28px !important;
}
#home-grid .indicator.green {
  background: #318345;
}
#home-grid .indicator.orange {
  background: #fd7e14;
}
#home-grid .indicator.red {
  background: #dd1b2d;
}

/* case grid */
#case-grid {
  max-width: 1200px;
  transition: all 0.25s ease-in;
  margin-bottom: 30px;
}
#case-grid .col {
  position: relative;
}
#case-grid .col a {
  text-decoration: none;
}
#case-grid .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  padding: 10px 5px 5px 5px;
  border-color: white;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.25s ease-in;
}
#case-grid .card .layer-1 {
  padding: 0px 20px;
}
#case-grid .card:hover, #case-grid .card.active {
  border-color: #221c35;
  background: #221c35;
  color: #ffffff;
}
#case-grid .card:hover .code, #case-grid .card.active .code {
  color: #221c35;
}
#case-grid .card.add {
  justify-content: center;
}
#case-grid .card.add .bi {
  font-size: 4rem;
}
#case-grid .prelitigation {
  background: #1b5291;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
#case-grid .activity {
  background: #318345;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
#case-grid .closed {
  background: #b7bdc1;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
#case-grid .sub-grid {
  border: 2px solid #dde0e3;
  padding: 20px 20px 0px 20px;
  border-radius: 6px;
}
#case-grid .indicator {
  position: absolute;
  top: -12px;
  right: 0px;
  z-index: 2;
  border-radius: 50%;
  color: #ffffff;
  height: 30px;
  width: 30px;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}
#case-grid .indicator .bi {
  font-size: 28px !important;
}
#case-grid .indicator.green {
  background: #318345;
}
#case-grid .indicator.orange {
  background: #fd7e14;
}
#case-grid .indicator.red {
  background: #dd1b2d;
}

/* reports grid */
#reports-grid {
  max-width: 1200px;
  transition: all 0.25s ease-in;
  margin-bottom: 30px;
}
#reports-grid .col {
  position: relative;
}
#reports-grid .col a {
  text-decoration: none;
}
#reports-grid .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  padding: 10px 5px 5px 5px;
  border-color: white;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.25s ease-in;
}
#reports-grid .card .layer-1 {
  padding: 0px 20px;
}
#reports-grid .card:hover, #reports-grid .card.active {
  border-color: #221c35;
  background: #221c35;
  color: #ffffff;
}
#reports-grid .card:hover .code, #reports-grid .card.active .code {
  color: #221c35;
}
#reports-grid .card.add {
  justify-content: center;
}
#reports-grid .card.add .bi {
  font-size: 4rem;
}
#reports-grid .partner-review {
  background: #1b5291;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
#reports-grid .verified {
  background: #318345;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
#reports-grid .file-review {
  background: #318345;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
#reports-grid .grant-status {
  background: #1b5291;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}
#reports-grid .grant-status .holder {
  padding: 4px 0px;
}
#reports-grid .grant-status .progress {
  background-color: #6888ad;
}
#reports-grid .grant-status .progress .progress-bar {
  background-color: #b5dc79;
}
#reports-grid .sub-grid {
  border: 2px solid #dde0e3;
  padding: 20px 20px 0px 20px;
  border-radius: 6px;
  margin-bottom: 30px;
}
#reports-grid .sub-grid.fluid {
  width: fit-content;
}
#reports-grid .indicator {
  position: absolute;
  top: -12px;
  right: 0px;
  z-index: 2;
  border-radius: 50%;
  color: #ffffff;
  height: 30px;
  width: 30px;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}
#reports-grid .indicator .bi {
  font-size: 28px !important;
}
#reports-grid .indicator.green {
  background: #318345;
}
#reports-grid .indicator.orange {
  background: #fd7e14;
}
#reports-grid .indicator.red {
  background: #dd1b2d;
}

/* Guidance */
#guidance .card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  padding: 20px 5px 5px 5px;
  border-color: white;
  background: #ffffff;
  cursor: auto;
}
#guidance .card h3 {
  text-align: left;
  padding: 0px 8px;
  min-height: 60px;
  margin-bottom: 0px;
}
#guidance .card .layer-1 {
  padding: 0px 0px;
}
#guidance .card:hover, #guidance .card.active {
  border-color: #ffffff;
  background: #ffffff;
  color: #221c35;
}
#guidance .card a.item {
  display: flex;
  justify-content: space-between;
  padding: 15px 5px 15px 30px;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1rem;
  text-align: left;
  border-top: 1px solid #dde0e3;
  background: url(../img/icons/arrow-right-circle.svg) no-repeat;
  background-size: 13px;
  background-position: 10px 16px;
}
#guidance .card a.item .bi {
  padding: 0px 5px 0px 0px;
}
#guidance .card a.item:hover {
  background: #e7f7cf url(../img/icons/arrow-right-circle.svg) no-repeat;
  background-size: 13px;
  background-position: 10px 16px;
}
#guidance .card a.item .layer-2 {
  display: flex;
  align-items: flex-start;
}
#guidance .card a.item .layer-2 img {
  width: 17px;
  padding-right: 4px;
  padding-top: 1px;
}

/* Grants */
.grant-record {
  background: #ffffff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1);
}
.grant-record .grant {
  padding: 0px 40px 0px 20px;
}
.grant-record .preferences {
  display: flex;
  align-items: center;
  padding: 0px 40px;
  border-left: 1px solid #dde0e3;
}
.grant-record .preferences .form-check {
  margin-bottom: 20px;
}
.grant-record .preferences label {
  font-size: 1.2rem;
}

/* reports */
#reports .reports-holder {
  max-width: 1920px;
  padding-left: 60px;
  width: calc(100% - 257px);
}

.sb-sidenav-toggled #reports .reports-holder {
  max-width: 1920px;
  padding-left: 60px;
  width: calc(100% - 0px);
}

@media (max-width: 767px) {
  #reports .reports-holder {
    max-width: 1920px;
    padding-left: 60px;
    width: calc(100% - 0px);
  }
}

/*# sourceMappingURL=custom.css.map */

.validation-error{
    background-color: red !important;
}