.ui-dialog.playbook-ng-modal {
  border-radius: 35px;
  max-width: 814px;
  width: 100%;
  padding: 0;
  font-family: inherit;
}
.ui-dialog.playbook-ng-modal .ui-dialog-titlebar {
  border-radius: 35px 35px 0px 0px;
  background: #cfd1d2;
  height: 3rem;
}
.ui-dialog.playbook-ng-modal .ui-button {
  background: transparent;
  border: 0;
  width: 32px;
  right: 20px;
}
.ui-dialog.playbook-ng-modal .ui-button.ui-dialog-titlebar-close {
  width: 27px;
  height: 27px;
  top: 24px;
  right: 32px;
}
.ui-dialog.playbook-ng-modal .ui-dialog-content {
  margin: 27px 16px;
  padding: 0 16px;
}
.ui-dialog.playbook-ng-modal .dialog-title {
  display: flex;
  align-items: baseline;
  flex-direction: column;
  align-items: left;
  gap: 24px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal .dialog-title {
    flex-direction: row;
    justify-content: space-between;
  }
}
.ui-dialog.playbook-ng-modal .dialog-title button {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px; /* 114.286% */
  margin-top: 0;
  height: fit-content;
}
.ui-dialog.playbook-ng-modal .dialog-title p {
  margin-bottom: 0;
}
.ui-dialog.playbook-ng-modal hr {
  border: 0.75px solid #929395;
}
.ui-dialog.playbook-ng-modal ul {
  list-style-type: disc;
}
.ui-dialog.playbook-ng-modal ul li {
  font-size: 1rem;
  line-height: normal;
  color: #080808;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal ul li {
    font-size: 18px;
    line-height: normal;
  }
}
.ui-dialog.playbook-ng-modal ul li::marker {
  color: #080808;
  font-size: 18px;
}
.ui-dialog.playbook-ng-modal h2 {
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal h2 {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
  }
}
.ui-dialog.playbook-ng-modal h3 {
  color: #080808;
  font-size: 18.08px;
  font-weight: 600;
  line-height: 150%; /* 27.12px */
}
.ui-dialog.playbook-ng-modal h4 {
  color: #080808;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal h4 {
    font-size: 18.08px;
  }
}
.ui-dialog.playbook-ng-modal p {
  color: #080808;
  font-size: 16px;
  font-weight: 400;
  line-height: 125%; /* 20px */
}
.ui-dialog.playbook-ng-modal a {
  color: #005288;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.ui-dialog.playbook-ng-modal .ui-button .ui-icon {
  background-image: url(../images/x.svg);
  background-position: center;
}
.ui-dialog.playbook-ng-modal.tech-modal, .ui-dialog.playbook-ng-modal.cm-modal {
  max-width: 1172px;
}
.ui-dialog.playbook-ng-modal.tech-modal .ui-dialog-titlebar, .ui-dialog.playbook-ng-modal.cm-modal .ui-dialog-titlebar {
  background: #005b84;
  height: 44px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.tech-modal .ui-dialog-titlebar, .ui-dialog.playbook-ng-modal.cm-modal .ui-dialog-titlebar {
    height: 74px;
  }
}
.ui-dialog.playbook-ng-modal.tech-modal .dialog-title,
.ui-dialog.playbook-ng-modal.tech-modal .modal-content-description,
.ui-dialog.playbook-ng-modal.tech-modal .tech-subs, .ui-dialog.playbook-ng-modal.cm-modal .dialog-title,
.ui-dialog.playbook-ng-modal.cm-modal .modal-content-description,
.ui-dialog.playbook-ng-modal.cm-modal .tech-subs {
  border-bottom: 0.75px solid #929395;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.ui-dialog.playbook-ng-modal.tech-modal .ui-button, .ui-dialog.playbook-ng-modal.cm-modal .ui-button {
  width: 26px;
  height: 26px;
  right: 24px;
}
.ui-dialog.playbook-ng-modal.tech-modal .ui-button .ui-icon, .ui-dialog.playbook-ng-modal.cm-modal .ui-button .ui-icon {
  background-image: url(../images/x.svg);
  filter: invert(100%);
}
.ui-dialog.playbook-ng-modal.tech-modal h3, .ui-dialog.playbook-ng-modal.cm-modal h3 {
  color: #080808;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.tech-modal h3, .ui-dialog.playbook-ng-modal.cm-modal h3 {
    font-size: 24px;
    line-height: 150%; /* 36px */
  }
}
.ui-dialog.playbook-ng-modal.tech-modal h3.procedure-title, .ui-dialog.playbook-ng-modal.cm-modal h3.procedure-title {
  font-size: 26px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.tech-modal h3.procedure-title, .ui-dialog.playbook-ng-modal.cm-modal h3.procedure-title {
    font-size: 18.08px;
  }
}
.ui-dialog.playbook-ng-modal.tech-modal p, .ui-dialog.playbook-ng-modal.cm-modal p {
  color: #080808;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.tech-modal p, .ui-dialog.playbook-ng-modal.cm-modal p {
    font-size: 18.08px;
    line-height: 175%; /* 31.64px */
  }
}
.ui-dialog.playbook-ng-modal.clear-modal, .ui-dialog.playbook-ng-modal.ignore-modal, .ui-dialog.playbook-ng-modal.exit-modal, .ui-dialog.playbook-ng-modal.remove-modal {
  max-width: 653px;
}
.ui-dialog.playbook-ng-modal.clear-modal p,
.ui-dialog.playbook-ng-modal.clear-modal li, .ui-dialog.playbook-ng-modal.ignore-modal p,
.ui-dialog.playbook-ng-modal.ignore-modal li, .ui-dialog.playbook-ng-modal.exit-modal p,
.ui-dialog.playbook-ng-modal.exit-modal li, .ui-dialog.playbook-ng-modal.remove-modal p,
.ui-dialog.playbook-ng-modal.remove-modal li {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.clear-modal p,
  .ui-dialog.playbook-ng-modal.clear-modal li, .ui-dialog.playbook-ng-modal.ignore-modal p,
  .ui-dialog.playbook-ng-modal.ignore-modal li, .ui-dialog.playbook-ng-modal.exit-modal p,
  .ui-dialog.playbook-ng-modal.exit-modal li, .ui-dialog.playbook-ng-modal.remove-modal p,
  .ui-dialog.playbook-ng-modal.remove-modal li {
    font-size: 20px;
  }
}
.ui-dialog.playbook-ng-modal.clear-modal li, .ui-dialog.playbook-ng-modal.ignore-modal li, .ui-dialog.playbook-ng-modal.exit-modal li, .ui-dialog.playbook-ng-modal.remove-modal li {
  margin-bottom: 0;
}
.ui-dialog.playbook-ng-modal.export-modal {
  max-width: 933px;
}
.ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-titlebar, .ui-dialog.playbook-ng-modal.export-modal .ui-dialog-titlebar, .ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-titlebar, .ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-titlebar, .ui-dialog.playbook-ng-modal.exit-modal .ui-dialog-titlebar, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-titlebar {
  background-color: #fff;
}
.ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-title, .ui-dialog.playbook-ng-modal.export-modal .ui-dialog-title, .ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-title, .ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-title, .ui-dialog.playbook-ng-modal.exit-modal .ui-dialog-title, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-title {
  float: unset;
}
.ui-dialog.playbook-ng-modal.clear-modal .ui-widget-header, .ui-dialog.playbook-ng-modal.export-modal .ui-widget-header, .ui-dialog.playbook-ng-modal.playbook-open-modal .ui-widget-header, .ui-dialog.playbook-ng-modal.ignore-modal .ui-widget-header, .ui-dialog.playbook-ng-modal.exit-modal .ui-widget-header, .ui-dialog.playbook-ng-modal.remove-modal .ui-widget-header {
  border: none;
}
.ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-content, .ui-dialog.playbook-ng-modal.export-modal .ui-dialog-content, .ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-content, .ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-content, .ui-dialog.playbook-ng-modal.exit-modal .ui-dialog-content, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-content {
  margin: 0 16px 40px 32px;
  padding: 0;
  padding-right: 1rem;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.clear-modal p + p, .ui-dialog.playbook-ng-modal.export-modal p + p, .ui-dialog.playbook-ng-modal.playbook-open-modal p + p, .ui-dialog.playbook-ng-modal.ignore-modal p + p, .ui-dialog.playbook-ng-modal.exit-modal p + p, .ui-dialog.playbook-ng-modal.remove-modal p + p {
    margin-top: 0;
  }
}
.ui-dialog.playbook-ng-modal.clear-modal .warning-modal-buttons, .ui-dialog.playbook-ng-modal.export-modal .warning-modal-buttons, .ui-dialog.playbook-ng-modal.playbook-open-modal .warning-modal-buttons, .ui-dialog.playbook-ng-modal.ignore-modal .warning-modal-buttons, .ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons, .ui-dialog.playbook-ng-modal.remove-modal .warning-modal-buttons {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 14px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.clear-modal .warning-modal-buttons, .ui-dialog.playbook-ng-modal.export-modal .warning-modal-buttons, .ui-dialog.playbook-ng-modal.playbook-open-modal .warning-modal-buttons, .ui-dialog.playbook-ng-modal.ignore-modal .warning-modal-buttons, .ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons, .ui-dialog.playbook-ng-modal.remove-modal .warning-modal-buttons {
    justify-content: end;
  }
}
.ui-dialog.playbook-ng-modal.clear-modal .warning-modal-buttons a:link,
.ui-dialog.playbook-ng-modal.clear-modal .warning-modal-buttons a:visited,
.ui-dialog.playbook-ng-modal.clear-modal .warning-modal-buttons a:hover,
.ui-dialog.playbook-ng-modal.clear-modal .warning-modal-buttons a:focus, .ui-dialog.playbook-ng-modal.export-modal .warning-modal-buttons a:link,
.ui-dialog.playbook-ng-modal.export-modal .warning-modal-buttons a:visited,
.ui-dialog.playbook-ng-modal.export-modal .warning-modal-buttons a:hover,
.ui-dialog.playbook-ng-modal.export-modal .warning-modal-buttons a:focus, .ui-dialog.playbook-ng-modal.playbook-open-modal .warning-modal-buttons a:link,
.ui-dialog.playbook-ng-modal.playbook-open-modal .warning-modal-buttons a:visited,
.ui-dialog.playbook-ng-modal.playbook-open-modal .warning-modal-buttons a:hover,
.ui-dialog.playbook-ng-modal.playbook-open-modal .warning-modal-buttons a:focus, .ui-dialog.playbook-ng-modal.ignore-modal .warning-modal-buttons a:link,
.ui-dialog.playbook-ng-modal.ignore-modal .warning-modal-buttons a:visited,
.ui-dialog.playbook-ng-modal.ignore-modal .warning-modal-buttons a:hover,
.ui-dialog.playbook-ng-modal.ignore-modal .warning-modal-buttons a:focus, .ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons a:link,
.ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons a:visited,
.ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons a:hover,
.ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons a:focus, .ui-dialog.playbook-ng-modal.remove-modal .warning-modal-buttons a:link,
.ui-dialog.playbook-ng-modal.remove-modal .warning-modal-buttons a:visited,
.ui-dialog.playbook-ng-modal.remove-modal .warning-modal-buttons a:hover,
.ui-dialog.playbook-ng-modal.remove-modal .warning-modal-buttons a:focus {
  text-decoration: none;
  width: fit-content;
  border: 1px solid #3d7ca5;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 106.667% */
}
.ui-dialog.playbook-ng-modal.clear-modal .warning-modal-buttons button, .ui-dialog.playbook-ng-modal.export-modal .warning-modal-buttons button, .ui-dialog.playbook-ng-modal.playbook-open-modal .warning-modal-buttons button, .ui-dialog.playbook-ng-modal.ignore-modal .warning-modal-buttons button, .ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons button, .ui-dialog.playbook-ng-modal.remove-modal .warning-modal-buttons button {
  width: fit-content;
  color: var(--White, #fff);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 106.667% */
  border: 1px solid #0078ae;
}
.ui-dialog.playbook-ng-modal.exit-modal .dialog-title {
  min-height: 52px;
}
.ui-dialog.playbook-ng-modal.exit-modal h2 {
  position: relative;
  padding-left: 68px;
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-height: 52px;
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.exit-modal h2 {
    font-size: 28px;
  }
}
.ui-dialog.playbook-ng-modal.exit-modal h2::before {
  content: "";
  position: absolute;
  left: 0;
  width: 52px;
  height: 52px;
  background-image: url("../images/warning.svg");
  top: calc((100% - 52px) / 2);
}
.ui-dialog.playbook-ng-modal.exit-modal p {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.exit-modal p {
    font-size: 20px;
  }
}
.ui-dialog.playbook-ng-modal.exit-modal a {
  font-size: 18px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.exit-modal a {
    font-size: 20px;
  }
}
.ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons button.border-orange {
  border: 1px solid #b88619;
  color: #080808;
}
.ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons button.border-orange:hover {
  border: 2px solid #b88619;
}
.ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons button.btn-orange {
  border: 1px solid #ffbe2e;
}
.ui-dialog.playbook-ng-modal.exit-modal .warning-modal-buttons button.btn-orange:hover {
  border: 1px solid #d0981c;
}
.ui-dialog.playbook-ng-modal.exit-modal .p {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.exit-modal .p {
    font-size: 20px;
  }
}
.ui-dialog.playbook-ng-modal.ignore-modal .dialog-title, .ui-dialog.playbook-ng-modal.clear-modal .dialog-title, .ui-dialog.playbook-ng-modal.remove-modal .dialog-title {
  border-bottom: 0.75px solid #929395;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-content, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-content, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-content {
  margin: 0 16px;
  padding: 0;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-content, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-content, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-content {
    margin: 0 32px;
  }
}
.ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-buttonpane, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-buttonpane, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-buttonpane {
  border: none;
  margin-bottom: 51px;
  padding: 0 16px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-buttonpane, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-buttonpane, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-buttonpane {
    padding: 0 32px;
  }
}
.ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: unset;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 14px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-buttonpane .ui-dialog-buttonset {
    justify-content: flex-end;
  }
}
.ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  width: fit-content;
  padding: 9px 15px;
  font-family: inherit;
  border-radius: 0;
}
.ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-white, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-white, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-white {
  background: white;
  border: 1px solid #3d7ca5;
  color: #080808;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 106.667% */
}
.ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-white:hover, .ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-white:focus, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-white:hover, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-white:focus, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-white:hover, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.btn-white:focus {
  border: 2px solid #3d7ca5;
}
.ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-teal, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-teal, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-teal {
  border: 1px solid #0078ae;
  background: #0078ae;
  border: 1px solid #0078ae;
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 106.667% */
}
.ui-dialog.playbook-ng-modal.ignore-modal .ui-dialog-buttonpane .ui-button, .ui-dialog.playbook-ng-modal.clear-modal .ui-dialog-buttonpane .ui-button, .ui-dialog.playbook-ng-modal.remove-modal .ui-dialog-buttonpane .ui-button {
  right: 0;
}
.ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-titlebar {
  padding: 49px 26px 24px 26px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-titlebar {
    padding: 49px 45px 24px 45px;
  }
}
.ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-title {
  float: unset;
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 71.429% */
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-title {
    font-size: 28px;
  }
}
.ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-titlebar-close {
  top: unset;
  bottom: 0;
  width: 20px;
  right: 16px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-titlebar-close {
    right: 46px;
  }
}
.ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-content {
  margin: 16px;
  padding: 0;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.playbook-open-modal .ui-dialog-content {
    margin: 24px 33px 59px 45px;
    padding-right: 16px;
  }
}
.ui-dialog.playbook-ng-modal.playbook-open-modal p {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 150% */
}
.ui-dialog.playbook-ng-modal.playbook-open-modal a {
  font-size: 20px;
}
.ui-dialog.playbook-ng-modal .usa-alert--warning .usa-alert__body::before {
  height: 27px;
  width: 27px;
}
.ui-dialog.playbook-ng-modal .usa-alert--warning h3 {
  color: #171717;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 26.4px; /* 120% */
}
.ui-dialog.playbook-ng-modal .usa-alert--warning p {
  color: #171717;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.6px; /* 135% */
}
.ui-dialog.playbook-ng-modal table {
  color: #080808;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.ui-dialog.playbook-ng-modal table th {
  padding: 12px 24px 13px;
  border: 0;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal table th {
    font-size: 18.08px;
    line-height: 175%; /* 31.64px */
  }
}
.ui-dialog.playbook-ng-modal table td {
  padding: 16px 24px;
  border: 0;
  border-bottom: 0.75px solid #b9d9e8;
}
.ui-dialog.playbook-ng-modal table thead tr:first-child th {
  background-color: #b9d9e8;
  color: #080808;
}
.ui-dialog.playbook-ng-modal table tbody tr:nth-child(odd) td,
.ui-dialog.playbook-ng-modal table td {
  background-color: #fff;
  color: #080808;
}
.ui-dialog.playbook-ng-modal table tbody tr:nth-child(odd) td a:link,
.ui-dialog.playbook-ng-modal table tbody tr:nth-child(odd) td a:visited,
.ui-dialog.playbook-ng-modal table tbody tr:nth-child(odd) td a:hover,
.ui-dialog.playbook-ng-modal table tbody tr:nth-child(odd) td a:focus,
.ui-dialog.playbook-ng-modal table td a:link,
.ui-dialog.playbook-ng-modal table td a:visited,
.ui-dialog.playbook-ng-modal table td a:hover,
.ui-dialog.playbook-ng-modal table td a:focus {
  color: #080808;
}
.ui-dialog.playbook-ng-modal table {
  width: 100%;
}
@media screen and (max-width: 880px) {
  .ui-dialog.playbook-ng-modal table thead {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .ui-dialog.playbook-ng-modal table tr {
    display: block;
    border-bottom: 0.75px solid #b9d9e8;
    margin-bottom: 24px;
  }
  .ui-dialog.playbook-ng-modal table td {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .ui-dialog.playbook-ng-modal table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #b9d9e8;
    padding: 12px 11px;
  }
  .ui-dialog.playbook-ng-modal table span {
    padding: 12px 11px;
  }
  .ui-dialog.playbook-ng-modal table table td:last-child {
    border-bottom: 0;
  }
}
.ui-dialog.playbook-ng-modal .modal-content-description,
.ui-dialog.playbook-ng-modal .tech-subs {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal .modal-content-description,
  .ui-dialog.playbook-ng-modal .tech-subs {
    flex-direction: row;
  }
}
.ui-dialog.playbook-ng-modal .modal-content-description ul,
.ui-dialog.playbook-ng-modal .tech-subs ul {
  margin-top: 0;
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 0.75px solid #929395;
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left h3,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left h3 {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal .modal-content-description .subt-left,
  .ui-dialog.playbook-ng-modal .tech-subs .subt-left {
    padding-right: 35px;
    border-right: 1.5px solid #929395;
    flex: 0 0 275px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-right h3,
.ui-dialog.playbook-ng-modal .tech-subs .subt-right h3 {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal .modal-content-description .subt-right,
  .ui-dialog.playbook-ng-modal .tech-subs .subt-right {
    padding-left: 32px;
  }
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left ul,
.ui-dialog.playbook-ng-modal .modal-content-description .subt-right ul,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left ul,
.ui-dialog.playbook-ng-modal .tech-subs .subt-right ul {
  list-style-type: none;
  padding-left: 0;
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left ul li,
.ui-dialog.playbook-ng-modal .modal-content-description .subt-right ul li,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left ul li,
.ui-dialog.playbook-ng-modal .tech-subs .subt-right ul li {
  width: 100%;
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-right ul,
.ui-dialog.playbook-ng-modal .tech-subs .subt-right ul {
  list-style-type: none;
  padding-left: 0;
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-right ul li,
.ui-dialog.playbook-ng-modal .tech-subs .subt-right ul li {
  width: fit-content;
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-right .tactic-desc a,
.ui-dialog.playbook-ng-modal .tech-subs .subt-right .tactic-desc a {
  font-size: 14px;
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-right .tactic-desc a svg.ext,
.ui-dialog.playbook-ng-modal .tech-subs .subt-right .tactic-desc a svg.ext {
  height: 16px;
  width: 18px;
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left li,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left li {
  padding: 8px 17px;
  border-top: 1px solid #dedfe0;
  margin-bottom: 0;
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left li:last-of-type,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left li:last-of-type {
  border-bottom: 1px solid #dedfe0;
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left a:link,
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left a:visited,
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left a:hover,
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left a:focus,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left a:link,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left a:visited,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left a:hover,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left a:focus {
  color: #080808;
  text-decoration: none;
  color: var(--dhs-gray-90-text, #080808);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.6px; /* 135% */
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left .active,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left .active {
  position: relative;
  font-weight: 700;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal .modal-content-description .subt-left .active,
  .ui-dialog.playbook-ng-modal .tech-subs .subt-left .active {
    font-size: 18px;
  }
}
.ui-dialog.playbook-ng-modal .modal-content-description .subt-left .active::before,
.ui-dialog.playbook-ng-modal .tech-subs .subt-left .active::before {
  background-color: #005b84;
  content: "";
  height: calc(100% + 8px);
  left: -17px;
  position: absolute;
  top: -4px;
  width: 4px;
}
.ui-dialog.playbook-ng-modal .modal-content-description {
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal .modal-content-description {
    flex-direction: row;
  }
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal .modal-content-description .modal-left {
    border-right: none;
  }
}
@media print, screen and (min-width: 880px) and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal .modal-content-description .modal-left {
    padding-right: 33px;
    border-right: 1.5px solid #929395;
    border-bottom: 0;
  }
}
.ui-dialog.playbook-ng-modal .modal-content-description .modal-right {
  border-bottom: 1.5px solid #929395;
  padding-bottom: 23px;
  margin-bottom: 24px;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal .modal-content-description .modal-right {
    padding-left: 1rem;
    padding-bottom: 0rem;
    border-bottom: 0;
    margin-bottom: 0;
    flex: 0 0 269px;
  }
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal .modal-content-description .modal-right > div {
    padding-left: 1rem;
    border-left: 1.5px solid #929395;
  }
}
.ui-dialog.playbook-ng-modal.cm-modal .ui-dialog-titlebar {
  background: #477326;
}
.ui-dialog.playbook-ng-modal.cm-modal .modal-content-description {
  border-bottom: none;
}
@media print, screen and (min-width: 880px) {
  .ui-dialog.playbook-ng-modal.cm-modal .modal-content-description .modal-left {
    border-right: 0;
  }
}

#tactic-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 28px;
}
#tactic-list .tactic-item {
  color: #080808;
}
@media print, screen and (min-width: 880px) {
  #tactic-list .tactic-item {
    font-size: 18.08px;
    line-height: 150%;
  }
}
#tactic-list .tactic-item.active {
  color: #005288;
  font-style: normal;
  font-weight: 700;
  text-decoration-line: underline;
}

.ui-dialog-content .in-cart .item-title {
  color: #005288;
}
.ui-dialog-content .in-cart .c-button--added-to-cart {
  display: block;
}
.ui-dialog-content .in-cart .c-button--add-to-cart {
  display: none;
}

.export-modal-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media print, screen and (min-width: 880px) {
  .export-modal-content {
    flex-direction: row;
    gap: 40px;
  }
}
.export-modal-content .export-format-list {
  border-right: 0;
  border-bottom: 1px solid #929395;
  padding-bottom: 32px;
}
@media print, screen and (min-width: 880px) {
  .export-modal-content .export-format-list {
    flex: 0 0 315px;
    border-right: 1px solid #929395;
    border-bottom: 0;
    padding-right: 40px;
    padding-bottom: 0;
  }
}
.export-modal-content .export-format-list h3 {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .export-modal-content .export-format-list h3 {
    font-size: 23px;
    line-height: 30px; /* 130.435% */
  }
}
.export-modal-content .export-format-list ul.export-types {
  list-style-type: none;
  padding-left: 0;
}
.export-modal-content .export-format-list ul.export-types li {
  padding: 10px 20px;
  border-top: 1px solid #dedfe0;
  position: relative;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.6px; /* 135% */
  cursor: pointer;
}
.export-modal-content .export-format-list ul.export-types li.active {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.6px; /* 120% */
}
.export-modal-content .export-format-list ul.export-types li.active::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  height: 32px;
  width: 4px;
  background-color: #5e9732;
}
.export-modal-content .export-format-list ul.export-types li:last-of-type {
  border-bottom: 1px solid #dedfe0;
}
.export-modal-content .export-details h3 {
  color: #000;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .export-modal-content .export-details h3 {
    font-size: 36px;
  }
}
.export-modal-content .export-details p {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 150% */
}
@media print, screen and (min-width: 880px) {
  .export-modal-content .export-details p {
    font-size: 18px;
    line-height: 150%;
  }
}
.export-modal-content .export-details > div:first-of-type {
  display: block;
}

#template-summary h4 + * {
  margin-top: 8px;
}

#export-template-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#export-template-form label {
  color: #363637;
}
#export-template-form .caption {
  color: #646566;
  font-size: 12px;
  letter-spacing: normal;
  line-height: normal;
  margin: 8px 0 0;
}
#export-template-form h4 {
  font-size: 18px;
  font-weight: 600;
}
#export-template-form .export-form-input {
  width: 100%;
  display: flex;
  flex-direction: row;
  border: 1px solid #929395;
}
#export-template-form .export-form-input label,
#export-template-form .export-form-input input {
  padding: 14px 18px;
  font-size: 1rem;
}
#export-template-form .export-form-input label {
  background-color: #f5f5f6;
}
#export-template-form .export-form-input input {
  flex: 1;
  border: none;
  border-left: 1px solid #929395;
  font-family: inherit;
  line-height: 18px;
  letter-spacing: 0.16px;
}
#export-template-form .export-form-checklist {
  /* Change the background color when checkbox is checked */
  /* Add a check mark when checked */
}
#export-template-form .export-form-checklist input[type=checkbox] {
  width: 20px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  top: 4px;
}
#export-template-form .export-form-checklist input[type=checkbox]:checked {
  background-color: #005ea2;
  border: 1px solid #005ea2;
}
#export-template-form .export-form-checklist input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 8px;
  height: 12px;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  border-color: white;
  border-style: solid;
}
#export-template-form .export-form-checklist label {
  margin-left: 10px;
  font-size: 18px;
}
#export-template-form .export-form-desc {
  display: flex;
  flex-direction: column;
}
#export-template-form .export-form-desc label {
  font-size: 18px;
  font-weight: 600;
  color: #080808 !important;
}
#export-template-form .export-form-desc textarea {
  padding: 17px 14px;
  border: 1px solid #929395;
  font-family: inherit;
  margin-top: 8px;
  font-family: inherit;
  line-height: 18px;
  letter-spacing: 0.16px;
}
#export-template-form .export-form-desc textarea::placeholder {
  font-style: italic;
  font-size: 16px;
  color: #646566;
}
#export-template-form .export-template-hidden {
  display: none;
}

#export-template-card-preview > div {
  border: 1px solid #929395;
  padding: 14px;
}

#export-template-popup-preview {
  border: 1px solid #929395;
  padding: 14px;
  margin-bottom: 24px;
}

.card-preview-cta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.card-preview-cta button {
  margin-top: 0;
}