.loading-container{height:300px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loading-container,.retry-all-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.retry-all-container{padding:10px 0;text-align:center;margin-bottom:10px}.retry-all-button{margin-top:10px}.retry-countdown{margin-top:5px;color:#666;font-size:12px}.cameras-live .cameras-head{width:100%;min-height:44px;line-height:40px;font-size:25px;color:#262626;display:table-cell}.cameras-live .cameras-head .cameras-select,.cameras-live .cameras-head span{float:left}.cameras-live .cameras-head .cameras-select .cameras-select-split-screen{float:left;line-height:33px;width:315px}.cameras-live .cameras-head .cameras-select .cameras-select-switch{margin-left:5px;float:left;line-height:36px;display:none}.cameras-live .cameras-head .cameras-select .cameras-select-pagination{float:left;margin-left:5px;line-height:40px}.cameras-live .cameras-head .cameras-show-type{float:right;display:none}.cameras-live .cameras-head .cameras-show-type .cameras-show-icon{color:#d12049}.cameras-live .cameras-list .ant-table-tbody .ant-table-row{cursor:pointer}.cameras-live .cameras-list .cameras-list-td-status{height:100%;width:100%}.cameras-live .cameras-list .cameras-list-td-status span{display:block;height:10px;width:10px;border-radius:10px}.cameras-live .cameras-list .cameras-list-td-status .td-status-true{background-color:#4caf50}.cameras-live .cameras-list .cameras-list-td-status .td-status-false{background-color:#d12049}.cameras-live .cameras-list .cameras-list-td-videoPlay{height:80px;width:130px}.cameras-live .cameras-list .cameras-list-td-videoPlay img{height:100%;width:100%}.cameras-live .cameras-window .ant-col{padding:0!important;border:1px solid #fff}.cameras-live .cameras-window .cameras-window-play{width:100%;height:calc(100% - 20px)}.cameras-live .cameras-window .cameras-window-play img{width:100%;height:100%}.cameras-live .cameras-window .cameras-window-channel{width:100%;height:20px;margin:0;color:#fff;padding-left:8px;font-size:13px;background-color:#393939}.cameras-live .ant-col{cursor:pointer}@media screen and (max-width:386px){.cameras-live .cameras-window .ant-col{width:100%!important;height:50vw}}@media screen and (min-width:387px) and (max-width:576px){.cameras-live .cameras-window .ant-col{height:59vw;margin-bottom:5px}.cameras-live .cameras-window .ant-col-12{width:100%;height:59vw;margin-bottom:5px}}@media screen and (min-width:575px){.cameras-live .cameras-window .ant-col-lg-8{height:18vw}.cameras-live .cameras-window .ant-col-12{height:26vw}}@media screen and (max-width:698px){.cameras-live .cameras-head span{display:block;width:100%}.cameras-live .cameras-head .cameras-select{margin-left:0}}@media screen and (min-width:699px){.cameras-live .cameras-head .cameras-select{margin-left:20px}}@media screen and (max-width:1199px){.cameras-live{margin:12px 24px!important}}@media screen and (min-width:1200px){.cameras-live{margin:-12px -14px 0!important}}.online{border-radius:50%;background-color:#4caf50;border:1px solid #4caf50}.offline,.online{display:inline-block;width:5px;height:5px;vertical-align:middle;margin-right:5px}.offline{border-radius:50%;background-color:#da371a;border:1px solid #da371a}