.scxx .help-plan-body {
   max-width: 1200px;
   margin: auto;
   position: relative;
   z-index: 2;
}
.scxx .center {
   text-align: center;
}

.scxx .result-container.text {
   background: none;
   border: 0px;
   font-size: 1.05rem;
}

.scxx .help-plan .result-container {
   display: block;
}

.scxx .help-plan .result-head {
   display: flex;
   flex-wrap: wrap;
   page-break-inside: avoid;
}

.scxx .help-plan .result-main {
   width: calc(100% / 12 * 10);
   page-break-inside: avoid;
}

.scxx .help-plan.result,
.scxx .help-plan-container .list-item {
   margin-bottom: 10px;
}

.scxx .help-plan-heading {
   font-family: "CeraRound";
   font-size: 1.2rem;
   color: var(--s-secondary);
   margin: 8px 0 10px 0;
}

.scxx .help-plan-service-url {
   display: block;
}

.scxx .event-description {
   text-align: left;
}

.scxx .pathway-contact-instructions {
   margin: 20px 0 4px 0;
   font-family: "CeraRound";
   color: var(--s-secondary);
   font-size: 1.05rem;
}

.scxx .result-contact {
   border-top: 3px solid #ebf2f2;
   margin-top: 6px;
   padding: 0px 15px 0;
}

.scxx .pathway-contact-details {
   display: flex;
   flex-wrap: wrap;
}

.scxx .pathway-contact-group {
   display: flex;
   flex-wrap: wrap;
   margin: 10px 0;
   font-family: "CeraRound", "Arial";
   font-size: 1.05rem;
   align-items: center;
}

.scxx .pathway-contact-group-item:before {
   font-family: "icons";
   margin-right: 8px;
   margin-top: 2px;
   color: #b6cee4;
   font-size: 1.4rem;
}

.scxx .pathway-contact-group-item.phone:before {
   content: "\e830";
}

.scxx .pathway-contact-group-item.email:before {
   content: "\e822";
}

.scxx .pathway-contact-group-item.webreferral:before {
   content: "\e062";
}

.scxx .pathway-contact-group-item.webchat:before {
   content: "\e828";
}

.scxx .pathway-contact-group-item.schedule:before {
   content: "\e834";
}

.scxx .pathway-contact-group-item.weblink:before {
   content: "\01A1";
}

.scxx .pathway-contact-group-item {
   background: #f0f7fc;
   padding: 3px 8px;
   margin: 3px 6px;
   border-radius: 4px;
   word-break: break-word;
   color: #444;
   position: relative;
}

.scxx .pathway-contact-group-items {
   display: flex;
   flex-wrap: wrap;
}

.scxx .pathway-contact-comment {
   font-size: 1rem;
   text-align: center;
}

.scxx .pathway-contact-label {
   color: var(--s-primary);
   min-width: 165px;
   font-family: "CeraRound", "Arial";
   font-size: 1.1rem;
   align-items: center;
}

.scxx .pathway-contact-label:before {
   width: 18px;
   text-align: center;
}

.scxx .pathway-hours-notice {
   display: flex;
   flex-wrap: wrap;
}

.scxx .pathway-hours-details {
   display: flex;
   align-items: center;
}

.scxx .result-opening-session {
   padding-right: 10px;
}

.scxx .hours-open-notice {
   position: relative;
   margin-left: 10px;
   background: #f4f4f4;
   padding: 4px 14px 4px 34px;
   border-radius: 20px;
}

.scxx .hours-open-notice:before {
   font-family: "icons";
   content: "\e839";
   font-size: 20px;
   left: 9px;
   position: absolute;
   top: 2px;
   color: #999;
   margin-right: 15px;
}

.scxx .hours-open-notice.open {
   background: #f4f4f4;
   color: rgb(111 204 111);
}

.scxx .hours-open-notice.open:before {
   color: rgb(111 204 111);
}

.scxx .pathway-location {
   display: flex;
   flex-wrap: wrap;
   margin-top: 10px;
}

.scxx .pathway-location-detail {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   flex-grow: 1;
}

.scxx .pathway-location-address-container {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.scxx .pathway-location-address {
   padding-left: 5px;
}

.scxx .pathway-location-address:first-child {
   padding-left: 0px;
}

.scxx .pathway-toggle-directions {
   padding: 4px 10px;
   border-radius: 4px;
   margin: 2px 0px 2px 8px;
   font-family: "CeraRound";
   min-width: 175px;
}

.scxx .pathway-toggle-directions:hover {
   background: var(--s-primary);
   color: #fff;
}

.scxx .directions-container {
   margin: 20px 0 0 0;
   display: none;
   width: 100%;
   margin: 5px 8px;
   position: relative;
}

.scxx .directions-container.open {
   display: block;
}

.scxx .help-plan-actions {
   margin: 0 0 15px 0;
   display: flex;
   flex-wrap: wrap;
}

.scxx .help-plan-actions.no-spacing {
   margin: 0;
}

.scxx .help-plan-actions button {
   background: #fff;
   box-shadow: 1px 1px 2px rgb(0 0 0 / 12%);
   font-family: "CeraRound" !important;
   color: var(--s-primary);
   transition: all 0.3s;
   border-radius: 12px;
   padding: 8px 16px;
}

.scxx .help-plan-actions button:hover {
   color: #fff;
   background: var(--s-primary);
}

.scxx .help-plan-input-container {
   display: flex;
   flex-wrap: wrap;
}

.scxx .help-plan-input-question {
   min-width: 50%;
}

.scxx .help-plan-input-buttons {
   align-items: center;
   display: flex;
   padding-left: 15px;
}

.scxx .help-plan-input-buttons.sms {
   align-items: baseline;
   margin-top: 20px;
}

.scxx .help-plan-actions label {
   font-family: "CeraRound";
   font-size: 1.05rem;
   color: var(--s-primary);
}

.scxx #help-plan-input-email,
.scxx #help-plan-input-sms {
   text-align: left;
}

.scxx .underline {
   text-decoration: underline;
}

.scxx .print {
   display: none !important;
}

@media print {
   .scxx html {
      -webkit-print-color-adjust: exact !important;
   }

   .scxx body {
      margin: 0px;
      -webkit-print-color-adjust: exact !important;
   }

   .scxx .pathway-container {
      align-items: start;
      min-height: auto;
   }

   .scxx .print {
      display: inline-block !important;
   }

   .scxx .screen {
      display: none !important;
   }

   .scxx .print-image {
      max-width: 90%;
      max-height: 80px;
   }

   .scxx .full-page-menu,
   .scxx .full-page-logo,
   .scxx .pathway-navigation-panel-container {
      display: none;
   }

   .scxx .pathway-canvass,
   .scxx .help-plan-container {
      width: 100%;
      max-width: 100%;
      padding: 0 !important;
   }

   .scxx .help-plan-item {
      padding: 0px 0px 40px 0;
      margin-bottom: 40px;
   }

   .scxx .help-plan-item-container:last-child .help-plan-item {
      margin-bottom: 0px;
      border-bottom: 0px;
   }

   .scxx .help-plan-item:last-child {
      margin-bottom: 0;
   }

   .scxx .result-container {
      border: 0px;
      padding: 0px;
   }

   .scxx .result-contact {
      border: 0px;
   }

   .scxx .result-servicename,
   .scxx .service-headline,
   .scxx .pathway-contact-instructions,
   .scxx .pathway-contact-label,
   .scxx .pathway-contact-group,
   .scxx .map-directions td {
      font-size: 1rem;
   }

   .scxx .pathway-contact-group {
      margin: 4px 0 !important;
   }

   .scxx .pathway-contact-instructions {
      margin: 10px 0 4px 0;
   }

   .scxx .pathway-location {
      margin-top: 0px;
   }

   .scxx .result-contact {
      margin-top: 0px;
   }

   .scxx .availability-full {
      display: block;
   }
}

.scxx .help-plan-send-email {
   position: relative;
}

.scxx .help-plan-sending {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: #f0f7fc;
   z-index: 1;
   opacity: 0;
   justify-content: center;
   align-items: center;
   display: flex;
   font-weight: 700;
   color: var(--s-primary);
   font-size: 1.5rem;
   font-family: "CeraRound";
   transition: all 0.6s;
   pointer-events: none;
}

.scxx .help-plan-sending div {
   position: relative;
}

.scxx .help-plan-sending div:after {
   content: "";
   border: 4px solid rgb(92 50 188 / 12%);
   border-right-color: rgb(99 45 156 / 48%);
   border-radius: 100%;
   width: 26px;
   height: 26px;
   position: absolute;
   left: -40px;
   top: 50%;
   transform: translateY(-50%);
   animation: rotate 1s linear infinite;
}

.scxx .help-plan-sending.show {
   opacity: 0.95;
   pointer-events: all;
}

.scxx .help-plan-send-sms fieldset label {
   padding: 3px 26px 3px 7px;
   font-size: 1rem;
}

.scxx .help-plan-send-sms fieldset label:before {
   margin-right: 1px;
}

.scxx .translate-panel {
   display: inline-block;
   margin: 0;
}

.scxx .translate-panel.open {
   width: 245px;
}

.scxx .translation {
   padding: 0px;
}

.scxx .language-search:focus {
   outline: 1px dashed #ccc;
   border: 0px;
}

.scxx .result.content {
   margin: 10px 0;
}

.scxx .content .result-main {
   width: -webkit-calc(100%/12 * 10);
   width: calc(100% / 12 * 10);
   margin-top: 25px;
}

.scxx .help-plan-info-main {
   margin-top: 25px;
}

.scxx .result.content.format-letter {
   padding: 0;
}

.scxx .result.content.format-letter .result-container {
   background: none;
   border: 0px;
}

.scxx .result-information-badge {
   position: absolute;
   left: 0;
   top: 0;
   background: var(--s-purple);
   color: #fff;
   font-family: "CeraRound";
   padding: 3px 22px 3px 15px;
   border-radius: 6px 0 6px 0;
}

.scxx .result-information-badge:before {
   content: "\e84a";
   font-family: "icons";
   margin-right: 10px;
}

.scxx .content-link span.screen {
   margin: 10px;
   display: inline-block;
   border: 2px solid var(--s-purple);
   color: var(--s-purple);
   font-family: "CeraRound";
   padding: 5px 18px 5px 13px;
   border-radius: 20px;
}

.scxx .content-link span.screen:hover {
   background: var(--s-purple);
   color: #fff;
}

.scxx .content-link span:before {
   content: "\e846";
   font-family: "icons";
   padding-right: 7px;
   font-size: 1.3rem;
}

.scxx .bullet {
   display: list-item;
   margin: 6px 0px 6px 18px;
}

/* Client view content */

.scxx .result.content.client .result-information-badge {
   display: none;
}

.scxx .result.content.client .result-container.content {
   background: none;
   border: 0px;
   padding: 0px;
}

.scxx .result.content.client .result-selection {
   display: none;
}

.scxx .result.content.client .result-main {
   margin-top: 0px;
   width: 100%;
}

.scxx .result.content.client .content-text p:first-child {
   margin-top: 0px;
}

.scxx .result.content.client .content-text p:last-child {
   margin-bottom: 0px;
}

@media screen and (max-width: 480px) {
   .scxx .help-plan .result-main {
      width: 100%;
   }
}

/*------- availability notices */

.scxx .third-party-notice {
   font-size: 1.3rem;
   color: #e97715;
   margin-bottom: 20px;
}

.scxx #third-party-text {
   margin-bottom: 20px;
   background: #fff5e1;
   padding: 8px;
   border-radius: 6px;
}

.scxx .result-availability {
   color: #e97715;
   background: #fdf8f2;
   padding: 4px 8px;
   margin: 6px 0;
   display: flex;
}

.scxx .availability-minimized,
.scxx .content-text-minimized {
   cursor: pointer;
}

.scxx .result-availability.show .availability-minimized,
.scxx .result-content-text.show .content-text-minimized {
   display: none;
}

.scxx .availability-full,
.scxx .content-text-full {
   display: none;
   cursor: pointer;
}

.scxx .result-availability.show .availability-full,
.scxx .result-content-text.show .content-text-full {
   display: block;
}

.scxx .availability-read-more,
.scxx .content-text-read-more {
   color: #fff;
   background: #f5a45e;
   padding: 1px 9px;
   border-radius: 4px;
   white-space: nowrap;
}

.scxx .custom-description {
   background: #f0f7fc;
   margin: 8px 0;
   padding: 8px 8px 13px;
   border-radius: 6px;
   display: flex;
   color: #5b778c;
}

.scxx .current-org-comment-container {
   display: inline-block;
}

.scxx .current-org-comment {
   background-color: #fff;
   margin-right: 15px;
   border-radius: 6px;
   display: inline-block;
   position: relative;
   padding: 4px;
   box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
}

.scxx .current-org-comment:before {
   font-family: "icons";
   content: "\f0dd";
   position: absolute;
   bottom: -13px;
   color: #fff;
   left: 8px;
   font-size: 22px;
   text-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
}

.scxx .current-org-comment-image {
   width: 50px;
   height: 20px;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-color: #fff;
   border-radius: 4px;
   border: 1px solid #fff;
   border-width: 3px 2px;
}

/* --------------------------------------------------- Google directions -------------------------------------------- */

.scxx .location-panel {
   width: 100%;
}

.scxx .map-container {
   width: 100%;
   height: 250px;
}

.scxx .adp,
.scxx .adp table {
   width: 100%;
}

.scxx .adp-warnbox,
.scxx .adp-agencies {
   display: none;
}

.scxx .adp b:not(:empty):after,
.scxx .adp-list b:not(:empty):after {
   content: ":";
   margin-right: 30px;
}

.scxx .map-directions {
   width: 100%;
}

.scxx .map-directions td {
   font-size: 1.05rem;
   padding-left: 25px;
}

.scxx .map-directions tr:last-child td {
   padding-bottom: 0px;
}

@media screen and (max-width: 480px) {
   .scxx .modal-form-field.text {
      width: 250px;
   }
   .scxx .cell {
      padding: 5px;
   }
   .scxx .breadcrumb {
      padding: 0 10px;
   }
   .scxx a.breadcrumb-crumb:first-child {
      padding-left: 5px;
   }
   .scxx .label {
      padding: 10px 10px;
      font-size: 1.45rem;
   }
   .scxx .form-field {
      margin: 0 0 80px 0;
   }
   .scxx .content {
      padding-top: 30px;
   }
   .scxx .smart-pool.content {
      padding-top: 0px;
   }

   .scxx .button.pill.large {
      margin: 5px;
      white-space: nowrap;
   }
   .scxx .field-icon {
      margin-left: -1px;
   }
   .scxx .select-button {
      width: 300px;
      font-size: 1.1rem;
   }
   .scxx .remodal,
   .scxx .remodal-content {
      padding: 0px !important;
   }
   .scxx .adp-substep > div {
      width: auto;
   }
}

.scxx .map-floating-panel {
   border: 1px solid var(--s-primary);
   border-width: 0 0 2px 0;
}

.scxx .mode-of-transport {
   font-size: 1rem;
   margin: 5px 0px 0;
   padding: 5px 10px;
   font-family: "ceraRound";
   color: var(--s-primary);
   border: 1px solid var(--s-primary);
   border-radius: 6px 6px 0 0;
   border-width: 2px 2px 0 2px;
   cursor: pointer;
}

.scxx .manual-service .result-container {
   padding: 6px 20px;
   width: 100%;
}

.scxx .manual-service .result-description {
   margin: 10px 0;
}

.scxx .manual-service-edit {
   padding: 15px;
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
}

.scxx .manual-service-edit-field {
   width: 100%;
   box-sizing: border-box;
   margin: 7px 0;
}

.scxx .manual-service-edit-field.half {
   width: 50%;
   padding-right: 20px;
}

.scxx .manual-service-edit-field.third {
   width: 33%;
   padding-right: 15px;
}

.scxx .manual-service-edit-field label {
   font-family: "CeraRound";
   font-size: 0.95rem;
   display: block;
   color: var(--s-primary);
}

.scxx .manual-service-edit-field input,
.scxx .manual-service-edit-field textarea,
.scxx .manual-service-edit-field select {
   margin: 4px 0;
   border-radius: 4px;
   border: 1px solid #c4bad4;
   padding: 4px 8px;
   width: 100%;
   box-sizing: border-box;
}

.scxx .manual-service-edit-field select {
   font-size: 1.1rem;
   font-family: "Outfit";
}

.scxx .manual-service-edit-field input:focus,
.scxx .manual-service-edit-field textarea:focus {
   box-shadow: 2px 1px 5px #b3d0fc;
   border: 1px solid var(--s-blue);
   outline: 0px;
}

.scxx .manual-service-edit-field textarea {
   height: 100px;
   font-family: "Outfit";
   font-size: 1.1rem;
}

.scxx .manual-service-edit-field input + label {
   cursor: pointer;
   margin: 10px 8px;
   display: flex;
   flex-direction: row;
}

.scxx .manual-service-edit-field input + label:before {
   font-family: "icons";
   content: "";
   background: #eee;
   border: 1px solid #ddd;
   width: 17px;
   height: 18px;
   display: inline-block;
   margin-right: 8px;
   border-radius: 3px;
   text-align: center;
   font-size: 0.75rem;
   line-height: 19px;
}

.scxx .manual-service-edit-field .select-component-container input + label:before {
   display: none;
}

.scxx .manual-service-edit-field input:checked + label:before {
   content: "\e80e";
   background: var(--s-green);
   border-color: #7dc41e;
   color: #fff;
}

.scxx .items-container {
   width: 100%;
   box-sizing: border-box;
   min-height: 80vh;
}

.scxx .items-container.letter,
.scxx .items-container.audio {
   background: #fff;
   border-radius: 6px;
   padding: 30px 15px 30px 40px;
   margin: 10px 0px;
   position: relative;
}

.scxx .items-container.letter:before,
.scxx .items-container.audio:before {
   content: "\e081";
   font-family: "icons";
   font-size: 1.4rem;
   top: 7px;
   position: absolute;
   left: 7px;
   color: #fff;
   background: var(--s-primary);
   border-radius: 30px;
   width: 30px;
   height: 30px;
   text-align: center;
   line-height: 30px;
   opacity: 1;
}

.scxx .items-container.audio:before {
   content: "\f130";
}

.scxx .help-plan-letter-block {
   position: relative;
}

.scxx .help-plan-letter-block textarea {
   width: 100%;
   min-height: 50px;
}

.scxx .help-plan-item-add-placeholder {
   width: 100%;
   margin: 15px 0px;
   color: var(--s-primary);
   background: #fff;
   transition: all 0.3s;
   border: 1px solid #fff;
   opacity: 0.7;
}

.scxx .letter .help-plan-item-add-placeholder {
   background: #776bb214;
   opacity: 0.4;
}

.scxx .help-plan-item-add-placeholder.last {
   opacity: 0.8;
}

.scxx .help-plan-item-add-placeholder:before {
   content: "\e811";
   font-family: "icons";
   margin-right: 10px;
}

.scxx .help-plan-item-add-placeholder:hover {
   background: #776bb214;
   color: var(--s-primary);
   border: 1px solid var(--s-primary);
   opacity: 1;
}

.scxx .results-picker .help-plan-item-add-placeholder {
   width: auto;
   opacity: 1;
   border-radius: 20px;
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   margin-top: 50px;
}

.scxx .results-picker .help-plan-item-add-placeholder:before {
   content: "\e800";
}

.scxx .results-picker .help-plan-item-add-placeholder:hover {
   background: var(--s-primary);
   color: #fff;
}

/* -------- Modifiers -------------  */

.scxx .trumbowyg-button-pane {
   display: none;
}

.scxx .trumbowyg-box,
.scxx .trumbowyg-editor {
   border-radius: 4px;
   border-color: #eee;
   min-height: 140px !important;
   padding: 10px 15px;
   overflow-y: hidden;
   box-sizing: border-box;
}

.scxx .fixed .trumbowyg-box {
   border-color: #fff;
}

.scxx .help-plan-letter-block p {
   margin: 0;
}

.scxx .help-plan-list-mode .lookup-component-input-container {
   display: none;
}

.scxx .help-plan-service-mode .lookup-component-input-container-browse,
.scxx .help-plan-service-mode .lookup-component-input-container-manual-text {
   display: none;
}

.scxx .help-plan-letter-block-add-editor,
.scxx .help-plan-add-lookup,
.scxx .help-plan-add-editor {
   position: relative;
   border: 2px dashed #eaeaf6;
   border-radius: 7px;
   margin-bottom: 25px;
   background: #fff;
}

.scxx .help-plan-add-lookup,
.scxx .help-plan-add-editor {
   padding: 3px 10px;
}

.scxx .manual-service-edit input[type="checkbox"] {
   display: none;
}

.scxx .help-plan-letter-block.text .help-plan-add-editor-cancel-container,
.scxx .help-plan-add-lookup .help-plan-add-editor-cancel-container {
   position: absolute;
   right: 3px;
}

.scxx .help-plan-letter-block.text .ql-editor {
   background: none;
}

.scxx .letter .help-plan-letter-block-add-editor,
.scxx .letter .help-plan-add-editor {
   background: none;
}

.scxx .help-plan-letter-block-add-editor:empty,
.scxx .help-plan-add-editor:empty {
   display: none;
}

.scxx .items-container.letter .result-contact {
   border-top: none;
}

.scxx .items-container.letter directions-link {
   display: none;
}

.scxx .help-plan-item-add-container {
   position: relative;
   text-align: center;
}

.scxx .help-plan-letter-block-add-editor-cancel-container,
.scxx .help-plan-add-editor-cancel-container {
   text-align: right;
   z-index: 10;
}

.scxx .help-plan-new-item-container {
   width: 100%;
   overflow: hidden;
   position: relative;
   background: #ffffff57;
   border-radius: 8px;
   padding: 10px;
}

.scxx .circular-loading-overlay-container {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgb(240 247 252 / 80%);
   display: flex;
}

.scxx .circular-loading-overlay,
.scxx .circular-loading-overlay:after {
   border-radius: 50%;
   width: 8em;
   height: 8em;
}
.scxx .circular-loading-overlay {
   margin: auto;
   font-size: 10px;
   position: relative;
   z-index: 10;
   text-indent: -9999em;
   border: 0.8em solid rgb(207 220 244);
   border-left: 0.8em solid #9d8fe4;
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-animation: scxx-spin 2s infinite linear;
   animation: scxx-spin 2s infinite linear;
}

@media screen and (min-width: 600px) {
   .scxx .help-plan-letter-block-add-editor-cancel-container,
   .scxx .help-plan--add-editor-cancel-container {
      position: absolute;
      right: 0;
   }
}

.scxx .help-plan-item-modifier {
   background: #f6f6f6;
   color: #bebbbb;
   padding: 2px 5px;
   border-radius: 20px;
   opacity: 0;
}

.scxx .pathway-contact-group-item .help-plan-item-modifier {
   position: absolute;
   top: -2px;
   right: -2px;
}

.scxx .service-headline:hover .help-plan-item-modifier,
.scxx .service-description:hover .help-plan-item-modifier,
.scxx .result-availability:hover .help-plan-item-modifier,
.scxx .result-location-description:hover .help-plan-item-modifier,
.scxx .pathway-contact-group-item:hover .help-plan-item-modifier,
.scxx .pathway-location-address-container:hover .help-plan-item-modifier,
.scxx .pathway-hours-details:hover .help-plan-item-modifier,
.scxx .list-item-service-description:hover .help-plan-item-modifier,
.scxx .list-item-location:hover .help-plan-item-modifier,
.scxx .list-item-hours:hover .help-plan-item-modifier,
.scxx .help-plan-info-main:hover .help-plan-item-modifier,
.scxx .manual-service-headline:hover .help-plan-item-modifier,
.scxx .list-item-service-description-text:hover .help-plan-item-modifier {
   opacity: 1;
}

.scxx .help-plan-item-modifier:before {
   margin-right: 0;
}

.scxx .help-plan-item-modifier:hover {
   color: var(--s-primary);
   background: #f6f1ff;
}

.scxx .help-plan-item-container .trumbowyg-box,
.scxx .help-plan-item-container .trumbowyg-editor {
   padding: 0 2px;
   min-height: 80px;
}

.scxx div[contenteditable="true"] {
   padding: 0px;
}

.scxx div[contenteditable="true"]:focus {
   outline: none;
}

.scxx .pathway-contact-group-item.modifier-off {
   color: #e7e7e7;
   background: #fbfdfe;
}

.scxx .pathway-contact-group-item.modifier-off:before {
   opacity: 0.5;
}

.scxx .pathway-contact-group-item.modifier-off a {
   opacity: 0.5;
}

.scxx .format,
.scxx .font-size,
.scxx .font-color {
   color: var(--s-primary);
   font-family: "CeraRound";
   font-size: 0.95rem;
   display: flex;
   align-items: center;
   margin: 10px 0;
}

.scxx .format:before,
.scxx .font-size:before,
.scxx .font-color:before {
   content: "\e83d";
   font-family: "icons";
   margin-right: 6px;
   margin: 4px 4px 4px 8px;
}

.scxx .format:before {
   content: "\f0f6";
}

.scxx .font-color:before {
   content: "\e84b";
}

.scxx .format select,
.scxx .font-size select,
.scxx .font-color select {
   color: var(--s-primary);
   font-family: "CeraRound";
   border: 0px solid var(--s-primary);
   border-radius: 30px;
   height: 37px;
   box-shadow: 1px 1px 2px rgb(0 0 0 / 12%);
   background: #fff;
   margin: 0 8px;
   padding: 0 4px 0 8px;
}

.scxx .accessibility-size-large,
.scxx .accessibility-size-large .result-container,
.scxx .accessibility-size-large .result-servicename span:first-child,
.scxx .accessibility-size-large .result-servicename,
.scxx .accessibility-size-large .service-headline,
.scxx .accessibility-size-large .service-description,
.scxx .accessibility-size-large .help-plan-read-more,
.scxx .accessibility-size-large .result-details,
.scxx .accessibility-size-large .help-plan-heading,
.scxx .accessibility-size-large .pathway-contact-instructions,
.scxx .accessibility-size-large .pathway-contact-label,
.scxx .accessibility-size-large .pathway-contact-group,
.scxx .accessibility-size-large .list-item-org-name,
.scxx .accessibility-size-large .pathway-contact-comment,
.scxx .accessibility-size-large .ql-editor,
.scxx .accessibility-size-xlarge .ql-editor {
   font-size: 16pt !important;
}

.scxx .accessibility-size-large h1,
.scxx .accessibility-size-large h2,
.scxx .accessibility-size-large h3,
.scxx .accessibility-size-large h4 {
   font-size: 18pt !important;
}

.scxx .accessibility-size-xlarge,
.scxx .accessibility-size-xlarge .result-container,
.scxx .accessibility-size-xlarge .result-servicename span:first-child,
.scxx .accessibility-size-xlarge .result-servicename,
.scxx .accessibility-size-xlarge .service-headline,
.scxx .accessibility-size-xlarge .service-description,
.scxx .accessibility-size-xlarge .help-plan-read-more,
.scxx .accessibility-size-xlarge .result-details,
.scxx .accessibility-size-xlarge .help-plan-heading,
.scxx .accessibility-size-xlarge .pathway-contact-instructions,
.scxx .accessibility-size-xlarge .pathway-contact-label,
.scxx .accessibility-size-xlarge .pathway-contact-group,
.scxx .accessibility-size-xlarge .list-item-org-name,
.scxx .accessibility-size-xlarge .pathway-contact-comment {
   font-size: 20pt !important;
}

.scxx .accessibility-size-xlarge h1,
.scxx .accessibility-size-xlarge h2,
.scxx .accessibility-size-xlarge h3,
.scxx .accessibility-size-xlarge h4 {
   font-size: 22pt !important;
}

.scxx .accessibility-bg-color-black,
.scxx .accessibility-bg-color-black .result-container,
.scxx .accessibility-bg-color-black .pathway-contact-group-item,
.scxx .accessibility-bg-color-black .hours-open-notice,
.scxx .accessibility-bg-color-black .list-item {
   background: #000 !important;
   -webkit-print-color-adjust: exact !important;
}
.scxx .accessibility-bg-color-grey,
.scxx .accessibility-bg-color-grey .result-container,
.scxx .accessibility-bg-color-grey .pathway-contact-group-item,
.scxx .accessibility-bg-color-grey .hours-open-notice,
.scxx .accessibility-bg-color-grey .list-item {
   background: #d9dcde !important;
   -webkit-print-color-adjust: exact !important;
}
.scxx .accessibility-bg-color-beige,
.scxx .accessibility-bg-color-beige .result-container,
.scxx .accessibility-bg-color-beige .pathway-contact-group-item,
.scxx .accessibility-bg-color-beige .hours-open-notice,
.scxx .accessibility-bg-color-beige .list-item {
   background: #efebde !important;
   -webkit-print-color-adjust: exact !important;
}
.scxx .accessibility-bg-color-blue,
.scxx .accessibility-bg-color-blue .result-container,
.scxx .accessibility-bg-color-blue .pathway-contact-group-item,
.scxx .accessibility-bg-color-blue .hours-open-notice,
.scxx .accessibility-bg-color-blue .list-item {
   background: #0302f2 !important;
   -webkit-print-color-adjust: exact !important;
}

.scxx .accessibility-bg-color-yellow,
.scxx .accessibility-bg-color-yellow .result-container,
.scxx .accessibility-bg-color-yellow .pathway-contact-group-item,
.scxx .accessibility-bg-color-yellow .hours-open-notice,
.scxx .accessibility-bg-color-yellow .list-item {
   background: #fff34b !important;
   -webkit-print-color-adjust: exact !important;
}
.scxx .accessibility-bg-color-green,
.scxx .accessibility-bg-color-green .result-container,
.scxx .accessibility-bg-color-green .pathway-contact-group-item,
.scxx .accessibility-bg-color-green .hours-open-notice,
.scxx .accessibility-bg-color-green .list-item {
   background: #01560e !important;
   -webkit-print-color-adjust: exact !important;
}
.scxx .accessibility-bg-color-purple,
.scxx .accessibility-bg-color-purple .result-container,
.scxx .accessibility-bg-color-purple .pathway-contact-group-item,
.scxx .accessibility-bg-color-purple .hours-open-notice,
.scxx .accessibility-bg-color-purple .list-item {
   background: #981e96 !important;
   -webkit-print-color-adjust: exact !important;
}
.scxx .accessibility-bg-color-red,
.scxx .accessibility-bg-color-red .result-container,
.scxx .accessibility-bg-color-red .pathway-contact-group-item,
.scxx .accessibility-bg-color-red .hours-open-notice,
.scxx .accessibility-bg-color-red .list-item {
   background: #ca3703 !important;
   -webkit-print-color-adjust: exact !important;
}

.scxx .accessibility-color-white,
.scxx .accessibility-color-white .result-container,
.scxx .accessibility-color-white .result-servicename span:first-child,
.scxx .accessibility-color-white .service-headline,
.scxx .accessibility-color-white .help-plan-heading,
.scxx .accessibility-color-white .help-plan-read-more,
.scxx .accessibility-color-white .service-description,
.scxx .accessibility-color-white h1,
.scxx .accessibility-color-white h2,
.scxx .accessibility-color-white h3,
.scxx .accessibility-color-white h4,
.scxx .accessibility-color-white .pathway-contact-label,
.scxx .accessibility-color-white .pathway-contact-instructions,
.scxx .accessibility-color-white .list-item-service-name,
.scxx .accessibility-color-white .list-item-org-name,
.scxx .accessibility-color-white .pathway-contact-group-item,
.scxx .accessibility-color-white .form-question-text,
.scxx .accessibility-color-white .help-plan-item-add-placeholder,
.scxx .accessibility-color-white .help-plan-disclaimer,
.scxx .accessibility-color-white a {
   color: #fff !important;
}

.scxx .accessibility-color-black,
.scxx .accessibility-color-black .result-container,
.scxx .accessibility-color-black .result-servicename span:first-child,
.scxx .accessibility-color-black .service-headline,
.scxx .accessibility-color-black .help-plan-heading,
.scxx .accessibility-color-black .help-plan-read-more,
.scxx .accessibility-color-black .service-description,
.scxx .accessibility-color-black h1,
.scxx .accessibility-color-black h2,
.scxx .accessibility-color-black h3,
.scxx .accessibility-color-black h4,
.scxx .accessibility-color-black .pathway-contact-label,
.scxx .accessibility-color-black .pathway-contact-instructions,
.scxx .accessibility-color-black .list-item-service-name,
.scxx .accessibility-color-black .list-item-org-name,
.scxx .accessibility-color-black .pathway-contact-group-item,
.scxx .accessibility-color-black .form-question-text,
.scxx .accessibility-color-black .help-plan-item-add-placeholder,
.scxx .accessibility-color-black .help-plan-disclaimer,
.scxx .accessibility-color-black a {
   color: #000 !important;
}

.scxx .high-contrast,
.scxx .high-contrast .question-text,
.scxx .high-contrast .option-label,
.scxx .high-contrast .pathway-consent,
.scxx .high-contrast fieldset label,
.scxx .high-contrast .postcode-place-no-postcode,
.scxx .high-contrast .pathway-text-input,
.scxx .high-contrast .pathway-date,
.scxx .high-contrast .pathway-dropdown,
.scxx .high-contrast .pathway-step-navigate-skip,
.scxx .high-contrast .pathway-step-navigate-submit,
.scxx .high-contrast .option-content,
.scxx .high-contrast .pathway-content,
.scxx .high-contrast .pool-explanation,
.scxx .high-contrast .pool-help-text,
.scxx .high-contrast .result-container,
.scxx .high-contrast .result-servicename span:first-child,
.scxx .high-contrast .service-headline,
.scxx .high-contrast .help-plan-heading,
.scxx .high-contrast .help-plan-read-more,
.scxx .high-contrast .service-description,
.scxx .high-contrast h1,
.scxx .high-contrast h2,
.scxx .high-contrast h3,
.scxx .high-contrast h4,
.scxx .high-contrast .pathway-contact-label,
.scxx .high-contrast .pathway-contact-instructions,
.scxx .high-contrast .list-item-service-name,
.scxx .high-contrast .list-item-org-name,
.scxx .high-contrast .pathway-contact-group-item,
.scxx .high-contrast .form-question-text,
.scxx .high-contrast .help-plan-item-add-placeholder,
.scxx .high-contrast .help-plan-disclaimer {
   color: #000 !important;
}
.scxx .high-contrast .pathway-select-button.pinned-button .option-label {
   color: #fff !important;
}

.scxx .high-contrast .option-selection-text,
.scxx .high-contrast .options-show-similar,
.scxx .high-contrast .service-info-accordion-toggle,
.scxx .high-contrast .result-details,
.scxx .high-contrast .result-inappropriate,
.scxx .high-contrast .add-service-feedback,
.scxx .high-contrast .service-feedback,
.scxx .high-contrast .pathway-flash-message,
.scxx .high-contrast .preference-add,
.scxx .high-contrast .preference-add-tile,
.scxx .high-contrast .options-show-similar,
.scxx .high-contrast .results-progress-none,
.scxx .high-contrast .pool-header-expand-button,
.scxx .high-contrast .rounded-button,
.scxx .high-contrast .question-multi-select-notice,
.scxx .high-contrast .preferences-panel-set-title,
.scxx .high-contrast .preferences-panel-set-toggle-title,
.scxx .high-contrast .help-plan-actions button,
.scxx .high-contrast .block-menu-item-sub-text,
.scxx .high-contrast .help-plan-actions button,
.scxx .high-contrast .help-plan-actions label,
.scxx .high-contrast .autosuggest-component-input,
.scxx .high-contrast .pathway-navigation-panel-continue,
.scxx .high-contrast .autosuggest-component-option,
.scxx .high-contrast .placename-lookup-suggestion,
.scxx .high-contrast .service-info-panel .delivery-tag,
.scxx .high-contrast .floating-menu-option,
.scxx .high-contrast .manual-service-edit-field label .high-contrast .lookup-component-result-checkbox,
.scxx .high-contrast .lookup-component-results-load-more {
   color: #000;
}

.scxx .high-contrast .help-plan-actions button:hover {
   color: #fff;
}

.scxx .high-contrast .service-info-feature,
.scxx .high-contrast .hours-open-notice.open {
   color: #538a0a;
}

.scxx .accessibility-color-blue,
.scxx .accessibility-color-blue .result-container,
.scxx .accessibility-color-blue .result-servicename span:first-child,
.scxx .accessibility-color-blue .service-headline,
.scxx .accessibility-color-blue .help-plan-heading,
.scxx .accessibility-color-blue .help-plan-read-more,
.scxx .accessibility-color-blue .service-description,
.scxx .accessibility-color-blue h1,
.scxx .accessibility-color-blue h2,
.scxx .accessibility-color-blue h3,
.scxx .accessibility-color-blue h4,
.scxx .accessibility-color-blue .pathway-contact-label,
.scxx .accessibility-color-blue .pathway-contact-instructions,
.scxx .accessibility-color-blue .list-item-service-name,
.scxx .accessibility-color-blue .list-item-org-name,
.scxx .accessibility-color-blue .pathway-contact-group-item,
.scxx .accessibility-color-blue .form-question-text,
.scxx .accessibility-color-blue .help-plan-item-add-placeholder,
.scxx .accessibility-color-blue .help-plan-disclaimer,
.scxx .accessibility-color-blue a {
   color: #0302f2 !important;
}

.scxx .accessibility-color-green,
.scxx .accessibility-color-green .result-container,
.scxx .accessibility-color-green .result-servicename span:first-child,
.scxx .accessibility-color-green .service-headline,
.scxx .accessibility-color-green .help-plan-heading,
.scxx .accessibility-color-green .help-plan-read-more,
.scxx .accessibility-color-green .service-description,
.scxx .accessibility-color-green h1,
.scxx .accessibility-color-green h2,
.scxx .accessibility-color-green h3,
.scxx .accessibility-color-green h4,
.scxx .accessibility-color-green .pathway-contact-label,
.scxx .accessibility-color-green .pathway-contact-instructions,
.scxx .accessibility-color-green .list-item-service-name,
.scxx .accessibility-color-green .list-item-org-name,
.scxx .accessibility-color-green .pathway-contact-group-item,
.scxx .accessibility-color-green .form-question-text,
.scxx .accessibility-color-green .help-plan-item-add-placeholder,
.scxx .accessibility-color-green .help-plan-disclaimer,
.scxx .accessibility-color-green a {
   color: #01560e !important;
}

.scxx .accessibility-color-purple,
.scxx .accessibility-color-purple .result-container,
.scxx .accessibility-color-purple .result-servicename span:first-child,
.scxx .accessibility-color-purple .service-headline,
.scxx .accessibility-color-purple .help-plan-heading,
.scxx .accessibility-color-purple .help-plan-read-more,
.scxx .accessibility-color-purple .service-description,
.scxx .accessibility-color-purple h1,
.scxx .accessibility-color-purple h2,
.scxx .accessibility-color-purple h3,
.scxx .accessibility-color-purple h4,
.scxx .accessibility-color-purple .pathway-contact-label,
.scxx .accessibility-color-purple .pathway-contact-instructions,
.scxx .accessibility-color-purple .list-item-service-name,
.scxx .accessibility-color-purple .list-item-org-name,
.scxx .accessibility-color-purple .pathway-contact-group-item,
.scxx .accessibility-color-purple .form-question-text,
.scxx .accessibility-color-purple .help-plan-disclaimer,
.scxx .accessibility-color-purple a {
   color: #981e96 !important;
}

.scxx .accessibility-color-pink,
.scxx .accessibility-color-pink .result-container,
.scxx .accessibility-color-pink .result-servicename span:first-child,
.scxx .accessibility-color-pink .service-headline,
.scxx .accessibility-color-pink .help-plan-heading,
.scxx .accessibility-color-pink .help-plan-read-more,
.scxx .accessibility-color-pink .service-description,
.scxx .accessibility-color-pink h1,
.scxx .accessibility-color-pink h2,
.scxx .accessibility-color-pink h3,
.scxx .accessibility-color-pink h4,
.scxx .accessibility-color-pink .pathway-contact-label,
.scxx .accessibility-color-pink .pathway-contact-instructions,
.scxx .accessibility-color-pink .list-item-service-name,
.scxx .accessibility-color-pink .list-item-org-name,
.scxx .accessibility-color-pink .pathway-contact-group-item,
.scxx .accessibility-color-pink .form-question-text,
.scxx .accessibility-color-pink .help-plan-item-add-placeholder,
.scxx .accessibility-color-pink .help-plan-disclaimer,
.scxx .accessibility-color-pink a {
   color: #e108eb !important;
}

.scxx .accessibility-color-red,
.scxx .accessibility-color-red .result-container,
.scxx .accessibility-color-red .result-servicename span:first-child,
.scxx .accessibility-color-red .service-headline,
.scxx .accessibility-color-red .help-plan-heading,
.scxx .accessibility-color-red .help-plan-read-more,
.scxx .accessibility-color-red .service-description,
.scxx .accessibility-color-red h1,
.scxx .accessibility-color-red h2,
.scxx .accessibility-color-red h3,
.scxx .accessibility-color-red h4,
.scxx .accessibility-color-red .pathway-contact-label,
.scxx .accessibility-color-red .pathway-contact-instructions,
.scxx .accessibility-color-red .list-item-service-name,
.scxx .accessibility-color-red .list-item-org-name,
.scxx .accessibility-color-red .pathway-contact-group-item,
.scxx .accessibility-color-red .form-question-text,
.scxx .accessibility-color-red .help-plan-item-add-placeholder,
.scxx .accessibility-color-red .help-plan-disclaimer,
.scxx .accessibility-color-red a {
   color: #ca3703 !important;
}

.scxx .accessibility-color-yellow,
.scxx .accessibility-color-yellow .result-container,
.scxx .accessibility-color-yellow .result-servicename span:first-child,
.scxx .accessibility-color-yellow .service-headline,
.scxx .accessibility-color-yellow .help-plan-heading,
.scxx .accessibility-color-yellow .help-plan-read-more,
.scxx .accessibility-color-yellow .service-description,
.scxx .accessibility-color-yellow h1,
.scxx .accessibility-color-yellow h2,
.scxx .accessibility-color-yellow h3,
.scxx .accessibility-color-yellow h4,
.scxx .accessibility-color-yellow .pathway-contact-label,
.scxx .accessibility-color-yellow .pathway-contact-instructions,
.scxx .accessibility-color-yellow .list-item-service-name,
.scxx .accessibility-color-yellow .list-item-org-name,
.scxx .accessibility-color-yellow .pathway-contact-group-item,
.scxx .accessibility-color-yellow .form-question-text,
.scxx .accessibility-color-yellow .help-plan-item-add-placeholder,
.scxx .accessibility-color-yellow .help-plan-disclaimer,
.scxx .accessibility-color-yellow a {
   color: #ffee00 !important;
}

.scxx .block-menu-item-icon:before {
   margin: 0;
   font-size: 1.3rem;
}

.scxx .block-menu-item-sub-text {
   color: #aaa;
   font-size: 0.9rem;
   font-family: "Outfit", "Helvetica", "Arial" !important;
}

.scxx .help-plan-actions button:hover .block-menu-item-sub-text {
   color: #fff;
   opacity: 0.7;
}

.scxx #floating-menu-format .form-question-text,
.scxx #floating-menu-format-pathway .form-question-text {
   width: 100%;
   margin: 5px 0;
}

/* -- Letter render */
.scxx .letter-head img {
   width: 95%;
}

.scxx .client-details label {
   display: block;
   text-align: left;
   font-size: 1.1rem;
}

.scxx .client-name-container {
   display: flex;
}

.scxx .client-address-field {
   display: flex;
   margin: 10px 0;
}

.scxx .client-address-field label {
   width: 90px;
}

.scxx .client-details .pathway-text-input {
   margin: 8px 3px 15px 0;
   padding: 6px 7px;
   text-align: left;
   font-size: 1.1rem;
}

.scxx .client-address-field p {
   margin: 1px;
   padding: 0;
   text-align: left;
}

.scxx #client-address {
   border-radius: 4px;
   padding: 5px 10px;
   width: 215px;
   border: 1px solid #d0dbec;
   font-family: "Outfit";
   font-size: 1.1rem;
   color: var(--s-primary);
   box-shadow: 2px 1px 5px #b3d0fc;
   height: 100px;
   flex-grow: 1;
}

.scxx #client-address:focus {
   outline: 1px solid var(--s-primary);
}

.scxx #client-postcode {
   width: 215px;
   flex-grow: 1;
}

.scxx .address-display {
   padding: 30px 50px;
}

.scxx .sms-editor {
   display: flex;
   background: #fff;
   border-radius: 13px;
   margin: 10px;
   padding: 15px;
}

.scxx .sms-editor:before {
   font-size: 2.5rem;
   color: var(--s-primary);
   margin-right: 25px;
}

.scxx .sms-editor-text {
   flex-grow: 1;
   background: #f9f9ff;
   border-radius: 16px;
   padding: 10px;
}

.scxx .sms-editor .trumbowyg-box {
   border: 0px;
}

.scxx .sms-editor-text {
   flex-grow: 1;
   background: #e7f4fc;
   border-radius: 0 15px 15px 15px;
   max-width: 500px;
   position: relative;
}

.scxx .sms-editor-text:before {
   content: "";
   position: absolute;
   left: -12px;
   top: 0px;
   width: 0;
   height: 0;
   border-top: 0px solid transparent;
   border-right: 12px solid #e7f4fc;
   border-bottom: 16px solid transparent;
}

.scxx textarea#sms-editor-textarea {
   width: 100%;
   box-sizing: border-box;
   font-family: "Outfit";
   font-size: 1rem;
   background: none;
   border: 0;
   min-height: 150px;
   resize: vertical;
}

.scxx textarea#sms-editor-textarea:focus {
   outline: none;
}

.scxx #help-plan-container,
.scxx #manual-help-plan-container {
   padding: 4%;
   min-height: 90vh;
   box-sizing: border-box;
}

.scxx #help-plan-document {
   padding: 10px 15px;
   border-radius: 0 0 6px 6px;
   border-width: 0 1px 1px 1px;
   /* 
   border-top: 3px solid var(--s-primary); 
   border: 1px solid #d0e0ed;
   */
}

/* Postcodes  */
.scxx .postcode-help-text {
   background: #edf6fb;
   padding: 6px;
   border-radius: 5px;
   margin: 8px 0;
   color: var(--s-blue);
   font-size: 1rem;
}

.scxx .postcode-help-text:before {
   content: "\e825";
   font-family: "icons";
}

.scxx .postcode-field {
   margin: 20px 20px 35px;
}

.scxx .postcode-field .form-question-text {
   margin-bottom: 8px;
}

.scxx .help-plan-postcode-container {
   position: relative;
   width: 225px;
   padding: 15px 0px 15px 31px;
   margin: 0 0 15px 0;
}

.scxx .help-plan-postcode {
   border-radius: 4px;
   padding: 8px 8px 8px 15px;
   width: 175px;
   border: 1px solid #d0dbec;
   font-size: 1.1rem;
   color: var(--s-primary);
   box-shadow: 2px 1px 5px #b3d0fc;
   text-align: left;
   transition: all 0.3s;
}

.scxx .help-plan-postcode:focus {
   outline: none;
}

.scxx .invalid .help-plan-postcode,
.scxx .invalid .help-plan-postcode:focus {
   border-bottom-color: var(--error);
}

.scxx .invalid .question-validation-notice {
   margin-top: 10px;
}

.scxx .help-plan-item-container {
   position: relative;
}

.scxx .help-plan-item-actions {
   position: absolute;
   right: 40px;
   z-index: 1;
   top: -10px;
   display: flex;
   opacity: 0;
   transition: opacity 0.4s;
}

.scxx .help-plan-item-container:hover .help-plan-item-actions {
   opacity: 1;
}

.scxx .help-plan-item-delete {
   background: #f2f2f2;
   color: #444;
   border: 1px solid #ddd;
   margin-right: 30px;
}

.scxx .help-plan-item-delete:before {
   font-family: "icons";
   content: "\f1f8";
   margin-right: 10px;
}

.scxx .help-plan-item-actions-order {
   display: flex;
   flex-direction: column;
   position: absolute;
   right: 0;
   top: 6px;
}

.scxx .help-plan-item-actions-order-up,
.scxx .help-plan-item-actions-order-down {
   background: #f2f2f2;
   color: #444;
   border: 1px solid #ddd;
   padding: 0 4px;
   font-size: 0.7rem;
   margin: 0;
   height: 15px;
   line-height: 15px;
}

.scxx .help-plan-item-actions-order-up {
   border-radius: 3px 3px 0 0;
}

.scxx .help-plan-item-actions-order-down {
   border-radius: 0 0 3px 3px;
}

.scxx .help-plan-item-actions-order-up:before {
   font-family: "icons";
   content: "\f005";
}

.scxx .help-plan-item-actions-order-down:before {
   font-family: "icons";
   content: "\f004";
}

.scxx .items-container .list-item {
   margin: 25px 8px;
}

.scxx .help-plan-info-main {
   padding: 10px;
}

.scxx .translate-panel {
   margin: 0 !important;
}

.scxx .help-plan-send-email label,
.scxx .help-plan-send-sms label,
.scxx .consent-label {
   font-family: "CeraRound";
   font-size: 1.1rem;
   color: var(--s-primary);
}

.scxx .send-container {
   display: flex;
   flex-wrap: wrap;
}

.scxx .send-container.editor {
   width: 400px;
}

.scxx .client-details {
   max-width: 100%;
}

.scxx .client-name-container input {
   flex: 1;
   min-width: 0;
}

.scxx .consent-label {
   max-width: 600px;
   display: block;
}

.scxx .consent-response {
   margin: 15px 0;
}

.scxx .consent-button,
.scxx .consent-button-no {
   min-width: 100px;
   display: inline-block;
   cursor: pointer;
   transition: color 0.3s, background-color 0.3s;
   font-weight: 700;
   text-align: center;
   font-size: 1.15rem;
   padding: 6px 7px;
   margin: 10px;
   color: #fff;
   position: relative;
   background: var(--s-green);
   border-radius: 40px;
}

.scxx .consent-button-no {
   background: none;
   border: 2px solid #aaa;
   color: #aaa;
   padding: 4px 7px;
}

.scxx .consent-button-no:hover {
   background: #aaa;
   color: #fff;
}

.scxx #help-plan-smartphone + label,
.scxx #help-plan-dumbphone + label {
   display: none;
}

.scxx .help-plan-disclaimer {
   font-family: "Outfit";
   color: #777;
   margin-top: 35px;
   font-size: 0.95rem;
   padding: 0 10px;
}

.scxx .loading-help-plan {
   margin: 80px auto;
}

/* Content */

.scxx .graph-items-view .content-section {
   background: rgb(255 255 255 / 25%);
   margin: 15px 0;
   border-radius: 6px;
   box-shadow: 1px 1px 1px rgb(30 107 155 / 16%);
   color: #444;
   box-sizing: border-box;
}

.scxx .graph-items-view .cms-edit-content-display .content-section {
   min-width: auto;
}

.scxx .graph-items-view .result-container {
   padding: 0;
}

.scxx .graph-items-view > .result-container > .content-section {
   margin: 0;
   padding: 0;
}

@media print {
   .scxx #help-plan-document {
      border: 0px;
      padding: 0px;
   }

   .scxx .items-container .list-item,
   .scxx .help-plan-container .list-item {
      margin: 5px 8px 40px !important;
   }

   .scxx .help-plan-info-main {
      margin-top: 5px;
   }

   .scxx .content-section > .content-items,
   .scxx .content-items.expanded {
      display: block;
   }

   .scxx .content-section {
      border-left: 0px !important;
   }

   .scxx .graph-items-view .content-section {
      box-shadow: none;
   }
}

@media screen and (max-width: 480px) {
   .scxx #help-plan-container,
   .scxx #manual-help-plan-container {
      padding: 4% 1%;
   }

   .scxx #help-plan-document {
      padding: 0px;
      border: 0px;
   }

   .scxx .lookup-component-input-container {
      flex-direction: column-reverse;
   }

   .scxx .lookup-component-input-container-browse {
      padding: 0px !important;
   }
}

@media (hover: none) {
   .scxx .help-plan-item-actions {
      opacity: 1;
   }
}