@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);p{margin-bottom:1em}.heading{margin-bottom:0.618em}.heading.-large,h1{font-size:24px;font-weight:bold;line-height:30px}.heading.-medium,h2{font-size:16px;font-weight:normal;line-height:20px}.heading.-small,h3{font-size:12px;font-weight:bold;line-height:13.33333px}.heading.-smallest{font-size:10px;font-weight:bold}.aside-font-lg{font-size:20px}.header-icon-md{font-size:20px}.header-row{height:50px;padding:12px}.navcontainer ul{margin:0;padding:0;list-style-type:none;text-align:center}.navcontainer ul li{display:inline;width:300px}.navcontainer ul li a{text-decoration:none;padding:0.2em 1em;color:#fff;background-color:#036}.navcontainer ul li a:hover{color:#fff;background-color:#369}h1.course{font-size:40px}h2.course{font-size:36px;line-height:40px}h3.course{font-size:24px}p.course{font-size:24px}a:link.course{color:#888888;font-size:24px;text-decoration:none}a:visited.course{color:#888888;font-size:24px;text-decoration:none}a:hover.course{color:#888888;font-size:24px;text-decoration:none}a:active.course{color:#888888;font-size:24px;text-decoration:none}.course-mf-background{background:url(../images/musicfriendly/mf-bg.jpg) no-repeat right top fixed;background-size:cover}.course-dialog{background-color:rgba(255,255,255,0.5);border-radius:25px;position:fixed;top:45%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}h1.courses{font-size:28px}h2.courses{font-size:28px;line-height:32px}h3.courses{font-size:24px}p.courses{font-size:24px}a:link.courses{color:#888888;font-size:24px;text-decoration:none}a:visited.courses{color:#888888;font-size:24px;text-decoration:none}a:hover.courses{color:#888888;font-size:24px;text-decoration:none}a:active.courses{color:#888888;font-size:24px;text-decoration:none}.courses-dialog{background-color:rgba(255,255,255,0.5);border-radius:25px;position:fixed;top:45%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.col-fixed-320{width:320px;background:#1C1C1C;position:fixed;height:100%;z-index:100}.col-fixed-480{width:480px;background:#1C1C1C;position:fixed;height:100%;z-index:100}.col-fixed-640{width:640px;background:#1C1C1C;position:fixed;height:100%;z-index:100}.col-offset-320{padding-left:350px;padding-right:30px;padding-top:15px;padding-bottom:15px;height:100%}.col-offset-480{padding-left:510px;padding-right:30px;padding-top:15px;padding-bottom:15px;height:100%}.col-offset-640{padding-left:670px;padding-right:30px;padding-top:15px;padding-bottom:15px;height:100%}.piece-header-font-md{font-size:20px}.piece-header-icon-md{font-size:20px}.piece-header-row{height:50px;padding:12px}.profile-dropdown{margin-top:-5px}.piece-control-icon-md{font-size:28px}.piece-control-row{height:50px;padding:8px}.player-buttons{-webkit-appearance:none;outline:none;border:0;background:transparent}.piece-title{font-size:16px;padding-top:5px}.control-panel{margin-bottom:50px;height:calc(100% - 100px)}.video-player-320{width:320px;height:180px;background:black}.video-player-480{width:480px;height:270px;background:black}.video-player-640{width:640px;height:360px;background:black}.video-container{height:100%;width:100%;background-color:red}.video-control-bar{width:auto;height:50px;background:#1C1C1C;color:white}.tab-region-container{background-color:#1C1C1C;height:calc(100% - 270px - 50px);overflow:hidden}.tab-content{height:calc(100% - 42px)}.tab-pane{height:100%}.tabset-container{height:100%;overflow:hidden}.tab-content-scroll-view{height:100%;overflow:auto;overflow-x:hidden;color:white;font-weight:300}.piece-footer{background:#4D2F78;border-width:0px;color:white}.piece-footer-font-md{font-size:18px}.piece-footer-icon-md{font-size:20px}.piece-footer-row{height:50px;padding:12px}.playbackrate-buttons{margin-top:-3px;margin-left:15px}.btn.outline{background:none;padding:6px 12px}.btn.outline-sm{background:none;padding:3px 6px;font-size:12px;margin-top:-10px;margin-right:10px}.btn-primary.outline{border:1px solid white;color:white}.btn-primary.outline-sm{border:1px solid white;color:white}.btn.outline-sm-highlight{background:none;padding:3px 6px;font-size:12px;margin-top:-10px;margin-right:10px}.btn-primary.outline-sm-highlight{border:1px solid white;color:white;background-color:#EC008C}.btn-primary.outline:hover,.btn-primary.outline:focus,.btn-primary.outline:active,.btn-primary.outline.active,.open>.dropdown-toggle.btn-primary{color:white;border-color:white;background-color:rgba(255,255,255,0.5)}.btn-primary.outline:active,.btn-primary.outline.active{border-color:white;color:white;background-color:#EC008C;box-shadow:none}.btn-primary.outline-sm:hover,.btn-primary.outline-sm:focus,.btn-primary.outline-sm:active,.btn-primary.outline-sm.active,.open>.dropdown-toggle.btn-primary{color:white;border-color:white;background-color:rgba(255,255,255,0.5)}.btn-primary.outline-sm:active,.btn-primary.outline-sm.active{border-color:white;color:white;background-color:#EC008C;box-shadow:none}.taptab-logo-offset{margin-top:-4px}.piece-accompaniment-icon-md{font-size:20px}ul.list-group.control-panel>li{background-color:#232323;color:white;font-size:14px;border-radius:0 !important;border:1px solid #1A1A1A}.accomp-buttons{-webkit-appearance:none;outline:none;border:0;background:transparent;margin-top:-3px}.footer-icon-md{font-size:24px;padding-left:30px;margin-top:2px}.fa-footer-icon-md{font-size:28px !important;padding-left:30px;margin-top:2px}.fa-control-icon-md{font-size:24px !important}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#1C1C1C;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width: 768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #1C1C1C}@media (min-width: 768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #1C1C1C;border-radius:15px 15px 0 0;color:#5A5A5A;font-weight:300;background-color:#1F1F1F}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#232323;background-color:#232323;color:#9A9A9A;font-weight:300}}.score-panel{margin-bottom:50px;height:calc(100% - 100px)}.notation-container{height:calc(100vh - 100px);overflow:scroll}.progress-box{width:50px;margin-top:5px}.progress-box .percentage-cur .num{margin-right:5px}.progress-box .progress-bar{width:100%;height:10px;background:#f2f1f1;margin-bottom:3px;border:1px solid #dfdfdf;box-shadow:0 0 2px #D5D4D4 inset;position:relative}.progress-box .progress-bar .inner{position:relative;width:0;height:100%;background:#EC008C}.progress-bar .inner{height:0;width:0;-webkit-transition:all 1s ease-out;transition:all 1s ease-out}.progress-bar-slider .inner{-webkit-transition:none;transition:none}.progress-bar-slider .inner:after{content:" ";width:5px;height:14px;background-color:#ccc;position:absolute;right:-2px;top:-3px;border:1px solid #bbb;border-radius:2px;box-shadow:0px 0px 2px rgba(0,0,0,0.3);margin:0px}.progress-slider{opacity:0;width:100%;height:15px;position:absolute;top:0px;left:0px;cursor:pointer;z-index:1}.AccompVolumeStyle{width:150px}.accompVolumeLabel{color:#9A9A9A;font-size:12px;margin-left:300px}.audioTracksLabel{color:#9A9A9A;font-size:12px}.accompVolumeBG{background-color:#1F1F1F !important}.masterVolume{margin-top:7px;margin-right:7px}.glyphicon-refresh-animate{-animation:spin 2s infinite linear;-ms-animation:spin 2s infinite linear;-webkit-animation:spinw 2s infinite linear;-moz-animation:spinm 2s infinite linear}@-webkit-keyframes spin{from{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}to{-webkit-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg)}}@keyframes spin{from{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}to{-webkit-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg)}}@-webkit-keyframes spinw{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.aside-logo{display:inline;background:url(../images/musicfriendly/mf-logo.jpg) no-repeat;background-size:contain;height:50px;width:60px;margin-top:-5px;margin-left:10px}.piece-logo{display:inline;background:url(../images/musicfriendly/mf-logo2.jpg) no-repeat;background-size:contain;height:50px;width:60px;margin-top:-10px;margin-left:5px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;z-index:10000;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay-text{color:#FFFFFF;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.no-overlay{display:none}body{font-family:Helvetica, sans-serif, 'cwTeXHei';color:#333;background-color:#eee;padding:0px;overflow:hidden}body{padding-top:50px}.modal-open #content{-webkit-transition:all 0.2s,-webkit-transform 0.2s;transition:all 0.2s ease-out,-webkit-transform 0.2s}.modal-open.left #content{-webkit-transform:translate(320px, 0);-ms-transform:translate(320px, 0);transform:translate(320px, 0)}.ng-aside .modal-content{min-width:320px}.div-button{cursor:pointer}.v-center{vertical-align:middle}.taptab-logo-dark-sm{width:120px;height:35px;background:url("../images/logo-taptab-dark@2x.png") no-repeat 0 0;background-size:cover}.taptab-logo-dark-lg{width:300px;height:90px;background:url("../images/logo-taptab-dark@2x.png") no-repeat 0 0;background-size:cover;opacity:0.2}.div-center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}