@charset "UTF-8";
@font-face {
  font-family: "gothambook";
  src: url("../fonts/gotham_book_font-webfont.woff2") format("woff2"), url("../fonts/gotham_book_font-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothammedium";
  src: url("../fonts/gothammedium-webfont.woff2") format("woff2"), url("../fonts/gothammedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb {
  background: rgba(141, 142, 144, 0.5);
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 8px;
}

body {
  font-size: 0.9rem;
}

.font-sm {
  font-size: 0.875rem;
  line-height: 1.2;
}

.admin-mode .user-ddl .bi,
.admin-mode .search-expand .bi,
.client-playbook .user-ddl .bi,
.client-playbook .search-expand .bi {
  color: #E4002B;
}
.admin-mode .user-ddl .bi:hover,
.admin-mode .search-expand .bi:hover,
.client-playbook .user-ddl .bi:hover,
.client-playbook .search-expand .bi:hover {
  color: rgb(38.4, 38.4, 38.4);
}
.admin-mode .user-ddl:hover .bi,
.admin-mode .search-expand:hover .bi,
.client-playbook .user-ddl:hover .bi,
.client-playbook .search-expand:hover .bi {
  color: rgb(38.4, 38.4, 38.4);
}

.user-menu {
  margin-right: 1.5rem;
}

footer {
  position: fixed;
  margin-top: 1.5rem;
  padding: 0.45rem 1rem;
  width: 100%;
  color: #888;
  background-color: #fff;
  margin-left: 0;
  overflow-x: hidden;
  border-top: 1px solid #ddd;
  z-index: 10;
  bottom: 0;
  margin-top: 0;
  font-size: 0.65rem;
  line-height: 1.2;
}
footer .f-logo {
  margin-top: 0.15rem;
}
footer .f-copyright {
  margin-top: 0.5rem;
}
footer div {
  margin-top: 0.25rem;
}
footer img {
  margin: 0.15rem 0.5rem 0.15rem 0.65rem;
  padding: 0 0.25rem;
  width: 92px;
  max-width: 92px;
}

.client-home button.info-text.btn-link {
  color: #fff;
}
.client-home footer {
  color: rgba(255, 255, 255, 0.65);
  background-color: #1D1740;
  border-top: 0 none;
}
.client-home footer a:hover {
  color: white !important;
}

.admin-mode.page-body {
  min-height: calc(100vh - 98px);
}

@media (min-width: 992px) {
  .client-home footer,
  .admin-mode footer {
    z-index: 10;
    bottom: -3px;
  }
  footer {
    text-align: left;
  }
  .f-logo {
    float: right;
  }
  .f-copyright {
    float: right;
  }
}
.main .stage-details h4,
.main .stage-details h5 {
  margin-top: 2rem;
}
.main table {
  border-color: #666;
  background-color: #fff;
}
.main table tr:first-of-type {
  background-color: #1D1740 !important;
  color: #fff !important;
  font-weight: 700 !important;
}
.main table tr, .main table td {
  padding: 0.4rem;
  font-size: 0.85rem;
  border-width: 1px;
  border-color: #ddd;
}
.main table.table-plain tr:first-of-type, .main table.table-plain-striped tr:first-of-type {
  background-color: #fff !important;
  color: #686B6B !important;
  font-weight: 400 !important;
  font-weight: normal !important;
}
.main table.table-plain-striped tr:first-of-type {
  background-color: #f1f1f1 !important;
}
.main strong {
  font-weight: bold;
  font-weight: 700;
  font-family: "gothammedium", Arial, Helvetica, sans-serif;
}
.main img {
  max-width: 100%;
  height: auto;
}

.highlighter {
  background-color: yellow;
}

.alert.alert-msg {
  position: absolute;
  margin: 1rem auto 1px;
  top: 0;
  left: 50%;
  right: 50%;
  width: 200px;
  z-index: 100;
}

.alert-clipboard {
  padding: 0.5rem 1rem;
  color: #1D1740;
  background-color: #fff;
  border: 1px solid #1D1740 !important;
  box-shadow: 0 16px 20px rgba(0, 0, 0, 0.3);
}

.page-break-before {
  page-break-before: always;
  break-before: page;
}

.page-break-after {
  page-break-after: always;
  break-after: page;
}

img[style="float: left;"],
img[style="float: right;"] {
  margin: 0.75rem 1rem;
}

.table-striped-rows > tbody > tr:nth-of-type(2n+1),
.table-plain-striped > tbody > tr:nth-of-type(2n+1),
.table-striped-acronyms > tbody > tr:nth-of-type(2n+1) {
  background-color: #f1f1f1;
}

.table-striped-columns > tbody > tr > td:nth-of-type(2n+1) {
  background-color: #f1f1f1;
  font-weight: bold;
  font-weight: 700;
  font-family: "gothammedium", Arial, Helvetica, sans-serif;
}
.table-striped-columns > tbody > tr:first-of-type td {
  background-color: #1D1740 !important;
  font-family: inherit;
}

table.table-striped-acronyms > tbody > tr > td:nth-of-type(2n+1) {
  font-weight: bold;
  font-weight: 700;
  font-family: "gothammedium", Arial, Helvetica, sans-serif;
  color: #0093AD;
}
table.table-striped-acronyms > tbody > tr:first-of-type td {
  font-family: inherit;
  color: #fff;
}

main table.pb-resources tbody tr:first-of-type {
  background-color: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}

body.signin {
  margin: 0;
  padding: 1rem 2rem 2rem;
  height: 100vh;
  background-color: #1D1740;
}
body.signin .cw-logo img {
  width: 144px;
  max-width: 144px;
}
body.signin .cookie-consent {
  margin: 1.5rem auto auto;
  position: relative;
  z-index: 10;
  max-width: 1024px;
  min-width: 800px;
  font-size: 0.75rem;
  color: #fff;
  text-align: center;
}
body.signin .cookie-consent a {
  color: #fff;
}
body.signin .cookie-consent a:hover {
  text-decoration: none;
}
body.signin .signin-wrapper {
  margin: 1.5rem auto auto;
  position: relative;
  z-index: 10;
  width: 80vw;
  max-width: 1024px;
  min-width: 820px;
  padding: 0;
  display: flex;
  max-height: 90vh;
  overflow-x: clip;
  overflow-y: auto;
  background-color: #fff;
  background-image: url("../img/edge1-inv.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100px;
  border: 0 none;
  border-radius: 8px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
body.signin .signin-wrapper .left-panel {
  padding-left: 2rem;
  padding-bottom: 2rem;
  width: 50%;
}
body.signin .signin-wrapper .left-panel h1 {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  margin-left: 0;
  padding: unset !important;
  font-size: 2.75rem;
  letter-spacing: -0.15rem;
  background: none;
  color: #1D1740;
  white-space: nowrap;
}
body.signin .signin-wrapper .left-panel h1 span {
  font-size: 1.75rem;
}
body.signin .signin-wrapper .left-panel .welcome {
  padding-top: 2rem;
  border-top: 1px solid #ccc;
  width: 75%;
  font-size: 1rem;
  font-style: italic;
  color: #1D1740;
}
body.signin .signin-wrapper .right-panel {
  padding: 6.75rem 3rem 5rem 4rem;
  width: 50%;
}
body.signin .signin-wrapper .right-panel p {
  margin-bottom: 1.75rem;
  font-size: 0.9rem;
  font-weight: bold;
}
body.signin .signin-wrapper .right-panel .signin-form {
  padding: 2rem;
  font-size: 0.85rem;
  background-color: #fff;
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);
}
body.signin .signin-wrapper .right-panel .footer-note {
  margin-top: 2rem;
  color: #333;
  font-size: 0.75rem;
  text-align: center;
}
body.signin .signin-wrapper .right-panel .footer-note a:hover {
  text-decoration: none;
}

@media (max-width: 1023.98px) {
  body.signin {
    height: unset;
  }
  body.signin .signin-wrapper {
    flex-direction: column;
    max-height: unset;
    min-width: unset;
    background-image: none;
  }
  body.signin .signin-wrapper .left-panel {
    padding-right: 2rem;
    padding-bottom: 2.5rem;
    width: 100%;
    clip-path: none;
  }
  body.signin .signin-wrapper .left-panel .welcome {
    width: unset;
  }
  body.signin .signin-wrapper .right-panel {
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 3.5rem;
    background-color: #A7A8AA;
  }
  body.signin .cookie-consent {
    width: 75vw;
    min-width: unset;
  }
}
.bg-01 {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(255, 255, 255, 0.2);
  clip-path: polygon(0 95%, 100% 72%, 100% 100%, 0% 100%);
}

.bg-02 {
  position: static;
  width: 99vw;
  background-color: #1D1740;
}

.bg-03 {
  background-image: url(../img/bg-buildings.jpg);
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.landing-wrapper {
  height: 100%;
  min-height: 100vh;
  background: #1D1740;
}
.landing-wrapper .page-body {
  margin: initial;
  margin-right: auto;
  margin-left: auto;
  padding: 1rem 4rem;
  width: initial;
  max-width: 1800px;
  min-height: calc(100vh - 58px);
}
.landing-wrapper .page-body main {
  margin-right: 0;
  margin-left: 0;
  border: 0 none;
}
.landing-wrapper .page-body main .border-end {
  border-right: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.landing-wrapper header .btn-light {
  color: #fff;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
}
.landing-wrapper header.navbar {
  z-index: 20;
  background-color: transparent;
}
.landing-wrapper header.navbar .navbar-toggler {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #fff;
}
.landing-wrapper .navbar-brand {
  margin-left: 1rem;
}
.landing-wrapper h1 {
  margin: 0;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-left: initial;
  margin-bottom: 0;
  padding: 0 !important;
  padding-left: 2.75rem !important;
  width: 100%;
  max-width: 100%;
  font-size: 1.85rem;
  letter-spacing: -2px;
  background-image: none;
  background-color: transparent;
}
.landing-wrapper h1 span .bi {
  padding-right: 0.75rem;
  font-size: 0.9em;
  opacity: 0.35;
}
.landing-wrapper h1 span .bi.pb-i-mask {
  position: absolute;
  margin-top: 0.8rem;
  margin-left: 0.0125rem;
  color: #1D1740;
  opacity: 1;
  z-index: 10;
}
.landing-wrapper h1 .bi.bi-house-door,
.landing-wrapper h1 .bi.bi-share {
  font-size: 1.2rem;
  opacity: 0.5;
  position: absolute;
  margin-left: -1.95rem;
  margin-top: 0.55rem;
}
.landing-wrapper .intro-text {
  font-size: 1.7rem;
  line-height: 1.3;
  color: #fff;
}
.landing-wrapper.client-home .search-widget {
  margin-right: -4px !important;
  margin-top: 1px !important;
  margin-left: 1rem !important;
}
.landing-wrapper.client-home .search-bar input {
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: transparent;
  color: #fff;
}
.landing-wrapper.client-home .search-bar .form-control::placeholder {
  color: #fff;
  opacity: 0.5;
}
.landing-wrapper.client-home .search-bar button {
  color: #fff;
}
.landing-wrapper.client-home .search-bar button:hover {
  color: #E4002B;
}
.landing-wrapper.client-home header {
  background: #1D1740;
}
.landing-wrapper.client-home header select option {
  color: #454545;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.23);
  font-size: 0.85rem;
}
.landing-wrapper.client-home header select.rz-dropdown,
.landing-wrapper.client-home header .rz-grid-table td {
  color: rgba(255, 255, 255, 0.9);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.23);
}
.landing-wrapper.client-home header select.rz-dropdown select,
.landing-wrapper.client-home header .rz-grid-table td select {
  color: #fff;
}
.landing-wrapper.client-home header select.rz-dropdown option,
.landing-wrapper.client-home header .rz-grid-table td option {
  color: rgb(38.4, 38.4, 38.4);
  background-color: #fff;
  font-size: 0.85rem;
}
.landing-wrapper.client-home header select.rz-dropdown option :hover,
.landing-wrapper.client-home header .rz-grid-table td option :hover {
  cursor: pointer;
}
.landing-wrapper.client-home header select.rz-dropdown {
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.landing-wrapper.client-home header select.rz-dropdown:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.landing-wrapper.client-home header .current-user select {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #fff;
}
.landing-wrapper.client-home header .current-user select:focus-visible {
  outline: 0 none !important;
}
.landing-wrapper.client-home header .title-text {
  color: rgba(255, 255, 255, 0.75);
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.landing-wrapper.client-home header .user-menu select.rz-dropdown {
  background-color: #1D1740;
}
.landing-wrapper.client-home header .user-menu select.rz-dropdown:hover, .landing-wrapper.client-home header .user-menu select.rz-dropdown:target, .landing-wrapper.client-home header .user-menu select.rz-dropdown:active {
  background-color: #1D1740;
}
.landing-wrapper.client-home header .current-user {
  color: #fff;
}
.landing-wrapper.client-home header .current-user .user-ddl:hover .bi {
  color: #E4002B;
}
.landing-wrapper.client-home header .rz-dropdown {
  margin-right: 0;
  color: #fff;
}
.landing-wrapper.client-home header .top-menu [class^=bi-]::before,
.landing-wrapper.client-home header .top-menu [class*=" bi-"]::before {
  color: inherit;
}
.landing-wrapper.client-home header .top-menu .current-user .user-ddl:hover [class^=bi-]::before,
.landing-wrapper.client-home header .top-menu .current-user .user-ddl:hover [class*=" bi-"]::before,
.landing-wrapper.client-home header .top-menu .search-widget .search-expand:hover [class^=bi-]::before,
.landing-wrapper.client-home header .top-menu .search-widget .search-expand:hover [class*=" bi-"]::before {
  color: #E4002B;
}
.landing-wrapper.client-home ul.layout-options {
  display: inline;
  margin-top: 0.25rem;
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
}
.landing-wrapper.client-home ul.layout-options li {
  display: inline;
}
.landing-wrapper.client-home ul.layout-options li a {
  padding: 0.25rem 0.5rem;
  color: #fff;
  -webkit-border-radius: 0.35rem;
  -ms-border-radius: 0.35rem;
  border-radius: 0.35rem;
}
.landing-wrapper.client-home ul.layout-options li a:hover {
  color: #E4002B;
}
.landing-wrapper.client-home ul.layout-options li a.selected {
  background-color: rgba(255, 255, 255, 0.15);
}
.landing-wrapper .page-body .main {
  margin-top: 3.75rem;
}
.landing-wrapper .page-body .main h2 {
  display: inline-block;
  margin-bottom: 0.5rem;
  padding: 0.15rem 0;
  font-size: 1.25rem;
  font-weight: 400;
  color: #fff;
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.landing-wrapper .page-body .main h2 .bi {
  padding-right: 0.25rem;
  opacity: 0.35;
}
.landing-wrapper .page-body .main .card .card-body {
  padding: 1rem 1.25rem;
  padding: 1rem 1.25rem;
}
.landing-wrapper .page-body .main .card .card-subtitle {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.landing-wrapper .page-body .main .card p.card-text {
  font-size: 0.9rem;
}

@media (min-width: 576px) {
  ul.layout-options {
    text-align: right;
  }
}
@media (max-width: 768.9px) {
  .landing-wrapper .page-body {
    padding-top: 7rem;
  }
}
@media (max-width: 1199.9px) {
  .landing-wrapper .page-body .main .border-end {
    border-right: 0 none !important;
  }
}
@media (min-width: 991px) {
  .admin-mode header .navbar-brand,
  .landing-wrapper.client-home header .navbar-brand,
  .client-playbook header .navbar-brand {
    margin-left: 1rem;
  }
  .text-md-left {
    text-align: left !important;
  }
  .admin-mode header .navbar-brand img,
  .landing-wrapper.client-home header .navbar-brand img,
  .client-playbook header .navbar-brand img {
    width: 144px;
    max-width: 132px;
  }
  .landing-wrapper .page-body {
    padding: 1rem 4rem;
  }
  .top-menu {
    margin-top: 3px;
    height: 27px;
  }
}
.admin-mode header .form-control,
.client-playbook header .form-control {
  color: #454545;
}
.admin-mode header .title-text,
.client-playbook header .title-text {
  color: rgba(0, 0, 0, 0.65);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.admin-mode header select.rz-dropdown,
.admin-mode header select option,
.admin-mode header .rz-grid-table td,
.client-playbook header select.rz-dropdown,
.client-playbook header select option,
.client-playbook header .rz-grid-table td {
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.admin-mode header select.rz-dropdown option,
.admin-mode header select option option,
.admin-mode header .rz-grid-table td option,
.client-playbook header select.rz-dropdown option,
.client-playbook header select option option,
.client-playbook header .rz-grid-table td option {
  color: #454545;
  background-color: #fff;
  font-size: 0.85rem;
}

.client-playbook {
  padding-bottom: 0;
}
.client-playbook header .top-menu .current-user .user-ddl:hover [class^=bi-]::before,
.client-playbook header .top-menu .current-user .user-ddl:hover [class*=" bi-"]::before,
.client-playbook .search-widget .search-expand:hover [class^=bi-]::before,
.client-playbook .search-widget .search-expand:hover [class*=" bi-"]::before {
  color: #333;
}
.client-playbook .search-widget {
  margin-top: -1px !important;
  margin-right: 0 !important;
}
.client-playbook .page-body .search-widget .search-expand:hover [class^=bi-]::before,
.client-playbook .page-body .search-widget .search-expand:hover [class*=" bi-"]::before {
  color: #E4002B;
}
.client-playbook .page-body .search-widget {
  padding: 0;
  max-height: 27px;
}
.client-playbook .page-body .search-widget .search-expand {
  padding-top: 0;
  cursor: pointer;
}
.client-playbook .page-body .search-widget .search-expand .bi-search {
  font-size: 1.15rem;
}
.client-playbook .page-body .search-widget .search-expand .bi.bi-caret-left-fill,
.client-playbook .page-body .search-widget .search-expand .bi.bi-caret-right-fill {
  margin-left: -4px;
}
.client-playbook .page-body .search-widget i.bi.small {
  font-size: 0.5rem;
  margin-left: -0.35rem;
}
.client-playbook .page-body .search-widget select {
  right: 1rem;
  margin-top: 0;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  background: #fff;
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  color: #454545;
  border: 1px solid rgba(0, 0, 0, 0.25);
  height: 26px !important;
  font-size: 0.85rem;
}
.client-playbook .page-body .search-widget .search-bar {
  margin-top: 1px;
  transition: all 0.35s ease 0s;
}
.client-playbook .page-body .search-bar {
  margin-top: 0;
  margin-right: 0;
}
.client-playbook .page-body .search-bar input {
  margin-top: 0.05rem;
  padding: 0 2.25rem 0 0.5rem;
  font-size: 0.85rem;
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  height: 26px !important;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 196px;
}
.client-playbook .page-body .search-bar button {
  position: absolute;
  z-index: 20;
  margin-top: -1.6rem;
  margin-left: 10.5rem;
  padding: 0;
  color: #E4002B;
}
.client-playbook .page-body .search-bar button:hover {
  color: #454545;
}
.client-playbook .page-body .search-bar button[title=Clear] {
  margin-left: -2.75rem;
  color: #454545;
}
.client-playbook .page-body .search-bar button[title=Clear]:hover {
  color: #E4002B;
}
.client-playbook .page-body .search-bar .btn {
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.client-playbook .page-body .search-bar .btn:focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.client-playbook .page-body select.version-picker {
  margin-top: 1px;
  padding: 0.175rem 0rem 0.25rem 0.25rem;
  cursor: pointer;
  background: #fff;
  width: 196px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  color: rgba(255, 255, 255, 0.6);
  color: #686B6B;
  font-size: 0.85rem;
  height: 1.65rem;
}
.client-playbook .page-body select.version-picker:hover {
  border: 1px solid #787878;
}
.client-playbook .page-body select.version-picker:focus-visible {
  outline: 0 none;
}
.client-playbook .page-body option {
  color: rgb(38.4, 38.4, 38.4);
  background-color: #fff;
}
.client-playbook .page-body option :hover {
  cursor: pointer;
}
.client-playbook .page-body img {
  max-width: 100%;
  height: auto;
}
.client-playbook .main table {
  margin-bottom: 1rem;
}
.client-playbook .main main {
  margin-bottom: 3.5rem;
}
.client-playbook .main main > div h3:first-of-type {
  margin-top: 0;
}
.client-playbook .main main .main-body h3:first-of-type {
  margin-top: 1.5rem;
}
.client-playbook .main main .main-body > div:first-of-type {
  margin-bottom: 0;
}
.client-playbook .main main .main-body > div:first-of-type:not(:has(.tag)) {
  margin-bottom: 1.5rem;
  margin-bottom: 0;
}
.client-playbook .main main .main-body > div:first-of-type .tags-list:has(.tag) {
  margin-top: 0.25rem;
}
.client-playbook .main main .main-body > div.tag-highlighted:first-of-type .tags-list,
.client-playbook .main main .main-body > div.tag-highlighted:first-of-type .tags-list:has(.tag) {
  margin-bottom: 0;
}
.client-playbook .main div.tasks.alert {
  padding-top: 0;
  padding-bottom: 0.75rem;
  line-height: 1.3;
}
.client-playbook .main div.tasks.alert > div {
  margin: 0.25rem 0 0;
}
.client-playbook .main div.tasks.alert div.tags-list {
  margin-top: 0;
  margin-bottom: 0;
}
.client-playbook .main div.tasks.alert ul li div.tags-list {
  padding-left: 0;
}
.client-playbook .main div.tasks.alert > br {
  display: none;
}
.client-playbook .main div.tasks.alert div.tag-highlighted {
  margin-top: 0.15rem;
  margin-bottom: 0;
}
.client-playbook .main div.tasks.alert.my-role {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.client-playbook:has(.search-results-full) {
  min-width: 550px;
}

.navbar-brand {
  margin-right: 0;
}

.user-menu {
  margin-left: 0.5rem;
}

.client-playbook.page-body {
  margin-top: 49px;
}
.client-playbook ul.breadcrumbs {
  margin-top: 4px !important;
}
.client-playbook ul.breadcrumbs li .bi {
  margin-right: 0.2rem;
  opacity: 0.5;
}
.client-playbook ul.breadcrumbs li a:link.playbooks-home,
.client-playbook ul.breadcrumbs li a:not([href]):not([class]) {
  color: #E4002B;
  text-decoration: underline;
}
.client-playbook ul.breadcrumbs li a:link.playbooks-home:hover,
.client-playbook ul.breadcrumbs li a:not([href]):not([class]):hover {
  color: rgb(38.4, 38.4, 38.4);
}
.client-playbook ul.breadcrumbs li a .bi,
.client-playbook ul.breadcrumbs li a .bi:hover {
  border-bottom: 0 none;
}
.client-playbook .resource-links h5.card-title {
  font-size: 0.9rem;
  border-bottom: 0 none;
}
.client-playbook .resource-links h5.card-title .bi {
  margin-left: -0.25rem;
}
.client-playbook .resource-links li [class^=bi-]::before,
.client-playbook .resource-links li [class*=" bi-"]::before {
  opacity: 0.7;
}
.client-playbook .resource-links .tags-list {
  margin-bottom: 0.05rem;
}
.client-playbook .resource-links .tag-resource-highlighted {
  margin-bottom: 0.15rem;
  padding-top: 0.25rem;
  padding-bottom: 0.15rem;
}
.client-playbook h1 {
  margin-left: -1.5rem;
  width: calc(100% + 3rem);
  background-image: url(../img/bg-h1-01.png);
  background-position-x: 116%;
  padding: 1.25rem 1.75rem 1rem 2rem !important;
  position: sticky;
  top: 88px;
  z-index: 2;
}
.client-playbook h1.search-results {
  top: 78px !important;
  position: sticky;
}

.hide-menu-text .nav-link span,
.hide-menu-text .nav-link i + span,
.hide-menu-text .admin-label {
  display: none;
}

.overflow-wrapper {
  max-width: 100%;
  overflow-x: auto;
}
.overflow-wrapper .auto-layout-grid {
  display: grid;
  min-width: fit-content;
}
.overflow-wrapper .auto-layout-grid .rz-grid-table-fixed {
  table-layout: auto;
}

html,
body {
  color: #454545;
  font-family: "gothambook", Arial, Helvetica, sans-serif;
  background-color: #efefef;
  min-width: 375px;
}
html.body,
body.body {
  padding-bottom: 3rem;
}

.bg-img {
  opacity: 0.025;
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
}
.bg-img.o-max {
  opacity: 1;
}
.bg-img.edge2 {
  bottom: -4rem;
  top: auto;
  opacity: 0.05;
}
.bg-img.edge2.o-min {
  opacity: 0.04;
}

.intro-text {
  font-size: 1.15rem;
}

.bold-text {
  font-family: "gothammedium", Arial, Helvetica, sans-serif;
}

.nowrap {
  white-space: nowrap;
}

header {
  background: #002c4f;
  /*.search-widget {
      padding: 0;
      max-height: 27px;

      .search-expand {
          padding-top: 0;
          cursor: pointer;

          .bi-search {
              font-size: 1.15rem;
          }

          .bi.bi-caret-left-fill,
          .bi.bi-caret-right-fill {
              margin-left: -4px;
          }
      }

      i.bi.small {
          font-size: .5rem;
          margin-left: -.35rem;
      }

      select {
          right: 1rem;
          margin-top: 0;
          padding: 0.25rem 0.25rem 0.25rem 0.25rem;
          background: #fff;
          @include border-radius(.25rem);
          color: $cw-dark-grey;
          border: 1px solid rgba(0, 0, 0, 0.25);
          height: 26px !important;
          font-size: .85rem;
      }

      .search-bar {
          margin-top: 1px;
          transition: all .35s ease 0s;
      }
  }*/
}
header .navbar-brand {
  margin-left: 0.5rem;
}
header .navbar-brand img {
  width: 132px;
}
header .navbar-brand span.divider {
  font-size: 1rem;
}
header .navbar-brand span .bi {
  opacity: 0.5;
}
header select.rz-dropdown,
header select option,
header .rz-grid-table td,
header .current-user {
  padding: 0.175rem 0rem 0.25rem 1rem;
  cursor: pointer;
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  color: #454545;
  font-size: 0.85rem;
  height: 2rem;
}
header select.rz-dropdown option,
header select option option,
header .rz-grid-table td option,
header .current-user option {
  background-color: #fff;
  cursor: pointer;
}
header .current-user {
  padding: 0rem 1rem 0 0.1rem;
  max-height: 27px;
}
header .current-user .user-ddl {
  padding-top: 0;
}
header .current-user .user-ddl .bi-person-circle {
  font-size: 1.275rem;
}
header .current-user .user-ddl .bi.bi-caret-left-fill,
header .current-user .user-ddl .bi.bi-caret-right-fill {
  margin-left: -4px;
}
header .current-user i.bi.small {
  font-size: 0.5rem;
  margin-left: -0.35rem;
}
header .current-user select {
  right: 1rem;
  margin-top: 0;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  background: #fff;
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  color: #454545;
  border: 1px solid rgba(0, 0, 0, 0.25);
  height: 26px !important;
  font-size: 0.85rem;
}
header .current-user .user-list {
  margin-top: 1px;
  transition: all 0.35s ease 0s;
}
header .rz-dropdown {
  padding: 0;
  height: 2rem;
  line-height: 2rem;
  background: transparent;
  border: 0 none;
}
header .rz-dropdown:hover:not(:focus) {
  border: 0 none;
  box-shadow: none;
}
header .active-persona-list {
  padding-right: 0;
  line-height: 1.5;
  color: #454545;
}
header .active-persona-list.truncate {
  margin-top: 3px;
  padding: 0.4rem 0.5rem;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #f3f3f3;
  border-radius: 0.5rem;
  background-color: #f3f3f3;
}
header .active-persona-list a {
  padding: 0 0.1rem 0;
}
header .active-persona-list i.bi {
  margin-top: 0;
  font-size: 1.3rem;
}
header .active-persona-list .personas {
  font-size: 0.8rem;
}
header .active-persona-list .personas.truncate {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.4rem 0.5rem;
  background-color: #f3f3f3;
  padding: 0.15rem 0.5rem 0.2rem 0.5rem;
  font-size: 0.8rem;
  border: 1px solid #f3f3f3;
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
header.navbar .user-menu select.rz-dropdown {
  padding: 0.175rem 0rem 0.25rem 0.25rem;
  font-size: 0.85rem;
  height: 26px;
}
header.bg-light {
  background-color: #fff !important;
}
header .title-text {
  margin-left: 0rem;
  padding: 0.25rem 0.75rem 0.35rem 0.75rem;
  font-size: 0.8rem;
}
header .client-slug,
header .playbook-slug {
  padding: 0.15rem 0.5rem 0.2rem 0.5rem;
  font-size: 0.8rem;
}
header .client-slug:hover,
header .playbook-slug:hover {
  cursor: default;
}
header .client-slug {
  -webkit-border-radius: 0.5rem 0 0 0.5rem;
  -ms-border-radius: 0.5rem 0 0 0.5rem;
  border-radius: 0.5rem 0 0 0.5rem;
  color: #454545;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
header .playbook-slug {
  margin-left: 0;
  -webkit-border-radius: 0 0.5rem 0.5rem 0;
  -ms-border-radius: 0 0.5rem 0.5rem 0;
  border-radius: 0 0.5rem 0.5rem 0;
  color: #454545;
  border: 1px solid #dfdfdf;
}
header .btn-light {
  color: #555;
  font-size: 0.9rem;
  margin-top: 3px;
}
header .dropdown-menu {
  font-size: 0.85rem;
}
header .search-bar {
  margin-top: 0;
  margin-right: 0;
}
header .search-bar input {
  margin-top: 0.05rem;
  padding: 0 2.25rem 0 0.5rem;
  font-size: 0.85rem;
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  height: 26px !important;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 200px;
}
header .search-bar button {
  position: absolute;
  z-index: 20;
  margin-top: -1.625rem;
  margin-left: 175px;
  padding: 0;
  color: #E4002B;
}
header .search-bar button:hover {
  color: #454545;
}
header .search-bar .btn {
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
header .search-bar .btn:focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
header ul.icon-menu {
  float: right;
  margin: 0.5rem 1rem 0 0;
  padding: 0;
  list-style-type: none;
}
header ul.icon-menu li {
  display: inline;
}

@media (max-width: 1100px) and (min-width: 992px) {
  header .active-persona-list .personas.truncate {
    max-width: 200px;
  }
}
@media (max-width: 991.9px) {
  header .active-persona-list .personas.truncate {
    max-width: 250px;
  }
}
.client-home header .client-slug {
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.dropdown-item:active {
  background-color: #0093AD;
}

.hero {
  position: relative;
  z-index: 100;
  padding: 10vh;
  background-color: #fff;
}

.persona-alert {
  max-height: calc(100vh - 350px);
  overflow-y: auto;
}

.task-persona {
  font-weight: 600;
  font-weight: bold;
}

div.global-search-results {
  display: inline;
}
div.global-search-results a:link,
div.global-search-results a:link:visited {
  margin: 0 0 0 -1rem;
  padding: 0.5rem 0;
  color: #E4002B;
  font-weight: normal;
  background-color: transparent;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}
div.global-search-results a:hover {
  color: #333;
}
div.global-search-results ul.search-results-scroll {
  position: absolute;
  margin-top: 28px;
  margin-left: -43.75rem;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  max-height: 80vh;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-box-shadow: 0px 13px 38px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 13px 38px 0px rgba(0, 0, 0, 0.4);
  border-radius: 0.5rem;
  list-style-type: none;
  z-index: 2000;
  width: 700px;
  max-width: 700px;
  padding-top: 3.75rem;
}
div.global-search-results ul.search-results-scroll li {
  margin: 0 10px;
  padding: 0 0 0.5rem 1rem;
  font-size: 1rem !important;
  line-height: 1.3;
  background-color: #fff;
  color: rgb(107.25, 107.25, 107.25);
  border-bottom: 1px solid #ddd;
  white-space: normal !important;
}
div.global-search-results ul.search-results-scroll li a {
  text-decoration: underline;
}
div.global-search-results ul.search-results-scroll li:first-of-type {
  padding: 1rem 1rem 1rem 1.5rem;
  background: #0093AD;
  margin: 0;
  text-indent: 3px;
  display: flex;
  justify-content: space-between !important;
  position: fixed;
  width: 700px;
  margin-top: -3.75rem;
  border-radius: 0.4rem 0.4rem 0 0;
}
div.global-search-results ul.search-results-scroll li:first-of-type a {
  padding: 0;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
}
div.global-search-results ul.search-results-scroll li:first-of-type a:hover {
  color: rgba(255, 255, 255, 0.8);
}
div.global-search-results ul.search-results-scroll li:first-of-type a.close {
  font-size: 0.75rem;
}
div.global-search-results ul.search-results-scroll li:first-of-type a span {
  color: #fff;
  text-decoration: underline;
}
div.global-search-results ul.search-results-scroll li:first-of-type i.bi::before {
  color: #fff;
}
div.global-search-results ul.search-results-scroll li ul {
  padding: 1rem !important;
}
div.global-search-results ul.search-results-scroll li ul li, div.global-search-results ul.search-results-scroll li ul li:first-of-type {
  list-style-type: disc;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
div.global-search-results ul.search-results-scroll li ul, div.global-search-results ul.search-results-scroll li ul li, div.global-search-results ul.search-results-scroll li ul li:first-of-type {
  display: revert-layer;
  position: relative;
  margin: unset;
  font-size: 1rem !important;
  line-height: 1;
  text-indent: unset;
  background-color: transparent;
  color: #8e9191;
  border-bottom: 0 none;
  white-space: normal !important;
  width: auto;
}
div.global-search-results ul.search-results-scroll li ul a, div.global-search-results ul.search-results-scroll li ul li a, div.global-search-results ul.search-results-scroll li ul li:first-of-type a {
  text-decoration: underline;
}
div.global-search-results ul.search-results-scroll ol {
  padding: 1rem !important;
}
div.global-search-results ul.search-results-scroll ol li, div.global-search-results ul.search-results-scroll ol li:first-of-type {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
div.global-search-results ul.search-results-scroll ol, div.global-search-results ul.search-results-scroll ol li, div.global-search-results ul.search-results-scroll ol li:first-of-type {
  display: revert-layer;
  position: relative;
  margin: unset;
  font-size: 1rem !important;
  line-height: 1;
  text-indent: unset;
  background-color: transparent;
  color: #8e9191;
  border-bottom: 0 none;
  white-space: normal !important;
  width: auto;
}
div.global-search-results ul.search-results-scroll ol a, div.global-search-results ul.search-results-scroll ol li a, div.global-search-results ul.search-results-scroll ol li:first-of-type a {
  text-decoration: underline;
}

.main main:has(.search-results-full) {
  margin-bottom: 1rem !important;
}

ul.search-results-full {
  position: sticky;
  margin-top: 1rem;
  padding-right: 1rem;
  top: 100px;
  height: 70vh;
  overflow-y: auto;
  max-width: 100%;
  border: 1px solid #ddd;
}

@media (max-width: 661px) {
  ul.search-results-full {
    height: 69vh;
  }
}
header div.global-search-results ul.search-results-scroll {
  margin-left: -200px;
}

.client-home div.global-search-results ul.search-results-scroll {
  border-radius: 0.5rem;
}
.client-home div.global-search-results ul.search-results-scroll li:first-of-type {
  border-radius: 0.4rem 0.4rem 0 0;
  background-color: #0093AD;
}

body.body:has(ul.search-results-scroll) {
  overflow-y: hidden;
}
body.body:has(ul.search-results-scroll) header {
  padding-right: 1.05rem;
}

@media (max-width: 799.9px) {
  div.global-search-results ul.search-results-scroll {
    right: 1rem;
    width: 100%;
    max-height: 75vh;
  }
  header div.global-search-results ul.search-results-scroll {
    right: unset;
    width: 94%;
    max-height: 84vh;
  }
  div.global-search-results ul.search-results-scroll li:first-of-type {
    position: relative;
    width: 100%;
    border-radius: 0.4rem 0.4rem 0 0;
  }
}
@media (min-width: 992px) {
  header div.global-search-results ul.search-results-scroll {
    margin-left: -700px;
  }
}
.top-menu [class^=bi-]::before, .top-menu [class*=" bi-"]::before {
  color: #E4002B;
}
.top-menu [class^=bi-]:hover::before, .top-menu [class*=" bi-"]:hover::before {
  color: #333;
}
.top-menu .btn-edit.active [class^=bi-]::before, .top-menu .btn-edit.active [class*=" bi-"]::before {
  color: #fff;
}
.top-menu li.nav-item .nav-link {
  color: #454545;
  font-size: 1rem;
}
.top-menu a.white-link {
  color: #fff;
}
.top-menu a.white-link:hover {
  color: #E4002B;
}
.top-menu .icon-menu .bi {
  font-size: 1.25rem;
}
.top-menu a {
  padding: 0 0.75rem;
}

h2.client-name {
  display: inline-block;
}
h2.client-name .bi {
  opacity: 0.5;
}
h2.client-name ul.icon-menu {
  display: inline-block;
  padding-left: 0;
  list-style-type: none;
}
h2.client-name ul.icon-menu li {
  display: inline-block;
}

.icon-nav button.btn.btn-sm.btn-primary {
  padding: 0.1rem 0.45rem !important;
  margin-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.2;
  border-radius: 0.4rem;
}
.icon-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.icon-nav ul li {
  float: right;
  color: #fff;
  margin: 0 0 0.5rem;
  font-size: 1.4rem;
}
.icon-nav ul li select {
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  background: #fff;
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  color: #454545;
}
.icon-nav ul li button {
  font-size: 1.4rem;
}
.icon-nav ul li button.btn-edit {
  padding: 0.35rem 0.4rem;
}
.icon-nav ul li a {
  padding: 0.25rem 0.4rem;
}
.icon-nav ul li.user-faves button {
  font-size: 1.15rem;
  border: 0 none;
  margin-top: -3px;
}
.icon-nav ul li.user-faves, .icon-nav ul li.notifications {
  margin-right: 0.25rem;
}
.icon-nav ul li.user-faves button, .icon-nav ul li.notifications button {
  font-size: 1.3rem;
  border: 0 none;
  margin-top: -7px;
}
.icon-nav ul li.notifications button {
  margin-top: -6px;
}
.icon-nav ul li.notifications button .counter {
  position: absolute;
  margin-top: 0px;
  margin-left: 13px;
  padding: 0.125rem 0.25rem 0.025rem;
  border-radius: 45%;
  background-color: #E4002B;
  color: #fff;
  font-size: 0.55rem;
}
.icon-nav ul li.pb-admin {
  margin-top: -1px;
}
.icon-nav ul.search-results-scroll li {
  float: none;
}

.client-home .icon-nav ul::before {
  color: rgba(255, 255, 255, 0.35);
}
.client-home .icon-nav ul a, .client-home .icon-nav ul button.btn {
  color: #fff;
}
.client-home .icon-nav ul a:hover, .client-home .icon-nav ul button.btn:hover {
  color: #E4002B;
}

.client-home .search-expand {
  color: #fff;
}

body:not(.rz-default-scrollbars) ::-webkit-scrollbar {
  background-color: transparent;
}

#sidebarMenu nav {
  position: sticky;
  top: 89px;
  max-height: calc(100vh - 145px);
  overflow-y: auto;
}

button.navbar-toggler {
  top: 0.5rem;
  right: 0.75rem;
  padding: 0.25rem 0.65rem;
  font-size: 1rem;
  z-index: 10000;
  background-color: #efefef;
}
button.navbar-toggler.collapsed {
  background-color: #fff;
}
button.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.05rem;
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.admin-mode h1 .bi:before {
  margin-left: -0.75rem;
  margin-right: 0.75rem;
  color: rgba(255, 255, 255, 0.5);
}
.admin-mode h1 .icon-stack .bi:before {
  background: #1D1740;
  font-size: 1.5rem;
}
.admin-mode h1 .icon-stack .bi.top {
  margin-left: -28px;
  margin-top: -4px;
  position: absolute;
}
.admin-mode h1 .icon-stack .bi-person-circle::before {
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.admin-mode #sidebarMenu .accordion-body ul.phase-steps li.phase-step .nav-link i.bi {
  margin-left: -1.1rem;
}
.admin-mode #sidebarMenu nav {
  top: 65px;
}
.admin-mode #sidebarMenu h2 button.accordion-button {
  padding-left: 0.9rem;
  text-indent: 0;
}
.admin-mode #sidebarMenu h2 button.accordion-button .admin-label {
  margin-left: 0.5rem;
  font-size: 1rem;
  font-weight: normal;
}
.admin-mode #sidebarMenu h2 button.accordion-button i.bi {
  margin-left: 0;
  margin-right: 0;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  padding: 0 0.25rem;
}
.admin-mode nav {
  overflow-x: hidden;
}
.admin-mode nav h2 .bi:before {
  color: #fff;
}
.admin-mode nav .phase-step > a {
  padding-left: 2.3rem;
}
.admin-mode nav .bi:before {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.1rem;
}
.admin-mode nav a.nav-link:hover .bi:before {
  color: rgba(0, 0, 0, 0.5);
}
.admin-mode nav .icon-stack .bi:before {
  font-size: 1.1rem;
}
.admin-mode nav .icon-stack .bi.top {
  margin-left: -28px;
  margin-top: -4px;
  position: absolute;
  height: 21px;
}
.admin-mode nav .icon-stack .bi.top:before {
  background-color: #fff;
  margin-left: -4px;
  margin-top: 4px;
}
.admin-mode nav .icon-stack .bi-person-circle::before {
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.admin-mode nav a.nav-link.active .bi:before {
  color: #E4002B;
}
.admin-mode nav a.nav-link.active .icon-stack .bi.top:before {
  background-color: #fff;
}
.admin-mode nav::after {
  background-image: url(../img/chevron-right.svg);
}
.admin-mode #sidebarMenu button.accordion-button:not(.collapsed)::after {
  background-image: none;
  width: 0;
}
.admin-mode #sidebarMenu ul.phase-steps li.phase-step:last-of-type {
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  -ms-border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
.admin-mode .col-form-label {
  font-weight: 400;
  font-size: 0.875rem;
  font-family: "gothammedium", Arial, Helvetica, sans-serif;
}
.admin-mode .modal-body .col-form-label {
  font-size: 0.875rem;
}
.admin-mode td.icon-col {
  text-align: center;
}
.admin-mode td.icon-col span {
  width: 100%;
  text-align: center;
}

.icon-cell a {
  margin: 0 0.25rem;
}

.client-home .icon-nav .user-faves-list,
.client-playbook .icon-nav .user-faves-list {
  position: absolute;
  margin-top: 2.25rem;
  padding-bottom: 0;
  right: 64px;
  width: 420px;
  background-color: #fff;
  border: 1px solid #A7A8AA;
  border-radius: 0.5rem;
  box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.15);
}
.client-home .icon-nav .user-faves-list [class^=bi-]::before, .client-home .icon-nav .user-faves-list [class*=" bi-"]::before,
.client-playbook .icon-nav .user-faves-list [class^=bi-]::before,
.client-playbook .icon-nav .user-faves-list [class*=" bi-"]::before {
  color: #fff;
}
.client-home .icon-nav .user-faves-list a,
.client-playbook .icon-nav .user-faves-list a {
  color: #E4002B;
}
.client-home .icon-nav .user-faves-list a [class^=bi-]::before, .client-home .icon-nav .user-faves-list a [class*=" bi-"]::before,
.client-playbook .icon-nav .user-faves-list a [class^=bi-]::before,
.client-playbook .icon-nav .user-faves-list a [class*=" bi-"]::before {
  color: #E4002B;
}
.client-home .icon-nav .user-faves-list a:hover,
.client-playbook .icon-nav .user-faves-list a:hover {
  color: #454545;
}
.client-home .icon-nav .user-faves-list a:hover [class^=bi-]::before, .client-home .icon-nav .user-faves-list a:hover [class*=" bi-"]::before,
.client-playbook .icon-nav .user-faves-list a:hover [class^=bi-]::before,
.client-playbook .icon-nav .user-faves-list a:hover [class*=" bi-"]::before {
  color: #454545;
}
.client-home .icon-nav .user-faves-list h4,
.client-playbook .icon-nav .user-faves-list h4 {
  background: #0093AD;
  color: #fff;
  padding: 0.75rem 1rem;
  font-weight: normal;
  margin-bottom: 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
.client-home .icon-nav .user-faves-list h4 button.close,
.client-playbook .icon-nav .user-faves-list h4 button.close {
  margin-top: -3px;
  color: #fff;
}
.client-home .icon-nav .user-faves-list h4 button.close.btn-icon,
.client-playbook .icon-nav .user-faves-list h4 button.close.btn-icon {
  font-size: 1.15rem;
}
.client-home .icon-nav .user-faves-list h4 button.close [class^=bi-]::before, .client-home .icon-nav .user-faves-list h4 button.close [class*=" bi-"]::before,
.client-playbook .icon-nav .user-faves-list h4 button.close [class^=bi-]::before,
.client-playbook .icon-nav .user-faves-list h4 button.close [class*=" bi-"]::before {
  color: #fff;
}
.client-home .icon-nav .user-faves-list h4 button.close:hover [class^=bi-]::before, .client-home .icon-nav .user-faves-list h4 button.close:hover [class*=" bi-"]::before,
.client-playbook .icon-nav .user-faves-list h4 button.close:hover [class^=bi-]::before,
.client-playbook .icon-nav .user-faves-list h4 button.close:hover [class*=" bi-"]::before {
  color: rgba(255, 255, 255, 0.5);
}
.client-home .icon-nav .user-faves-list .btn-row,
.client-playbook .icon-nav .user-faves-list .btn-row {
  padding: 0.25rem 0.5rem 0.2rem;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.client-home .icon-nav .user-faves-list .btn-row button.btn-icon,
.client-playbook .icon-nav .user-faves-list .btn-row button.btn-icon {
  color: #E4002B;
  font-size: 0.95rem;
}
.client-home .icon-nav .user-faves-list .btn-row button.btn-icon [class^=bi-]::before, .client-home .icon-nav .user-faves-list .btn-row button.btn-icon [class*=" bi-"]::before,
.client-playbook .icon-nav .user-faves-list .btn-row button.btn-icon [class^=bi-]::before,
.client-playbook .icon-nav .user-faves-list .btn-row button.btn-icon [class*=" bi-"]::before {
  color: #E4002B;
  font-size: 1.15rem;
}
.client-home .icon-nav .user-faves-list .btn-row button.btn-icon:hover,
.client-playbook .icon-nav .user-faves-list .btn-row button.btn-icon:hover {
  color: #454545;
}
.client-home .icon-nav .user-faves-list .btn-row button.btn-icon:hover [class^=bi-]::before, .client-home .icon-nav .user-faves-list .btn-row button.btn-icon:hover [class*=" bi-"]::before,
.client-playbook .icon-nav .user-faves-list .btn-row button.btn-icon:hover [class^=bi-]::before,
.client-playbook .icon-nav .user-faves-list .btn-row button.btn-icon:hover [class*=" bi-"]::before {
  color: #454545;
}
.client-home .icon-nav .user-faves-list ul,
.client-playbook .icon-nav .user-faves-list ul {
  float: none !important;
  padding: 0 0 0 2rem;
  list-style-type: disc;
}
.client-home .icon-nav .user-faves-list ul li,
.client-playbook .icon-nav .user-faves-list ul li {
  float: none !important;
  margin: 0;
  font-size: 0.9rem;
  color: #454545;
}
.client-home .icon-nav .user-faves-list ul li ul,
.client-playbook .icon-nav .user-faves-list ul li ul {
  padding-left: 1rem;
}
.client-home .icon-nav .user-faves-list ul.faves-links-list,
.client-playbook .icon-nav .user-faves-list ul.faves-links-list {
  padding-bottom: 1rem;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}
.client-home .icon-nav .user-faves-list ul.faves-links-list ul ul,
.client-playbook .icon-nav .user-faves-list ul.faves-links-list ul ul {
  list-style-type: none;
  padding-left: 0.75rem;
}
.client-home .icon-nav .user-faves-list ul.faves-links-list > ul li:last-of-type,
.client-playbook .icon-nav .user-faves-list ul.faves-links-list > ul li:last-of-type {
  padding-bottom: 1rem;
}
.client-home .icon-nav .user-faves-list ul.faves-links-list a,
.client-playbook .icon-nav .user-faves-list ul.faves-links-list a {
  color: #E4002B;
  text-decoration: underline;
}
.client-home .icon-nav .user-faves-list ul.faves-links-list a:hover,
.client-playbook .icon-nav .user-faves-list ul.faves-links-list a:hover {
  color: #454545;
}
.client-home .icon-nav .user-faves-list li.faves-playbook,
.client-playbook .icon-nav .user-faves-list li.faves-playbook {
  list-style-type: circle;
}
.client-home .icon-nav .user-faves-list ul.faves-links li a,
.client-playbook .icon-nav .user-faves-list ul.faves-links li a {
  color: #E4002B;
}
.client-home .icon-nav .user-faves-list ul.faves-links li a:hover,
.client-playbook .icon-nav .user-faves-list ul.faves-links li a:hover {
  color: #1D1740;
}

main h1, main h2, main h3, main h4, main h5 {
  clear: both;
}

.parent-phase,
.h1-parent {
  position: absolute;
  margin-top: 1rem;
  margin-left: 0.75rem;
  font-size: 0.95rem;
  color: #fff;
  font-family: "gothambook", Arial, Helvetica, sans-serif;
}

h1 {
  margin-bottom: 0;
  margin-left: -0.75rem;
  padding: 2.65rem 1.75rem 1.2rem 2.3rem !important;
  width: calc(100% + 3rem);
  width: calc(100% + 1.5rem);
  font-size: 1.65rem;
  letter-spacing: -0.4px;
  background-color: #E4002B;
  background-image: none;
  background-repeat: no-repeat;
  background-position-x: right;
  background-blend-mode: multiply;
  color: #fff;
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
}

.admin-mode h1 {
  width: calc(100% + 3rem);
  background-image: url(../img/bg-h1-01.png);
  background-position-x: 116%;
}

.modal-content h1 {
  margin-left: 0;
  margin-bottom: 1rem;
  padding: 0 !important;
  height: auto;
  width: auto;
  font-size: larger;
  color: black;
  letter-spacing: 0;
  background-image: none;
  background-color: white;
}

h2 {
  margin-bottom: 1.25rem;
  padding-bottom: 0rem;
  font-size: 1.55rem;
  letter-spacing: -0.4px;
  color: #E4002B;
}

.modal ul.comments-list h2 {
  color: #1D1740;
}

.client-playbook main h2 {
  margin-bottom: 1rem;
}

h3, h3 .rz-textbox {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
  font-size: 1.15rem;
  color: #1D1740;
  text-transform: uppercase;
  letter-spacing: -0.025rem;
}

h3 span:has(.bi) {
  display: flex;
}

.client-playbook main h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

h4 {
  margin-top: 0;
  font-size: 1rem;
  color: #333;
}

.tasks h4 strong {
  display: flex;
}

h5 {
  font-size: 1rem;
  text-transform: uppercase;
  color: #333;
  border-bottom: 1px solid #ddd;
}

h1, h2, h3, h4, h5 {
  font-weight: 400;
  font-weight: normal;
  font-family: "gothammedium", Arial, Helvetica, sans-serif;
}

.btn {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  font-size: 0.9rem;
  -webkit-border-radius: 0.45rem;
  -ms-border-radius: 0.45rem;
  border-radius: 0.45rem;
}

.btn-primary {
  color: #fff;
  background-color: #E4002B;
  border-color: #E4002B;
}
.btn-primary:hover {
  background-color: rgb(202.5, 0, 38.1907894737);
  border-color: rgb(202.5, 0, 38.1907894737);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: lightgray;
  border-color: lightgray;
}
.btn-primary:focus {
  background-color: rgb(187.2, 0, 35.3052631579);
  border-color: rgb(187.2, 0, 35.3052631579);
}

.btn-secondary {
  color: #E4002B;
  background-color: #fff;
  border-color: #E4002B;
}
.btn-secondary:hover {
  color: rgb(202.5, 0, 38.1907894737);
  background-color: #f3f3f3;
  border-color: rgb(202.5, 0, 38.1907894737);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: rgb(253.5, 0, 47.8092105263);
  background-color: #fff;
  border-color: rgb(253.5, 0, 47.8092105263);
}
.btn-secondary:focus {
  color: rgb(187.2, 0, 35.3052631579);
  background-color: #fff;
  border-color: rgb(187.2, 0, 35.3052631579);
}

.btn-link {
  color: #E4002B;
}
.btn-link:hover {
  color: #212529;
}

header .btn-link {
  color: #454545;
}

table.table thead.table-dark th {
  background-color: #1D1740;
}

.col-form-label {
  padding-top: inherit;
  padding-bottom: inherit;
}

button.info-text {
  position: fixed;
  bottom: 3.5rem;
  z-index: 5;
  left: 12px;
  font-size: 1.7rem;
  line-height: 1;
}

button.submit-feedback {
  position: fixed;
  z-index: 5;
  bottom: 6.5rem;
  left: 12px;
  font-size: 1.4rem;
  line-height: 1;
}

li.version-changes button {
  line-height: 1;
}
li.version-changes button i.bi {
  font-size: 1.4rem;
}

.sticky-add-comment {
  margin-left: -1.5rem;
  width: calc(10% + 3rem);
  font-size: 0.85rem;
  padding: 0 2rem 0.125rem;
  position: sticky;
  top: 49px;
  height: 30px;
  z-index: 90;
  display: none;
}

.comments-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 0.85rem;
  position: sticky;
  top: 155px;
  z-index: 1;
  border-bottom: 1px solid #E4002B;
  border-top: 0 none;
  background-color: #d70029;
  width: calc(100% + 3rem);
  margin-top: -4px;
  margin-left: -1.5rem;
  padding: 0 2.25rem;
}
.comments-header span {
  font-weight: bold;
}
.comments-header span a {
  margin-left: 0.5rem;
  font-weight: normal;
}
.comments-header .toggle-unresolved,
.comments-header .toggle-resolved,
.comments-header .toggle-comments {
  font-size: 0.75rem;
}
.comments-header .toggle-unresolved a,
.comments-header .toggle-resolved a,
.comments-header a.toggle-comments {
  color: #fff !important;
}
.comments-header .toggle-unresolved a:hover,
.comments-header .toggle-resolved a:hover,
.comments-header a.toggle-comments:hover {
  color: rgb(237.15, 237.15, 237.15) !important;
}

div.a-spacer {
  height: 2px;
  position: sticky;
  top: 86px;
  z-index: 1;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  background-color: #efefef;
}

.comments-box {
  display: none;
}
.comments-box:has(li.a-comment) {
  display: block;
}

.comments-box {
  margin-top: 0;
  margin-left: -1.5rem;
  width: calc(100% + 3rem);
  font-size: 0.85rem;
  position: relative;
  padding: 1rem 2.25rem 0.125rem;
  border: 0 none;
  border: 1px solid #E4002B;
  background-color: #f7f7f7;
}
.comments-box ul.comments-list {
  margin-top: -7px;
  margin-bottom: 1rem;
  padding-left: 0;
  list-style-type: none;
}
.comments-box ul.comments-list > li.a-comment {
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border: 1px solid #aaa;
}
.comments-box ul.comments-list li.a-comment {
  margin-top: 1rem;
  line-height: 1.2;
}
.comments-box ul.comments-list li.a-comment:first-of-type {
  margin-top: 0.5rem;
}
.comments-box ul.comments-list li.a-comment .comment-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.comments-box ul.comments-list li.a-comment .comment-by {
  display: flex;
  align-items: center;
}
.comments-box ul.comments-list li.a-comment .comment-by i.bi {
  margin-top: -1px;
  margin-right: 0.35rem;
  color: #f5f5f5;
  font-size: 0.825rem;
}
.comments-box ul.comments-list li.a-comment .comment-by.pill {
  background-color: #1D1740;
  color: #fff;
}
.comments-box ul.comments-list li.a-comment .comment-to {
  font-size: 0.825rem;
  margin-left: 0.5rem;
}
.comments-box ul.comments-list li.a-comment .comment-time {
  margin-left: 0.5rem;
  font-style: italic;
  font-size: 0.725rem;
}
.comments-box ul.comments-list li.a-comment .comment-controls {
  font-size: 0.825rem;
}
.comments-box ul.comments-list li.a-comment .comment-body {
  margin-top: 0.25rem;
  margin-left: 5px;
}
.comments-box ul.comments-list li.a-comment .comment-resolved {
  padding: 0.125rem 0.35rem;
  font-size: 0.725rem;
  font-style: italic;
}
.comments-box ul.comments-list li.a-comment .comment-resolved span {
  font-style: normal;
}
.comments-box ul.comments-list li.a-comment li.a-comment {
  margin-top: 0.25rem;
  padding: 0.25rem 0 0 0.5rem;
}
.comments-box ul.comments-list li.a-comment i.bi {
  font-size: 1rem;
  line-height: 0.75;
}
.comments-box ul.comments-list li.a-comment i.bi::before {
  vertical-align: -5px;
}
.comments-box ul.comments-list li.a-comment .pill {
  padding: 0.125rem 0.35rem;
  background-color: rgb(227.1, 227.1, 227.1);
  color: #111;
  border-radius: 0.5rem;
}

.dialog-content .comments-box {
  position: relative;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
  border: 0 none;
  background-color: #fff;
  width: unset;
  font-size: 0.85rem;
}
.dialog-content .comments-box h2 {
  margin-top: 1.5rem;
  margin-bottom: 0.25rem;
  font-size: 1.15rem;
}

.dialog-comments-header {
  position: sticky;
  top: 0px;
  z-index: 100;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

button.comment-add {
  padding: 0;
  color: #E4002B;
  background-color: transparent;
  border: 0 none;
}
button.comment-add i.bi {
  font-size: 1.5rem;
}
button.comment-add i.bi::before {
  color: #fff;
}

.modal {
  background-color: rgba(10, 10, 10, 0.6) !important;
}
.modal .modal-dialog {
  max-width: 800px;
  margin: 5rem auto 2rem;
}
.modal#addVersion .modal-dialog, .modal#editRichText .modal-dialog {
  max-width: 700px;
  margin: 5rem auto auto;
}
.modal .modal-dialog.modal-xl {
  width: 80%;
  max-width: 80% !important;
}
.modal#EditResources .modal-dialog {
  max-width: 75vw;
}
.modal .modal-content {
  -webkit-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  border-radius: 0.6rem;
  border: 0 none;
}
.modal .modal-header {
  padding: 0.75rem 1rem;
  padding: 0.75rem 1rem;
  min-height: 64px;
  border-bottom: 1px solid #dee2e6;
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #0093AD;
}
.modal .modal-header h4.modal-title {
  color: #fff;
}
.modal .modal-header h4.modal-title span {
  font: "gothambook", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  color: #fff;
}
.modal .modal-header button.close {
  color: #fff;
}
.modal .modal-body {
  font-size: 0.875rem;
}
.modal .modal-body .rz-lookup-search input,
.modal .modal-body .rz-inputtext,
.modal .modal-body .rz-multiselect,
.modal .modal-body .rz-dropdown,
.modal .modal-body .rz-textarea,
.modal .modal-body .rz-textbox {
  width: 100%;
}
.modal .modal-body select, .modal .modal-body textarea, .modal .modal-body input {
  padding: 0.25rem 0.5rem;
  font-size: 0.9rem;
  background: #fff;
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  color: #454545;
}
.modal .modal-body .rz-calendar input.rz-inputtext {
  padding-right: 2rem;
}
.modal .modal-body.scrollable {
  max-height: calc(100vh - 290px);
  overflow-y: auto;
}
.modal .modal-body thead tr {
  background-color: rgb(107.25, 107.25, 107.25) !important;
}
.modal .modal-body img {
  max-width: 100%;
}
.modal .modal-body ul.viewing-options {
  padding-left: 0;
}
.modal .modal-body ul.viewing-options li {
  display: inline-block;
}
.modal .modal-body ul.viewing-options li .badge {
  margin-left: inherit;
  padding: 0.35em 0.65em;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}
.modal .modal-body ul.viewing-options li .badge.badge-pb {
  margin-right: 0.5rem;
  color: #0093AD;
  font-weight: bold;
  text-align: left;
}
.modal .modal-footer.modal-alert,
.modal .modal-subheader {
  justify-content: center;
  height: 40px;
  text-align: center;
  font-weight: bold;
  background-color: #E4002B;
  color: #fff;
  border-radius: 0 0 0.5rem 0.5rem;
}
.modal .modal-subheader {
  padding: 0.5rem 1rem;
  justify-content: left;
  height: 34px;
  text-align: left;
  font-size: 0.85rem;
  font-weight: normal;
  background-color: #E4002B;
  color: #fff;
  border-radius: 0;
}

.modal.modal-tos .modal-body.scrollable {
  max-height: calc(100vh - 300px);
}

.rz-datepicker-title .rz-dropdown-label.rz-inputtext {
  line-height: 1.5;
}

.rz-spinner-button.rz-spinner-up.rz-button,
.rz-spinner-button.rz-spinner-down.rz-button {
  background-color: #ccc;
  border-color: #ccc;
  color: #444;
}

.rz-button.rz-button-md.rz-secondary {
  background-color: #E4002B;
}
.rz-button.rz-button-md.rz-secondary:hover {
  background-color: rgb(202.5, 0, 38.1907894737);
}

.rz-datepicker-calendar td .rz-state-active,
.rz-datepicker-calendar td .rz-state-active:hover {
  background-color: #0093AD;
}

.rz-datepicker-calendar td .rz-state-default:hover {
  background-color: #ddd;
  color: #454545;
}

.context-menu a:hover i.bi {
  color: #454545 !important;
}
.context-menu .bi-mortarboard::before {
  font-size: 1.8rem;
}
.context-menu i.bi.super {
  font-size: 1.1rem !important;
  position: absolute;
  margin-left: -6px !important;
  margin-top: 0;
}

.form-group.row {
  margin-bottom: 0.5rem;
}

.form-check-input:checked {
  background-color: #0093AD;
  border-color: #0093AD;
}

.form-check-input:checked[type=checkbox] {
  background-image: url("../img/checkmark.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
}

.alert {
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  border-bottom: 0px solid #efefef;
}
.alert.alert-warning {
  color: #555;
}
.alert.alert-info, .alert.my-role {
  margin-bottom: 1rem !important;
  color: #555;
  background-color: rgba(0, 147, 178, 0.2);
  border: 0 none;
  border: 1px solid rgba(0, 147, 178, 0.2);
}
.alert h3 {
  margin-top: 0;
  margin-bottom: inherit;
  border-bottom: unset;
}
.alert ul {
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.alert.tasks {
  margin-bottom: 0;
}
.alert.tasks ul li {
  padding: 0.15rem 0;
}
.alert.auth-error {
  margin: 3rem auto;
  text-align: center;
  width: 60%;
}

.client-playbook .main:has(main ul.search-results-full) .alert {
  font-size: 0.85rem;
  line-height: 1.2;
}

.modal-body .alert.alert-info {
  padding: 0.5rem;
  word-break: break-word;
  line-height: 1.3;
  color: #454545;
  font-weight: 400;
}

.badge {
  margin-left: -0.5rem;
  padding: 0.15em 0.5em;
  font-size: 1.25rem;
  font-weight: 400;
  color: #555;
}
.badge.bg-mine {
  background-color: #B5BD00;
  background-color: rgb(181, 189, 0);
  color: #555;
}
.badge.small {
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  height: 20px;
}

.tags-list {
  display: block;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.tags-list .bi-tags-fill {
  color: #aaa;
}
.tags-list.edit .btn .bi-tags-fill {
  color: #E4002B;
}
.tags-list.edit .btn .bi-tags-fill:hover {
  color: #000;
}

span.tag {
  display: inline-block;
  margin: 0 0.15rem 0 0;
  padding: 0.02rem 0.5rem 0 0.4rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #fff;
  background-color: #888;
  border-radius: 0.55rem;
  cursor: default;
}
span.tag.low {
  background-color: #888;
}
span.tag.medium {
  background-color: #1D1740;
}
span.tag.high {
  background-color: #E4002B;
}

.rz-cell-data span.tag:first-of-type {
  margin-left: 0.25rem;
}
.rz-cell-data span.tag .bi {
  font-size: 0.75rem;
}

ul li span.tag:last-of-type {
  margin-right: 0.65rem;
}
ul li .tags-list {
  margin-top: 0.15rem;
  margin-bottom: 0.25rem;
  margin-left: 0;
}

.alert:has(.tags-list span) {
  padding-bottom: 0.25rem;
}

.alert.tasks p {
  margin-bottom: 0.15rem;
}

.resource-links ul li .tag-highlighted {
  display: block;
  margin-left: -0.75rem;
  padding: 0.25rem 1rem 0.15rem 0.5rem;
}
.resource-links ul li .tags-list {
  position: relative;
  margin-top: 0;
  margin-left: 0;
}
.resource-links ul li .tags-list span.tag {
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}

.tag-highlighted,
.tag-resource-highlighted {
  padding: 0.75rem 1rem 1rem;
  border: 1px dashed #1D1740;
  border-radius: 0.5rem;
  background: lightgoldenrodyellow;
}

.tag-resource-highlighted {
  padding: 0.4rem;
}

ul li .tag-highlighted {
  margin-left: -2rem;
  padding: 0.25rem 1rem 0.35rem 1.9rem;
}

.tag-highlighted,
.tag-resource-highlighted {
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem 0.75rem;
  display: block;
  border: 0;
  border: 1px solid #A7A8AA;
  background: #edeeee;
}

.tag-highlighted {
  margin-bottom: 1rem;
}

.top-block {
  display: block;
  margin-bottom: 1rem;
}
.top-block p:last-of-type {
  margin-bottom: 0;
}
.top-block span.tags-list {
  margin-bottom: 1rem !important;
}

a, a:hover,
a.fake-link, a.fake-link:hover,
a:not([href]):not([class]) {
  color: #E4002B;
  text-decoration: underline;
  cursor: pointer;
}

a:hover,
a.fake-link:hover,
a:not([href]):not([class]):hover {
  color: #333;
  text-decoration: underline;
}

header a,
header a:hover,
.breadcrumbs a,
a.btn {
  text-decoration: none;
}

.navbar-light .navbar-brand .title-text:hover {
  color: #444 !important;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.back-to-link {
  font-size: 0.85rem;
}
.back-to-link [class^=bi-]::before,
.back-to-link [class*=" bi-"]::before {
  font-size: 0.7rem;
}

a span {
  text-decoration: none;
}

.linked {
  cursor: pointer;
}
.linked:hover {
  color: #333;
}

h3 .linked:hover {
  color: rgb(20.5, 16.2586206897, 45.2413793103);
}

h3 .bi-link-45deg {
  color: rgb(107.25, 107.25, 107.25);
}

ul.breadcrumbs {
  margin-top: 0.4rem;
  margin-bottom: 0.7rem;
  padding: 0;
  list-style-type: none;
}
ul.breadcrumbs li {
  display: inline-block;
  margin-right: 0;
  padding-right: 0.2rem;
  font-size: 0.85rem;
  color: rgb(107.25, 107.25, 107.25);
}
ul.breadcrumbs li a {
  color: #E4002B;
  text-decoration: underline;
}
ul.breadcrumbs li a .bi {
  border-bottom: 1px solid #E4002B;
}
ul.breadcrumbs li a .bi:hover {
  border-bottom: 1px solid #555;
}
ul.breadcrumbs li a:hover {
  color: #333;
}
ul.breadcrumbs li:not(:last-child)::after {
  margin-left: 0.15rem;
  margin-right: 0.15rem;
  content: " > ";
  opacity: 0.75;
}

.breadcrumb-nav {
  font-size: 0.85rem;
}

.pb-header {
  position: sticky;
  margin: 0 -2rem 0 -1rem;
  top: 49px;
  z-index: 10;
  padding: 0.3rem 1rem 0.35rem 0;
  background-color: #efefef;
}

.page-body {
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 0 1.5rem 0;
  width: 100%;
}
.page-body main {
  margin-bottom: 2rem;
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #ddd;
}
.page-body main main ul {
  margin-bottom: 1.5rem;
}
.page-body main .stage-details p:last-of-type {
  margin-bottom: 0.15rem;
}

.card {
  font-size: 1rem;
  background-color: #f3f3f3;
  background-image: url(../img/bg-card.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  border: 0 none;
  -webkit-border-radius: 0.65rem 0.65rem 0.5rem 0.5rem;
  -ms-border-radius: 0.65rem 0.65rem 0.5rem 0.5rem;
  border-radius: 0.65rem 0.65rem 0.5rem 0.5rem;
}
.card img {
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
}

.resource-links ul {
  padding-left: 0;
}
.resource-links ul li {
  padding: 0.65rem 0 0;
  list-style-type: none;
  line-height: 1.2;
}
.resource-links ul li:first-of-type {
  padding-top: 0.25rem;
}
.resource-links .card {
  font-size: 0.75rem;
  background-color: transparent;
  background-image: none;
  border: 0 none;
}
.resource-links .card .card-body {
  padding: 1rem 0.45rem 0.5rem;
}
.resource-links .card h5 {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  letter-spacing: -0.025rem;
}
.resource-links .card h5 i {
  font-size: 1rem;
  margin-right: 0.4rem;
  color: #666;
}
.resource-links .card h5.card-title {
  border-bottom: 1px solid #dfdfdf;
}

main .card ul {
  margin-bottom: 0;
}

.shadow,
.client-playbook h1 {
  -webkit-box-shadow: 0.45rem 0.45rem 0.5rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0.45rem 0.45rem 0.5rem rgba(0, 0, 0, 0.075) !important;
}

.client-home .shadow {
  -webkit-box-shadow: 0.45rem 0.45rem 0.75rem rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0.45rem 0.45rem 0.75rem rgba(0, 0, 0, 0.35) !important;
}

.active-playbooks .card-title {
  min-height: 2.25rem;
  letter-spacing: -0.65px;
}
.active-playbooks .card-footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #ddd;
}

.position-sticky {
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
}

#sidebarMenu {
  margin-right: 0;
  margin-bottom: 1rem;
  margin-left: 0.5rem;
  padding: 0;
  border-right: 0 none;
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
#sidebarMenu.bg-light {
  background-color: transparent !important;
}
#sidebarMenu a:hover {
  text-decoration: none;
}
#sidebarMenu .accordion.phases .accordion-collapse.collapse:last-of-type.show ul.phase-steps {
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  -ms-border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
#sidebarMenu h2 {
  margin-bottom: 0;
}
#sidebarMenu h2 button.accordion-button {
  padding-left: 4rem;
  text-indent: -0.5rem;
  align-items: start;
}
#sidebarMenu h2 button.accordion-button.collapsed:hover {
  background-color: #f5f5f5;
}
#sidebarMenu h2 button.accordion-button:focus {
  border: 0 none;
  outline: 0 none;
  box-shadow: 0 0 0 0;
}
#sidebarMenu h2 button.accordion-button:not(.collapsed) {
  background-color: #1D1740;
  color: #fff;
}
#sidebarMenu h2 button.accordion-button:not(.collapsed):hover {
  background-color: rgb(20.5, 16.2586206897, 45.2413793103);
}
#sidebarMenu h2 button.accordion-button:not(.collapsed)::after {
  color: #fff;
}
#sidebarMenu h2 button.accordion-button::after {
  margin-right: -0.45rem;
  background-image: url(../img/chevron-right.svg);
}
#sidebarMenu h2 button.accordion-button:not(.collapsed)::after {
  background-image: url(../img/chevron-right-white.svg);
  transform: rotate(90deg);
}
#sidebarMenu h2 button.accordion-button.direct::after {
  background-image: none;
}
#sidebarMenu h2 button.accordion-button:first-of-type {
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
#sidebarMenu h2 button.accordion-button i.bi {
  margin-left: -2rem;
  margin-right: 1rem;
}
#sidebarMenu h2.accordion-header button.accordion-button {
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
#sidebarMenu h2.accordion-header:first-of-type button.accordion-button {
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
#sidebarMenu h2.accordion-header:last-of-type button.accordion-button.collapsed {
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  -ms-border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
#sidebarMenu h2.accordion-header:last-of-type button.accordion-button:not(collapsed) {
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
#sidebarMenu h2.accordion-header.admin-mode:last-of-type button.accordion-button:not(collapsed) {
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
#sidebarMenu .accordion-body {
  padding: 0;
  background-color: #fff;
}
#sidebarMenu .accordion-body ul.phase-steps {
  margin-bottom: 0;
}
#sidebarMenu .accordion-body ul.phase-steps li.phase-step a.active {
  background-color: rgba(0, 56, 101, 0.7);
  color: #fff;
}
#sidebarMenu .accordion-body ul.phase-steps li.phase-step .nav-link {
  color: rgb(53.7, 53.7, 53.7);
}
#sidebarMenu .accordion-body ul.phase-steps li.phase-step .nav-link:hover {
  color: rgb(38.4, 38.4, 38.4);
}
#sidebarMenu .accordion-body ul.phase-steps li.phase-step .nav-link:hover i.bi {
  color: rgb(79.2, 79.2, 79.2);
}
#sidebarMenu .accordion-body ul.phase-steps li.phase-step .nav-link i.bi {
  margin-left: -1.3rem;
  margin-right: 0.5rem;
  color: #787878;
}
#sidebarMenu .accordion-item {
  border: 0 none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
#sidebarMenu .accordion-item:first-of-type {
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
#sidebarMenu .accordion-item:last-of-type {
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  -ms-border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
#sidebarMenu .accordion-item:first-of-type .accordion-button,
#sidebarMenu .accordion-item:first-of-type .accordion-button.collapsed {
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
#sidebarMenu .accordion-item:last-of-type .accordion-collapse.show .accordion-body ul.phase-steps,
#sidebarMenu .accordion-item:last-of-type .accordion-collapse.show .accordion-body li.phase-step:last-of-type,
#sidebarMenu .accordion-item:last-of-type .accordion-button.collapsed {
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  -ms-border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
#sidebarMenu .accordion-item:only-of-type .accordion-button {
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
#sidebarMenu .accordion-item:only-of-type ul.phase-steps {
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  -ms-border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
#sidebarMenu button.feedback {
  display: block;
  margin: 0 auto;
}

.phase a {
  color: #555;
}

.phase > a {
  color: #1D1740;
}

.phase > a:hover::before,
.phase a:hover {
  color: #555;
}

.phase > a.nav-link {
  padding: 0.45rem 1rem;
}

.phase > a.nav-link.active {
  background: #efefef;
}

.phase > a.nav-link:hover {
  background: #f6f6f6;
}

.phase i.bi {
  margin-right: 0.5rem;
  font-size: 1rem;
}

.phase-menu i.bi {
  color: #ddd;
}

li.phase-step {
  cursor: pointer;
}

.phase-step i.bi {
  color: #bbb;
}

.phase-name.active i.bi,
.phase-menu.active i.bi,
.phase-step.active i.bi {
  color: #bbb;
}

li.phase > a.phase-name.active {
  background-color: #1D1740;
  color: #fff;
}

li.phase > a.phase-name.active:hover {
  background-color: rgb(1, 52, 93);
}

li.phase a.phase-name.active i.bi,
li.phase a.phase-name.active i.bi {
  color: #fff;
}

.phase-menu,
.phase-step-menu {
  float: right;
  position: relative;
  z-index: 1;
  margin-top: -2.2rem;
  padding-top: 0.25rem;
  padding-right: 0;
  font-size: 1rem;
}

.phase-menu,
.phase-step-menu {
  display: none !important;
}

.phase-menu a {
  color: #999;
}

ul.phase-steps {
  padding-left: 0;
  list-style: none;
  background-color: #d2e2ea;
}

.phase-step > a {
  padding-left: 2.75rem;
}

.phase-step > a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.phase-step.active {
  background-color: rgba(0, 56, 101, 0.7);
}
.phase-step.active a {
  color: #fff;
}
.phase-step.active a.active::before {
  display: inline-block;
  margin-right: 0.5rem;
  margin-left: -1.75rem;
  content: "";
  vertical-align: -0.125em;
  background-image: url("../img/chevron-right-white.svg");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  height: 16px;
  width: 16px;
}

.phase-step.active a {
  color: #fff;
}

.phase-step.active:hover {
  background-color: rgba(0, 56, 101, 0.75);
}

li.phase {
  border-bottom: 1px solid #ddd;
}

li.a-phase-step a {
  padding: 0.4rem 0.6rem;
  padding-left: 2.45rem;
}

main.bg-white {
  background-color: rgba(255, 255, 255, 0.85) !important;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 20% auto auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type=email] {
  margin-bottom: -1px;
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  -ms-border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

.form-signin input[type=password] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
.float-right {
  float: right;
}

@media (min-width: 1200px) {
  .admin-mode header .current-user {
    margin-right: 1rem;
  }
  .admin-mode .page-body #sidebarMenu.col-xl-3 {
    width: 23.5%;
  }
}
.admin-mode header .top-menu {
  float: right !important;
}
.admin-mode header .current-user {
  float: right !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.admin-mode header ul.icon-menu {
  float: right;
  margin: 0.5rem 1rem 0 0;
  padding: 0;
  list-style-type: none;
}
.admin-mode header ul.icon-menu li {
  display: inline;
}
.admin-mode header ul.icon-menu li a {
  color: #fff;
}
.admin-mode header ul.icon-menu li a:hover {
  color: #E4002B;
}
.admin-mode .page-body #sidebarMenu {
  margin-left: 0;
}
.admin-mode .page-body #sidebarMenu .accordion-body {
  border-radius: 0 0 0.5rem 0.5rem;
}
.admin-mode .page-body .main main {
  min-width: 920px;
}
.admin-mode .page-body .main main .context-menu button.btn.btn-link {
  margin-top: -4px;
  padding-top: 0;
  line-height: 1;
}
.admin-mode footer {
  position: fixed;
  min-width: 1000px;
}
.admin-mode footer .f-logo,
.admin-mode footer .f-copyright {
  float: right;
}
.admin-mode .page-body .main {
  margin-top: 4rem;
}
.admin-mode .main {
  margin-top: 1.2rem;
}
.admin-mode main table thead tr:first-of-type {
  background-color: #1D1740;
  color: #fff;
  font-weight: normal;
}
.admin-mode main table tbody tr:first-of-type {
  background-color: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}
.admin-mode header .top-menu .current-user .user-ddl:hover [class^=bi-]::before,
.admin-mode header .top-menu .current-user .user-ddl:hover [class*=" bi-"]::before {
  color: #E4002B;
}
.admin-mode header .top-menu .current-user .user-ddl:hover [class^=bi-]::before,
.admin-mode header .top-menu .current-user .user-ddl:hover [class*=" bi-"]::before {
  color: #333;
}
.admin-mode #sidebarMenu button.accordion-button.collapsed:hover {
  background-color: #f5f5f5;
}
.admin-mode #sidebarMenu button.accordion-button:not(.collapsed) {
  background-color: #E4002B;
  color: #fff;
}
.admin-mode #sidebarMenu button.accordion-button:not(.collapsed):hover {
  background-color: rgb(202.5, 0, 38.1907894737);
}
.admin-mode #sidebarMenu .accordion-body ul.phase-steps {
  background-color: #fff;
}
.admin-mode #sidebarMenu .accordion-body ul.phase-steps li.phase-step a.active {
  background-color: #fff;
  color: #E4002B;
}
.admin-mode.page-body {
  margin-top: 3rem;
  padding: 0 0.5rem 1rem;
  width: calc(100% - 2rem);
}
.admin-mode.page-body .admin-body {
  padding-bottom: 1.5rem;
}
.admin-mode.page-body .admin-body h1 {
  margin-left: -1.5rem;
  margin-bottom: 1rem;
  background-color: #1D1740;
}
.admin-mode.page-body .admin-body .context-menu {
  text-align: right;
}
.admin-mode.page-body .admin-body .context-menu span {
  float: left;
}
.admin-mode.page-body .admin-body .context-menu a .bi,
.admin-mode.page-body .admin-body .context-menu .bi {
  margin-left: 0.75rem;
  color: #E4002B;
  font-size: 1.5rem;
}
.admin-mode.page-body .admin-body .rz-tabview-panels .context-menu .bi:before {
  font-size: 1.1rem;
}
.admin-mode.page-body .admin-body .rz-tabview-panels .context-menu button.btn-link {
  font-size: 0.9rem;
  padding: 0;
  margin-left: 1rem;
}
.admin-mode.page-body .admin-body ul.admin-breadcrumbs {
  position: absolute;
  margin-top: 0.75rem;
  padding-left: 0;
  list-style-type: none;
  color: #bbb;
  font-size: 0.85rem;
  white-space: nowrap;
}
.admin-mode.page-body .admin-body ul.admin-breadcrumbs li {
  display: inline;
}
.admin-mode.page-body .admin-body ul.admin-breadcrumbs li::after {
  content: " / ";
}
.admin-mode.page-body .admin-body ul.admin-breadcrumbs a {
  color: #bbb;
}
.admin-mode.page-body .admin-body ul.admin-breadcrumbs a:hover {
  color: #ddd;
}
.admin-mode.page-body .admin-body a .bi {
  color: #E4002B;
}
.admin-mode.page-body .admin-body a .bi:hover {
  color: #555;
}
.admin-mode.page-body select,
.admin-mode.page-body .rz-spinner input[type=number],
.admin-mode.page-body .rz-spinner input[type=text] {
  word-wrap: normal;
  padding: 0.1875rem 0.5em;
  height: inherit;
  line-height: inherit;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
  background-color: #ffffff;
  font-size: 0.875rem;
}
.admin-mode.page-body select:focus-visible,
.admin-mode.page-body .rz-spinner input[type=number]:focus-visible,
.admin-mode.page-body .rz-spinner input[type=text]:focus-visible {
  outline: 0 none;
}
.admin-mode.page-body .rz-spinner input[type=text],
.admin-mode.page-body .rz-spinner.rz-state-disabled .rz-inputtext {
  border: 0 none;
}
.admin-mode.page-body ul.breadcrumbs {
  margin-top: 0 !important;
}
.admin-mode.page-body .rz-grid-table-fixed td.rz-frozen-cell {
  background: #fff;
}
.admin-mode.page-body .tab-content {
  font-size: 0.875rem;
}

.top-menu div, .top-menu .bi {
  display: inline-block;
}
.top-menu .knowledge-center {
  margin-right: 0.25rem;
}
.top-menu .knowledge-center .btn {
  font-size: 1.475rem;
  margin-top: -7px;
}

.rz-dialog-wrapper .rz-dialog {
  -webkit-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.rz-dialog-wrapper .rz-dialog .alert.alert-info {
  margin-bottom: 1.5rem;
  background-color: rgb(231.8554913295, 232.1184971098, 232.6445086705);
}

.rz-dialog-titlebar {
  font-size: 1rem;
  font-weight: 600;
  background-color: #1D1740;
  color: #fff;
}

.dialog-content {
  padding: 0.5rem 1rem;
}
.dialog-content .instructions {
  margin-bottom: 1.5rem;
  font-family: "gothammedium", Arial, Helvetica, sans-serif;
}

.modal#EditResources .rz-datatable-data td .rz-cell-data,
.modal#EditResources .rz-grid-table td .rz-cell-data {
  overflow-x: auto;
  text-overflow: unset;
}

.rz-datatable-thead th,
.rz-grid-table thead th {
  background-color: rgb(231.8554913295, 232.1184971098, 232.6445086705);
}

.rz-datatable-thead th:not(:last-child),
.rz-grid-table thead th:not(:last-child) {
  border-right-color: rgb(218.8843930636, 219.2947976879, 220.1156069364);
}

.rz-paginator-first,
.rz-paginator-prev,
.rz-paginator-last,
.rz-paginator-next,
.rz-button.btn-primary,
.btn-primary.rz-paginator-element {
  background-color: #fff;
  color: #E4002B;
  border: 1px solid #ddd;
}
.rz-paginator-first:hover,
.rz-paginator-prev:hover,
.rz-paginator-last:hover,
.rz-paginator-next:hover,
.rz-button.btn-primary:hover,
.btn-primary.rz-paginator-element:hover {
  background-color: white;
  border-color: rgb(213.35, 213.35, 213.35);
  color: #555;
}

.rz-button.btn-secondary,
.rz-button.btn-primary.btn-secondary,
.btn-secondary.rz-paginator-element {
  background-color: #efefef;
  border-color: #dedede;
  color: #666;
}
.rz-button.btn-secondary:hover, .rz-button.btn-secondary:focus,
.rz-button.btn-primary.btn-secondary:hover,
.rz-button.btn-primary.btn-secondary:focus,
.btn-secondary.rz-paginator-element:hover,
.btn-secondary.rz-paginator-element:focus {
  background-color: #dedede;
  border-color: #ddd;
  color: #666;
}

.rz-paginator-page {
  color: #E4002B;
}

.rz-paginator-element:hover {
  text-decoration: underline;
}

.rz-overlaypanel {
  background-color: #fff;
}

.rz-grid-filter .rz-dropdown,
.rz-grid-filter .rz-spinner,
.rz-grid-filter .rz-textbox {
  margin: 0.5rem 0;
}

.rz-grid-filter .rz-grid-filter-label {
  margin: 0.5rem 0 1rem;
}

.rz-button-md,
.rz-date-filter-buttons .rz-button,
.rz-date-filter-buttons .rz-paginator-element,
.rz-fileupload-choose,
.rz-selectbutton .rz-button,
.rz-selectbutton .rz-paginator-element,
.rz-splitbutton-menubutton,
.rz-splitbutton .rz-button-text-icon-left,
.rz-splitbutton .rz-button-text-only {
  font-size: 1rem;
}

.rz-colorpicker,
.rz-lookup-search input,
.rz-spinner,
.rz-calendar .rz-inputtext,
.rz-multiselect,
.rz-dropdown,
.mask,
.rz-textarea,
.rz-textbox {
  color: #555;
}

.rz-dropdown-item.rz-state-highlight,
.rz-state-highlight.rz-menuitem,
.rz-state-highlight.rz-autocomplete-list-item,
.rz-state-highlight.rz-multiselect-item,
.rz-dropdown-items li.rz-state-highlight,
.rz-autocomplete-items li.rz-state-highlight,
.rz-multiselect-items li.rz-state-highlight {
  background-color: #0093AD;
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.rz-dropdown-item.rz-state-highlight:hover,
.rz-state-highlight.rz-menuitem:hover,
.rz-state-highlight.rz-autocomplete-list-item:hover,
.rz-state-highlight.rz-multiselect-item:hover,
.rz-dropdown-items li.rz-state-highlight:hover,
.rz-autocomplete-items li.rz-state-highlight:hover,
.rz-multiselect-items li.rz-state-highlight:hover {
  background-color: rgb(0, 125.3323699422, 147.5);
  color: #fff;
}

.rz-dropdown-item:hover,
.rz-menuitem:hover,
.rz-autocomplete-list-item:hover,
.rz-multiselect-item:hover,
.rz-dropdown-items li:hover,
.rz-autocomplete-items li:hover,
.rz-multiselect-items li:hover {
  background-color: rgb(224, 250.3410404624, 255);
  color: #555;
}

.rz-tabview-nav .rz-tabview-selected.rz-state-active {
  border-top-color: #1D1740;
}
.rz-tabview-nav .rz-tabview-selected.rz-state-active a {
  text-decoration: none;
  color: #555;
}

.rz-tabview-nav li {
  border: solid 1px #dfe7ec;
  border-bottom-color: rgb(223, 231, 236);
  border-bottom-color: #e6ecef;
  background-color: rgb(244.8265895954, 244.9421965318, 245.1734104046);
}
.rz-tabview-nav li a {
  font-weight: 400;
  white-space: nowrap;
}

main .rz-tabview-nav li {
  padding: 0;
}

.rz-state-active a[role=tab] {
  color: #E4002B;
}
.rz-state-active a[role=tab]:hover {
  color: #555;
}

.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a {
  color: #555;
  text-decoration: underline;
}

.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
  border-top-color: #E4002B;
}

.rz-grid-table td,
.rz-grid-table th {
  padding: 0.25rem;
}
.rz-grid-table td .rz-cell-data[title^=Published],
.rz-grid-table th .rz-cell-data[title^=Published] {
  background-color: #479cc8;
  color: #fff;
  padding: 0.25rem;
}

.rz-cell-data .bi {
  font-size: 1.35rem;
}

.rz-tabview-panel {
  padding: 1rem;
}

.rz-tabview-panels .context-menu {
  margin-top: -0.5rem;
}

.rz-datatable-thead th .rz-column-title,
.rz-grid-table thead th .rz-column-title {
  text-transform: none;
}

.rz-sortable-column .rzi-grid-sort {
  margin-top: 1px;
  margin-left: 3px;
  font-size: 0.9rem;
}

.rz-grid-filter-icon {
  margin-top: 2px;
  font-size: 0.85rem;
}

.rz-datatable-data td .rz-cell-data,
.rz-grid-table td .rz-cell-data,
.rz-datatable-thead th .rz-column-title,
.rz-grid-table thead th .rz-column-title,
.rz-datatable-thead .rzi,
.rz-datatable-thead .rz-column-drag,
.rz-datatable-thead .rz-datatable-loading-content .rzi-circle-o-notch,
.rz-datatable-loading-content .rz-datatable-thead .rzi-circle-o-notch,
.rz-datatable-thead .rz-datatable-header .rzi-plus,
.rz-datatable-header .rz-datatable-thead .rzi-plus,
.rz-datatable-thead .rz-sortable-column .rzi-grid-sort,
.rz-sortable-column .rz-datatable-thead .rzi-grid-sort,
.rz-datatable-thead .rz-menuitem .rz-menuitem-icon,
.rz-menuitem .rz-datatable-thead .rz-menuitem-icon,
.rz-datatable-thead .rz-fileupload-row .rz-button .rzi-close,
.rz-datatable-thead .rz-fileupload-row .rz-paginator-element .rzi-close,
.rz-fileupload-row .rz-button .rz-datatable-thead .rzi-close,
.rz-fileupload-row .rz-paginator-element .rz-datatable-thead .rzi-close,
.rz-datatable-thead .rz-fileupload-row .rz-button .rzi-times,
.rz-datatable-thead .rz-fileupload-row .rz-paginator-element .rzi-times,
.rz-fileupload-row .rz-button .rz-datatable-thead .rzi-times,
.rz-fileupload-row .rz-paginator-element .rz-datatable-thead .rzi-times,
.rz-datatable-thead .rz-fileupload-row .rz-button .rz-icon-trash,
.rz-datatable-thead .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
.rz-fileupload-row .rz-button .rz-datatable-thead .rz-icon-trash,
.rz-fileupload-row .rz-paginator-element .rz-datatable-thead .rz-icon-trash,
.rz-datatable-thead .rz-datatable .rzi-chevron-circle-right,
.rz-datatable .rz-datatable-thead .rzi-chevron-circle-right,
.rz-datatable-thead .rz-datatable .rzi-chevron-circle-down,
.rz-datatable .rz-datatable-thead .rzi-chevron-circle-down,
.rz-grid-table thead .rzi,
.rz-grid-table thead .rz-column-drag,
.rz-grid-table thead .rz-datatable-loading-content .rzi-circle-o-notch,
.rz-datatable-loading-content .rz-grid-table thead .rzi-circle-o-notch,
.rz-grid-table thead .rz-datatable-header .rzi-plus,
.rz-datatable-header .rz-grid-table thead .rzi-plus,
.rz-grid-table thead .rz-sortable-column .rzi-grid-sort,
.rz-sortable-column .rz-grid-table thead .rzi-grid-sort,
.rz-grid-table thead .rz-menuitem .rz-menuitem-icon,
.rz-menuitem .rz-grid-table thead .rz-menuitem-icon,
.rz-grid-table thead .rz-fileupload-row .rz-button .rzi-close,
.rz-grid-table thead .rz-fileupload-row .rz-paginator-element .rzi-close,
.rz-fileupload-row .rz-button .rz-grid-table thead .rzi-close,
.rz-fileupload-row .rz-paginator-element .rz-grid-table thead .rzi-close,
.rz-grid-table thead .rz-fileupload-row .rz-button .rzi-times,
.rz-grid-table thead .rz-fileupload-row .rz-paginator-element .rzi-times,
.rz-fileupload-row .rz-button .rz-grid-table thead .rzi-times,
.rz-fileupload-row .rz-paginator-element .rz-grid-table thead .rzi-times,
.rz-grid-table thead .rz-fileupload-row .rz-button .rz-icon-trash,
.rz-grid-table thead .rz-fileupload-row .rz-paginator-element .rz-icon-trash,
.rz-fileupload-row .rz-button .rz-grid-table thead .rz-icon-trash,
.rz-fileupload-row .rz-paginator-element .rz-grid-table thead .rz-icon-trash,
.rz-grid-table thead .rz-datatable .rzi-chevron-circle-right,
.rz-datatable .rz-grid-table thead .rzi-chevron-circle-right,
.rz-grid-table thead .rz-datatable .rzi-chevron-circle-down,
.rz-datatable .rz-grid-table thead .rzi-chevron-circle-down {
  color: #555;
}

.rz-button.btn-primary {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  color: #fff;
  background-color: #E4002B;
  border-color: #E4002B;
  line-height: 1.5;
  -webkit-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.rz-button.btn-primary:hover {
  color: #fff;
  background-color: rgb(202.5, 0, 38.1907894737);
  border-color: rgb(202.5, 0, 38.1907894737);
}
.rz-button.btn-primary:focus {
  color: #fff;
  background-color: rgb(187.2, 0, 35.3052631579);
  border-color: rgb(187.2, 0, 35.3052631579);
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

.rz-button:not(.rz-state-disabled):hover:not(:active),
.rz-paginator-element:not(.rz-state-disabled):hover:not(:active) {
  background-image: none;
  box-shadow: none;
}

.rz-button-md .rz-button-text {
  line-height: 1.5 !important;
}

.rz-selectable .rz-datatable-even.rz-state-highlight > td,
.rz-selectable .rz-datatable-odd.rz-state-highlight > td {
  background-color: #0093AD;
}
.rz-selectable .rz-datatable-even.rz-state-highlight > td a, .rz-selectable .rz-datatable-even.rz-state-highlight > td a:hover, .rz-selectable .rz-datatable-even.rz-state-highlight > td a.fake-link, .rz-selectable .rz-datatable-even.rz-state-highlight > td a.fake-link:hover, .rz-selectable .rz-datatable-even.rz-state-highlight > td a:not([href]):not([class]),
.rz-selectable .rz-datatable-odd.rz-state-highlight > td a,
.rz-selectable .rz-datatable-odd.rz-state-highlight > td a:hover,
.rz-selectable .rz-datatable-odd.rz-state-highlight > td a.fake-link,
.rz-selectable .rz-datatable-odd.rz-state-highlight > td a.fake-link:hover,
.rz-selectable .rz-datatable-odd.rz-state-highlight > td a:not([href]):not([class]) {
  color: #fff;
}

th.rz-unselectable-text .rz-chkbox-icon.rzi.rzi-check {
  color: #fff;
}

.rz-chkbox-box.rz-state-active {
  background-color: #0093AD;
  border: 1px solid #fff;
}

.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
  height: inherit;
  line-height: inherit;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.rz-legend-item-text {
  cursor: pointer;
}

.rz-radio-btn .rz-radiobutton .rz-radiobutton-box .rz-radiobutton-icon.rzi-circle-on {
  background-color: unset;
}

.text-right {
  text-align: right;
}

.btn-edit {
  margin-top: -3px;
  padding: 0 0.75rem;
  font-size: 1.25rem;
}

.btn-edit {
  color: #E4002B;
}
.btn-edit.active, .btn-edit.edit-mode {
  color: #fff;
  background-color: #0093AD;
}
.btn-edit.active:hover, .btn-edit.edit-mode:hover {
  background-color: rgb(0, 133.9994219653, 157.7);
}

.editing-btn {
  padding: 0.25rem 0.4rem;
  color: #0093AD !important;
  background-color: #fff;
  font-size: 1rem;
  line-height: 1.2;
  box-shadow: 0rem 0.15rem 0.5rem rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-out;
  border: 0;
  border-radius: 0.25rem;
}
.editing-btn:hover {
  color: #fff !important;
  background-color: rgb(0, 133.9994219653, 157.7);
}
.editing-btn.notification {
  display: block;
  margin: 1rem auto -2rem;
  border-radius: 1.75rem;
  z-index: 20;
  position: relative;
}

.sidebar-edit-tools li a, .sidebar-edit-tools li button {
  padding: 0.25rem 0.4rem;
  max-height: 33px;
  font-size: 1.25rem;
  line-height: 1;
  transition: all 0.15s ease-out;
  border: 0;
  -webkit-border-radius: 0.75rem;
  -ms-border-radius: 0.75rem;
  border-radius: 0.75rem;
}
.sidebar-edit-tools li.edit-tool a, .sidebar-edit-tools li.edit-tool button {
  color: #0093AD;
  background-color: #fff;
  box-shadow: 0rem 0.15rem 0.5rem rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-out;
}
.sidebar-edit-tools li.edit-tool a:hover, .sidebar-edit-tools li.edit-tool button:hover {
  background-color: #0093AD;
  color: #fff;
}
.sidebar-edit-tools li.edit-tool a.active, .sidebar-edit-tools li.edit-tool a.edit-mode, .sidebar-edit-tools li.edit-tool button.active, .sidebar-edit-tools li.edit-tool button.edit-mode {
  color: #fff;
  background-color: #0093AD;
}
.sidebar-edit-tools li.edit-tool a.active:hover, .sidebar-edit-tools li.edit-tool a.edit-mode:hover, .sidebar-edit-tools li.edit-tool button.active:hover, .sidebar-edit-tools li.edit-tool button.edit-mode:hover {
  background-color: rgb(0, 133.9994219653, 157.7);
}
.sidebar-edit-tools li {
  margin: 0.25rem 0;
}
.sidebar-edit-tools li.divider {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  color: #bbb;
}

.sidebar-edit-tools.vertical {
  position: fixed;
  left: 8px;
  top: 97px;
  padding: 0;
  width: 0;
  text-align: center;
  color: #bbb;
}
.sidebar-edit-tools.vertical ul {
  display: inline-flex !important;
  vertical-align: middle !important;
  list-style-type: none;
  padding: 0;
  flex-direction: column;
  white-space: nowrap;
}
.sidebar-edit-tools.vertical ul li button {
  padding: 0.25rem 0.4rem;
}
.sidebar-edit-tools.vertical ul li.divider {
  height: 12px;
  line-height: 0.8;
  transform: rotate(-90deg);
}

.edit-tools {
  float: right;
  display: flex;
  position: relative;
  z-index: 1;
  align-items: center;
  margin-top: 0;
  padding: 0;
  border: 0px solid #E4002B;
  -webkit-border-radius: 1.75rem;
  -ms-border-radius: 1.75rem;
  border-radius: 1.75rem;
  transition: all 0.2s ease 0s;
}
.edit-tools a, .edit-tools button {
  margin: 0 0 0 0.4rem;
  padding: 0.25rem 0.4rem;
  color: #0093AD !important;
  background-color: #fff;
  font-size: 1rem;
  line-height: 1.2;
  box-shadow: 0rem 0.15rem 0.5rem rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-out;
  border: 0;
  -webkit-border-radius: 1.75rem;
  -ms-border-radius: 1.75rem;
  border-radius: 1.75rem;
}
.edit-tools a:hover, .edit-tools button:hover {
  background-color: #0093AD !important;
  color: #fff !important;
  -webkit-border-radius: 1.75rem;
  -ms-border-radius: 1.75rem;
  border-radius: 1.75rem;
}
.edit-tools.add-block {
  display: block;
  float: none;
  text-align: right;
}
.edit-tools.add-block a {
  padding: 0.25rem 0.4rem;
  font-size: 1.4rem;
}
.edit-tools.add-block.float-right {
  float: right !important;
}
.edit-tools.add-block.border-bottom {
  border-radius: 0;
}
.edit-tools.add-block-above, .edit-tools.add-block-below {
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}
.edit-tools.add-block-above a, .edit-tools.add-block-below a {
  padding: 0.25rem 0.4rem;
  font-size: 1.4rem;
  margin-left: 0.5rem;
}
.tox-editor-container {
  position: relative;
  z-index: 1;
}

.modal .edit-buttons {
  display: flex;
  justify-content: right;
}

h1 .rz-textbox {
  font-size: inherit;
  font-weight: inherit;
}
h1 .edit-tools {
  margin-top: 0;
}
h1 a {
  margin: 0 0 0 0.25rem;
  padding: 0.25rem 0.4rem;
  color: #0093AD !important;
  background-color: #fff;
  font-size: 1rem;
  line-height: 1.2;
  box-shadow: 0rem 0.15rem 0.5rem rgba(0, 0, 0, 0.1);
  transition: all 0.15s ease-out;
  border: 0;
  -webkit-border-radius: 1.75rem;
  -ms-border-radius: 1.75rem;
  border-radius: 1.75rem;
}
h1 a:hover {
  background-color: #0093AD !important;
  color: #fff !important;
  -webkit-border-radius: 1.75rem;
  -ms-border-radius: 1.75rem;
  border-radius: 1.75rem;
}

h2 .edit-tools {
  margin-top: 0.15rem;
}

.editable-text {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  cursor: pointer;
  border: 1px dashed #0093AD;
  border-top-color: rgb(0, 147, 178);
  border-right-color: rgb(0, 147, 178);
  border-bottom-color: rgb(0, 147, 178);
  border-left-color: rgb(0, 147, 178);
  -webkit-border-radius: 0.35rem;
  -ms-border-radius: 0.35rem;
  border-radius: 0.35rem;
}

h1 .editable-text {
  padding: 0 0.5rem;
  border-color: #fff;
}

.editable-text p {
  cursor: pointer;
}

h3 .editable-text {
  padding: 0;
  min-width: 70%;
}

#addContent .modal-header,
#addVersion .modal-header,
#editRichText .modal-header,
#deleteContent .modal-header,
#EditResources .modal-header {
  background-color: #0093AD;
}

#addVersion .modal-body input, #addVersion .modal-body textarea,
#editRichText .modal-body input,
#editRichText .modal-body textarea {
  font-size: 0.875rem;
  padding: 0.15rem 0.5rem;
  color: inherit;
}

main li {
  padding: 0.5rem 0;
}

.modal-body ul.rz-tree-container {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #cecece;
  border-radius: 4px;
}

main li.rz-treenode {
  padding: 0;
}
main li.rz-treenode .rz-treenode-content .rz-treenode-label {
  padding: 0.15rem 0.25rem;
}

.client-playbook .icon-nav ul.edit-controls {
  position: fixed;
  right: 0.75rem;
  bottom: 1.3rem;
  padding: 0.4rem 0.75rem 0.35rem !important;
  color: #fff !important;
  background-color: #0093AD;
  border-radius: 2.25rem;
  box-shadow: 0.25rem 0.5rem 0.55rem #999;
}
.client-playbook .icon-nav ul.edit-controls:hover {
  background-color: rgb(0, 138.3329479769, 162.8);
}
.client-playbook .icon-nav ul.edit-controls li {
  float: right;
  margin: 0 0.5rem;
  color: #fff;
  font-size: 1.15rem;
}
.client-playbook .icon-nav ul.edit-controls li button.btn.btn-edit {
  padding: 0 0.35rem;
  font-size: 1.65rem;
  color: #fff;
}
.client-playbook .icon-nav ul.edit-controls li button.btn.btn-edit.active {
  background-color: transparent;
}
.client-playbook .icon-nav ul.edit-controls li button.btn.btn-edit:hover {
  color: #1D1740 !important;
}
.client-playbook .icon-nav ul.edit-controls li button.btn.btn-edit.active:hover {
  background-color: transparent;
}
.client-playbook .icon-nav ul.edit-controls li button.btn.btn-edit .bi-share::before,
.client-playbook .icon-nav ul.edit-controls li button.btn.btn-edit .bi-pencil::before {
  font-size: 1.45rem;
}
.client-playbook .icon-nav ul.edit-controls li a, .client-playbook .icon-nav ul.edit-controls li a:hover,
.client-playbook .icon-nav ul.edit-controls li a.fake-link,
.client-playbook .icon-nav ul.edit-controls li a.fake-link:hover,
.client-playbook .icon-nav ul.edit-controls li a:not([href]):not([class]) {
  font-size: 1.25rem;
  color: #fff;
}

@media (min-width: 768px) {
  header .dropdown {
    right: 1.25rem;
  }
  .page-body {
    margin: 0 auto;
    width: calc(100% - 4.5rem);
  }
  .admin-mode .page-body {
    width: 100%;
  }
  #sidebarMenu {
    margin-bottom: 0;
    padding-bottom: 0;
    -webkit-border-radius: 0.5rem 0 0 0.5rem;
    -ms-border-radius: 0.5rem 0 0 0.5rem;
    border-radius: 0.5rem 0 0 0.5rem;
    font-size: 0.9rem;
  }
  .page-body main {
    margin-right: -0.5rem;
  }
  .admin-mode .page-body main {
    margin-right: 0;
  }
  h1 {
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
    background-image: url(../img/bg-h1-01.png);
    background-position-x: 116%;
  }
  .client-playbook .icon-nav ul {
    float: right !important;
  }
}
@media (min-width: 992px) {
  #sidebarMenu {
    margin-right: 0;
    margin-left: 0;
  }
  .admin-mode #sidebarMenu {
    margin-right: 0;
  }
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 1020;
  }
  .bg-img.edge2 {
    bottom: -8rem;
  }
  .admin-mode .top-menu {
    margin-right: 1rem;
  }
  .page-body main {
    margin-right: -0.6rem;
  }
}
@media (min-width: 1200px) {
  h1 {
    background-image: url(../img/bg-h1-01.png);
    background-position-x: 116%;
  }
  .bg-img.edge2 {
    bottom: -10rem;
  }
  .bg-img {
    width: 100%;
  }
  .admin-mode .top-menu {
    margin-right: 1rem;
  }
}
@media (min-width: 1400px) {
  h1 {
    background-position-x: 116%;
  }
  .bg-img.edge2 {
    bottom: -12rem;
  }
}
@media (min-width: 1600px) {
  h1 {
    background-position-x: 100%;
  }
  .page-body {
    width: 96%;
  }
  .bg-img.edge2 {
    bottom: -14rem;
  }
}
@media (min-width: 1700px) {
  .page-body {
    width: 96%;
  }
  .bg-img.edge2 {
    bottom: -16rem;
  }
}
@media (min-width: 1800px) {
  .page-body {
    width: 96%;
  }
  .bg-img.edge2 {
    bottom: -18rem;
  }
}
@media (max-width: 1650px) {
  #sidebarMenu nav {
    max-height: calc(100vh - 170px);
  }
}
@media (max-width: 1329.9px) {
  #sidebarMenu nav {
    max-height: calc(100vh - 170px);
  }
  .admin-mode #sidebarMenu nav {
    top: 65px;
  }
}
@media (max-width: 990.9px) {
  .client-playbook.page-body {
    margin-top: 89px;
  }
  .client-playbook.page-body:has(.search-results-full) {
    margin-top: 49px;
  }
  header .dropdown {
    position: relative;
    right: 1rem;
  }
  .admin-mode header .dropdown {
    right: 0;
  }
  .landing-wrapper .page-body .main {
    margin-top: 7.5rem;
  }
  .user-menu {
    display: inline-block;
    float: none;
  }
  header .active-persona-list {
    margin-left: 0.7rem;
  }
  header .search-bar {
    float: none;
    margin-left: 1rem;
  }
}
@media (max-width: 767.9px) {
  .admin-mode.page-body {
    width: 100%;
  }
  .client-playbook.page-body {
    margin-top: 114px;
    width: 98%;
    padding: 0 1.5rem 0 4rem;
  }
  .client-playbook.page-body:has(.search-results-full) {
    margin-top: 49px;
    padding: 0 1.5rem 0 2rem;
  }
  .pb-header {
    top: 114px;
  }
}
@media (max-width: 599.9px) {
  header .active-persona-list .personas.truncate {
    display: none !important;
  }
  .version-menu {
    display: block !important;
    margin-top: 0;
  }
  .client-playbook .page-body .search-bar {
    margin-top: 0 !important;
  }
  .client-playbook header.navbar {
    margin-right: -1rem;
    overflow-x: hidden;
    max-width: 100%;
    margin-left: 0;
  }
  button.submit-feedback,
  button.info-text {
    bottom: 9.5rem;
    margin-left: 0;
  }
  .pb-header {
    position: relative;
    top: unset;
  }
  .sticky-add-comment {
    display: none;
  }
  .sidebar-edit-tools.vertical {
    top: 133px;
  }
  .comments-box {
    margin-top: 0;
  }
  .client-playbook h1,
  div.a-spacer,
  .comments-header {
    position: relative;
    top: unset;
  }
}
@media (min-width: 600px) and (max-width: 990.9px) {
  .landing-wrapper .page-body .main {
    margin-top: 6.5rem;
  }
}
@media (max-width: 660px) {
  .landing-wrapper .page-body .main {
    margin-top: 8.75rem;
  }
}
@media (max-width: 599.9px) {
  .landing-wrapper h1 {
    font-size: 1.5rem;
    line-height: 1;
    margin-top: 0;
    padding-left: 0 !important;
  }
  .landing-wrapper h1 .bi.bi-house-door,
  .landing-wrapper h1 .bi.bi-share {
    display: none;
  }
  .landing-wrapper h1 span .bi.pb-i-mask {
    margin-top: 0.7rem;
    margin-left: 0.045rem;
  }
  .landing-wrapper .page-body {
    padding: 0 3rem 3rem;
  }
  .fixed-top {
    position: relative !important;
    z-index: 20;
  }
  .client-playbook.page-body {
    margin-top: 0.5rem;
  }
  .client-playbook.page-body:has(.search-results-full) {
    margin-top: 0;
  }
  .admin-mode .fixed-top {
    position: fixed !important;
  }
  .admin-mode .navbar-brand,
  .client-home .navbar-brand,
  .client-playbook .navbar-brand {
    margin-left: 0.5rem;
  }
  header .current-user select {
    width: 100%;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #ddd;
    box-shadow: 0 0 0 #ddd;
    right: 0;
    color: rgb(38.4, 38.4, 38.4);
  }
  .client-home header .current-user select {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #ddd;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    color: rgb(38.4, 38.4, 38.4);
  }
  header .search-bar {
    margin-left: 1rem;
    margin-top: 0;
    float: none;
  }
  header .current-user {
    float: none;
    padding: 0rem 0.25rem 0.25rem 0.1rem;
    display: inline-block;
  }
  header .current-user div,
  .landing-wrapper.client-home header select.rz-dropdown {
    z-index: 10;
  }
  header .current-user select {
    width: 100%;
  }
  header .dropdown {
    float: left !important;
    margin-left: 1rem;
    width: 100%;
    z-index: 20;
  }
  .icon-nav {
    margin-top: 0;
  }
  .admin-mode header .dropdown,
  .admin-mode header .current-user,
  .admin-mode .icon-nav {
    float: right !important;
  }
  .admin-mode header .current-user {
    margin-right: 0;
  }
  .landing-wrapper .page-body .main {
    margin-top: 1rem;
  }
  .top-menu .icon-nav ul {
    padding-left: 0.5rem;
    margin-top: 0;
  }
  .user-menu {
    display: block;
    margin-left: 0.75rem;
  }
  .modal#editRichText .modal-dialog {
    max-width: 90%;
    margin: 4rem auto auto;
  }
  .modal#editRichText .modal-dialog .modal-content {
    min-height: 75vh;
    max-height: 100vh;
  }
  .ql-editor {
    max-height: calc(88vh - 20rem);
  }
}
@media (max-width: 1064.9px) and (min-width: 991px) {
  #sidebarMenu nav {
    top: 116px;
  }
  .comments-header {
    top: 183px;
  }
  div.a-spacer {
    top: 114px;
  }
  .client-playbook h1 {
    top: 116px;
  }
  .client-playbook h1.search-results {
    top: 78px !important;
  }
}
@media (max-width: 991.9px) and (min-width: 769px) {
  .admin-mode header .top-menu.dropdown {
    margin-right: 0;
  }
  .sticky-add-comment {
    top: 116px;
  }
  .pb-header {
    top: 89px;
  }
  .comments-header {
    top: 222px;
  }
  div.a-spacer {
    top: 153px;
  }
  .client-playbook h1 {
    top: 155px;
  }
  .client-playbook h1.search-results {
    top: 78px !important;
  }
}
@media (max-width: 768px) and (min-width: 600px) {
  .sticky-add-comment {
    top: 141px;
  }
  .client-playbook.page-body {
    margin-top: 106px;
  }
  .client-playbook.page-body:has(.search-results-full) {
    margin-top: 49px;
  }
  .sidebar-edit-tools.vertical {
    top: 137px;
  }
  .page-body .row.main {
    margin-top: 7px;
  }
  .comments-header {
    top: 245px;
  }
  div.a-spacer {
    top: 175px;
  }
  .client-playbook h1 {
    top: 177px;
  }
  .client-playbook h1.search-results {
    top: 78px !important;
  }
}
.modal#editRichText .modal-dialog .modal-content {
  min-height: initial;
  max-height: 90vh;
}

@media (max-width: 1199.9px) {
  .modal .modal-dialog {
    max-width: 80%;
    margin: 7rem auto 2rem;
  }
  .modal#editRichText .modal-dialog {
    max-width: 70%;
    margin: 5rem auto auto;
  }
  .modal#EditResources .modal-dialog {
    max-width: 95vw;
  }
}
@media (max-width: 991.9px) {
  body.body {
    padding-bottom: 0;
  }
  .client-playbook #sidebarMenu nav {
    position: relative;
    top: unset;
    margin-bottom: 2rem;
    max-height: unset;
    overflow-y: unset;
  }
  button.info-text {
    bottom: 6.5rem;
  }
  button.submit-feedback {
    bottom: 9.5rem;
  }
  footer {
    position: relative;
  }
}
@media (max-width: 990.9px) {
  .modal#editRichText .modal-dialog {
    max-width: 80%;
    margin: 8rem auto 2rem;
  }
  footer {
    margin-left: 0;
    max-width: 100%;
  }
}
@media (max-width: 767.9px) {
  .modal .modal-dialog {
    margin-top: 8rem;
  }
}
@media (min-width: 992px) {
  .modal#editRichText .modal-dialog .modal-content {
    min-height: 80vh;
    max-height: 88vh;
  }
  .ql-editor {
    max-height: calc(88vh - 20rem);
  }
}
@media (min-width: 1200px) {
  .modal#editRichText .modal-dialog {
    max-width: 60%;
  }
  header .active-persona-list {
    margin-left: 1rem;
  }
}
#sidebarMenu a {
  text-decoration: none;
}
#sidebarMenu ul {
  list-style-type: none;
}
#sidebarMenu ul.top-level-menu {
  list-style-type: none;
  border-radius: 0.5rem;
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0 {
  padding: 0.7rem 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  font-family: "gothammedium", Arial, Helvetica, sans-serif;
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0:first-of-type {
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -ms-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0:last-of-type {
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  -ms-border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0:last-of-type.expanded {
  border-radius: 0;
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0.sidebar-node, #sidebarMenu ul.top-level-menu li.sidebar-level-0.sidebar-leaf {
  padding-left: 2.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-right: 0 none;
  border-left: 0 none;
  background-color: #fff;
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0.sidebar-node:not(:last-of-type), #sidebarMenu ul.top-level-menu li.sidebar-level-0.sidebar-leaf:not(:last-of-type) {
  border-bottom: 0;
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0.sidebar-node button, #sidebarMenu ul.top-level-menu li.sidebar-level-0.sidebar-leaf button {
  margin-right: 0.25rem;
  margin-left: -1.75rem;
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0.sidebar-node:hover, #sidebarMenu ul.top-level-menu li.sidebar-level-0.sidebar-leaf:hover {
  background-color: #f5f5f5;
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0.selected {
  background-color: #1D1740;
  color: #fff;
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0.selected:hover {
  background-color: rgb(23.9, 18.9551724138, 52.7448275862);
}
#sidebarMenu ul.top-level-menu li.sidebar-level-0.selected button, #sidebarMenu ul.top-level-menu li.sidebar-level-0.selected a {
  color: #fff;
}
#sidebarMenu ul.top-level-menu li.sidebar-node a,
#sidebarMenu ul.top-level-menu li.sidebar-leaf a {
  font-weight: 500;
  color: #333;
}
#sidebarMenu ul.top-level-menu ul.phase-steps {
  background-color: transparent;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-node a, #sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-leaf a {
  display: inline-block;
  width: 100%;
  color: #555;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-node a:hover, #sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-leaf a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-node a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-leaf a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-node a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-leaf a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-node a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-leaf a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-node a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-leaf a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-node a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-leaf a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-node a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-leaf a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-node a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-leaf a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-node a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-leaf a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-node a:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-leaf a:hover {
  color: #333;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-node a::before, #sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-leaf a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-node a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-leaf a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-node a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-leaf a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-node a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-leaf a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-node a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-leaf a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-node a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-leaf a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-node a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-leaf a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-node a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-leaf a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-node a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-leaf a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-node a::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-leaf a::before {
  display: inline-block;
  margin-right: 0.15rem;
  margin-left: -0.75rem;
  content: "•";
  color: #999 !important;
  vertical-align: -0.125em;
  height: 12px;
  width: 12px;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-node a::before:hover, #sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-leaf a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-node a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-leaf a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-node a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-leaf a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-node a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-leaf a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-node a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-leaf a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-node a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-leaf a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-node a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-leaf a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-node a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-leaf a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-node a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-leaf a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-node a::before:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-leaf a::before:hover {
  color: #666;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10 button {
  position: absolute;
  margin-top: 0.35rem;
  margin-left: -0.45rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1 a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2 a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3 a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4 a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5 a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6 a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7 a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8 a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9 a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10 a {
  padding-left: 0;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1 {
  color: #fff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1 button {
  margin-left: -1.25rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1 button.expand-collapse {
  background-color: #fff;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1 button.expand-collapse i.bi {
  color: #666;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected button i.bi::before {
  color: #fff;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1 a {
  padding-left: 0;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1 a.selected {
  color: #fff;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected {
  background-color: #1D1740;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected:hover {
  background-color: rgb(23.9, 18.9551724138, 52.7448275862);
  border-radius: 0;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected:hover button {
  background-color: rgb(23.9, 18.9551724138, 52.7448275862) !important;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected .bi-chevron-down::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected .bi-chevron-right::before {
  color: #fff;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected button {
  background-color: #1D1740;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected button i.bi::before {
  color: #fff;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected button.expand-collapse {
  background-color: #1D1740;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected button.expand-collapse.expanded {
  background-color: #1D1740;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.selected button.expand-collapse:hover {
  background-color: rgb(23.9, 18.9551724138, 52.7448275862);
  border-radius: 0;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1:hover {
  background-color: #f5f5f5;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1:hover button {
  background-color: #f5f5f5;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-node a, #sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-leaf a {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-node a.selected, #sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1.sidebar-leaf a.selected {
  color: #fff;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10 {
  padding-right: 1em;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9 button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10 button {
  position: absolute;
  margin-top: 0.4rem;
  margin-left: -1.25rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2 button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3 button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4 button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5 button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6 button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7 button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8 button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9 button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10 button.expand-collapse {
  background-color: #fff;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2 button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3 button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4 button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5 button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6 button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7 button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8 button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9 button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10 button.expand-collapse:hover {
  background-color: #f1f1f1;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2 button.expand-collapse i.bi,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3 button.expand-collapse i.bi,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4 button.expand-collapse i.bi,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5 button.expand-collapse i.bi,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6 button.expand-collapse i.bi,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7 button.expand-collapse i.bi,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8 button.expand-collapse i.bi,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9 button.expand-collapse i.bi,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10 button.expand-collapse i.bi {
  color: #666;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10:last-of-type {
  border-radius: 0;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10:hover {
  background-color: #f5f5f5;
  border-radius: 0;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2:hover:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3:hover:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4:hover:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5:hover:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6:hover:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7:hover:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8:hover:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9:hover:last-of-type,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10:hover:last-of-type {
  border-radius: 0 0 0.5rem 0.5rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-node a, #sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-leaf a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-node a,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-leaf a {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  line-height: 1.3;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-node a.selected, #sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-leaf a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-node a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-leaf a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-node a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-leaf a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-node a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-leaf a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-node a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-leaf a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-node a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-leaf a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-node a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-leaf a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-node a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-leaf a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-node a.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-leaf a.selected {
  color: #fff;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-node.selected, #sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.sidebar-leaf.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-node.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.sidebar-leaf.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-node.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.sidebar-leaf.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-node.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.sidebar-leaf.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-node.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.sidebar-leaf.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-node.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.sidebar-leaf.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-node.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.sidebar-leaf.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-node.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.sidebar-leaf.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-node.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.sidebar-leaf.selected {
  background-color: #1D1740;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.selected,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.selected {
  background-color: #1D1740;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.selected:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.selected:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.selected:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.selected:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.selected:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.selected:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.selected:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.selected:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.selected:hover {
  background-color: rgb(23.9, 18.9551724138, 52.7448275862);
  border-radius: 0;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.selected:hover button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.selected:hover button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.selected:hover button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.selected:hover button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.selected:hover button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.selected:hover button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.selected:hover button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.selected:hover button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.selected:hover button {
  background-color: rgb(23.9, 18.9551724138, 52.7448275862) !important;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.selected .bi-chevron-down::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.selected .bi-chevron-right::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.selected .bi-chevron-down::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.selected .bi-chevron-right::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.selected .bi-chevron-down::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.selected .bi-chevron-right::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.selected .bi-chevron-down::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.selected .bi-chevron-right::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.selected .bi-chevron-down::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.selected .bi-chevron-right::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.selected .bi-chevron-down::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.selected .bi-chevron-right::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.selected .bi-chevron-down::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.selected .bi-chevron-right::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.selected .bi-chevron-down::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.selected .bi-chevron-right::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.selected .bi-chevron-down::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.selected .bi-chevron-right::before {
  color: #fff;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.selected button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.selected button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.selected button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.selected button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.selected button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.selected button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.selected button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.selected button,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.selected button {
  background-color: #1D1740;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.selected button i.bi::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.selected button i.bi::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.selected button i.bi::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.selected button i.bi::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.selected button i.bi::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.selected button i.bi::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.selected button i.bi::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.selected button i.bi::before,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.selected button i.bi::before {
  color: #fff;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.selected button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.selected button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.selected button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.selected button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.selected button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.selected button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.selected button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.selected button.expand-collapse,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.selected button.expand-collapse {
  background-color: #1D1740;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.selected button.expand-collapse.expanded,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.selected button.expand-collapse.expanded,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.selected button.expand-collapse.expanded,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.selected button.expand-collapse.expanded,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.selected button.expand-collapse.expanded,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.selected button.expand-collapse.expanded,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.selected button.expand-collapse.expanded,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.selected button.expand-collapse.expanded,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.selected button.expand-collapse.expanded {
  background-color: #1D1740;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2.selected button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3.selected button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4.selected button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5.selected button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6.selected button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7.selected button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8.selected button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9.selected button.expand-collapse:hover,
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10.selected button.expand-collapse:hover {
  background-color: rgb(23.9, 18.9551724138, 52.7448275862);
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-1 {
  padding-left: 2.5rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-2 {
  padding-left: 3.5rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-3 {
  padding-left: 4.5rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-4 {
  padding-left: 5.5rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-5 {
  padding-left: 6.5rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-6 {
  padding-left: 7.5rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-7 {
  padding-left: 8.5rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-8 {
  padding-left: 9.5rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-9 {
  padding-left: 10.5rem;
}
#sidebarMenu ul.top-level-menu ul.phase-steps li.sidebar-level-10 {
  padding-left: 11.5rem;
}
#sidebarMenu .accordion-body {
  border-radius: 0;
}
#sidebarMenu .accordion-body ul.phase-steps li.sidebar-node:last-of-type.expanded, #sidebarMenu .accordion-body ul.phase-steps li.sidebar-node:last-of-type.expanded:hover,
#sidebarMenu .accordion-body ul.phase-steps li.sidebar-node:last-of-type:hover.expanded,
#sidebarMenu .accordion-body ul.phase-steps li.sidebar-node:last-of-type:hover.expanded:hover {
  border-radius: 0;
}
#sidebarMenu .selected {
  font-weight: bold;
}
#sidebarMenu button.expand-collapse {
  background-color: transparent;
  border: none;
  font-size: 0.75rem;
}
#sidebarMenu button.expand-collapse,
#sidebarMenu li:hover {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
#sidebarMenu .notification-text {
  margin: 1.25rem 0.5rem 0;
  padding: 0.5rem 0.5rem 0;
  font-size: 0.9rem;
  color: #333;
  border: 5px double #fff;
  border-radius: 0.5rem;
  z-index: 10;
  position: relative;
  background-color: rgba(0, 0, 0, 0.05);
}
#sidebarMenu .notification-text p {
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem;
}

.drag-drop-zone {
  display: flex;
  position: relative;
  margin: 1.5rem 1rem 1.5rem 1rem;
  padding: 1.5rem;
  max-width: calc(100% - 2rem);
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  cursor: pointer;
  border: 2px dashed #E4002B;
  background-color: #f3f3f3;
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2);
  color: #454545;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  height: 100%;
}
.drag-drop-zone padding {
  margin-bottom: 0.5rem;
}
.drag-drop-zone ul {
  margin-bottom: 0.5rem;
}
.drag-drop-zone ul li {
  padding: 0.15rem 0;
}
.drag-drop-zone:hover {
  color: rgb(43.5, 43.5, 43.5);
  background-color: #f0f0f0;
}
.drag-drop-zone input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.drag-enter {
  color: rgb(143.8376963351, 21.6623036649, 39.8586387435);
  background-color: rgb(49.4, 39.1793103448, 109.0206896552);
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}

.invalid {
  outline: 1px solid red;
}

.validation-message {
  color: red;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

:root {
  --sidebar-width: 250px; /* standard sidebar width */
}