:focus{outline:none}html{background:#f1f1f1}#root,.app-container,body,html{height:100%}*{box-sizing:border-box}.login{width:400px;border-radius:5px;background:#fff;display:block;margin:0 auto;padding:50px;margin-top:150px;float:left;position:absolute;left:50%;margin-left:-200px;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.login img{display:block;margin:0 auto;margin-bottom:20px}.login form input[type=password],.login form input[type=text]{width:100%;padding:10px 0;margin-bottom:10px;border:none;border-bottom:1px solid #e8e8e8;transition:border-bottom .2s ease-in-out}.login form input[type=password]:focus,.login form input[type=text]:focus{border-bottom:1px solid #cf0a2c}.login form input::-webkit-input-placeholder{color:#999}.login form input:-ms-input-placeholder{color:#999}.login form input::placeholder{color:#999}.login .form-group{margin-bottom:0}.login .message-container{display:inline-block;float:left;width:100%;max-width:100%;transition:all .2s ease-in-out;color:#ff7575}.login input[type=submit]{padding:10px 20px;margin-top:15px;border-radius:3px;background:#cf0a2c;color:#fff;float:right;border:none}.login .version{position:absolute;bottom:-30px;color:#d4d4d4;right:0}.notification{position:fixed;opacity:0;padding:30px 70px 30px 30px;background:#4ecdc4;color:#fff;max-width:240px;width:240px;right:0;top:60px;visibility:hidden;z-index:1e+29;border-top-left-radius:3px;border-bottom-left-radius:3px;box-shadow:0 0 5px 0 rgba(0,0,0,.2);transition:visibility 5.5s linear,opacity .6s ease-in-out;cursor:pointer}.notification-icon{width:40px;height:100%;background:#fff;right:0;top:0;position:absolute}.notification-icon:before{content:"\F0A2";font-family:FontAwesome;color:#4ecdc4;font-size:20px;width:20px;height:20px;position:absolute;left:50%;margin-left:-10px;top:50%;margin-top:-10px;line-height:20px}.notification.success .notification-icon:before{content:"\F00C"}.notification.warning .notification-icon:before{content:"\F06A";color:#ffb330}.notification.error .notification-icon:before{content:"\F071";color:#ff6b6b}.notification.success{background:#4ecdc4;opacity:1}.notification.warning{background:#ffb330;opacity:1}.notification.error{background:#ff6b6b;opacity:1}.hidden-notification{display:none}.show-hide-notifications-enter{right:-240px;opacity:0;visibility:hidden;z-index:1e+29}.show-hide-notifications-enter.show-hide-notifications-enter-active{right:0;opacity:1;visibility:visible;transition:right .34s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}.show-hide-notifications-leave{right:0;opacity:1;visibility:visible;z-index:1e+28}.show-hide-notifications-leave.show-hide-notifications-leave-active{right:-240px;opacity:0;visibility:hidden;transition:right .34s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}::-webkit-input-placeholder{opacity:.4}:-moz-placeholder,::-moz-placeholder{opacity:.4}:-ms-input-placeholder{opacity:.4}body{background:#f1f1f1}.dash-navigation{position:fixed;left:0;top:0;bottom:0;width:300px;background:#556270;color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.25)}.dash-navigation .navigation-connected-screens{float:left;display:inline-block;width:100%;margin-top:30px;font-size:12px;color:#b1bbc5}.dash-navigation .navigation-connected-screens .connected-screen{float:left;display:inline-block;width:100%;height:auto;margin:0;padding:0 25px}.dash-navigation .user{float:left;display:inline-block;width:100%;padding:25px}.dash-navigation .user .logout{color:#4ecdc4;cursor:pointer;float:right}.dash-navigation .main-navigation{list-style-type:none;padding:0;margin:0;float:left;display:inline-block;width:100%}.dash-navigation .main-navigation li{float:left;display:inline-block;width:100%;border-bottom:1px solid #6b7b8c}.dash-navigation .main-navigation li.disabled{padding:10px 25px;color:#b1bbc5;cursor:not-allowed}.dash-navigation .main-navigation li.disabled span{font-size:10px;float:right;margin-top:2px}.dash-navigation .main-navigation li:first-of-type{border-top:1px solid #6b7b8c}.dash-navigation .main-navigation li a{padding:10px 25px;color:#b1bbc5;float:left;display:inline-block;width:100%;text-decoration:none;transition:color .3s ease-in-out,background .3s ease-in-out}.dash-navigation .main-navigation li a.active,.dash-navigation .main-navigation li a:hover{color:#fff;background:#475463}.mobile-nav{display:none}@media only screen and (max-width:800px){.navigation-wrapper{position:fixed;left:0;top:0;right:0;width:100%;z-index:999}.dash-navigation{left:-300px;transition:left .3s ease-in-out}.dash-navigation.active{left:0}.mobile-nav{z-index:999;position:relative;box-shadow:0 0 10px 0 rgba(0,0,0,.25);line-height:40px;padding:15px 30px;width:100%;display:inline-block;height:70px;background-color:#556270;color:#fff}.mobile-nav .hamburger{float:left;cursor:pointer}.mobile-nav .hamburger:after{content:"\F0C9";position:relative;font-size:25px;font-family:FontAwesome}.mobile-nav .hamburger.active:after{content:"\F00D";position:relative;font-size:25px;font-family:FontAwesome}.mobile-nav .user{float:right}.mobile-nav .user a.logout{margin-left:20px;color:#4ecdc4;cursor:pointer}}.dashboard{padding-bottom:90px}.channel{position:relative}.channel .remove-channel{position:absolute;background-color:#4ecdc4;border-radius:3px;right:3px;top:3px;color:#fff;height:24px;width:24px;line-height:25px;text-align:center;opacity:0;cursor:pointer;transition:opacity .2s ease-in-out;background-color:#ff6b6b}@media only screen and (max-width:800px){.channel .remove-channel{opacity:1}}.channel:hover>.remove-channel{opacity:1}.dashboard .channel-panel{display:inline-block;float:left;width:calc(100% - 300px);margin-left:300px}.container{width:100%!important;max-width:100%}.dashboard .channel-panel .channel-slides{background:#e7e7e7;display:inline-block;float:left;width:100%;margin:20px 0;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4}.channel-slide-container{float:left;position:relative;display:inline-block;background:#fff;width:100%;border:none;margin-top:-1px}.channel-slide-container .delete-icon{position:absolute;background-color:#4ecdc4;border-radius:3px;right:45px;top:5px;color:#fff;height:25px;width:25px;line-height:25px;text-align:center;opacity:0;cursor:pointer;transition:opacity .2s ease-in-out;background-color:#ff6b6b}.channel-slide-container.channel-slide-out{box-shadow:0 0 10px 0 rgba(0,0,0,.25)}.channel-slides .channel-slide-container{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4}.channel-slide-container .drag-drop-slide{position:absolute;right:1px;top:1px;bottom:0;width:39px;height:calc(100% - 2px);background:#f7f7f7;border-left:1px solid #e4e4e4;opacity:1;cursor:pointer;text-align:center;line-height:161px;font-size:16px;color:#4ecdc4}.channel-slides .channel-slide-container .drag-drop-slide{color:#999;opacity:0;transition:opacity .3s ease-in-out,color .3s ease-in-out}.channel-slide-container:hover .delete-icon,.channel-slides .channel-slide-container:hover>.drag-drop-slide{opacity:1}.channel-slides .channel-slide-container .drag-drop-slide:hover{color:#4ecdc4}.channel-slide-container .slide{float:left;display:inline-block;width:100%;padding:20px;border:1px solid #e4e4e4}.channel-slides .channel-slide-container .slide{border:none}.channel-slide-container .slide .slide-img{float:left;display:inline-block;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px;position:relative;height:120px;width:120px;background:#f2f2f2;border:1px solid #e4e4e4;cursor:pointer}.channel-slide-container .slide .slide-img i.fa-video-camera{font-size:30px;position:absolute;left:50%;top:50%;color:#999;margin-top:-15px;z-index:1;margin-left:-15px}.channel-slide-container .slide .slide-img:hover>.edit-icon,.channel-slide-container .slide .slide-img:hover video{opacity:1}.channel-slide-container .slide .slide-img .edit-icon{position:absolute;font-size:30px;color:#fff;width:100%;text-align:center;z-index:2;line-height:120px;background:rgba(0,0,0,.4);opacity:0;top:0;left:0;transition:opacity .3s ease-in-out}.channel-slide-container .slide .slide-img video{position:absolute;-o-object-fit:contain;object-fit:contain;height:100%;max-width:120px;top:0;width:96%;left:2%;z-index:3;opacity:0;transition:opacity .3s ease-in-out}.channel-slide-container .slide .slide-img input{position:absolute;z-index:4;width:100%;top:0;left:0;height:100%;font-size:0;opacity:0;cursor:pointer}.channel-slide-container .slide img{-o-object-fit:contain;object-fit:contain;height:100%;border:1px solid transparent;max-width:120px;width:100%}.channel-slide-container .slide .text{float:left;display:inline-block;padding-left:20px;width:calc(100% - 360px)}.channel-slide-container .slide .text .form-group{margin-bottom:0}.channel-slide-container .slide .text .edit-icon{opacity:0;display:none}.channel-slide-container .slide .text textarea{height:57px;max-height:57px;resize:none}.channel-slide-container .slide .text input,.channel-slide-container .slide .text textarea{border:none;width:100%;float:left;display:inline-block;max-width:100%;padding:5px;background:transparent;border-bottom:3px solid transparent;transition:border-bottom .3s ease-in-out}.channel-slide-container .slide .text input:focus,.channel-slide-container .slide .text textarea:focus{border-bottom:3px solid #4ecdc4}.channel-slide-container .slide .text input#new_title{font-size:16px;padding-top:0;font-weight:500;color:#4ecdc4}.channel-slide-container .slide .text input#new_position{display:none}@media only screen and (max-width:800px){.dashboard .channel-panel{width:100%;margin-left:0;margin-top:85px}.channel-slide-container .delete-icon,.channel-slides .channel-slide-container .drag-drop-slide{opacity:1}.channel-slide-container .slide .text{width:calc(100% - 60px);margin-top:15px;padding-left:0}.channel-slide-container .drag-drop-slide{line-height:293px}}.add-slide-container{position:relative;float:left;display:inline-block;margin-top:20px;width:100%;height:160px;border:1px solid #e4e4e4}.add-slide-container .slide-header .add-icon{top:8px;right:8px}.add-slide-container .empty-add{position:absolute;width:100%;height:100%;background:#fff;z-index:4;cursor:pointer;opacity:1;visibility:visible;border-top:none;box-shadow:0 0 10px 0 transparent;transition:all .2s ease-in-out}.add-slide-container .empty-add.not-visible{opacity:0;visibility:hidden}.add-slide-container .empty-add i{font-size:100px;color:#e4e4e4;height:80px;width:80px;line-height:88px;position:absolute;top:50%;margin-top:-40px;left:50%;margin-left:-40px;transition:all .3s ease-in-out}.add-slide-container .empty-add:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.add-slide-container .empty-add:hover>i{line-height:104px;font-size:120px;height:95px;width:95px;margin-top:-47.5px;margin-left:-47.5px;color:#4ecdc4}.add-slide-container .add-slide{position:absolute;right:1px;top:1px;bottom:0;width:39px;height:calc(100% - 2px);background:#f7f7f7;border-left:1px solid #e4e4e4;opacity:1;cursor:pointer;text-align:center;line-height:161px;font-size:16px;color:#4ecdc4}.add-slide-container .add-icon{display:block;width:100%;height:100%}@media only screen and (max-width:800px){.add-slide-container{margin-top:0}}.dashboard-connected-screens{position:fixed;bottom:0;left:0;right:0;background:#333;padding:20px 10px;z-index:999;color:#e4e4e4}.new-screen-container{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:1e+21;background:rgba(0,0,0,.2);opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.new-screen-container.not-visible{opacity:0;visibility:hidden}.new-screen-form{width:100%;max-width:400px;background:#fff;position:fixed;top:50%;margin-top:-100px;left:50%;margin-left:-200px;padding:30px;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);opacity:1;z-index:1e+23;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.new-screen-form.not-visible{opacity:0;visibility:hidden}.new-screen-form input{width:100%;padding:5px 10px;color:#333}.new-screen-form input[type=submit]{width:auto;height:40px;padding:0 20px;border:none;border-radius:3px;background-color:#4ecdc4;color:#fff;cursor:pointer;text-decoration:none}.connected-screen{float:right;display:inline-block;margin-left:20px;height:30px;line-height:30px;cursor:pointer}.connected-screen .content{position:relative}.connected-screen .content .remove-screen{position:absolute;margin-top:-25px;width:30px;opacity:0;visibility:hidden;height:30px;background:#ff6b6b;border-radius:3px;text-align:center;line-height:30px;color:#fff;left:50%;margin-left:-15px;transition:background .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out,margin-top .3s ease-in-out}.connected-screen .content .remove-screen:after{content:"";position:absolute;border-style:solid;border-width:5px 5px 0;border-color:#ff6b6b transparent;display:block;width:0;z-index:1;bottom:-5px;left:10px;transition:border-color .3s ease-in-out}.connected-screen .content:hover>.remove-screen{opacity:1;visibility:visible;margin-top:-30px}.connected-screen .content .remove-screen:hover{background:#f74646}.connected-screen .content .remove-screen:hover:after{border-color:#f74646 transparent}.connected-screen .content .remove-screen i{margin-right:0}.connected-screen .content .online-marker{position:relative;display:inline-block;float:right;width:10px;margin-left:5px;height:10px;border-radius:99px;background:green;top:11px}.connected-screen .content .online-marker.false{background:#f35656}.connected-screen i{margin-right:3px}.dashboard-screens-overview{float:left;display:inline-block;width:calc(100% - 300px);margin-left:300px;margin-top:15px}.dashboard-screens-overview .add-new-screen{float:left;display:inline-block;width:100%;padding:15px;background:#fff;border:1px solid #e4e4e4}.dashboard-screens-overview .add-new-screen .new-screen-button{width:auto;position:relative;height:40px;padding:0 20px;padding-right:55px;border:none;line-height:40px;float:left;border-radius:3px;background-color:#4ecdc4;color:#fff;cursor:pointer;text-decoration:none}.dashboard-screens-overview .add-new-screen .new-screen-button .fa-television{font-size:23px;position:absolute;right:15px;top:9px}.dashboard-screens-overview .add-new-screen .new-screen-button .fa-plus{position:absolute;right:24px;top:14px;font-size:12px}.dashboard-screens-overview .connected-screens{float:left;display:inline-block;padding:15px;margin-top:15px}.dashboard-screens-overview .dashboard-screen{float:left;display:inline-block;position:relative;background:#fff;border:1px solid #e4e4e4;transition:background .3s ease-in-out;cursor:pointer}.dashboard-screens-overview .dashboard-screen:hover{background:#f6f6f6}.dashboard-screens-overview .connected-screens .img-wrapper{float:left;display:inline-block;position:relative}.dashboard-screens-overview .connected-screens img{max-width:100%;height:auto;float:left;display:inline-block;padding:15px}.dashboard-screens-overview .connected-screens .screen-name .value,.dashboard-screens-overview .connected-screens .screen-name span.label,.dashboard-screens-overview .connected-screens .status .value,.dashboard-screens-overview .connected-screens .status span.label{color:#333;float:left;display:inline-block;font-size:12px}.dashboard-screens-overview .connected-screens .screen-name,.dashboard-screens-overview .connected-screens .status{float:left;display:inline-block}.dashboard-screens-overview .connected-screens .status .online-marker{display:inline-block;float:left;position:absolute;left:0;top:0;bottom:0;width:10px;background:#65bd1d}.dashboard-screens-overview .connected-screens .status .online-marker.false{background:#f35656}.dashboard-screens-overview .screen-info{padding:5px 10px 5px 25px;float:left;position:relative;display:inline-block;width:100%;border-bottom:1px solid #e4e4e4;color:#556270}.dashboard-screens-overview .current-channel{padding:10px 15px;border-top:1px solid #e4e4e4;float:left;display:inline-block;width:100%}.dashboard-screens-overview .current-channel select{float:right}.dashboard-screens-overview .screen-info .remove-screen{position:absolute;background-color:#4ecdc4;border-radius:3px;right:3px;top:3px;color:#fff;height:24px;width:24px;line-height:25px;text-align:center;opacity:0;cursor:pointer;transition:opacity .2s ease-in-out;background-color:#ff6b6b}.dashboard-screens-overview .connected-screens:hover .screen-info .remove-screen{opacity:1}@media only screen and (max-width:800px){.dashboard-screens-overview{width:100%;margin-left:0;margin-top:85px}.dashboard-screens-overview .screen-info .remove-screen{opacity:1}}.dashboard-channels-overview{float:left;display:inline-block;margin-left:300px;width:calc(100% - 300px);margin-top:10px}.dashboard-channels-overview .add-channel{float:left;display:inline-block;width:100%;padding:15px;background:#fff;border:1px solid #e4e4e4}.dashboard-channels-overview .add-channel .add-channel-label{float:left;display:inline-block;margin-right:15px;line-height:34px}.dashboard-channels-overview .add-channel form{position:relative;float:left}.dashboard-channels-overview .add-channel input{padding:5px 10px;color:#333;border:1px solid #e4e4e4;height:34px;border-top-right-radius:3px;border-bottom-right-radius:3px}.dashboard-channels-overview .add-channel button{position:absolute;right:0;border-top-right-radius:3px;border-bottom-right-radius:3px;top:0;height:34px;width:34px;border:none;background-color:#4ecdc4;color:#fff}.dashboard-channels-overview .channel{margin-top:10px;float:left;display:inline-block;width:100%;background:#fff;border:1px solid #e4e4e4;transition:background .3s ease-in-out}.dashboard-channels-overview .channel span{float:left;display:inline-block;width:100%;border-bottom:1px solid #e4e4e4;padding:5px 10px;color:#556270}.dashboard-channels-overview .channel input{height:auto;border:none;margin:0;padding:0;margin-left:5px;border:1px solid transparent;background:transparent;transition:border .3s ease-in-out;padding:0 5px;border-radius:3px}.dashboard-channels-overview .channel input:focus,.dashboard-channels-overview .channel input:hover{border:1px solid #4ecdc4}.dashboard-channels-overview .channel:hover{background:#f6f6f6}.dashboard-channels-overview .channel-slides{width:100%;padding:10px;margin-top:-1px;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;height:100px}.dashboard-channels-overview .channel-slides .channel-single-slide{float:left;position:relative;width:100px;margin:5px;background:#f2f2f2;border:1px solid #e4e4e4}.dashboard-channels-overview .channel-slides .channel-single-slide img{-o-object-fit:contain;object-fit:contain;height:100%;border:none!important;max-width:120px;width:100%}.dashboard-channels-overview .channel-slides .channel-single-slide i{font-size:20px;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;color:#999}@media only screen and (max-width:800px){.dashboard-channels-overview{width:100%;margin-left:0;margin-top:85px}.dashboard-channels-overview .add-channel form,.dashboard-channels-overview .add-channel input{width:100%}}.show-hide-dash-slides-enter{opacity:.01;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.show-hide-dash-slides-enter.show-hide-dash-slides-enter-active{transition:all .2s ease-in}.show-hide-dash-slides-enter.show-hide-dash-slides-enter-active,.show-hide-dash-slides-leave{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.show-hide-dash-slides-leave.show-hide-dash-slides-leave-active{opacity:.01;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);transition:all .2s ease-in}.digital-sign-module{float:left;display:inline-block;width:100%}.digital-sign-module img,.digital-sign-module video{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:100%;max-height:100%}#slider-track,.digital-sign-module,.sign-slide,.sign-slider{height:100%;float:left;display:inline-block;width:100%}.sign-slide{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;background:#000}.sign-slide .content{width:100%;float:left;display:inline-block;max-height:100%}.digital-sign-auth{height:100%;width:100%;text-align:center;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}.digital-sign-auth i{font-size:120px;color:#d4d4d4}.digital-sign-auth h1{width:100%;max-width:400px;margin:0 auto;color:#d4d4d4}.digital-sign-auth p{width:100%;font-weight:700;max-width:500px;margin:0 auto;margin-top:30px;color:#666;font-size:80px;line-height:80px;padding:10px 40px;border:15px dashed #d4d4d4}.show-hide-slides-enter{opacity:.01}.show-hide-slides-enter.show-hide-slides-enter-active{opacity:1;transition:opacity .5s ease-in-out}.show-hide-slides-leave{opacity:1}.show-hide-slides-leave.show-hide-slides-leave-active{opacity:.01;transition:opacity .3s ease-in-out}.access-denied{height:100%;width:100%;text-align:center;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}.access-denied i{font-size:120px;color:#d4d4d4}.access-denied h1{width:100%;max-width:400px;margin:0 auto;color:#d4d4d4}
/*# sourceMappingURL=main.ef06195c.css.map*/