/* fix to remove the asq-live-app and let viewers answer questions */

asq-live-app {display: none;}


@media screen {
  .step.flash.past,
  .step.flash.future {
      pointer-events: none;
  }
  /* progress bar */
  #progress {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 8px;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease, background .6s ease;
    transition: width .6s ease, background .6s ease;
  }

body {
  background-position: center;
  background-size: cover;
}

asq-canvas{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: 1;
  opacity: 0.6;
  pointer-events: all;
}

body[data-asq-role="presenter"] .astyle asq-exercise {display: none;}
body[data-asq-role="presenter"] .astyle asq-text-input-q-stats {height: 700px;}
body[data-asq-role="viewer"] .astyle asq-text-input-q-stats {height: 200px;}
body[data-asq-role="viewer"] #copyright {display: none;}

body[data-asq-role="viewer"] #welcome {display: none;}
body.impress-on-title #welcome, body.impress-on-title2 #welcome {display: none;}  

#title asq-welcome {font-size: 0.75em; color: #008;}

body.impress-on-title2 #title {opacity: 1;}

#powered-by-asq {
  position: fixed;
  font-size: 12px;
  top: 10px;
  right: 10px;
  pointer-events: auto;
}
#powered-by-asq a {
  display: inline-block;
}
#powered-by-asq img {
  width: 80px;
  margin-left: -10px;
}

#title h1 {font-size: 1.4em;}


#copyright img {width:100px;}



#conn.past, #title.past {opacity:1;}
body.impress-on-conn2 #conn h3 {-webkit-transform:translate(7em); transition: -webkit-transform 0.6s;}

div.table span {display: inline-block; width: 33%;}



body.impress-on-ch {background:#fff}
body.impress-on-ch2 {background-image:url("images/Lago_Ceresio.jpg"); background-size:cover}
body.impress-on-ch2 #ch img {opacity:0}
body.impress-on-ch3 {background-image:url("images/Lago_Ceresio.jpg"); background-size:cover}
body.impress-on-ch3 #ch img {opacity:0}
body.impress-on-ch4 {background-image:url("images/Lago_Ceresio.jpg"); background-size:cover}
body.impress-on-ch4 #ch img {opacity:0}
#ch3.step {background:rgba(255,255,255,0.8); padding-top:0; padding-bottom:0}

#ch4.step {background:rgba(255,255,255,0.8); padding-top:0; padding-bottom:0;
background: -webkit-linear-gradient(0deg,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.75) 75%, rgba(255,255,255,0) 100% ); /* Chrome10+,Safari5.1+ */
}
#ch3.future {opacity:0}

body.impress-on-ch4 #ch2 {opacity:1;}
#ch3.future, #ch3.past {opacity:0}
#ch2.future {opacity:0}
#ch4.future {opacity:0}

#ch4 h3 {font-size:1.25em; text-align: center;}
#ch4 p {text-align: center; background-color: rgba(255,255,255,0.9)}
#ch4 a {color: rgb(32,32,32);}
#ch4 li:hover {background-color: rgba(255,255,255,0.9)}

#ch2 h3 {color: white; text-shadow: 1px 0px 5px black, 0px 1px 5px black, -1px 0px 5px black, -1px 0px 5px black;}

#restbpmlit h3 {margin-top: 3em;}
#bpr-asynch h3 {margin-top: 1em;}

#bigp h2:after {content:"M";}
body.impress-on-bigp-cloud #bigp h2:after {content:"aaS";}

body.impress-on-bigp-cloud {background-image:url("images/cloud.png"); background-size:cover}

body.impress-on-bpmnr-loan {background-image:url("images/bpmnr-loan.png"); background-size:cover; background-position: left}
body.impress-on-bpmnr-loan2 {background-image:url("images/bpmnr-loan.png"); background-size:cover; background-position: right}
body.impress-on-bpmnr-restbucks {background-image:url("images/bpmnr-restbucks.png"); background-size:cover; background-position: center top}
body.impress-on-bpmnr-restbucks2 {background-image:url("images/bpmnr-restbucks.png"); background-size:cover; background-position: center bottom}

body.impress-on-bpmnr-restbucks2, body.impress-on-bpmnr-restbucks, body.impress-on-bpmnr-loan2,
body.impress-on-bpmnr-loan
 {transition: background-position 1s;}

#par.past {opacity:1;}

.step.vscroll {max-height: 1024px; overflow: scroll;}

#par-ch {width: 90vw;}

#bpr-media svg {-webkit-transform:translate(1em,0) scale(1.4); }




#mw-ex1 svg {-webkit-transform:translate(50%,0) scale(2); }
#mw-ex2 svg {-webkit-transform:translate(2em,0) scale(1.5); }
#mw-ex3 svg {-webkit-transform:translate(2em,-2em) scale(1.5);  }
#comp svg {-webkit-transform:translate(2em,-2em) scale(1.5);  }
#rep-comp svg {-webkit-transform:translate(0,-2em) scale(1.5);  }
#dmap-ex1 svg {-webkit-transform:translate(5em,0) scale(3); }
#dmap-ex5 svg {-webkit-transform:translate(0,0) scale(1.2); }

#rest svg {float:right}
#res-comp {text-align:center}

body.impress-on-rest2 #rest {opacity:1}
body.impress-on-rest2 #rest ol>li:last-child {border:red dashed 4px; font-weight: bold}
body.impress-on-sl-ex2-p #sl-ex2 {opacity:1}
body.impress-on-rest-comp2 #rest-comp {opacity:1}
body.impress-on-sl-dmap2 #sl-dmap {opacity:1}
body.impress-on-refs2 #refs {opacity:1}
#dmap-ex3.future, #mw-ex2.future, #rest-comp2.future {opacity:0}
#dmap-ex2.past {opacity:0}

#restbpmlit2 {width: 90vw;}
#restbpmlit2 ul {margin-left: 2em;}

body.impress-on-restbpmlit2 #restbpmlit {opacity: 1}

body.impress-on-dmap-jopera {background-image:url("images/dmap-jopera.png"); background-size:cover}
body.impress-on-rest #video {opacity:0}
body.impress-on-rest2 #video {opacity:0}
body.impress-on-dmap-jopera #video {display:none;}
body.impress-on-rest-comp #video  {margin-bottom: 8em}
body.impress-on-rest-comp2 #video {margin-bottom: 5em}
body.impress-on-sl-ex2 #video, body.impress-on-sl-ex2-p #video {margin-bottom:20em}

#video {-webkit-transition: all 0.75s; width:50%; margin-left:50%; }

pre code.s .method {color: #d7eef4}
pre code.s .service {color: #e6e6e6}
pre code.s .resource {color: #ffffff}
pre code.s .state {color: #DAD085}
pre code.s .qvar {color: #0F0}

#comp-theend h2{ font-size: 1.5em; }

body.impress-on-restwork {background-image:url("images/restwork.jpg"); background-size:contain; background-repeat: no-repeat; background-color: #2aa9ff;}
body.impress-on-justemail {background-image: url("images/email-anti-patterns-title_page.png"); background-size:contain; background-repeat: no-repeat;}
body.impress-on-soawithrest {background-image: url("images/soawithrest.jpeg"); background-size:contain; background-repeat: no-repeat;}

#justemail-datamail-disco.past {opacity: 1;}

#rest-vs-msg2 svg {margin-left: 50%;}

#asq-restbpm {width: 90vw;}





code.nohighlight {white-space: pre-wrap;}


#title h1 {font-size:1.2em;}




#why.future {opacity:0.5}
#why2.future {opacity:0.5}
body.impress-on-why #why3 {opacity:0}
body.impress-on-why2 #why3 {opacity:0}
body.impress-on-tcc-http-protocol2 #tcc-http-protocol {opacity:1}
body.impress-on-tcc2 #tcc {opacity:1}
body.impress-on-title2 #title {opacity: 0}

#why.past {opacity:1}
#why2.past {opacity:1}
#why3.past {opacity:1}
#why2.previous {opacity:1}
#ctx.past, #problem.past, #constraints.past, #tcc-http-protocol-fail.past, #comp-wf.past, #tcc-http-protocol-fail.past {opacity:1}

#title2.future, #problem2.future, #tcc-try.future, #tcc-timeout.future, #tcc-timeout2.future, #tcc-confirm.future, #tcc-cancel.future, #timing.past, #timing2.future, #tcc-http-protocol-fail-cancel.future, #tcc-http-protocol-fail-cancel.past, #deploy2.future, #deploy.past, #deploy-wb.future, #deploy-wb.past, #deploy-taas.future {opacity:0}

#deploy2.past h2 {opacity:0}

svg {text-shadow: none}

body.impress-on-problem-down svg #g8101 {-webkit-transform: translateY(180px); -webkit-transition: -webkit-transform 1s}
svg #g8101 {-webkit-transform: translateY(0px); -webkit-transition: -webkit-transform 1s}
body.impress-on-problem2 svg #g8101 {-webkit-transform: translateY(180px); -webkit-transition: -webkit-transform 1s}

xsvg g.downit {-webkit-transform: translateY(0px); -webkit-transition: -webkit-transform 1s}
xsvg g.down {-webkit-transform: translateY(180px); -webkit-transition: -webkit-transform 1s}
xsvg g, #gdown {-webkit-transition: -webkit-transform 1s}

#p-acid2 {color: white;}
body.impress-on-p-acid2 {background: black;}
#p-acid .substep, #p-acid .substep.future {opacity:1;}
#p-acid .substep.active {text-decoration: underline;}

#confirm-error {position: relative; top: -2.2em; background:#F00;}
#confirm-error code { text-shadow:black 0px 0px 2px; color: white;}
#confirm-error code .number {color: #F00;}

#taas-api .substep.past {opacity:0;}

pre code .string {color:rgb(0,232,0);}
pre code .number {color:rgb(0,255,0);}

#constraints ul {font-size:1em;}
#g8106 {z-index: 1}

.color-red code {
  background: rgba(255, 0, 0,0.8);
}

#comp-wf-tcc-obs ul li li {margin:0}

#refs ul {margin-bottom:5em;}

@media print {
  
  #title {text-align: center;}
  #tcc2 {display: none;}
  #tcc-http-protocol-fail2, #soawithrest {display: none;}
  #comp-wf-obs {font-size: 1em;}
}

#video {-webkit-transition: all 0.75s; width:50%; margin-left:50%; }

body.impress-on-ctx #video,
body.impress-on-problem #video,
body.impress-on-problem2 #video,
body.impress-on-constraints #video,
body.impress-on-tcc-http-protocol #video,
body.impress-on-tcc-http-protocol2 #video,
body.impress-on-tcc-http-protocol-fail #video,
body.impress-on-tcc-http-protocol-fail2 #video,
body.impress-on-comp-wf-obs #video,
body.impress-on-comp-wf-tcc-obs #video,
body.impress-on-comp-wf-tcc #video { margin-bottom:900px; margin-right:-16px;}
body.impress-on-tcc-ex-2 #video,
body.impress-on-tcc-ex-3 #video,
body.impress-on-tcc-ex-4 #video,
body.impress-on-tcc-http-protocol2 #video,
body.impress-on-tcc-http-protocol-fail2 #video,
body.impress-on-tcc-http-protocol-fail-cancel #video,
body.impress-on-comp-wf #video,
body.impress-on-comp-wf-tcc #video,
body.impress-on-exp #video,
body.impress-on-exp2 #video,
body.impress-on-exp3 #video { opacity:0;}



#why, #comp-wf-obs, #problem2 {width: 1280px;}
#comp-wf-tcc-obs {width: 1100px;}

#tcc-http-protocol h2 {margin-top: 6em;}

#welcome {-webkit-transition: all 1s;}

body.impress-on-asq-join #welcome {bottom: 30%;}
#asq-join h3 {margin-top: -4em;}

body.impress-on-deploy #par,
body.impress-on-deploy2 #par,
body.impress-on-deploy-wb #par,
body.impress-on-deploy-taas #par,
body.impress-on-taasapi #par,
body.impress-on-taas-api #par,
body.impress-on-taas-api2 #par,
body.impress-on-comp #par,
body.impress-on-comp-wf #par,
body.impress-on-comp-wf-obs #par,
body.impress-on-comp-wf-tcc-obs #par,
body.impress-on-comp-wf-tcc #par,
body.impress-on-comp-wf-tcc-ex #par,
body.impress-on-comp-wf-tcc-plus #par,
body.impress-on-interop #par,
body.impress-on-interop-1 #par,
body.impress-on-interop-2 #par,
body.impress-on-interop-3 #par,
body.impress-on-coupling #par,
body.impress-on-scope #par,
body.impress-on-acid #par,
body.impress-on-heuristics #par,
body.impress-on-timing #par,
body.impress-on-timing2 #par,
body.impress-on-exp #par,
body.impress-on-exp2 #par,
body.impress-on-exp3 #par {opacity: 0;}

body.impress-on-restbpmlit2 #welcome {opacity: 0;}
body.impress-on-rest-engine #welcome {opacity: 0;}
body.impress-on-bpmnr-restbucks #welcome {opacity: 0;}
body.impress-on-bpmnr-restbucks2 #welcome {opacity: 0;}

body.impress-on-par #constraints {opacity: 0;}
body.impress-on-par #problem {opacity: 0;}
body.impress-on-par2 #constraints {opacity: 0;}


body.impress-on-rest-people {background-image: url("images/aldemar.jpg"); background-size:cover; background-repeat: no-repeat;}

#rest-people {background: rgba(255,255,255,0.5);}
#rest-people p {background: rgba(255,255,255,0.75);}