html,body{width:100%;height:100%;margin:0;padding:0;font-family:Helvetica,Arial,Sans-Serif;color:#3b7694}button{outline:0;border:0;width:100%;margin-top:20px;cursor:pointer}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.7) center center no-repeat;background-image:url(/assets/loading.gif);z-index:99999999}.login-spacer{height:10%}.modal-box{position:relative;width:400px;max-width:920px;margin:0 auto;-webkit-box-shadow:0 0 103px -16px rgba(59,118,148,0.5);-moz-box-shadow:0 0 103px -16px rgba(59,118,148,0.5);box-shadow:0 0 103px -16px rgba(59,118,148,0.5)}.modal-header{padding:20px 40px;background:#6cf;color:#fff !important}.modal-header h2{color:#fff;text-align:center}.modal-body{background:#fff;padding:60px 40px;max-height:600px;overflow-y:auto}@keyframes vanish{0%{max-height:1000px}100%{max-height:0;overflow:hidden;opacity:0;padding:0}}@-webkit-keyframes vavish{0%{max-height:1000px}100%{max-height:0;overflow:hidden;opacity:0;padding:0}}.error{display:block;background:#68ccff;color:#fff;padding:30px;animation:vanish 1s forwards;animation-delay:15s;margin:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.modal-body .forminput .label{min-width:0;max-width:80px}.modal-body .error{display:block;margin-top:-30px;background:rgba(201,76,76,0.5);color:#fff;padding:10px}.notice{font-size:12px}.copyright{text-align:center}.modal-body p:last-child{margin-bottom;0;padding-bottom:0}.header{display:block;width:100%;height:100px}.logo{height:100px;float:left;padding-left:20px}.logo img{max-height:100%;margin:0;border:0;padding:0}.sitename{line-height:100px;float:right;padding-right:20px}.container{float:left;width:63%;max-width:768px;padding:20px;text-justify:center}.sidebar{width:30%;float:right}.widget{width:95% !important;margin:20px auto !important}.status-window{max-height:15px;overflow:hidden;-webkit-transition:max-height .8s;-moz-transition:max-height .8s;transition:max-height .8s}.status-window label{display:block;width:100%;height:50px;line-height:50px;margin:5px auto 0 auto;background:#3b7694;color:#ddd;white-space:nowrap;overflow:hidden}.status-window label>span{color:#fff}.album{display:inline-block;max-width:195px;height:300px;background:#6cf;position:relative;margin:5px auto 0 auto;text-align:left;vertical-align:top}.album>div{padding:20px}.album img{width:150px;height:150px;border-style:inset;border:2px solid}.album .album-info .album-name{display:block;width:100%;font-size:18px}.album .status{position:absolute;top:20px;right:30px;width:32px;height:32px;text-align:center}.album .status i{font-size:32px}.available-albums{text-align:justify;background:url('/assets/loading.gif') center center no-repeat;min-height:300px}.icon-keys{display:block;width:100%;margin:10px auto 20px auto}.icon-keys .icon-key{display:inline-block;padding:10px;background:#efefef;margin-top:10px;width:auto}.green{color:#43dc34}.red{color:#dc4334}.unavailable{opacity:.5;pointer-events:none}nav{display:block;width:100%;min-height:40px}.button{padding:15px;font-size:14px;text-transform:uppercase;background:#6cf;color:#3b7694;color:#fff}.button:hover{background:#3b7694;color:#fff}.button:disabled{background:#ececec;cursor:progress}a.button{text-decoration:none}.libraryinfo{display:block;max-width:100%;overflow:hidden}.libraryinfo label{font-size:18px;width:100%}.libraryinfo label input[type="text"]{outline:1px #6cf solid;outline-offset:10px;border:0;margin:15px;position:relative}.forminput{border:1px solid #6cf;margin:5px auto 5px auto}.forminput .label{display:table-cell;background:#6cf;padding:20px;color:#fff;white-space:nowrap;min-width:120px}.forminput .inputarea{display:table-cell;background:#ededed;width:100%;color:#3b7694;vertical-align:middle;text-align:center}.forminput .element{width:90%;outline:0;border:0;background:transparent;color:#3b7694;font-size:18px}.forminput .element::placeholder{color:#6cf;font-size:18px}.forminput .fieldstatus{display:table-cell;background:#ededed;font-size:24px;padding-right:2px}.separator{background:#3b7694;height:10px;border:0}.warning{display:block;color:#fc2343;margin-top:25px}.note{display:block;color:#6cf;margin-bottom:25px}.users{display:flex;max-width:100%;align-items:flex-start;flex-wrap:wrap;justify-content:space-between}.usericon{padding:20px;margin-bottom:5px;background:#3b7694;color:#fff;text-align:center}.library-albums{display:block;margin:32px 0 15px 0 !important}.albumrow{display:block;max-width:100%;vertical-align:middle;padding:20px;background:#3f3f3f;color:#fff;margin:5px auto 15px auto;position:relative}.albumrow>div{vertical-align:middle;background:#3b7694;padding:10px}.albumrow .icon{display:block;width:32px;height:32px;font-size:32px;position:absolute;left:-16px;top:-16px}.albumrow .librarytitle{display:table-cell;font-size:18px;color:#fff;padding:20px;white-space:nowrap}.albumrow .librarytrack{display:table-cell;color:#fff;font-size:18px;padding-left:15px;width:100%}.albumrow .librarytools{display:table-cell;text-align:right}.albumrow .librarytools a{display:inline-block;width:32px;height:32px;font-size:24px;line-height:32px;color:#fff;margin-left:5px;text-align:center;float:right}.albumrow .librarytools a:hover{color:#6cf}.albumrow .albumicon{display:table-cell;padding-right:15px}.albumrow .albumicon img{max-height:60px}.albummanagement{position:absolute;bottom:10px;width:100%}.albummanagement>span{display:inline-block;width:32px;height:32px;border-radius:16px;background:#fff;text-align:center;line-height:32px;transition:all .2s ease-in-out}.albummanagement>span:hover{transform:scale(1.1)}.albummanagement i{font-size:24px;line-height:32px}.cancel{float:left !important}.half{display:block;width:40%;float:right}.half:after{content '';display:block;clear:both}.modal{position:fixed;height:100%;width:100%;margin:0;padding:0;background:rgba(255,255,255,0.8);z-index:999;display:none}.modal>div{z-index:9999}.visible{display:block}.dialog{display:block;margin:5% auto;width:50%;min-height:320px;background:#fff;border:1px solid #6cf;position:relative;-webkit-box-shadow:0 0 47px -13px rgba(102,204,255,0.7);-moz-box-shadow:0 0 47px -13px rgba(102,204,255,0.7);box-shadow:0 0 47px -13px rgba(102,204,255,0.7)}.dialog .header{display:block;padding:0;margin:0;min-height:48px;width:100%;line-height:32px;background:#6cf;color:#fff !important;position:absolute}.dialog .header h2{padding:10px;color:#fff;text-align:center}.dialog .after-header{display:block;padding:100px 10px 10px 10px;margin-bottom:20px}.dialog .after-header .note{width:50%;padding-right:10px;font-size:12px;margin-top:20px}.dialog .disabled{pointer-events:none;opacity:.3}.dialog span.label a{color:#3b7694}.dialog span.label a:hover{color:#fff}.dialog .close{position:absolute;width:32px;height:32px;font-size:32px;top:-16px;right:-16px;border-radius:16px;border:2px solid #6cf;z-index:9999;background:#fff;text-align:center;line-height:32px;overflow:hidden}.dialog a.close{color:#3b7694}.dialog a.close:hover{color:#6cf}input[type="checkbox"]{position:absolute;left:-100vw}input[type="checkbox"]:checked+label{--s:1}label.check-box{--s:0;display:block;position:relative;--c:#6cf;text-indent:-100vw;filter:blur(0.5px);cursor:pointer}label.check-box,.dialog label.check-box:before{border:solid .3125em transparent;width:4em;height:1.625em;border-radius:0;box-shadow:solid 0 0 0 rgba(0,0,0,0.5);background:repeating-linear-gradient(-45deg,rgba(119,119,119,0.04) 0,rgba(119,119,119,0.04) 2px,transparent 0,transparent 5px) padding-box,repeating-linear-gradient(45deg,rgba(119,119,119,0.04) 0,rgba(119,119,119,0.04) 2px,transparent 0,transparent 5px) padding-box,linear-gradient(transparent,rgba(0,0,0,0.32)) padding-box,linear-gradient(var(--c),var(--c)) padding-box,linear-gradient(#bebebb,#fdfdfc) border-box}label.check-box:before,.dialog label:after{position:absolute;top:0;left:0;content:""}label.check-box:before{margin:-0.3125em;opacity:calc(1 - var(--s));--c:#dedede;transition:.2s opacity}label.check-box:after{border:solid 3px transparent;width:1.6875em;height:1.1em;border-radius:0;transform:translate(calc(var(--s)*100%));box-shadow:0 2px 9px rgba(0,0,0,0.8);background:linear-gradient(#d1d1d1,#edede9) padding-box,linear-gradient(#fcfcfc,#b2b2b2) border-box;transition:.1s transform ease-in}.footer{display:block;margin:10px auto 30px auto}.fstrap{display:block;width:100%;text-align:center;font-size:13px;color:rgba(59,118,148,0.5)}.private{background:#f66 url(/assets/private-bg.png) repeat;background-size:10%}.listed{background:#75d876 url(/assets/listed-bg.png) repeat;background-size:10%}.unlisted{background:#e2a273 url(/assets/unlisted-bg.png) repeat;background-size:10%}.alteravailable{display:block;width:100%}.alteravailable .row{height:70px;padding:20px;margin:5px auto 10px auto;background:rgba(102,204,255,0.5);line-height:70px;position:relative}.alteravailable .row>div{display:inline-block;line-height:70px;vertical-align:top}.alteravailable .row>div:last-child{float:right;display:inline-block;line-height:70px;vertical-align:top}.alteravailable img{max-height:70px}.alteravailable .inlibrary{position:absolute;left:10px;top:10px}.alteravailable .inlibrary i{font-size:24px}.alteravailable .extcontrols a{display:inline-block;min-width:32px;min-height:32px;padding:3px;text-align:center;border-radius:50%;font-size:24px;background:#fff}.alteravailable .extcontrols a:hover{background:#6cf}.alteravailable .extcontrols a:hover i{color:#fff}.alteravailable .extcontrols i{line-height:32px;color:#6cf}.alteravailable .extname{font-size:24px}.alteditalbum fieldset{display:block;background:rgba(102,204,255,0.4);border:2px #6cf solid;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;max-width:95%;margin-bottom:20px}.alteditalbum fieldset input[type="text"]{background:transparent;font-size:16px;border:0;outline:0}.alteditalbum .boxsetfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.boxsetfile+label.boxsetlabel{font-size:1.25em;color:white;background-color:#6cf;display:block;margin:0 auto;cursor:pointer;padding:20px;text-align:center}.boxsetfile+label.boxsetlabel:hover{background-color:#3b7694}.lblue{fill:#fff}.widget .modal-body{padding:10px 10px}.activity{display:block;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #6cf}.activity>div{display:block;margin:10px auto 15px auto}.activity span.label{background:#6cf;color:#fff;padding:5px;margin-right:5px;min-width:60px;font-size:12px}.activity .populartrack{font-size:12px;margin-bottom:12px}.activity .top-ten{font-size:24px}.reset{clear:both;margin:0;padding:0}[draggable]{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-khtml-user-drag:element;-webkit-user-drag:element}.dragElem{opacity:.4}.over{outline-offset:5px;outline:3px dotted blue}.under{outline-offset:5px;outline:3px dotted blue}.availablefiles{display:flex;max-width:100%;align-items:flex-start;flex-wrap:wrap;justify-content:space-between}.file{padding:20px;margin-bottom:5px;background:#3b7694;color:#fff;text-align:center;max-width:29%;overflow:hidden;position:relative}span.filename{display:block;word-wrap:break-word;margin:5px auto 10px auto}.downloadable{background:#75d876}.fileactions{position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px;width:18px;height:18px}.fileactions a{display:inline-block;color:#6cf;font-size:18px}.downloadable .viewfile{display:block;background:#159716;padding:2px}.downloadable .viewfile a{text-decoration:none;color:#fff;font-weight:lighter}.downloadable .viewfile a:hover{color:#6cf}@media only screen and (max-width:768px){.dialog{width:95%}.album{width:100%}.dialog .close{right:-10px}.header{height:auto}.logo{height:200px;max-height:auto;display:block;float:none;width:100%;text-align:center}.logo img{height:200px;margin:0 auto}.sitename{display:block;width:100%;line-height:auto;float:none;text-align:center}.container{float:none;width:95%;margin:0 auto;padding:0}.sidebar{width:95%;float:none;margin:0 auto}.albumrow .librarytitle{padding:10px;white-space:unset;word-wrap:break-word}.albumrow .librarytrack{padding-left:0}.albumrow .albumicon{padding-right:5px}.albumrow .albumicon img{max-height:40px}.extname{text-align:right;line-height:24px}.extname:after{content:" ";float:none;clear:both}.exttracks{float:right;line-height:18px}.alteravailable .row{height:auto}.alteravailable .row>div:last-child{clear:both;float:none;width:100%;text-align:center}.examplecontainer{width:95%}.boxsetcover{width:100%}.boxsetheader .boxsettitle{float:none;width:100%;line-height:24px;margin:10px 0 10px 0;text-align:center}.forminput .label{white-space:unset;word-wrap:break-word;min-width:0}}