@charset "UTF-8";
/* AEM Guides Editor CSS
   Build 2022-10-07-001
   Author: Stefan Gentz, Adobe <gentz@adobe.com>
*/

/* Import FontAwesome for icons */

@import url('https://use.fontawesome.com/releases/v6.0.0/css/all.css');


/* --- COLOR DEFINITIONS ---------------------- */

:root {
   --color-adobe-light-gray: rgb(245, 245, 245);
   --color-adobe-dark-gray: rgb(44, 44, 44);
   --color-adobe-red: rgb(250, 15, 0);
   --color-main-bg-color: rgb(245, 245, 245);
   --color-element-hover-color-blue: rgb(187, 214, 251);
   --color-element-hover-color-gray: rgb(220, 220, 220);
}

/* --- CUSTOM FONT DEFINITIONS ---------------------- */

@font-face {
   font-family: segoe-ui;
   font-weight: 400;
   font-style: normal;
   src: url(/content/dam/resources/fonts/Segoe-UI-Regular.woff2);
}

@font-face {
   font-family: segoe-ui;
   font-weight: 400;
   font-style: italic;
   src: url(/content/dam/resources/fonts/Segoe-UI-Italic.woff2);
}

@font-face {
   font-family: segoe-ui;
   font-weight: 700;
   font-style: normal;
   src: url(/content/dam/resources/fonts/Segoe-UI-Bold.woff2);
}

@font-face {
   font-family: segoe-ui;
   font-weight: 700;
   font-style: italic;
   src: url(/content/dam/resources/fonts/Segoe-UI-Bold-Italic.woff2);
}

/* --- BASE DEFINITIONS ---------------------- */

html {
   height: 100%;
   cursor: auto
}

body {
   counter-reset: fn;
   background-color: var(--color-main-bg-color);
}

body.cke_editable {
   font-family: segoe-ui, sans-serif;
   font-size: 16px;
   min-height: 100%
}

body.cke_editable > [data-tcx-tag],
.previewbody > [data-tcx-tag] {
   position: absolute;
   width: 100%;
   background-color: var(--color-main-bg-color);
   overflow: auto
}

div.body,
div.topic,
div.abstract,
div.concept,
div.task {
   background-color: white;
   padding-top: 1.25rem;
   padding-right: 1.875rem;
   padding-bottom: 1.25rem;
   padding-left: 1.875rem;
   border-style: solid;
   border-width: 0px;
   border-color: #ababab
}

/* --- ELEMENT HIGHLIGHTER ---------------------- */

div.title:hover, div.shortdesc:hover, div.p:hover, div.ol:hover, div.ul:hover, div.li:hover, div.note:hover, div.row:hover, div.entry:hover {
   background-color: var(--color-element-hover-color-blue);
}

/* --- DITA DEFINITIONS ---------------------- */

div.title {
   color: var(--color-adobe-dark-gray);
   font-size: 2rem;
   line-height: normal;
   font-weight: bold;
   margin-top: 0.2em;
   margin-bottom: 0.8em
}

div.shortdesc {
   color: var(--color-adobe-dark-gray);
   font-size: 1rem;
   display: block;
   background-color: var(--color-main-bg-color);
   border-color: #ababab;
   /* border-radius: 7px; */
   border-style: solid;
   border-width: 1px;
   margin-top: 20px;
   margin-bottom: 30px;
   padding-left: 45px;
   padding-top: 36px;
   padding-right: 15px;
   padding-bottom: 15px;
   background-image: url(/content/dam/resources/images/ico-shortdesc.svg);
   background-repeat: no-repeat;
   background-position: 10px 10px;
   background-size: 25px 25px
}

div.shortdesc:before {
   content: "SHORT DESCRIPTION";
   color: var(--color-adobe-dark-gray);
   font-style: normal;
   font-weight: bold;
   margin-left: 0;
   margin-top: -25px;
   position: absolute;
   text-decoration: inherit;
   z-index: 1;
}

body.cke_editable div[data-tcx-tag = "prolog"] {
   color: var(--color-adobe-dark-gray);
   font-family: segoe-ui, sans-serif;
   border-color: #ababab !important;
   /* border-radius: 7px !important;  */
   border-style: solid !important;
   border-width: 1px !important;
   margin-top: 0px;
   margin-bottom: 30px !important;
   padding-left: 15px;
   padding-top: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
   background-image: url(/content/dam/resources/images/spectrum-icon-18-Info.svg);
   background-repeat: no-repeat;
   background-position: 10px 10px;
   background-size: 25px 25px
}

body.cke_editable div.prolog[data-tcx-tag = "prolog"][data-tcx-suffix = "Prolog information"]:after {
   color: var(--color-adobe-dark-gray);
   font-style: normal;
   font-weight: bold;
   content: "METADATA";
}

body.cke_editable div[data-tcx-suffix = "Prolog information"]:after {
   color: var(--color-adobe-dark-gray);
   content: "PROLOG INFORMATION" !important;
   font-size: 1.25rem;
   font-weight: bold;
   margin-bottom: 15px;
}

body.cke_editable div[data-tcx-tag = "author"],
body.cke_editable div[data-tcx-tag = "source"],
body.cke_editable div[data-tcx-tag = "publisher"],
body.cke_editable div[data-tcx-tag = "permissions"],
body.cke_editable div[data-tcx-tag = "critdates"] {
   padding-top: 10px;
   padding-right: 15px;
   padding-bottom: 0px;
   padding-left: 25px;
   margin-bottom: 15px;
}

body.cke_editable div[data-tcx-tag = "source"] {
   padding-top: 10px;
   padding-right: 15px;
   padding-bottom: 0px;
   padding-left: 25px;
   margin-bottom: 25px;
}

body.cke_editable:not(.show-tags) .author > .tag-start:after {
   content: " AUTHOR: " !important;
   font-weight: bold;
   padding-left: 21px;
   margin-bottom: 15px;
   background-image: url(/content/dam/resources/images/ico-author.svg);
   background-size: 16px;
   background-repeat: no-repeat;
}

body.cke_editable div[data-tcx-suffix = "Critical dates: "]:after {
   content: " CRITICAL DATES: " !important;
   font-weight: bold;
   padding-left: 21px;
   margin-bottom: 15px;
   background-image: url(/content/dam/resources/images/ico-calendar.svg);
   background-size: 14px;
   background-repeat: no-repeat;
}

body.cke_editable .metadata {
   padding-left: 25px;
}

body.cke_editable div[data-tcx-suffix = "Metadata"]:after {
   content: " METADATA: " !important;
   font-weight: bold;
   padding-left: 21px;
   margin-bottom: 15px;
   background-image: url(/content/dam/resources/images/ico-metadata.svg);
   background-size: 12px;
   background-repeat: no-repeat;
}

body.cke_editable:not(.show-tags) div.othermeta {
   position: relative;
   overflow: hidden;
   display: grid;
   grid-template-columns: 250px auto;
   grid-template-rows: auto;
   gap: 10px 10px;
   grid-auto-flow: row;
   grid-template-areas: "name value"
}

body.cke_editable:not(.show-tags) div.othermeta:before {
   grid-area: name;
   content: attr(data-tcx-attr-name) ": ";
   margin-left: -56px;
   z-index: 2;
}

body.cke_editable:not(.show-tags) div.othermeta:after {
   grid-area: value;
   content: attr(data-tcx-attr-content);
   margin-left: -80px;
   overflow: hidden;
   z-index: 1
}

.othermeta[data-tcx-attr-name ^= "name@Other"]:before {
}

div.related-links {
   background-color: white;
   margin-top: 25px !important;
   padding: 20px;
   /* border-radius: 7px;  */
   border-style: solid;
   border-width: 1px;
   border-color: #ababab;
   margin-bottom: 50px
}

div[data-tcx-suffix = "Related information"] {
   margin-top: -200px;
   padding-top: 0px;
}

div[data-tcx-suffix = "Related information"]:after {
   content: "RELATED INFORMATION" !important;
}

div.related-links div.title {
   font-size: 1.2em
}

div.p {
   color: var(--color-adobe-dark-gray);
   font-size: 1rem;
   margin-top: 0px;
   margin-bottom: 15px
}

div.section {
   background-color: white;
   margin-bottom: 20px;
   margin-left: 0;
   margin-right: 0;
   margin-top: 0px;
   padding: 10px;
   /* 
   border-color: rgb(225, 225, 225);
   border-radius: 7px;
   border-style: solid;
   border-width: 1px;
    */
   box-shadow: 5px 5px 25px 0px rgba(225, 225, 225, 0.50);
   -webkit-box-shadow: 5px 5px 25px 0px rgba(225, 225, 225, 0.49);
   -moz-box-shadow: 5px 5px 25px 0px rgba(225, 225, 225, 0.49)
}

.section > .title {
   color: #323232;
   font-size: 1.5rem;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 0.5em;
}

ul.ul,
ol.ol {
   margin-top: 0px;
   margin-bottom: 15px
}

ol.ol {
   --prefix-size: 16px;
   --prefix-fixed-size: true;
   --prefix-gap: 4px;
   --list-indent: 40px;
   counter-reset: item1;
   list-style: none;
   padding-left: var(--prefix-size);
   /* margin-left: calc(var(--list-indent) - var(--prefix-size)); */
   margin-left: calc(40px - 25px);
}

ol.ol > li.li {
   --prefix-size: 22px;
   --prefix-fixed-size: true;
   --prefix-gap: 10px;
   --list-indent: 50px;
   position: relative;
   line-height: var(--prefix-size);
   margin-bottom: 10px;
   margin-left: 0;
}

ol.ol > li:before {
   counter-increment: item1;
   content: counter(item1, decimal);
   text-align: center;
   position: absolute;
   left: calc(-1* var(--prefix-size) - var(--prefix-gap));
   /*  left: calc(-1 * 40px - 10px); */
   margin-right: var(--prefix-gap);
   width: var(--prefix-size);
   overflow: hidden;
   border-top-left-radius: 50%;
   border-top-right-radius: 50%;
   border-bottom-right-radius: 50%;
   border-bottom-left-radius: 50%;
   background-color: #323232;
   color: #F5F5F5;
   height: var(--prefix-size);
   line-height: var(--prefix-size);
}

.fig .title,
.table .title {
   font-size: 1rem;
   font-weight: bold;
   font-style: italic;
   color: #666;
   margin-top: 20px;
   margin-bottom: 10px
}

body.cke_editable:not(.show-tags) .note > .tag-start:after,
body.cke_editable:not(.show-tags) .note.caution > .tag-start:after,
body.cke_editable:not(.show-tags) .note.danger > .tag-start:after,
body.cke_editable:not(.show-tags) .note.warning > .tag-start:after,
body.cke_editable:not(.show-tags) .note.notice > .tag-start:after,
body.cke_editable:not(.show-tags) .note.attention > .tag-start:after,
body.cke_editable:not(.show-tags) .note.fastpath > .tag-start:after,
body.cke_editable:not(.show-tags) .note.important > .tag-start:after,
body.cke_editable:not(.show-tags) .note.remember > .tag-start:after,
body.cke_editable:not(.show-tags) .note.restriction > .tag-start:after,
body.cke_editable:not(.show-tags) .note.tip > .tag-start:after,
body.cke_editable:not(.show-tags) .note.other > .tag-start:after,
body.cke_editable:not(.show-tags) .fig .title > .tag-start:after,
body.cke_editable:not(.show-tags) .footnotes > .tag-start:after,
body.cke_editable:not(.show-tags) .relatedlinks > .tag-start:after,
body.cke_editable:not(.show-tags) .result > .tag-start:after,
body.cke_editable:not(.show-tags) .postreq > .tag-start:after,
body.cke_editable:not(.show-tags) .prereq > .tag-start:after,
body.cke_editable:not(.show-tags) .info > .tag-start:after,
body.cke_editable:not(.show-tags) .stepresult > .tag-start:after,
body.cke_editable:not(.show-tags) .tutorialinfo > .tag-start:after,
body.cke_editable:not(.show-tags) .fn > .tag-start:after,
body.cke_editable:not(.show-tags) .cmdname > .tag-start:after,
body.cke_editable:not(.show-tags) .topicref > .tag-start:after,
body.cke_editable:not(.show-tags) .varname > .tag-start:after,
body.cke_editable:not(.show-tags) .attributedef > .tag-start:after,
body.cke_editable:not(.show-tags) .elementdef > .tag-start:after,
body.cke_editable:not(.show-tags) .author > .tag-start:after,
body.cke_editable:not(.show-tags) .source > .tag-start:after,
body.cke_editable:not(.show-tags) .publisher > .tag-start:after,
body.cke_editable:not(.show-tags) .copyright > .tag-start:after,
body.cke_editable:not(.show-tags) .copyrholder > .tag-start:after,
body.cke_editable:not(.show-tags) .copyryear > .tag-start:after,
body.cke_editable:not(.show-tags) .critdates > .tag-start:after,
body.cke_editable:not(.show-tags) .created > .tag-start:after,
body.cke_editable:not(.show-tags) .revised > .tag-start:after,
body.cke_editable:not(.show-tags) .permissions > .tag-start:after,
body.cke_editable:not(.show-tags) .keywords > .tag-start:after,
body.cke_editable:not(.show-tags) .resourceid > .tag-start:after,
body.cke_editable:not(.show-tags) .metadata > .tag-start:after {
   content: attr(data-tcx-suffix);
   margin-right: 10px
}

body.cke_editable [data-tcx-prefix] > .tag-start:after,
.previewbody [data-tcx-prefix] > .tag-start:after {
   display: inline-block;
   font-size: 1rem;
}



/* DITA NOTE ELEMENTS */

div[data-tcx-tag = "note"] {
  background-color: #fff3d4;
  border: 1px solid #fff3d4;
  border-left-color: #f6b73c;
  border-left-style: solid;
  border-left-width: 5px;
  display: block;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  min-height: 60px;
  padding-bottom: 5px;
  padding-left: 60px;
  padding-right: 10px;
  padding-top: 30px;
}
div[data-tcx-tag = "note"]:before {
  color: var(--color-adobe-dark-gray);
  content: "\f044";
  font-family: "Font Awesome 6 Free";
  font-size: 20pt;
  font-weight: 900;
  margin-left: -50px;
  margin-top: -20px;
  position: absolute;
  text-decoration: inherit;
  z-index: 1;
}
div[data-tcx-meta = "note"] {
   margin-top: -11px
}
div[data-tcx-meta = "note"]:after{
   font-size: 1rem !important;
   color: var(--color-adobe-dark-gray) !important;
   font-weight: bold
}

div[data-tcx-tag = "note"][data-tcx-prefix = "attention"]:before {
   content: "\f024" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "attention"]:after{
   content: "IMPORTANT!" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "caution"]:before {
   content: "\f06e" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "caution"]:after{
   content: "CAUTION!" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "danger"]:before {
   content: "\2620" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "danger"]:after{
   content: "DANGER!" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "fastpath"]:before {
   content: "\f1d8" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "fastpath"]:after{
   content: "FASTPATH" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "important"]:before {
   content: "\f071" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "important"]:after{
   content: "IMPORTANT" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "notice"]:before {
   content: "\f05a" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "notice"]:after{
   content: "NOTICE" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "other"]:before {
   content: "\f085" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "other"]:after{
   content: "INFORMATION" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "remember"]:before {
   content: "\f0c6" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "remember"]:after{
   content: "REMEMBER" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "restriction"]:before {
   content: "\f05e" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "restriction"]:after{
   content: "RESTRICTION" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "tip"]:before {
   content: "\f0f4" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "tip"]:after{
   content: "TIP" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "info"]:before {
   content: "\f05a" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "info"]:after{
   content: "INFO" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "trouble"]:before {
   content: "\f0ad" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "trouble"]:after{
   content: "TROUBLE" !important;
}

div[data-tcx-tag = "note"][data-tcx-prefix = "warning"]:before {
   content: "\f071" !important;
}
div[data-tcx-meta = "note"][data-tcx-suffix = "warning"]:after{
   content: "WARNING!" !important;
}

/* 
div[data-tcx-tag = "note"] > div[data-tcx-tag = "p"]:first-child:before {
  color: RGB(50, 50, 50);
  content: "NOTE";
  font-style: normal;
  font-weight: bold;
  margin-left: 0;
  margin-top: -25px;
  position: absolute;
  text-decoration: inherit;
  z-index: 1
}
 */
 
 
 div.change-historylist > .change-item:before, div.change-historylist > .change-item:after {
    content: "\a";
    white-space: pre;
}

div.change-historylist > .change-item > .change-request-reference:before, div.change-historylist > .change-item > .change-completed:before {
    content: "\a";
    white-space: pre;
}
div.change-historylist > .change-item:last-child:after {
    content: "\a";
    white-space: pre;
}
div.change-historylist > .change-item > .change-request-reference, div.change-historylist > .change-item > .change-completed {
    padding-left: 1em !important;
}