.header-page[data-v-3ce0c1aa]{padding:0 34px;width:100%}.camera-list[data-v-3ce0c1aa]{height:calc(100% - 120px);overflow:scroll;margin-left:20px;margin-top:30px}.dayString[data-v-3ce0c1aa]{font-family:Be Vietnam Pro,sans-serif;font-size:16px;margin-left:5px;margin-top:-6px}.fileSize[data-v-3ce0c1aa]{font-size:12px;margin-left:5px}.timeString[data-v-3ce0c1aa]{font-family:Be Vietnam Pro,sans-serif;font-size:12px;margin-top:-4px}.file-content[data-v-3ce0c1aa]{margin:20px;color:#9da7b2}.content-page[data-v-3ce0c1aa]{color:#f2f2f2;width:100%;padding:10px;height:-webkit-fill-available;height:-moz-available;height:fill-available;min-height:calc(100vh - 150px);max-height:calc(100vh - 150px);overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;height:calc(100vh - 300px)}.camera-box[data-v-3ce0c1aa]{min-width:250px;max-width:250px;height:100%;background-color:#292f3b;border-radius:10px;-ms-flex-negative:0;flex-shrink:0}.view-box[data-v-3ce0c1aa]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#292f3b;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-view-box[data-v-3ce0c1aa]{width:100%;max-height:calc(100vh - 242px);-o-object-fit:contain;object-fit:contain}.file-box[data-v-3ce0c1aa]{min-width:350px;max-width:400px;width:25vw;height:100%;background-color:#292f3b;border-radius:10px;-ms-flex-negative:0;flex-shrink:0}.view-box video[data-v-3ce0c1aa]{height:100%}.sub-camera-text[data-v-3ce0c1aa]{font-size:12px;color:#3886ff}.title-box[data-v-3ce0c1aa]{font-size:26px;text-align:center;margin:10px 0}.title-header-page[data-v-3ce0c1aa]{font-size:28px;color:#f2f2f2}.item-detail-box[data-v-3ce0c1aa]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.detail-box-title-text[data-v-3ce0c1aa]{margin-right:10px}.handle-btn-back[data-v-3ce0c1aa]{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-3ce0c1aa]{font-size:28px;color:#f2f2f2}.image-detail[data-v-3ce0c1aa]{-webkit-transition:all .5s;transition:all .5s}.image-detail[data-v-3ce0c1aa]:hover{-webkit-transform:scale(1.4) rotate(12deg);transform:scale(1.4) rotate(12deg)}.detail-title[data-v-3ce0c1aa],.title-camera-detail[data-v-3ce0c1aa]{display:-webkit-box;display:-ms-flexbox;display:flex}.detail-title[data-v-3ce0c1aa]{font-size:24px;color:#f2f2f2;margin-bottom:10px;margin-top:5px}.total-ele[data-v-3ce0c1aa]{color:#51eca1;font-size:12px;margin-top:12px;margin-left:6px}.box-detail[data-v-3ce0c1aa]{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}@media screen and (max-width:991px){.content-page[data-v-3ce0c1aa]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;padding:5px}.camera-box[data-v-3ce0c1aa]{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto;max-height:150px;margin-bottom:10px;margin-right:0}.camera-list[data-v-3ce0c1aa]{height:80px}.view-box[data-v-3ce0c1aa]{width:100%!important;max-width:100%!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important;height:auto!important;margin-bottom:10px}.video-view-box[data-v-3ce0c1aa]{width:100%!important;height:auto!important;max-height:40vh!important}.file-box[data-v-3ce0c1aa]{width:100%!important;min-width:100%!important;max-width:100%!important}}