.mp3filter{width:auto;min-width:24%;overflow-y:scroll;border:2px solid #c6c6c6;margin-bottom:5px;-moz-user-select:none;-webkit-user-select:none;user-select:none;display:inline-block;left:5px;position:relative}.mp3filter .library-filter{width:100%}.mp3filter .library-filter .selectedFilterValue{background-color:#d3d3d3}.mp3container{display:flex;justify-content:center;flex-wrap:wrap;min-width:1150px}.mp3container_left,.mp3container_right{float:left}.mp3filters{display:flex;text-align:left}.mp3filters,.mp3library{top:5px;position:relative}.mp3library{overflow-y:scroll}.library-nowrap-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-album{border:2px solid #c6c6c6;margin-bottom:5px;border-radius:20px;-moz-user-select:none;-webkit-user-select:none;user-select:none}.library-album .library-album-img-td{width:150px;vertical-align:baseline;padding:10px;padding:0 5px}.library-album .library-album-img-td .library-album-img{width:150px}.library-album .library-album-img-td span{font-size:12px;height:15px;display:inline-block}.library-album .library-album-files{vertical-align:top;padding-top:5px}.library-album .library-album-files .library-audio-files-table{width:100%;border-spacing:0;table-layout:fixed;border-collapse:collapse}.library-album .library-album-files .library-audio-files-table-tr-selected{background-color:#e6e6e6}.library-album .library-album-files .library-audio-files-table-tr{line-height:15px}.library-album .library-album-files .library-audio-files-table-tr .library-audio-files-table-name{text-align:left;font-size:12px;max-width:350px}.library-album .library-album-files .library-audio-files-table-tr .library-audio-files-table-name span{max-width:1000px;display:block}.library-album .library-album-files .library-audio-files-table-tr .library-audio-files-table-genre{text-align:left;font-size:12px;max-width:120px}.library-album .library-album-files .library-audio-files-table-tr .library-audio-files-table-genre span{max-width:1000px;display:block}.library-album .library-album-files .library-audio-files-table-tr .library-audio-files-table-duration{width:40px;text-align:center;font-size:12px}.library-album .library-album-files .library-audio-files-table-tr .library-audio-files-table-rating{width:70px;text-align:center}.library-album .library-album-files .library-audio-files-table-tr .library-audio-files-table-count{width:30px;font-size:12px}.library-album .library-album-files .library-audio-files-table-tr .library-audio-files-table-lastPlayed{font-size:12px}.library-album .library-album-files .library-audio-files-table-add{text-align:left;color:blue;font-size:12px}.library-album .library-album-files .library-album-table-duration{width:40px;text-align:center;font-size:12px;color:blue}.mp3playlist{border:5px solid #c6c6c6;margin-bottom:5px;border-radius:20px;margin-top:10px;margin-left:5px}.mp3playlist-scrolled{width:98%;overflow-y:scroll}.library-audio-list-table{width:100%;border-spacing:0;border-collapse:collapse}.library-audio-list-table,.library-audio-list-table-tr{-moz-user-select:none;-webkit-user-select:none;user-select:none}.library-audio-list-table-tr-selected{background-color:#e6e6e6}.library-audio-list-table-tr-played{font-weight:700}.library-audio-list-table-name{text-align:left;width:300px}.library-audio-list-table-rating{width:70px;text-align:left}.library-audio-list-table-duration{width:40px;text-align:right}@font-face{font-family:fontello;src:url(/img/fontello.aa90d95d.svg#fontello) format("svg");src:url(/fonts/fontello.ce26eeae.eot);src:url(/fonts/fontello.ce26eeae.eot?#iefix) format("embedded-opentype");src:url(/fonts/fontello.2cdfc847.woff) format("woff");src:url(/fonts/fontello.202122cb.ttf) format("truetype");font-weight:400;font-style:normal}.control-icon{font-family:fontello;font-style:bold;font-size:1.5em}.control-icon:after{position:relative}.control-icon-active{text-decoration:none!important;color:#555!important;background:#f5f5f5!important}.icon-add:after{content:"";top:-53px;left:2px}.icon-clear:after{content:"";top:-53px}.icon-gift:after{content:"";top:-53px}.icon-loop:after{content:"";top:-53px}.icon-shuffle:after{content:"";top:-53px}.icon-audio-back:after{content:"";top:-53px}.icon-audio-play:after{content:"";top:-53px;left:2px}.icon-audio-pause:after{content:"";top:-53px}.icon-audio-stop:after{content:"";top:-53px}.icon-audio-forward:after{content:"";top:-53px}.mp3playlist_controls{height:45px}.mp3playlist_controls .volume_timewrap{top:-30px;left:280px;width:200px;position:relative}.mp3playlist_controls .volume_timewrap .volume_progressbar{height:20px;width:200px;border:1px solid #aaa;border-radius:13px;padding:3px;display:inline-block}.mp3playlist_controls .volume_timewrap .volume_progressbar .bar{background:linear-gradient(270deg,#15d374,#c6ebc8);height:20px;width:15px;border-radius:9px}.mp3playlist_controls .volume_timewrap .volume_progressbar .bar span{float:right;padding:4px 5px;color:#fff;font-size:.7em}.mp3playlist_controls .mp3playlist_controls_buttons{text-align:left;margin:0;padding:0;position:relative;top:10px;left:10px;height:45px}.mp3playlist_controls .mp3playlist_controls_buttons li{position:relative;display:inline-block}.mp3playlist_controls .mp3playlist_controls_buttons li:before{content:"";display:block;border-top:1px solid #ddd;border-bottom:1px solid #fff;width:100%;height:1px;position:absolute;top:50%;z-index:-1}.mp3playlist_controls .mp3playlist_controls_buttons a{display:block;background-color:#f7f7f7;background-image:linear-gradient(0deg,#f7f7f7,#e7e7e7);color:#a7a7a7;margin-left:5px;width:40px;height:40px;position:relative;text-align:center;line-height:144px;border-radius:50%;box-shadow:0 3px 8px #aaa,inset 0 2px 3px #fff;text-decoration:none}.mp3playlist_controls .mp3playlist_controls_buttons a:hover{text-decoration:none;color:#555;background:#f5f5f5}.mp3playlist_controls .mp3playlist_controls_buttons a:before{content:"";display:block;background:#fff;border-top:2px solid #ddd;position:absolute;top:-5px;left:-5px;bottom:-5px;right:-5px;z-index:-1;border-radius:50%;box-shadow:inset 0 8px 48px #ddd}.audio_controls{height:45px}.audio_controls .audio_controls_panel{overflow:hidden;height:50px}.audio_controls .audio_controls_panel .audio_controls_buttons{margin:0;padding:0;height:45px;display:inline-block}.audio_controls .audio_controls_panel .audio_controls_buttons ul{text-align:left;margin:0;padding:0;position:relative;top:5px;height:35px;display:inline-block}.audio_controls .audio_controls_panel .audio_controls_buttons ul li{position:relative;display:inline-block}.audio_controls .audio_controls_panel .audio_controls_buttons ul li:before{content:"";display:block;border-top:1px solid #ddd;border-bottom:1px solid #fff;width:100%;height:1px;position:absolute;top:50%;z-index:-1}.audio_controls .audio_controls_panel .audio_controls_buttons ul a{display:block;background-color:#f7f7f7;background-image:linear-gradient(0deg,#f7f7f7,#e7e7e7);color:#a7a7a7;margin-left:5px;position:relative;text-align:center;line-height:144px;border-radius:50%;box-shadow:0 3px 8px #aaa,inset 0 2px 3px #fff;text-decoration:none}.audio_controls .audio_controls_panel .audio_controls_buttons ul a:hover{text-decoration:none;color:#555;background:#f5f5f5}.audio_controls .audio_controls_panel .audio_controls_buttons ul a:before{content:"";display:block;background:#fff;border-top:2px solid #ddd;position:absolute;top:-5px;left:-5px;bottom:-5px;right:-5px;z-index:-1;border-radius:50%;box-shadow:inset 0 8px 48px #ddd}.audio_controls .audio_controls_panel .audio_controls_rating{position:relative;top:-45px;margin:0;padding:0;height:45px;display:inline-block;text-align:center}.audio_controls .audio_timewrap{top:5px;position:relative}.audio_controls .audio_timewrap .audio_currenttime{display:inline-block;position:relative;top:-8px;left:-5px}.audio_controls .audio_timewrap .audio_progressbar{height:20px;width:400px;border:1px solid #aaa;border-radius:13px;padding:3px;display:inline-block}.audio_controls .audio_timewrap .audio_progressbar .bar{background:linear-gradient(90deg,#b993d6,#8ca6db);height:20px;width:15px;border-radius:9px}.audio_controls .audio_timewrap .audio_progressbar .bar span{float:right;padding:4px 5px;color:#fff;font-size:.7em}.audio_controls .audio_timewrap .audio_duration{display:inline-block;position:relative;top:-8px;left:5px}.audio_image{top:50px;position:relative}.rating{display:flex;align-items:flex-end;font-size:17px;line-height:.75;position:relative;display:inline-block}.rating .rating_body:before{content:"☆☆☆☆☆";display:block}.rating .rating_body{position:relative}.rating .rating_body .rating_content,.rating .rating_body .rating_content:before{position:absolute;height:100%;top:0;left:0;overflow:hidden}.rating .rating_body .rating_content:before{content:"★★★★★";width:100%;color:#ffd300}.rating_active{display:flex;align-items:flex-end;font-size:40px;line-height:.75;position:relative;display:inline-block}.rating_active .rating_body_active:before{content:"☆☆☆☆☆";display:block}.rating_active .rating_body_active{position:relative}.rating_active .rating_body_active .rating_content,.rating_active .rating_body_active .rating_content:before{position:absolute;height:100%;top:0;left:0;overflow:hidden}.rating_active .rating_body_active .rating_content:before{content:"★★★★★";width:100%;color:#ffd300}.rating_active .rating_body_active .rating_content_active{position:absolute;height:100%;top:0;left:0;overflow:hidden}.rating_active .rating_body_active .rating_content_active:before{content:"★★★★★";position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;color:hwb(44 12% 19%)}.rating_active .rating_items{display:flex;position:absolute;width:100%;height:100%;top:0;left:0}.rating_active .rating_items .rating_item{margin:0;padding:0;width:30px;opacity:0}.password_panel{width:100%;display:grid;align-items:center;justify-content:center;top:2cap;position:relative}.password_panel .password_fieldset{text-align:left;border-radius:20px;border:2px solid #d3d3d3;box-shadow:4px 4px 8px 0 rgba(34,60,80,.45)}.password_panel .password_fieldset legend{padding:5px;color:gray;font-size:100%;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:bolder;position:relative;margin-left:auto;margin-right:auto}.password_panel .password_fieldset legend:before{position:absolute;height:8px;border-left:1px solid gray;left:0;top:7px}.password_panel .password_fieldset legend:after{position:absolute;height:8px;border-right:1px solid gray;right:0;top:7px}.password_panel .password_fieldset .generate_button_div{padding:10px;align-items:center;justify-content:center;display:grid}.password_panel .password_fieldset .generate_button_div .generate_button{border:0;line-height:2.5;padding:0 20px;font-size:1rem;text-align:center;color:#fff;text-shadow:1px 1px 1px #000;border-radius:10px;background-color:#555fe9;background-image:linear-gradient(to top left,rgba(0,0,0,.2),rgba(0,0,0,.2) 30%,transparent);box-shadow:inset 2px 2px 3px hsla(0,0%,100%,.6),inset -2px -2px 3px rgba(0,0,0,.6)}.password_panel .password_fieldset .generate_button_div .generate_button:hover{background-color:#3236ac}.password_panel .password_fieldset .generate_button_div .generate_button:active{box-shadow:inset -2px -2px 3px hsla(0,0%,100%,.6),inset 2px 2px 3px rgba(0,0,0,.6)}.password_panel .passwords-table td{word-break:break-all}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{background-color:#fff;box-shadow:0 0 10px gray;display:block}nav a{font-weight:700;color:#ae3113}nav a.router-link-exact-active{color:coral}nav .head{width:100%;display:flex;justify-content:space-between}nav .head .head-logo{float:left;width:150px}nav .head .head-logo .img{width:150px}nav .head .head-menu{float:right;right:10px;position:relative}nav .head .head-menu .img{width:40px;margin-top:3px}@media(max-width:1310px){nav .head .head-menu .img{margin-right:10px}}.loading{margin-top:30px}