.detallesExtraButton{right:10px;top:10px;border-radius:5px;padding:5px;font-size:12px;color:#fff;background-color:#000;border:1px solid #fff;float:right}.detallesExtraButton img{height:15px;margin-bottom:-3px}.connection_date_select{margin:0 0 0 8px;padding:10px;border-radius:5px;border:1px solid #232323;background-color:#000;color:#fff;font-size:1em;font-weight:400;margin-bottom:10px}.connection_date_select_from,.connection_date_select_to{width:calc(50% - 60px)!important;float:left}.mconnection_date_div_es>.connection_date_select_from.mayor,.mconnection_date_div_es>.connection_date_select_from.menor,.mconnection_date_div_es>.connection_date_select_to.mayor,.mconnection_date_div_es>.connection_date_select_to.menor{border:1px solid #ff4f4f}.mconnection_date_div_es>.connection_date_select_from.ok,.mconnection_date_div_es>.connection_date_select_to.ok{border:1px solid #232323}.exportButtonEx{margin:0 0 0 8px;padding:10px;border-radius:5px;border:1px solid #2e7d32;background-color:#2e7d32;color:#fff;font-weight:400;margin:auto;display:block;width:90px;height:40px}.exportButtonEx span{font-size:14px;line-height:14px;font-weight:700}.statusConnectedCard:before{content:"";height:100%;width:5px;background:#fff;position:absolute;left:0;top:0}.statusConnected:before{background:#0f0!important}.statusAlmostConnected:before{background:#ffa200!important}.statusDisconnected:before{background:red!important}.statusConnectedCard{position:relative;margin:0 0 0 0;padding:0 0 0 5px}.statusConnectedCard ion-card-header{padding:6px}.statusConnectedCard ion-card-content{padding:0 6px 6px 6px}.connectedCard .version{font-size:10px;padding-left:5px;position:absolute;right:5px;bottom:0;color:#858585}.sucName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sucName:hover{white-space:normal;overflow:visible;text-overflow:unset}.audioname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 0 0}.audioname:hover{white-space:normal;overflow:visible;text-overflow:unset}.connectedCard .version strong{font-size:11px;color:#c9c9c9}.connectedCard .statusBar .conected img,.connectedCard .statusBar .playing img,.connectedCard .statusBar .volume img{height:20px;margin-bottom:-5px}.connectedCard .statusBar .conected span,.connectedCard .statusBar .playing span,.connectedCard .statusBar .volume span{line-height:25px;font-size:14px;padding-left:5px}.outline-card{position:relative;color:#fff}.outline-card:before{content:"";background:#000;position:absolute;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:5px;opacity:.9}.connectionalert{width:450px;margin:10px auto;max-width:95%}.loader-card{position:relative;overflow:hidden;opacity:.6;filter:blur(1.5px)}.loader-card:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(110deg,hsla(0,0%,89%,0),hsla(0,0%,89%,0) 40%,hsla(0,0%,89%,.5) 50%,hsla(0,0%,89%,0) 60%,hsla(0,0%,89%,0));animation:gradient-animation_2 1.8s linear infinite}.loader-card .connectedCard .statusBar .conected img,.loader-card .connectedCard .statusBar .playing img,.loader-card .connectedCard .statusBar .volume img{filter:brightness(10) grayscale(10);opacity:.8;animation:parpadeo-icon-loader 1.2s linear infinite}.loader-card .wrapper-card{width:100%;height:100%;position:relative}.loader-card .circle{width:50px;height:50px;border-radius:50%}.loader-card .button{display:inline-block;height:32px;width:75px}.loader-card .line-1{position:absolute;top:11px;left:0;height:10px;width:100%}.loader-card .line-2{position:absolute;top:34px;left:0;height:10px;width:92%}.loader-card .line-3{position:absolute;top:57px;left:0;height:10px;width:100%}.loader-card .line-4{position:absolute;top:80px;left:0;height:10px;width:92%}@keyframes gradient-animation_2{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}to{transform:translateX(100%)}}@keyframes parpadeo-icon-loader{0%{opacity:.8}50%{opacity:.4}to{opacity:.8}}@media screen and (max-width:400px){.detallesExtraButton span{display:none}}