.style2_label,label{text-transform:capitalize}.mousescroll,.mousescroll:hover{overflow-y:auto}body,body *{font-family:helvetica;font-size:11px;margin:0;padding:0}body{display:table;background:#CCC;font-size:0;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.dropdown,.settings *,.textbox{display:inline-block}.style2_label,.style3_label{text-indent:-1px;font-size:10px;font-family:Karla,sans-serif;font-weight:400}label+*{background:#fff;border:thin solid #CCC}a{color:#333;text-decoration:underline;cursor:pointer}a:hover{color:#111}a:active{color:#777}.style2_label{position:absolute;margin-top:-15px;border-radius:3px 3px 0 0;background:#555;color:#fff;height:10px;line-height:11px;text-align:left;border:none}.style3_label{border-radius:0;background:0 0;color:#CCC;line-height:10px;text-align:left;text-transform:uppercase;border:none;padding:5px}.style2_label:after,.style3_label:after,label:after{content:' :'}.button,.dropdown,.textarea,.textbox{text-align:left;width:calc(100% - 5px)!important;margin:0 1.25px!important}.button button,.dropdown select,.textarea textarea,.textbox input{padding:7px 5px!important;width:100%;border-radius:3px;vertical-align:bottom}.theme.cyan,.theme.cyan *{outline-color:#4ADB9E}.theme.yellow,.theme.yellow *{outline-color:#FCE74B}.button button,.button-icon,.button.style1 button{outline:0;font-family:Montserrat,sans-serif;font-size:12px;width:100%;cursor:pointer}.theme.cyan .button button:hover,.theme.cyan .dropdown select:hover,.theme.cyan .textarea textarea:hover,.theme.cyan .textbox input:hover{border:thin solid #4ADB9E!important}.theme.yellow .button button:hover,.theme.yellow .dropdown select:hover,.theme.yellow .textarea textarea:hover,.theme.yellow .textbox input:hover{border:thin solid #FCE74B!important}.dropdown select{width:100%;cursor:pointer;font-size:12px}.dropdown select option{font-size:12px;line-height:30px}.button,.button-icon{margin:5px 0}.button.style1{margin:2.5px}.button button,.button-icon{background:#444;border:none;border-radius:2px;color:#DDD}.button.style1 button{height:100%;padding:0 20px 0 0;background:#1BDC90;border:none;border-radius:2px;box-shadow:1px 1px 1px #999;color:#77593B}.button.style1 button:first-letter{font-size:24px;-webkit-text-stroke:1px #000;color:#fff;text-shadow:1px 1px 0 #333,-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333,1px 1px 0 #333;padding:0 5px}button:focus,button:hover{background:#555}button.style1 button:hover{background:#1FF39F}button.style1 button:active{background:#24CA88;box-shadow:none}.button-icon{position:initial;background:#222;height:100%;width:100%;border-radius:100%;margin:0 5px;padding:5px;font-size:12px;vertical-align:middle;text-shadow:1px 1px 1px #111}.button-icon:focus,.button-icon:hover{background:#111}.textarea textarea{min-height:75px;resize:none}.textbox input[type=text],.textbox input[type=number],.textbox label{width:100%}.settings{position:initial;width:100%;padding:10px 15px 15px;max-width:calc(100% - 30px)}.settings *{margin:2px 0}.settings .button,.settings .dropdown,.settings .textarea,.settings .textbox{min-width:100px;max-width:250px}.settings hr{width:100%;padding:0;border:0;height:1px;background-image:linear-gradient(to right,rgba(196,196,196,0),rgba(196,196,196,.9),rgba(196,196,196,0))}.float-navigation{position:relative;background:#FAFAFA;display:block;top:0;left:0;z-index:999999999;border-radius:5px;width:100%;margin:0;box-shadow:none}.navigation{position:initial;display:block;width:100%;background:#222}.footer,.left-navigation{position:fixed;background:#FFF;z-index:9999999999}.navigation>*{color:#FAFAFA}.left-navigation{left:0;width:calc(100% - 20px);padding:30px 10px 10px;min-width:200px;height:auto}.navigation-content{float:none;display:inline-block;vertical-align:top;width:100%;min-width:200px}.footer{padding:10px 20px;bottom:0;width:calc(100% - 40px);text-align:center}.menu-wrapper{position:relative;width:20%}#popup,.menu,.menu:active{position:fixed;z-index:99999999999}#popup,#popup-bg,#popup-container{width:100%;height:100%}.menu,.menu:active{left:0;background:#333;text-transform:uppercase;cursor:pointer;color:#FAFAFA;line-height:5px;font-size:16px;font-weight:700;min-width:30px;min-height:30px;vertical-align:middle}.menu:hover{color:#CCC;background:#333}#popup{display:none;top:0}#popup>.close{display:block;font-style:Arial;position:absolute;top:0;right:0;font-size:14px;margin:5px 20px;cursor:pointer;color:#FFF;border-radius:100%;z-index:99999999999;opacity:1}#popup-bg{position:fixed;content:'';background:#000;opacity:.5}#popup-container{position:absolute;display:table;max-height:100%}#popup-container .content{position:initial;width:100%;height:100%;background:#FAFAFA;max-height:100%}#popup-container .content .nav{position:relative;display:block;min-height:250px;width:calc(100% - 40px);height:calc(50% - 40px);padding:20px}#popup-container .content .nav button{position:absolute;vertical-align:bottom;width:100%;bottom:20px;right:20px;max-width:150px}#popup-container .content .inner-content{position:relative;display:block;top:0;bottom:0;left:0;right:0;vertical-align:middle;background:#0A0A0A;color:#FFF;text-align:center;height:50%;min-height:250px}#popup-container .content .chord-generator{position:absolute;width:150px;height:170px;margin:auto;top:0;bottom:0;left:0;right:0}#popup-container .content #chord-generator .chord-container{display:block;width:calc(100% - 50px);height:calc(100% - 25px);margin:auto;top:0;bottom:0;left:0;right:0}#popup-container .content #chord-generator .chord-container .open-string{width:calc(100% + 30px);margin-left:-12px}#popup-container .content #chord-generator .chord-container.ukulele .chord .fret td .last_point{margin:-4px 0 0 12px}#popup-container .content #chord-generator .chord-container.ukulele .chord .fret td .point{margin:-4px 0 0 -21px}#popup-container .content #chord-generator .chord-container.guitar .chord .fret td .last_point{margin:-4px 0 0 5.25px}#popup-container .content #chord-generator .chord-container.guitar .chord .fret td .point{margin:-4px 0 0 -15.25px}#popup-container .content #chord-error h1{font-size:30px}#popup-container .content #chord-error p{padding:5px}@media screen and (min-width:1200px){.left-navigation{display:inline-block;vertical-align:top;width:calc(20% - 20px);padding:30px 10px 10px;max-width:1050px;min-width:200px;background:#FFF;z-index:9999999999;height:100%;overflow-y:auto}.float-navigation{position:fixed;background:#FAFAFA;display:block;top:20px;left:0;z-index:999999999;border-radius:5px;width:calc(20% - 20px);margin:0 10px;box-shadow:4px 5px 6px -1px rgba(0,0,0,.3)}.navigation-content{float:right;display:inline-block;vertical-align:top;width:80%;min-width:200px;height:auto}}@media screen and (min-height:500px){#popup-container{max-height:580px}}@media screen and (min-width:1000px){#popup>.close{display:none}#popup-container{margin:auto;top:0;bottom:0;left:0;right:0;width:300px}}.mousescroll{overflow-x:hidden}.mousescroll::-webkit-scrollbar{width:10px}.mousescroll::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.mousescroll::-webkit-scrollbar-thumb{background-color:#CCC;border-radius:10px;border:2px solid transparent;-webkit-transition:1s;transition:1s}.mousescroll::-webkit-scrollbar-thumb:hover{background-color:#BBB;cursor:pointer;border:2px solid #fff;-webkit-transition:1s;transition:1s}.mousescroll::-webkit-scrollbar-thumb:active{background-color:#999}