.sx-container h2,.sx-title{font-size:20px}.sx-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:start;align-items:auto;align-content:start}.header,.item{flex:0 0 auto;margin:10px;padding:10px}.item{border:1px solid #ddd;width:200px}.header{width:100%}.sx-title{font-weight:600}.calc-now{box-shadow:0 1px 0 0 #fff6af;background:linear-gradient(to bottom,#ffec64 5%,#ffab23 100%);background-color:#ffec64;border-radius:6px;border:1px solid #fa2;display:inline-block;cursor:pointer;color:#333;font-family:Arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #fe6;margin:10px 0 50px 10px}.calc-now:hover{background:linear-gradient(to bottom,#ffab23 5%,#ffec64 100%);background-color:#ffab23}.calc-now:active{position:relative;top:1px}.sx-info-icon{margin-left:10px;color:#32cd32}.senex-tooltip{position:relative;display:inline-block}.senex-tooltip .senex-info{border:1px solid #add8e6;border-radius:5px;margin:5px;padding:10px;line-height:1.5;background-color:#f0f8ff;font-size:13px;visibility:hidden;position:absolute;z-index:999;width:350px;box-shadow:1px 1px 8px #333;text-align:center;font-weight:400}.senex-tooltip:hover .senex-info{visibility:visible}.sx-add-butt{font-size:24px;color:blue}#sx_results_table th{text-align:left}.sx-results-item{flex:0 0 auto;margin:10px;border:0 solid #ddd;width:400px;padding:10px}.sx-results-item table{table-layout:auto;text-align:left;border:none;font-size:18px}.diagram{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[14];grid-template-columns:repeat(14,1fr);-webkit-box-align:start;-ms-flex-align:start;align-items:start;justify-items:start;max-width:7in;margin:.2in 0}.diagram>div{padding:12px;margin-right:5px}.diagram>.component{border-radius:12px;background:#e6e0ff;border:2px solid #8e8eff}.diagram>div h4{font-size:90%;font-weight:700;margin:0 0 6px}.diagram>div p{font-size:90%;margin:0}.camera1{-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1/span 3;-ms-grid-row:1;grid-row:1;height:200px;background:#eee;border:1px solid silver}.camera2,.camera3{-ms-grid-row:1;-ms-grid-column-span:3;height:200px;background:#eee;border:1px solid silver}.camera2{-ms-grid-column:4;grid-column:4/span 3;grid-row:1}.camera3{-ms-grid-column:7;grid-column:7/span 3;grid-row:1}.camera4{-ms-grid-column:10;-ms-grid-column-span:3;grid-column:10/span 3;-ms-grid-row:1;grid-row:1;height:200px;background:#eee;border:1px solid silver}.network-bus{-ms-grid-column:1;-ms-grid-column-span:12;grid-column:1/span 12;-ms-grid-row:2;grid-row:2;width:100%;margin:55px 0 25px;padding:4px!important;background-color:#000!important;border-radius:5px}.dia-router{-ms-grid-column:1;-ms-grid-column-span:8;grid-column:1/span 8;-ms-grid-row:4;grid-row:4;max-width:200px}.dia-nvr{-ms-grid-column:6;-ms-grid-column-span:5;grid-column:6/span 5;-ms-grid-row:4;grid-row:4}.dia-cloud{-ms-grid-column:2;-ms-grid-column-span:10;grid-column:2/span 10;-ms-grid-row:5;grid-row:5;background:0 0}.dia-local,.dia-remote{-ms-grid-column-span:5}.dia-remote{-ms-grid-column:3;grid-column:3/span 5;-ms-grid-row:6;grid-row:6;margin-top:25px}.dia-local{-ms-grid-column:10;grid-column:10/span 5;-ms-grid-row:4;grid-row:4}.row-2{-ms-grid-row:2;grid-row:2}.row-3{-ms-grid-row:3;grid-row:3}.row-4{-ms-grid-row:4;grid-row:4}.row-5{-ms-grid-row:5;grid-row:5}.row-6{-ms-grid-row:6;grid-row:6}.col-1{-ms-grid-column:1;grid-column:1}.col-2{-ms-grid-column:2;grid-column:2}.col-3{-ms-grid-column:3;grid-column:3}.col-4{-ms-grid-column:4;grid-column:4}.col-5{-ms-grid-column:5;grid-column:5}.col-6{-ms-grid-column:6;grid-column:6}.col-7{-ms-grid-column:7;grid-column:7}.col-8{-ms-grid-column:8;grid-column:8}.col-9{-ms-grid-column:9;grid-column:9}.col-10{-ms-grid-column:10;grid-column:10}.col-11{-ms-grid-column:11;grid-column:11}.col-12{-ms-grid-column:12;grid-column:12}.diagram .conn{position:relative;width:.5in;height:.5in;padding:0;border:none;background:0 0;z-index:-1}.diagram .conn svg{position:absolute;width:100%;height:100%;overflow:visible;fill:#E6E0FF}.sx-small-text{font-size:12px;color:#000}