.view-image-container[data-v-fb502f5c] .image-viewer-dialog .el-dialog__header{padding:10px}.view-image-container[data-v-fb502f5c] .image-viewer-dialog .el-dialog__body{padding:20px;text-align:center}.view-image-container[data-v-fb502f5c] .image-viewer-dialog .image-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px}.view-image-container[data-v-fb502f5c] .image-viewer-dialog .image-wrapper img{display:block;width:auto;height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px}.view-image-container[data-v-fb502f5c] .image-viewer-dialog .image-wrapper .image-nav{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:20px}.view-image-container[data-v-fb502f5c] .image-viewer-dialog .image-wrapper .image-nav .nav-btn{width:36px;height:36px;border-radius:50%;background:#409eff;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s}.view-image-container[data-v-fb502f5c] .image-viewer-dialog .image-wrapper .image-nav .nav-btn:hover:not(.disabled){background:#66b1ff;transform:scale(1.1)}.view-image-container[data-v-fb502f5c] .image-viewer-dialog .image-wrapper .image-nav .nav-btn.disabled{background:#c0c4cc;cursor:not-allowed}.view-image-container[data-v-fb502f5c] .image-viewer-dialog .image-wrapper .image-nav .image-counter{font-size:14px;color:#606266;min-width:60px;text-align:center}.attendance-classes-staff-manage-container[data-v-5528ffdf]{padding:20px}.attendance-classes-staff-manage-container .tree-card .treeview[data-v-5528ffdf],.attendance-classes-staff-manage-container .tree-card[data-v-5528ffdf]{height:100%}.attendance-classes-staff-manage-container .tree-card .treeview .list-group[data-v-5528ffdf]{list-style:none;padding:0;margin:0}.attendance-classes-staff-manage-container .tree-card .treeview .list-group .list-group-item[data-v-5528ffdf]{padding:10px 15px;margin-bottom:5px;border:1px solid #ddd;border-radius:4px;cursor:pointer;text-align:center}.attendance-classes-staff-manage-container .tree-card .treeview .list-group .list-group-item[data-v-5528ffdf]:hover{background-color:#f5f5f5}.attendance-classes-staff-manage-container .tree-card .treeview .list-group .list-group-item.vc-node-selected[data-v-5528ffdf]{background-color:#409eff;color:#fff;border-color:#409eff}