#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}body,html{padding:0;margin:0;width:100%;min-height:100%;background-color:#212121}.shadow{-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000}.shadow1{margin:40px;background-color:#444;-webkit-box-shadow:5px 5px 5px rgba(68,68,68,.6);box-shadow:5px 5px 5px rgba(68,68,68,.6);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";zoom:1}.shadow1 .content{position:relative;padding:100px;background-color:#ddd}.chat-box{height:500px;width:100%;overflow:scroll}.chat-item{border:none}.chat-status{min-height:49px}.chat-status .chat-date{display:block;font-size:10px;font-style:italic;color:#999;height:15px;left:10%;right:10%}.chat-status .chat-content-center{padding:5px 10px;background-color:#e1e1f7;border-radius:6px;font-size:12px;color:#555;height:34px;left:10%;right:10%}.chat-message{width:80%;min-height:40px}.chat-message .right-bubble{position:relative;background:#dcf8c6;border-top-left-radius:.4em;border-bottom-left-radius:.4em;border-bottom-right-radius:.4em;padding:5px 10px 10px;left:15%}.chat-message .right-bubble span.msg-name{font-size:12px;font-weight:700;color:green;display:block}.chat-message .right-bubble span.msg-date{font-size:10px;display:block}.chat-message .right-bubble:after{content:"";position:absolute;right:0;top:0;width:0;height:0;border:27px solid transparent;border-left-color:#dcf8c6;border-right:0;border-top:0;margin-top:-.5px;margin-right:-27px}.chat-message .left-bubble{position:relative;background:#efefef;border-top-right-radius:.4em;border-bottom-left-radius:.4em;border-bottom-right-radius:.4em;padding:5px 10px 10px;left:5%}.chat-message .left-bubble span.msg-name{font-size:12px;font-weight:700;color:#00f;display:block}.chat-message .left-bubble span.msg-date{font-size:10px;display:block}.chat-message .left-bubble:after{content:"";position:absolute;left:0;top:0;width:0;height:0;border:27px solid transparent;border-right-color:#efefef;border-left:0;border-top:0;margin-top:-.5px;margin-left:-27px}footer.sticky-footer{position:fixed;bottom:0;left:0;width:100%;padding:10px;background-color:#fff;border-top:1px solid #efefef}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:75px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.fwdFade-enter-active,.fwdFade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fwdFade-enter,.fwdFade-leave-to{opacity:0}.backFade-enter-active,.backFade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.backFade-enter,.backFade-leave-to{opacity:0}.forwardButton{background-size:contain;width:auto;height:auto;position:relative;margin:auto;text-align:left;color:#e0e0e0}.forwardButton *{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;border-radius:10px}.forwardButton:focus{z-index:-5}.forwardButton .brightLED,.forwardButton:focus{background:url(http://www.nmrcontroller.newfangled.tech/assets/PerfectCueApp%20GreenBright.png);background-size:cover;width:100%;height:100%}.forwardButton .dimLED{background:url(http://www.nmrcontroller.newfangled.tech/assets/PerfectCueApp%20GreenDim.png);background-size:cover;width:100%;height:100%}.backButton .brightLEDRed{background-size:cover;width:100%}.backButton .dimLEDRed{background:url(http://www.nmrcontroller.newfangled.tech/assets/PerfectCueApp%20RedDim.png);background-size:contain;width:100%;height:100%;background-repeat:no-repeat;background-position:50%}.forwardButton .BGGradient{background-size:cover;width:370px;height:348.567px;position:absolute;background-repeat:no-repeat;background-position-x:-50px;background-attachment:fixed}.forwardButton .band{background:url(http://www.nmrcontroller.newfangled.tech/assets/PerfectCueApp%20GreenBG.png);background-size:contain;width:274px;height:358px;position:absolute}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.forwardButton:hover .forwardButtonface{//background-color:#000;-webkit-transform:translateY(-50px) rotateX(80deg);transform:translateY(-50px) rotateX(80deg)}.forwardButton:hover .casing{//background-color:#000;-webkit-transform:translateY(0) rotateX(80deg);transform:translateY(0) rotateX(80deg)}.forwardButton:hover .buttons{//background-color:#000;-webkit-transform:translateY(50px) rotateX(80deg);transform:translateY(50px) rotateX(80deg)}.forwardButton:hover .band{//background-color:#000;-webkit-transform:translateY(100px) rotateX(80deg);transform:translateY(100px) rotateX(80deg)}.forwardButton .active{background-color:rgba(0,0,0,.8);-webkit-transform:translateX(517px) rotateX(0deg)!important;transform:translateX(517px) rotateX(0deg)!important}.backButton{background-size:cover;width:auto;position:relative;margin:auto;text-align:left;color:#e0e0e0;background-repeat:no-repeat}.backButton *{-webkit-transition:all .5s ease-out;transition:all .5s ease-out;border-radius:10px}.backButton:focus{background:url(http://www.nmrcontroller.newfangled.tech/assets/PerfectCueApp%20GreenBright.png);z-index:-5;background-size:cover;width:100%;height:100%}.backButton .brightLEDRed{background:url(http://www.nmrcontroller.newfangled.tech/assets/PerfectCueApp%20RedBright.png);background-size:contain;width:auto;height:100%;background-repeat:no-repeat;background-position:50%}.backButton .BGGradient{background-size:cover;width:370px;height:348.567px;position:absolute;background-repeat:no-repeat;background-position-x:-50px;background-attachment:fixed}.backButton .band{background:url(http://www.nmrcontroller.newfangled.tech/assets/PerfectCueApp%20GreenBG.png);background-size:contain;width:274px;height:358px;position:absolute}.backButton:hover .backButtonface{//background-color:#000;-webkit-transform:translateY(-50px) rotateX(80deg);transform:translateY(-50px) rotateX(80deg)}.backButton:hover .casing{//background-color:#000;-webkit-transform:translateY(0) rotateX(80deg);transform:translateY(0) rotateX(80deg)}.backButton:hover .buttons{//background-color:#000;-webkit-transform:translateY(50px) rotateX(80deg);transform:translateY(50px) rotateX(80deg)}.backButton:hover .band{//background-color:#000;-webkit-transform:translateY(100px) rotateX(80deg);transform:translateY(100px) rotateX(80deg)}.backButton .active{background-color:rgba(0,0,0,.8);-webkit-transform:translateX(517px) rotateX(0deg)!important;transform:translateX(517px) rotateX(0deg)!important}.clear{font-size:20px;padding:0;background:#00008b;color:#fff;cursor:pointer;display:block;width:50px;height:50px;text-align:center;line-height:50px;border-radius:25px}.clear:hover{background:#0000cd}template{font-size:1.35em;font-family:Varela Round,sans-serif;color:#020202;background:#000;padding-left:5%;padding-right:5%}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:200px;flex-basis:200px;max-width:400px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;height:650px;padding:10px;background:#424242;border-radius:5px;margin:45px auto;-webkit-box-shadow:0 1.5px 0 0 rgba(0,0,0,.1);box-shadow:0 1.5px 0 0 rgba(0,0,0,.1)}.item{padding:15px;margin:5px;border-radius:3px;background-color:#424242}.item,.item-2{-webkit-box-flex:1;-ms-flex:1;flex:1}.item-3{-webkit-box-flex:6;-ms-flex:6;flex:6}.stopControl{background-color:rgba(183,28,28,.51)}.btnDisabled{background-color:#212121}.btnExit{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#c62828}.btnExit:hover{background:#960000}.btnExit:active{background:#c80000}.btnBack{text-align:left}.btnBack:active{background:#b71c1c}.btnForward{text-align:left}.btnForward:active{background:rgba(85,139,47,.57);-webkit-animation:requestControlActive 2s;animation:requestControlActive 2s}@-webkit-keyframes requestControlActive{0%{background:#7cb342}to{background:#558b2f}}@keyframes requestControlActive{0%{background:#7cb342}to{background:#558b2f}}.w150{min-width:100px}.mt20{margin-top:0}.blink{animation:fader 1s infinite;-webkit-animation:fader 1s infinite;background-color:#376a88}@keyframes fader{0%{opacity:1}50%{opacity:.8}to{opacity:1}}@-webkit-keyframes fader{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.btn:hover{color:#fff!important;text-decoration:none}.requestControl{background-color:rgba(55,106,136,.5)}#sampleAnimation{max-width:350px;margin:20px auto;text-align:center}.alert{margin-top:20px}button{outline:none!important}.fade-enter{opacity:0}.fade-enter-active{-webkit-transition:opacity 2s ease;transition:opacity 2s ease}.fade-leave,.fade-leave-active{-webkit-transition:opacity 2s ease;transition:opacity 2s ease;opacity:0}.disabled{background-color:rgba(55,106,136,.5);-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.red{background:red}.blue{background:#0277bd}.div{width:100px;height:100px;display:inline-block;border:1px solid #000}#content{height:100vh;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:0;top:0;color:#fff;-webkit-transition:.5s;transition:.5s;text-align:center}.wrapper{margin-bottom:50px}h1{font-size:5.5em;margin:0}.faded,h1,p{-webkit-transition:.2s;transition:.2s}.faded{color:#000}.clock{color:#e0e0e0;margin:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.meetingID{font-size:.6em;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.presenterControls{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-item-align:stretch;align-self:stretch}orgButton{height:auto;width:auto;padding:0;margin:0;font-size:.75em}orgBButton{height:55%;padding:0;margin:4px;font-size:1em}.presenterUI{-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:90px;flex-basis:90px}.uiButtons{color:#e0e0e0;border:none;border-radius:5px}.uiButtons,.uiButtons:focus{outline:none}.textGroup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:25px;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.SubmitButton{background-color:#376a88;color:#eef;border:none;padding:0;border-radius:5px;outline:none}.SubmitButton:focus{outline:none}.SubmitButton:disabled,.SubmitButton:hover{background-color:rgba(55,106,136,.3)}.SubmitButton:active{background-color:#64beff}.jumbotron{padding:2rem}.dataFields{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:7%}.dataFields,.parentContainer{display:-webkit-box;display:-ms-flexbox;display:flex}.parentContainer{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}input,textarea{background-color:#eee!important}::-webkit-input-placeholder{color:#eee}:-moz-placeholder,::-moz-placeholder{color:#eee}:-ms-input-placeholder{color:#eee}