/* ==========================================================================
   WORKFLOW CLOUD
   ========================================================================== */
.workflow .workflow-tabs { margin: 0 0 0 12px; }
.workflow section, .workflow section h1:not(.toggle), .workflow .feedback-content, .workflow #intro, .workflow h1 + .inlineFunctionList, .workflow h1 + ul.functionList { max-width: 100% !important; }
.workflow #intro { padding: 1.6rem 26px 0 !important; }
.workflow .related-links { max-width: 100% !important; }
.workflow section.alternateHeader { max-width: 100%; margin: .7rem !important; }
.workflow .section-wrapper { width: 100%; max-width: 100%; padding: 0; }
.workflow .guide, .workflow .guide.grid { max-width: 100% !important; }
.workflow-guide .guide .inner { padding: 2rem 12px; }
.workflow .related-links { padding: 0 12px !important; }
.workflow .related-links.last .inner { padding: 0 0 1.5rem !important; }
.workflow:not(.workflow-guide) .platform-container .inner { padding: 0; }

@media (max-width: 600px) {
  .workflow .guide .grid { padding: 0 !important; margin: 0 !important; }
  .workflow .guide .grid .special { margin: .8rem 0 .8rem 5%; }
  .workflow .special { position: relative; margin: 10px 0 10px 19px; padding: 0; cursor: pointer; }
  .workflow .special.hover a { color: #f77700 !important; }
  .workflow .special.hover a:before { border-color: #f77700; }
  .workflow .special a { width: 85%; display: inline-block; }
  .workflow .special + ul li { display: none; margin-left: 19px !important; margin-right: 40px; }
  .workflow .special:before { content: ''; border-left: 0;border-right: 1px solid #333; border-bottom: 1px solid #333; width: 6px; height: 6px; display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: -13px; top: 5px; }
  .workflow .special.open:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 3px; }
  .workflow .special:hover a { color: #333; }
  .workflow .special a:hover, .workflow .special:hover { color: #f77700; }
  .workflow .special:hover:before { border-color: #f77700; }
  .workflow .special:hover .special-character.RightGuillemet { color: #37a8ac; }
  .workflow .special-character.RightGuillemet { cursor: pointer; color: #37a8ac; font-size: 2rem; position: absolute; right: 0; top: -10px; font-weight: 300; display: inline-block; width: 30px; }
  .workflow .special-character.RightGuillemet:hover { color: #f77700 !important; }
  .workflow .special.open a:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 4px; left: -12px; }
  .workflow .open.special + ul li { display: block; }
  .workflow .num-workflows { color: #bfbfbf; padding: 0 5px; display: inline-block; font-family: 'Roboto'; font-size: .75rem; }
  .workflow .special.hover .num-workflows { color: #f77700; }
  .workflow section.alternateHeader { margin: 0 !important; }
  .workflow .topContentWrap { height: 2.1rem; min-height: 30px; }
}