/* these styles customize the diagnostic message that is used by both warning and error outputs. */
 
.rtccontent .diagnosticmessage-wrapper {
  padding-bottom: 2px;
}

.rtccontent .inlineelement .diagnosticmessage-wrapper {

}

.rtccontent .rightpaneelement .diagnosticmessage-wrapper {
  padding-top: 2px;
  padding-left: 9px;
}

.rtccontent .rightpaneelement,
.rtccontent .inlineelement {
  cursor: default; /* g1244269, g1208791 - cursor should be an arrow for outputs */
}

.diagnosticmessage-wrapper.diagnosticmessage-errortype {
  color: rgb(230,0,0);
}
.diagnosticmessage-wrapper .diagnosticmessage-messagepart, .diagnosticmessage-wrapper .diagnosticmessage-causepart {
  white-space: pre-wrap;
}
/*set styling of scrollbars */
.rtccontent .eooutputwrapper::-webkit-scrollbar,
.rtccontent .eooutputwrapper *::-webkit-scrollbar,
.rtcdatatipelement.scrollableoutput::-webkit-scrollbar {
  /*set thickness of vertical and horizontal scrollbars*/
  width: 11px;
  height: 11px;
}

.rtccontent .eooutputwrapper::-webkit-scrollbar-track,
.rtccontent .eooutputwrapper *::-webkit-scrollbar-track,
.rtcdatatipelement.scrollableoutput::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

.rtccontent .eooutputwrapper::-webkit-scrollbar-corner,
.rtccontent .eooutputwrapper *::-webkit-scrollbar-corner,
.rtcdatatipelement.scrollableoutput::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0);
}

.rtccontent .eooutputwrapper::-webkit-scrollbar-thumb,
.rtccontent .eooutputwrapper *::-webkit-scrollbar-thumb,
.rtcdatatipelement.scrollableoutput::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}

.rtccontent .eooutputwrapper::-webkit-scrollbar-thumb,
.rtccontent .eooutputwrapper *::-webkit-scrollbar-thumb,
.rtcdatatipelement.scrollableoutput::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}

.rtccontent .eooutputwrapper:hover::-webkit-scrollbar-thumb,
.rtccontent .eooutputwrapper *:hover::-webkit-scrollbar-thumb,
.rtcdatatipelement.scrollableoutput:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}

.rtccontent .eooutputwrapper:hover::-webkit-scrollbar-thumb:hover,
.rtccontent .eooutputwrapper *:hover::-webkit-scrollbar-thumb:hover,
.rtcdatatipelement.scrollableoutput:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.rtccontent .stale_output, .rtccontent .typofixapplied {
  opacity: 0.4; /*apply opacity separately from grayscale since ie11 doesn't support grayscale*/
  -webkit-filter: grayscale(80%);
  filter: grayscale(80%);
  pointer-events: none;
}

.rtccontent .errorrecoverydiv {
  margin-top: 0.5rem;
  color: black;
}

.rtccontent .errorrecoverydiv div {
}

.rtccontent .eooutputwrapper {
  font-family: menlo, monaco, consolas, "courier new", monospace;
  font-size: 12px;
}

.rtccontent .nothitcode {
  opacity: 0.4;
}

/* styling that is common to warnings and errors is in diagnosticoutput.css */

.rtccontent .embeddedoutputserrorelement {
  min-height: 18px;
  max-height: 250px;
  overflow: auto;
}

.rtccontent .embeddedoutputserrorelement.inlineelement {

}

.rtccontent .embeddedoutputserrorelement.rightpaneelement {

}

.rtccontent .embeddedoutputsfigure {

}

.rtccontent .figureelement .figureimage {
  max-height: inherit;
  max-width:100%;
}

.rtccontent .embeddedoutputsfigure.inlineelement .figureelement {
  padding-right: 25px;    /*this is added to guarantee space always available for codegen widget*/
}


.rtccontent .inlineelement .figureelement {
position: relative;
/* addresses g1481870 where floating palette hovers over top of axes */
padding-top: 1px;
}

.rtccontent .rightpaneelement .figureelement {
  position: relative;
  max-height: inherit;
  /*addresses g1300912 where errordlg cuts off current output border.*/
  padding: 2px;
}

.rtccontent .embeddedoutputsmatrixelement,
.rtccontent .eooutputwrapper .matrixelement {
  min-height: 18px;
  box-sizing: border-box;
}

.rtccontent .embeddedoutputsmatrixelement .matrixelement,
.rtccontent .eooutputwrapper  .matrixelement,
.rtcdatatipelement .matrixelement {
  position: relative;
}

.rtccontent .matrixelement .variablevalue,
.rtcdatatipelement .matrixelement .variablevalue {
  white-space: pre;
  vertical-align: top;
  overflow: scroll;
}

.rtccontent .embeddedoutputsmatrixelement.inlineelement {
}

.rtccontent .embeddedoutputsmatrixelement.inlineelement .topheaderwrapper {
  display: none;
}

.rtccontent .embeddedoutputsmatrixelement.inlineelement .vetable .body {
  padding-top: 0 !important;
  max-height: 100px;
}

.rtccontent .inlineelement .matrixelement {
  max-height: 300px;
}

.rtccontent .embeddedoutputsmatrixelement.rightpaneelement {

}

.rtccontent .rightpaneelement .matrixelement,
.rtcdatatipelement .matrixelement {
  overflow: hidden;
  padding-left: 9px;
}

.rtccontent .rightpaneelement .matrixelement {
  margin-bottom: -1px;
}

.rtccontent .embeddedoutputsmatrixelement .matrixelement .valuecontainer,
.rtccontent .eooutputwrapper .matrixelement .valuecontainer,
.rtcdatatipelement .matrixelement .valuecontainer {
  white-space: nowrap;
  margin-bottom: 3px;
}

.rtccontent .embeddedoutputsmatrixelement .matrixelement .valuecontainer .horizontalellipsis.hide,
.rtccontent .embeddedoutputsmatrixelement .matrixelement .verticalellipsis.hide,
.rtccontent .eooutputwrapper .matrixelement .valuecontainer .horizontalellipsis.hide,
.rtccontent .eooutputwrapper .matrixelement .verticalellipsis.hide,
.rtcdatatipelement .matrixelement .valuecontainer .horizontalellipsis.hide,
.rtcdatatipelement .matrixelement .verticalellipsis.hide {
  display: none;
}

.embeddedoutputsvariablematrixelement .matrixelement .valuecontainer.hideellipses .verticalellipsis, 
.embeddedoutputsvariablematrixelement .matrixelement .valuecontainer.hideellipses .horizontalellipsis {
  display:none;
}

.rtccontent .embeddedoutputsmatrixelement .matrixelement .valuecontainer .horizontalellipsis,
.rtccontent .eooutputwrapper .matrixelement .valuecontainer .horizontalellipsis {
  margin-bottom: -3px;
}

.rtccontent .eooutputwrapper .embeddedoutputsvariablematrixelement .matrixelement .valuecontainer {
  cursor: default !important;
}

.rtccontent .busyholder {
  top: 0;
  position: absolute;
  background: transparent;
  border: none;
  z-index: 11;
}

.rtccontent .busyholder .progressholder {
  top: 2px;
  position: absolute;
  background: transparent;
}

.rtccontent .busyholder:not(.busy):not(.error) {
  height: 0 !important;
}

.rtccontent .busyholder.busy,
.rtccontent .busyholder.error {
  background: rgba(240, 240, 240, 1);
  border-bottom: 1px solid rgba(218, 218, 218, 1);
  box-shadow: inset -3px 0 6px -5px rgba(0, 0, 0, 1);
}

.rtccontent .busyholder.busy .progressholder,
.rtccontent .busyholder.error .progressholder {
  /* need both of below for browser compatibility */
  cursor: pointer;
  /* < ie11*/
  cursor: hand;
}

.rtccontent .busyholder.error .progressholder {
  padding-left: 1px;
}

.rtccontent .donutgutter {
  fill: transparent;
  stroke: rgba(0, 0, 0, 0.1);
}

.rtccontent .donutprogress {
  stroke: rgba(0, 153, 255, 1);
  fill: transparent;
  stroke-dasharray: 0,1; /* need to initialize dasharray to 0,1 so it will start empty */
}

.rtccontent .bordercontainerwithsplitter .splitterv .splitterlinev {
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

.rtccontent .bordercontainerwithsplitter .visiblesplitter,
.rtccontent .bordercontainerwithsplitter .splitterv:hover .splitterlinev {
  transition: none;
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}

.rtccontent .bordercontainerwithsplitter .splitterv:hover .splitterlinev {
  border-left: thin solid rgb(102, 102, 102);
}

.rtccontent .bordercontainerwithsplitter .splitterv .splitterlinev {
  box-shadow: none;
}

.rtccontent .bordercontainerwithsplitter .splitterv {
  background-color: transparent;
  padding-left: 2px;
  padding-right: 4px;
  width: 1px;
}

.buttonpanelshift {
  margin-right: 17px;
}

/* style scrollable regions */
.rtccontent .scrollableoutput {
  border-top: 1px solid rgba(244, 244, 244, 1);
  border-bottom: 1px solid rgba(244, 244, 244, 1);
}

/*
* if this scrollableoutput follows any other type of scrollableoutput, remove the top
* border to prevent a double thickness border. focusedoutput and selectionstart classes
* will override the color of the border, so this shouldn't apply to those classes.
*/
.rtccontent .rightpaneelement.scrollableoutput .rightpaneelement.scrollableoutput:not(.focusedoutput):not(.selectionstart),
.rtccontent .inlineelement.scrollableoutput .inlineelement.scrollableoutput {
  border-top-color: rgba(255, 255, 255, 0);
}

.rtccontent .rightpaneelement.scrollableoutput::-webkit-scrollbar-thumb,
.rtccontent .inlineelement.scrollableoutput::-webkit-scrollbar-thumb,
.rtcdatatipelement.scrollableoutput::-webkit-scrollbar-thumb{
  background-color: rgba(0, 0, 0, 0);
}

.rtccontent .rightpaneelement.scrollableoutput:hover::-webkit-scrollbar-thumb,
.rtccontent .inlineelement.scrollableoutput:hover::-webkit-scrollbar-thumb,
.rtcdatatipelement.scrollableoutput:hover::-webkit-scrollbar-thumb{
  background-color: rgba(0, 0, 0, 0.1);
}

.rtccontent .rightpaneelement.scrollableoutput:hover::-webkit-scrollbar-thumb:hover,
.rtccontent .inlineelement.scrollableoutput:hover::-webkit-scrollbar-thumb:hover,
.rtcdatatipelement.scrollableoutput:hover::-webkit-scrollbar-thumb:hover{
  background-color: rgba(0, 0, 0, 0.2);
}

.rtccontent .inlineelement .symbolicelement {
  margin-top: 1px;
  margin-bottom: 1px;
}

.rtccontent .rightpaneelement .symbolicelement {
  padding-top: 3px;
  padding-left: 9px;
}

.rtccontent .embeddedoutputssymbolicelement .mathequation {
  margin-top: 4px;
  margin-bottom: 4px;
}

.rtccontent .embeddedoutputssymbolicelement .mathequation.displaysymbolicelement {
  margin-left: 15px;
}

.rtccontent .embeddedoutputssymbolicelement .mathequation.inlinesymbolicelement {
}

.rtccontent .embeddedoutputssymbolicelement {
  overflow-x: auto;
  overflow-y: auto;
}

.mwdefaultvisualfamily.mwrichtextcomponent .embeddedoutputssymbolicelement .mwequationeditor.enabled {
  /* no border on equation editor in outputs */
  box-shadow: 0 0 0;
  background: #ffffff;
}

.rtccontent .embeddedoutputstextelement,
.rtccontent .embeddedoutputsvariablestringelement {
  white-space: pre;
  word-wrap:  initial;
  min-height: 18px;
  max-height: 250px;
  overflow: auto;
}

.rtccontent .textelement,
.rtcdatatipelement .textelement {
  padding-top: 3px;
}

.rtccontent .embeddedoutputstextelement.inlineelement,
.rtccontent .embeddedoutputsvariablestringelement.inlineelement {

}

.rtccontent .inlineelement .textelement {

}

.rtccontent .embeddedoutputstextelement.rightpaneelement,
.rtccontent .embeddedoutputsvariablestringelement.rightpaneelement {
  min-height: 16px;
}

.rtccontent .rightpaneelement .textelement {
  padding-top: 2px;
  padding-left: 9px;
}

.rtccontent .vespecifier {
}

.rtccontent .vecontainer {
}

.rtccontent .vespecifierbox {
  height: 400px;
  width: 500px;
}

.rtccontent .vespecifier .vetable {
  padding-top: 3px;
  padding-bottom: 4px;
}

.rtccontent .vespecifierbox .vespecifier .vecontainer {
  position: relative;
  width: 100%;
  height: 370px;
}

.rtccontent .vespecifierbox .dijitdialogpanecontent {
  width: 97% !important;
  height: 88% !important;
}

.rtccontent .vespecifier .vetable .rowheaderswrapper {
  padding-bottom: 0;
}

.rtccontent .vespecifier .vetable .scroller .variableeditorrenderers {
  padding-right: 3px;
  -webkit-user-select: none;  /* chrome all / safari all */
  -moz-user-select: none;     /* firefox all */
  -ms-user-select: none;      /* ie 10  */
}

.rtccontent .vespecifier .vetable .topheaderwrapper,
.rtccontent .vespecifier .vetable .bottomrowheaderwrapper {
  visibility: hidden;
  z-index: 0;
}

.rtccontent .vemetasummary {
  font-style: italic;
}

.rtccontent .vespecifier .vetable .scroller {
  overflow: hidden;
}

.rtccontent .vespecifier .vetable:hover .scroller {
  overflow: auto;
}

.rtccontent .vespecifier .vevariablename,
.rtccontent .vespecifier .vedimensionfont {
  font-family: menlo, monaco, consolas, "courier new", monospace;
  font-size: 12px;
}

.rtccontent .vespecifier .vevariablename {
  padding-top: 2px;
}

.rtccontent .vespecifier .vedimensionfont {
  font-style: italic;
  color: #9a9a9a;
}

/* set styling of scrollbars */
.rtccontent .vespecifier .scroller::-webkit-scrollbar-track {
  background-color: white;
}

.rtccontent .vespecifier .scroller::-webkit-scrollbar-corner {
  background-color: white;
}
/* end styling of scrollbars */

.rtccontent .vespecifier .vetable .toprowheaderwrapper {
  border: none;
  background-color: #f8f9fa;
}

.rtccontent .vespecifier .mw_type_listbase.showcellborders,
.rtccontent .vespecifier .vetable .topheaderwrapper,
.rtccontent .vespecifier .vetable .bottomrowheaderwrapper,
.rtccontent .vespecifier .vetable .verticalscrollspacer,
.rtccontent .vespecifier .vetable .horizontalscrollspacer {
  /*remove border around entire widget*/
  border: none;
}

.rtccontent .vespecifier .vetable .datascrollernode {
  border: 1px solid #bfbfbf;
}

.rtccontent .vespecifier .vetable .columnheadernode,
.rtccontent .vespecifier .vetable .rowheadernode,
.rtccontent .vespecifier .vetable .databody {
  font-family: arial;
  font-size: 13px;
}

.rtccontent .vespecifier .vetable .columnheadernode,
.rtccontent .vespecifier .vetable .rowheadernode {
  color: #7f7f7f;
}

.rtccontent .vespecifier .vetable .databody {
  color: #000000;
}

/*
column headers are made up of draggable lines and actual headers
apply background color to both
*/
.rtccontent .vespecifier .vetable .columnheadernode .cell .drag,
.rtccontent .vespecifier .vetable .columnheadernode .cell .header,
.rtccontent .vespecifier .vetable .topheaderwrapper,
.rtccontent .vespecifier .vetable .bottomrowheaderwrapper {
  background-color: #f8f9fa;
}

.rtccontent .vespecifier .vetable .columnheadernode .cell .dragborder {
  border-right: 1px solid #f8f9fa;
}

.rtccontent .vespecifier .vetable .rowheadernode .cell {
  padding-top: 3px;
  text-align: center;
  border-bottom: 1px solid #f8f9fa;
}

.rtccontent .vespecifier .vetable .databody .cell .plaintext {
  text-align: right;
}

.rtccontent .vespecifier .vetable .databody .row .cell {
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}

.rtccontent .embeddedoutputsvariableelement {
  white-space: pre-wrap;
  word-wrap: break-word;
  min-height: 18px;
  max-height: 250px;
  overflow: auto;
}

.rtccontent .variableelement {

}

.rtccontent .embeddedoutputsvariableelement.inlineelement {

}

.rtccontent .inlineelement .variableelement {

}

.rtccontent .embeddedoutputsvariableelement.rightpaneelement {
  min-height: 16px;
}

.rtccontent .rightpaneelement .variableelement {
  padding-top: 2px;
  padding-left: 9px;
}

.variablenameelement {
  margin-bottom: 3px;
  display: inline-block;
}

.rtccontent .embeddedoutputsvariabletableelement .clientviewdiv  table tr {
height: 22px;
white-space: nowrap;
}

.rtccontent .embeddedoutputsvariabletableelement .clientviewdiv  table tr td,
.rtccontent .embeddedoutputsvariabletableelement .clientviewdiv  table tr th {
background-color:white;
text-overflow: ellipsis;
font-family: 'arial', sans-serif;
font-size: 12px;
overflow : hidden;
}

.rtccontent .embeddedoutputsvariabletableelement .clientviewdiv  table tr span {
text-overflow: ellipsis;
padding: 3px;
}
.rtccontent .embeddedoutputsvariabletableelement .clientviewdiv  table tr th {  
color: rgba(0,0,0,0.5);
padding: 3px;
font-size: 9px;
}

.rtccontent .togglebuttonpanel {
  width: 22px;
  height: auto;
  padding: 3px 3px 1px 3px;
  border-bottom: 1px solid rgba(218, 218, 218, 1);
}

.rtccontent .togglebutton {
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-size: 16px 16px;
  background: no-repeat center;
  margin-left: 1px;  /* g1814758 - button icons have a 1px gap on the right side so adding a
   margin on the left to accommodate that*/
}

.rtccontent .togglebuttonpanel .mwtogglebutton:not(:last-child) {
  margin-bottom: 2px;
}

.rtccontent .togglebuttonpanel .mwtogglebutton {
  height: 22px;
}

.rtccontent .rightmargincontainer .togglebuttonpanel .mwtogglebutton.mwtogglebuttonhover:not(.mwtogglebuttonchecked) {
  border-color: rgb(128, 128, 128);
}

/* bottom button */
.rtccontent .togglebuttonpanel .mwtogglebutton   .mwtogglebutton {
  margin-top: -4px
}

.rtccontent .togglebuttonpanel .mwtogglebutton:not(.mwtogglebuttonchecked) {
  border-color: transparent;
  box-shadow: none;
}

.rtccontent .togglebuttonpanel .mwtogglebutton.mwtogglebuttonchecked {
  z-index: 1; /* g1892926 - increasing the z-index of the checked button so the background is
  above the unchecked buttons shadow. */
}

/* styling that is common to warnings and errors is in diagnosticoutput.css */

.rtccontent .embeddedoutputswarningelement{
  min-height: 18px;
  max-height: 250px;
  overflow: auto;
}

.rtccontent .embeddedoutputswarningelement.inlineelement {

}

.rtccontent .embeddedoutputswarningelement.rightpaneelement {

}

/* css file for in-line view outputs */

/* a div around a collection of outputregion divs for grouped outputs */
.rtccontent .outputgroup {
  margin: 2px 0 2px 0;
  padding: 2px 2px 2px 4px;
}

/* a div covering a single output widget */
.rtccontent .outputregion {

}

.rtccontent .outputparagraph {
  color: rgba(64, 64, 64, 1);
  padding: 10px 0 6px 17px;
  background: white;
  overflow-x: hidden;
}

.rtccontent .inlinewrapper:last-child .outputparagraph {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* empty output paragraphs should not show up with any spacing */
.rtccontent .outputparagraph:empty {
  margin: 0;
}

.rtccontent .linenode.selectedline {

}

.rtccontent .outputsonright .rightpaneelement:not(.scrollableoutput) {
  /* this padding is used to allocate space for the border */
  padding: 1px;
}

.rtccontent .outputsonright .rightpaneelement.scrollableoutput {
  /*
   * scrollable outputs already have a top and bottom border, so only
   * allocate padding for the border on the left and right.
   */
  padding: 0 1px 0 1px;
}

/* replaces the left/right padding with a blue border for all outputs in the selection */
.rtccontent .outputsonright .rightpaneelement.selectedoutput {
  border-left: 1px solid rgb(217, 217, 217);
  border-right: 1px solid rgb(217, 217, 217);

  /* remove padding since we are showing a left and right border instead */
  padding-left: 0;
  padding-right: 0;

  /* top and bottom selections will override the border radius */
  border-radius: 0;
}

/* replaces the top padding with a blue border for the first contiguous output of each selection */
.rtccontent .outputsonright .rightpaneelement.selectedoutput.selectionstart {
  border-top: 1px solid rgb(217, 217, 217);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

  /* remove padding since we are showing a top border instead */
  padding-top: 0;
}

/* replaces the bottom padding with a blue border for the last contiguous output of each selection */
.rtccontent .outputsonright .rightpaneelement.selectedoutput.selectionend {
  border-bottom: 1px solid rgb(217, 217, 217);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;

  /* remove padding since we are showing a bottom border instead */
  padding-bottom: 0;
}

.rtccontent .outputsonright .rightpaneelement.focusedoutput {
  border: 1px solid rgb(0, 154, 225);
  border-radius: 4px;
  /* remove padding since we are showing a border instead */
  padding: 0;
}

/*
* remove rounded corners on ie edge. this is to avoid a browser bug that causes outputs not to
* gray out when stale (g1437564).
*/
@supports (-ms-accelerator:true) {
  .rtccontent .outputsonright .rightpaneelement {
      border-radius: 0 !important;
  }
}

.rtccontent .outputsonright .rightpaneelement.highlightonhover:hover {
  /* use a box shadow so that we can see both the selection and the hover affordances at the same time. */
  box-shadow: inset 0 0 0 1px rgb(217, 217, 217);
}

.rtccontent .outputsonright .rightpaneelement.highlightonhover:not(.selectedoutput):hover {
  border-radius: 4px;
}

/*
the outputs on the right pane
*/
.rtccontent .outputsonright {
  position: absolute;
  height: 100%;
  top: 0;
  overflow: hidden;
  color: black;
}

.rtccontent .imageindialog {

}

.rtccontent .rightpaneelement {
  margin-left: 10px;
  margin-right: 10px;
}

.rtccontent .rightpaneelement .variablevalue:hover {
  /*disable value affordance until we implement pop out button.*/
  /*box-shadow: 0px 0px 5px #888888;*/
}

.rtccontent .outputsonright .outputcontentpane {
  position: absolute;
  padding-top: 5px;
  width: 100%;
}

.rtccontent .outputsonright .outputscrollpane {
  position: relative;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

/*
* the following style is for the alert indicator plugin.
* if styling for this plugin grows it may be beneficial to
* introduce a separate css file for the plugin
*
* this style is to split a long individual word that does not fit in the tooltip
* g1110540
*/
.dijittooltip .dijittooltipcontainer.dijittooltipcontents .alerttooltipmessage {
  word-wrap: break-word;
  min-width: 12px;
  max-width: 250px;
}

.rtccontent .scrollpane.responsiveview.codehidden .codeblock.livecontrolnodeslider .inlinewrapper,
.rtccontent .scrollpane.responsiveview.codehidden .codeblock.livecontrolnodecombobox .inlinewrapper,
.rtccontent .scrollpane.responsiveview.codehidden .codeblock.livecontrolnodecheckbox .inlinewrapper,
.rtccontent .scrollpane.responsiveview.codehidden .codeblock.livecontrolnodeeditfield .inlinewrapper,
.rtccontent .scrollpane.responsiveview.codehidden .codeblock.livecontrolnodebutton .inlinewrapper {
  display: inline-block;
}

.rtccontent .codeblock img.figureimage.figurecontainingnode {
  padding-bottom: 0px !important;
}