/*S pictureViewer*/ #pictureViewer { position: absolute; left: 50%; top: 55px; width: 700px; margin: 0 0 0 -350px; z-index: 900000; background: #fff; } #pictureViewerWrap { height: 400px; position: relative; } /*E pictureViewer*/ /*S videoViewer*/ #videoViewer { position: absolute; left: 50%; top: 55px; width: 700px; margin: 0 0 0 -350px; } #videoViewerWrap { height: 300px; position: relative; background: #000000; } /*E videoViewer*/ /*S audioViewer*/ #audioViewer { position: absolute; left: 50%; top: 55px; width: 700px; margin: 0 0 0 -350px; } #audioViewerWrap { height: 30px; position: relative; background: #000000; } /*E audioViewer*/ /*S questionnaireViewer*/ #questionnaireViewer { position: absolute; left: 50%; top: 55px; width: 700px; margin: 0 0 0 -350px; } #questionnaireViewerWrap { height: 30px; position: relative; background: #FFFFFF; height: 500px; overflow: hidden; overflow-y: auto; } #questionnaireViewerWrap table { margin-bottom: 1px; } #questionnaireViewerWrap table tr:hover { background: #ffffff; } #questionnaireViewerWrap th { width: 30%; padding: 4px; line-height: 20px; vertical-align: middle; text-align: center; } #questionnaireViewerWrap td { line-height: 20px; padding: 4px; color: green; } #questionnaireViewerWrap td:hover { background: #ffffff; } /*E questionnaireViewer*/ #pictureViewer .header { background: rgba(34, 59, 73, 0.86); color: #ffffff; height: 40px; border: none; padding: 10px 20px; position: relative; font-size: 20px; line-height: 40px; } #pictureViewer .body {} #pictureViewer .body .cell { margin-top: 0; margin-bottom: 0; } #pictureViewer .footer { background: #ffffff; border: none; border-top: 1px solid #ededed; padding: 10px 20px; display: grid; } #btnPictureViewerCance { float: right; margin: 0 0 0 5px; padding: 6px 12px; font-size: 13px; cursor: pointer; border: 1px solid #eee; } #btnPictureViewerCance:hover { background-color: rgba(34, 59, 73, 0.86); border: 1px solid rgba(34, 59, 73, 0.86); color: #FFFFFF; }