// Mixin for keyframes @mixin keyframes($name){@-webkit-keyframes #{$name}{@content}@-moz-keyframes #{$name}{@content}@-ms-keyframes #{$name}{@content}@keyframes #{$name}{@content}}// Mixin for animations @mixin animation($prop){-webkit-animation:$prop;-moz-animation:$prop;-o-animation:$prop;animation:$prop}*{min-height:0;min-width:0}html{font-size:14px;height:100%}body{height:100%;transition:background-color .25s ease-in-out;overflow:hidden}.navbar-header .navbar-brand{color:#36c}.navbar-header .navbar-brand:hover{color:#36c}.graphivac.edit-text{color:black}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:0 6px 6px 6px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;border-radius:6px 0 6px 6px}.context-menu-backdrop{background:rgba(0,0,0,0);z-index:200}.context-menu-container,.dropdown-menu.context-menu{transition:margin-top .2s linear,margin-left .2s linear}.dropdown-menu.context-menu:focus{outline:0}.context-menu>li>a{position:relative;padding-right:70px}.context-menu>li>a:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.3),inset 0 -1px 2px rgba(0,0,0,.2);padding-top:4px;margin-bottom:-1px}.context-menu>li>a.selected{box-shadow:inset 0 1px 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15)}.context-menu>li>a span.cmd{padding-right:65px}.context-menu>li>a span.kbd{position:absolute;right:20px;top:3px}.context-menu>li>a:active span.kbd{top:4px}.context-submenu{position:relative}.context-submenu>.context-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:0 6px 6px 6px}.open-left .context-submenu>.context-menu{left:auto;right:100%;border-radius:6px 0 6px 6px}.context-submenu:hover>.context-menu{display:block}.context-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}.open-left .context-submenu>a:after{float:left;border-color:transparent;border-width:5px 5px 5px 0;border-right-color:#ccc;margin-right:10px}.context-submenu:hover>a:after{border-left-color:#fff}.context-submenu.pull-left{float:none}.context-submenu.pull-left>.context-menu{left:-100%;margin-left:10px;border-radius:6px 0 6px 6px}.context-menu span.selected::before{content:"● ";margin-left:-15px;color:#ccc}.meta-menu li>a{position:relative;padding-right:70px}.meta-menu li span.cmd{padding-right:65px}.meta-menu li span.kbd{position:absolute;right:20px;top:3px}.vigilia-box,.wacnet-box{border:1px rgba(51,102,204,1) solid;padding:8px}.navigation-sidebar{margin-top:1px;white-space:nowrap}.navigation-sidebar .nav-item .delete-btn{position:absolute;top:0;right:-33px;padding-right:5px;padding-left:5px;border:1px solid rgba(51,102,204,0.2);border-top-left-radius:5px;border-bottom-left-radius:5px;transition:right .3s ease-in-out}.navigation-sidebar .nav-item:hover .delete-btn{right:-3px}.navigation-sidebar .nav-item .delete-btn:hover{color:#c9302c}.navigation-sidebar .separator{background-color:rgba(51,102,204,1)}.navigation-sidebar .nav-item{background-color:rgba(51,102,204,.1);padding:5px;border:1px solid rgba(51,102,204,0);border-bottom:1px solid rgba(51,102,204,.15);cursor:pointer;color:inherit;text-decoration:none}.navigation-sidebar .nav-item:active{border-top:0;padding-top:7px;padding-bottom:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.navigation-sidebar .nav-item:hover{background-color:rgba(51,102,204,.15)}.navigation-sidebar .nav-item.selected{background-color:rgba(51,102,204,.15);border:1px rgba(51,102,204,1) solid;font-weight:bold;box-shadow:0 3px 7px rgba(0,0,0,.3)}.navigation-sidebar>.nav-item>span.modified::before{content:"● ";color:rgba(51,102,204,1)}.editor-menu .symbols{border-radius:4px}.editor-menu{margin-top:1px}.editor-menu .separator{background-color:rgba(51,102,204,1)}.editor-menu .symbol-btn:first-child{border-top:1px rgba(51,102,204,.15) solid}.editor-menu .symbol-btn{border-bottom:1px rgba(51,102,204,.15) solid;padding:8px;width:100%;cursor:move;white-space:nowrap}.editor-menu .symbol-btn:hover{background-color:rgba(51,102,204,.15)}.editor-menu .symbol-btn.selected{background-color:rgba(51,102,204,.2);border-right:0;border-bottom:1px rgba(51,102,204,.15) solid;border-left:3px #36c solid;margin-right:0;padding:8px}.right-side-overlay{margin:0;padding:10px;border:1px rgba(51,102,204,1) solid;transition:right .5s ease-in-out}.project-selector .backdrop{transition:opacity .5s ease-in-out}.project-selector .project-selector-menu{transition:right .5s ease-in-out;border-left:1px rgba(51,102,204,1) solid}.appear-enter{opacity:.01}.appear-enter-active{opacity:1;transition:opacity .25s ease-in-out}.appear-leave{opacity:1}.appear-leave-active{opacity:.01;transition:opacity .25s ease-in-out}.grow-appear-enter{opacity:.01;max-width:1px}.grow-appear-enter-active{opacity:1;max-width:150px;transition:opacity .5s ease-in-out,max-width .25s ease-in-out}.grow-appear-leave{opacity:1;max-width:150px}.grow-appear-leave-active{opacity:.01;max-width:1px;transition:opacity .5s ease-in-out,max-width .25s ease-in-out}.movable{ms-touch-action:none;touch-action:none}.shadow{-webkit-filter:drop-shadow(-3px 3px 3px rgba(0,0,0,.4));filter:drop-shadow(-3px 3px 3px rgba(0,0,0,.4))}.unselectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.selectable{-moz-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}.focus-hidden:focus{outline:0}.meta-menu{margin-bottom:5px}.diagram-menu{margin:4px}.link-dropzone{display:inline-block;width:80%;height:75px;border:2px dashed #36c;border-radius:8px;margin:10px;opacity:.5;background-color:white;transition:all .2s ease-in-out}.link-dropzone:before{content:"\f0c1";font-family:FontAwesome;color:#36c;font-size:60px;text-align:center;display:block;line-height:75px}.drag-over{transform:scale(1.1);opacity:1}.graphivac-main-view{margin:10px}.hover-glow{transition:box-shadow .5s ease-out,border .5s ease-out}.hover-glow:hover,.glow{box-shadow:0 0 15px rgba(24,173,180,0.5);border:1px solid rgba(24,173,180,0.5)}.saving-img{display:inline-block;width:50%;border-radius:5px;background-color:white}input[type=range].slider{-webkit-appearance:none;width:100%;margin:2.2px 0}input[type=range].slider::-webkit-slider-runnable-track{width:100%;height:25.6px;cursor:pointer;box-shadow:.2px .2px 0 #000,0 0 .2px #0d0d0d;background:#f0f0f0;border-radius:0;border:0 solid #010101}input[type=range].slider::-webkit-slider-thumb{box-shadow:1.1px 1.1px .2px rgba(0,0,0,0.5),0 0 1.1px rgba(13,13,13,0.5);border:.6px solid #000;height:30px;width:18px;border-radius:0;background:rgba(101,157,197,0.93);cursor:pointer;-webkit-appearance:none;margin-top:-2.2px}input[type=range].slider:focus::-webkit-slider-runnable-track{background:#fdfdfd}input[type=range].slider::-moz-range-track{width:100%;height:25.6px;cursor:pointer;box-shadow:.2px .2px 0 #000,0 0 .2px #0d0d0d;background:#f0f0f0;border-radius:0;border:0 solid #010101}input[type=range].slider::-moz-range-thumb{box-shadow:1.1px 1.1px .2px rgba(0,0,0,0.5),0 0 1.1px rgba(13,13,13,0.5);border:.6px solid #000;height:30px;width:18px;border-radius:0;background:rgba(101,157,197,0.93);cursor:pointer}input[type=range].slider::-ms-track{width:100%;height:25.6px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range].slider::-ms-fill-lower{background:#e3e3e3;border:0 solid #010101;border-radius:0;box-shadow:.2px .2px 0 #000,0 0 .2px #0d0d0d}input[type=range].slider::-ms-fill-upper{background:#f0f0f0;border:0 solid #010101;border-radius:0;box-shadow:.2px .2px 0 #000,0 0 .2px #0d0d0d}input[type=range].slider::-ms-thumb{box-shadow:1.1px 1.1px .2px rgba(0,0,0,0.5),0 0 1.1px rgba(13,13,13,0.5);border:.6px solid #000;height:30px;width:18px;border-radius:0;background:rgba(101,157,197,0.93);cursor:pointer;height:25.6px}input[type=range].slider:focus::-ms-fill-lower{background:#f0f0f0}input[type=range].slider:focus::-ms-fill-upper{background:#fdfdfd}.notify-container{display:inline-block;position:fixed;z-index:1050;top:15px;left:15px;margin:5}.notify-container .notify-body{font-weight:bold;text-align:center;border:1px solid rgba(51,102,204,1)}.clock-face{stroke-width:1px;stroke:rgba(51,102,204,1)}.clock-hand-hour,.clock-hand-minute,.clock-hand-second{stroke-width:1px;fill:black}.clock-am-pm{font-weight:bold;fill:rgba(51,102,204,0.5);stroke:none;font-family:monospace}.vigilia-calendar{border:1px solid rgba(51,102,204,1)}.tree-render{margin-top:1px;background-color:rgba(51,102,204,.1)}.tree-render-item{background-color:rgba(51,102,204,.1);padding-top:5px;border-bottom:1px rgba(51,102,204,.15) solid;padding-left:8px;padding-bottom:5px;cursor:pointer}.tree-render-item.highlight{background-color:rgba(51,102,204,.15)}.tree-render-item.selected{background-color:rgba(51,102,204,.15);border:1px rgba(51,102,204,1) solid;padding-bottom:4px;margin:0;padding-bottom:4px;font-weight:bold;box-shadow:0 3px 7px rgba(0,0,0,.3)}.template{background-color:rgba(51,102,204,.1)}.template .instances:nth-child(even){background-color:rgba(51,102,204,.15)}.overlay-container{border-radius:4px;border:1px solid rgba(51,102,204,1);box-shadow:2px 2px 10px rgba(0,0,0,0.5)}.overlay .control{background-color:rgba(51,102,204,.15);border-bottom:1px rgba(51,102,204,1) solid}.overlay .overlay-close-btn{margin:2px}.overlay .inside{padding:5px}.warning-color{color:orange}.fa-caret-right{transform:rotate(0);transition:transform .25s linear}.fa-caret-right.open{transform:rotate(90deg);transition:transform .25s linear}.dark-mode .panel-group .panel .panel-heading{color:#c8c8c8;background:#272a2c}