.private-home-page h2 {
  color: #152850;
}
.private-home-page .blue-honeycomb {
  background-color: #AFE0F0;
  background-image: radial-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px);
  background-size: 8px 8px;
  background-repeat: repeat;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 0.75rem 1rem;
}
.private-home-page .annual-meeting-strip {
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.private-home-page .annual-meeting-strip .strip-label {
  color: #0f222f;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-right: 0.35rem;
  font-size: 16px;
}
.private-home-page .annual-meeting-strip .strip-title {
  font-weight: 600;
  color: #0f222f;
}
.private-home-page .annual-meeting-strip .strip-meta {
  color: #0f222f;
}
.private-home-page .annual-meeting-strip .strip-action .btn {
  white-space: nowrap;
  font-weight: 600;
}
.private-home-page .status-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;
}
.private-home-page .status-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #05af55;
  display: inline-block;
  margin-right: 10px;
  border: 2px solid #f8fafc;
  -webkit-box-shadow: 0 0 0 2px #b7e6c3;
          box-shadow: 0 0 0 2px #b7e6c3;
  -webkit-animation: status-dot-pulse 1.6s infinite;
          animation: status-dot-pulse 1.6s infinite;
}
@-webkit-keyframes status-dot-pulse {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
  }
  40% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
  }
  70% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
  }
}
@keyframes status-dot-pulse {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
  }
  40% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
  }
  70% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
  }
}
.private-home-page .calendar-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 18px 4px rgba(90, 141, 193, 0.22);
          box-shadow: inset 0 0 18px 4px rgba(90, 141, 193, 0.22);
  overflow: hidden;
  height: 100%;
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  background-color: #eaf1f6;
}
@charset "UTF-8";
.list-management-page {
  font-size: 14px;
}
.list-management-page .container {
  max-width: 90vw !important;
}
.list-management-page #loaded-content {
  margin-bottom: 10rem;
}
.list-management-page #loaded-content #list-management-content {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
.list-management-page #loaded-content #pick-list-content {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
.list-management-page #loaded-content #deliverables-content {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
.list-management-page .revampp-blue-btn {
  background-color: #05af55;
  color: white;
  font-size: 14px;
  font-weight: 600;
  padding: 0.25rem 1.5rem;
  border-radius: 0;
  border: none;
  text-decoration: none;
}
.list-management-page .revampp-blue-btn:hover {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
}
.list-management-page .revampp-blue-btn.disabled {
  cursor: default;
}
.list-management-page .revampp-blue-btn.disabled:hover {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
.list-management-page .revampp-white-btn {
  background-color: white;
  color: #10426c;
  font-size: 14px;
  font-weight: 600;
  padding: 0.25rem 1.5rem;
  border: 1px solid #10426c;
  border-radius: 0;
  text-decoration: none;
}
.list-management-page .revampp-white-btn:hover {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
}
.list-management-page .revampp-white-btn.disabled {
  cursor: default;
}
.list-management-page .revampp-white-btn.disabled:hover {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
.list-management-page .nav-tabs .nav-link {
  color: #0f222f;
  border-radius: 0;
}
.list-management-page .nav-tabs .active {
  background-color: #0f222f;
  color: white;
  font-weight: 600;
  text-decoration: none;
}
.list-management-page .filter-label {
  font-size: 12px;
  color: black;
  font-weight: 400;
}
.list-management-page #list-filter-container {
  border: 1px solid #dee2e6;
  padding: 10px 15px;
  background-color: #f8f8f8;
}
.list-management-page #list-filter-container .dropdown {
  border: 1px solid #909090;
}
.list-management-page #list-filter-container .dropdown .dropdown-toggle {
  background: white;
}
.list-management-page #list-filter-container .filter-option {
  font-size: 12px !important;
}
.list-management-page #list-filter-container input[type=date] {
  padding: 0.2rem 0.75rem;
  background: white;
  margin: 0;
  border: 1px solid #909090;
}
.list-management-page .list-item-selector-container .list-item-selector-dropdown {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
  background: white;
}
.list-management-page .list-item-selector-container .list-item-selector-dropdown .list-item-text:before {
  content: "▶  ";
  padding-right: 5px;
}
.list-management-page .list-item-selector-container .list-item-selector-dropdown.open {
  font-weight: bold;
}
.list-management-page .list-item-selector-container .list-item-selector-dropdown.open .list-item-text:before {
  content: "▼  ";
}
.list-management-page .list-item-selector-container .list-item-collapse .list-item-selector {
  padding-left: 2.5rem;
  border-bottom: 1px solid #ced4da;
  background: #f8f8f8;
}
.list-management-page .list-item-selector-container .list-item-collapse .list-item-selector.active {
  background: #05af55;
  border-bottom: 1px solid #eaeaea;
}
.list-management-page .list-item-selector-container .list-item-selector {
  color: #0f222f;
  border-bottom: 1px solid #eaeaea;
  padding: 0.5rem 1rem;
  background: white;
  cursor: pointer;
  text-decoration: underline;
}
.list-management-page .list-item-selector-container .list-item-selector.active {
  color: white;
  background: #05af55;
  border: none;
  text-decoration: none;
  font-weight: bold;
}
.list-management-page .list-item-selector-container .list-item-selector.active.list-item-number-pill .item-text {
  text-decoration: none;
}
.list-management-page .list-item-selector-container .list-item-selector.active.list-item-number-pill .number-pill {
  color: #0f222f;
  background: white;
}
.list-management-page .list-item-selector-container .list-item-selector.list-item-number-pill {
  text-decoration: none;
}
.list-management-page .list-item-selector-container .list-item-selector.list-item-number-pill .item-text {
  text-decoration: underline;
}
.list-management-page .list-item-selector-container .list-item-selector.list-item-number-pill .number-pill {
  color: white;
  background: #10426c;
  padding: 0px 0.75rem;
  border-radius: 30px;
  font-weight: bold;
  text-decoration: none;
}
.list-management-page #list-management-content #list-title {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #0f222f;
  font-weight: 600;
}
.list-management-page #selected-items-block .selected-items-text {
  border: 1px solid grey;
  margin: auto;
  padding: 5px 10px;
  border-radius: 5px 0 0 5px;
  color: black;
}
.list-management-page #selected-items-block .selected-items-text .clear-selected-btn {
  color: red;
  cursor: pointer;
}
.list-management-page #selected-items-block .selected-items-text .clear-selected-btn:hover {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
}
.list-management-page .revampp-btn-dropdown button {
  background: white;
  color: #10426c;
  border-color: #10426c;
  font-size: 13px;
  font-weight: bold;
}
.list-management-page .revampp-btn-dropdown button:hover {
  color: #0f222f;
  background: #eaeaea;
}
.list-management-page .revampp-btn-dropdown.show button {
  background: #0f222f;
  color: white;
  border-color: #0f222f;
  font-size: 13px;
}
.list-management-page .revampp-dropdown-menu {
  font-size: 13px;
  border-radius: 0;
  -webkit-box-shadow: 3px 3px 6px #eaeaea;
          box-shadow: 3px 3px 6px #eaeaea;
}
.list-management-page .revampp-dropdown-menu hr {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.list-management-page .revampp-dropdown-menu .dropdown-item {
  text-decoration: none;
  cursor: pointer;
}
.list-management-page .revampp-dropdown-menu .dropdown-item .dropdown-icon {
  color: #10426c;
  width: 18px;
}
.list-management-page .revampp-dropdown-menu .dropdown-item .dropdown-icon.red-icon {
  color: #dc3545;
}
.list-management-page .table-column-icon {
  min-width: 26px;
  width: 26px;
}
.list-management-page .table-column-xs {
  min-width: 50px;
  width: 50px;
  max-width: 50px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.list-management-page .table-column-sm {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.list-management-page .table-column-md {
  min-width: 250px;
  width: 250px;
  max-width: 250px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.list-management-page .table-column-lg {
  min-width: 400px;
  width: 400px;
  max-width: 400px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.list-management-page .revampp-active-block {
  margin: auto;
  width: 65px;
  background: #10426c;
  border: 1px solid #10426c;
  color: white;
  font-weight: bold;
}
.list-management-page .revampp-inactive-block {
  margin: auto;
  width: 65px;
  background: white;
  border: 1px solid #10426c;
  color: #10426c;
  font-weight: bold;
}
.list-management-page .revampp-unknown-block {
  margin: auto;
  width: 65px;
  background: gray;
  border: 1px solid white;
  color: white;
  font-weight: bold;
}
.list-management-page .revampp-hidden-block {
  margin: auto;
  width: 65px;
  background: white;
  border: 1px solid gray;
  color: gray;
  font-weight: bold;
}
.list-management-page .revampp-review-block {
  margin: auto;
  width: 65px;
  background: #0f222f;
  border: 1px solid gray;
  color: white;
  font-weight: bold;
}
.list-management-page .dataTables_filter {
  display: block !important;
}
.list-management-page .dataTables_filter label {
  font-size: 12px;
  width: 100%;
  line-height: 1.5;
}
.list-management-page .dataTables_filter label input {
  margin-left: 0 !important;
  display: block !important;
  width: 100% !important;
  padding: 1rem 0.75rem;
  border: 1px solid #909090;
  border-radius: 0;
}
.list-management-page .dataTables_scrollBody {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.list-management-page .revampp-datatable .dropdown {
  border: 1px solid #909090;
}
.list-management-page .revampp-datatable input[type=checkbox] {
  accent-color: #10426c;
  height: 15px;
  cursor: pointer;
}
.list-management-page .revampp-datatable thead .item-detail-button {
  min-width: 26px;
}
.list-management-page .revampp-datatable thead .item-select-option {
  min-width: 15px;
}
.list-management-page .revampp-datatable thead .item-select-option .form-check {
  padding: 0;
}
.list-management-page .revampp-datatable thead .item-select-option .form-check .form-check-input {
  margin-top: -18px;
  margin-left: 1px;
}
.list-management-page .revampp-datatable tbody .item-select-option .form-check {
  padding: 0;
}
.list-management-page .revampp-datatable tbody .item-select-option .form-check .form-check-input {
  margin-top: -8px;
  padding: 0;
}
.list-management-page .revampp-datatable tbody tr .detail-btn-container .dropright .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.list-management-page .revampp-datatable tbody tr .detail-btn-container .dropright .dropdown-toggle::after {
  display: none !important;
}
.list-management-page .revampp-datatable tbody tr .detail-btn-container .dropright .item-detail-button div {
  visibility: hidden;
  border-radius: 13px;
  background: white;
  border: 1px solid #0f222f;
  width: 26px;
  color: #0f222f;
}
.list-management-page .revampp-datatable tbody tr .detail-btn-container .dropright .item-detail-button div:hover {
  cursor: pointer;
  background: #b1e2f2;
}
.list-management-page .revampp-datatable tbody tr .detail-btn-container .dropright.show .item-detail-button div {
  visibility: visible;
  background: #0f222f;
  border: 1px solid #eaeaea;
  color: white;
}
.list-management-page .revampp-datatable tbody tr.even:hover, .list-management-page .revampp-datatable tbody tr.odd:hover {
  -webkit-box-shadow: inset 0px -1px #0f222f !important;
          box-shadow: inset 0px -1px #0f222f !important;
}
.list-management-page .revampp-datatable tbody tr.even:hover td, .list-management-page .revampp-datatable tbody tr.odd:hover td {
  border-bottom: 1px solid #0f222f;
}
.list-management-page .revampp-datatable tbody tr.even:hover .item-detail-button div, .list-management-page .revampp-datatable tbody tr.odd:hover .item-detail-button div {
  visibility: visible !important;
}
.list-management-page .revampp-datatable .row-selected {
  background-color: #b1e2f2 !important;
  -webkit-box-shadow: inset 0px -1px #b1e2f2, inset 0px 1px #b1e2f2;
          box-shadow: inset 0px -1px #b1e2f2, inset 0px 1px #b1e2f2;
}
.list-management-page .revampp-datatable .row-selected td {
  -webkit-box-shadow: inset 0 0 0 9999px #b1e2f2 !important;
          box-shadow: inset 0 0 0 9999px #b1e2f2 !important;
}
.list-management-page #pick-list-content .content-title {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #0f222f;
  font-weight: 600;
}
.list-management-page #pick-list-content .dropdown-toggle {
  border: 1px solid #ced4da;
  background: white;
}
.list-management-page #pick-list-content .dropdown-toggle.is-valid {
  border: 1px solid #28a745;
}
.list-management-page #pick-list-content .dropdown-toggle.is-invalid {
  border: 1px solid #dc3545;
}
.list-management-page #pick-list-content label {
  color: black;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.list-management-page #pick-list-content label.required::after {
  content: " *";
  color: #dc3545;
}
.list-management-page #pick-list-content .section-title {
  margin-bottom: 0.75rem;
  font-size: 20px;
}
.list-management-page #pick-list-content .section-title::after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: #10426c;
  margin-top: 0.25rem;
}
.list-management-page #pick-list-content #selected-pick-list-container {
  background: #F8F9FA;
  border: 1px solid gray;
  padding: 1rem;
}
.list-management-page #pick-list-content #selected-pick-list-container #pick-list-options-table-container {
  background: white;
  border: 1px solid gray;
  max-height: 250px;
  overflow-y: auto;
}
.list-management-page #pick-list-content #selected-pick-list-container #pick-list-options-table-container .pick-list-option-table-item {
  margin: 10px 15px;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #10426c;
  cursor: pointer;
}
.list-management-page #pick-list-content #selected-pick-list-container #pick-list-options-table-container .pick-list-option-table-item.active {
  font-weight: bold;
}
.list-management-page #pick-list-content #selected-pick-list-container #pick-list-options-table-container .pick-list-option-table-item.active::before {
  content: "• ";
  color: #10426c;
}
.list-management-page #pick-list-content #selected-pick-list-container #pick-list-options-table-container .pick-list-option-table-item:hover {
  color: black;
}
.list-management-page #pick-list-modal #pick-list-modal-form-section {
  border: 1px solid gray;
  padding: 1rem;
  background: #F8F9FA;
}
.list-management-page #pick-list-modal #pick-list-modal-form-section label {
  color: black;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.list-management-page #pick-list-modal #pick-list-modal-form-section label.required::after {
  content: " *";
  color: #dc3545;
}
.list-management-page #pick-list-modal .saving-modal-block {
  min-height: unset;
}
.list-management-page #pick-list-modal #error-helper-text {
  color: #dc3545;
}
@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.user-directory-page {
  /* Tooltip text */
  /* Show the tooltip text when you mouse over the tooltip container */
}
.user-directory-page .othertooltip {
  position: relative;
  display: inline-block;
  color: #032b43;
  margin-left: 3px;
}
.user-directory-page .othertooltip .othertooltiptext {
  visibility: hidden;
  background-color: #032b43;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  margin-left: 7px;
  display: inline-block;
  white-space: nowrap;
}
.user-directory-page .othertooltip:hover .othertooltiptext {
  visibility: visible;
}
.user-directory-page .othertooltip .othertooltiptext::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #032b43 transparent transparent;
}
.user-directory-page .table-container {
  -webkit-transition: 300ms linear;
  transition: 300ms linear;
  margin-left: auto;
}
.user-directory-page .collapse-button {
  margin-top: 40px;
  margin-bottom: -64px;
  z-index: 20;
  position: relative;
  height: 34px;
  width: 85px;
}
.user-directory-page .collapse-button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-directory-page .reset-filters {
  height: 34px;
}
.user-directory-page .truncated-select {
  margin-left: 100px;
}
.user-directory-page .filter-spacer {
  margin-top: 49px;
  margin-bottom: -1px;
}
.user-directory-page .primary-heading {
  margin-bottom: -20px;
}
.user-directory-page .animation-container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-directory-page .container {
  max-width: 90vw !important;
}
.user-directory-page .filter-section .expandable-item button.toggle-button {
  position: relative;
  font-family: "Proxima-Nova";
  font-weight: 700;
  font-size: 1rem;
  color: #10426c;
  border: 1px solid #c1c1c1;
  border-radius: 0;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
}
.user-directory-page .filter-section .expandable-item button.toggle-button::after {
  position: absolute;
  right: 1rem;
  bottom: calc(50% - 0.75rem);
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23707070'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.user-directory-page .filter-section .expandable-item button.toggle-button:not(.collapsed)::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.user-directory-page .filter-section .expandable-item .expandable-content {
  margin-left: 5%;
  width: 95%;
  border: 1px solid #c1c1c1;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
.user-directory-page .filter-section .expandable-item .expandable-content .expandable-content-wrapper {
  padding: 2.5rem;
}
.user-directory-page .filter-section .expandable-item .expandable-content li::marker {
  color: #0f222f;
}
.user-directory-page .filter-section .expandable-item .toggle-button {
  font-size: 0.9rem;
  padding: 0.75rem 40px 0.75rem 1rem;
}
.user-directory-page .filter-section .expandable-item .toggle-button::after {
  right: 16px;
  bottom: calc(50% - 0.5rem);
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.user-directory-page .filter-section .expandable-item .expandable-content {
  border: 1px solid #c1c1c1;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-directory-page .filter-section .expandable-item .expandable-content .expandable-content-wrapper {
  padding: 0 0.5rem 0 0.5rem;
}
.user-directory-page .filter-section .revampp-sidebar-green::before {
  content: "";
  height: 100%;
  width: 8px;
  background-color: #05af55;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.user-directory-page .filter-label {
  font-size: 12px;
  font-weight: 400;
}
.user-directory-page .filter-option {
  font-size: 12px !important;
}
.user-directory-page .dropdown {
  border: 1px solid #909090;
}
.user-directory-page .dtfc-right-top-blocker {
  background-color: transparent !important;
}
.user-directory-page div .dataTables_wrapper div.dataTables_filter {
  display: block;
}
.user-directory-page div .dataTables_wrapper div.dataTables_filter label {
  font-size: 12px;
  line-height: 1.5;
  width: 100%;
  margin-bottom: 0;
}
.user-directory-page div .dataTables_wrapper div.dataTables_filter input {
  margin-left: 0;
  display: block;
  width: 100%;
  padding: 1rem 0.75rem;
  border: 1px solid #909090;
  border-radius: 0;
}
.user-directory-page .revampp-datatable .table-column-sm {
  min-width: 130px;
  width: 130px;
}
.user-directory-page .revampp-datatable .table-column-md {
  min-width: 250px;
  width: 250px;
}
.user-directory-page .revampp-datatable .table-column-lg {
  min-width: 400px;
  width: 400px;
}
.user-directory-page .revampp-datatable .table-column-xl {
  white-space: nowrap;
}
.user-directory-page .revampp-datatable .user-icon a {
  font-size: 14px;
  color: #10426c;
}
.user-directory-page .revampp-datatable td {
  padding: 0.5rem 0.75rem;
}
.user-directory-page .revampp-datatable .dt-buttons {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.user-directory-page .bootstrap-select .dropdown-menu {
  min-width: unset;
}
.user-directory-page .revampp-dropdown-menu {
  font-size: 13px;
  border-radius: 0;
  -webkit-box-shadow: 3px 3px 6px #eaeaea;
          box-shadow: 3px 3px 6px #eaeaea;
}
.user-directory-page .revampp-dropdown-menu hr {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.user-directory-page .revampp-dropdown-menu .dropdown-item {
  text-decoration: none;
  cursor: pointer;
}
.user-directory-page .revampp-dropdown-menu .dropdown-item .dropdown-icon {
  color: #10426c;
  width: 18px;
}
.user-directory-page .user-name-select {
  border: none;
  background: transparent;
  color: #10426c;
}
.user-directory-page .user-name-select .underline {
  text-decoration: underline;
}
.user-directory-page .blue-icon {
  color: #10426c;
}
@charset "UTF-8";
.project-manager-dashboard-page .container {
  max-width: 90vw !important;
}
.project-manager-dashboard-page .pm-accordion-title {
  font-size: 18px;
  font-weight: 600;
}
.project-manager-dashboard-page .accordion .accordion-header {
  padding: 0.75rem;
  background-color: #10426c;
  color: white;
}
.project-manager-dashboard-page .accordion .accordion-header .accordion-title {
  font-size: 16px;
}
.project-manager-dashboard-page .accordion .accordion-header .arrow {
  font-size: 16px;
}
.project-manager-dashboard-page .accordion .card-body {
  border: 5px solid #10426c;
}
.project-manager-dashboard-page .accordion .card-body .pm-inner-title {
  color: #10426c;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0.25rem;
}
.project-manager-dashboard-page .accordion .card-body .pm-innter-secondary-title {
  font-size: 14px;
  font-style: italic;
}
.project-manager-dashboard-page .accordion .card-body .pm-section-label {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.project-manager-dashboard-page .accordion .card-body .inner-card-btn {
  font-size: 14px;
  padding: 0.3rem 0.75rem;
  font-weight: 600;
  text-align: center;
  min-width: 168px;
}
.project-manager-dashboard-page .section-title {
  font-size: 22px;
  color: black;
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .project-manager-dashboard-page .section-title {
    margin-top: 15px;
    margin-bottom: 0;
  }
}
.project-manager-dashboard-page .error-msg {
  font-size: 14px;
  color: #dc3545;
  font-weight: 500;
  padding: 0 1rem;
}
.project-manager-dashboard-page #pm-nav-tabs .nav-link {
  color: #0f222f;
  border-bottom: 1px solid #eaeaea;
  padding: 0.5rem 1rem;
  background: white;
  cursor: pointer;
  text-decoration: underline;
  border-radius: 0;
}
.project-manager-dashboard-page #pm-nav-tabs .nav-link.active, .project-manager-dashboard-page #pm-nav-tabs .nav-pills .show > .nav-link {
  color: white;
  background: #05af55;
  border: none;
  text-decoration: none;
  font-weight: bold;
}
.project-manager-dashboard-page .revampp-blue-btn {
  background-color: #05af55;
  color: white;
  font-size: 14px;
  font-weight: 600;
  padding: 0.25rem 1.5rem;
  border-radius: 0;
  text-decoration: none;
}
.project-manager-dashboard-page .revampp-blue-btn:hover {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
}
.project-manager-dashboard-page .revampp-blue-btn.disabled {
  cursor: default;
}
.project-manager-dashboard-page .revampp-blue-btn.disabled:hover {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
.project-manager-dashboard-page .revampp-white-btn {
  background-color: white;
  color: #10426c;
  font-size: 14px;
  font-weight: 600;
  padding: 0.25rem 1.5rem;
  border: 1px solid #10426c;
  border-radius: 0;
  text-decoration: none;
}
.project-manager-dashboard-page .revampp-white-btn:hover {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
}
.project-manager-dashboard-page .revampp-white-btn.disabled {
  cursor: default;
}
.project-manager-dashboard-page .revampp-white-btn.disabled:hover {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
.project-manager-dashboard-page .caution-icon {
  color: #eed202;
}
.project-manager-dashboard-page .add-icon {
  color: #05af55;
}
.project-manager-dashboard-page .remove-icon {
  color: #dc3545;
}
.project-manager-dashboard-page #loaded-content {
  margin-bottom: 10rem;
}
.project-manager-dashboard-page #loaded-content #pm-users-tab-content-container {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
.project-manager-dashboard-page #loaded-deliverables-content {
  margin-bottom: 10rem;
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
.project-manager-dashboard-page #review-new-user-modal .sections-block-container {
  max-height: 63vh;
}
.project-manager-dashboard-page #pm-users-tab .nav-link {
  color: #10426c;
  background: white;
  border: 2px solid #10426c;
  font-weight: 500;
}
.project-manager-dashboard-page #pm-users-tab .nav-link .number-pill {
  color: white;
  background: #10426c;
  padding: 0px 0.75rem;
  border-radius: 30px;
  font-weight: bold;
}
.project-manager-dashboard-page #pm-users-tab .nav-link.active {
  color: white;
  background: #10426c;
  border: 2px solid #0f222f;
  font-weight: 600;
}
.project-manager-dashboard-page #pm-users-tab .nav-link.active .number-pill {
  color: #10426c;
  background: white;
}
.project-manager-dashboard-page .revampp-btn-dropdown button {
  background: white;
  color: #10426c;
  border-color: #10426c;
  font-size: 13px;
  font-weight: bold;
}
.project-manager-dashboard-page .revampp-btn-dropdown button:hover {
  color: #0f222f;
  background: #eaeaea;
}
.project-manager-dashboard-page .revampp-btn-dropdown.show button {
  background: #0f222f;
  color: white;
  border-color: #0f222f;
  font-size: 13px;
}
.project-manager-dashboard-page .revampp-dropdown-menu {
  font-size: 13px;
  border-radius: 0;
  -webkit-box-shadow: 3px 3px 6px #eaeaea;
          box-shadow: 3px 3px 6px #eaeaea;
}
.project-manager-dashboard-page .revampp-dropdown-menu hr {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.project-manager-dashboard-page .revampp-dropdown-menu .dropdown-item {
  text-decoration: none;
  cursor: pointer;
}
.project-manager-dashboard-page .revampp-dropdown-menu .dropdown-item .dropdown-icon {
  color: #10426c;
  width: 18px;
}
.project-manager-dashboard-page .table-column-md {
  min-width: 250px;
  width: 250px;
}
.project-manager-dashboard-page .revampp-active-block {
  margin: auto;
  width: 125px;
  background: #10426c;
  border: 1px solid #10426c;
  color: white;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.project-manager-dashboard-page .revampp-inactive-block {
  margin: auto;
  width: 125px;
  background: white;
  border: 1px solid #10426c;
  color: #10426c;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.project-manager-dashboard-page .revampp-unknown-block {
  margin: auto;
  width: 125px;
  background: gray;
  border: 1px solid white;
  color: white;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.project-manager-dashboard-page .revampp-hidden-block {
  margin: auto;
  width: 125px;
  background: white;
  border: 1px solid gray;
  color: gray;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.project-manager-dashboard-page .revampp-review-block {
  margin: auto;
  width: 125px;
  background: #0f222f;
  border: 1px solid gray;
  color: white;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.project-manager-dashboard-page .filter-label {
  font-size: 12px;
  color: black;
  font-weight: 400;
}
.project-manager-dashboard-page #list-filter-tab-container .nav-tabs .nav-link {
  color: #0f222f;
  border-radius: 0;
}
.project-manager-dashboard-page #list-filter-tab-container .nav-tabs .active {
  background-color: #0f222f;
  color: white;
  font-weight: 600;
  text-decoration: none;
}
.project-manager-dashboard-page .pm-filters-block {
  border: 1px solid #dee2e6;
  padding: 10px 15px;
  background-color: #f8f8f8;
}
.project-manager-dashboard-page .pm-filters-block .dropdown {
  border: 1px solid #909090;
}
.project-manager-dashboard-page .pm-filters-block .dropdown .dropdown-toggle {
  background: white;
}
.project-manager-dashboard-page .pm-filters-block .filter-option {
  font-size: 12px !important;
}
.project-manager-dashboard-page .pm-filters-block input[type=date] {
  padding: 0.2rem 0.75rem;
  background: white;
  margin: 0;
  border: 1px solid #909090;
}
.project-manager-dashboard-page .dataTables_filter {
  display: block !important;
}
.project-manager-dashboard-page .dataTables_filter label {
  font-size: 12px;
  width: 100%;
  line-height: 1.5;
}
.project-manager-dashboard-page .dataTables_filter label input {
  margin-left: 0 !important;
  display: block !important;
  width: 100% !important;
  padding: 1rem 0.75rem;
  border: 1px solid #909090;
  border-radius: 0;
}
.project-manager-dashboard-page .dataTables_scrollBody {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.project-manager-dashboard-page .revampp-datatable .dropdown {
  border: 1px solid #909090;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table thead .item-detail-button {
  min-width: 26px;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table tbody tr .detail-btn-container .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table tbody tr .detail-btn-container .dropright .dropdown-toggle {
  border: none;
  background: none;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table tbody tr .detail-btn-container .dropright .dropdown-toggle::after {
  display: none !important;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table tbody tr .detail-btn-container .dropright .dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table tbody tr .detail-btn-container .dropright .item-detail-button div {
  visibility: hidden;
  border-radius: 13px;
  background: white;
  border: 1px solid #0f222f;
  width: 26px;
  color: #0f222f;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table tbody tr .detail-btn-container .dropright .item-detail-button div:hover {
  cursor: pointer;
  background: #b1e2f2;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table tbody tr .detail-btn-container .dropright.show .item-detail-button div {
  visibility: visible;
  background: #0f222f;
  border: 1px solid #eaeaea;
  color: white;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table tbody tr:hover {
  -webkit-box-shadow: inset 0px -1px #0f222f !important;
          box-shadow: inset 0px -1px #0f222f !important;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table tbody tr:hover td {
  border-bottom: 1px solid #0f222f;
}
.project-manager-dashboard-page .revampp-datatable .detail-menu-table tbody tr:hover .item-detail-button div {
  visibility: visible !important;
}
.project-manager-dashboard-page .revampp-datatable .row-select tbody tr:hover {
  background-color: #b1e2f2;
  cursor: pointer;
}
.project-manager-dashboard-page .revampp-datatable .row-select tbody tr:hover td {
  background-color: #b1e2f2;
}
@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.project-manager-dashboard-page .collapse-table-container .collapse-table-button {
  cursor: pointer;
  border-bottom: 2px solid #0f222f;
}
.project-manager-dashboard-page .collapse-table-container .collapse-table-button .collapse-table-title {
  font-size: 18px;
  font-weight: 600;
  color: #0f222f;
}
.project-manager-dashboard-page .collapse-table-container .collapse-table-button .collapse-table-title::before {
  content: "▼ ";
}
.project-manager-dashboard-page .collapse-table-container .collapse-table-button.collapsed .collapse-table-title::before {
  content: "▶ ";
}
.project-manager-dashboard-page .collapse-table-container .list-table-container {
  margin-top: 0.5rem !important;
}
.data-sharing-hub {
  /* Expanded container */
  /* -WRAP ITEMS ON PAGE-------- */
  /* ---SIDE NAV MENU---------------------------------- */
  /* --SPACING FOR ICONS------- */
  /* ---ACCORDION------------ */
  /* Styles for NIAID accordion */
  /* Styles for Data Sharing accordion */
  /* Styles for General FAQs accordion */
  /* ---MEDIA QUERIES----- */
  /*Buttons in Table*/
}
.data-sharing-hub .container {
  min-width: 80vw !important;
  /* --PUSHED TO SIDE for MENU --------- */
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .data-sharing-hub .container {
    min-width: unset;
    padding-left: 1rem;
  }
}
.data-sharing-hub .citation {
  color: grey;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 5px;
}
.data-sharing-hub .colorbg {
  background-image: url(/dist/images/blue_honeycomb.674258e9c164045b4f6d767a75195bd1.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.data-sharing-hub .nav-tabs .nav-link {
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
}
.data-sharing-hub .nav-link {
  margin-right: 4px;
  background-color: white;
  -webkit-box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
}
.data-sharing-hub .nav-tabs .nav-link.active {
  background-color: #05af55;
  color: white;
}
.data-sharing-hub .accordion-header {
  background-color: #e8e8e8;
  color: #10426c;
  margin-bottom: 0px;
}
.data-sharing-hub section {
  padding: 70px 0 0 0;
  padding-bottom: 0px !important;
}
.data-sharing-hub div .dataTables_wrapper div.dataTables_filter label {
  margin-right: 30px;
}
.data-sharing-hub .nowrap {
  white-space: pre-wrap !important;
}
.data-sharing-hub table {
  width: 100%;
  border-collapse: collapse;
  color: #152850;
}
.data-sharing-hub table .red-register-icon {
  color: #dc3545;
}
.data-sharing-hub table .green-register-icon {
  color: #05af55;
}
.data-sharing-hub table .yellow-register-icon {
  color: #fcb316;
}
.data-sharing-hub th, .data-sharing-hub td {
  padding: 8px 16px;
  text-align: left;
  font-size: 12px;
}
.data-sharing-hub th {
  background-color: #11416c;
  color: white;
}
.data-sharing-hub a {
  font-weight: 600;
}
.data-sharing-hub a:hover {
  color: #11416c;
}
.data-sharing-hub a:active {
  color: #11416c;
}
.data-sharing-hub tr:hover {
  background-color: lightblue; /* Highlight color on hover */
}
.data-sharing-hub .sticky-menu {
  position: fixed;
  top: 280px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1000;
}
.data-sharing-hub .left-menu {
  left: 2.8%;
}
.data-sharing-hub .nav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Align items vertically */
  background-color: #11416c; /* Blue background */
  color: white; /* White text color */
  text-decoration: none;
  padding: 10px 11.5px; /* updated spacing*/
  border-radius: 25px; /* Rounded corners to circle */
  margin: 10px 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s; /* Transition for smooth expansion */
  -webkit-transition: max-width 0.3s;
  transition: max-width 0.3s;
  width: 40px; /* Initial width for icon only */
  max-width: 40px;
  height: 40px; /* Ensure height for circle */
  overflow: hidden; /* Hide overflow */
  font-weight: 600;
  border: solid 2px white;
}
.data-sharing-hub .nav-items span {
  display: none; /* Hide the text initially */
  opacity: 0; /* Make text invisible */
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; /* Transition for fade-in effect */
}
.data-sharing-hub .nav-items:hover {
  width: auto;
  max-width: 400px;
  padding-left: 15px; /* Add space for text */
  border-radius: 25px; /* Rounded corners when expanded */
  background-color: #05af55;
  color: white;
}
.data-sharing-hub .nav-items:hover span {
  display: inline; /* Show the text on hover */
  opacity: 1; /* Fade in the text */
  font-size: 14px;
  text-align: left;
  color: white;
  white-space: nowrap;
}
.data-sharing-hub .circle {
  background-color: #11416c; /* Blue background */
  border-radius: 50%; /* Make it circular */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Center the icon */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center the icon */
  margin-right: 10px; /* Space between icon and text */
  background-color: transparent;
}
.data-sharing-hub .accordion-button {
  position: relative;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
}
.data-sharing-hub .accordion-body {
  font-size: 14px;
  padding: 1rem;
  background-color: white; /*Added white bg*/
}
.data-sharing-hub .accordion-item {
  border: solid 2px #e8e8e8;
  margin-bottom: 10px;
  -webkit-box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
}
.data-sharing-hub .accordion {
  padding-top: 0px;
}
.data-sharing-hub .niaid-accordion .accordion-button::after {
  content: "";
  position: absolute;
  right: 15px; /* Position the triangle */
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #11416c; /* Triangle pointing up */
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.data-sharing-hub .niaid-accordion .accordion-button.collapsed::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); /* Rotate to point down */
}
.data-sharing-hub .data-sharing-accordion .accordion-button::after {
  content: "";
  position: absolute;
  right: 15px; /* Position the triangle */
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid #e8e8e8;
  border-right: 5px solid #e8e8e8;
  border-top: 8px solid black; /* Triangle pointing up */
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.data-sharing-hub .data-sharing-accordion .accordion-button.collapsed::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); /* Rotate to point down */
}
.data-sharing-hub .general-faqs-accordion .accordion-button::after {
  content: "";
  position: absolute;
  right: 15px; /* Position the triangle */
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid black; /* Triangle pointing up */
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.data-sharing-hub .general-faqs-accordion .accordion-button.collapsed::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); /* Rotate to point down */
}
@media (max-width: 600px) {
  .data-sharing-hub td {
    display: block; /* Stack td elements vertically */
    width: 100%; /* Full width */
    position: relative; /* Positioning for pseudo-elements */
  }
  .data-sharing-hub thead {
    display: none;
  }
  .data-sharing-hub tr:hover {
    background-color: transparent; /* Remove Highlight color on hover on Mobile */
  }
  .data-sharing-hub td[data-label="Repository:"] {
    font-weight: bold; /* Example: make the label bold */
    background-color: lightgrey; /* Example: change the color */
  }
  .data-sharing-hub td:before {
    content: attr(data-label); /* Use the data-label attribute */
    font-weight: bold; /* Bold for labels */
    display: block; /* Display as block */
    margin-bottom: 5px; /* Space between label and content */
  }
  .data-sharing-hub .sticky-menu {
    display: none;
  }
  .data-sharing-hub .greenbtn {
    width: 100%;
    margin-top: 10px;
  }
  .data-sharing-hub .space {
    margin-top: 20px;
  }
}
.data-sharing-hub .nav-items {
  background-color: #11416c; /* Original blue background */
  color: white; /* White text color */
  -webkit-box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
  /* Other styles... */
}
.data-sharing-hub .nav-items.active {
  background-color: #05af55; /* Green background when active */
  color: white; /* Maintain white text color */
}
.data-sharing-hub .btn-common {
  width: 100%; /* Set same width for both buttons */
  padding: 10px; /* Adjust padding as needed */
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* Ensure padding is included in width */
  margin-top: auto;
}
.data-sharing-hub .img_bg2 {
  padding-bottom: 0px;
}
.data-sharing-hub .dropdown-item {
  white-space: normal;
  width: 300px;
}
.data-sharing-hub .btn-info {
  background-color: #11416c;
  border-color: #11416c;
}
.data-sharing-hub .dropdown {
  border: none;
}
.data-sharing-hub .btn-info:hover {
  border-color: #05af55;
  background-color: #05af55;
}
.data-sharing-hub .btn-info:active {
  border-color: #05af55;
  background-color: #05af55;
}
.data-sharing-hub .btn-info:focus {
  -webkit-box-shadow: 0 0 0 0rem rgba(58, 176, 195, 0);
          box-shadow: 0 0 0 0rem rgba(58, 176, 195, 0);
}
.data-sharing-hub .btn:active {
  -webkit-box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0);
          box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0);
}
.data-sharing-hub .show > .btn-info.dropdown-toggle {
  border-color: #05af55;
  background-color: #05af55;
}
.data-sharing-hub table.dataTable tbody tr td {
  vertical-align: middle;
  text-align: left;
}
.data-sharing-hub .toggle-details {
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer; /* Ensures pointer cursor is shown */
}
.data-sharing-hub .toggle-details .fa-circle-plus {
  color: #05af55;
}
.data-sharing-hub .toggle-details.is-open .fa-circle-plus {
  color: #10426c;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.data-sharing-hub .btn-info:not(:disabled):not(.disabled):active:focus {
  color: #fff;
  background-color: #05af55;
  border-color: #05af55;
}
.data-sharing-hub .btn-info:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #05af55;
  border-color: #05af55;
}
.data-sharing-hub .btn-info:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #05af55;
  border-color: #05af55;
}
.data-sharing-hub .inner-title {
  font-weight: 600;
  display: block;
}
.data-sharing-hub #infoModalLabel {
  font-size: 16px;
  text-align: left;
  margin: 0;
}
.data-sharing-hub div.dataTables_filter {
  display: block;
}
.data-sharing-hub .form-control {
  font-size: 12px;
}
.data-sharing-hub .inline-list-item {
  display: inline-block;
  background-color: #05af55;
  margin: 5px 10px 5px 0px;
  border-radius: 50px;
  padding: 5px 15px;
  color: #fff;
  min-width: 60px;
  text-align: center;
  font-weight: 500;
}
.data-sharing-hub .details-container {
  width: 100%;
  border: 1px solid #dee2e6;
  background-color: #f8f9fa;
  padding: 20px 40px;
  border-bottom: solid 4px #11416c;
}
.data-sharing-hub .detail-item {
  margin-bottom: 10px;
}
.data-sharing-hub .inner-title {
  font-size: 12px;
}
.data-sharing-hub .filter-label {
  font-size: 12px;
  font-weight: 600;
}
.data-sharing-hub .guidancelink {
  font-size: 11px;
  white-space: nowrap;
}
.data-sharing-hub .filter-btn {
  padding: 5px 10px;
  margin-right: 5%;
  font-size: 14px;
  background-color: transparent;
  border: 2px solid #11416c;
  font-weight: 500;
  color: #11416c;
}
.data-sharing-hub .dropdown-toggle {
  border: 1.5px solid #909090;
}
.data-sharing-hub input {
  margin-top: 5px;
  border: 1.5px solid #909090;
}
.data-sharing-hub .inner-body {
  display: inline-block;
}
.data-sharing-hub .inline-item {
  display: inline-block; /* Ensures items are inline */
  margin-right: 10px; /* Adds spacing between items */
}
.data-sharing-hub .separator {
  display: inline-block; /* Keeps the separator inline */
  margin: 0 10px; /* Adds spacing on both sides */
  color: lightgrey; /* Sets the color of the vertical bar */
  font-weight: bold; /* Makes the separator more visible */
}
.data-sharing-hub .grey-border {
  border-right: 1px lightgrey solid;
}
.data-sharing-hub .blue-pill {
  background-color: #11416c;
  margin: 5px 0px 5px 0px;
}
.data-sharing-hub .center-pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Enables flexbox */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Horizontally centers the items */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Vertically centers the items */
  height: 100%; /* Ensures the column spans the full height of its container (if applicable) */
  text-align: center; /* Ensures text inside items is centered */
}
.data-sharing-hub .grey-inner-line {
  border: 0;
  border-top: 1px solid lightgrey;
  margin: 8px 0 20px 0;
}
.data-sharing-hub .fa-up-right-from-square {
  color: slategray;
  text-decoration: none;
  margin-left: 3px;
  max-width: 12px;
}
.data-sharing-hub .reference-title {
  font-size: 13px;
  font-weight: 600;
  font-style: italic;
}
.data-sharing-hub .dropdown-menu.show {
  z-index: 0 !important;
}
.data-sharing-hub .greenbtn {
  /* Added styles for consistent width and height */
  min-width: 290px; /* Consistent max width for all buttons */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Flexbox for alignment */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Centers content horizontally */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Centers content vertically */
  text-align: center; /* Centers text */
  padding: 8px 15px;
  font-size: 14px;
  white-space: nowrap;
  font-weight: 500;
}
.data-sharing-hub .greenbtn i {
  margin-right: 10px; /* Adds space between the icon and text */
}
.data-sharing-hub .row.greenbtn a {
  text-decoration: none; /* Removes the underline from these specific links */
}
.data-sharing-hub .row.justify-content-center a:hover {
  text-decoration: none; /* Ensures no underline appears on hover */
}
.data-sharing-hub .rotate {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); /* Rotates the icon 45 degrees */
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; /* Smooth rotation animation */
}
.data-sharing-hub .btn-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
}
.data-sharing-hub .right-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 15px;
}
.data-sharing-hub .table1 {
  display: grid;
  grid-template-columns: 30% 70%; /* First column is 30%, second column is 70% */
  width: 100%;
  max-width: 900px;
  margin: 0 auto; /* Center the table */
}
.data-sharing-hub .table-cell {
  background-color: #fff;
  text-align: left;
  padding: 5px 15px;
  border: 1px lightgrey solid;
}
.data-sharing-hub .table-title {
  font-weight: 600;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Enable flexbox for vertical centering */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center vertically */
  height: 100%; /* Ensure the title takes up the full height of the cell */
}
.data-sharing-hub .table-description {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .data-sharing-hub .table1 {
    grid-template-columns: 1fr; /* Collapse into a single column for smaller screens */
  }
  .data-sharing-hub .nav {
    display: inline;
  }
  .data-sharing-hub .filter-container {
    padding: 0 20px;
  }
}
@media (min-width: 576px) {
  .data-sharing-hub #info-model {
    max-width: 800px;
  }
}
.data-sharing-hub .model-btn {
  color: #fff;
  background-color: #11416c;
  border-color: #11416c;
}
.data-sharing-hub .table-header {
  font-weight: bold;
  text-align: center;
  background-color: #f4f4f4;
  padding: 14px;
}
.data-sharing-hub .color-cell {
  background-color: lightgrey;
  border: 1px solid white;
}
.data-sharing-hub .heading-cell {
  background-color: transparent;
  border: none;
  font-weight: bold;
}
.data-sharing-hub .honeycomb {
  background-image: url(/dist/images/honeycomb_bg_website_yellow.169bde19d879c287e3ea43aadb7ff0d3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.data-sharing-hub .filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 900px;
  margin: 0 auto; /* Center the list */
}
.data-sharing-hub .filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; /* Allows wrapping for smaller screens */
  padding: 15px;
  border-bottom: 1px solid lightgrey;
}
.data-sharing-hub .filter-title {
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%; /* Title takes up 30% of the row */
  font-size: 13px;
  padding-right: 10px;
  font-weight: 600;
}
.data-sharing-hub .filter-description {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* Description takes up the remaining space */
  font-size: 14px;
  color: #0f222f;
}
@media (max-width: 768px) {
  .data-sharing-hub .filter-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; /* Stack title and description vertically on smaller screens */
  }
  .data-sharing-hub .filter-title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; /* Title adjusts to content size */
  }
  .data-sharing-hub .filter-description {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; /* Description adjusts to content size */
  }
  .data-sharing-hub .sticky-menu {
    display: none;
  }
  .data-sharing-hub .button-margin {
    padding: 0 20px;
  }
  .data-sharing-hub .responsive-padding {
    margin: 10px 0;
  }
}
.data-sharing-hub .tooltip-wrapper {
  position: relative; /* Create a positioning context for the tooltip */
  display: inline-block; /* Ensure it wraps around the button */
}
.data-sharing-hub .tooltip-text {
  visibility: hidden; /* Hide the tooltip initially */
  opacity: 0; /* Make it fully transparent */
  background-color: #333; /* Tooltip background */
  color: #fff; /* Tooltip text color */
  text-align: center;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  position: absolute;
  bottom: 130%; /* Position the tooltip above the icon */
  left: 50%; /* Center horizontally relative to the button */
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); /* Center horizontally */
  white-space: nowrap; /* Prevent text from breaking */
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; /* Smooth fade-in effect */
  z-index: 999; /* Ensure it appears above other elements */
}
.data-sharing-hub .tooltip-wrapper:hover .tooltip-text {
  visibility: visible; /* Show the tooltip on hover */
  opacity: 1; /* Make it fully opaque */
}
.data-sharing-hub shadow_box2 {
  margin-right: 0px;
}
.data-sharing-hub .responsive-padding {
  margin: 20px 0 10px 0;
}
.data-sharing-hub .shadow-box {
  margin-left: 0px;
}
.data-sharing-hub #connect-with-us-modal label.required::after {
  content: " *";
  color: red;
}
.data-sharing-hub #connect-with-us-modal h4 {
  color: #10426c;
  text-align: left;
  border-bottom: 3px solid #10426c;
}
.data-sharing-hub #connect-with-us-modal textarea {
  font-size: 14px;
}
.data-sharing-hub #connect-with-us-modal .success-block .green-icon {
  color: #05af55;
}
.data-sharing-hub .overview-img {
  width: 100%;
  max-width: 1000px;
  padding: 1rem 0.25rem;
  padding-right: 1rem;
}
.data-sharing-hub .overview-img .overview-link {
  cursor: pointer;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
.data-sharing-hub .overview-img .overview-link:hover {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
@media screen and (max-width: 991px) {
  .data-sharing-hub .overview-img {
    max-width: 100%;
    padding-right: 0.25rem;
  }
}
.data-sharing-hub .checklist-container {
  width: 550px;
  border: 2px solid #0f222f;
}
@media screen and (max-width: 1199px) {
  .data-sharing-hub .checklist-container {
    margin-top: 2rem;
    width: 100%;
    border: none;
  }
}
.data-sharing-hub .checklist-container .data-hub-subheading {
  font-size: 24px;
  font-weight: 700;
  color: #10426c;
}
.data-sharing-hub .checklist-container .checklist-link {
  cursor: pointer;
}
.data-sharing-hub .checklist-container .checklist-link .checklist-arrow {
  display: none;
}
.data-sharing-hub .checklist-container .checklist-link .checklist-link-text {
  display: inline-block;
}
.data-sharing-hub .checklist-container .checklist-link .checklist-link-text::after {
  content: "";
  display: block;
  width: 0px;
  height: 1.5px;
  background: #10426c;
  position: relative;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  border-radius: 10px;
}
.data-sharing-hub .checklist-container .checklist-link:hover .checklist-arrow {
  display: inline-block;
}
.data-sharing-hub .checklist-container .checklist-link:hover .checklist-link-text::after {
  width: 100%;
}
.data-sharing-hub .checklist-container .reference-text {
  font-size: 12px;
  color: #474747;
}
.data-sharing-hub .check-bullets {
  list-style-type: none;
  padding-left: 0.5rem;
}
.data-sharing-hub .check-bullets li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.data-sharing-hub .check-bullets li .check-bullet-icon {
  color: #10426c;
}
.data-sharing-hub .check-bullets.check-bullets-lg {
  font-size: 16px;
  font-weight: 500;
}
.data-sharing-hub .check-bullets.check-bullets-lg li {
  margin-bottom: 0.75rem;
}
.data-sharing-hub .data-resources-container {
  background-image: url(/dist/images/honeycomb_bg_website_yellow.169bde19d879c287e3ea43aadb7ff0d3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100px;
  margin-top: 150px;
  margin-bottom: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
.data-sharing-hub .data-resources-container .data-resource-box {
  background-color: white;
  padding: 30px 20px;
  text-align: center;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  height: 100%;
  z-index: 1;
  border: 2px solid #0f222f;
}
.data-sharing-hub .data-resources-container .data-resource-box .data-resource-title {
  font-size: 20px;
  font-weight: 600;
}
.data-sharing-hub .data-resources-container .data-resource-box .data-resource-content {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.data-sharing-hub .data-resources-container .data-resource-box .data-resource-btn button {
  width: 100%;
  min-width: unset;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .data-sharing-hub .data-resources-container {
    margin-top: 175px;
    margin-bottom: 175px;
  }
}
@media screen and (max-width: 991px) {
  .data-sharing-hub .data-resources-container {
    height: auto;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.data-sharing-hub #view-video-modal .caption-btn {
  background: white;
  border: 2px solid #10426c;
  color: #10426c;
  font-weight: 500;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  padding: 0.25rem 0.75rem;
  font-size: 14px;
}
.data-sharing-hub #view-video-modal .caption-btn:hover {
  background: #10426c;
  color: white;
}
.data-sharing-hub #view-video-modal .caption-btn.active {
  background: #10426c;
  color: white;
}
.data-sharing-hub .expand-step-btn {
  text-decoration: none;
  background-color: #10426c;
  color: white;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  padding: 0.25rem 1rem;
  font-size: 14px;
  font-weight: 500;
}
.data-sharing-hub .expand-step-btn:hover {
  background-color: #05af55;
  color: white;
}
.data-sharing-hub .expand-step-btn.expand-step-btn-light {
  background-color: #b1e2f2;
  color: #0f222f;
  border: 1px solid #0f222f;
}
.data-sharing-hub .expand-step-btn.expand-step-btn-light:hover {
  background-color: #10426c;
  color: white;
}
.data-sharing-hub .discovery-engine-container {
  background: url("/images/white_hex_bg.jpg");
  background-size: auto;
  background-position: center;
  height: 150px;
  margin-top: 80px;
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
.data-sharing-hub .discovery-engine-container .shadow-box {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  background-color: white;
  padding: 30px;
  z-index: 1;
  border: 2px solid #0f222f;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .data-sharing-hub .discovery-engine-container {
    margin-top: 95px;
    margin-bottom: 95px;
  }
}
@media screen and (max-width: 991px) {
  .data-sharing-hub .discovery-engine-container {
    height: auto;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.data-sharing-hub .verify-findable-container {
  padding-top: 80px;
  padding-bottom: 60px;
  background: url("/images/white_hex_bg.jpg");
  background-size: auto;
  background-position: center;
}
.data-sharing-hub .verify-findable-container .flip-box {
  background-color: transparent;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  margin-bottom: 20px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-inner {
  position: relative;
  width: 100%;
  height: 250px;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .data-sharing-hub .verify-findable-container .flip-box .flip-box-inner {
    height: 325px;
  }
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-front,
.data-sharing-hub .verify-findable-container .flip-box .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-front {
  background-color: #10426c;
  color: white;
  padding: 20px;
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-front .flip-card-title {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-back {
  background-color: #ffffff;
  color: black;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #0f222f;
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-back .flip-card-back-header {
  padding: 0.75rem 1rem;
  width: 100%;
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-back .flip-card-back-header .flip-card-back-title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-back .flip-card-back-content {
  padding: 10px 20px;
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-back .flip-card-icon {
  font-size: 20px;
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-back .flip-card-icon .green-icon {
  color: #05af55;
}
.data-sharing-hub .verify-findable-container .flip-box .flip-box-back .flip-card-icon .warning-icon {
  color: #fcb316;
}
.data-sharing-hub .verify-findable-container .flip-box:hover .flip-box-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.data-sharing-hub .data-hub-subheading {
  font-size: 18px;
  font-weight: 600;
}
.data-sharing-hub .register-asset-container .revampp-datatable .dt-buttons {
  display: none;
}
.data-sharing-hub .register-asset-container .revampp-datatable tbody .bold-table-column {
  font-weight: 500;
}
.data-sharing-hub .expand-steps-container .expand-step-section {
  overflow-x: hidden;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header {
  cursor: pointer;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header .expand-step-btn {
  background: #10426c;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 30px;
  width: 100px;
  min-width: 100px;
  font-weight: 600;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header .expand-step-btn .expand-step-btn-icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header .expand-step-title {
  margin-left: 1rem;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header .expand-step-title::after {
  content: "";
  display: block;
  width: 0px;
  height: 2px;
  background: #0f222f;
  position: relative;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  border-radius: 10px;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header[aria-expanded=true] .expand-step-btn {
  background: #05af55;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header[aria-expanded=true] .expand-step-btn .expand-step-btn-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header[aria-expanded=true] .expand-step-title::after {
  width: 100%;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header:hover .expand-step-title::after {
  width: 100%;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header.no-cursor {
  cursor: default;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-header.no-cursor .expand-step-title::after {
  display: none;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block {
  border-left: 4px solid grey;
  margin-left: 3rem;
  padding: 1rem 2rem;
  padding-left: 4rem;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block a {
  cursor: pointer;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-inner-title {
  font-size: 16px;
  text-decoration: underline;
  font-weight: 500;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .block-btn {
  text-decoration: none;
  cursor: pointer;
  background-color: #b1e2f2;
  color: #0f222f;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  vertical-align: middle;
  text-align: center;
  height: 100%;
  padding: 0.75rem 1rem;
  border-radius: 5px;
  border: 1px solid #0f222f;
  -webkit-box-shadow: 4px 4px #0f222f;
          box-shadow: 4px 4px #0f222f;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .block-btn:hover {
  background-color: #10426c;
  color: white;
  -webkit-box-shadow: 5px 5px #0f222f;
          box-shadow: 5px 5px #0f222f;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .step-btn {
  background-color: #10426c;
  color: white;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  padding: 0.25rem 1rem;
  font-size: 14px;
  font-weight: 500;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .step-btn:hover {
  background-color: #05af55;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-step-btn {
  text-decoration: none;
  background-color: #10426c;
  color: white;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  padding: 0.25rem 1rem;
  font-size: 14px;
  font-weight: 500;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-step-btn:hover {
  background-color: #05af55;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-step-btn.expand-step-btn-light {
  background-color: #b1e2f2;
  color: #0f222f;
  border: 1px solid #0f222f;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-step-btn.expand-step-btn-light:hover {
  background-color: #10426c;
  color: white;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-inner-accordion .expand-inner-card .expand-inner-card-header {
  cursor: pointer;
  padding: 0.5rem 2rem;
  background-color: #b1e2f2;
  color: #0f222f;
  border: 1px solid #0f222f;
  border-bottom: none;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-inner-accordion .expand-inner-card .expand-inner-card-header .expand-inner-card-title {
  font-size: 16px;
  font-weight: 500;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-inner-accordion .expand-inner-card .expand-inner-card-header .expand-inner-card-arrow {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-inner-accordion .expand-inner-card .expand-inner-card-header[aria-expanded=true] .expand-inner-card-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-inner-accordion .expand-inner-card .expand-inner-card-body {
  padding: 1rem 2rem;
  border: 1px solid grey;
  border-top: 1px solid #0f222f;
  border-bottom: none;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-inner-accordion .expand-inner-card:first-of-type .expand-inner-card-header {
  border-radius: 5px 5px 0 0;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-inner-accordion .expand-inner-card:last-of-type .expand-inner-card-header {
  border-bottom: 1px solid #0f222f;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .expand-inner-accordion .expand-inner-card:last-of-type .expand-inner-card-body {
  border-top: none;
  border-bottom: 1px solid #0f222f;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .revampp-datatable .dt-buttons {
  display: none;
}
.data-sharing-hub .expand-steps-container .expand-step-section .expand-step-block .revampp-datatable tbody .bold-table-column {
  font-weight: 500;
}
.seminar-series-page {
  /* Calendar box styling */
}
.seminar-series-page .calendar-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 4px gray, inset 0 0 18px 4px rgba(90, 141, 193, 0.22);
          box-shadow: 4px 4px 4px gray, inset 0 0 18px 4px rgba(90, 141, 193, 0.22);
  overflow: hidden;
  height: 100%;
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  background-color: #eaf1f6;
}
.seminar-series-page .title-container {
  background-color: #10426c;
  padding: 10px 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.seminar-series-page .title-container.no-date {
  background-color: #888;
  color: #fff;
}
.seminar-series-page .calendar-box.no-hover {
  pointer-events: none;
  -webkit-transform: none;
          transform: none;
}
.seminar-series-page .title-container.no-date .month-title {
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 1.2;
}
.seminar-series-page .month-title {
  color: white;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.seminar-series-page .event-info {
  font-size: 14px;
  font-weight: 500;
  color: #888;
}
.seminar-series-page .status-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #10426c;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;
}
.seminar-series-page .status-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #05af55;
  display: inline-block;
  margin-right: 10px;
  border: 2px solid #f8fafc;
  -webkit-box-shadow: 0 0 0 2px #b7e6c3;
          box-shadow: 0 0 0 2px #b7e6c3;
  -webkit-animation: status-dot-pulse 1.6s infinite;
          animation: status-dot-pulse 1.6s infinite;
}
@-webkit-keyframes status-dot-pulse {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
  }
  40% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
  }
  70% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
  }
}
@keyframes status-dot-pulse {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
  }
  40% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
  }
  70% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
  }
}
.seminar-series-page .file-heading {
  text-align: center;
}
.seminar-series-page .section-files {
  font-size: 14px;
  margin-bottom: 3px;
}
.seminar-series-page .greenbtn {
  padding-right: 30px;
  padding-left: 30px;
  font-family: "Montserrat";
  font-weight: 600;
  border-color: white;
  background-color: #05af55;
  color: white;
  border: none;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 5px;
  min-width: 100px;
}
.seminar-series-page .greenbtn:hover {
  background-color: #10426c;
}
.seminar-series-page .seminar-title {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  white-space: normal;
  cursor: help;
  display: inline-block;
  line-height: 1.5;
}
.seminar-series-page .seminar-title:hover .title-icon {
  color: #10426c;
}
.seminar-series-page .seminar-title .title-icon {
  color: #6c757d;
}
.seminar-series-page #seminarTrack.no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}
.seminar-series-page .carousel-control-prev.disabled,
.seminar-series-page .carousel-control-next.disabled {
  pointer-events: none;
  opacity: 0.5;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.seminar-series-page .popover {
  min-width: 160px;
  max-width: 320px;
  font-size: 1rem;
  background-color: #fff;
  color: #222;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  padding: 0.75em 1.25em;
  text-align: left;
  word-break: break-word;
}
.seminar-series-page .popover.right > .arrow::after {
  border-right-color: #fff;
}
.seminar-series-page .event-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
.seminar-series-page .files-section {
  margin-top: 10px;
}
.seminar-series-page .no-files {
  color: #888;
  font-size: 14px;
}
.seminar-series-page .no-files-found {
  color: #888;
  font-style: italic;
}
.seminar-series-page .info-date {
  color: #0f222f;
  font-weight: 600;
}
.seminar-series-page .info-center {
  color: #0f222f;
  font-weight: 500;
  text-transform: uppercase;
}
.seminar-series-page #seminarTrack {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.seminar-series-page #seminarTrack > .col-lg-3 {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 992px) {
  .seminar-series-page #seminarTrack > .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 991.98px) {
  .seminar-series-page #seminarTrack > .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-top: 20px;
  }
}
.seminar-series-page .carousel-controls-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 20px;
}
.seminar-series-page .carousel-control-prev,
.seminar-series-page .carousel-control-next {
  background: white;
  border-radius: 50%;
  border: 1px solid #10426c;
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  cursor: pointer;
  position: relative;
  padding: 0;
  outline: none;
  opacity: inherit;
}
.seminar-series-page .carousel-control-prev:focus,
.seminar-series-page .carousel-control-next:focus {
  border-color: #10426c;
}
.seminar-series-page .carousel-arrow {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: solid #10426c;
  border-width: 0 0 4px 4px;
  padding: 0;
  margin: 0;
  -webkit-transition: border-color 0.18s;
  transition: border-color 0.18s;
  border-radius: 2px;
  opacity: inherit;
}
.seminar-series-page .carousel-control-prev:hover,
.seminar-series-page .carousel-control-next:hover,
.seminar-series-page .carousel-control-prev:focus,
.seminar-series-page .carousel-control-next:focus {
  border-color: #05af55;
  background: white;
}
@media (max-width: 650px) {
  .seminar-series-page .button-col {
    margin-left: 3%;
  }
  .seminar-series-page .arrow-col {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .seminar-series-page .seminar-heading {
    margin-bottom: 20px;
  }
  .seminar-series-page #carouselReset {
    max-width: 100px;
    margin-left: -10px;
  }
}
.seminar-series-page .carousel-control-prev,
.seminar-series-page .carousel-control-next {
  -webkit-box-shadow: 2px 2px 2px lightgray, inset 0 0 18px 4px rgba(90, 141, 193, 0.2);
          box-shadow: 2px 2px 2px lightgray, inset 0 0 18px 4px rgba(90, 141, 193, 0.2);
}
@media (max-width: 991.98px) {
  .seminar-series-page .carousel-control-prev,
  .seminar-series-page .carousel-control-next {
    width: 36px;
    height: 36px;
    -webkit-box-shadow: 2px 2px 2px lightgray, inset 0 0 18px 4px rgba(90, 141, 193, 0.2);
            box-shadow: 2px 2px 2px lightgray, inset 0 0 18px 4px rgba(90, 141, 193, 0.2);
  }
  .seminar-series-page .carousel-arrow {
    width: 12px;
    height: 12px;
    border-width: 0 0 3px 3px;
  }
  .seminar-series-page .carousel-controls-bottom {
    gap: 16px;
    margin-top: 14px;
  }
}
.seminar-series-page .carousel-triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #10426c;
  display: inline-block;
}
.seminar-series-page .arrow-left {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.seminar-series-page .files-coming-soon {
  color: #888;
  font-weight: 500;
}
.seminar-series-page .arrow-right {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.seminar-series-page .view-more {
  font-weight: bold;
}
.seminar-series-page .button-reset {
  background-color: #6c757d;
  color: white;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 0px;
}
.seminar-series-page .button-reset:hover {
  border: solid 2px #6c757d;
  background-color: white;
  color: #6c757d;
}
.seminar-series-page #carouselReset, .seminar-series-page #carouselExpand {
  text-decoration: none;
  -webkit-transition: color 0.18s;
  transition: color 0.18s;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 0px;
}
.seminar-series-page #carouselExpand:focus {
  color: white;
}
.seminar-series-page .blue-btn:hover {
  color: white;
}
.seminar-series-page #carouselExpand:hover, .seminar-series-page #carouselExpand:focus {
  background-color: #10426c;
  text-decoration: none;
}
.seminar-series-page .padding-slider {
  padding-left: 5px;
  padding-right: 0px;
}
.seminar-series-page .blue-btn {
  border: solid 2px #10426c;
  color: #10426c;
  font-weight: 600;
  min-width: 100px;
}
.seminar-series-page .carousel-control-prev .carousel-triangle,
.seminar-series-page .carousel-control-next .carousel-triangle {
  border-top-color: #10426c;
}
.seminar-series-page .carousel-control-prev:hover .carousel-triangle,
.seminar-series-page .carousel-control-prev:focus .carousel-triangle,
.seminar-series-page .carousel-control-next:hover .carousel-triangle,
.seminar-series-page .carousel-control-next:focus .carousel-triangle {
  border-top-color: #05af55;
}
.seminar-series-page .arrow-col {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.seminar-series-page .arrow-col.disabled {
  pointer-events: none;
  opacity: 0.5;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.seminar-series-page .arrow-col.disabled a {
  cursor: not-allowed !important;
}
@charset "UTF-8";
.list-management-page.user-management-page #loaded-content #request-content {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
.list-management-page.user-management-page #loaded-content #pm-request-content {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
.list-management-page.user-management-page #view-request-modal .add-icon, .list-management-page.user-management-page #add-new-modal .add-icon, .list-management-page.user-management-page #review-request-modal .add-icon, .list-management-page.user-management-page #request-content .add-icon, .list-management-page.user-management-page #pm-request-content .add-icon {
  color: #05af55;
}
.list-management-page.user-management-page #view-request-modal .remove-icon, .list-management-page.user-management-page #add-new-modal .remove-icon, .list-management-page.user-management-page #review-request-modal .remove-icon, .list-management-page.user-management-page #request-content .remove-icon, .list-management-page.user-management-page #pm-request-content .remove-icon {
  color: #dc3545;
}
.list-management-page.user-management-page #view-request-modal .content-title, .list-management-page.user-management-page #add-new-modal .content-title, .list-management-page.user-management-page #review-request-modal .content-title, .list-management-page.user-management-page #request-content .content-title, .list-management-page.user-management-page #pm-request-content .content-title {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #0f222f;
  font-weight: 600;
}
.list-management-page.user-management-page #view-request-modal .revampp-datatable .row-select tbody tr:hover, .list-management-page.user-management-page #add-new-modal .revampp-datatable .row-select tbody tr:hover, .list-management-page.user-management-page #review-request-modal .revampp-datatable .row-select tbody tr:hover, .list-management-page.user-management-page #request-content .revampp-datatable .row-select tbody tr:hover, .list-management-page.user-management-page #pm-request-content .revampp-datatable .row-select tbody tr:hover {
  cursor: pointer;
  background-color: #b1e2f2;
}
.list-management-page.user-management-page #view-request-modal .revampp-datatable .row-select tbody tr:hover td, .list-management-page.user-management-page #add-new-modal .revampp-datatable .row-select tbody tr:hover td, .list-management-page.user-management-page #review-request-modal .revampp-datatable .row-select tbody tr:hover td, .list-management-page.user-management-page #request-content .revampp-datatable .row-select tbody tr:hover td, .list-management-page.user-management-page #pm-request-content .revampp-datatable .row-select tbody tr:hover td {
  background-color: #b1e2f2;
}
.list-management-page.user-management-page #view-request-modal .revampp-active-block, .list-management-page.user-management-page #add-new-modal .revampp-active-block, .list-management-page.user-management-page #review-request-modal .revampp-active-block, .list-management-page.user-management-page #request-content .revampp-active-block, .list-management-page.user-management-page #pm-request-content .revampp-active-block {
  margin: auto;
  width: 125px;
  background: #10426c;
  border: 1px solid #10426c;
  color: white;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.list-management-page.user-management-page #view-request-modal .revampp-inactive-block, .list-management-page.user-management-page #add-new-modal .revampp-inactive-block, .list-management-page.user-management-page #review-request-modal .revampp-inactive-block, .list-management-page.user-management-page #request-content .revampp-inactive-block, .list-management-page.user-management-page #pm-request-content .revampp-inactive-block {
  margin: auto;
  width: 125px;
  background: white;
  border: 1px solid #10426c;
  color: #10426c;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.list-management-page.user-management-page #view-request-modal .revampp-unknown-block, .list-management-page.user-management-page #add-new-modal .revampp-unknown-block, .list-management-page.user-management-page #review-request-modal .revampp-unknown-block, .list-management-page.user-management-page #request-content .revampp-unknown-block, .list-management-page.user-management-page #pm-request-content .revampp-unknown-block {
  margin: auto;
  width: 125px;
  background: gray;
  border: 1px solid white;
  color: white;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.list-management-page.user-management-page #view-request-modal .revampp-hidden-block, .list-management-page.user-management-page #add-new-modal .revampp-hidden-block, .list-management-page.user-management-page #review-request-modal .revampp-hidden-block, .list-management-page.user-management-page #request-content .revampp-hidden-block, .list-management-page.user-management-page #pm-request-content .revampp-hidden-block {
  margin: auto;
  width: 125px;
  background: white;
  border: 1px solid gray;
  color: gray;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.list-management-page.user-management-page #view-request-modal .revampp-review-block, .list-management-page.user-management-page #add-new-modal .revampp-review-block, .list-management-page.user-management-page #review-request-modal .revampp-review-block, .list-management-page.user-management-page #request-content .revampp-review-block, .list-management-page.user-management-page #pm-request-content .revampp-review-block {
  margin: auto;
  width: 125px;
  background: #0f222f;
  border: 1px solid gray;
  color: white;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}
.list-management-page.user-management-page #review-request-modal .edit-modal-section-block {
  max-height: 50vh;
  height: 50vh;
}
.list-management-page.user-management-page #add-new-modal .md-edit-window {
  max-height: 62vh;
  height: 62vh;
}
.list-management-page.user-management-page .collapse-table-container .collapse-table-button {
  cursor: pointer;
  border-bottom: 2px solid #0f222f;
}
.list-management-page.user-management-page .collapse-table-container .collapse-table-button .collapse-table-title {
  font-size: 18px;
  font-weight: 600;
  color: #0f222f;
}
.list-management-page.user-management-page .collapse-table-container .collapse-table-button .collapse-table-title::before {
  content: "▼ ";
}
.list-management-page.user-management-page .collapse-table-container .collapse-table-button.collapsed .collapse-table-title::before {
  content: "▶ ";
}
.list-management-page.user-management-page .collapse-table-container .list-table-container {
  margin-top: 0.5rem !important;
}
.list-management-page.user-management-page .collapse-table-container .pm-filters-block {
  border: 1px solid #dee2e6;
  padding: 10px 15px;
  background-color: #f8f8f8;
}
.list-management-page.user-management-page .collapse-table-container .pm-filters-block .dropdown {
  border: 1px solid #909090;
}
.list-management-page.user-management-page .collapse-table-container .pm-filters-block .dropdown .dropdown-toggle {
  background: white;
}
.list-management-page.user-management-page .collapse-table-container .pm-filters-block .filter-option {
  font-size: 12px !important;
}
.list-management-page.user-management-page .collapse-table-container .pm-filters-block input[type=date] {
  padding: 0.2rem 0.75rem;
  background: white;
  margin: 0;
  border: 1px solid #909090;
}
@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.newsletters-page {
  /* Calendar box styling */
}
.newsletters-page .display-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 4px gray, inset 0 0 18px 4px rgba(90, 141, 193, 0.22);
          box-shadow: 4px 4px 4px gray, inset 0 0 18px 4px rgba(90, 141, 193, 0.22);
  overflow: hidden;
  height: 100%;
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  background-color: #eaf1f6;
}
.newsletters-page .title-container {
  background-color: #10426c;
  padding: 10px 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.newsletters-page .title-container.no-date {
  background-color: #888;
  color: #fff;
}
.newsletters-page .display-box.no-hover {
  pointer-events: none;
  -webkit-transform: none;
          transform: none;
}
.newsletters-page .title-container.no-date .month-title {
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 1.2;
}
.newsletters-page .month-title {
  color: white;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.newsletters-page .event-info {
  font-size: 14px;
  font-weight: 500;
  color: #888;
}
.newsletters-page .file-heading {
  text-align: center;
}
.newsletters-page .section-files {
  font-size: 14px;
  margin-bottom: 3px;
}
.newsletters-page .greenbtn {
  padding-right: 30px;
  padding-left: 30px;
  font-family: "Montserrat";
  font-weight: 600;
  border-color: white;
  background-color: #05af55;
  color: white;
  border: none;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 5px;
  min-width: 100px;
}
.newsletters-page .greenbtn:hover {
  background-color: #10426c;
}
.newsletters-page .seminar-title {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  white-space: normal;
  cursor: help;
  display: inline-block;
  line-height: 1.5;
}
.newsletters-page .seminar-title:hover .title-icon {
  color: #10426c;
}
.newsletters-page .seminar-title .title-icon {
  color: #6c757d;
}
.newsletters-page #CarouselTrack {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth easing animation */
  will-change: transform; /* Optimize for animations */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsletters-page #CarouselTrack.no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}
.newsletters-page .carousel-control-prev.disabled,
.newsletters-page .carousel-control-next.disabled {
  pointer-events: none;
  opacity: 0.5;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.newsletters-page .popover {
  min-width: 160px;
  max-width: 320px;
  font-size: 1rem;
  background-color: #fff;
  color: #222;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  padding: 0.75em 1.25em;
  text-align: left;
  word-break: break-word;
}
.newsletters-page .popover.right > .arrow::after {
  border-right-color: #fff;
}
.newsletters-page .event-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
.newsletters-page .files-section {
  margin-top: 10px;
}
.newsletters-page .no-files {
  color: #888;
  font-size: 14px;
}
.newsletters-page .no-files-found {
  color: #888;
  font-style: italic;
}
.newsletters-page .info-date {
  color: #0f222f;
  font-weight: 600;
}
.newsletters-page .info-center {
  color: #0f222f;
  font-weight: 500;
  text-transform: uppercase;
}
.newsletters-page #CarouselTrack > .col-lg-3 {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 992px) {
  .newsletters-page #CarouselTrack > .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 991.98px) {
  .newsletters-page #CarouselTrack > .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-top: 20px;
  }
}
.newsletters-page .carousel-controls-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 20px;
}
.newsletters-page .carousel-control-prev,
.newsletters-page .carousel-control-next {
  background: white;
  border-radius: 50%;
  border: 1px solid #10426c;
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  cursor: pointer;
  position: relative;
  padding: 0;
  outline: none;
  opacity: inherit;
}
.newsletters-page .carousel-control-prev:focus,
.newsletters-page .carousel-control-next:focus {
  border-color: #10426c;
}
.newsletters-page .carousel-arrow {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: solid #10426c;
  border-width: 0 0 4px 4px;
  padding: 0;
  margin: 0;
  -webkit-transition: border-color 0.18s;
  transition: border-color 0.18s;
  border-radius: 2px;
  opacity: inherit;
}
.newsletters-page .carousel-control-prev:hover,
.newsletters-page .carousel-control-next:hover,
.newsletters-page .carousel-control-prev:focus,
.newsletters-page .carousel-control-next:focus {
  border-color: #05af55;
  background: white;
}
@media (max-width: 650px) {
  .newsletters-page .button-col {
    margin-left: 3%;
  }
  .newsletters-page .arrow-col {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .newsletters-page .control-heading {
    margin-bottom: 20px;
  }
  .newsletters-page #carouselReset {
    max-width: 100px;
    margin-left: -10px;
  }
}
.newsletters-page .carousel-control-prev,
.newsletters-page .carousel-control-next {
  -webkit-box-shadow: 2px 2px 2px lightgray, inset 0 0 18px 4px rgba(90, 141, 193, 0.2);
          box-shadow: 2px 2px 2px lightgray, inset 0 0 18px 4px rgba(90, 141, 193, 0.2);
}
@media (max-width: 991.98px) {
  .newsletters-page .carousel-control-prev,
  .newsletters-page .carousel-control-next {
    width: 36px;
    height: 36px;
    -webkit-box-shadow: 2px 2px 2px lightgray, inset 0 0 18px 4px rgba(90, 141, 193, 0.2);
            box-shadow: 2px 2px 2px lightgray, inset 0 0 18px 4px rgba(90, 141, 193, 0.2);
  }
  .newsletters-page .carousel-arrow {
    width: 12px;
    height: 12px;
    border-width: 0 0 3px 3px;
  }
  .newsletters-page .carousel-controls-bottom {
    gap: 16px;
    margin-top: 14px;
  }
}
.newsletters-page .carousel-triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #10426c;
  display: inline-block;
}
.newsletters-page .arrow-left {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.newsletters-page .files-coming-soon {
  color: #888;
  font-weight: 500;
}
.newsletters-page .arrow-right {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.newsletters-page .view-more {
  font-weight: bold;
}
.newsletters-page .button-reset {
  background-color: #6c757d;
  color: white;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 0px;
}
.newsletters-page .button-reset:hover {
  border: solid 2px #6c757d;
  background-color: white;
  color: #6c757d;
}
.newsletters-page #carouselReset, .newsletters-page #carouselExpand {
  text-decoration: none;
  -webkit-transition: color 0.18s;
  transition: color 0.18s;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 0px;
}
.newsletters-page #carouselExpand:focus {
  color: white;
}
.newsletters-page .blue-btn:hover {
  color: white;
}
.newsletters-page #carouselExpand:hover, .newsletters-page #carouselExpand:focus {
  background-color: #10426c;
  text-decoration: none;
}
.newsletters-page .padding-slider {
  padding-left: 5px;
  padding-right: 0px;
}
.newsletters-page .blue-btn {
  border: solid 2px #10426c;
  color: #10426c;
  font-weight: 600;
  min-width: 100px;
}
.newsletters-page .carousel-control-prev .carousel-triangle,
.newsletters-page .carousel-control-next .carousel-triangle {
  border-top-color: #10426c;
}
.newsletters-page .carousel-control-prev:hover .carousel-triangle,
.newsletters-page .carousel-control-prev:focus .carousel-triangle,
.newsletters-page .carousel-control-next:hover .carousel-triangle,
.newsletters-page .carousel-control-next:focus .carousel-triangle {
  border-top-color: #05af55;
}
.newsletters-page .arrow-col {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.newsletters-page .arrow-col.disabled {
  pointer-events: none;
  opacity: 0.5;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.newsletters-page .arrow-col.disabled a {
  cursor: not-allowed !important;
}
.deliverables-tracker-page {
  /* -expandable button------- */
}
.deliverables-tracker-page #deliverables-content {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
@media screen and (min-width: 992px) {
  .deliverables-tracker-page .container {
    max-width: 85vw !important;
  }
}
.deliverables-tracker-page .filter-label {
  font-size: 12px;
  color: black;
  font-weight: 400;
}
.deliverables-tracker-page #deliverable-table-container tbody tr.even:hover, .deliverables-tracker-page #deliverable-table-container tbody tr.odd:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.deliverables-tracker-page #deliverable-table-container tbody tr.even:hover td, .deliverables-tracker-page #deliverable-table-container tbody tr.odd:hover td {
  border-bottom: none !important;
}
.deliverables-tracker-page .nav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Vertically align items */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; /* Align content to the start */
  background-color: #10426c; /* Default blue background */
  color: white; /* White text color */
  text-decoration: none;
  padding: 10px; /* Padding around the content */
  border-radius: 25px; /* Rounded corners */
  margin-top: -20px;
  width: 40px; /* Default width for the icon only */
  height: 40px; /* Fixed height for the circle */
  overflow: hidden; /* Hide overflow */
  font-weight: 600;
  border: solid 2px white;
  position: relative; /* For positioning child elements */
  -webkit-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s; /* Smooth expansion and background transitions */
}
.deliverables-tracker-page .nav-items:hover {
  width: 180px; /* Expanded width on hover */
  background-color: #05af55; /* Change background color on hover */
}
.deliverables-tracker-page .nav-items:hover span {
  opacity: 1; /* Fade in text on hover */
  -webkit-transform: translateY(-50%) translateX(-15%);
          transform: translateY(-50%) translateX(-15%); /* Slide text into view */
}
.deliverables-tracker-page .nav-items .circle {
  background-color: transparent; /* Transparent background for the circle */
  border-radius: 50%; /* Circle shape */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Center the icon */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center the icon */
  width: 40px; /* Fixed width */
  height: 40px; /* Fixed height */
  -ms-flex-negative: 0;
      flex-shrink: 0; /* Prevent shrinking of the circle */
  position: absolute; /* Keep circle in a fixed position */
  left: -1px; /* Position the circle towards the left inside the container */
  top: 50%; /* Vertically center the circle */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); /* Adjust for vertical centering */
}
.deliverables-tracker-page .nav-items span {
  display: inline-block; /* Ensure inline-block for proper layout */
  opacity: 0; /* Initially hide the text */
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; /* Smooth fade-in and slide-in */
  font-size: 14px;
  text-align: left;
  color: white; /* Text color */
  white-space: nowrap; /* Prevent text wrapping */
  position: absolute; /* Absolute position for alignment */
  left: 58px; /* Position text to the right of the circle */
  top: 50%; /* Vertically center the text */
  -webkit-transform: translateY(-50%) translateX(-150%);
          transform: translateY(-50%) translateX(-150%); /* Initially slide text out of view */
}
.deliverables-tracker-page .view-deliverable-modal .modal-content {
  border-radius: 0;
}
.deliverables-tracker-page .view-deliverable-modal .modal-header {
  background: #10426c;
  border-radius: 0;
}
.deliverables-tracker-page .view-deliverable-modal .modal-header .deliverables-page-tabs .nav-link {
  border-radius: 0;
  background-color: #b1e2f2;
  color: #0f222f;
  padding: 0.75rem 2rem;
  border-right: 1px solid #10426c;
  font-style: italic;
  text-decoration: none;
  line-height: normal;
}
.deliverables-tracker-page .view-deliverable-modal .modal-header .deliverables-page-tabs .nav-link:hover {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
  color: #0f222f;
}
.deliverables-tracker-page .view-deliverable-modal .modal-header .deliverables-page-tabs .nav-link.active {
  background-color: white;
}
.deliverables-tracker-page .view-deliverable-modal .modal-header .deliverables-page-tabs .nav-link.active:hover {
  -webkit-filter: none;
          filter: none;
  color: #0f222f;
}
.deliverables-tracker-page .view-deliverable-modal .modal-header .deliverables-page-tabs .tab-close-icon {
  color: #dc3545;
}
.deliverables-tracker-page .view-deliverable-modal .modal-header .deliverables-page-tabs .tab-close-icon:hover {
  color: grey;
}
.deliverables-tracker-page .view-deliverable-modal .modal-header .close-deliverable-btn-container .close-deliverable-btn {
  background: white;
  color: #10426c;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 7px;
  padding-left: 8px;
  line-height: normal;
  cursor: pointer;
}
.deliverables-tracker-page .view-deliverable-modal .modal-header .close-deliverable-btn-container .close-deliverable-btn:hover {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
}
.deliverables-tracker-page .view-deliverable-modal .modal-body {
  padding: 1.5rem 2.5rem;
  border-top: 1px solid #ced4da;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverable-modal-header .deliverable-modal-title {
  font-size: 20px;
  font-weight: 600;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverable-modal-header .pill-list-container {
  line-height: normal;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverable-modal-header .modal-status-bar-wrapper {
  width: 200px;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverable-modal-header .modal-status-bar-wrapper .status-bar-container .status-bar {
  position: relative;
  background: grey;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverable-modal-header .modal-status-bar-wrapper .status-bar-container .status-bar .percent-complete-bar {
  position: absolute;
  height: 35px;
  background: #10426c;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverable-modal-header .modal-status-bar-wrapper .status-bar-container .status-bar .percent-complete-bar.completed-bar {
  background: #05af55;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverable-modal-header .modal-status-bar-wrapper .status-bar-container .status-bar .percent-complete-text {
  text-align: center;
  position: relative;
  line-height: 35px;
  color: white;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverable-modal-header .modal-status-bar-wrapper .status-bar-container .status-bar-icon {
  color: white;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .nav-tabs .nav-link {
  color: #0f222f;
  border-radius: 0;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .nav-tabs .active {
  background-color: #0f222f;
  color: white;
  font-weight: 600;
  text-decoration: none;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content {
  padding-top: 1rem;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .deliverable-modal-inner-tab-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .deliverables-inner-subtitle {
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .pill-list-container {
  line-height: normal;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .modal-timeline-block {
  background: #f8f8f8;
  border: 1px solid #ced4da;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .highcharts-figure .highcharts-xaxis-labels {
  -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px);
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .highcharts-figure .highcharts-axis-labels {
  font-family: "montserrat", sans-serif;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .revampp-datatable .table-column-icon {
  min-width: 26px;
  width: 26px;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .revampp-datatable .table-column-xs {
  min-width: 50px;
  width: 50px;
  max-width: 50px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .revampp-datatable .table-column-sm {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .revampp-datatable .table-column-md {
  min-width: 250px;
  width: 250px;
  max-width: 250px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .revampp-datatable .table-column-lg {
  min-width: 400px;
  width: 400px;
  max-width: 400px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .revampp-datatable tbody .inner-table-child-link {
  cursor: pointer;
  color: #0f222f;
  font-weight: 500;
  text-decoration: underline;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .revampp-datatable tbody .inner-table-child-link:hover {
  text-decoration: none;
  color: #10426c;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .overview-blue-card {
  background: #10426c;
  padding: 1.5rem;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .overview-blue-card .overview-title {
  color: white;
  font-size: 16px;
  font-weight: 700;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .overview-blue-card .overview-subtitle {
  color: white;
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
}
@media screen and (min-width: 992px) {
  .deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .overview-blue-card {
    height: 150px;
  }
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .deliverable-comment-table {
  max-height: 400px;
  overflow-y: auto;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .deliverable-comment-table .deliverable-comment-row {
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid lightgrey;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .deliverable-comment-table .deliverable-comment-row:nth-child(odd) {
  background-color: #f8f8f8;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .deliverable-comment-table .deliverable-comment-row:nth-child(even) {
  background-color: white;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .deliverable-comment-table .deliverable-comment-row .deliverable-comment-user {
  font-weight: 500;
  color: #10426c;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .deliverable-comment-table .deliverable-comment-row .deliverable-comment-comment {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .deliverable-comment-table .deliverable-comment-row .deliverable-comment-subtitle .comment-child-link {
  font-style: italic;
  padding-top: 0.25rem;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
.deliverables-tracker-page .view-deliverable-modal .modal-body .deliverables-modal-inner-tab-content .deliverable-comment-table .deliverable-comment-row .deliverable-comment-subtitle .comment-child-link:hover {
  color: #10426c;
  text-decoration: none;
}
.deliverables-tracker-page .view-deliverable-modal .highcharts-color-0 {
  fill: #b1e2f2;
  stroke: #b1e2f2;
}
.deliverables-tracker-page .view-deliverable-modal .highcharts-color-1 {
  fill: #10426c;
  stroke: #10426c;
}
.deliverables-tracker-page .view-deliverable-modal .deliverable-attachment-title {
  font-weight: 600;
  font-size: 18px;
}
@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

#deliverables-content .content-title {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #0f222f;
  font-weight: 600;
}
#deliverables-content .nav-tabs .nav-link {
  color: #0f222f;
  border-radius: 0;
}
#deliverables-content .nav-tabs .active {
  background-color: #0f222f;
  color: white;
  font-weight: 600;
  text-decoration: none;
}
#deliverables-content #deliverable-filter-container {
  border: 1px solid #dee2e6;
  padding: 10px 15px;
  background-color: #f8f8f8;
}
#deliverables-content #deliverable-filter-container .row {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#deliverables-content #deliverable-filter-container .dropdown {
  border: 1px solid #909090;
}
#deliverables-content #deliverable-filter-container .dropdown .dropdown-toggle {
  background: white;
}
#deliverables-content #deliverable-filter-container .filter-option {
  font-size: 12px !important;
}
#deliverables-content #deliverable-filter-container input[type=date] {
  padding: 0.2rem 0.75rem;
  background: white;
  margin: 0;
  border: 1px solid #909090;
}
@media screen and (min-width: 992px) {
  #deliverables-content #deliverable-filter-container .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}
#deliverables-content #deliverable-filter-container .date-before-after-filter-item {
  margin-left: 0;
  margin-right: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.75rem;
  border: 1px solid #ced4da;
  background: white;
}
#deliverables-content #deliverable-table-container .table-column-icon {
  min-width: 26px;
  width: 26px;
}
#deliverables-content #deliverable-table-container .table-column-xs {
  min-width: 50px;
  width: 50px;
  max-width: 50px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#deliverables-content #deliverable-table-container .table-column-sm {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#deliverables-content #deliverable-table-container .table-column-md {
  min-width: 250px;
  width: 250px;
  max-width: 250px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#deliverables-content #deliverable-table-container .table-column-lg {
  min-width: 400px;
  width: 400px;
  max-width: 400px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#deliverables-content #deliverable-table-container .dataTables_scrollBody .item-expand-option {
  cursor: pointer;
}
#deliverables-content #deliverable-table-container .dataTables_scrollBody .item-expand-option .expand-icon {
  color: #05af55;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#deliverables-content #deliverable-table-container .dataTables_scrollBody .item-expand-option .expand-icon:hover .expand-option {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
}
#deliverables-content #deliverable-table-container .dataTables_scrollBody .expand-row {
  background-color: #D7FEE9 !important;
  -webkit-box-shadow: inset 0 -2px #10426c;
          box-shadow: inset 0 -2px #10426c;
}
#deliverables-content #deliverable-table-container .dataTables_scrollBody .expand-row td {
  background-color: #D7FEE9 !important;
  -webkit-box-shadow: inset 0 -2px #10426c;
          box-shadow: inset 0 -2px #10426c;
}
#deliverables-content #deliverable-table-container .dataTables_scrollBody .expand-row .expand-icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  color: #0f222f;
}
#deliverables-content #deliverable-table-container tr:not(.even, .odd) > td {
  padding: 0;
  border: 0;
}
#deliverables-content #deliverable-table-container tbody tr .detail-btn-container .dropright .dropdown-toggle::after {
  display: none !important;
}
#deliverables-content #deliverable-table-container tbody tr .detail-btn-container .dropright .item-detail-button div {
  visibility: hidden;
  border-radius: 13px;
  background: white;
  border: 1px solid #0f222f;
  width: 26px;
  color: #0f222f;
}
#deliverables-content #deliverable-table-container tbody tr .detail-btn-container .dropright .item-detail-button div:hover {
  cursor: pointer;
  background: #b1e2f2;
}
#deliverables-content #deliverable-table-container tbody tr .detail-btn-container .dropright.show .item-detail-button div {
  visibility: visible;
  background: #0f222f;
  border: 1px solid #eaeaea;
  color: white;
}
#deliverables-content #deliverable-table-container tbody tr.even:hover, #deliverables-content #deliverable-table-container tbody tr.odd:hover {
  -webkit-box-shadow: inset 0px -1px #0f222f !important;
          box-shadow: inset 0px -1px #0f222f !important;
}
#deliverables-content #deliverable-table-container tbody tr.even:hover td, #deliverables-content #deliverable-table-container tbody tr.odd:hover td {
  border-bottom: 1px solid #0f222f;
}
#deliverables-content #deliverable-table-container tbody tr.even:hover .item-detail-button div, #deliverables-content #deliverable-table-container tbody tr.odd:hover .item-detail-button div {
  visibility: visible !important;
}
#deliverables-content #deliverable-table-container tbody .deliverable-table-link, #deliverables-content #deliverable-table-container tbody .deliverable-table-child-link {
  cursor: pointer;
  color: #0f222f;
  font-weight: 500;
  text-decoration: underline;
}
#deliverables-content #deliverable-table-container tbody .deliverable-table-link:hover, #deliverables-content #deliverable-table-container tbody .deliverable-table-child-link:hover {
  text-decoration: none;
  color: #10426c;
}
#deliverables-content #deliverable-table-container .status-bar-container .status-bar {
  position: relative;
  background: grey;
}
#deliverables-content #deliverable-table-container .status-bar-container .status-bar .percent-complete-bar {
  position: absolute;
  height: 25px;
  background: #10426c;
}
#deliverables-content #deliverable-table-container .status-bar-container .status-bar .percent-complete-bar.completed-bar {
  background: #05af55;
}
#deliverables-content #deliverable-table-container .status-bar-container .status-bar .percent-complete-text {
  text-align: center;
  position: relative;
  line-height: 25px;
  color: white;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
#deliverables-content #deliverable-table-container .status-bar-container .status-bar-icon {
  color: white;
}
#deliverables-content .datatable-no-header .dataTables_scrollHead {
  display: none;
}
#deliverables-content #deliverable-child-table-container .dataTables_scrollBody {
  border: 0 !important;
}
#deliverables-content #deliverable-child-table-container .dataTables_scrollBody tr {
  background-color: #e9f5ff !important;
}
#deliverables-content #deliverable-child-table-container .dataTables_scrollBody tr td {
  background-color: #e9f5ff !important;
}
#deliverables-content #deliverable-child-table-container .dataTables_scrollBody tr .child-row-indicator {
  -webkit-box-shadow: inset 20px 0 #10426c;
          box-shadow: inset 20px 0 #10426c;
}

#edit-comment-modal .deliverable-comment-table {
  max-height: 400px;
  overflow-y: auto;
}
#edit-comment-modal .deliverable-comment-table .deliverable-comment-row {
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid lightgrey;
}
#edit-comment-modal .deliverable-comment-table .deliverable-comment-row:nth-child(odd) {
  background-color: #f8f8f8;
}
#edit-comment-modal .deliverable-comment-table .deliverable-comment-row:nth-child(even) {
  background-color: white;
}
#edit-comment-modal .deliverable-comment-table .deliverable-comment-row .deliverable-comment-user {
  font-weight: 500;
  color: #10426c;
}
#edit-comment-modal .deliverable-comment-table .deliverable-comment-row .deliverable-comment-comment {
  padding-top: 0.25rem;
}

.edit-attachments-container .edit-attachments-label {
  font-weight: 600;
}
.edit-attachments-container .deliverable-collapse-table .card {
  border-radius: 0px;
  border-bottom: none;
}
.edit-attachments-container .deliverable-collapse-table .card:last-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.edit-attachments-container .deliverable-collapse-table .card-header {
  background-color: white;
  border-radius: 0px;
  border-bottom: none;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
  padding: 0.5rem 0.75rem;
}
.edit-attachments-container .deliverable-collapse-table .card-header.active {
  background-color: #05af55;
}
.edit-attachments-container .deliverable-collapse-table .card-header.active .header-text .expand-text {
  color: white;
}
.edit-attachments-container .deliverable-collapse-table .card-header.active .header-text .expand-btn {
  color: white;
}
.edit-attachments-container .deliverable-collapse-table .card-header.active .header-delete-btn {
  color: #dc3545;
}
.edit-attachments-container .deliverable-collapse-table .card-header .header-text a[aria-expanded=true] .expand-btn {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.edit-attachments-container .deliverable-collapse-table .card-header .header-text .expand-btn {
  color: #10426c;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  height: 16px;
}
.edit-attachments-container .deliverable-collapse-table .card-header .header-text .expand-text {
  color: black;
}
.edit-attachments-container .deliverable-collapse-table .card-header .header-delete-btn {
  cursor: pointer;
  color: #dc3545;
}
.edit-attachments-container .deliverable-collapse-table .card-header .header-delete-uploaded-btn {
  cursor: pointer;
  color: #dc3545;
}
.edit-attachments-container .deliverable-collapse-table .card-header .no-pointer {
  cursor: default;
}
.edit-attachments-container .deliverable-collapse-table .card-body {
  border-top: 1px solid #ced4da;
  background-color: #f8f8f8;
}
.edit-attachments-container .deliverable-collapse-table .card-body p {
  color: black;
  font-weight: 600;
}
.edit-attachments-container .file-upload-block {
  background-color: #f8f8f8;
  border: 2px dashed #ced4da;
}
.edit-attachments-container .file-upload-block.highlight-upload-block {
  border-color: #10426c;
  background-color: #b1e2f2;
}
.edit-attachments-container .file-upload-block .file-upload-gallery .header-text {
  cursor: default;
}
.edit-attachments-container .file-upload-block .file-upload-gallery .header-text .expand-btn {
  color: #10426c;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  height: 16px;
}
.edit-attachments-container .file-upload-block .file-upload-gallery .header-text .expand-text {
  color: black;
}
.edit-attachments-container #file-upload-btn-container {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
.edit-attachments-container #file-upload-btn-container .greenbtn .number-pill {
  color: #10426c;
  background: white;
  padding: 0px 0.75rem;
  border-radius: 30px;
  font-weight: bold;
  text-decoration: none;
}
.edit-attachments-container #file-upload-btn-container .greenbtn:hover .number-pill {
  color: #10426c;
}
.edit-attachments-container #added-attachments-table {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.edit-attachments-container #added-attachments-table .add-attachment-expand {
  cursor: pointer;
}
.edit-attachments-container #added-attachments-table .add-attachment-expand .added-attachment-delete-icon {
  display: block;
  color: #dc3545;
}
.edit-attachments-container #added-attachments-table .add-attachment-expand .added-attachment-cancel-icon {
  display: none;
  color: #10426c;
}
.edit-attachments-container #added-attachments-table .add-attachment-expand[aria-expanded=true] .added-attachment-delete-icon {
  display: none;
}
.edit-attachments-container #added-attachments-table .add-attachment-expand[aria-expanded=true] .added-attachment-cancel-icon {
  display: block;
}
@keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

#deliverables-info-modal .modal-var-width {
  width: 80vw;
  max-width: 1400px;
}
#deliverables-info-modal .modal-stack-tabs .nav-link {
  text-align: left;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid grey;
  color: #0f222f;
  background: white;
  font-weight: 500;
}
#deliverables-info-modal .modal-stack-tabs .nav-link.active {
  background: #05af55;
  color: white;
  font-weight: 600;
  border-bottom: none;
}
#deliverables-info-modal .stack-tab-content-title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 0.5rem;
}
#deliverables-info-modal .trl-description-table {
  margin-left: 1rem;
  margin-right: 1rem;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
}
#deliverables-info-modal .trl-description-table p {
  margin-bottom: 0;
}
#deliverables-info-modal .trl-description-table .trl-row {
  border-bottom: 1px solid lightgrey;
  padding: 0.5rem 0;
}
#deliverables-info-modal .trl-description-table .trl-row .trl-label {
  font-weight: 500;
}
#deliverables-info-modal .trl-description-table .trl-row .trl-label .pill-list-item {
  line-height: normal;
  text-align: center;
}
#deliverables-info-modal .trl-description-table .trl-row .tab-content {
  background: #f8f8f8;
  padding: 1rem;
}
#deliverables-info-modal .trl-description-table .trl-row .nav-tabs .nav-link {
  color: #0f222f;
  border-radius: 0;
}
#deliverables-info-modal .trl-description-table .trl-row .nav-tabs .active {
  background-color: #0f222f;
  color: white;
  font-weight: 600;
  text-decoration: none;
}
#deliverables-info-modal .trl-description-table .trl-row .deliverables-border {
  border-width: 2px;
  border-color: #10426c;
}
@media screen and (min-width: 992px) {
  .edit-deliverables-page .content-container {
    max-width: 85vw;
  }
}
.edit-deliverables-page .expand-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Vertically align items */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; /* Align content to the start */
  background-color: #10426c; /* Default blue background */
  color: white; /* White text color */
  text-decoration: none;
  padding: 10px; /* Padding around the content */
  border-radius: 25px; /* Rounded corners */
  margin-top: -20px;
  width: 40px; /* Default width for the icon only */
  height: 40px; /* Fixed height for the circle */
  overflow: hidden; /* Hide overflow */
  font-weight: 600;
  border: solid 2px white;
  position: relative; /* For positioning child elements */
  -webkit-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s; /* Smooth expansion and background transitions */
}
.edit-deliverables-page .expand-pill:hover {
  width: 195px; /* Expanded width on hover */
  background-color: #05af55; /* Change background color on hover */
}
.edit-deliverables-page .expand-pill:hover span {
  opacity: 1; /* Fade in text on hover */
  -webkit-transform: translateY(-50%) translateX(-15%);
          transform: translateY(-50%) translateX(-15%); /* Slide text into view */
}
.edit-deliverables-page .expand-pill .circle {
  background-color: transparent; /* Transparent background for the circle */
  border-radius: 50%; /* Circle shape */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Center the icon */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center the icon */
  width: 40px; /* Fixed width */
  height: 40px; /* Fixed height */
  -ms-flex-negative: 0;
      flex-shrink: 0; /* Prevent shrinking of the circle */
  position: absolute; /* Keep circle in a fixed position */
  left: -1px; /* Position the circle towards the left inside the container */
  top: 50%; /* Vertically center the circle */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); /* Adjust for vertical centering */
}
.edit-deliverables-page .expand-pill span {
  display: inline-block; /* Ensure inline-block for proper layout */
  opacity: 0; /* Initially hide the text */
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; /* Smooth fade-in and slide-in */
  font-size: 14px;
  text-align: left;
  color: white; /* Text color */
  white-space: nowrap; /* Prevent text wrapping */
  position: absolute; /* Absolute position for alignment */
  left: 58px; /* Position text to the right of the circle */
  top: 50%; /* Vertically center the text */
  -webkit-transform: translateY(-50%) translateX(-150%);
          transform: translateY(-50%) translateX(-150%); /* Initially slide text out of view */
}
@media screen and (min-width: 992px) {
  .edit-deliverables-page #add-new-modal .sections-block-container .col-lg-5 {
    max-width: 66.666667%;
  }
}
.animal-models-hub {
  /* ---SIDE NAV MENU---------------------------------- */
  /* --SPACING FOR ICONS------- */
  /*--PADDING---*/
  /*blue gradient background*/
  /*ARRIVE Logo Header*/
  /*ARRIVE Graphic*/
  /*External Link styling*/
  /* Add the Font Awesome icon using the ::after pseudo-element */
  /*Numbers styling for list*/
  /*---ARRIVE partial----*/
  /* Arrive List graphic */
  /* the underline */
  /* expand the line when hovering anywhere over the box link */
  /* Box Styling */
  /* ARRIVE GUIDELINES Top and Bottom Blue Strips */
  /* Half-Circle Styling */
  /* Left Half-Circle */
  /* Right Half-Circle */
  /* Image in Half-Circle */
  /* Ordered List Styling */
  /* Add Green Line to Flat Sides of Half-Circles */
  /* Position Green Line for Left Half-Circle */
  /* Position Green Line for Right Half-Circle */
  /* Light Blue Text and Background */
  /*Headings for graphic*/
  /*Accordion Styling*/
  /* Triangle Toggle Icon */
  /* Second Accordion item light blue boxes */
  /* First Accordion Icon Rows*/
  /*Animation for ARRIVE Guidline boxes*/
  /*--Mobile list to replace arrive resources graphic on mobile--*/
  /* Mobile list is hidden by default */
  /* Remove default list styling */
  /* List item styles */
  /* Honeycomb shape styles */
  /* Link styles */
  /* Responsive adjustments for Mobile List */
  /*Three Boxes of CTAs*/
  /*Accordion Read-more Button Styling*/
  /*Text Below Arrive Guidelines graphic*/
  /*Resizing Arrive image for */
  /*-DATA-TABLE--------------*/
  /* md+: left is >= 33.333% (col-4), can grow; right takes the rest */
  /* md+ only */
  /* Two-up pills (md+) for Challenge Viruses */
  /* md+ only; don't touch outer columns */
  /* md+: left is >= 33.333% (col-4), can grow; right takes the rest */
  /* modal columns growth and shrinkage*/
  /* Second accordion icon Row + items (unchanged) */
  /* Circle: filled color + white inner ring + colored outer ring */
  /* Make the icon white */
  /* Label */
  /* Per-item colors (drives fill + outer ring; icon stays white) */
  /* Animal */
  /* Pathogen */
  /* Study Details */
  /* Endpoints */
  /* Positive Control MCM */
  /* add the FA icon after the word */
  /* Keep it steady on hover/focus/active of the wrapper link */
  /* Constrain overall modal but allow it to shrink */
  /* Header is natural height */
  /* Body must take the leftover space */
  /* Your content wrapper */
  /* Tabs bar stays fixed */
  /* Only the tab content scrolls */
  /* md+ only */
}
.animal-models-hub .sticky-menu {
  position: fixed;
  top: 280px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1000;
}
.animal-models-hub .left-menu {
  left: 2.8%;
}
.animal-models-hub .nav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Align items vertically */
  background-color: #11416c; /* Blue background */
  color: white; /* White text color */
  text-decoration: none;
  padding: 10px 10px; /* updated spacing*/
  border-radius: 25px; /* Rounded corners to circle */
  margin: 10px 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s; /* Transition for smooth expansion */
  width: 40px; /* Initial width for icon only */
  height: 40px; /* Ensure height for circle */
  overflow: hidden; /* Hide overflow */
  font-weight: 600;
  border: solid 2px white;
}
.animal-models-hub .nav-items span {
  display: none; /* Hide the text initially */
  opacity: 0; /* Make text invisible */
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; /* Transition for fade-in effect */
}
.animal-models-hub .nav-items:hover {
  width: 100%; /* Width when expanded */
  padding-left: 15px; /* Add space for text */
  padding-right: 20px; /* Add space for end of text */
  border-radius: 25px; /* Rounded corners when expanded */
  background-color: #05af55;
  color: white;
}
.animal-models-hub .nav-items:hover span {
  display: inline; /* Show the text on hover */
  opacity: 1; /* Fade in the text */
  font-size: 14px;
  text-align: left;
  color: white;
  white-space: nowrap;
}
.animal-models-hub .nav-items.active {
  background-color: #05af55; /* Green background when active */
  color: white; /* Maintain white text color */
}
.animal-models-hub .circle {
  background-color: #11416c; /* Blue background */
  border-radius: 50%; /* Make it circular */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Center the icon */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center the icon */
  margin-right: 10px; /* Space between icon and text */
  background-color: transparent;
  font-size: 16px;
}
.animal-models-hub .expand-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Vertically align items */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; /* Align content to the start */
  background-color: #10426c; /* Default blue background */
  color: white; /* White text color */
  text-decoration: none;
  padding: 10px; /* Padding around the content */
  border-radius: 25px; /* Rounded corners */
  margin-top: -20px;
  width: 40px; /* Default width for the icon only */
  height: 40px; /* Fixed height for the circle */
  overflow: hidden; /* Hide overflow */
  font-weight: 600;
  border: solid 2px white;
  position: relative; /* For positioning child elements */
  -webkit-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s; /* Smooth expansion and background transitions */
}
.animal-models-hub .expand-pill:hover {
  width: 195px; /* Expanded width on hover */
  background-color: #05af55; /* Change background color on hover */
}
.animal-models-hub .expand-pill:hover span {
  opacity: 1; /* Fade in text on hover */
  -webkit-transform: translateY(-50%) translateX(-15%);
          transform: translateY(-50%) translateX(-15%); /* Slide text into view */
}
.animal-models-hub .expand-pill .circle {
  background-color: transparent; /* Transparent background for the circle */
  border-radius: 50%; /* Circle shape */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Center the icon */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center the icon */
  width: 40px; /* Fixed width */
  height: 40px; /* Fixed height */
  -ms-flex-negative: 0;
      flex-shrink: 0; /* Prevent shrinking of the circle */
  position: absolute; /* Keep circle in a fixed position */
  left: -1px; /* Position the circle towards the left inside the container */
  top: 50%; /* Vertically center the circle */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); /* Adjust for vertical centering */
}
.animal-models-hub .expand-pill span {
  display: inline-block; /* Ensure inline-block for proper layout */
  opacity: 0; /* Initially hide the text */
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; /* Smooth fade-in and slide-in */
  font-size: 14px;
  text-align: left;
  color: white; /* Text color */
  white-space: nowrap; /* Prevent text wrapping */
  position: absolute; /* Absolute position for alignment */
  left: 58px; /* Position text to the right of the circle */
  top: 50%; /* Vertically center the text */
  -webkit-transform: translateY(-50%) translateX(-150%);
          transform: translateY(-50%) translateX(-150%); /* Initially slide text out of view */
}
.animal-models-hub .row-padding {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (max-width: 768px) {
  .animal-models-hub {
    /*Hide guidelines icons on mobile*/
    /*--Hide side menu--*/
    /*-Arrive image padding on mobile-*/
  }
  .animal-models-hub .row-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .animal-models-hub .box .half-circle.right {
    display: none;
  }
  .animal-models-hub .box .half-circle.left {
    display: none;
  }
  .animal-models-hub .arrive-partial svg {
    display: none;
  }
  .animal-models-hub .sticky-menu {
    display: none;
  }
  .animal-models-hub .box {
    margin-top: 20px;
    overflow: hidden;
  }
  .animal-models-hub .text-end {
    padding-top: 10px;
  }
}
.animal-models-hub .blue-honeycomb {
  background: -webkit-gradient(linear, left top, left bottom, from(#AFE0F0), color-stop(50%, #ffffff), to(#AFE0F0)), radial-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px);
  background: linear-gradient(to bottom, #AFE0F0 0%, #ffffff 50%, #AFE0F0 100%), radial-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px);
  background-size: 100% 100%, 8px 8px;
  background-repeat: no-repeat, repeat;
  background-blend-mode: soft-light;
  display: flow-root;
}
.animal-models-hub .align-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.animal-models-hub .arrive-graphic {
  width: 100%;
}
.animal-models-hub a.external {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.animal-models-hub a.external::after {
  content: "\f35d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: slategray !important;
  margin-left: 3px;
  font-size: 12px;
  margin-right: 1px;
}
.animal-models-hub a.external-btn::after {
  content: "\f35d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: white;
  margin-left: 2px;
  font-size: 14px;
  margin-right: 1px;
  text-decoration: none;
}
.animal-models-hub .box a.external::after {
  content: "\f35d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: inherit !important;
  margin-left: 5px;
  font-size: 12px;
  margin-right: 1px;
}
.animal-models-hub .blue a {
  color: white;
}
.animal-models-hub ol li::marker {
  font-weight: 500;
}
.animal-models-hub .grey-honeycomb {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/dist/images/white_hex_bg.b423adb458873525f2ea29643caa6ce4.jpg);
}
.animal-models-hub .arrive-partial {
  /*Ensure z-index respected*/
}
.animal-models-hub .arrive-partial .svg {
  position: relative;
}
.animal-models-hub .arrive-partial .an {
  letter-spacing: -0.01em;
}
.animal-models-hub .arrive-partial .ao {
  letter-spacing: 0em;
}
.animal-models-hub .arrive-partial .ap {
  -webkit-filter: url(#o);
          filter: url(#o);
}
.animal-models-hub .arrive-partial .ap, .animal-models-hub .arrive-partial .aq, .animal-models-hub .arrive-partial .ar, .animal-models-hub .arrive-partial .as, .animal-models-hub .arrive-partial .at, .animal-models-hub .arrive-partial .au {
  fill: #0db054;
}
.animal-models-hub .arrive-partial .av {
  letter-spacing: 0em;
}
.animal-models-hub .arrive-partial .aw {
  -webkit-filter: url(#q);
          filter: url(#q);
}
.animal-models-hub .arrive-partial .aw, .animal-models-hub .arrive-partial .ax, .animal-models-hub .arrive-partial .ay, .animal-models-hub .arrive-partial .az, .animal-models-hub .arrive-partial .ba, .animal-models-hub .arrive-partial .bb {
  fill: #fff;
}
.animal-models-hub .arrive-partial .aw, .animal-models-hub .arrive-partial .ax, .animal-models-hub .arrive-partial .ay, .animal-models-hub .arrive-partial .az, .animal-models-hub .arrive-partial .bb {
  stroke: #10426c;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
.animal-models-hub .arrive-partial .bc {
  letter-spacing: -0.02em;
}
.animal-models-hub .arrive-partial .bd {
  letter-spacing: 0em;
}
.animal-models-hub .arrive-partial .ax {
  -webkit-filter: url(#b);
          filter: url(#b);
}
.animal-models-hub .arrive-partial .ay {
  -webkit-filter: url(#ah);
          filter: url(#ah);
}
.animal-models-hub .arrive-partial .az {
  -webkit-filter: url(#al);
          filter: url(#al);
}
.animal-models-hub .arrive-partial .aq {
  -webkit-filter: url(#ad);
          filter: url(#ad);
}
.animal-models-hub .arrive-partial .ba {
  font-family: Montserrat-SemiBold, Montserrat;
  font-size: 24.68px;
  font-weight: 600;
}
.animal-models-hub .arrive-partial .be {
  letter-spacing: -0.01em;
}
.animal-models-hub .arrive-partial .bf {
  -webkit-filter: url(#l);
          filter: url(#l);
}
.animal-models-hub .arrive-partial .bf, .animal-models-hub .arrive-partial .bg, .animal-models-hub .arrive-partial .bh, .animal-models-hub .arrive-partial .bi, .animal-models-hub .arrive-partial .bj {
  fill: #11416c;
}
.animal-models-hub .arrive-partial .bk {
  letter-spacing: -0.02em;
}
.animal-models-hub .arrive-partial .ar {
  -webkit-filter: url(#e);
          filter: url(#e);
}
.animal-models-hub .arrive-partial .as {
  -webkit-filter: url(#j);
          filter: url(#j);
}
.animal-models-hub .arrive-partial .at {
  -webkit-filter: url(#y);
          filter: url(#y);
}
.animal-models-hub .arrive-partial .bb {
  -webkit-filter: url(#v);
          filter: url(#v);
}
.animal-models-hub .arrive-partial .bl {
  letter-spacing: -0.05em;
}
.animal-models-hub .arrive-partial .au {
  -webkit-filter: url(#t);
          filter: url(#t);
}
.animal-models-hub .arrive-partial .bg {
  -webkit-filter: url(#aa);
          filter: url(#aa);
}
.animal-models-hub .arrive-partial .bh {
  -webkit-filter: url(#g);
          filter: url(#g);
}
.animal-models-hub .arrive-partial .bi {
  -webkit-filter: url(#aj);
          filter: url(#aj);
}
.animal-models-hub .arrive-partial .bj {
  -webkit-filter: url(#af);
          filter: url(#af);
}
.animal-models-hub .animated-line {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.animal-models-hub .animated-line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #0db054;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.animal-models-hub .box-link:hover .animated-line::after,
.animal-models-hub .box-link:focus .animated-line::after,
.animal-models-hub .box-link:active .animated-line::after {
  width: 100%;
}
.animal-models-hub .box {
  position: relative;
  background-color: #EFEEEE; /* Light gray */
  border: 1px solid #ddd;
  padding: 1rem 0rem;
  overflow: visible; /* Allow content to overflow outside the box */
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.animal-models-hub .box .blue-strip {
  width: 100%;
  text-align: center;
  font-weight: bold;
  position: relative;
  font-size: 16px;
}
.animal-models-hub .blue {
  background-color: #11416c;
  color: white;
}
.animal-models-hub .box .blue-strip.top {
  padding: 10px 1.5rem;
  text-align: left;
}
.animal-models-hub .box .blue-strip.bottom {
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.animal-models-hub .box .half-circle {
  position: absolute;
  height: 180px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); /* Adjust for vertical centering */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.animal-models-hub .box .half-circle.left {
  left: -70px;
  -webkit-clip-path: circle(50% at 100% 50%);
          clip-path: circle(50% at 100% 50%);
  background-color: #11416c; /* Dark blue */
  padding: 10px 5px;
}
.animal-models-hub .box .half-circle.right {
  right: -70px;
  -webkit-clip-path: circle(50% at 0 50%);
          clip-path: circle(50% at 0 50%);
  background-color: #AFE0F0; /* Light blue */
  padding: 10px 5px;
}
.animal-models-hub .box .half-circle img {
  width: 60px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center; /* Center the image within the half-circle */
}
.animal-models-hub .box ol {
  margin-top: 1rem;
  padding-left: 1.5rem;
}
.animal-models-hub .box .half-circle:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background-color: #05af55;
}
.animal-models-hub .box .half-circle.left:before {
  right: 0;
  top: 0;
}
.animal-models-hub .box .half-circle.right:before {
  left: 0;
  top: 0;
}
.animal-models-hub .light-blue {
  background-color: #AFE0F0;
  color: #0e212e;
}
.animal-models-hub .light-blue a {
  text-decoration: none;
  color: #0e212e;
}
.animal-models-hub .blue a {
  color: white;
  text-decoration: none;
}
.animal-models-hub .accordion {
  width: 100%;
  margin: 0px auto 20px;
}
.animal-models-hub .accordion-item {
  background-color: #11416c; /* Dark blue */
  color: white;
  overflow: hidden;
  margin-bottom: 15px; /* Adds spacing between items */
  border: 2px solid #11416c; /* Adds a border for better definition */
}
.animal-models-hub .accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 20px;
  cursor: pointer;
  position: relative;
}
.animal-models-hub .accordion-header h3 {
  margin: 0;
  font-size: 16px;
  text-align: left;
  color: white;
}
.animal-models-hub .accordion-header::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid white; /* Triangle pointing up */
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.animal-models-hub .accordion-header.active::after {
  -webkit-transform: translateY(-50%) rotate(360deg);
          transform: translateY(-50%) rotate(360deg); /* Triangle pointing down */
}
.animal-models-hub .accordion-body {
  background-color: white; /* White portion */
  color: #333;
  padding: 20px 20px;
  overflow: hidden;
  max-height: 100%; /* Default height to show intro */
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.animal-models-hub .accordion-body.show {
  max-height: 100%; /* Adjusts based on content */
}
.animal-models-hub .accordion-intro {
  font-size: 0.9rem;
  color: #333;
  margin-bottom: 10px;
}
.animal-models-hub .accordion-details {
  font-size: 14px;
  color: #333;
  display: none; /* Hidden by default */
}
.animal-models-hub .accordion-body.show .accordion-details {
  display: block; /* Revealed when expanded */
}
.animal-models-hub .read-more {
  font-weight: 500;
  color: #11416c;
  cursor: pointer;
}
.animal-models-hub .task-box {
  background-color: #afe0f0; /* Light blue background */
  -webkit-box-shadow: 4px 4px 6px lightgray, inset 0 0 6px 6px rgba(90, 141, 193, 0.32);
          box-shadow: 4px 4px 6px lightgray, inset 0 0 6px 6px rgba(90, 141, 193, 0.32); /* Dark blue inverted drop shadow */
  border-radius: 8px;
  padding: 15px;
  text-align: center;
  height: 100%; /* Fixed height */
  width: 100%; /* Full width within the grid */
  max-width: 300px; /* Optional max width for large screens */
  margin: auto;
}
.animal-models-hub .task-box h3 {
  font-weight: 600; /* Bold heading */
  color: #0e212e; /* Dark blue text */
  margin-bottom: 5px;
  font-size: 13px;
  text-transform: uppercase;
}
.animal-models-hub .task-box p {
  color: #0e212e; /* Slightly darker blue for body text */
  font-size: 12px;
  margin: 0;
  line-height: 1.5;
}
.animal-models-hub .task-box span {
  font-style: italic;
  font-size: 12px;
  color: #0e212e; /* Dark blue for emphasis */
}
.animal-models-hub .image-container {
  text-align: center;
  margin-bottom: 10px;
}
.animal-models-hub .image-container img {
  width: 100%;
  max-width: 100px; /* Consistent image size */
  height: auto;
}
.animal-models-hub .image-container h5 {
  margin-top: 10px;
  font-size: 13px;
  line-height: normal;
}
.animal-models-hub .container {
  padding-left: 40px;
}
.animal-models-hub .container-full {
  min-width: 80vw !important;
}
.animal-models-hub .box {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; /* Smooth animation on hover */
}
.animal-models-hub .box:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px); /* Slight lift on hover */
}
.animal-models-hub #mobile-list {
  display: none;
}
.animal-models-hub .honeycomb-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.animal-models-hub .honeycomb-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px; /* Space between list items */
}
.animal-models-hub .honeycomb-shape {
  width: 23px;
  height: 20px;
  background-color: #05af55; /* Green */
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
          clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* Hexagonal shape */
  margin-right: 10px; /* Space between honeycomb and text */
  -ms-flex-negative: 0;
      flex-shrink: 0; /* Prevent the honeycomb from shrinking */
}
.animal-models-hub .honeycomb-item a {
  font-size: 15px;
  font-weight: 600;
  word-break: break-word; /* Break long words for better responsiveness */
}
@media (max-width: 480px) {
  .animal-models-hub .honeycomb-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .animal-models-hub .honeycomb-shape {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.animal-models-hub .cta-box h3 {
  font-size: 20px;
}
.animal-models-hub .cta-box .greenbtn {
  padding-right: 30px;
  padding-left: 30px;
  font-family: "Montserrat";
  font-weight: bold;
  border-color: white;
  background-color: #05af55;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.animal-models-hub .cta-section .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Enable flexbox layout for the row */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; /* Allow wrapping for smaller screens */
}
.animal-models-hub .cta-section .col-md-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Enable flexbox layout for the column */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /* Stack children vertically */
}
.animal-models-hub .cta-section .cta-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: white;
  padding: 16px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  padding: 20px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.animal-models-hub .cta-section .cta-box:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px); /* Slight lift on hover */
}
.animal-models-hub .cta-section .greenbtn:hover {
  background-color: #11416c;
  color: white;
}
.animal-models-hub .greenbtnsm {
  padding-right: 30px;
  padding-left: 30px;
  font-family: "Montserrat";
  font-weight: 600;
  border-color: white;
  background-color: #05af55;
  color: white;
  border: none;
  padding: 5px 20px;
  font-size: 14px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  text-align: center;
}
.animal-models-hub .greenbtnsm:hover {
  background-color: #11416c;
  color: white;
}
.animal-models-hub .captions {
  font-size: 11px;
  line-height: 1.5;
  margin-top: 10px;
}
.animal-models-hub .img-fluid {
  width: 100%;
  max-width: 150px;
  height: auto;
  float: right;
}
.animal-models-hub .revampp-datatable table.dataTable tbody td {
  /* vertical-align: initial; */
  text-align: left;
}
.animal-models-hub .AM-table .nav-tabs .nav-link {
  color: #0f222f;
  border-radius: 0;
}
.animal-models-hub .AM-table .nav-link:hover {
  background-color: white;
}
.animal-models-hub .AM-table .nav-tabs .active {
  background-color: #0f222f;
  color: white;
  border-color: #495057;
  font-weight: 600;
  text-decoration: none;
}
.animal-models-hub .AM-table .filter-label {
  font-size: 12px;
  color: black;
  font-weight: 400;
}
.animal-models-hub .AM-table #list-filter-container {
  border: 1px solid #0f222f;
  padding: 10px 15px;
  background-color: #f8f8f8;
}
.animal-models-hub .AM-table #list-filter-container .dropdown {
  border: 1px solid #909090;
}
.animal-models-hub .AM-table #list-filter-container .dropdown .dropdown-toggle {
  background: white;
}
.animal-models-hub .AM-table #list-filter-container .filter-option {
  font-size: 12px !important;
}
.animal-models-hub .table-column-icon {
  min-width: 26px;
  width: 26px;
}
.animal-models-hub .table-column-xs {
  min-width: 50px;
  width: 50px;
  max-width: 50px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.animal-models-hub .table-column-sm {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.animal-models-hub .table-column-md {
  min-width: 250px;
  width: 250px;
  max-width: 250px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.animal-models-hub .table-column-lg {
  min-width: 400px;
  width: 400px;
  max-width: 400px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.animal-models-hub dt {
  font-weight: 600 !important;
  font-size: 15px;
  padding-bottom: 5px;
}
.animal-models-hub .pdf-btn {
  background-color: #11416c;
  color: white;
  font-size: 14px;
  margin-top: 5px;
  padding: 2px 4px;
}
.animal-models-hub .pdf-btn:hover {
  background-color: #05af55;
  color: white;
}
.animal-models-hub td {
  font-size: 12px;
}
.animal-models-hub .modal-content {
  border-radius: 0;
}
.animal-models-hub .modal-header {
  background: #10426c;
  border-radius: 0;
}
.animal-models-hub .modal-body .nav-tabs .nav-link {
  color: #0f222f;
  border-radius: 0;
}
.animal-models-hub .modal-header .close-am-btn-container {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.animal-models-hub .modal-header .close-am-btn-container:hover {
  -webkit-filter: brightness(85%);
          filter: brightness(85%);
}
.animal-models-hub .modal-header .close-am-btn {
  float: none;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: white;
  color: #10426c;
  width: 30px;
  height: 30px;
  padding: 0;
  cursor: pointer;
  opacity: 100%;
}
.animal-models-hub .list-inline-item {
  display: inline-block;
  background-color: #05af55;
  /* height: 40px; */
  margin: 5px 10px 5px 0px;
  border-radius: 50px;
  padding: 10px 20px;
  color: white;
}
.animal-models-hub .pill {
  display: inline-block;
  border-radius: 9999px;
  padding: 0.5rem 0.6rem;
  font-size: 14px;
  line-height: 1;
  margin: 0.4rem 0.6rem 0.5rem 0;
  white-space: nowrap;
  font-weight: 500;
}
.animal-models-hub .pill--purpose {
  background-color: #dee2e6;
  color: #11416c;
  border: solid 1px #11416c;
  margin: 0 0.5rem 0.5rem 0;
}
.animal-models-hub .pill--virusfamily {
  background-color: #11416c;
  color: white;
}
.animal-models-hub .pill--route {
  background-color: #fcb316;
  color: #212529;
}
.animal-models-hub .pill--modelstatus {
  background-color: #11416c;
  color: white;
  margin: 0 0.5rem 0.5rem 0;
}
.animal-models-hub .pill--dose {
  background-color: #b1e2f2;
  color: #11416c;
}
.animal-models-hub .pill--challengevirus {
  background-color: #67c194;
  color: white;
}
.animal-models-hub .pill--virussource {
  background-color: #0f222f;
  color: white;
}
.animal-models-hub .pill--pub {
  border-radius: 0;
  background-color: #b1e2f2;
  color: #11416c;
}
.animal-models-hub .am-title {
  font-size: 26px;
  color: #11416c;
  font-weight: 600;
  margin: 0 0.5rem 0.5rem 0;
}
.animal-models-hub .margin-grey {
  margin: 12px 0px 0px !important;
}
.animal-models-hub .date-time {
  font-size: 14px;
  font-weight: 600 !important;
}
.animal-models-hub .modal-body .nav-tabs .active {
  background-color: #0f222f;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.animal-models-hub .pill--endpoints {
  background-color: #11416c;
  color: white;
}
.animal-models-hub .pill--cores {
  background-color: #05af55;
  color: white;
}
.animal-models-hub .grey-inner-line {
  border: 0;
  border-top: 1px solid #ccc;
  margin: 8px 0 20px;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; /* ensures full width in flex (.row) */
  display: block;
}
.animal-models-hub .am-animal-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.animal-models-hub .am-animal-table thead th {
  text-align: center;
  background-color: #b1e2f2;
  border: 1px solid #0F222F;
  padding: 0.3rem 0.75rem;
  vertical-align: middle;
}
.animal-models-hub .am-animal-table tbody td {
  background: #fff;
  border: 1px solid #0F222F;
  padding: 0.5rem 0.75rem;
  vertical-align: top;
  text-align: center;
}
.animal-models-hub .champ-card {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.animal-models-hub .overview-blue-card {
  background: #10426c;
  padding: 0.8rem;
  line-height: 1.5;
}
.animal-models-hub .overview-blue-card .overview-title {
  color: white;
  font-size: 12px;
  font-weight: 700;
}
.animal-models-hub .overview-blue-card .overview-subtitle {
  color: white;
  font-size: 10px;
  font-weight: 500;
  font-style: italic;
}
@media screen and (min-width: 992px) {
  .animal-models-hub .overview-blue-card {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.animal-models-hub .modal-body a.external::after {
  content: "\f35d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #11416c !important;
  margin-left: 3px;
  font-size: 12px;
  margin-right: 1px;
}
.animal-models-hub .model-name-link {
  font-weight: 500;
  color: #11416c;
}
.animal-models-hub .am-detail {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.animal-models-hub .am-detail thead th {
  text-align: center;
  background: #b1e2f2;
  border: 1px solid #0F222F;
  padding: 0.3rem 0.75rem;
  vertical-align: middle;
}
.animal-models-hub .am-detail tbody td {
  background: #fff;
  border: 1px solid #0F222F;
  padding: 0.5rem 0.75rem;
  vertical-align: top;
  text-align: center;
}
.animal-models-hub .champ-card {
  max-width: 300px;
}
.animal-models-hub .overview-blue-card {
  background: #10426c;
  padding: 0.5rem;
  min-width: 200px;
}
.animal-models-hub .overview-blue-card .overview-title {
  color: white;
  font-size: 12px;
  font-weight: 700;
}
.animal-models-hub .overview-blue-card .overview-subtitle {
  color: white;
  font-size: 10px;
  font-weight: 500;
  font-style: italic;
  white-space: normal;
}
@media screen and (min-width: 992px) {
  .animal-models-hub .overview-blue-card {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (min-width: 768px) {
  .animal-models-hub {
    /* keep on one line */
  }
  .animal-models-hub .am-fluid-cols {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .animal-models-hub .am-fluid-cols > .col-md-4 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 33.333% !important;
            flex: 1 0 33.333% !important; /* grow=1, shrink=0, basis=33.333% */
    min-width: 33.333% !important; /* hard floor at col-4 */
    max-width: none !important; /* allow growth past 33.333% */
  }
  .animal-models-hub .am-fluid-cols > .col-md-8 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 0px !important;
            flex: 1 1 0 !important; /* fills remaining space, can shrink */
    min-width: 0; /* allow wrapping instead of overflow */
    max-width: none !important;
  }
  .animal-models-hub .am-dl dd {
    overflow-wrap: anywhere;
  }
}
.animal-models-hub .modal-body a.external::after {
  content: "\f35d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #11416c !important;
  margin-left: 3px;
  font-size: 12px;
  margin-right: 1px;
}
.animal-models-hub .model-name-link {
  font-weight: 500;
  color: #11416c;
}
.animal-models-hub .blue-line {
  border: 0;
  border-top: 2px solid #11416c;
  margin: 8px 0 30px;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; /* ensures full width in flex (.row) */
  display: block;
}
.animal-models-hub .pdf-header {
  color: #11416c;
  text-align: left;
  font-size: 20px;
}
.animal-models-hub .am-after-pill {
  margin-top: 6px;
}
.animal-models-hub .greenbtn-sm {
  font-family: "Montserrat";
  font-weight: bold;
  border-color: white;
  background-color: #05af55;
  color: white;
  border: none;
  padding: 10px 15px;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  text-decoration: none;
  border-radius: 3px;
}
.animal-models-hub .greenbtn-sm:hover {
  background-color: #11416c;
}
@media (min-width: 768px) {
  .animal-models-hub #list-filter-container .row > .col-md-3 {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 20% !important;
            flex: 0 0 20% !important;
    max-width: 20% !important;
  }
}
.animal-models-hub label {
  font-size: 13px;
}
.animal-models-hub .nav-tabs .nav-link.active {
  color: white;
  background-color: #0f222f;
  border-color: #0f222f;
}
.animal-models-hub .icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px 32px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.animal-models-hub .icon-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  min-width: 180px;
  gap: 8px;
}
.animal-models-hub .icon-circle {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: currentColor; /* fill = per-item color */
  border: 4px solid #fff; /* white inner ring */
  -webkit-box-shadow: 0 0 0 2px currentColor;
          box-shadow: 0 0 0 2px currentColor; /* colored outer ring */
  color: #1c3863;
}
.animal-models-hub .icon-circle .svg-inline--fa {
  width: 26px;
  height: 26px;
  color: #fff;
}
.animal-models-hub .icon-circle .fa-solid {
  font-size: 26px;
  line-height: 1;
  color: #fff;
}
.animal-models-hub .icon-list > li > span:last-child {
  font-weight: 600;
}
.animal-models-hub .icon-list > li:nth-child(1) .icon-circle {
  color: #05af55;
}
.animal-models-hub .icon-list > li:nth-child(2) .icon-circle {
  color: #11416c;
}
.animal-models-hub .icon-list > li:nth-child(3) .icon-circle {
  color: #fcb316;
}
.animal-models-hub .icon-list > li:nth-child(4) .icon-circle {
  color: #05af55;
}
.animal-models-hub .icon-list > li:nth-child(5) .icon-circle {
  color: #11416c;
}
.animal-models-hub a.external, .animal-models-hub .external {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.animal-models-hub a.external::after, .animal-models-hub .external::after {
  content: "\f08e"; /* arrow-up-right-from-square */
  font: var(--fa-font-solid); /* Font Awesome 6 solid */
  font-size: 0.85em;
  margin-left: 0.35em;
  line-height: 1;
  color: currentColor; /* inherit text color */
}
.animal-models-hub .box-link .box ol {
  text-decoration: none;
}
.animal-models-hub .box-link.ol.li {
  text-decoration: none !important;
}
.animal-models-hub .box-link.a {
  text-decoration: none !important;
}
.animal-models-hub .box-link .box ol li,
.animal-models-hub .box-link .box ol li * {
  color: #0f222f; /* desired text color */
  text-decoration: none; /* kill underline propagation */
}
.animal-models-hub .box-link:hover .box ol li,
.animal-models-hub .box-link:focus .box ol li,
.animal-models-hub .box-link:active .box ol li {
  color: #0f222f;
  text-decoration: none;
}
.animal-models-hub .box-link a {
  text-decoration: none !important;
  color: #0f222f;
}
.animal-models-hub .box-link a:hover {
  text-decoration: none;
  color: #0f222f;
}
.animal-models-hub .box-link ol li::marker {
  color: inherit;
  font-weight: 500;
}
.animal-models-hub #animal-model-detail-modal .modal-dialog {
  margin: 10px auto;
  max-height: calc(100vh - 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* key */
}
.animal-models-hub #animal-model-detail-modal .modal-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; /* fill the dialog */
  min-height: 0; /* allow children to shrink */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.animal-models-hub #animal-model-detail-modal .modal-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.animal-models-hub #animal-model-detail-modal .modal-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; /* important: was 0 1 auto */
  min-height: 0; /* without this, scrolling often fails */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden; /* we will scroll only the tabs area */
}
.animal-models-hub #animal-model-detail-modal .am-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.animal-models-hub #animal-model-detail-modal .am-tabs {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.animal-models-hub #animal-model-detail-modal .tab-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto; /* vertical scroll here */
  overflow-x: hidden; /* no horizontal scroll */
  -webkit-overflow-scrolling: touch;
}
.animal-models-hub .filter-list dt {
  font-weight: 600;
  margin-top: 0.75rem;
}
.animal-models-hub .filter-list dd {
  margin-left: 0;
  color: #555;
}
.animal-models-hub .btn-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #fff;
  background-color: #11416c;
  border-color: #11416c;
  color: white;
}
.animal-models-hub .table-header {
  font-weight: bold;
  text-align: center;
  background-color: #f4f4f4;
  padding: 14px;
}
.animal-models-hub a.box-link {
  text-decoration: none;
}
.animal-models-hub #am-reset .btn {
  background-color: white;
  font-weight: 500;
}
@media (min-width: 768px) {
  .animal-models-hub {
    /* Labels on one line; values wrap */
  }
  .animal-models-hub .am-auto-pair {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .animal-models-hub .am-auto-pair .am-left {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    min-width: 33.33% !important;
    max-width: 55% !important;
  }
  .animal-models-hub .am-auto-pair .am-right {
    max-width: 100% !important; /* take remaining space */
  }
  .animal-models-hub .am-dl dt {
    white-space: nowrap;
  }
  .animal-models-hub .am-dl dd {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

#filterDefsModal {
  /* Modal shell */
  /* Responsive: stack on small screens */
}
#filterDefsModal .modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 90vh;
  max-height: 90vh;
  border-radius: 5px;
}
#filterDefsModal .modal-header {
  background: transparent !important;
  border: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; /* center title; keep close on right */
  border-bottom: 1px solid #d3d3d3;
}
#filterDefsModal .modal-title {
  margin: 0;
  text-align: center;
  width: 100%;
  font-size: 16px;
}
#filterDefsModal .modal-body {
  overflow-y: auto;
  padding: 1.5rem;
}
#filterDefsModal .filter-list dl {
  margin: 0;
}
#filterDefsModal .filter-list .def-row {
  display: grid;
  grid-template-columns: 30% 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding: 15px 0;
  border-bottom: 1px solid #d3d3d3;
}
#filterDefsModal .filter-list .def-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
#filterDefsModal .filter-list dt,
#filterDefsModal .filter-list dd {
  margin: 0;
  font-size: 14px;
}
@media (max-width: 768px) {
  #filterDefsModal .filter-list .def-row {
    grid-template-columns: 1fr;
  }
}
#filterDefsModal .protocol-toggle.greenbtn {
  padding: 5px 20px;
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  .edit-am-page .content-container {
    max-width: 85vw;
  }
}
.edit-am-page .expand-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Vertically align items */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; /* Align content to the start */
  background-color: #10426c; /* Default blue background */
  color: white; /* White text color */
  text-decoration: none;
  padding: 10px; /* Padding around the content */
  border-radius: 25px; /* Rounded corners */
  margin-top: -20px;
  width: 40px; /* Default width for the icon only */
  height: 40px; /* Fixed height for the circle */
  overflow: hidden; /* Hide overflow */
  font-weight: 600;
  border: solid 2px white;
  position: relative; /* For positioning child elements */
  -webkit-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s; /* Smooth expansion and background transitions */
}
.edit-am-page .expand-pill:hover {
  width: 195px; /* Expanded width on hover */
  background-color: #05af55; /* Change background color on hover */
}
.edit-am-page .expand-pill:hover span {
  opacity: 1; /* Fade in text on hover */
  -webkit-transform: translateY(-50%) translateX(-15%);
          transform: translateY(-50%) translateX(-15%); /* Slide text into view */
}
.edit-am-page .expand-pill .circle {
  background-color: transparent; /* Transparent background for the circle */
  border-radius: 50%; /* Circle shape */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Center the icon */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center the icon */
  width: 40px; /* Fixed width */
  height: 40px; /* Fixed height */
  -ms-flex-negative: 0;
      flex-shrink: 0; /* Prevent shrinking of the circle */
  position: absolute; /* Keep circle in a fixed position */
  left: -1px; /* Position the circle towards the left inside the container */
  top: 50%; /* Vertically center the circle */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); /* Adjust for vertical centering */
}
.edit-am-page .expand-pill span {
  display: inline-block; /* Ensure inline-block for proper layout */
  opacity: 0; /* Initially hide the text */
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; /* Smooth fade-in and slide-in */
  font-size: 14px;
  text-align: left;
  color: white; /* Text color */
  white-space: nowrap; /* Prevent text wrapping */
  position: absolute; /* Absolute position for alignment */
  left: 58px; /* Position text to the right of the circle */
  top: 50%; /* Vertically center the text */
  -webkit-transform: translateY(-50%) translateX(-150%);
          transform: translateY(-50%) translateX(-150%); /* Initially slide text out of view */
}
@media screen and (min-width: 992px) {
  .edit-am-page #add-new-modal .sections-block-container .col-lg-5 {
    max-width: 66.666667%;
  }
}
.animal-models-form {
  /*  .bootstrap-select .check-mark {
      position: absolute;
      left: .5rem !important;
      right: auto !important;
      color: #0d6efd;
  }*/
}
.animal-models-form .form-check-input {
  margin-top: 0.1rem;
}
.animal-models-form .bootstrap-select .dropdown-menu li a {
  position: relative;
  padding-left: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.animal-models-form .bootstrap-select .dropdown-menu li.selected > a {
  background-color: rgba(13, 110, 253, 0.08);
}
.animal-models-form .file-upload-block {
  background-color: #fff;
  border: 2px dashed #ced4da;
  padding-top: 3rem !important;
}
.animal-models-form .am-section:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.animal-models-form .am-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 0.75rem;
  padding-bottom: 0.25rem;
  line-height: 1.2;
}
.animal-models-form .am-title--blue {
  position: relative;
  padding-bottom: 0.5rem;
  color: #11416c;
  font-size: 20px;
}
.animal-models-form .am-title--blue::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #11416c;
  border-radius: 3px;
}
.animal-models-form label {
  color: #000;
  font-weight: 600;
  margin-bottom: 0.25rem;
  font-size: 14px;
}
.animal-models-form label.required::after {
  content: " *";
  color: red;
}
.animal-models-form .form-block-container {
  background: #f8f9fa;
  border: 1px solid #ced4da;
  padding: 1.5rem;
}
.animal-models-form input {
  margin-bottom: 0px !important;
}
.animal-models-form .btn-cancel {
  border: solid 2px #6c757d;
  color: #6c757d;
}
.animal-models-form .btn-cancel a {
  text-decoration: none;
}
.animal-models-form a.btn.btn-cancel {
  text-decoration: none;
  font-weight: 500;
}
.animal-models-form .btn-cancel:hover {
  background-color: #6c757d;
  color: white;
  text-decoration: none;
}
.animal-models-form .col-md-6, .animal-models-form .col-6 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.animal-models-form .dropdown-toggle {
  border: 1px solid #ced4da;
  background: #fff;
}
.animal-models-form .list-selection-btn {
  background: #10426c;
  color: white;
}
.animal-models-form .gallery-item {
  padding: 0.5rem 1rem;
  background-color: white;
}
.animal-models-form .list-gallery-container {
  border: 1px solid #ced4da;
}
.animal-models-form .bootstrap-select:not(.show-tick) .bs-actionsbox {
  display: none !important;
}
.animal-models-form .list-gallery-container .gallery-item {
  padding: 0.5rem 1rem;
  background-color: white;
  border-top: 1px solid #ced4da;
}
@media screen and (min-width: 992px) {
  .edit-ms-page .content-container {
    max-width: 85vw;
  }
}
.edit-ms-page .expand-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Vertically align items */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; /* Align content to the start */
  background-color: #10426c; /* Default blue background */
  color: white; /* White text color */
  text-decoration: none;
  padding: 10px; /* Padding around the content */
  border-radius: 25px; /* Rounded corners */
  margin-top: -20px;
  width: 40px; /* Default width for the icon only */
  height: 40px; /* Fixed height for the circle */
  overflow: hidden; /* Hide overflow */
  font-weight: 600;
  border: solid 2px white;
  position: relative; /* For positioning child elements */
  -webkit-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s; /* Smooth expansion and background transitions */
}
.edit-ms-page .expand-pill:hover {
  width: 195px; /* Expanded width on hover */
  background-color: #05af55; /* Change background color on hover */
}
.edit-ms-page .expand-pill:hover span {
  opacity: 1; /* Fade in text on hover */
  -webkit-transform: translateY(-50%) translateX(-15%);
          transform: translateY(-50%) translateX(-15%); /* Slide text into view */
}
.edit-ms-page .expand-pill .circle {
  background-color: transparent; /* Transparent background for the circle */
  border-radius: 50%; /* Circle shape */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Center the icon */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center the icon */
  width: 40px; /* Fixed width */
  height: 40px; /* Fixed height */
  -ms-flex-negative: 0;
      flex-shrink: 0; /* Prevent shrinking of the circle */
  position: absolute; /* Keep circle in a fixed position */
  left: -1px; /* Position the circle towards the left inside the container */
  top: 50%; /* Vertically center the circle */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); /* Adjust for vertical centering */
}
.edit-ms-page .expand-pill span {
  display: inline-block; /* Ensure inline-block for proper layout */
  opacity: 0; /* Initially hide the text */
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; /* Smooth fade-in and slide-in */
  font-size: 14px;
  text-align: left;
  color: white; /* Text color */
  white-space: nowrap; /* Prevent text wrapping */
  position: absolute; /* Absolute position for alignment */
  left: 58px; /* Position text to the right of the circle */
  top: 50%; /* Vertically center the text */
  -webkit-transform: translateY(-50%) translateX(-150%);
          transform: translateY(-50%) translateX(-150%); /* Initially slide text out of view */
}
@media screen and (min-width: 992px) {
  .edit-ms-page #add-new-modal .sections-block-container .col-lg-5 {
    max-width: 66.666667%;
  }
}
.edit-ms-page .ms-author-unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.35rem;
  margin-right: 0.75rem;
  white-space: nowrap;
}
.edit-ms-page .ms-mail-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit-ms-page hr.coreproject-line {
  line-height: normal;
  color: white;
}
.edit-ms-page .fa-calendar-days {
  color: #10426c !important;
}
.edit-ms-page .edit-toggle .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #10426c;
  background-color: #10426c;
}
.edit-ms-page .custom-switch .custom-control-label::before {
  cursor: pointer;
}
.edit-ms-page .custom-switch .custom-control-label::after {
  cursor: pointer;
}
.edit-ms-page .custom-control-label {
  cursor: pointer;
}
@charset "UTF-8";
.manuscript-tracker {
  /*External Link styling*/
  /* Add the Font Awesome icon using the ::after pseudo-element */
  /* Hexagon modifier */
  /* if you have explicit hover rules, neutralize them */
  /* Chart styling */
  /* Make the toggle look compact */
  /* Rotate chevron when open */
  /* Chart container sizing */
  /* Optional: reduce padding a bit on small screens */
}
.manuscript-tracker .container {
  max-width: 85vw !important;
}
.manuscript-tracker .expand-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Vertically align items */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; /* Align content to the start */
  background-color: #10426c; /* Default blue background */
  color: white; /* White text color */
  text-decoration: none;
  padding: 10px; /* Padding around the content */
  border-radius: 25px; /* Rounded corners */
  margin-top: -20px;
  width: 40px; /* Default width for the icon only */
  height: 40px; /* Fixed height for the circle */
  overflow: hidden; /* Hide overflow */
  font-weight: 600;
  border: solid 2px white;
  position: relative; /* For positioning child elements */
  -webkit-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s; /* Smooth expansion and background transitions */
}
.manuscript-tracker .expand-pill:hover {
  width: 195px; /* Expanded width on hover */
  background-color: #05af55; /* Change background color on hover */
}
.manuscript-tracker .expand-pill:hover span {
  opacity: 1; /* Fade in text on hover */
  -webkit-transform: translateY(-50%) translateX(-15%);
          transform: translateY(-50%) translateX(-15%); /* Slide text into view */
}
.manuscript-tracker .expand-pill .circle {
  background-color: transparent; /* Transparent background for the circle */
  border-radius: 50%; /* Circle shape */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Center the icon */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center the icon */
  width: 40px; /* Fixed width */
  height: 40px; /* Fixed height */
  -ms-flex-negative: 0;
      flex-shrink: 0; /* Prevent shrinking of the circle */
  position: absolute; /* Keep circle in a fixed position */
  left: -1px; /* Position the circle towards the left inside the container */
  top: 50%; /* Vertically center the circle */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); /* Adjust for vertical centering */
}
.manuscript-tracker .expand-pill span {
  display: inline-block; /* Ensure inline-block for proper layout */
  opacity: 0; /* Initially hide the text */
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; /* Smooth fade-in and slide-in */
  font-size: 14px;
  text-align: left;
  color: white; /* Text color */
  white-space: nowrap; /* Prevent text wrapping */
  position: absolute; /* Absolute position for alignment */
  left: 58px; /* Position text to the right of the circle */
  top: 50%; /* Vertically center the text */
  -webkit-transform: translateY(-50%) translateX(-150%);
          transform: translateY(-50%) translateX(-150%); /* Initially slide text out of view */
}
.manuscript-tracker .MS-table .nav-tabs .nav-link {
  color: #0f222f;
  border-radius: 0;
}
.manuscript-tracker .MS-table .nav-link:hover {
  background-color: white;
}
.manuscript-tracker .MS-table .nav-tabs .active {
  background-color: #0f222f;
  color: white;
  border-color: #495057;
  font-weight: 600;
  text-decoration: none;
}
.manuscript-tracker .MS-table .filter-label {
  font-size: 12px;
  color: black;
  font-weight: 400;
}
.manuscript-tracker .MS-table #list-filter-container {
  padding: 10px 15px;
  background-color: #f8f8f8;
}
.manuscript-tracker .MS-table #list-filter-container .dropdown {
  border: 1px solid #909090;
}
.manuscript-tracker .MS-table #list-filter-container .dropdown .dropdown-toggle {
  background: white;
}
.manuscript-tracker .MS-table #list-filter-container .filter-option {
  font-size: 12px !important;
}
.manuscript-tracker .table-column-icon {
  min-width: 26px;
  width: 26px;
}
.manuscript-tracker .table-column-xs {
  min-width: 50px;
  width: 50px;
  max-width: 50px;
}
.manuscript-tracker .table-column-sm {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
}
.manuscript-tracker .table-column-md {
  min-width: 250px;
  width: 250px;
  max-width: 250px;
}
.manuscript-tracker .table-column-lg {
  min-width: 400px;
  width: 400px;
  max-width: 400px;
}
.manuscript-tracker .btn-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #fff;
  background-color: #11416c;
  border-color: #11416c;
  color: white;
}
.manuscript-tracker a.external {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
.manuscript-tracker a.external::after {
  content: "\f35d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: slategray !important;
  margin-left: 3px;
  font-size: 12px;
  margin-right: 1px;
}
.manuscript-tracker a.external-btn::after {
  content: "\f35d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: white;
  margin-left: 2px;
  font-size: 14px;
  margin-right: 1px;
  text-decoration: none;
}
.manuscript-tracker .modal-title {
  margin-bottom: 0.75rem;
  font-size: 20px;
  font-weight: bold;
  color: #11416c;
}
.manuscript-tracker .pill {
  display: inline-block;
  border-radius: 9999px;
  padding: 0.6rem 0.9rem;
  font-size: 13px;
  line-height: 1;
  margin: 0.4rem 0.6rem 0.5rem 0;
  white-space: nowrap;
  font-weight: 600;
  background-color: #11416c;
  color: white;
}
.manuscript-tracker .pill-blue {
  border: solid 2px #11416c;
  background-color: white;
  color: #11416c;
}
.manuscript-tracker .fa-stopwatch {
  color: #05af55;
  font-size: 14px;
}
.manuscript-tracker .blue-pill {
  border: 1.5px solid #11416c;
  color: #11416c;
  background-color: white;
}
.manuscript-tracker .ms-last-updated {
  color: #11416c;
}
.manuscript-tracker .close {
  font-weight: 600;
  font-size: 28px;
}
.manuscript-tracker .ms-heading {
  font-size: 18px;
  font-weight: 600;
  color: #11416c;
  text-decoration: underline;
}
.manuscript-tracker .overview-blue-card {
  background: #10426c;
  padding: 0.8rem;
  line-height: 1.5;
}
.manuscript-tracker .overview-blue-card .overview-title {
  color: white;
  font-size: 13px;
  font-weight: 600;
}
.manuscript-tracker .overview-blue-card .overview-subtitle {
  color: white;
  font-size: 12px;
  font-weight: 500;
  font-style: italic;
  line-height: 2;
}
@media screen and (min-width: 992px) {
  .manuscript-tracker .overview-blue-card {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.manuscript-tracker .table-header {
  font-weight: bold;
  background-color: #f4f4f4;
  padding: 14px;
}
.manuscript-tracker .table-responsive {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.manuscript-tracker .table-responsive thead th {
  text-align: center;
  background-color: #b1e2f2;
  border: 1px solid #0F222F;
  padding: 0.3rem 0.75rem;
  vertical-align: middle;
  width: 33.33%;
}
.manuscript-tracker .table-responsive tbody td {
  background: #fff;
  border: 1px solid #0F222F;
  padding: 0.5rem 1.5rem;
  vertical-align: top;
  text-align: left;
  width: 33.33%;
}
.manuscript-tracker #ms-detail-modal a.ms-mail-link {
  text-decoration: none;
  border: 0;
}
.manuscript-tracker #ms-detail-modal a.ms-mail-link:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.manuscript-tracker .btn-secondary {
  padding: 7px 15px;
}
.manuscript-tracker .green-btn {
  padding: 5px 15px;
}
.manuscript-tracker .container {
  max-width: 90vw !important;
}
.manuscript-tracker .top-nav .nav-link.active {
  color: white;
  background: #10426c;
  border: 2px solid #0f222f;
  font-weight: 600;
}
.manuscript-tracker .top-nav .nav-link {
  color: #10426c;
  background: white;
  border: 2px solid #10426c;
  font-weight: 500;
}
.manuscript-tracker .content-title {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #0f222f;
  font-weight: 600;
}
.manuscript-tracker .nav-tabs .nav-link {
  color: #0f222f;
  border-radius: 0;
}
.manuscript-tracker .nav-tabs .nav-link.active {
  background-color: #0f222f;
  color: white;
  font-weight: 600;
  text-decoration: none;
}
.manuscript-tracker #list-filter-container,
.manuscript-tracker #pubs-filter-container {
  border: 1px solid #dee2e6;
  padding: 10px 15px;
  background-color: #f8f8f8;
}
.manuscript-tracker #list-filter-container .dropdown,
.manuscript-tracker #pubs-filter-container .dropdown {
  border: 1px solid #909090;
}
.manuscript-tracker #list-filter-container .dropdown .dropdown-toggle,
.manuscript-tracker #pubs-filter-container .dropdown .dropdown-toggle {
  background: white;
}
.manuscript-tracker #list-filter-container .filter-option,
.manuscript-tracker #pubs-filter-container .filter-option {
  font-size: 12px !important;
}
.manuscript-tracker #ms-top-content #ms-pane {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
.manuscript-tracker #ms-top-content #pubs-pane {
  opacity: 0;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation: fadeInDown 0.8s 0ms forwards;
          animation: fadeInDown 0.8s 0ms forwards;
}
@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.manuscript-tracker .dt-dots::after {
  content: "";
  display: inline-block;
  width: 1.25em;
  text-align: left;
  -webkit-animation: dtDots 1s steps(4, end) infinite;
          animation: dtDots 1s steps(4, end) infinite;
}
@-webkit-keyframes dtDots {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
  100% {
    content: "";
  }
}
@keyframes dtDots {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
  100% {
    content: "";
  }
}
.manuscript-tracker .btn-pd-sm {
  padding: 0.2rem 0.7rem;
  font-weight: 500;
  font-size: 12px;
  color: white;
  background-color: #10426c;
  border: solid 2px #10426c;
}
.manuscript-tracker .btn-pd-sm:hover {
  border: solid 2px #10426c;
  color: #10426c;
  border: solid 2px #10426c;
  background-color: white;
}
.manuscript-tracker #pub-detail-modal .pub-longtext {
  font-size: 12px;
  line-height: 1.6;
  white-space: normal;
  word-break: break-word;
  color: #0f222f;
}
.manuscript-tracker #pub-detail-modal [data-pub=Ids] {
  font-size: 12px;
}
.manuscript-tracker #pub-detail-modal [data-pub=Ids] a.external {
  text-decoration: none;
}
.manuscript-tracker #pub-detail-modal [data-pub=Ids] strong {
  color: #11416c;
}
.manuscript-tracker #pub-detail-modal [data-pub=Ids] > div {
  margin-bottom: 0.35rem;
}
.manuscript-tracker .blue-button {
  color: white;
  font-weight: 600;
  font-size: 12px;
  background-color: #10426c;
  padding: 0.3rem 0.6rem;
}
.manuscript-tracker .blue-button:hover {
  background-color: #05af55;
  text-decoration: none;
}
.manuscript-tracker .line-height {
  line-height: 1.5 !important;
}
.manuscript-tracker .blue-box-id {
  background-color: lightblue;
  color: #10426c;
  padding: 0.4rem 0.4rem;
  text-decoration: none;
}
.manuscript-tracker .blue-box-id .external::after {
  color: #10426c !important;
}
.manuscript-tracker .pill-hex {
  /* knobs */
  --hex-h: 34px; /* pill height */
  --hex-cap: 14px; /* triangle width on each side */
  --hex-bg: #11416c; /* fallback color */
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--hex-h);
  line-height: 1;
  white-space: nowrap;
  background: var(--hex-bg);
  color: white;
  /* rectangle padding + space for the caps */
  padding: 0 12px;
  margin: 0 calc(var(--hex-cap)); /* so caps don’t overlap neighbors */
  border-radius: 0;
}
.manuscript-tracker .green-pill {
  --hex-bg: #05af55 !important; /* fallback color */
}
.manuscript-tracker .pill-hex::before,
.manuscript-tracker .pill-hex::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: calc(var(--hex-h) / 2) solid transparent;
  border-bottom: calc(var(--hex-h) / 2) solid transparent;
}
.manuscript-tracker .pill-hex::before {
  left: calc(-1 * var(--hex-cap));
  border-right: var(--hex-cap) solid var(--hex-bg);
}
.manuscript-tracker .pill-hex::after {
  right: calc(-1 * var(--hex-cap));
  border-left: var(--hex-cap) solid var(--hex-bg);
}
.manuscript-tracker .as-pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px 10px; /* row-gap | column-gap */
}
.manuscript-tracker #pubs-pane.is-loading #pubs-refresh,
.manuscript-tracker #pubs-pane.is-loading #pubs-reset {
  pointer-events: none; /* kills hover + click */
  cursor: default;
}
.manuscript-tracker #pubs-pane.is-loading #pubs-refresh:hover,
.manuscript-tracker #pubs-pane.is-loading #pubs-reset:hover {
  -webkit-filter: none;
          filter: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: none;
          transform: none;
}
.manuscript-tracker .simple-tooltip {
  position: fixed;
  width: 350px;
  padding: 0.5rem 0.65rem;
  font-size: 12px;
  line-height: 1.25;
  background: white;
  color: #0f222f;
  border-radius: 6px;
  z-index: 999999;
  pointer-events: none;
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
          box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.manuscript-tracker .text-warning {
  color: #fcb316 !important;
}
.manuscript-tracker .pub-chart-card .chart-card-body {
  padding: 20px;
}
.manuscript-tracker .pub-chart-header h6 {
  font-weight: 600;
  font-size: 16px;
}
.manuscript-tracker .pub-chart-toggle {
  white-space: nowrap;
}
.manuscript-tracker .pub-chart-toggle .pub-chart-toggle-icon {
  -webkit-transition: -webkit-transform 180ms ease;
  transition: -webkit-transform 180ms ease;
  transition: transform 180ms ease;
  transition: transform 180ms ease, -webkit-transform 180ms ease;
}
.manuscript-tracker .pub-chart-toggle[aria-expanded=true] .pub-chart-toggle-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.manuscript-tracker .pub-status-chart {
  height: 280px; /* reduce from 320 to reclaim space */
  min-height: 220px;
}
@media (max-width: 768px) {
  .manuscript-tracker .pub-status-chart {
    height: 240px;
  }
}
.manuscript-tracker .list-item-text {
  font-weight: 600;
}
.manuscript-tracker .blue-button {
  color: white;
  font-weight: 600;
  font-size: 12px;
  background-color: #10426c;
  padding: 0.3rem 0.6rem;
}
.manuscript-tracker .blue-button:hover {
  background-color: #05af55;
  text-decoration: none;
}
.manuscript-tracker .line-height {
  line-height: 1.5 !important;
}
.manuscript-tracker .chart-icon {
  width: 25px;
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #10426c;
  color: #fff;
  border-radius: 4px;
  font-size: 0.8rem;
  -webkit-transition: background-color 1s ease;
  transition: background-color 1s ease;
}
.manuscript-tracker .green {
  background-color: #05af55 !important;
}
.manuscript-tracker .fa-magnifying-glass {
  font-size: 12px;
}
.workshops-page .workshop-container {
  border: 2px solid #0f222f;
  border-radius: 5px 5px 0 0;
  position: relative;
  margin-bottom: 3rem;
}
.workshops-page .workshop-container .workshop-header {
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  background: #b1e2f2;
  border-radius: 3px 3px 0 0;
  border-bottom: 2px solid #0f222f;
  cursor: pointer;
}
.workshops-page .workshop-container .workshop-header.collapsed {
  background: #10426c;
}
.workshops-page .workshop-container .workshop-header.collapsed .workshop-header-indicator {
  color: white;
}
.workshops-page .workshop-container .workshop-header.collapsed .workshop-header-indicator .header-icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.workshops-page .workshop-container .workshop-header .workshop-status-pill {
  display: inline-block;
  position: absolute;
  padding: 0.25rem 1.25rem;
  font-size: 16px;
  font-weight: 500;
  border: 2px solid #0f222f;
  border-radius: 30px;
  top: -18px;
  left: 18px;
  background: white;
}
.workshops-page .workshop-container .workshop-header .workshop-status-pill .status-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #05af55;
  display: inline-block;
  margin-right: 10px;
  border: 2px solid #f8fafc;
  -webkit-box-shadow: 0 0 0 2px #b7e6c3;
          box-shadow: 0 0 0 2px #b7e6c3;
  -webkit-animation: status-dot-pulse 1.6s infinite;
          animation: status-dot-pulse 1.6s infinite;
}
.workshops-page .workshop-container .workshop-header .workshop-header-indicator {
  text-align: right;
  color: #0f222f;
  padding: 0 1rem;
}
.workshops-page .workshop-container .workshop-header .workshop-header-indicator .header-icon {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.workshops-page .workshop-container .workshop-summary {
  padding: 1rem;
}
.workshops-page .workshop-container .workshop-summary .workshop-title {
  font-size: 20px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.workshops-page .workshop-container .workshop-summary .workshop-date {
  font-weight: 500;
}
.workshops-page .workshop-container .workshop-summary .workshop-date-location-divider {
  font-weight: 600;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.workshops-page .workshop-container .workshop-summary .workshop-location {
  font-weight: 500;
  font-style: italic;
}
.workshops-page .workshop-container .workshop-summary .workshop-btn {
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  background: white;
  border: 1px solid #0f222f;
  color: #10426c;
}
.workshops-page .workshop-container .workshop-summary .workshop-btn::after {
  content: "Hide Details";
}
.workshops-page .workshop-container .workshop-summary .workshop-btn.collapsed {
  background: #05af55;
  color: white;
}
.workshops-page .workshop-container .workshop-summary .workshop-btn.collapsed::after {
  content: "View Details";
}
.workshops-page .workshop-container .workshop-content .private-heading {
  font-size: 18px;
}
.workshops-page .workshop-container .workshop-content .workshop-nav-pills .nav-link {
  text-align: left;
  border-bottom: 1px solid lightgrey;
}
.workshops-page .workshop-container .workshop-content .workshop-nav-pills .nav-link.active {
  background-color: #10426c;
  color: white;
  font-weight: 600;
}
@-webkit-keyframes status-dot-pulse {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
  }
  40% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
  }
  70% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
  }
}
@keyframes status-dot-pulse {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 0 rgba(5, 175, 85, 0.3333333333);
  }
  40% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 8px rgba(5, 175, 85, 0.0666666667);
  }
  70% {
    -webkit-box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
            box-shadow: 0 0 0 2px #b7e6c3, 0 0 0 2px rgba(5, 175, 85, 0.3333333333);
  }
}
/*LEFT IMAGE text box styling overlap------FIXED HEIGHT--------*/
/*Text-box-right*/
.shadow_box {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  margin-left: -30px;
  background-color: white;
  padding: 30px;
}

/*IMG-box-right*/
.img_bg {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 580px;
  overflow: hidden;
}

/*RIGHT IMAGE text box styling overlap--------------*/
/*Text-box-Left*/
.shadow_box2 {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  margin-right: -30px;
  background-color: white;
  padding: 30px;
  z-index: 1;
  height: auto;
}

/*IMG-box-left*/
.img_bg2 {
  background-size: cover; /* Cover the entire column */
  background-position: center; /* Center the image */
  width: 100%; /* Full width */
  overflow: hidden; /* Prevent overflow */
  background-repeat: no-repeat;
  padding: 20px;
}

.annual-meeting {
  /* --SPACING FOR ICONS------- */
  /* Mobile: stack columns */
}
.annual-meeting .hex-background {
  background-image: url(/dist/images/blue_honeycomb.674258e9c164045b4f6d767a75195bd1.png);
  background-size: cover;
}
.annual-meeting .wt-background {
  background-image: url(/dist/images/white_hex_bg.b423adb458873525f2ea29643caa6ce4.jpg);
  background-size: cover;
}
.annual-meeting .card-subheading {
  font-size: 36px;
  font-weight: bold;
  font-style: normal;
  color: #10426c;
  line-height: 38px;
  line-height: 1;
  margin-bottom: 20px;
}
.annual-meeting .row.normal {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.annual-meeting .shadow_box2 {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-right: 0 !important;
}
.annual-meeting .box-styling {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
  height: 100%;
  padding: 1rem 1.25rem;
  background-color: #eaf1f6;
}
.annual-meeting .agenda-list {
  margin: 1.5rem 0 2rem;
  gap: 1.5rem;
}
.annual-meeting .agenda-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  text-align: center;
}
.annual-meeting .agenda-icon {
  width: 95px;
  height: 80px;
  margin: 0 auto 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  font-size: 1.5rem;
  position: relative;
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
          clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.annual-meeting .agenda-icon--blue {
  background-color: #10426c;
}
.annual-meeting .agenda-icon--green {
  background-color: #05af55;
}
.annual-meeting .agenda-icon--gold {
  background-color: #fcb316;
}
.annual-meeting .agenda-text {
  font-size: 0.95rem;
  font-weight: 600;
}
.annual-meeting .font-weight-600 {
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: #10426c 2px solid;
}
.annual-meeting .expected-attendees .col-12 {
  padding-left: 0px;
  padding-bottom: 7px;
  line-height: 1.5;
}
.annual-meeting .when-where-block .when-where-col {
  position: relative;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.annual-meeting .when-where-block .when-where-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
}
.annual-meeting .when-where-block .when-where-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #10426c;
  color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  margin-right: 0.5rem;
}
.annual-meeting .expected-attendees {
  margin: 0;
  padding: 0;
}
.annual-meeting .expected-attendees > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding-left: 0;
  font-size: 13px;
}
.annual-meeting .attendee-check {
  color: #10426c;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.annual-meeting .btn-padding {
  padding-top: 20px;
}
.annual-meeting .sticky-menu {
  position: fixed;
  top: 280px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1000;
}
.annual-meeting .left-menu {
  left: 2.8%;
}
.annual-meeting .nav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Align items vertically */
  background-color: #11416c; /* Blue background */
  color: white; /* White text color */
  text-decoration: none;
  padding: 10px 11.5px; /* updated spacing*/
  border-radius: 25px; /* Rounded corners to circle */
  margin: 10px 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s; /* Transition for smooth expansion */
  -webkit-transition: max-width 0.3s;
  transition: max-width 0.3s;
  width: 40px; /* Initial width for icon only */
  max-width: 40px;
  height: 40px; /* Ensure height for circle */
  overflow: hidden; /* Hide overflow */
  font-weight: 600;
  border: solid 2px white;
  -webkit-box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
}
.annual-meeting .nav-items span {
  display: none; /* Hide the text initially */
  opacity: 0; /* Make text invisible */
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; /* Transition for fade-in effect */
}
.annual-meeting .nav-items:hover {
  width: auto;
  max-width: 400px;
  padding-left: 15px; /* Add space for text */
  border-radius: 25px; /* Rounded corners when expanded */
  background-color: #05af55;
  color: white;
  border: solid 2px white;
}
.annual-meeting .nav-items:hover span {
  display: inline; /* Show the text on hover */
  opacity: 1; /* Fade in the text */
  font-size: 14px;
  text-align: left;
  color: white;
  white-space: nowrap;
}
.annual-meeting .circle {
  background-color: #11416c; /* Blue background */
  border-radius: 50%; /* Make it circular */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Center the icon */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center the icon */
  margin-right: 10px; /* Space between icon and text */
  background-color: transparent;
}
.annual-meeting .container {
  min-width: 80vw !important;
  padding-left: 40px;
}
.annual-meeting .circle i.fa {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 15px;
}
.annual-meeting .sticky-menu .nav-items.active {
  background-color: #05af55;
  color: #fff;
  border: solid 2px white;
}
.annual-meeting .sticky-menu .nav-items.active i {
  color: #fff;
  border: solid 2px white;
}
.annual-meeting .agenda-grid-header,
.annual-meeting .agenda-grid-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.annual-meeting .agenda-grid-header {
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: 700;
  color: #10426c;
}
.annual-meeting .agenda-grid-row {
  padding: 0.85rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.annual-meeting .agenda-col-time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 165px;
          flex: 0 0 165px;
  font-weight: 600;
}
.annual-meeting .agenda-label {
  font-weight: 700;
}
.annual-meeting .time-title {
  font-weight: 700;
}
.annual-meeting .agenda-col-session {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.annual-meeting .agenda-col-room {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 210px;
          flex: 0 0 210px;
}
.annual-meeting .agenda-label {
  font-weight: 700;
  color: #10426c;
  margin-bottom: 0.25rem;
}
@media (max-width: 767.98px) {
  .annual-meeting .agenda-grid-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
  .annual-meeting .agenda-col-time,
  .annual-meeting .agenda-col-room {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .annual-meeting .sticky-menu {
    display: none;
  }
  .annual-meeting .container {
    min-width: 90vw !important;
    padding-left: 0px;
  }
}
.annual-meeting .tab-content {
  padding: 1.5rem 2.5rem;
}
.annual-meeting .nav-tabs .nav-link {
  color: black;
  background-color: lightgrey;
  text-decoration: none;
  font-weight: 600;
}
.annual-meeting .nav-tabs .nav-link:hover {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}
.annual-meeting .nav-tabs .nav-link.active {
  color: white;
  background-color: #10426c;
}
.annual-meeting .agenda-grid-row:last-child {
  border-bottom: 0;
}
.annual-meeting a.external {
  display: inline-block;
  line-height: 1.25;
}
.annual-meeting a.external::after {
  content: "\f35d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #10426c !important;
  margin-left: 3px;
  margin-right: 1px;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: baseline;
}
.annual-meeting .small-text {
  font-size: 10px;
  line-height: 1.5;
}

/*# sourceMappingURL=secure.b02c5815c1a6b7e20bfd.css.map*/