@vitrosoftware/common-ui-ts 1.1.111 → 1.1.113

package/css/std/controls/pdf-viewer/pdf-viewer-index.css

@@ -5080,7 +5080,85 @@ canvas.zoom.loaded.transparent {
 
 .form-body .w-100 {
     width: 100%;
-}
+}
+
+.uk-select {
+    width: 100%;
+}
+
+.uk-margin {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.uk-margin-first {
+    margin-top: 0;
+}
+
+.uk-margin-last {
+    margin-bottom: 0;
+}
+
+.form-body input.uk-checkbox,
+.form-body input.uk-radio,
+.uk-checkbox,
+.uk-radio {
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+    min-width: initial;
+    padding: 0;
+    overflow: hidden;
+    margin-top: -4px;
+    vertical-align: middle;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    background-color: transparent;
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
+    border: 1px solid #ccc;
+    transition: .2s ease-in-out;
+    transition-property: background-color, border;
+}
+
+.uk-radio {
+    border-radius: 50%;
+}
+
+.uk-checkbox:not(:disabled),
+.uk-radio:not(:disabled) {
+    cursor: pointer;
+}
+
+.form-body input.uk-radio:checked,
+.uk-radio:checked {
+    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E);
+}
+
+.form-body input.uk-checkbox:checked,
+.form-body input.uk-checkbox:indeterminate,
+.form-body input.uk-radio:checked,
+.uk-checkbox:checked,
+.uk-checkbox:indeterminate,
+.uk-radio:checked {
+    background-color: #1e87f0;
+    border-color: transparent;
+}
+
+.uk-form-radio-group label {
+    margin-bottom: 10px;
+}
+
+.uk-button[disabled] {
+    opacity: 0.5;
+}
+
+.uk-button-full-width {
+    width: 100%;
+}
+
+
+
 .pixelcompare-wrapper.pixelcompare-horizontal {
   height: 100% !important;
 }
@@ -5368,7 +5446,7 @@ img.pixelcompare-before, img.pixelcompare-after {
 
 .compare-dlg_doc-sep {
     width: 68px;
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/dlg-compare-ico.png') no-repeat center center;
+    background: url('../img/dlg-compare-ico.png') no-repeat center center;
 }
 
 .compare-dlg_doc-a-wrap .wrap-inner,
@@ -5553,17 +5631,17 @@ img.pixelcompare-before, img.pixelcompare-after {
 }
 
 #hideColors {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/hide-colors.png');
+    background: url('../img/hide-colors.png');
 }
 #hideColors.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/hide-colors_active.png');
+    background: url('../img/hide-colors_active.png');
 }
 
 #alignFinish {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/finish-align.png');
+    background: url('../img/finish-align.png');
 }
 #alignFinish.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/finish-align_active.png');
+    background: url('../img/finish-align_active.png');
 }
 
 .compare-panel_body {
@@ -5629,12 +5707,12 @@ img.pixelcompare-before, img.pixelcompare-after {
     top: 50%;
     right: 0;
     transform: translate(0, -50%);
-    background-repeat: no-repeat;
-    background-image: url('img/layer-unvisible.svg');
+								 
+    background: url('../img/layer-unvisible.png') no-repeat center center;
 }
 
 .compare-layer-visibility.active {
-    background-image: url('img/layer-visible.svg');
+    background: url('../img/layer-visible.png') no-repeat center center;
 }
 
 .compare-viewer-wrap.side-by-side #compareCanvasResult,
@@ -5672,50 +5750,50 @@ img.pixelcompare-before, img.pixelcompare-after {
 }
 
 #btnComparePan {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/pan.png') no-repeat center center;
+    background: url('../img/pan.png') no-repeat center center;
 }
 #btnComparePan:hover,
 #btnComparePan.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/pan_active.png') no-repeat center center;
+    background: url('../img/pan_active.png') no-repeat center center;
 }
 
 #btnCompareZoom {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/zoom.png') no-repeat center center;
+    background: url('../img/zoom.png') no-repeat center center;
 }
 #btnCompareZoom:hover,
 #btnCompareZoom.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/zoom_active.png') no-repeat center center;
+    background: url('../img/zoom_active.png') no-repeat center center;
 }
 
 #btnFitToView {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/fit-to-view.png') no-repeat center center;
+    background: url('../img/fit-to-view.png') no-repeat center center;
 }
 #btnFitToView:hover,
 #btnFitToView.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/fit-to-view_active.png') no-repeat center center;
+    background: url('../img/fit-to-view_active.png') no-repeat center center;
 }
 
 #btnCompareType.type-overlay {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/compare-overlay.png') no-repeat center center;
+    background: url('../img/compare-overlay.png') no-repeat center center;
 }
 #btnCompareType.type-side-by-side {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/compare-side-by-side.png') no-repeat center center;
+    background: url('../img/compare-side-by-side.png') no-repeat center center;
 }
 
 #btnComparePanel {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/panel-visibility.png') no-repeat center center;
+    background: url('../img/panel-visibility.png') no-repeat center center;
 }
 #btnComparePanel:hover,
 #btnComparePanel.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/panel-visibility_active.png') no-repeat center center;
+    background: url('../img/panel-visibility_active.png') no-repeat center center;
 }
 
 #btnCompareViewerExit {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/close-compare-viewer.png') no-repeat center center;
+    background: url('../img/close-compare-viewer.png') no-repeat center center;
 }
 #btnCompareViewerExit:hover,
 #btnCompareViewerExit.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/close-compare-viewer_active.png') no-repeat center center;
+    background: url('../img/close-compare-viewer_active.png') no-repeat center center;
 }
 
 /* Compare label */
@@ -5768,19 +5846,19 @@ img.pixelcompare-before, img.pixelcompare-after {
 }
 
 #btnCompareTypeSideBySide {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/side-by-side.png') no-repeat center center;
+    background: url('../img/side-by-side.png') no-repeat center center;
 }
 
 #btnCompareTypeOverlay {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/overlay.png') no-repeat center center;
+    background: url('../img/overlay.png') no-repeat center center;
 }
 
 #btnCompareTypeSideBySide.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/side-by-side_active.png') no-repeat center center;
+    background: url('../img/side-by-side_active.png') no-repeat center center;
 }
 
 #btnCompareTypeOverlay.active {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/overlay_active.png') no-repeat center center;
+    background: url('../img/overlay_active.png') no-repeat center center;
 }
 
 /* Side by Side */
@@ -6010,19 +6088,19 @@ img.pixelcompare-before, img.pixelcompare-after {
 	position: absolute;
 	z-index: 10100;
 
-	width: 450px;
+	width: 320px;
 	max-width: 100%;
 	border: 1px solid #dddddd;
 	background: #fff;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
+	top: 32px;
+	right: 0;
+	height: calc(100% - 35px);
 }
 .measures-dlg-body {
-	padding: 30px;
+	padding: 30px 16px 30px 16px;
 }
 .measures-dlg-header {
-	padding: 30px;
+	padding: 24px 16px 24px 16px;
 	position: relative;
 	background: #F7F9FA;
 	font-weight: 400;
@@ -6030,14 +6108,145 @@ img.pixelcompare-before, img.pixelcompare-after {
 	border-bottom: 1px solid #DAE1E6;
 }
 
+.measures-dlg-header .close {
+	right: 11px;
+}
+
 .measures-dlg-footer {
 	border-top: 1px solid #DAE1E6;
 	text-align: right;
-	padding: 15px 30px 15px 30px;
+	padding: 16px;
 }
 
 .hide-measures .svgsketch-wrap [id^='measure_'] {
 	display: none;
+}
+
+.measures-settings-controls.type-2-point .control-type-scale,
+.measures-settings-controls.type-scale .control-type-2-point {
+	display: none;
+}
+
+.measures-dlg-wrap .uk-button {
+	width: 100%;
+	margin: 0 0 16px 0;
+}
+
+.measures-dlg-statusbar {
+	font-family: Arial, sans-serif;
+	font-size: 12px;
+	padding: 0 16px 16px 16px;
+}
+
+.measures-dlg-statusbar,
+#btnMeasuresSettingsDelete {
+	display: none;
+}
+
+.measures-dlg-statusbar.show,
+#btnMeasuresSettingsDelete.show {
+	display: initial;
+}
+
+#btnMeasuresSettingsDelete {
+	margin-bottom: 30px;
+}
+
+.measures-2-point-size-label {
+	padding-left: 8px;
+}
+
+.measures-dlg-visible #viewerContainer {
+	right: 320px;
+}
+
+.svgsketch-wrap [id^='calibration_'] {
+	display: none;
+}
+
+.calibration-2-point .svgsketch-wrap [id^='calibration_'] {
+	display: initial;
+}
+
+#measures2PointHint {
+	font-family: Arial, sans-serif;
+	position: absolute;
+	top: 50px;
+	left: 50%;
+	transform: translate(-50%, 0);
+	background: rgba(38,38,38, 0.8);
+	opacity: 0.8;
+	color: #ffffff;
+	font-weight: bold;
+	font-size: 16px;
+	padding: 10px;
+	border-radius: 4px;
+	z-index: 1000;
+}
+
+.measure-toolbar-btn.disabled {
+	opacity: 0.6;
+}
+
+/*.measures-dlg-visible .page:not(.current) {
+	visibility: hidden !important;
+}*/
+
+
+.measures-dlg-header_page {
+	display: block;
+	font-size: 14px;
+}
+
+.warning-wrap {
+	background: #ffffff;
+	border: 1px solid #DAE1E6;
+	position: fixed;
+	max-width: 550px;
+	min-height: 300px;
+	top: 50%;
+	left: 50%;
+	-ms-transform: translateX(-50%) translateY(-50%);
+	transform: translateX(-50%) translateY(-50%);
+	box-sizing: border-box;
+	z-index: 1020;
+	font-family: Arial, sans-serif;
+}
+
+.warning-title {
+	padding: 30px;
+	position: relative;
+	background: #F7F9FA;
+	font-weight: 400;
+	font-size: 22px;
+	border-bottom: 1px solid #DAE1E6;
+	padding: 30px;
+}
+
+.warning-body {
+	padding: 30px;
+	font-size: 16px;
+	line-height: 1.5;
+}
+
+.warning-overlay {
+	background: rgba(0,0,0,0.6);
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: 1010;
+	overflow-y: auto;
+}
+
+.warning-footer {
+	border-top: 1px solid #DAE1E6;
+	padding: 15px 30px 15px 30px;
+}
+
+#btnCalibrationPageWarning {
+	margin-bottom: 15px;
 }
 .btn {
     padding: 2px 6px 0 6px;
@@ -6220,12 +6429,12 @@ a.ui-button:active,
     height: 16px;
     right: 0;
     top: 0;
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/delete.png') 2px 0 no-repeat;
+    background: url('../img/delete.png') 2px 0 no-repeat;
     cursor: pointer;
 }
 
 .body__sidebar-note-wrap.active .body__sidebar-note-btn-delete {
-    background: url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/img/delete-active.png') 2px 0 no-repeat;
+    background: url('../img/delete-active.png') 2px 0 no-repeat;
 }
 
 .body__sidebar-note-body {
@@ -7058,6 +7267,11 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 12px 34px 0 rgba(0, 0, 0, 0.19);
 }
 
+.measures-dlg-wrap {
+    display: flex;
+    flex-direction: column;
+}
+
 .compare-dlg-wrap {
     width: 600px;
 }
@@ -7100,13 +7314,25 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     border-radius: 0 0 4px 4px;
 }
 
+.measures-dlg-footer {
+    margin-top: auto;
+    flex-direction: column;
+}
+
 .close {
     opacity: 1;
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' stroke-width='2px' stroke='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 32.333l16-16m0 0l-16-16m16 16l16 16m-16-16l16-16'%3E%3C/path%3E%3C/svg%3E");
+    background-image: url('img/cancel-white.svg');
 }
 
-.compare-dlg-wrap .close,
-.measures-dlg-wrap .close {
+.measures-dlg-header .close {
+    right: 20px;
+    top: 24px;
+    height: 24px;
+    width: 24px;
+    background-image: url('img/cancel-dark-grey.svg');
+}
+
+.compare-dlg-wrap .close {
     width: 30px;
     height: 30px;
     top: 0;
@@ -7124,8 +7350,8 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     margin-bottom: 22px;
 }
 
-.field-grp label,
-.uk-margin label {
+.compare-dlg-body .field-grp label,
+.measures-settings-controls .uk-margin label {
     color: #4A556C;
     padding: 0 6px;
     background: #fff;
@@ -7174,7 +7400,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
 
 .select > span {
     display: block;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('img/collapse-bottom.svg');
     width: 24px;
     height: 24px;
     position: absolute;
@@ -7187,8 +7413,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
 }
 
 .select.active > span {
-    transform: rotate(-180deg);
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='%233274E0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('img/collapse-up-blue.svg');
 }
 
 .select.active {
@@ -7357,6 +7582,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     height: 20px;
     width: 20px;
     top: calc(50% - 10px);
+    background-size: 100%;
     z-index: 1000;
     opacity: 1;
 }
@@ -7388,7 +7614,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     top: 20px;
     right: 16px;
     cursor: pointer;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    background-image: url('img/cancel-dark-grey.svg');
 }
 
 .compare-panel_body {
@@ -7402,6 +7628,18 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     background-color: transparent;
 }
 
+.compare-layer-visibility {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-image: url('img/layer-unvisible.svg');
+}
+
+.compare-layer-visibility.active {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-image: url('img/layer-visible.svg');
+}
+
 .compare-toolbar-btn {
     margin: 0;
     margin-right: 12px;
@@ -7474,96 +7712,96 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
 }
 
 .compare-dlg_doc-sep {
-    background-image: url("data:image/svg+xml,%3Csvg width='38' height='22' viewBox='0 0 38 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1743_100928)'%3E%3Cpath d='M1.12227 5.08646C0.792376 5.26348 0.79238 5.73656 1.12228 5.91357L9.91038 10.6291C10.223 10.7969 10.6016 10.5704 10.6016 10.2155L10.6016 7.50613C10.6016 7.24693 10.8117 7.0368 11.0709 7.0368L26.1755 7.0368C26.4347 7.0368 26.6448 6.82667 26.6448 6.56747L26.6448 4.43239C26.6448 4.17318 26.4347 3.96306 26.1755 3.96306L11.0709 3.96306C10.8117 3.96306 10.6016 3.75293 10.6016 3.49373L10.6016 0.784335C10.6016 0.429502 10.223 0.203005 9.91037 0.37078L1.12227 5.08646Z' fill='%234A556C'/%3E%3Cpath d='M36.8777 16.9135C37.2076 16.7364 37.2076 16.2634 36.8777 16.0864L28.0897 11.3709C27.7771 11.2031 27.3985 11.4296 27.3985 11.7845L27.3985 14.4938C27.3985 14.753 27.1884 14.9632 26.9292 14.9632L11.8248 14.9632C11.5656 14.9632 11.3554 15.1733 11.3554 15.4325L11.3554 17.5675C11.3554 17.8267 11.5656 18.0368 11.8248 18.0368L26.9292 18.0368C27.1884 18.0368 27.3985 18.247 27.3985 18.5062L27.3985 21.2155C27.3985 21.5704 27.7771 21.7969 28.0897 21.6291L36.8777 16.9135Z' fill='%234A556C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1743_100928'%3E%3Crect width='22' height='38' fill='white' transform='translate(0 22) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
+    background-image: url('img/compare-dlg-separator.svg');
 }
 
 #btnComparePan {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.558 15.6667C19.0625 19.7183 16.7393 23 12.6878 23C9.69961 23 7.23388 21.1642 6.12476 18.3867L3.12738 11.4225C3.06301 11.2606 3.04609 11.0838 3.07862 10.9126C3.11115 10.7415 3.19177 10.5831 3.31105 10.4562C3.43032 10.3292 3.5833 10.2388 3.75207 10.1957C3.92085 10.1525 4.09842 10.1584 4.264 10.2125L4.98813 10.4508C5.50145 10.6158 5.9231 11.01 6.12476 11.5142L7.29804 14.4567C7.37137 14.64 7.53637 14.75 7.71969 14.75H8.10468L7.18805 3.97917C7.18805 3.67527 7.30876 3.38383 7.52364 3.16894C7.73852 2.95405 8.02995 2.83333 8.33384 2.83333C8.63772 2.83333 8.92915 2.95405 9.14403 3.16894C9.35891 3.38383 9.47962 3.67527 9.47962 3.97917L10.3963 11.5417C10.3963 11.7983 10.5979 12 10.8546 12C11.1112 12 11.3129 11.7983 11.3129 11.5417V2.14583C11.3129 1.84194 11.4336 1.55049 11.6485 1.33561C11.8634 1.12072 12.1548 1 12.4587 1C12.7626 1 13.054 1.12072 13.2689 1.33561C13.4837 1.55049 13.6045 1.84194 13.6045 2.14583V11.5417C13.6045 11.7983 13.8061 12 14.0628 12C14.3194 12 14.5211 11.7983 14.5211 11.5417L14.9787 3.52083C14.9787 3.21694 15.0994 2.92549 15.3143 2.71061C15.5292 2.49572 15.8206 2.375 16.1245 2.375C16.4284 2.375 16.7198 2.49572 16.9347 2.71061C17.1496 2.92549 17.2703 3.21694 17.2703 3.52083L16.8127 11.5417C16.8127 11.7983 17.0143 12 17.271 12C17.5276 12 17.7293 11.7983 17.7293 11.5417L18.6459 6.27083C18.6459 5.96694 18.7666 5.67549 18.9815 5.46061C19.1964 5.24572 19.4878 5.125 19.7917 5.125C20.0956 5.125 20.387 5.24572 20.6019 5.46061C20.8168 5.67549 20.9375 5.96694 20.9375 6.27083L19.558 15.6667Z' fill='%23222D44'/%3E%3C/svg%3E%0A");
+    background-image: url('img/pan.svg');
 }
 
 #btnComparePan:hover,
 #btnComparePan.active {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.558 15.6667C19.0625 19.7183 16.7393 23 12.6878 23C9.69961 23 7.23388 21.1642 6.12476 18.3867L3.12738 11.4225C3.06301 11.2606 3.04609 11.0838 3.07862 10.9126C3.11115 10.7415 3.19177 10.5831 3.31105 10.4562C3.43032 10.3292 3.5833 10.2388 3.75207 10.1957C3.92085 10.1525 4.09842 10.1584 4.264 10.2125L4.98813 10.4508C5.50145 10.6158 5.9231 11.01 6.12476 11.5142L7.29804 14.4567C7.37137 14.64 7.53637 14.75 7.71969 14.75H8.10468L7.18805 3.97917C7.18805 3.67527 7.30876 3.38383 7.52364 3.16894C7.73852 2.95405 8.02995 2.83333 8.33384 2.83333C8.63772 2.83333 8.92915 2.95405 9.14403 3.16894C9.35891 3.38383 9.47962 3.67527 9.47962 3.97917L10.3963 11.5417C10.3963 11.7983 10.5979 12 10.8546 12C11.1112 12 11.3129 11.7983 11.3129 11.5417V2.14583C11.3129 1.84194 11.4336 1.55049 11.6485 1.33561C11.8634 1.12072 12.1548 1 12.4587 1C12.7626 1 13.054 1.12072 13.2689 1.33561C13.4837 1.55049 13.6045 1.84194 13.6045 2.14583V11.5417C13.6045 11.7983 13.8061 12 14.0628 12C14.3194 12 14.5211 11.7983 14.5211 11.5417L14.9787 3.52083C14.9787 3.21694 15.0994 2.92549 15.3143 2.71061C15.5292 2.49572 15.8206 2.375 16.1245 2.375C16.4284 2.375 16.7198 2.49572 16.9347 2.71061C17.1496 2.92549 17.2703 3.21694 17.2703 3.52083L16.8127 11.5417C16.8127 11.7983 17.0143 12 17.271 12C17.5276 12 17.7293 11.7983 17.7293 11.5417L18.6459 6.27083C18.6459 5.96694 18.7666 5.67549 18.9815 5.46061C19.1964 5.24572 19.4878 5.125 19.7917 5.125C20.0956 5.125 20.387 5.24572 20.6019 5.46061C20.8168 5.67549 20.9375 5.96694 20.9375 6.27083L19.558 15.6667Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
+    background-image: url('img/pan-active.svg');
 }
 
 #btnCompareZoom {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.332 5.33333L11.9961 2L8.66536 5.32817' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 15.0109L16.6684 17.3406L12.0053 22L7.33511 17.3333L5 15' stroke='%23222D44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 2H13V22H11V2Z' fill='%23222D44'/%3E%3C/svg%3E%0A");
+    background-image: url('img/zoom.svg');
 }
 
 #btnCompareZoom:hover,
 #btnCompareZoom.active {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.332 5.33333L11.9961 2L8.66536 5.32817' stroke='%23326AD6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 15.0109L16.6684 17.3406L12.0053 22L7.33511 17.3333L5 15' stroke='%23326AD6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 2H13V22H11V2Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
+    background-image: url('img/zoom-active.svg');
 }
 
 #btnFitToView {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H7.5C7.77614 1 8 1.22386 8 1.5V1.5C8 1.77614 7.77614 2 7.5 2H3C2.44772 2 2 2.44772 2 3V7.5C2 7.77614 1.77614 8 1.5 8V8C1.22386 8 1 7.77614 1 7.5V2V2C1 1.44772 1.44772 1 2 1V1ZM1.5 16C1.22386 16 1 16.2239 1 16.5V22V22C1 22.5523 1.44772 23 2 23V23H7.5C7.77614 23 8 22.7761 8 22.5V22.5C8 22.2239 7.77614 22 7.5 22H3C2.44772 22 2 21.5523 2 21V16.5C2 16.2239 1.77614 16 1.5 16V16ZM22.5 16C22.2239 16 22 16.2239 22 16.5V21C22 21.5523 21.5523 22 21 22H16.5C16.2239 22 16 22.2239 16 22.5V22.5C16 22.7761 16.2239 23 16.5 23H22V23C22.5523 23 23 22.5523 23 22V22V16.5C23 16.2239 22.7761 16 22.5 16V16ZM22.5 8C22.7761 8 23 7.77614 23 7.5V2V2C23 1.44772 22.5523 1 22 1V1H16.5C16.2239 1 16 1.22386 16 1.5V1.5C16 1.77614 16.2239 2 16.5 2H21C21.5523 2 22 2.44772 22 3V7.5C22 7.77614 22.2239 8 22.5 8V8Z' fill='%23222D44'/%3E%3Cpath d='M7 9.56619C7 9.21493 7.1843 8.88942 7.4855 8.7087L11.4855 6.3087C11.8022 6.11869 12.1978 6.11869 12.5145 6.3087L16.3748 8.6249C16.6456 8.78733 16.6302 9.18468 16.3478 9.32575L12.5532 11.2209C12.2142 11.3902 12 11.7366 12 12.1155V17.2935C12 17.6044 11.6608 17.7965 11.3942 17.6365L7.4855 15.2913C7.1843 15.1106 7 14.7851 7 14.4338V12V9.56619Z' fill='%23222D44'/%3E%3Cpath d='M7.74275 9.13744L11.7428 6.73744C11.9011 6.64244 12.0989 6.64244 12.2572 6.73744L16.2572 9.13744C16.4079 9.22781 16.5 9.39056 16.5 9.56619V12V14.4338C16.5 14.6094 16.4079 14.7722 16.2572 14.8626L12.2572 17.2626C12.0989 17.3576 11.9011 17.3576 11.7428 17.2626L7.74275 14.8626C7.59215 14.7722 7.5 14.6094 7.5 14.4338V12V9.56619C7.5 9.39056 7.59215 9.22781 7.74275 9.13744Z' stroke='%23222D44'/%3E%3C/svg%3E%0A");
+    background-image: url('img/fit-to-view.svg');
 }
 
 #btnFitToView:hover,
 #btnFitToView.active {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 3C22 2.44772 21.5523 2 21 2H16.5C16.2239 2 16 1.77614 16 1.5V1.5C16 1.22386 16.2239 1 16.5 1H22V1C22.5523 1 23 1.44772 23 2V2V7.5C23 7.77614 22.7761 8 22.5 8V8C22.2239 8 22 7.77614 22 7.5V3ZM1.5 8C1.77614 8 2 7.77614 2 7.5V3C2 2.44772 2.44772 2 3 2H7.5C7.77614 2 8 1.77614 8 1.5V1.5C8 1.22386 7.77614 1 7.5 1H2V1C1.44772 1 1 1.44772 1 2V2V7.5C1 7.77614 1.22386 8 1.5 8V8ZM1 16.5C1 16.2239 1.22386 16 1.5 16V16C1.77614 16 2 16.2239 2 16.5V21C2 21.5523 2.44772 22 3 22H7.5C7.77614 22 8 22.2239 8 22.5V22.5C8 22.7761 7.77614 23 7.5 23H2V23C1.44772 23 1 22.5523 1 22V22V16.5ZM22 16.5C22 16.2239 22.2239 16 22.5 16V16C22.7761 16 23 16.2239 23 16.5V22V22C23 22.5523 22.5523 23 22 23V23H16.5C16.2239 23 16 22.7761 16 22.5V22.5C16 22.2239 16.2239 22 16.5 22H21C21.5523 22 22 21.5523 22 21V16.5Z' fill='%23326AD6'/%3E%3Cpath d='M7 9.56619C7 9.21493 7.1843 8.88942 7.4855 8.7087L11.4855 6.3087C11.8022 6.11869 12.1978 6.11869 12.5145 6.3087L16.3748 8.6249C16.6456 8.78733 16.6302 9.18468 16.3478 9.32575L12.5532 11.2209C12.2142 11.3902 12 11.7366 12 12.1155V17.2935C12 17.6044 11.6608 17.7965 11.3942 17.6365L7.4855 15.2913C7.1843 15.1106 7 14.7851 7 14.4338V12V9.56619Z' fill='%23326AD6'/%3E%3Cpath d='M7.74275 9.13744L11.7428 6.73744C11.9011 6.64244 12.0989 6.64244 12.2572 6.73744L16.2572 9.13744C16.4079 9.22781 16.5 9.39056 16.5 9.56619V12V14.4338C16.5 14.6094 16.4079 14.7722 16.2572 14.8626L12.2572 17.2626C12.0989 17.3576 11.9011 17.3576 11.7428 17.2626L7.74275 14.8626C7.59215 14.7722 7.5 14.6094 7.5 14.4338V12V9.56619C7.5 9.39056 7.59215 9.22781 7.74275 9.13744Z' stroke='%23326AD6'/%3E%3C/svg%3E%0A");
+    background-image: url('img/fit-to-view-active.svg');
 }
 
 #btnCompareType.type-overlay {
-    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.00391' y='14' width='13.9982' height='14.0038' rx='2' fill='%23326AD6'/%3E%3Cpath d='M10.0078 7.99805C10.0078 6.89348 10.9032 5.99805 12.0078 5.99805H22.006C23.1106 5.99805 24.006 6.89348 24.006 7.99805V18.0018C24.006 19.1064 23.1106 20.0018 22.006 20.0018H17.0069L17.0089 15.0028C17.0094 13.8982 16.1143 13.0024 15.0098 13.002L10.0078 12.9999V7.99805Z' fill='%23326AD6'/%3E%3Cpath d='M27.6536 2.6C27.8076 2.33333 28.1925 2.33333 28.3464 2.6L31.1177 7.4C31.2717 7.66667 31.0792 8 30.7713 8H25.2287C24.9208 8 24.7283 7.66667 24.8823 7.4L27.6536 2.6Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
+    background-image: url('img/compare-overlay.svg');
 }
 
 #btnCompareType.type-side-by-side {
-    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 24.9V9.1C12.5 7.6 11.86 7 10.27 7H5.23C3.64 7 3 7.6 3 9.1V24.9C3 26.4 3.64 27 5.23 27H10.27C11.86 27 12.5 26.4 12.5 24.9Z' fill='%23326AD6'/%3E%3Cpath d='M23 24.9V9.1C23 7.6 22.36 7 20.77 7H15.73C14.14 7 13.5 7.6 13.5 9.1V24.9C13.5 26.4 14.14 27 15.73 27H20.77C22.36 27 23 26.4 23 24.9Z' fill='%23326AD6'/%3E%3Cpath d='M26.6536 2.6C26.8076 2.33333 27.1925 2.33333 27.3464 2.6L30.1177 7.4C30.2717 7.66667 30.0792 8 29.7713 8H24.2287C23.9208 8 23.7283 7.66667 23.8823 7.4L26.6536 2.6Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
+    background-image: url('img/compare-side-by-side.svg');
 }
 
 #btnComparePanel {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='1' width='4' height='9' rx='1' fill='%23222D44'/%3E%3Crect x='10' y='1' width='4' height='9' rx='1' fill='%23222D44'/%3E%3Crect x='18' y='1' width='4' height='9' rx='1' fill='%23222D44'/%3E%3Crect x='2' y='12' width='20' height='3' rx='1' fill='%23222D44'/%3E%3Crect x='2' y='16' width='20' height='3' rx='1' fill='%23222D44'/%3E%3Crect x='2' y='20' width='20' height='3' rx='1' fill='%23222D44'/%3E%3C/svg%3E%0A");
+    background-image: url('img/panel-visibility.svg');
 }
 
 #btnComparePanel:hover,
 #btnComparePanel.active {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='1' width='4' height='9' rx='1' fill='%23326AD6'/%3E%3Crect x='10' y='1' width='4' height='9' rx='1' fill='%23326AD6'/%3E%3Crect x='18' y='1' width='4' height='9' rx='1' fill='%23326AD6'/%3E%3Crect x='2' y='12' width='20' height='3' rx='1' fill='%23326AD6'/%3E%3Crect x='2' y='16' width='20' height='3' rx='1' fill='%23326AD6'/%3E%3Crect x='2' y='20' width='20' height='3' rx='1' fill='%23326AD6'/%3E%3C/svg%3E%0A");
+    background-image: url('img/panel-visibility-active.svg');
 }
 
 #btnCompareViewerExit {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.9375V4.5C3 3.67158 3.67155 3 4.5 3H19.5C20.3284 3 21 3.67158 21 4.5V19.5C21 20.3285 20.3284 21 19.5 21H4.5C3.67155 21 3 20.3285 3 19.5V17.3438' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H15' stroke='%23222D44' stroke-linecap='round'/%3E%3Cpath d='M12 15L15 12L12 9' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('img/close-compare-viewer.svg');
 }
 
 #btnCompareViewerExit:hover,
 #btnCompareViewerExit.active {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.9375V4.5C3 3.67158 3.67155 3 4.5 3H19.5C20.3284 3 21 3.67158 21 4.5V19.5C21 20.3285 20.3284 21 19.5 21H4.5C3.67155 21 3 20.3285 3 19.5V17.3438' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H15' stroke='%23326AD6' stroke-linecap='round'/%3E%3Cpath d='M12 15L15 12L12 9' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('img/close-compare-viewer-active.svg');
 }
 
 #btnCompareTypeSideBySide {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 19.9V4.1C11.5 2.6 10.86 2 9.27 2H4.23C2.64 2 2 2.6 2 4.1V19.9C2 21.4 2.64 22 4.23 22H9.27C10.86 22 11.5 21.4 11.5 19.9Z' fill='%23222D44'/%3E%3Cpath d='M22 19.9V4.1C22 2.6 21.36 2 19.77 2H14.73C13.14 2 12.5 2.6 12.5 4.1V19.9C12.5 21.4 13.14 22 14.73 22H19.77C21.36 22 22 21.4 22 19.9Z' fill='%23222D44'/%3E%3C/svg%3E%0A");
+    background-image: url('img/side-by-side.svg');
 }
 
 #btnCompareTypeOverlay {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.00391' y='9' width='13.9982' height='14.0038' rx='2' fill='%23222D44'/%3E%3Cpath d='M9.00781 2.99805C9.00781 1.89348 9.90324 0.998047 11.0078 0.998047H21.006C22.1106 0.998047 23.006 1.89348 23.006 2.99805V13.0018C23.006 14.1064 22.1106 15.0018 21.006 15.0018H16.0069L16.0089 10.0028C16.0094 8.89824 15.1143 8.00244 14.0098 8.00199L9.00781 7.99994V2.99805Z' fill='%23222D44'/%3E%3C/svg%3E%0A");
+    background-image: url('img/overlay.svg');
 }
 
 #btnCompareTypeSideBySide.active {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 19.9V4.1C11.5 2.6 10.86 2 9.27 2H4.23C2.64 2 2 2.6 2 4.1V19.9C2 21.4 2.64 22 4.23 22H9.27C10.86 22 11.5 21.4 11.5 19.9Z' fill='%23326AD6'/%3E%3Cpath d='M22 19.9V4.1C22 2.6 21.36 2 19.77 2H14.73C13.14 2 12.5 2.6 12.5 4.1V19.9C12.5 21.4 13.14 22 14.73 22H19.77C21.36 22 22 21.4 22 19.9Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
+    background-image: url('img/side-by-side-active.svg');
 }
 
 #btnCompareTypeOverlay.active {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.00391' y='9' width='13.9982' height='14.0038' rx='2' fill='%23326AD6'/%3E%3Cpath d='M9.00781 2.99805C9.00781 1.89348 9.90324 0.998047 11.0078 0.998047H21.006C22.1106 0.998047 23.006 1.89348 23.006 2.99805V13.0018C23.006 14.1064 22.1106 15.0018 21.006 15.0018H16.0069L16.0089 10.0028C16.0094 8.89824 15.1143 8.00244 14.0098 8.00199L9.00781 7.99994V2.99805Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
+    background-image: url('img/overlay-active.svg');
 }
 
 #hideColors {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C16.1421 21.5 18 19.1421 18 15C18 9 12 2.5 12 2.5C12 2.5 6 9 6 15C6 19.1421 7.85785 21.5 12 21.5Z' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('img/hide-colors.svg');
     background-position: center !important;
     background-repeat: no-repeat !important;
 }
 
 #hideColors.active {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C16.1421 21.5 18 19.1421 18 15C18 9 12 2.5 12 2.5C12 2.5 6 9 6 15C6 19.1421 7.85785 21.5 12 21.5Z' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('img/hide-colors-active.svg');
 }
 
 #alignFinish {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99535 15.002L3.9969 14.0027L2 12.0043L4 10.0027L5 9.00195' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0047 9L20.0031 9.99924L22 11.9977L20 13.9992L19 15' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12H22' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 5L13.9992 4L11.9977 2L9.99922 3.9969L9 4.99535' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 19.0047L14.0008 20.0031L12.0023 22L10.0008 20L9 19' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 2L12 22' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('img/finish-align.svg');
     background-position: center !important;
     background-repeat: no-repeat !important;
 }
 
 #alignFinish.active {
-    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99535 15.002L3.9969 14.0027L2 12.0043L4 10.0027L5 9.00195' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0047 9L20.0031 9.99924L22 11.9977L20 13.9992L19 15' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12H22' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 5L13.9992 4L11.9977 2L9.99922 3.9969L9 4.99535' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 19.0047L14.0008 20.0031L12.0023 22L10.0008 20L9 19' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 2L12 22' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+    background-image: url('img/finish-align-active.svg');
 }
 
 #documentPropertiesDialog {
@@ -7773,4 +8011,11 @@ dialog .separator {
 .measure-toolbar-btn.active {
     background-color: #DCEEFF;
     border-radius: 4px;
+}
+
+.uk-input#measures2PointSize {
+    border: 1px solid #C0CAD5;
+    border-radius: 4px;
+    height: 40px;
+    width: 100%;
 }