/**
 * Colors
 */
/**
 * Often re-used variables
 */
/**
* Toolset View block editor style.
*
* This file contains all the needed styles to be used inside Gutenberg editor when the Toolset View block is used.
*/
.wp-block-toolset-view .wp-block-toolset-view-placeholder {
  min-width: 180px; }
  .wp-block-toolset-view .wp-block-toolset-view-placeholder span {
    display: inline-block;
    line-height: initial; }
  .wp-block-toolset-view .wp-block-toolset-view-placeholder p {
    margin: 0.5em 0; }

.wp-block-toolset-view-preview {
  min-height: 188px; }
  .wp-block-toolset-view-preview .wpv-view-info-warning {
    padding: 10px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    border-radius: 3px;
    text-align: center;
    overflow: hidden; }
  .wp-block-toolset-view-preview div {
    margin: 0 0 5px 0; }
  .wp-block-toolset-view-preview div.more div {
    border: 1px dashed #e2e4e7; }
  .wp-block-toolset-view-preview .wpv-view-block-preview {
    height: 30px !important;
    line-height: 30px !important;
    overflow: hidden;
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #e2e4e7; }
    .wp-block-toolset-view-preview .wpv-view-block-preview.wpv-long-preview {
      height: 100% !important; }
  .wp-block-toolset-view-preview .view-information span {
    vertical-align: middle;
    display: table-cell; }
  .wp-block-toolset-view-preview div.loading {
    border: none; }
    .wp-block-toolset-view-preview div.loading span {
      background: url("../img/loader.gif") no-repeat;
      background-size: contain;
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 25px;
      margin: 0 5px 0 0; }
    .wp-block-toolset-view-preview div.loading div {
      margin: 0;
      background-color: #f8f9f9 !important; }
    .wp-block-toolset-view-preview div.loading .wpv-view-block-preview {
      border: none; }
  .wp-block-toolset-view-preview .view-information .view-purpose::before {
    font-family: 'dashicons', sans-serif;
    font-size: 25px;
    content: "\f164"; }
  .wp-block-toolset-view-preview .view-information .view-style::before {
    font-family: 'dashicons', sans-serif;
    font-size: 25px;
    content: "\f163"; }
  .wp-block-toolset-view-preview .view-information .view-purpose,
  .wp-block-toolset-view-preview .view-information .view-style {
    display: table; }
  .wp-block-toolset-view-preview .view-information .view-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center; }
    .wp-block-toolset-view-preview .view-information .view-title span {
      display: block; }
  .wp-block-toolset-view-preview .block-preview-list {
    overflow: hidden; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid [class*="span-preset"] {
      display: block;
      float: left;
      box-sizing: border-box;
      margin-left: 2.12766%;
      width: 100%;
      height: 70px;
      border-radius: 3px;
      background-color: #0074a2;
      color: #fff;
      text-align: center;
      line-height: 70px; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid [class*="span-preset"]:first-child {
      margin-left: 0; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .controls-row [class*="span-preset"] + [class*="span-preset"] {
      margin-left: 2.12766%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset12 {
      width: 100%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset11 {
      width: 91.4894%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset10 {
      width: 82.9787%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset9 {
      width: 74.4681%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset8 {
      width: 65.9574%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset7 {
      width: 57.4468%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset6 {
      width: 48.9362%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset5 {
      width: 40.4255%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset4 {
      width: 31.9149%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset3 {
      width: 23.4043%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset2 {
      width: 14.8936%; }
    .wp-block-toolset-view-preview .block-preview-list .row-fluid .span-preset1 {
      width: 6.38298%; }
  .wp-block-toolset-view-preview .block-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5); }
    .wp-block-toolset-view-preview .block-overlay .logo::before {
      font-family: 'onthegosystems-icons', sans-serif !important;
      content: "\f11e";
      font-size: 36px; }
    .wp-block-toolset-view-preview .block-overlay-content {
      display: none;
      position: sticky;
      position: -webkit-sticky;
      top: 50px;
      width: 75%;
      margin: 3px auto;
      text-align: center;
      padding: 15px;
      border: 1px solid #f05a28;
      border-radius: 3px;
      background: rgba(255, 255, 255, 0.7); }
    .wp-block-toolset-view-preview .block-overlay .button {
      display: inline-block;
      text-decoration: none;
      font-size: 13px;
      line-height: 26px;
      height: 28px;
      margin: 0;
      padding: 0 10px 1px;
      cursor: pointer;
      -webkit-appearance: none;
      border-radius: 3px;
      white-space: nowrap;
      box-sizing: border-box;
      background: #f05a28;
      border: 1px solid #ef6223;
      color: #fff !important; }
  .wp-block-toolset-view-preview:hover .block-overlay {
    background: rgba(246, 201, 86, 0.7); }
    .wp-block-toolset-view-preview:hover .block-overlay-content {
      display: block; }

.toolset-gutenberg-block-image.toolset-view-gutenberg-block {
  text-indent: 0; }

.toolset-gutenberg-block-image.toolset-view-gutenberg-block::before {
  font-family: 'onthegosystems-icons', sans-serif !important;
  content: "\f11e";
  font-size: 23px; }

.editor-inserter-with-shortcuts .toolset-gutenberg-block-image.toolset-view-gutenberg-block::before {
  line-height: 19px; }

.toolset-gutenberg-block-placeholder.toolset-view-gutenberg-block::before {
  font-family: 'onthegosystems-icons', sans-serif !important;
  content: "\f11e";
  font-size: 64px; }

.wp-block-toolset-view-inspector .results-notice ol {
  margin-left: 2em; }

.wp-block-toolset-view-inspector .results-notice li {
  list-style-position: inside; }

.wp-block-toolset-view-inspector .components-panel__row label {
  max-width: 100%; }

.wp-block-toolset-view-inspector .another-page-select {
  width: 100%; }

/*# sourceMappingURL=view.block.editor.css.map*/