@import url(https://fonts.googleapis.com/css?family=Nunito);
.jcrop-holder{direction:ltr;text-align:left;-ms-touch-action:none}.jcrop-hline,.jcrop-vline{background:#fff url(/images/Jcrop.gif?155428c6a87137941f5815e928e56104);font-size:0;position:absolute}.jcrop-vline{height:100%;width:1px!important}.jcrop-vline.right{right:0}.jcrop-hline{height:1px!important;width:100%}.jcrop-hline.bottom{bottom:0}.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;height:100%;-webkit-user-select:none;width:100%}.jcrop-handle{background-color:#333;border:1px solid #eee;font-size:1px;height:7px;width:7px}.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0}.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px}.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%}.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%}.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0}.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0}.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0}.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px}.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%}.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px}.jcrop-dragbar.ord-n{margin-top:-4px}.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px}.jcrop-dragbar.ord-e{margin-right:-4px;right:0}.jcrop-dragbar.ord-w{margin-left:-4px}.jcrop-light .jcrop-hline,.jcrop-light .jcrop-vline{background:#fff;filter:alpha(opacity=70)!important;opacity:.7!important}.jcrop-light .jcrop-handle{background-color:#000;border-color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.jcrop-dark .jcrop-hline,.jcrop-dark .jcrop-vline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important}.jcrop-dark .jcrop-handle{background-color:#fff;border-color:#000;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.solid-line .jcrop-hline,.solid-line .jcrop-vline{background:#fff}.jcrop-holder img,img.jcrop-preview{max-width:none}
.range-slider{display:inline-block;height:20px;padding:0 10px;width:130px}.range-slider.disabled{opacity:.5}.range-slider-inner{display:inline-block;height:100%;position:relative;width:100%}.range-slider-fill,.range-slider-rail{border-radius:2px;display:block;height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.range-slider-rail{background-color:#e2e2e2;width:100%}.range-slider-fill{background-color:#21fb92}.range-slider-knob{background-color:#fff;border:1px solid #f5f5f5;border-radius:50%;box-shadow:1px 1px rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;display:block;height:20px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.range-slider-hidden{display:none}
.right{float:right!important}.left{float:left!important}.hidden{display:none}.bg-black{background-color:#000}.ft-white{color:#fff}.green-bg{background-color:#66bb5c}.green-color{color:#66bb5c}.yellow-bg{background-color:#ffc107}.yellow-color{color:#ffc107}html{font-size:14px}body{background-color:#f0fdfb;color:#333;font:100% Helvetica,sans-serif}a{cursor:pointer}.dropdown:hover .dropdown-menu{display:block;margin:0}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{animation-duration:.75s;animation-iteration-count:infinite;animation-name:spinner-border;animation-timing-function:linear;border:.25em solid;border-radius:50%;border-right:.25em solid transparent;display:inline-block;height:2rem;overflow:hidden;position:relative;text-indent:-999em;vertical-align:text-bottom;width:2rem}.spinner-border-sm{border-width:.2em;height:1rem;width:1rem}.cancel{background:red;color:#fff;cursor:pointer;float:right;font-size:25px;font-weight:700;height:50px;line-height:45px;text-align:center;width:50px}.button{background:#00bfff;color:#fff;margin-top:10px;padding:10px 15px}.btn{border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;font-size:13px;font-weight:400;line-height:13px;margin:3px 0;min-width:80px;transition:all .4s ease-in-out 0s}.btn-lg{border-radius:30px!important;padding:10px 25px}.btn-lg i{margin-right:5px}.btn-lg span{bottom:4px;position:relative}.btn-special{border:5px solid #fff!important;box-shadow:0 0 0 1px #ebebeb}.btn-special.yellow-bg{background-color:#ffc107;color:#fff;padding:10px 30px}.yellow-bg{color:#000}.yellow-bg:hover{background-color:#fff;color:#000}.green-bg{background-color:#66bb6c;color:#fff}.green-bg:hover{background-color:#fff;color:#000}.list-item{background:transparent;border-radius:5px 5px 0 0;float:left;height:auto;margin-bottom:1.5rem;overflow:hidden!important;position:relative;transition:all .2s ease-in-out}.list-item:hover{transform:scale(1.05)}.list-item .inner{animation:kleo-btt .8s cubic-bezier(.165,.84,.44,1) 1;-webkit-animation:kleo-btt .8s cubic-bezier(.165,.84,.44,1) 1;-moz-animation:kleo-btt .8s cubic-bezier(.165,.84,.44,1) 1;-o-animation:kleo-btt .8s cubic-bezier(.165,.84,.44,1) 1;opacity:1;position:relative;width:100%}.list-item .wrapper{position:relative}.list-item .overlay{display:none}.list-item:hover .overlay{background:rgba(101,172,107,.93);border-radius:5px 5px 0 0;display:block;height:100%;position:absolute;right:0;top:0;width:100%}.list-item .meta{background-color:rgba(0,0,0,.65);border-radius:0 0 5px 5px;color:#fff;font-size:13px;padding:5px 10px 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.list-item .meta a{color:#bbb}.list-item .title a{color:#66bb6c;font-size:18px;font-weight:700}.list-item .title a:hover{color:#ccc}.song.inner .is-playing{border-radius:5px 5px 0 0;color:#fff;display:block;height:100%;position:absolute;right:0;top:0;width:100%}.song.inner .button{background:rgba(80,138,82,.9);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 0 10px hsla(0,0%,100%,0);color:#fff;font-size:25px;line-height:0px;position:absolute}.song.inner .button.pri{border-radius:40px;height:3vw;left:15%;padding:.5vw .4vw .4vw .6vw;top:calc(50% - 2.2vw);width:3vw}.song.inner .button.pri.pause{padding:.5vw}.song.inner .button.sec{border-radius:50px;height:2.5vw;padding:.5vw;right:2.5vw;top:calc(50% - 2vw);width:2.5vw}.song.inner .is-playing .button{background:hsla(0,0%,72%,.6)}.song.inner .button:hover{box-shadow:0 0 10px #ccc;cursor:pointer;transition:background-color .5s ease-out}.song.inner .meta .buttons{text-align:initial}.meta .buttons .button{background:transparent;border:none;display:inline-flex;height:20px;margin:0 10px 0 0;padding:0;position:relative;width:20px}.meta .buttons .button:hover{box-shadow:none}.meta .info{overflow:hidden;width:100%}.song .title{font-weight:700}.song p{line-height:inherit;margin-bottom:0}i sub{background-color:red;border-radius:50%;color:#fff;font-size:12px;font-style:normal;line-height:12px;padding:0 5px}.ion-ios-create{cursor:pointer}.progress-container .range-slider.slider{cursor:pointer;padding:0;width:100%}.progress-container .range-slider-inner{top:-8px}.progress-container .range-slider-knob,.volume-container .range-slider-knob{display:none;height:4px}.range-slider-fill{background-color:#66bb6c!important}body{color:#777}.progress-container .range-slider-inner{display:inline-block;height:4px;position:relative;top:-9px;width:100%}.alert{margin-top:5px}.tooltip{border-bottom:1px dotted #000;display:inline-block;font-family:inherit;opacity:1!important;position:relative;z-index:inherit}.tooltip .tooltip-text{background-color:#333;border-radius:3px;bottom:125%;color:#fff;display:block;font-size:14px;line-height:14px;opacity:0;padding:2px 5px;text-align:center;transition:opacity .3s;visibility:hidden;z-index:1}.tooltip .tooltip-text,.tooltip .tooltip-text:after{left:50%;margin:auto;position:absolute;transform:translate(-50%)}.tooltip .tooltip-text:after{border:5px solid transparent;border-top-color:#333;content:"";top:100%}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.tooltip .tooltip-text:hover{display:none}@media (max-width:768px){.song.inner .button.pri{height:5vw;width:5vw}.song.inner .button.sec{height:4vw;width:4vw}}

/*# sourceMappingURL=app.css.map*/