﻿.kato-accordion {
  --bs-accordion-border-color: #809693;
  --bs-accordion-btn-color: #809693;
  --bs-accordion-border-radius: 0; }
  .kato-accordion .accordion-header {
    --bs-accordion-active-color: #fff;
    --bs-accordion-active-bg: #809693;
    --bs-accordion-btn-icon-active-color: #fff;
    --bs-accordion-border-radius: 0;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%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");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.5 rgba(85, 99, 97, 0.5); }
  .kato-accordion .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .kato-accordion .accordion-item:first-of-type .accordion-header {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .kato-accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .kato-accordion button.accordion-button::after {
    color: #fff; }
  .kato-accordion .accordion-button:focus {
    border-color: #809693; }

.kato-nav-icon {
  opacity: .5;
  color: #333;
  font-weight: 500; }
  .kato-nav-icon:focus, .kato-nav-icon:hover {
    text-decoration: none;
    opacity: 1;
    transition: all ease-in .1s; }
  .kato-nav-icon.active {
    opacity: 1;
    text-decoration: underline;
    color: #006593; }

.risk-management-header {
  color: #fff;
  background: #809693;
  padding: 8px; }
  .risk-management-header h4 {
    text-align: start;
    text-transform: uppercase;
    margin-bottom: 0; }

.kato-sub-header {
  text-align: start;
  text-transform: uppercase; }

.kato-content-section {
  padding: .5rem 0; }

.stepper-wrapper {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }

.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1; }
  @media (max-width: 768px) {
    .stepper-item {
      font-size: 12px; } }
  .stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 3px solid #ccc;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2; }
  .stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 3px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2; }
  .stepper-item .step-name {
    display: none; }
  .stepper-item.active {
    font-weight: bold; }
    .stepper-item.active .step-name {
      display: contents; }
  .stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
    color: #454A4D; }
  .stepper-item.completed .step-counter {
    background-color: #809693;
    color: #454A4D; }
  .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 3px solid #809693;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3; }
  .stepper-item:first-child::before {
    content: none; }
  .stepper-item:last-child::after {
    content: none; }

.warning-tooltip {
  --bs-tooltip-bg: var(--bs-warning); }

.contingency-max {
  width: 26.25rem; }

.ucpm-caret:before {
  content: url(/images/GrayToggle.png); }

.kato-list {
  list-style-type: none;
  list-style-position: outside;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0; }
  .kato-list li {
    position: relative;
    display: block;
    line-height: 1.5em;
    margin: 0;
    padding: 0 0 10px 0; }
    .kato-list li:before {
      content: url(/images/yellow_bullet.png);
      position: absolute; }

.kato-list-green {
  list-style-type: none;
  list-style-position: outside;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0; }
  .kato-list-green li {
    position: relative;
    display: block;
    line-height: 1.5em;
    margin: 0;
    padding: 0 0 10px 0; }
    .kato-list-green li:before {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10.793" height="23.616" viewBox="0 0 10.793 23.616"><path id="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M18.786,18,11.643,9.07a1.991,1.991,0,0,1,0-2.384,1.176,1.176,0,0,1,1.911,0L21.646,16.8a2,2,0,0,1,.039,2.327L13.559,29.32a1.173,1.173,0,0,1-1.911,0,1.991,1.991,0,0,1,0-2.384Z" transform="translate(-11.246 -6.196)" fill="%232c514c"/></svg>');
      position: absolute; }

.larger-icon {
  transform: scale(1.25); }

.ql-video {
  aspect-ratio: 16 / 9;
  width: auto;
  height: 350px; }
