.image-with-rect { position: relative; } .image-with-rect img { display: block; width: 100%; } .rect { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute; text-align: center; border-style: dotted; transform-origin: left top; font-size: 20px; } .patternpartcheckbox{ margin: 30px; height: 20px !important; } .patternPart2 span{ display:block; text-align: center; } .patternPart2{ display: inline-block; white-space: nowrap; } .patternPart2Input{ width: 8em !important; text-align: center; padding: 0.5em 0 !important; } .patternPart3 span, .patternPart3Text span{ display:block; text-align: center; } .patternPart3, .patternPart3Text{ padding: 10px 0px; display: inline-block; white-space: nowrap; } .patternPart3Input{ width: 4em !important; text-align: center; margin-top: 5px !important; } #imgRectangles .wasGroup:nth-child(even){ /* or "odd" */ background-color: #efefef; } /* Overlay */ .slicerRedlink{ text-align: center; color: red; border: 1px solid; height: 1.4em; padding: 0.2em 0.55em; } .CloseOverlayTopRight{ float: right; margin: 0.2em; position: absolute; top: 0.2em; right: 2.0em; z-index:6; } .slicerOldImg, .slicerNewImg{ width:150px; } #overlaycontentsizeNotClickable .slicerChangeButton{ width: auto; } .slicerScrollbar{ overflow-y: scroll; position: relative; height: 90vh; padding: 2em 1em; } .SlicerScrolling{ position: relative; } /*.image-with-rect { position: relative; width: 100%; } .image-with-rect .image { display: block; width: 100%; height: auto; } .image-with-rect .rect { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute; overflow: hidden; border-style: dotted; } */ /* Chrome, Safari, Edge, Opera */ .noarrow::-webkit-outer-spin-button, .noarrow::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .noarrow { -moz-appearance: textfield; }