/* 
	Styles for simulation pages

	TODO:
	- Change all rules for '.ui-select' to '.ui-selectmenu' (since upgrade to jQuery Mobile 1.5.0 RC 1).
*/
/*
	OVERRIDES FOR TRIP
*/
.trip-block.trip-style-vesl {
  padding: 0;
  max-width: 320px;
  font-size: 14px;
  background-color: transparent;
  color: #222222; }
  .trip-block.trip-style-vesl .trip-close {
    margin-top: 0;
    right: 5px;
    font-size: initial; }
  .trip-block.trip-style-vesl .trip-header {
    border-top-left-radius: 2.5px;
    border-top-right-radius: 2.5px;
    padding: 5px;
    line-height: 14px;
    height: calc(2 * 5px + 14px);
    font-weight: 600;
    background-color: #A5A6A7;
    color: #FFFFFF; }
  .trip-block.trip-style-vesl .trip-content {
    padding: 5px;
    background-color: #FFFFFF; }
    .trip-block.trip-style-vesl .trip-content > *:last-child {
      margin-bottom: 0 !important; }
    .trip-block.trip-style-vesl .trip-content::after {
      clear: both;
      display: block;
      visibility: hidden;
      height: 0;
      content: " "; }
  .trip-block.trip-style-vesl .trip-navigation {
    width: 100%;
    font-weight: 600; }
    .trip-block.trip-style-vesl .trip-navigation a {
      background-color: #117CC0;
      color: #FFFFFF; }
      .trip-block.trip-style-vesl .trip-navigation a:hover, .trip-block.trip-style-vesl .trip-navigation a:active, .trip-block.trip-style-vesl .trip-navigation a:focus {
        text-decoration: none;
        color: #FFFFFF; }
      .trip-block.trip-style-vesl .trip-navigation a:hover {
        background-color: #1999eb; }
      .trip-block.trip-style-vesl .trip-navigation a:active {
        background-color: #0d5e91; }
      .trip-block.trip-style-vesl .trip-navigation a.disabled {
        cursor: not-allowed;
        pointer-events: initial;
        color: #A5A6A7; }
        .trip-block.trip-style-vesl .trip-navigation a.disabled:hover, .trip-block.trip-style-vesl .trip-navigation a.disabled:active, .trip-block.trip-style-vesl .trip-navigation a.disabled:focus {
          background-color: #117CC0; }
      .trip-block.trip-style-vesl .trip-navigation a.trip-prev {
        border-bottom-left-radius: 2.5px; }
      .trip-block.trip-style-vesl .trip-navigation a.trip-next {
        border-bottom-right-radius: 2.5px; }
  .trip-block.trip-style-vesl .trip-progress-bar {
    height: 0; }

.trip-overlay {
  opacity: 0.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  font-weight: 600; }

h1 {
  font-size: 16px; }

h2 {
  font-size: 15px;
  text-transform: none; }

h3,
h4,
h5,
h6 {
  font-size: 14px; }

.sim-primary-buttons {
  position: absolute;
  z-index: 10000;
  display: block;
  bottom: 0;
  border-top: 1px solid #FFFFFF;
  width: 100%;
  background-color: #117CC0; }
  .sim-primary-buttons::after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: " "; }
  .sim-primary-buttons .sim-primary-buttons-left > *,
  .sim-primary-buttons .sim-primary-buttons-right > * {
    float: left; }
    .sim-primary-buttons .sim-primary-buttons-left > *.button,
    .sim-primary-buttons .sim-primary-buttons-right > *.button {
      margin-bottom: 0;
      border-radius: 0; }
      .sim-primary-buttons .sim-primary-buttons-left > *.button.sim-primary-button-active,
      .sim-primary-buttons .sim-primary-buttons-right > *.button.sim-primary-button-active {
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;
        background-color: #0d5e91; }
  .sim-primary-buttons .sim-primary-buttons-left {
    float: left; }
    .sim-primary-buttons .sim-primary-buttons-left .button {
      border-right: 1px solid #FFFFFF; }
  .sim-primary-buttons .sim-primary-buttons-right {
    float: right; }
    .sim-primary-buttons .sim-primary-buttons-right .button {
      border-left: 1px solid #FFFFFF; }
  .sim-primary-buttons .sim-primary-buttons-load-model-input {
    display: none; }

.main-content-wrapper {
  position: absolute;
  width: 100%;
  height: calc(100% - 30px - 1px); }
  .main-content-wrapper .simulation-wrapper,
  .main-content-wrapper .drawer {
    position: absolute; }
  .main-content-wrapper .simulation-wrapper {
    position: absolute;
    background-color: #FFFFFF; }
    .main-content-wrapper .simulation-wrapper .simulation-content-wrapper {
      position: absolute;
      width: 100%;
      height: 100%; }
      .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper,
      .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-results-wrapper {
        position: absolute;
        bottom: 0;
        z-index: 1950;
        font-size: 12px;
        line-height: 12px;
        background: #FFFFFF; }
      .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper {
        left: 0;
        height: calc(100% - 77px);
        font-weight: 600;
        box-shadow: 3px -3px 3px 3px rgba(0, 0, 0, 0.1); }
        .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .user-level {
          height: 100%; }
        .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar {
          padding: 5px;
          height: 100%; }
          .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar.double-colorbar {
            float: left; }
            .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar.double-colorbar + .double-colorbar {
              border-left: 1px solid #777777; }
          .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar header,
          .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar .colorbar-inner-wrapper {
            position: relative;
            text-align: center; }
          .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar header {
            margin: 0 0 5px 0;
            padding: 5px;
            font-size: 12px;
            line-height: 12px; }
            .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar header .colorbar-heading {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              width: calc(100% - 2 * 5px); }
              .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar header .colorbar-heading span {
                display: block; }
          .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar .colorbar-inner-wrapper .colorbar-canvas,
          .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar .colorbar-inner-wrapper .colorbar-labels {
            width: 100%;
            height: 100%; }
          .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar .colorbar-inner-wrapper .colorbar-canvas {
            position: relative; }
          .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar .colorbar-inner-wrapper .colorbar-labels {
            top: 0;
            z-index: 1;
            display: table;
            table-layout: fixed;
            text-align: center;
            text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
            margin: 0;
            width: 100%;
            position: absolute; }
            .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar .colorbar-inner-wrapper .colorbar-labels li {
              display: table-row; }
              .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .colorbar-outer-wrapper .colorbar .colorbar-inner-wrapper .colorbar-labels li span {
                display: table-cell;
                vertical-align: middle; }
      .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-results-wrapper {
        right: 0;
        padding: 5px;
        box-shadow: -3px -3px 3px 3px rgba(0, 0, 0, 0.1); }
        .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-results-wrapper > *:last-child {
          margin-bottom: 0 !important; }
        .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-results-wrapper .user-level > *:last-child {
          margin-bottom: 0 !important; }
        .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-results-wrapper .mock-form-fieldset {
          margin-bottom: 5px; }
          .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-results-wrapper .mock-form-fieldset .mock-form-fieldset-legend {
            font-size: 13px;
            line-height: 13px; }
        .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-results-wrapper .sim-results-gauge {
          padding: 5px 0 0 0;
          text-align: center; }
      .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-initial-message {
        position: absolute;
        z-index: 2000;
        width: 100%;
        height: 100%;
        background-color: #FFFFFF; }
        .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-initial-message .sim-initial-message-content-wrapper {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 100%; }
          .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-initial-message .sim-initial-message-content-wrapper .sim-initial-message-content {
            margin: 0 auto;
            max-width: 200px;
            text-align: center; }
            .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-initial-message .sim-initial-message-content-wrapper .sim-initial-message-content .sim-initial-message-image {
              margin-bottom: 10px; }
      .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-canvas-wrapper {
        position: absolute;
        z-index: 1900;
        width: 100%;
        height: 100%; }
      .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-canvas {
        position: absolute;
        z-index: 1900;
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
        cursor: grab; }
        .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .sim-canvas.sim-canvas-overlay {
          z-index: 1925;
          background-color: transparent;
          cursor: none;
          pointer-events: none; }
      .main-content-wrapper .simulation-wrapper .simulation-content-wrapper .data-marker {
        position: absolute;
        z-index: 2000;
        display: none;
        pointer-events: all;
        cursor: pointer; }
  .main-content-wrapper .drawer {
    z-index: 99999;
    background-color: #FFFFFF;
    /*
		.drawer-button-toggle-top-wrapper,
		.drawer-button-toggle-left-wrapper
		{
			position: absolute;
	
			.drawer-button-toggle
			{
				border-radius: 0;
			}
		}
	
		.drawer-button-toggle-top-wrapper
		{
			top: -20px;
			border-bottom: 3px solid $uiElementColor;
			width: 100%;
			height: 20px;
	
			.drawer-button-toggle
			{
				border-top-left-radius: $uiElementBorderRadius;
				border-top-right-radius: $uiElementBorderRadius;
				padding: 0;
				width: $uiElementHeight;
				height: 20px;
				line-height: 20px;
	
				span
				{
					height: 20px;
					line-height: 20px;
				}
			}
		}
	
		.drawer-button-toggle-left-wrapper
		{
			left: -20px;
			border-right: 3px solid $uiElementColor;
			width: 20px;
			height: 100%;
	
			.drawer-button-toggle
			{
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				border-top-left-radius: $uiElementBorderRadius;
				border-bottom-left-radius: $uiElementBorderRadius;
				width: 20px;
				padding: 0;
			}
		}
*/ }
    .main-content-wrapper .drawer .drawer-handle {
      position: absolute;
      z-index: 1;
      text-align: center;
      background: #117CC0; }
      .main-content-wrapper .drawer .drawer-handle.drawer-handle-left {
        left: 0;
        width: 7px;
        height: 100%;
        cursor: col-resize; }
        .main-content-wrapper .drawer .drawer-handle.drawer-handle-left .drawer-handle-icon {
          top: 50%;
          transform: translateY(-50%);
          width: inherit;
          height: auto; }
      .main-content-wrapper .drawer .drawer-handle.drawer-handle-top {
        top: 0;
        width: 100%;
        height: 7px;
        cursor: row-resize; }
        .main-content-wrapper .drawer .drawer-handle.drawer-handle-top .drawer-handle-icon {
          line-height: 7px; }
      .main-content-wrapper .drawer .drawer-handle .drawer-handle-icon {
        position: relative;
        display: block;
        font-size: 12px;
        color: #FFFFFF; }
    .main-content-wrapper .drawer .drawer-content {
      position: relative;
      width: 100%;
      height: 100%;
      font-size: 14px;
      box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.5);
      overflow-x: hidden;
      overflow-y: auto; }
      .main-content-wrapper .drawer .drawer-content header {
        text-align: center; }
      .main-content-wrapper .drawer .drawer-content .sim-drawer-pane {
        visibility: hidden;
        overflow: hidden;
        position: relative;
        width: 100%;
        min-width: 320px;
        height: 0; }
        .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content {
          position: relative;
          padding: 20px 5px;
          width: 100%; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content > *:last-child {
            margin-bottom: 0 !important; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content header {
            margin: 0 0 20px 0; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content p {
            text-align: left; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content ul > *,
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content ol > * {
            margin: 0 0 10px 0; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .multipart-drawer-pane-part {
            display: none;
            overflow-y: auto; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .multipart-drawer-pane-nav::after {
            clear: both;
            display: block;
            visibility: hidden;
            height: 0;
            content: " "; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .multipart-drawer-pane-nav .multipart-drawer-pane-nav-button.multipart-drawer-pane-nav-button-left {
            float: left;
            display: none; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .multipart-drawer-pane-nav .multipart-drawer-pane-nav-button.multipart-drawer-pane-nav-button-right {
            float: right; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-info-legend .sim-info-legend-row:not(:last-of-type) {
            margin: 0 0 5px 0; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-info-legend .sim-info-legend-row span {
            display: inline-block; }
            .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-info-legend .sim-info-legend-row span:first-of-type {
              width: 30%;
              text-align: center; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-instructions {
            margin-bottom: 5px; }
            .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-instructions > *:last-child {
              margin-bottom: 0 !important; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-select-menu-wrapper::after {
            clear: both;
            display: block;
            visibility: hidden;
            height: 0;
            content: " "; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-select-menu-wrapper > * {
            float: left; }
            .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-select-menu-wrapper > *:not(:last-child) {
              margin: 0 5px 0 0; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-select-menu-wrapper .ui-select,
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-select-menu-wrapper .ui-selectmenu {
            /* NOTE: '.ui-selectmenu' added after upgrade to jQuery Mobile 1.5.0 RC 1 */
            width: 100%; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-select-menu-wrapper.sim-controls-select-menu-with-button-wrapper .ui-select,
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-select-menu-wrapper.sim-controls-select-menu-with-button-wrapper .ui-selectmenu {
            /* NOTE: '.ui-selectmenu' added after upgrade to jQuery Mobile 1.5.0 RC 1 */
            width: calc(100% - 30px - 5px); }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper::after {
            clear: both;
            display: block;
            visibility: hidden;
            height: 0;
            content: " "; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper > * {
            float: left; }
            .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper > *:not(:last-child) {
              margin: 0 5px 0 0; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper.sim-controls-slider-with-text-wrapper .sim-controls-slider {
            width: calc(100% - 35px - 5px); }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper.sim-controls-slider-with-text-and-button-wrapper .sim-controls-slider {
            width: calc(100% - 35px - 30px - 2 * 5px); }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper.sim-controls-slider-with-button-wrapper .sim-controls-slider {
            width: calc(100% - 30px - 5px); }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper.sim-controls-slider-with-value-wrapper .sim-controls-slider {
            width: calc(100% - 55px - 5px); }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper.sim-controls-slider-with-value-and-button-wrapper .sim-controls-slider {
            width: calc(100% - 55px - 30px - 2 * 5px); }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper.sim-controls-slider-with-value-and-two-buttons-wrapper .sim-controls-slider {
            width: calc(100% - 55px - 2 * 30px - 3 * 5px); }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper.sim-controls-slider-with-value-and-text-wrapper .sim-controls-slider {
            width: calc(100% - 55px - 35px - 2 * 5px); }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper .sim-controls-slider {
            height: 30px; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper .sim-controls-slider-text {
            width: 35px;
            height: 30px;
            line-height: 30px;
            font-size: 14px; }
            .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper .sim-controls-slider-text.sim-controls-slider-text-centered {
              text-align: center; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .sim-controls-slider-wrapper .sim-controls-slider-value input {
            width: 55px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            font-weight: initial; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-controls .sim-controls-slider-wrapper.sim-controls-slider-with-value-wrapper .sim-controls-slider-value input {
            width: 85px; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-controls .sim-controls-slider-wrapper.sim-controls-slider-with-value-wrapper .sim-controls-slider {
            width: calc(100% - 85px - 5px); }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .ui-group-save-camera-frame-button {
            margin-bottom: 0; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-frame-playback-controls-and-frame-list {
            display: none; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-frame-list {
            margin: 0;
            list-style-position: inside; }
            .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-frame-list > *:last-child {
              margin-bottom: 0 !important; }
            .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-frame-list .camera-frame-list-item {
              border-top: 1px solid #222222;
              padding: 10px 0 0 20px; }
              .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-frame-list .camera-frame-list-item::after {
                clear: both;
                display: block;
                visibility: hidden;
                height: 0;
                content: " "; }
              .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-frame-list .camera-frame-list-item button {
                display: inline; }
                .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-frame-list .camera-frame-list-item button.camera-frame-select-button {
                  margin: 0 5px 0 0;
                  width: calc(100% - 5px - 30px - 16px); }
                .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-frame-list .camera-frame-list-item button.camera-frame-remove-button {
                  margin: 0; }
                .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .camera-frame-list .camera-frame-list-item button span {
                  line-height: 0; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .ui-group-playback-progress-text {
            text-align: center; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .ui-group-download-form-error {
            display: none;
            font-weight: 600;
            color: red; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .ui-group-two-buttons .ui-group-two-buttons-col {
            margin: 0;
            padding: 5px;
            width: 50%;
            float: left; }
            .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .ui-group-two-buttons .ui-group-two-buttons-col .anchor-button {
              width: 100%; }
            .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .ui-group-two-buttons .ui-group-two-buttons-col .button {
              width: 100%; }
          .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .preview-canvas-wrapper {
            width: 100%; }
            .main-content-wrapper .drawer .drawer-content .sim-drawer-pane .sim-drawer-pane-content .preview-canvas-wrapper .preview-canvas {
              display: block;
              margin: 0 auto;
              width: auto;
              max-height: 256px; }

@media (min-width: 1024px) {
  h1 {
    font-size: 22px; }
  h2 {
    font-size: 18px; } }