#content{width:98%;margin-left:auto;margin-right:auto}@media only screen and (min-width:331px) and (max-width:879px){#content,.machine_add{width:90%}}@media only screen and (min-width:880px){#content,.machine_add{width:880px}}@media only screen and (min-width:1100px){#content,.machine_add{width:1100px}}.machine_add{background-color:rgba(255,255,255,0.3);margin-top:10px;margin-bottom:10px;border-radius:5px;color:lightgray;text-align:center;margin:auto;margin-top:70px}.machine_add i{font-size:24px;margin:10px}.machine_add:hover{background-color:rgba(255,255,255,0.7);cursor:pointer;color:gray}.device_include{width:100%;background-color:rgba(255,255,255,0.3);margin-bottom:20px;border-radius:5px;color:lightgray;width:49%;text-align:center;float:left}.device_include i{font-size:24px;margin:10px}.device_include:hover{background-color:rgba(255,255,255,0.7);cursor:pointer;color:gray}.device_exclude{width:100%;background-color:rgba(255,255,255,0.3);margin-bottom:20px;border-radius:5px;color:lightgray;width:49%;text-align:center;float:right}.device_exclude i{font-size:24px;margin:10px}.device_exclude:hover{background-color:rgba(255,255,255,0.7);cursor:pointer;color:gray}.card{font-family:Roboto;display:block;position:relative;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all .2s ease-in-out;background-color:rgba(255,255,255,0.2);overflow:hidden;margin-top:10px;margin-bottom:10px;display:block}.card:hover{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.card .cover{position:absolute;margin-top:40px;margin-left:60px;width:80px;height:80px;border-radius:5px;transition:1s ease-in-out;border-radius:50%;z-index:1}.close .cover{margin-top:0;margin-left:0;width:100%;height:230px;transition:.4s ease-in-out;border-radius:0}.coverbg{position:absolute;width:60px;margin-top:0;visibility:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.22),0 1px 2px rgba(0,0,0,0.24)}.close .coverbg{transform:scale(1);visibility:visible;transition:margin-top .6s .0s ease-in-out,margin-left .6s .1s ease-in-out,transform .6s .0s ease-in-out,visibility .6s ease-in-out;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);width:100%;background-size:100%;background:url(../psd/singlehouse0.png);opacity:.3;top:0;left:0;bottom:0;right:0;position:absolute;background-size:1200px 250px}.card .avatar{margin-top:0;margin-left:-50px;width:80px;height:80px;font-size:3em;line-height:75px;color:#fff;border-radius:50%;position:absolute;transition:.6s ease-in-out;cursor:pointer;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);transform:scale(1.3)}.close .avatar{transform:scale(1.3);margin-top:50px;margin-left:-90px;transition:.6s ease-in-out;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.close .avatar:hover{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.cover .title{font-size:14px;top:13px;left:88px;position:absolute;line-height:24px;font-family:sans-serif;max-width:330px;height:20px;text-overflow:ellipsis;overflow:hidden;margin:0;text-align:left;white-space:nowrap}@media(max-width:1024px){.cover .title{max-width:250px}}@media(max-width:768px){.cover .title{max-width:170px}}@media(max-width:568px){.cover .title{max-width:110px}}.card .content{margin:10px;text-align:center;overflow-y:auto;transition:.5s .3s cubic-bezier(.55,0,.1,1);overflow:hidden}.close .content{transform:scale(0.2);opacity:0;transition:.2s .3s cubic-bezier(.55,0,.1,1);height:0}.cardpanel{text-align:center;transition:.5s cubic-bezier(.55,0,.1,1);z-index:1;position:relative;margin-top:0;height:0;display:block;position:absolute;margin-top:85px;margin-left:160px}@media only screen and (max-width:450px){.cardpanel{margin-top:160px;margin-left:35px}}.close .cardpanel{visibility:visible;margin-top:150px;height:40px;display:inline-block;position:relative;margin-left:0}.profileitem{width:60px;height:60px;border-radius:50%;transform:translate(0px,-10px);opacity:1;float:left;margin:0 auto;overflow:hidden;z-index:2;transition:.2s cubic-bezier(.55,0,.1,1);cursor:pointer;background-color:gray;margin:3px;border:2px solid lightgray}.profileitem:hover{background-color:lightgray}.profileitem_select{border-color:white}.profileitem_select:hover{border-color:lightgray}.profileitem_home{background-color:#c88719;border-color:#ffb74d}.profileitem_home:hover{background-color:#ffb74d}.profileitem_away{background-color:#c41c00;border-color:#ff5722}.profileitem_away:hover{background-color:#ff5722}.profileitem_disarm{background-color:#087f23;border-color:#4caf50}.profileitem_disarm:hover{background-color:#4caf50}.profileitem>i{line-height:40px;font-size:34px;color:white;color:white;margin-top:7px;margin-left:2px}.profileitem>img{width:55px}.close .profileitem{transform:translate(0px,0px);opacity:1;transition:.3s .5s cubic-bezier(.55,0,.1,1)}.machine .profiles,.cardpanel .profiles{display:inline-block;height:55px}.machine .profiles{float:left;margin-top:65px;margin-left:10px}.profile{transform:translate(0px,-10px);opacity:0;float:left;margin:0 auto;overflow:hidden;z-index:2;transition:.2s cubic-bezier(.55,0,.1,1);color:#37474f;background-color:red;border-radius:50%;width:70px;height:70px;margin:5px}.profile>span{line-height:40px;font-size:1.2em;font-weight:600;display:block;font-style:none;color:#37474f}.close .profile{transform:translate(0px,0px);opacity:1;transition:.3s .8s cubic-bezier(.55,0,.1,1)}@keyframes ripple{100%{opacity:0;-moz-transform:scale(5);-ms-transform:scale(5);webkit-transform:scale(5);transform:scale(5)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{border-radius:0}::-webkit-scrollbar-thumb{margin:2px;border-radius:10px;background:rgba(0,0,0,0.2)}.card .content .machine{width:100%;position:relative;margin-top:10px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.3);-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.3);box-shadow:2px 2px 5px rgba(0,0,0,0.3);-moz-border-radius:8px;border-radius:8px;background-color:rgba(0,0,0,0.3);overflow:hidden;padding:10px}.card .content .machine .pix{height:120px;width:120px;margin-top:30px;margin-left:20px;float:left;display:block;position:relative}.card .content .machine hr{border:0;border-top:1px solid #c9c7c7;max-width:330px;margin-left:30px;margin-top:120px}@media only screen and (max-width:450px){.card .content .machine hr{margin-top:195px}}.machineitem{color:white;font-size:28px;width:60px;height:60px;border-radius:8px;transform:translate(0px,-10px);margin:5px;background-color:gray;float:left;border:5px solid lightgray;overflow:hidden;transition:.2s cubic-bezier(.55,0,.1,1);margin-top:15px}@media only screen and (max-width:450px){.machineitem{width:50px;height:50px;border:4px solid lightgray;font-size:23px}}.machineitem:hover{cursor:pointer;background-color:lightgray;color:gray}.card .content .devicelist{width:100%;position:relative;margin-top:10px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.3);-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.3);box-shadow:2px 2px 5px rgba(0,0,0,0.3);-moz-border-radius:8px;border-radius:8px;overflow:hidden;font-family:sans-serif;text-align:left;padding:10px;color:white}.card .content .devicelist .device{overflow:hidden;border-bottom:1px solid:gray;border-bottom:1px solid lightgray;margin-bottom:20px;padding-bottom:5px}.card .content .device .pix{height:120px;width:120px;margin-left:20px;margin-right:10px;float:left;display:block;position:relative}.card .content .devicelist .device .pix img{width:120px}.card .content .devicelist .device hr{border:0;border-top:1px solid #c9c7c7;margin-top:20px;width:330px;margin-left:30px}.deviceitem{transform:translate(0px,-10px);text-align:center;width:60px;height:60px;border-radius:8px;margin:5px;background-color:gray;float:left;border:5px solid lightgray;color:white;font-size:28px;overflow:hidden;margin-top:15px}@media only screen and (max-width:450px){.deviceitem{width:50px;height:50px;border:4px solid lightgray;font-size:23px}}.deviceitem:hover{cursor:pointer;background-color:lightgray;color:gray}