.S1000Dfigure{ border: 1px solid #ececec; } .S1000Dfiguregraphic+.S1000Dfiguregraphic{ display: none; } .imagePlayer .imagePlayerContainer{ position: relative; } .imagePlayer .imagePlayerSettingsPanel{ border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; padding: 5px; } .imagePlayer button.imagePlayerSettingsButton{ font-size: 11px; padding: 0 10px; height: 26px; margin: 5px 0px; } .imagePlayer button.imagePlayerSettingsButton.active{ box-shadow: rgb(231, 243, 253) 0px 0px 5px 1px inset; } .imagePlayer button.imagePlayerSettingsButton+button.imagePlayerSettingsButton{ margin-left: 5px; } .imagePlayer .imagePlayerImg{ display: block; overflow: hidden; width: 100%; transform: translateZ(0); } .container .container_text .imagePlayer img{ margin: 0; padding: 0; } .imagePlayer .imagePlayerImg img{ position: relative; font-size: 0; line-height: 0; display: block; left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: auto; } .imagePlayer .imagePlayerImg .mainImg{ position: absolute; top: 0; left: 0; display: block; background-size: contain; background-position: center center; background-repeat: no-repeat; } .imagePlayer .imagePlayerImg .mainImg .elCircle{ position: absolute; border-radius: 50%; border: 2px solid #f00; } .popupWindowFull{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0, 0.8); display: flex; justify-content: center; -ms-align-items: center; align-items: center; z-index: 1000; } .popupWindowFull .popupImagePlayer{ display: flex; justify-content: center; align-items: flex-start; background: #fff; width: 98%; height: 98%; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popupWindowFull .popupImagePlayer .S1000Dfigure{ display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; width: 100%; height: 100%; margin: 0; padding: 20px; } .popupWindowFull .popupImagePlayer .S1000Dobjecttitle{ width: 100%; background: rgb(124,37,41); color: #fff; font-weight: 700; font-size: 16px; padding: 15px; order: 1; margin: 0; } .popupWindowFull .popupImagePlayer .S1000Dlegend,.popupWindowFull .popupImagePlayer .S1000DrandomList{ width: 20%; border-right: 2px solid #c2c2c2; order: 2; height: calc(100% - 50px); max-height: calc(100% - 50px); display: block; overflow: auto; } .popupWindowFull .popupImagePlayer .S1000Dlegend tbody, .popupWindowFull .popupImagePlayer .S1000DrandomList tbody{ display: block; box-sizing: border-box; max-width: 100%; padding: 2px; } .popupWindowFull .popupImagePlayer .S1000Dlegend tr, .popupWindowFull .popupImagePlayer .S1000DrandomList tr{ display: block; box-sizing: border-box; width: 100%; overflow: hidden; padding: 10px 10px; margin-right: 2px; } .popupWindowFull .popupImagePlayer .S1000Dlegend tr:nth-child(even), .popupWindowFull .popupImagePlayer .S1000DrandomList tr:nth-child(even) { background: #ebebeb; } .popupWindowFull .popupImagePlayer .S1000Dfiguregraphic{ width: 80%; height: calc(100% - 50px); box-sizing: border-box; position: relative; order: 3; /*border-right: 2px solid #c2c2c2;*/ } .popupWindowFull .popupImagePlayer .imagePlayerContainer{ /* height: calc(100% - 102px); */ display: flex; align-items: center; overflow: hidden; } .popupWindowFull .popupImagePlayer .imagePlayerSettingsPanel{ position: absolute; left: 0; bottom: 0; width: 100%; background: #282828; border: none; } .popupWindowFull .popupImagePlayer .imagePlayerSettingsPanel .imagePlayerSettingsButton{ background: #282828; color: #c2c2c2; border: 2px solid #c2c2c2; font-weight: 600; } .popupWindowFull .popupImagePlayer .imagePlayerMapCanvas{ overflow: hidden; box-sizing: border-box; } .popupWindowFull .popupImagePlayer .imagePlayerMapCanvas .mainImgMap{ background-size: cover; background-repeat: no-repeat; background-position: 0 0; } .popupWindowFull .popupImagePlayer .imagePlayerMapCanvas .redFrame{ border: 1px solid #ff0000; position: absolute; } /*.popupWindowFull .popupImagePlayer .S1000Dfiguregraphic+.S1000Dfiguregraphic{ display: none; }*/