@import url(https://fonts.googleapis.com/css?family=Nunito:400,400i,900&subset=latin-ext);.before,.spinner,.spinner div{position:absolute}.before{top:10px;left:18px;font-size:72px;color:#fff}.button{border-radius:0;padding:5px;border:1px solid gray;width:36px;height:36px;background-color:#fff;cursor:pointer}.button:hover{background-color:#b9b9b9}.button.item-save{fill:#0b9502}.button.item-delete{fill:#c00000}.button.item-edit{fill:#016197}.button.item-cancel{fill:#6d5201}.button svg{width:16px;height:16px;vertical-align:middle}input[type=range]{-webkit-appearance:none;margin:0;width:100%}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:30px;cursor:pointer;animate:.2s;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.2),0 0 2px rgba(13,13,13,.2);box-shadow:2px 2px 2px rgba(0,0,0,.2),0 0 2px rgba(13,13,13,.2);background:#aee69d;border-radius:5px;border:1px solid #1c4110}input[type=range]::-webkit-slider-thumb{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);border:1px solid #1c4110;height:30px;width:30px;border-radius:5px;background:#d0f0c6;cursor:pointer;-webkit-appearance:none;margin-top:-1px}input[type=range]:focus::-webkit-slider-runnable-track{background:#bfebb1}input[type=range]::-moz-range-track{width:100%;height:30px;cursor:pointer;animate:.2s;box-shadow:2px 2px 2px rgba(0,0,0,.2),0 0 2px rgba(13,13,13,.2);background:#aee69d;border-radius:5px;border:1px solid #1c4110}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);border:1px solid #1c4110;height:30px;width:30px;border-radius:5px;background:#d0f0c6;cursor:pointer}input[type=range]::-ms-track{width:100%;height:30px;cursor:pointer;animate:.2s;background:0 0;border-color:transparent;border-width:30px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#9de189;border:1px solid #1c4110;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,.2),0 0 2px rgba(13,13,13,.2)}input[type=range]::-ms-fill-upper{background:#aee69d;border:1px solid #1c4110;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,.2),0 0 2px rgba(13,13,13,.2)}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);border:1px solid #1c4110;height:30px;width:30px;border-radius:5px;background:#d0f0c6;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#aee69d}input[type=range]:focus::-ms-fill-upper{background:#bfebb1}.spinner{display:none;width:64px;height:64px;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.spinner.visible{display:block}.spinner div{border:4px solid #eec;opacity:1;border-radius:50%;-webkit-animation:spinner 1s cubic-bezier(0,.2,.8,1) infinite;animation:spinner 1s cubic-bezier(0,.2,.8,1) infinite}.spinner div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes spinner{0%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}@keyframes spinner{0%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}body{font-family:Nunito,Arial,Helvetica,sans-serif;font-size:18px;margin:0;padding:0 0 0 45px;overflow-y:scroll}body h1{text-align:center;margin-bottom:60px}body button:focus{-webkit-box-shadow:0 0 5px #0000f6;box-shadow:0 0 5px #0000f6}body .switch-top-container{width:150px;overflow-x:hidden;overflow-y:visible;position:fixed;top:150px;right:0;padding:10px 0 10px 20px}body .switch-top-container .custom-switch{width:150px;display:inline-block;position:relative;-webkit-transform:translateX(150px);transform:translateX(150px);-webkit-transition:1s;transition:1s}body .switch-top-container .custom-switch.visible{-webkit-transform:translateX(0);transform:translateX(0)}body .switch-top-container .custom-switch.visible .slider-show svg{-webkit-transform:rotate(180deg) translateX(-3px);transform:rotate(180deg) translateX(-3px)}body .switch-top-container .custom-switch .slider-show{position:absolute;top:0;left:-20px;width:23px;height:40px;background-color:#ccc;border-top-left-radius:5px;border-bottom-left-radius:5px}body .switch-top-container .custom-switch .slider-show svg{-webkit-transition:.5s;transition:.5s;position:relative;top:8px;left:2px;width:16px;height:24px}body .switch-top-container .custom-switch .switch-item{cursor:pointer;padding:5px 10px;margin-left:45px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .switch-top-container .custom-switch .switch-item.active{background-color:#aee69d;color:#1c4110;font-weight:700}body .switch-top-container .custom-switch .slider-container{position:absolute;height:30px;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(90deg);transform:rotate(90deg)}body .popup-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.75);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body .popup-container .popup-content{padding:30px 60px;text-align:center;font-size:36px;font-weight:700;width:400px;border-radius:5px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative}body .popup-container .popup-content .close{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;cursor:pointer}body .popup-container .popup-content .close svg{width:18px;height:18px;fill:#fff;position:absolute;left:3px;top:3px}body .popup-container .popup-content.error{border:2px solid #8e0000;background-color:#ff8e8e;color:#8e0000}body .popup-container .popup-content.error:before{content:"!";position:absolute;top:10px;left:18px;font-size:72px;color:#fff}body .popup-container .popup-content.error .close{border:2px solid #c10000;background-color:#ff8e8e}body .popup-container .popup-content.error .close:hover{background-color:#8e0000}body .popup-container .popup-content.info{border:2px solid #7c780a;background-color:#f2ed60}body .popup-container .popup-content.info:before{content:"►";position:absolute;top:10px;left:18px;color:#fff;font-size:36px}body .popup-container .popup-content.info .close{border:2px solid #aba60e;background-color:#f2ed60}body .popup-container .popup-content.info .close:hover{background-color:#7c780a}body .popup-container .popup-content.info h4{margin:0 0 20px;font-size:95%}body .popup-container .popup-content.info h4 small{display:block;text-align:center;font-size:50%}body .popup-container .popup-content.info input{display:block;width:100%;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px;margin-bottom:15px}body .popup-container .popup-content.info button{padding:15px;width:130px;border-radius:5px;border:none;margin:0 20px;cursor:pointer;font-size:50%}body .popup-container .popup-content.info button.ok-button,body .popup-container .popup-content.info button.yes-button{color:#fff;background-color:#eee831;border:1px solid #7c780a;font-weight:700}body .popup-container .popup-content.info button.ok-button:hover,body .popup-container .popup-content.info button.yes-button:hover{background-color:#dad312;-webkit-box-shadow:2px 2px 1px rgba(0,0,0,.75);box-shadow:2px 2px 1px rgba(0,0,0,.75)}body .popup-container .popup-content.info button.yes-button{color:#000}body .popup-container .popup-content.info button.storno-button{background-color:transparent}body .popup-container .popup-content.info button.no-button{color:#fff;background-color:#ff5b5b;border:1px solid #8e0000;font-weight:400}body .popup-container .popup-content.info button.no-button:hover{background-color:#ff2828;-webkit-box-shadow:2px 2px 1px rgba(0,0,0,.75);box-shadow:2px 2px 1px rgba(0,0,0,.75)}body .popup-container .popup-content.success{border:2px solid #5c7b1e;background-color:#9acd32;color:#5c7b1e}body .popup-container .popup-content.success:before{content:"☺";position:absolute;top:10px;color:#fff;font-size:54px;left:12px}body .popup-container .popup-content.success .close{border:2px solid #7ba428;background-color:#9acd32}body .popup-container .popup-content.success .close:hover{background-color:#5c7b1e}body .songbook{width:800px;margin:0 auto}body .songbook ul{list-style-type:none;padding:0;width:100%}body .songbook ul .sorted-item{font-size:230%;text-align:center;font-weight:700;padding-top:5px}body .songbook ul .sorted-item span.sort-value{border:1px solid #b9b9b9;min-width:1.5em;display:inline-block;padding:5px 10px;border-radius:5px;text-align:center;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .songbook ul .sorted-item span.sort-value:hover,body .songbook ul .sorted-item ul.songs li.item:hover{background-color:#dfdfdf}body .songbook ul .sorted-item.collapsed span.sort-value{color:#939393}body .songbook ul .sorted-item.collapsed ul.songs{margin:0 5px;-webkit-transform:scaleY(0);transform:scaleY(0);max-height:0!important}body .songbook ul .sorted-item ul.songs{font-size:18px;text-align:left;font-weight:400;-webkit-transition:.5s ease-out;transition:.5s ease-out;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform-style:preserve-3D;transform-style:preserve-3D;overflow:hidden;max-height:auto;margin:5px 0 15px}body .songbook ul .sorted-item ul.songs li.item{margin:0 5px;padding:8px 5px 0;border-top:1px solid #b9b9b9;height:43px}body .songbook ul .sorted-item ul.songs li.item:last-child{border-bottom:1px solid #b9b9b9}body .songbook ul .sorted-item ul.songs li.item.edited{background-color:#eafff2}body .songbook ul .sorted-item ul.songs li.item.edited span.item-chord,body .songbook ul .sorted-item ul.songs li.item.edited span.item-interpret,body .songbook ul .sorted-item ul.songs li.item.edited span.item-name{-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5)}body .songbook ul .sorted-item ul.songs li.item.edited span.item-chord.error,body .songbook ul .sorted-item ul.songs li.item.edited span.item-interpret.error,body .songbook ul .sorted-item ul.songs li.item.edited span.item-name.error{-webkit-box-shadow:0 0 3px #c80000;box-shadow:0 0 3px #c80000}body .songbook ul .sorted-item ul.songs li.item.edited span.item-chord input,body .songbook ul .sorted-item ul.songs li.item.edited span.item-interpret input,body .songbook ul .sorted-item ul.songs li.item.edited span.item-name input{display:block;position:absolute;background-color:#fff;border:none;top:0;left:0;right:0;bottom:0;width:inherit;height:inherit;padding:0 4px;font-size:18px}body .songbook ul .sorted-item ul.songs li.item span[class^=item]{margin-right:30px;overflow:hidden;width:20%;position:relative;display:inline-block;height:36px}body .songbook ul .sorted-item ul.songs li.item span[class^=item] span{padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;top:0;left:0;right:0;bottom:0;display:block}body .songbook ul .sorted-item ul.songs li.item span[class^=item] input{display:none}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-name{width:250px}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-chord{width:100px}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-interpret{width:210px}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-buttons{margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;width:90px;float:right;overflow:visible}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-buttons button{border-radius:0;padding:5px;border:1px solid gray;width:36px;height:36px;background-color:#fff;cursor:pointer}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-buttons button:hover{background-color:#b9b9b9}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-buttons button.item-save{fill:#0b9502}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-buttons button.item-delete{fill:#c00000}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-buttons button.item-edit{fill:#016197}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-buttons button.item-cancel{fill:#6d5201}body .songbook ul .sorted-item ul.songs li.item span[class^=item].item-buttons button svg{width:14px;height:14px;vertical-align:top}body .songbook .input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:15px;padding-bottom:15px;padding-top:30px;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:20}body .songbook .input label{font-style:italic;font-size:15.3px}body .songbook .input label.item-name input{width:250px}body .songbook .input label.item-interpret input{width:210px}body .songbook .input label.item-chord input{width:100px}body .songbook .input label input{display:block;margin-right:30px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5);border:none;height:26px;margin-top:5px;font-size:15.3px;padding-left:5px;padding-right:5px}body .songbook .input label input.error{-webkit-box-shadow:0 0 3px #c80000;box-shadow:0 0 3px #c80000}body .songbook .input .item-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;width:90px;height:36px}body .songbook .input .item-buttons button{position:relative;top:20px;border-radius:0;padding:5px;border:1px solid gray;width:36px;height:36px;background-color:#fff;cursor:pointer}body .songbook .input .item-buttons button:hover{background-color:#b9b9b9}body .songbook .input .item-buttons button.item-save{fill:#0b9502}body .songbook .input .item-buttons button.item-delete{fill:#c00000}body .songbook .input .item-buttons button.item-edit{fill:#016197}body .songbook .input .item-buttons button.item-cancel{fill:#6d5201}body .songbook .input .item-buttons button svg{width:16px;height:16px;vertical-align:middle}body .password-manager,body .songbook .songs-counter{position:fixed;top:10px;text-align:right;font-size:90%;border-radius:4px;cursor:pointer;width:8.2em;padding:10px}body .songbook .songs-counter{left:20px}body .password-manager{right:20px}body .password-manager:active,body .password-manager:hover{background-color:#dfdfdf}.autocomplete{position:relative;overflow:visible!important}.autocomplete.item-interpret .autocomplete-list{top:35px;width:210px}.autocomplete .autocomplete-list{list-style:none;position:absolute;width:220px;display:block;background-color:#fff;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.75);box-shadow:3px 3px 3px rgba(0,0,0,.75);border:1px solid #5c7b1e;margin-top:5px;z-index:2}.autocomplete .autocomplete-list li{display:block;padding:10px;font-style:normal;font-size:14px}.autocomplete .autocomplete-list li.autocomplete-active,.autocomplete .autocomplete-list li:hover{background-color:#d7ebad;color:#000}@media print{body>*{display:none}body{margin:0;padding:0 .5cm .5cm 1cm}body .songbook{display:block;width:100%;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}body .songbook .input{display:none}body .songbook .main-list{margin:0;font-size:12pt;padding:0}body .songbook .main-list .sorted-item{page-break-before:always;margin:.5cm 0 0;padding:0;clear:both}body .songbook .main-list .sorted-item span.sort-value{padding:0;margin:0;border:none;font-size:16pt}body .songbook .main-list .sorted-item ul.songs{font-size:12pt}body .songbook .main-list .sorted-item ul.songs .item{padding:0;margin:0;border:none!important;line-height:1.3;clear:both}body .songbook .main-list .sorted-item ul.songs .item span[class^=item]{width:auto!important;height:auto!important;display:block;max-width:40%;float:left;margin:0 .5em 0 0}body .songbook .main-list .sorted-item ul.songs .item span[class^=item] span{position:static;padding:0;margin:0}body .songbook .main-list .sorted-item ul.songs .item span[class^=item] input,body .songbook .main-list .sorted-item ul.songs .item span[class^=item].item-buttons{display:none}body .songbook .main-list .sorted-item ul.songs .item span[class^=item].item-chord{float:right}body .songbook .main-list .sorted-item ul.songs .item span[class^=item].item-interpret span{font-style:italic}body .songbook .main-list .sorted-item ul.songs .item span[class^=item].item-interpret span:before{content:"("}body .songbook .main-list .sorted-item ul.songs .item span[class^=item].item-interpret span:after{content:")"}}