/********* scaffolding **********/
/****** content section elements ******/
/********* login page specifically *****/
/***** body ****/
/**** alter the @body-bg line below if you want it to be different from the above @body-bg properties, but please try altering those properties and checking the results first *****/
/****** top navbar *****/
/****** left navbar *****/
/*********** footer *********/
/*********** wizard *********/
/******** content tabs ********/
/******** tags **********/
/******* highlight ******/
/******* "add" button which sometimes accompanies *******/
/*********** cards *************/
/*********** widgets *************/
/***** buttons *****/
/******* toggle swipe *********/
/******** tooltips *********/
/****** sliding content, truncated at first, but when hovered, shows the whole unabridged version ******/
/*********** extended row/cell content ***************/
/****** autocomplete ********/
/******* filters container *******/
/******** progress chart ********/
/******* markdown editor ******/
/**** collapsible panel *****/
/*** schema designer ***/
/****** tags *****/
/**** below are taken from "Atmosphere Style Guide FONTS + USAGE" ****/
.soa-ui-cm-form-label {
  color: #7f7f7f;
}
.soa-ui-cm-Poster {
  background-color: #ffffff;
  font-size: 36px;
  font-weight: Bold;
  color: #494949;
}
.soa-ui-cm-Banner {
  font-size: 21px;
  font-weight: Bold;
  color: #494949;
}
.soa-ui-cm-Header {
  font-size: 21px;
  font-weight: Bold;
  color: #494949;
  font-size: 17px;
}
.soa-ui-cm-Header-Inverse {
  font-size: 21px;
  font-weight: Bold;
  font-size: 17px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-width: 0 0 1px;
  color: #494949;
}
.soa-ui-cm-SubHeader {
  font-size: 14px;
  font-weight: bold;
  color: #494949;
}
.soa-ui-cm-SubHeader-Inverse {
  font-size: 14px;
  font-weight: bold;
  background-color: #ffffff;
  color: #494949;
}
.soa-ui-cm-SubHeader-G {
  font-size: 14px;
  font-weight: bold;
  color: #494949;
  color: #cfd1d2;
}
.soa-ui-cm-Body {
  font: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #7f7f7f;
}
.soa-ui-cm-Body-Bold {
  font: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #7f7f7f;
  font-weight: bold;
}
.soa-ui-cm-Body-Acc {
  font: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #7f7f7f;
  font-weight: bold;
  color: #2196f3;
}
.soa-ui-cm-Title {
  color: #494949;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
}
.soa-ui-cm-Title-Plain {
  color: #494949;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #7f7f7f;
}
.soa-ui-cm-Title-Inverse {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  background-color: #ffffff;
  color: #494949;
}
.soa-ui-cm-Nav {
  font: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #7f7f7f;
  font-weight: bold;
  color: #cfd1d2;
}
.soa-ui-cm-Nav-Select {
  font: 14px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #7f7f7f;
  font-weight: bold;
  color: #cfd1d2;
  color: #ffffff;
}
.soa-ui-cm-SubNav {
  color: #cfd1d2;
  font-size: 10px;
}
.soa-ui-cm-SubNav-Bold {
  color: #cfd1d2;
  font-size: 10px;
  color: #ffffff;
}
.soa-ui-cm-SubNav-Bold-G {
  font-size: 10px;
  color: #ffffff;
  color: #cfd1d2;
}
.soa-ui-cm-SubNav-Bold-Select {
  color: #cfd1d2;
  font-size: 10px;
  color: #ffffff;
  color: #2196f3;
}
.soa-ui-cm-SubNav-Text {
  font-size: 8px;
  color: #cfd1d2;
}
.soa-ui-cm-SubNav-Text-Inverse {
  font-size: 8px;
  background-color: #2196f3;
  color: #cfd1d2;
}
.soa-ui-cm-Table-Header {
  font-size: 12px;
  background-color: transparent;
  color: #b3b3b3;
}
/*********** colors referring to status, used for example on the transaction monitor or the api access page *****/
/* orange */
/* green */
/* light blue */
/* medium blue */
/* aqua-ish */
/* red */
/* purple */
/* off-black */
/* gold */
/* dark yellow */
/* blue */
/* crimson */
/* gray */
/* orange-yellow */
/**
 *  Commonly used variables to customize styles
 *  Tenant: Open
 *  Theme: Hermosa
 *  NOTES:
 *  1. when downloading this file as custom_template.less, you will need to
 *  	rename it to custom.less before uploading using file manager.
 *  2. use rgba or HEX values for colors instead of color names
 *  	If the value is another variable, you will need to uncomment that variable as well.
 *		eg: if you use: 
 *			@link-color: @main-color;
 *  		you will also need to uncomment @main-color and give it a HEX value
 */
/********************/
.ui-dialog-content .soa-ui-cm-markdown-it-viewer-container {
  width: auto;
}
.soa-ui-cm-markdown-it-source {
  height: 200px;
}
.soa-ui-cm-markdown-it-enabled-preview {
  color: #7a8484;
  padding-top: 10px;
  /* Reset */

  /*.dl-horizontal {
      dd {
        &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
      }

    }*/

  /* Specific to outter Container not inner preview items
    ___________________________________*/

}
.soa-ui-cm-markdown-it-enabled-preview:empty {
  padding: 20px 0 10px;
}
.soa-ui-cm-markdown-it-enabled-preview h1,
.soa-ui-cm-markdown-it-enabled-preview h2,
.soa-ui-cm-markdown-it-enabled-preview h3,
.soa-ui-cm-markdown-it-enabled-preview h4,
.soa-ui-cm-markdown-it-enabled-preview h5,
.soa-ui-cm-markdown-it-enabled-preview h6,
.soa-ui-cm-markdown-it-enabled-preview p,
.soa-ui-cm-markdown-it-enabled-preview blockquote,
.soa-ui-cm-markdown-it-enabled-preview pre,
.soa-ui-cm-markdown-it-enabled-preview a,
.soa-ui-cm-markdown-it-enabled-preview abbr,
.soa-ui-cm-markdown-it-enabled-preview acronym,
.soa-ui-cm-markdown-it-enabled-preview address,
.soa-ui-cm-markdown-it-enabled-preview big,
.soa-ui-cm-markdown-it-enabled-preview cite,
.soa-ui-cm-markdown-it-enabled-preview code,
.soa-ui-cm-markdown-it-enabled-preview del,
.soa-ui-cm-markdown-it-enabled-preview dfn,
.soa-ui-cm-markdown-it-enabled-preview em,
.soa-ui-cm-markdown-it-enabled-preview font,
.soa-ui-cm-markdown-it-enabled-preview img,
.soa-ui-cm-markdown-it-enabled-preview ins,
.soa-ui-cm-markdown-it-enabled-preview kbd,
.soa-ui-cm-markdown-it-enabled-preview q,
.soa-ui-cm-markdown-it-enabled-preview s,
.soa-ui-cm-markdown-it-enabled-preview samp,
.soa-ui-cm-markdown-it-enabled-preview small,
.soa-ui-cm-markdown-it-enabled-preview strike,
.soa-ui-cm-markdown-it-enabled-preview strong,
.soa-ui-cm-markdown-it-enabled-preview sub,
.soa-ui-cm-markdown-it-enabled-preview sup,
.soa-ui-cm-markdown-it-enabled-preview tt,
.soa-ui-cm-markdown-it-enabled-preview var,
.soa-ui-cm-markdown-it-enabled-preview dd,
.soa-ui-cm-markdown-it-enabled-preview dl,
.soa-ui-cm-markdown-it-enabled-preview dt,
.soa-ui-cm-markdown-it-enabled-preview li,
.soa-ui-cm-markdown-it-enabled-preview ol,
.soa-ui-cm-markdown-it-enabled-preview ul,
.soa-ui-cm-markdown-it-enabled-preview fieldset,
.soa-ui-cm-markdown-it-enabled-preview form,
.soa-ui-cm-markdown-it-enabled-preview label,
.soa-ui-cm-markdown-it-enabled-preview legend,
.soa-ui-cm-markdown-it-enabled-preview table,
.soa-ui-cm-markdown-it-enabled-preview caption,
.soa-ui-cm-markdown-it-enabled-preview tbody,
.soa-ui-cm-markdown-it-enabled-preview tfoot,
.soa-ui-cm-markdown-it-enabled-preview thead,
.soa-ui-cm-markdown-it-enabled-preview tr,
.soa-ui-cm-markdown-it-enabled-preview th,
.soa-ui-cm-markdown-it-enabled-preview td {
  background-color: #fff;
  padding: 0;
}
.soa-ui-cm-markdown-it-enabled-preview a img,
.soa-ui-cm-markdown-it-enabled-preview :link img,
.soa-ui-cm-markdown-it-enabled-preview :visited img {
  border: 0;
}
.soa-ui-cm-markdown-it-enabled-preview table {
  border-collapse: collapse;
  border-spacing: 0;
}
.soa-ui-cm-markdown-it-enabled-preview ol,
.soa-ui-cm-markdown-it-enabled-preview ul {
  margin-top: 0;
  margin-bottom: 10px;
}
.soa-ui-cm-markdown-it-enabled-preview ul {
  list-style-type: disc;
  list-style-position: inside;
}
.soa-ui-cm-markdown-it-enabled-preview ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.soa-ui-cm-markdown-it-enabled-preview ul ul,
.soa-ui-cm-markdown-it-enabled-preview ol ul {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 15px;
}
.soa-ui-cm-markdown-it-enabled-preview ol ol,
.soa-ui-cm-markdown-it-enabled-preview ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 15px;
}
.soa-ui-cm-markdown-it-enabled-preview q:before,
.soa-ui-cm-markdown-it-enabled-preview q:after,
.soa-ui-cm-markdown-it-enabled-preview blockquote:before,
.soa-ui-cm-markdown-it-enabled-preview blockquote:after {
  content: "";
}
.soa-ui-cm-markdown-it-enabled-preview ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
.soa-ui-cm-markdown-it-enabled-preview ol {
  display: block;
  margin-top: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
.soa-ui-cm-markdown-it-enabled-preview ul ul,
.soa-ui-cm-markdown-it-enabled-preview ol ul {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 15px;
}
.soa-ui-cm-markdown-it-enabled-preview ol ol,
.soa-ui-cm-markdown-it-enabled-preview ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 15px;
}
.soa-ui-cm-markdown-it-enabled-preview h1,
.soa-ui-cm-markdown-it-enabled-preview h2,
.soa-ui-cm-markdown-it-enabled-preview h3,
.soa-ui-cm-markdown-it-enabled-preview h4,
.soa-ui-cm-markdown-it-enabled-preview h5,
.soa-ui-cm-markdown-it-enabled-preview h6,
.soa-ui-cm-markdown-it-enabled-preview .h1,
.soa-ui-cm-markdown-it-enabled-preview .h2,
.soa-ui-cm-markdown-it-enabled-preview .h3,
.soa-ui-cm-markdown-it-enabled-preview .h4,
.soa-ui-cm-markdown-it-enabled-preview .h5,
.soa-ui-cm-markdown-it-enabled-preview .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 0;
  margin-bottom: 10px;
  word-wrap: break-word;
}
.soa-ui-cm-markdown-it-enabled-preview h1 small,
.soa-ui-cm-markdown-it-enabled-preview h2 small,
.soa-ui-cm-markdown-it-enabled-preview h3 small,
.soa-ui-cm-markdown-it-enabled-preview h4 small,
.soa-ui-cm-markdown-it-enabled-preview h5 small,
.soa-ui-cm-markdown-it-enabled-preview h6 small,
.soa-ui-cm-markdown-it-enabled-preview .h1 small,
.soa-ui-cm-markdown-it-enabled-preview .h2 small,
.soa-ui-cm-markdown-it-enabled-preview .h3 small,
.soa-ui-cm-markdown-it-enabled-preview .h4 small,
.soa-ui-cm-markdown-it-enabled-preview .h5 small,
.soa-ui-cm-markdown-it-enabled-preview .h6 small,
.soa-ui-cm-markdown-it-enabled-preview h1 .small,
.soa-ui-cm-markdown-it-enabled-preview h2 .small,
.soa-ui-cm-markdown-it-enabled-preview h3 .small,
.soa-ui-cm-markdown-it-enabled-preview h4 .small,
.soa-ui-cm-markdown-it-enabled-preview h5 .small,
.soa-ui-cm-markdown-it-enabled-preview h6 .small,
.soa-ui-cm-markdown-it-enabled-preview .h1 .small,
.soa-ui-cm-markdown-it-enabled-preview .h2 .small,
.soa-ui-cm-markdown-it-enabled-preview .h3 .small,
.soa-ui-cm-markdown-it-enabled-preview .h4 .small,
.soa-ui-cm-markdown-it-enabled-preview .h5 .small,
.soa-ui-cm-markdown-it-enabled-preview .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h1,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h2,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h3,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h4,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h5,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h6,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h1,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h2,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h3,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h4,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h5,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h6,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview h1,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview h2,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview h3,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview h4,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview h5,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview h6,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview .h1,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview .h2,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview .h3,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview .h4,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview .h5,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview .h6 {
  color: inherit;
  margin-bottom: 10px;
}
.soa-ui-cm-markdown-it-enabled-preview hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.soa-ui-cm-markdown-it-enabled-preview h1,
.soa-ui-cm-markdown-it-enabled-preview .h1,
.soa-ui-cm-markdown-it-enabled-preview h2,
.soa-ui-cm-markdown-it-enabled-preview .h2,
.soa-ui-cm-markdown-it-enabled-preview h3,
.soa-ui-cm-markdown-it-enabled-preview .h3 {
  margin-bottom: 0.5;
}
.soa-ui-cm-markdown-it-enabled-preview h1 small,
.soa-ui-cm-markdown-it-enabled-preview .h1 small,
.soa-ui-cm-markdown-it-enabled-preview h2 small,
.soa-ui-cm-markdown-it-enabled-preview .h2 small,
.soa-ui-cm-markdown-it-enabled-preview h3 small,
.soa-ui-cm-markdown-it-enabled-preview .h3 small,
.soa-ui-cm-markdown-it-enabled-preview h1 .small,
.soa-ui-cm-markdown-it-enabled-preview .h1 .small,
.soa-ui-cm-markdown-it-enabled-preview h2 .small,
.soa-ui-cm-markdown-it-enabled-preview .h2 .small,
.soa-ui-cm-markdown-it-enabled-preview h3 .small,
.soa-ui-cm-markdown-it-enabled-preview .h3 .small {
  font-size: 65%;
}
.soa-ui-cm-markdown-it-enabled-preview h4,
.soa-ui-cm-markdown-it-enabled-preview .h4,
.soa-ui-cm-markdown-it-enabled-preview h5,
.soa-ui-cm-markdown-it-enabled-preview .h5,
.soa-ui-cm-markdown-it-enabled-preview h6,
.soa-ui-cm-markdown-it-enabled-preview .h6 {
  margin-bottom: 0.5;
}
.soa-ui-cm-markdown-it-enabled-preview h4 small,
.soa-ui-cm-markdown-it-enabled-preview .h4 small,
.soa-ui-cm-markdown-it-enabled-preview h5 small,
.soa-ui-cm-markdown-it-enabled-preview .h5 small,
.soa-ui-cm-markdown-it-enabled-preview h6 small,
.soa-ui-cm-markdown-it-enabled-preview .h6 small,
.soa-ui-cm-markdown-it-enabled-preview h4 .small,
.soa-ui-cm-markdown-it-enabled-preview .h4 .small,
.soa-ui-cm-markdown-it-enabled-preview h5 .small,
.soa-ui-cm-markdown-it-enabled-preview .h5 .small,
.soa-ui-cm-markdown-it-enabled-preview h6 .small,
.soa-ui-cm-markdown-it-enabled-preview .h6 .small {
  font-size: 75%;
}
.soa-ui-cm-markdown-it-enabled-preview h1,
.soa-ui-cm-markdown-it-enabled-preview .h1 {
  font-size: 36px;
}
.soa-ui-cm-markdown-it-enabled-preview h2,
.soa-ui-cm-markdown-it-enabled-preview .h2 {
  font-size: 30px;
}
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h2,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h2 {
  font-size: 30px;
}
.soa-ui-cm-markdown-it-enabled-preview h3,
.soa-ui-cm-markdown-it-enabled-preview .h3 {
  font-size: 24px;
}
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h3,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h3,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview h3,
div.cwrap #real_form .soa-ui-cm-markdown-it-enabled-preview .h3 {
  font-size: 24px;
}
.soa-ui-cm-markdown-it-enabled-preview h4,
.soa-ui-cm-markdown-it-enabled-preview .h4 {
  font-size: 18px;
}
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h4,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h4 {
  font-size: 18px;
}
.soa-ui-cm-markdown-it-enabled-preview h5,
.soa-ui-cm-markdown-it-enabled-preview .h5 {
  font-size: 14px;
}
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h5,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h5 {
  font-size: 14px;
}
.soa-ui-cm-markdown-it-enabled-preview h6,
.soa-ui-cm-markdown-it-enabled-preview .h6 {
  font-size: 12px;
}
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview h6,
div.cwrap div.cwrap_right .soa-ui-cm-markdown-it-enabled-preview .h6 {
  font-size: 12px;
}
.soa-ui-cm-markdown-it-enabled-preview p {
  margin-bottom: 10px;
  word-wrap: break-word;
}
.soa-ui-cm-markdown-it-enabled-preview .lead {
  margin-bottom: 1;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
.soa-ui-cm-markdown-it-enabled-preview small,
.soa-ui-cm-markdown-it-enabled-preview .small {
  font-size: 85%;
}
.soa-ui-cm-markdown-it-enabled-preview cite {
  font-style: normal;
}
.soa-ui-cm-markdown-it-enabled-preview mark,
.soa-ui-cm-markdown-it-enabled-preview .mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.soa-ui-cm-markdown-it-enabled-preview .text-left {
  text-align: left;
}
.soa-ui-cm-markdown-it-enabled-preview .text-right {
  text-align: right;
}
.soa-ui-cm-markdown-it-enabled-preview .text-center {
  text-align: center;
}
.soa-ui-cm-markdown-it-enabled-preview .text-justify {
  text-align: justify;
}
.soa-ui-cm-markdown-it-enabled-preview .text-nowrap {
  white-space: nowrap;
}
.soa-ui-cm-markdown-it-enabled-preview .text-lowercase {
  text-transform: lowercase;
}
.soa-ui-cm-markdown-it-enabled-preview .text-uppercase {
  text-transform: uppercase;
}
.soa-ui-cm-markdown-it-enabled-preview .text-capitalize {
  text-transform: capitalize;
}
.soa-ui-cm-markdown-it-enabled-preview .page-header {
  padding-bottom: -0.5;
  margin: 2 0 1;
}
.soa-ui-cm-markdown-it-enabled-preview ul,
.soa-ui-cm-markdown-it-enabled-preview ol {
  margin-top: 0;
  margin-bottom: 0.5;
}
.soa-ui-cm-markdown-it-enabled-preview ul ul,
.soa-ui-cm-markdown-it-enabled-preview ol ul,
.soa-ui-cm-markdown-it-enabled-preview ul ol,
.soa-ui-cm-markdown-it-enabled-preview ol ol {
  margin-bottom: 0;
}
.soa-ui-cm-markdown-it-enabled-preview li {
  word-wrap: break-word;
}
.soa-ui-cm-markdown-it-enabled-preview .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.soa-ui-cm-markdown-it-enabled-preview .list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.soa-ui-cm-markdown-it-enabled-preview .list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.soa-ui-cm-markdown-it-enabled-preview dl {
  margin-top: 0;
  margin-bottom: 1;
}
.soa-ui-cm-markdown-it-enabled-preview dt,
.soa-ui-cm-markdown-it-enabled-preview dd {
  line-height: 1;
}
.soa-ui-cm-markdown-it-enabled-preview dt {
  font-weight: bold;
}
.soa-ui-cm-markdown-it-enabled-preview dd {
  margin-left: 0;
}
.soa-ui-cm-markdown-it-enabled-preview .initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.soa-ui-cm-markdown-it-enabled-preview blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 11px;
  border-left: 5px solid #cccccc;
  word-wrap: break-word;
}
.soa-ui-cm-markdown-it-enabled-preview blockquote p:last-child,
.soa-ui-cm-markdown-it-enabled-preview blockquote ul:last-child,
.soa-ui-cm-markdown-it-enabled-preview blockquote ol:last-child {
  margin-bottom: 0;
}
.soa-ui-cm-markdown-it-enabled-preview blockquote footer,
.soa-ui-cm-markdown-it-enabled-preview blockquote small,
.soa-ui-cm-markdown-it-enabled-preview blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1;
  color: #cccccc;
}
.soa-ui-cm-markdown-it-enabled-preview blockquote footer:before,
.soa-ui-cm-markdown-it-enabled-preview blockquote small:before,
.soa-ui-cm-markdown-it-enabled-preview blockquote .small:before {
  content: '\2014 \00A0';
}
.soa-ui-cm-markdown-it-enabled-preview .blockquote-reverse,
.soa-ui-cm-markdown-it-enabled-preview blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #cccccc;
  border-left: 0;
  text-align: right;
}
.soa-ui-cm-markdown-it-enabled-preview .blockquote-reverse footer:before,
.soa-ui-cm-markdown-it-enabled-preview blockquote.pull-right footer:before,
.soa-ui-cm-markdown-it-enabled-preview .blockquote-reverse small:before,
.soa-ui-cm-markdown-it-enabled-preview blockquote.pull-right small:before,
.soa-ui-cm-markdown-it-enabled-preview .blockquote-reverse .small:before,
.soa-ui-cm-markdown-it-enabled-preview blockquote.pull-right .small:before {
  content: '';
}
.soa-ui-cm-markdown-it-enabled-preview .blockquote-reverse footer:after,
.soa-ui-cm-markdown-it-enabled-preview blockquote.pull-right footer:after,
.soa-ui-cm-markdown-it-enabled-preview .blockquote-reverse small:after,
.soa-ui-cm-markdown-it-enabled-preview blockquote.pull-right small:after,
.soa-ui-cm-markdown-it-enabled-preview .blockquote-reverse .small:after,
.soa-ui-cm-markdown-it-enabled-preview blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
.soa-ui-cm-markdown-it-enabled-preview blockquote:before,
.soa-ui-cm-markdown-it-enabled-preview blockquote:after {
  content: "";
}
.soa-ui-cm-markdown-it-enabled-preview address {
  margin-bottom: 1;
  font-style: normal;
  line-height: 1;
}
.soa-ui-cm-markdown-it-enabled-preview .warning {
  background-color: #ff8;
  padding: 20px;
  border-radius: 6px;
}
.soa-ui-cm-markdown-it-enabled-preview img {
  max-width: 98%;
  width: auto;
}
.soa-ui-cm-markdown-it-enabled-preview code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.soa-ui-cm-markdown-it-enabled-preview pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.soa-ui-cm-markdown-it-enabled-preview pre code {
  padding: 0;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.soa-ui-cm-markdown-it-enabled-preview .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.soa-ui-cm-markdown-it-enabled-preview .table-container {
  width: 100%;
  overflow-x: auto;
}
.soa-ui-cm-markdown-it-enabled-preview .table-striped > tbody > tr:nth-child(odd) > td,
.soa-ui-cm-markdown-it-enabled-preview .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.soa-ui-cm-markdown-it-enabled-preview .table > thead > tr > th,
.soa-ui-cm-markdown-it-enabled-preview .table > tbody > tr > th,
.soa-ui-cm-markdown-it-enabled-preview .table > tfoot > tr > th,
.soa-ui-cm-markdown-it-enabled-preview .table > thead > tr > td,
.soa-ui-cm-markdown-it-enabled-preview .table > tbody > tr > td,
.soa-ui-cm-markdown-it-enabled-preview .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.soa-ui-cm-markdown-it-enabled-preview abbr[title],
.soa-ui-cm-markdown-it-enabled-preview abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.soa-ui-cm-markdown-it-enabled-preview.soa-ui-cm-markdown-it-fixed-height {
  height: 205px;
  padding: 10px;
  overflow: auto;
}
.soa-ui-cm-markdown-it-enabled-preview.soa-ui-cm-markdown-it-discussion-style {
  background-color: #fff;
}