.config-buttons li a img.hover,.config-buttons li a[href]:hover img:not(.hover){display:none}.home-btn span,a{transition:all .2s}.config-buttons li,ul li{list-style:none}.dante-title,.device-table thead{font-weight:700}body{font-family:Helvetica,Arial,sans-serif;font-size:12px;margin:0}#logo{width:12.5%}img{max-width:100%}.hide{visibility:hidden}.disabled{opacity:.4;cursor:default}.device .expand,.home-btn,.vert-header td button.subscription,.vert-header td.expand button,a,button,table.vert-header thead th.device>._text{cursor:pointer}.invisible{color:#fff}.config-buttons{padding:20px 10px;margin-top:0;background:rgba(0,0,0,.05)}.config-buttons>select,.config-buttons>span{margin-left:5rem}.config-buttons li a{font-size:1.5em;margin:5px;color:#2261aa;box-shadow:1px 4px 8px rgba(0,0,0,.15);border-radius:3px;padding:3px 6px;background:rgba(255,255,255,.8);transition:all .2s}.config-buttons li a img{width:20px;position:relative;top:3px}.config-buttons li a[href]:hover{background:#aeccef;color:#fff}.config-buttons li a[href]:hover img.hover{display:inline-block}.home-btn{position:absolute;top:25px;right:15%;border-radius:100%;text-align:center;line-height:1.5}.home-btn span{margin:0 5px}.home-btn span:first-child{color:red;font-size:1.25em}.home-btn:hover span{color:#8cb6e4!important}.center-block{width:90%;display:block;margin:2rem auto;text-align:center;overflow:hidden;clear:both}.center-block.-no-margin{margin:auto}.center-block.-margin-bottom-only{margin:auto auto 2rem}.center-block.-overflow-visible{overflow:visible}.input-row{margin:5px 0}.input-row span{width:75px;display:inline-block}.input-row input{width:25px;padding:2.5px 10px}.network-block .half>div{width:80%;margin:auto}.status-block{position:relative}.status-block img{position:absolute;top:0;left:0;width:115px}.status-block:not(:first-child){padding-top:10px}input,table.multicast-table td,table.multicast-table th{padding:5px 10px}.status-block>div{width:300px;margin:auto}.status-block>div>div{display:inline-block;width:48%;float:left}.status-block>div>div:first-child{text-align:right}.status-block>div>div:last-child{text-align:left;margin-left:2%}table.multicast-table{width:100%;text-align:left;border-collapse:collapse;border:1px solid rgba(0,0,0,.15)}table.multicast-table thead{background:rgba(0,0,0,.05)}table.multicast-table thead th:first-child{width:65%;border-right:1px solid rgba(0,0,0,.15)}table.multicast-table tr{border-bottom:1px solid rgba(0,0,0,.15)}table.multicast-table tr td:first-child{border-right:1px solid rgba(0,0,0,.15)}@media screen and (max-width:1050px){.network-block .half>div{width:90%;margin:auto}}@media screen and (max-width:950px){.input-row input{width:15px}}@media screen and (max-width:768px){.network-block .half>div{width:80%;margin:auto;text-align:center}}@media screen and (max-width:650px){.status-block img{position:static}}button{border:1px solid #ccddf0;background:0 0;padding:5px 25px}button:not(.disabled):hover{background:rgba(204,221,240,.3)}button.active,button.filled{background:#ccddf0}.filters{position:absolute;top:130px;left:50px;z-index:1000}table.vert-header,table.vert-header td,table.vert-header th,table.vert-header tr{position:relative}.filters>div{margin-bottom:1rem}table.vert-header{table-layout:fixed;text-align:left;margin-top:50px;margin-left:50px}table.vert-header a{color:#000;text-decoration:none}table.vert-header thead th{white-space:nowrap;text-align:right;width:18px}table.vert-header thead th:first-child{width:220px}table.vert-header thead th.device{height:180px}table.vert-header thead th.device>._text{bottom:0;display:block;width:170px;text-align:right}table.vert-header thead th.device .expand{position:absolute;bottom:101%;left:49.9%;transform:translateX(-50%);transform-origin:0 50%;padding:20% 25%;border:1px solid rgba(0,0,0,.15)}table.vert-header thead th.device .fa{position:absolute;bottom:10px;left:50%;transform:rotate(-270deg) translateY(50%)}table.vert-header thead th>._text{transform-origin:0 50%;transform:rotate(270deg);white-space:nowrap;display:block;position:absolute;left:50%}table.vert-header tbody tr{height:20px}table.vert-header tbody .device{padding:0}table.vert-header tbody .device._parent{border-left:10px solid #fff;padding-left:10px}table.vert-header tbody .device._parent>._text{padding:0 10px;cursor:pointer}table.vert-header tbody .device._child{border-left:75px solid #fff;padding-left:32px}table.vert-header tbody .device._child>._text{margin-left:-60px}table.vert-header tbody .device .fa{float:right;margin-right:10px}.half,.transmit-receive-view>div{float:left}table.vert-header tbody .device .expand{padding:.5% 4%;background:#fff;border:1px solid rgba(0,0,0,.15);position:absolute;left:-25px;top:50%;transform:translateY(-50%)}table.vert-header tbody .device .disabled{background:rgba(0,0,0,.3)}.device._parent{background:#ccddf0;z-index:1}.device._child{background:rgba(204,221,240,.15)}.device._child>._text{padding:15px 0}.device._child>._text:after{content:"-";margin-left:10px;color:#d2d1d1}.fa-check-circle{color:#81c140;line-height:1.5}.fa-times-circle{color:red;line-height:1.5}.vert-header{left:10px}.vert-header td{background:#cfd5e0}.vert-header td.can-connect{background:rgba(204,221,240,.48)}.vert-header td.expand{background:rgb(206.6086956522,213.1376811594,223.8913043478);text-align:center;font-weight:700;border:1px solid rgba(0,0,0,.15)}.vert-header td.expand.expanded{background:rgb(253.1739130435,253.4202898551,253.8260869565)}.vert-header td.expand button{line-height:1.5;background:inherit}.vert-header td.expand button:hover{background:inherit}.vert-header td button{width:100%;padding:0;margin:0;border-width:0;height:20px;cursor:default;transition:background-color .2s ease-in}.vert-header td button:hover{background:rgb(175.5652173913,186.2826086957,203.9347826087)}.dante-title{position:absolute;font-size:1.15rem;text-align:right}.dante-transmitters{transform:rotate(270deg);left:120px;top:65px}.dante-receivers{left:50px;top:160px}.multicast-error-message{position:absolute;width:350px;z-index:1;padding:10px 15px;background:#ffffcd;text-align:left}ul li{display:inline-block}.tabs{padding:0;text-align:center;margin-top:3rem;margin-bottom:3rem}.layout-block{width:80%;display:block;margin:1rem auto;position:relative;clear:both}.config-block{border:1px solid #333;padding:1.2rem 2rem;overflow:auto;margin-bottom:1rem}.config-block.latency img{width:70%;min-width:300px;display:block;margin:auto}.config-block h3{position:absolute;top:-22px}.config-block h3 span{background:#fff;padding:0 5px}.device-table thead,.transmit-receive-view>div:first-child table thead{background:rgba(0,0,0,.05)}.device-table thead th{text-align:left}.device-table td,.device-table th{padding:2px 5px}.transmit-receive-view>div h3{text-align:center}.transmit-receive-view>div:first-child{width:60%}.transmit-receive-view>div:first-child h3{width:90%}.transmit-receive-view>div:first-child .center-block{margin:2rem 0;position:relative}.transmit-receive-view>div:first-child .center-block p{position:absolute;top:-30px;right:10px}.transmit-receive-view>div:first-child table{width:90%;border:1px solid rgba(0,0,0,.35);border-collapse:collapse}.transmit-receive-view>div:first-child table thead th{text-align:left}.transmit-receive-view>div:first-child table tr:not(:last-child){border-bottom:1px solid rgba(0,0,0,.15)}.transmit-receive-view>div:first-child table td,.transmit-receive-view>div:first-child table th{padding:5px}.transmit-receive-view>div:first-child table input{padding:2px 5px;cursor:pointer;border:none}.transmit-receive-view>div:last-child{width:40%}.transmit-receive-view>div:last-child .config-block{margin-top:1rem}.half{width:49%;padding:0}.half:first-child{margin-right:1%}.form-errors{position:relative}.form-errors:after{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);font-size:.9em;color:red}.form-errors.duplicate:after{content:"A device with that name already exists"}.form-errors.blank:after{content:"Device name cannot be blank"}.form-errors input{border:2px solid red}tr.disabled-latency td{color:rgba(0,0,0,.4)}@media screen and (max-width:768px){.half{width:100%;float:none}.transmit-receive-view>div{float:none;width:100%!important}.transmit-receive-view>div .center-block,.transmit-receive-view>div h3,.transmit-receive-view>div table{width:100%!important}}