/*!
 @abstract  Drum Chart Builder - Common CSS
 @author    Chris Stringer (cstringer42\@gmail.com)
 @version   1.0.1
 @updated   2015-09-03
 @copyright © Copyright 2015 by Chris Stringer for DrumChartBuilder.com. All rights reserved.
*/#toolbar,#view-options{position:fixed;z-index:100}#footer,#toolbar ul li,.chooser{text-align:center}@font-face{font-family:JazzText;src:url(/fonts/dcb-jazz-font.svg) format('svg'),url(/fonts/dcb-jazz-font.eot),url(/fonts/dcb-jazz-font.ttf) format('truetype');font-style:normal;font-weight:500}html{font-family:Helvetica,Arial,sans-serif}.night-mode #page-wrapper,.night-mode #view-options{filter:invert(100%);-webkit-filter:invert(100%)}#view-options{right:8px;top:8px;opacity:.2;cursor:pointer;transition:all .5s ease}#view-options:active,#view-options:focus,#view-options:hover{opacity:.5;transition:all .5s ease}#view-options:active img,#view-options:focus img,#view-options:hover img{filter:drop-shadow(0 1px 1px #333);transition:all .5s ease}#menu-view{position:fixed}#toolbar{cursor:default;top:-2px;left:0;width:100%;min-height:44px;margin:0;padding:0;background-color:#eaeaea;background-image:linear-gradient(0deg,#ddd,#f3f3f3);border-bottom:1px solid #ccc;box-shadow:0 1px 4px #777}#toolbar ul{margin:0 auto;padding:0;width:auto}#toolbar ul li{display:inline;float:left;margin:0;padding:0;width:20%;text-shadow:1px 1px 0 #fff;text-indent:0}#toolbar ul li.disabled,#toolbar ul li.disabled a,#toolbar ul li.disabled span{cursor:default!important;transition:none!important}#toolbar ul li.disabled{opacity:.4;outline:0!important}#toolbar ul li.disabled:hover{outline:#8ad solid 1px;background-image:linear-gradient(0deg,#eaeaea,#f0f0f0)}#toolbar ul li.hidden{display:none}#toolbar ul li.spacer{width:1px;height:44px;margin:0;padding:0 0 0 1px;border-right:1px solid #e9e9e9}#toolbar ul li.spacer:hover{outline:0}#toolbar ul li a{display:block;max-width:50px;margin:0 auto;padding:2px;text-decoration:none;opacity:1;transition:opacity ease .2s}#toolbar ul li a:active{opacity:.1;transition:opacity ease 10ms;background-color:#fff}#toolbar ul li:hover a{outline:#8ad solid 1px;background-image:linear-gradient(0deg,#eee,#fff)}#toolbar ul li.disabled:active a{opacity:1!important;background-color:transparent!important}#toolbar ul li span{cursor:pointer;display:inline-block;width:42px;height:42px;border:none}#toolbar ul li:hover span{filter:brightness(133%);transition:filter .2s ease}#toolbar ul li.disabled span{cursor:default!important}.tb-icon{background-image:url(/images/toolbar-icons.png)}.tb-icon.tb-icon-copy{background-position:0 0}.tb-icon.tb-icon-view{background-position:-44px 0}.tb-icon.tb-icon-edit{background-position:-88px 0}.tb-icon.tb-icon-help{background-position:-132px 0}.tb-icon.tb-icon-delete{background-position:-176px 0}.tb-icon.tb-icon-manager{background-position:-220px 0}.tb-icon.tb-icon-zoomin{background-position:0 -44px}.tb-icon.tb-icon-zoomout{background-position:-45px -44px}.tb-icon.tb-icon-loadmp3{background-position:-88px -44px}.tb-icon.tb-icon-addbars{background-position:-132px -44px}.tb-icon.tb-icon-delbars{background-position:-176px -44px}.tb-icon.tb-icon-newbarrow{background-position:-220px -44px}.tb-icon.tb-icon-addpattern{background-position:0 -88px}.tb-icon.tb-icon-delpattern{background-position:-44px -88px}.tb-icon.tb-icon-openmetronome{background-position:-88px -88px}.tb-icon.tb-icon-options{background-position:-132px -88px}.tb-icon.tb-icon-pdf{background-position:-176px -88px}#cm-template{display:none}.context-menu{display:none;position:absolute;z-index:150;width:120px;height:auto;max-height:320px;overflow:auto;margin:0;padding:0;background-color:#e0e0e0;background-image:linear-gradient(340deg,#dfdfdf,#fafafa);border:1px ridge #555;border-radius:2px;box-shadow:2px 2px 5px #777}.context-menu :focus,.context-menu :hover,.context-menu:focus,.context-menu:hover{z-index:999}.context-menu .cm-action li{float:right}.context-menu .cm-action li a{margin:0}.context-menu .cm-action button{width:18px;height:18px}.context-menu .cm-action .ui-icon{position:relative;top:-2px;left:-6px}.context-menu select{width:100%;margin-bottom:3px}.context-menu ul{margin:0;padding:0}.context-menu ul li{width:100%;list-style-type:none;font-family:Tahoma,sans-serif;font-size:14px;line-height:14px}.context-menu ul li a{display:block;cursor:pointer;padding:4px 4px 4px 8px;color:#222;text-decoration:none}#dlg-confirm,.chooser,.pdf-wait{display:none}.context-menu ul li a.disabled{cursor:default!important;background-color:transparent!important;color:#999!important;text-shadow:none!important}.context-menu ul li:hover a{background-color:#def;color:#005;text-shadow:1px 1px 0 #fff}.context-menu ul li:active a{color:#33a}.context-menu ul li a label,.context-menu ul li a span{cursor:pointer}.context-menu ul li span.ui-icon{float:left;margin-right:2px}.context-menu hr{height:1px;margin:1px;border:none;border-bottom:1px solid #ccc!important}#footer{margin-bottom:1em;padding:1vw;font-size:80%}#footer a:link,#footer a:visited{color:#aaa;text-decoration:none}#footer a:active,#footer a:hover{text-decoration:underline}.chooser{position:fixed;overflow:auto;z-index:200;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:#fff;font-family:Verdana,Tahoma,sans-serif}.chooser .chooser-titlebar{position:fixed;margin-top:-4vw;width:100%;min-height:11vw;z-index:201;color:#fff;background-color:#59b;background-image:linear-gradient(0deg,#024,#379)}.chooser .chooser-titlebar h3{margin-bottom:0}.chooser .chooser-titlebar .btn-close{cursor:pointer;position:fixed;z-index:202;top:4px;right:4px;font-size:2.5vw}.chooser .chooser-content{padding-top:7.5vw}.chooser p{margin:1vw 0;padding:1vw 1.5vw}.chooser hr{width:90%;height:1px;border:none;border-bottom:1px solid #eee}.chooser fieldset{width:90%;margin-left:1em;border:none;border-top:1px solid #ccc;border-left:1px solid #ccc;border-top-left-radius:4px;text-align:left}.chooser fieldset legend{color:#789;font-size:1.2em;font-weight:500;margin:4px}.ui-dialog{position:fixed!important;box-shadow:2px 2px 6px rgba(0,0,0,.37);height:auto}.ui-dialog,.ui-dialog-content{padding:0!important}.ui-dialog p.dialog__content-message {padding:0 1em}.modalDeleteButton {background: red!important;}.modalDeleteButton:hover, .modalDeleteButton:active {color:white!important; background: rgb(197, 0, 0)!important;}.ui-dialog-buttonset {text-align: center;}.ui-resizable-handle:hover{outline:#00f dashed 1px;background-color:rgba(100,200,255,.2)}.ui-resizable-e,.ui-resizable-w{width:11px}.ui-resizable-n,.ui-resizable-s{height:11px}.ui-resizable-ne,.ui-resizable-nw,.ui-resizable-se,.ui-resizable-sw{width:12px;height:12px}.ui-accordion h3:before{clear:both}.ui-accordion-header{text-shadow:1px 1px 0 #000}.ui-accordion-content{min-height:14vh;padding:0!important;overflow-x:unset!important;overflow-y:scroll!important}button .ui-icon{float:left}button:disabled .ui-icon{opacity:.5}.pdf-wait,.setlist-intro,.sub-intro,.trial-intro{position:fixed;height:100%;width:100%;background-color:rgba(0,0,0,.5);top:0;left:0;z-index:9999;text-align:center}.help-viewer .chooser-content,.ti-content ul{text-align:left}.pdf-wait b,.pdf-wait img{position:relative;top:50%}.pdf-wait b{color:#fff;font-size:20px;text-shadow:0 0 4px #000}.ti-content{width:60%;max-width:1024px;margin:10% auto;padding:1em;background-color:rgba(255,255,255,.94);border:1px solid #aaa;border-radius:4px;box-shadow:0 0 12px rgba(0,0,0,.5);font-family:Verdana}@media (max-width:480px){.ti-content{width:87.5%;height:87.5%;overflow:auto;margin:0 auto}}.ti-content h3{color:#025}.ti-content img{float:left;width:18vw;max-width:150px;height:auto}#ti-dismiss{font-size:1.15em}.help-viewer dl{margin:1em;font-family:Arial,sans-serif}.help-viewer dt{font-weight:700}.help-viewer dd table{margin:1em;border-collapse:collapse;border-spacing:none;font-size:.8em}.help-viewer dd td,.help-viewer dd th{padding:.5em;border-bottom:1px solid #ccc}.help-viewer .tb-icon{display:inline-block;float:left;width:42px;height:42px;border:none;transform:scale(.6)}.help-viewer dd br,.help-viewer p br{margin-bottom:.5em}