@import url(https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700);@import url(https://fonts.googleapis.com/css?family=Bungee);body,html{width:100%;height:100%;margin:0;padding:0;background:#1c1c1c;color:#fff;font-family:Quicksand,sans-serif}.app-body{padding:10px;padding-top:90px}.header{position:fixed;top:0;left:0;width:100%;background:#f8c942;background:linear-gradient(190deg,#e67070,#e54040)}.status-bar{width:100%;display:block;padding:.2em 0 1.2em;text-align:center}.status-bar__info{font-family:Quicksand,sans-serif;text-transform:uppercase;font-weight:300;font-size:.7em}.status-bar__title{text-transform:uppercase;font-family:Bungee,sans-serif;text-align:center}.status-bar__credits{right:.3em}.status-bar__credits,.status-bar__location{position:absolute;font-family:Bungee,sans-serif}.status-bar__location{left:.3em}.menu{width:100%}.menu__entry{display:block;width:33.333%;float:left;box-sizing:border-box;padding:.3em .5em;text-align:center;border-bottom:3px solid transparent;font-weight:500;color:#f6f1f1;text-decoration:none}.menu__entry span{text-transform:uppercase;font-size:.8rem}.menu__entry.active{border-color:#f6f1f1}.menu:after,.menu__entry .fa{display:block}.menu:after{content:"";clear:both}.btn,.btn--change,.btn--email,.btn--facebook,.btn--logout,.form-btn,.form-ele,.form-ipt,.ipt{outline:none;border:none;font-family:Quicksand,sans-serif;line-height:20px;font-size:.9rem;border-radius:1em;box-sizing:border-box;margin:0}.btn,.btn--change,.btn--email,.btn--facebook,.btn--logout,.form-btn{color:#fff;background:#f8c942;background:linear-gradient(190deg,#e67070,#e54040);padding:.3em 1em;font-weight:700;text-transform:uppercase;cursor:pointer;transition:.3s ease}.btn--change:disabled,.btn--email:disabled,.btn--facebook:disabled,.btn--logout:disabled,.btn:disabled,.form-btn:disabled{background:#555;background:linear-gradient(190deg,#ccc,#555);cursor:default;transition:.3s ease}.btn--big{display:inline-block;font-size:1.5rem;border-radius:2em}.form-ipt,.ipt{padding:.3em .7em}.ipt--big{font-size:1.5rem;border-radius:2em}.form-ipt{width:calc(100% - 105px)}.form-btn{width:100px}.search-results{margin:0;padding:0}.search-results__title{margin:1em 0 0;font-size:1em;font-family:Quicksand,sans-serif;font-weight:400;text-transform:uppercase;text-align:center;color:#f8c942}.search-results__footer{width:100%;margin-top:1em;text-align:center}.search-result{list-style:none;padding:.5em 0}.search-result+.search-result{border-top:1px solid #777}.song__cover{display:block;float:left;margin-right:10px;max-width:64px}.song__info{float:left;overflow:hidden;max-width:calc(100% - 74px - 37px)}.song__title{display:block}.song__artist{display:block;font-weight:300;font-size:.85em;color:#ccc}.song__suggestor{display:block;font-size:.85em;color:#e67070}.song__action-btn{margin:0;margin-left:5px;padding:0;float:right;border:0;background:none;outline:none;cursor:pointer;color:#999}.song__action-btn .fa{font-size:32px}.song__action-btn .fa-check{color:#e67070}.song__action-btn span{display:block}.song__action-btn.active{color:#e67070}.song:after{content:"";clear:both;display:block}.checkin-view{padding:5vh 5%;text-align:center}.checkin-view__logo{max-height:40vh;max-width:50%}.checkin-view h1{margin-bottom:0}.checkin-view .btn,.checkin-view .btn--change,.checkin-view .btn--email,.checkin-view .btn--facebook,.checkin-view .btn--logout,.checkin-view .form-btn,.checkin-view .form-ipt,.checkin-view .ipt,.checkin-view .lbl{display:block;margin:10px auto;width:80%;font-size:16px;line-height:24px;padding:.7em}.checkin-view .lbl{margin-top:0}.checkin-view .form-ipt,.checkin-view .ipt{text-align:center}.checkin-view .btn,.checkin-view .btn--change,.checkin-view .btn--email,.checkin-view .btn--facebook,.checkin-view .btn--logout,.checkin-view .form-btn{line-height:18px}.btn--logout{width:100%;margin-top:2em}.btn--facebook{width:100%;background:#3b5998;margin-top:1em}.ipt--change{line-height:1}.btn--change{float:right;font-size:.7em;padding:.1em .7em}.btn--email{width:100%;background:#593b98;margin-top:2em}.ipt--email{width:100%;margin-top:.2em;text-align:center}.charts-list{margin:0;padding:0}.charts-list__title{margin:1em 0 0;font-size:1em;font-family:Quicksand,sans-serif;font-weight:400;text-transform:uppercase;text-align:center;color:#f8c942}.charts-list__footer{width:100%;margin-top:1em;text-align:center}.charts-entry{list-style:none;padding:.5em 0}.charts-entry+.charts-entry{border-top:1px solid #777}.charts-entry .song__info{max-width:calc(100% - 37px)}