.header-page[data-v-c6c9cc4a]{padding:0 34px;width:100%}.camera-list[data-v-c6c9cc4a]{height:calc(100% - 120px);overflow:scroll;margin-left:20px;margin-top:30px}.dayString[data-v-c6c9cc4a]{font-family:Be Vietnam Pro,sans-serif;font-size:16px;margin-left:5px;margin-top:-6px}.fileSize[data-v-c6c9cc4a]{font-size:12px;margin-left:5px}.timeString[data-v-c6c9cc4a]{font-family:Be Vietnam Pro,sans-serif;font-size:12px;margin-top:-4px}.file-content[data-v-c6c9cc4a]{margin:20px;color:#9da7b2}.content-page[data-v-c6c9cc4a]{color:#f2f2f2;width:100%;padding:10px;height:calc(100vh - 150px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.camera-box[data-v-c6c9cc4a]{min-width:250px;height:100%}.camera-box[data-v-c6c9cc4a],.view-box[data-v-c6c9cc4a]{background-color:#292f3b;margin-right:10px;border-radius:10px}.view-box[data-v-c6c9cc4a]{width:calc(150vh - 330px)}.video-view-box[data-v-c6c9cc4a]{width:calc(150vh - 330px);max-height:calc(100vh - 242px)}.file-box[data-v-c6c9cc4a]{min-width:350px;width:22vw;height:100%;background-color:#292f3b;border-radius:10px}.view-box video[data-v-c6c9cc4a]{height:100%}.sub-camera-text[data-v-c6c9cc4a]{font-size:12px;color:#3886ff}.title-box[data-v-c6c9cc4a]{font-size:26px;text-align:center;margin:10px 0}.title-header-page[data-v-c6c9cc4a]{font-size:28px;color:#f2f2f2}.item-detail-box[data-v-c6c9cc4a]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.detail-box-title-text[data-v-c6c9cc4a]{margin-right:10px}.handle-btn-back[data-v-c6c9cc4a]{cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:5px;margin-right:6px;background-color:#f5f5f5;padding:10px 16px;border-radius:10px}.title-camera-text[data-v-c6c9cc4a]{font-size:28px;color:#f2f2f2}.image-detail[data-v-c6c9cc4a]{-webkit-transition:all .5s;transition:all .5s}.image-detail[data-v-c6c9cc4a]:hover{-webkit-transform:scale(1.4) rotate(12deg);transform:scale(1.4) rotate(12deg)}.detail-title[data-v-c6c9cc4a],.title-camera-detail[data-v-c6c9cc4a]{display:-webkit-box;display:-ms-flexbox;display:flex}.detail-title[data-v-c6c9cc4a]{font-size:24px;color:#f2f2f2;margin-bottom:10px;margin-top:5px}.total-ele[data-v-c6c9cc4a]{color:#51eca1;font-size:12px;margin-top:12px;margin-left:6px}.box-detail[data-v-c6c9cc4a]{width:30%;background-color:#383b4d;padding-top:10px;height:calc(100vh - 180px);padding:10px 15px;margin-left:10px;border-radius:8px;color:#f2f2f2;font-size:16px}