@charset 'UTF-8';@font-face{

font-family: 'SegoeUI-Underline';

src: url('/transition/resources/fonts/SegoeUI-Italic.woff2')  format('woff2');

font-weight: normal;

font-style: normal;

}

.m-aside-left.m-aside-left--skin-dark {
    /*background-color: #2c2e3e;*/
    background-color: #3d3b56;
}
html {
	font-size: 14px;
}
/*
Есть лучшее решение для Bootstrap > 4.3
https://stackoverflow.com/questions/25874001/how-to-put-scroll-bar-only-for-modal-body
.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}
*/
/* 1 вариант (для всей страницы) */
body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	/* размер шрифта */
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.1 !important;
	color: #212529;
	background-color: #fff;
}
/*
body {
    background: #74ebd5;
    background: -webkit-linear-gradient(to right, #74ebd5, #ACB6E5);
    background: linear-gradient(to right, #74ebd5, #ACB6E5);
    min-height: 100vh;

}
*/
/*
.m-aside-menu.m-aside-menu--skin-dark {
	background-color: #3d3b56;
}
*/
pre
{
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  margin-bottom: 10px;
  overflow: auto;
  width: auto;
  padding: 5px;
  background-color: #eee;
  max-height: 600px;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}
	
/* Немодальное окно вывода сообщений */
/* Bootstrap 4 not supported........

/* Just add this CSS to your project */
.dropzone {
  border: 2px dashed #dedede;
  border-radius: 5px;
  background: #f5f5f5;
  max-height: 36px;
  padding: 0px 0px;
}

.dropzone i{
  font-size: 3rem;
}

.dropzone .dz-message {
  color: rgba(0,0,0,.54);
  font-weight: 500;
  font-size: initial;
  text-transform: uppercase;
}

/*[- Маркер перед текстом <label> -]*/
.fa-qq-sm {
	content: "\f111";
	color: #7c4ead;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: .875em !important;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	box-sizing: border-box;
}

/*[-
Класс ".btn-file " для <input> в dropdown меню кнопки
-]*/
.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: text;
	display: block;
}
	
/*[-
Класс ".my-selectpicker" для "selectpicker" в режиме "form-control" с вертикальным сдвигом текста и рамкой
-]*/
.bootstrap-select > .my-selectpicker {
	position: relative;
	outline: none !important;
	padding: .45rem 0.9rem 0.45rem 0.9rem !important;
	padding-right: 2rem;
	border: 1px solid #ced4da !important;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bootstrap-select > .contour-selectpicker {
	position: relative;
	padding: .45rem 0.9rem 0.45rem 0.9rem !important;
	padding-right: 2rem;
	border: 1px solid #ced4da !important;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/*[-
Bootstrap 4 adds a caret automatically via CSS (.dropdown-toggle::after) using the border trick,
you'll need to disable it that way.
Remove all references to borders in that CSS rule and it should fix it.
-]*/
.bootstrap-select > .dropdown-toggle::after {
	display: none;
}
/*[-
Вставляю "стрелку" в "selectpicker"
-]*/
.bootstrap-select > .dropdown-toggle .caret:before {
	content: "\f107";
}
.bootstrap-select .dropdown-toggle .caret {
	width: 10px;
	height: 10px;
	border: none;
	color: #aaaaaa;
	margin-top:-8px !important;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
	font-weight: 900;
}
/*[- https://stackoverflow.com/questions/50926621/how-can-i-set-fixed-width-for-optionsdropdown-in-bootstrap-selectpicker] -]*/
.bootstrap-select .dropdown-menu { max-width: 100% !important;}
/*[-
Стандартный стиль Bootstrap 4 для class="form-control"
-]*/
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*[- Бегущий текст в <span> похожий на <input> -]*/
.span-value {
	display:block;
	background-color: #e9ecef;
	border: 1px solid lightgrey;
	height:34px;
	padding: 4px 10px;
	border-radius: 0 4px 4px 0;
	white-space: nowrap ;
}

.slidetext {
	/*wrap need for correct scrolling big length string*/
    white-space: wrap;
    overflow: hidden;
	background-color: #e9ecef;
}

.slidetext__content {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

/*[- Одинаковая высота для всех <th> в <thead> -]*/
.equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* https://bootstrapious.com/p/bootstrap-table-with-a-fixed-header
* ==========================================
*
*/

/*[- <table> с прокруткой и фиксированной максимальной высотой <tbody> -]*/
.table-fixed tbody {
    max-height: 200px;
    overflow-y: auto;
	overflow-x: hidden; /* Hide horizontal scrollbar */
    width: 100%;
	display: block;
	float: left;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
	border-style:hidden;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead > tr > th {
    float: left;
    position: relative;

    &::after {
        content: '';
        clear: both;
        display: block;
    }
}

/*[- С высотой 400 -]*/
.table-fixed-400 tbody {
    max-height: 400px;
    overflow-y: auto;
	overflow-x: hidden; /* Hide horizontal scrollbar */
    width: 100%;
	display: block;
	float: left;
}

.table-fixed-400 thead,
.table-fixed-400 tbody,
.table-fixed-400 tr,
.table-fixed-400 td,
.table-fixed-400 th {
    display: block;
	border-style:hidden;
}

.table-fixed-400 tbody td,
.table-fixed-400 tbody th,
.table-fixed-400 thead > tr > th {
    float: left;
    position: relative;

    &::after {
        content: '';
        clear: both;
        display: block;
    }
}

/*[- С высотой 600 -]*/
.table-fixed-600 tbody {
    max-height: 600px;
    overflow-y: auto;
	overflow-x: hidden; /* Hide horizontal scrollbar */
    width: 100%;
	display: block;
	float: left;
}

.table-fixed-600 thead,
.table-fixed-600 tbody,
.table-fixed-600 tr,
.table-fixed-600 td,
.table-fixed-600 th {
    display: block;
	border-style:hidden;
}

.table-fixed-600 tbody td,
.table-fixed-600 tbody th,
.table-fixed-600 thead > tr > th {
    float: left;
    position: relative;

    &::after {
        content: '';
        clear: both;
        display: block;
    }
}


/*[- https://stackoverflow.com/questions/54286705/bootstrap-4-table-with-the-scrollable-body-and-header-fixed -]*/
/*[- <table> с прокруткой и фиксированной максимальной высотой <tbody> -]*/
/*[- Не годится для Reactive Grid из-за невозможности установить width для column -]*/
/*[-
.reactgrid-fixed table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}
.reactgrid-fixed table thead {
    flex: 0 0 auto;
    width: calc(100% - 0.9em);
}

.reactgrid-fixed table tbody {
	max-height: 200px;
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
}

.reactgrid-fixed table tbody tr {
    width: 100%;
}
.reactgrid-fixed table thead, table tbody tr {
    display: table;
	table-layout: fixed;
}
-]*/

/*[-//////////////////////////// reactgrid-fixed START ////////////////////////////////////////////////////////////////////-]*/
/*[-//////////////////////////// reactgrid-fixed START ////////////////////////////////////////////////////////////////////-]*/
/*[-//////////////////////////// reactgrid-fixed START ////////////////////////////////////////////////////////////////////-]*/
/*[- Set header to stick to the top of the container. -]*/
/*[- https://stackoverflow.com/questions/23989463/how-to-set-tbody-height-with-overflow-scroll/23989771 -]*/
/*[- https://adrianroselli.com/2020/01/fixed-table-headers.html -]*/
/*[- https://codepen.io/aardrian/pen/VwYyVJY -]*/
.reactgrid-fixed thead tr th {
	top: 0 !important;
	position: -webkit-sticky !important;
	position: sticky !important;
	border-bottom: 1px solid whitesmoke;
	/*border-left: 1px solid whitesmoke;*/
	border-top: 1px solid whitesmoke;
	border-right: 1px solid whitesmoke;
	border-spacing: 0;
	border-collapse:collapse;
	z-index:2;

	/*background-color: rgba(250,250,250,1) !important;*/
	color: #000;
	/*background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);*/
	/*background: linear-gradient(90deg, #ddd 0%, #ddd calc(100% - .05em), #fff calc(100% - .05em), #fff 100%);*/
	background: lightgray;
}
/*[- Для parent <div> в котором будет Reactive Grid -]*/
.reactgrid-fixed .table-responsive {
	height: 200px;
    overflow-y: scroll;
}
.reactgrid-fixed table {
	size: "sm";
}

/*[- Set header to stick to the top of the container. -]*/
/*[- https://stackoverflow.com/questions/23989463/how-to-set-tbody-height-with-overflow-scroll/23989771 -]*/
/*[- https://adrianroselli.com/2020/01/fixed-table-headers.html -]*/
/*[- https://codepen.io/aardrian/pen/VwYyVJY -]*/
.reactgrid-fixed-200 thead tr th {
	top: 0 !important;
	position: -webkit-sticky !important;
	position: sticky !important;
	border-bottom: 1px solid whitesmoke;
	/*border-left: 1px solid whitesmoke;*/
	border-top: 1px solid whitesmoke;
	border-right: 1px solid whitesmoke;
	border-spacing: 0;
	border-collapse:collapse;
	z-index:2;

	/*background-color: rgba(250,250,250,1) !important;*/
	color: #000;
	/*background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);*/
	/*background: linear-gradient(90deg, #ddd 0%, #ddd calc(100% - .05em), #fff calc(100% - .05em), #fff 100%);*/
	background: lightgray;
}
/*[- Для parent <div> в котором будет Reactive Grid -]*/
.reactgrid-fixed-200 .table-responsive {
	height: 200px;
    overflow-y: scroll;
}
.reactgrid-fixed-200 table {
	size: "sm";
}

/*[- Set header to stick to the top of the container. -]*/
/*[- https://stackoverflow.com/questions/23989463/how-to-set-tbody-height-with-overflow-scroll/23989771 -]*/
/*[- https://adrianroselli.com/2020/01/fixed-table-headers.html -]*/
/*[- https://codepen.io/aardrian/pen/VwYyVJY -]*/
.reactgrid-fixed-200 thead tr th {
	top: 0 !important;
	position: -webkit-sticky !important;
	position: sticky !important;
	border-bottom: 1px solid whitesmoke;
	/*border-left: 1px solid whitesmoke;*/
	border-top: 1px solid whitesmoke;
	border-right: 1px solid whitesmoke;
	border-spacing: 0;
	border-collapse:collapse;
	z-index:2;

	/*background-color: rgba(250,250,250,1) !important;*/
	color: #000;
	/*background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);*/
	/*background: linear-gradient(90deg, #ddd 0%, #ddd calc(100% - .05em), #fff calc(100% - .05em), #fff 100%);*/
	background: lightgray;
}
/*[- Для parent <div> в котором будет Reactive Grid -]*/
.reactgrid-fixed-200 .table-responsive {
	height: 200px;
    overflow-y: scroll;
}
.reactgrid-fixed-200 table {
	size: "sm";
}

/*[- Set header to stick to the top of the container. -]*/
/*[- https://stackoverflow.com/questions/23989463/how-to-set-tbody-height-with-overflow-scroll/23989771 -]*/
/*[- https://adrianroselli.com/2020/01/fixed-table-headers.html -]*/
/*[- https://codepen.io/aardrian/pen/VwYyVJY -]*/
.reactgrid-fixed-300 thead tr th {
	top: 0 !important;
	position: -webkit-sticky !important;
	position: sticky !important;
	border-bottom: 1px solid whitesmoke;
	/*border-left: 1px solid whitesmoke;*/
	border-top: 1px solid whitesmoke;
	border-right: 1px solid whitesmoke;
	border-spacing: 0;
	border-collapse:collapse;
	z-index:2;

	/*background-color: rgba(250,250,250,1) !important;*/
	color: #000;
	/*background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);*/
	/*background: linear-gradient(90deg, #ddd 0%, #ddd calc(100% - .05em), #fff calc(100% - .05em), #fff 100%);*/
	background: lightgray;
}
/*[- Для parent <div> в котором будет Reactive Grid -]*/
.reactgrid-fixed-300 .table-responsive {
	height: 300px;
    overflow-y: scroll;
}
.reactgrid-fixed-300 table {
	size: "sm";
}

/*[- Set header to stick to the top of the container. -]*/
/*[- https://stackoverflow.com/questions/23989463/how-to-set-tbody-height-with-overflow-scroll/23989771 -]*/
/*[- https://adrianroselli.com/2020/01/fixed-table-headers.html -]*/
/*[- https://codepen.io/aardrian/pen/VwYyVJY -]*/
.reactgrid-fixed-350 thead tr th {
	top: 0 !important;
	position: -webkit-sticky !important;
	position: sticky !important;
	border-bottom: 1px solid whitesmoke;
	/*border-left: 1px solid whitesmoke;*/
	border-top: 1px solid whitesmoke;
	border-right: 1px solid whitesmoke;
	border-spacing: 0;
	border-collapse:collapse;
	z-index:2;

	/*background-color: rgba(250,250,250,1) !important;*/
	color: #000;
	/*background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);*/
	/*background: linear-gradient(90deg, #ddd 0%, #ddd calc(100% - .05em), #fff calc(100% - .05em), #fff 100%);*/
	background: lightgray;
}
/*[- Для parent <div> в котором будет Reactive Grid -]*/
.reactgrid-fixed-350 .table-responsive {
	height: 350px;
    overflow-y: scroll;
}
.reactgrid-fixed-350 table {
	size: "sm";
}

/*[- Set header to stick to the top of the container. -]*/
/*[- https://stackoverflow.com/questions/23989463/how-to-set-tbody-height-with-overflow-scroll/23989771 -]*/
/*[- https://adrianroselli.com/2020/01/fixed-table-headers.html -]*/
/*[- https://codepen.io/aardrian/pen/VwYyVJY -]*/
.reactgrid-fixed-400 thead tr th {
	top: 0 !important;
	position: -webkit-sticky !important;
	position: sticky !important;
	border-bottom: 1px solid whitesmoke;
	/*border-left: 1px solid whitesmoke;*/
	border-top: 1px solid whitesmoke;
	border-right: 1px solid whitesmoke;
	border-spacing: 0;
	border-collapse:collapse;
	z-index:2;

	/*background-color: rgba(250,250,250,1) !important;*/
	color: #000;
	/*background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);*/
	/*background: linear-gradient(90deg, #ddd 0%, #ddd calc(100% - .05em), #fff calc(100% - .05em), #fff 100%);*/
	background: lightgray;
}
/*[- Для parent <div> в котором будет Reactive Grid -]*/
.reactgrid-fixed-400 .table-responsive {
	height: 400px;
    overflow-y: scroll;
}
.reactgrid-fixed-400 table {
	size: "sm";
}

/*[- Set header to stick to the top of the container. -]*/
/*[- https://stackoverflow.com/questions/23989463/how-to-set-tbody-height-with-overflow-scroll/23989771 -]*/
/*[- https://adrianroselli.com/2020/01/fixed-table-headers.html -]*/
/*[- https://codepen.io/aardrian/pen/VwYyVJY -]*/
.reactgrid-fixed-600 thead tr th {
	top: 0 !important;
	position: -webkit-sticky !important;
	position: sticky !important;
	border-bottom: 1px solid whitesmoke;
	/*border-left: 1px solid whitesmoke;*/
	border-top: 1px solid whitesmoke;
	border-right: 1px solid whitesmoke;
	border-spacing: 0;
	border-collapse:collapse;
	z-index:2;

	/*background-color: rgba(250,250,250,1) !important;*/
	color: #000;
	/*background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);*/
	/*background: linear-gradient(90deg, #ddd 0%, #ddd calc(100% - .05em), #fff calc(100% - .05em), #fff 100%);*/
	background: lightgray;
}
/*[- Для parent <div> в котором будет Reactive Grid -]*/
.reactgrid-fixed-600 .table-responsive {
	height: 600px;
    overflow-y: scroll;
}
.reactgrid-fixed-600 table {
	size: "sm";
}
/*[-//////////////////////////// reactgrid-fixed END ////////////////////////////////////////////////////////////////////-]*/
/*[-//////////////////////////// reactgrid-fixed END ////////////////////////////////////////////////////////////////////-]*/
/*[-//////////////////////////// reactgrid-fixed END ////////////////////////////////////////////////////////////////////-]*/



/*[- Стили компонента FilePond -]*/
.filepond--root {
    max-height: 20em;
}
.filepond--item {
    width: calc(50% - .5em);
}


#box {
	width: 100px;
	height: 100px;
	background: #eee;
	position: relative;
}

#box:after {
	content: '...appended text outside box';
	position: absolute;
	margin-left: 100%;
	left: 0;
	width: 200px;
}

/*[- Стили вертикального navbar -]*/

.nav-pills-custom .nav-link {
    color: #aaa;
    background: #fff;
    position: relative;
}

.nav-pills-custom .nav-link .active {
    color: #45b649;
    background: #fff;
}

/*[- Add indicator arrow for the active tab -]*/
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}
/*[-
* Test
-]*/
body {
    min-height: 100vh;
    background: linear-gradient(to left, #dce35b, #45b649);
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px; /* e.g. change 8x to 4px here */
}
/*
.rct-tree-items-container {
	max-height: 600px;
	overflow: scroll;
}
*/
/* https://bootstrap-4.ru/docs/4.0/utilities/sizing/ */
/* https://gist.github.com/andrei-coelho/9d0ed805de1bae289a8fb63a1cb4a2ae */
/* css for width and height of bootstrap components */
.w-auto {width: auto;}
.h-auto {height: auto;}
.w-5 {width: 5%;}
.h-5 {height: 5%;}
.w-10 {width: 10%;}
.h-10 {height: 10%;}
.w-15 {width: 15%;}
.h-15 {height: 15%;}
.w-20 {width: 20%;}
.h-20 {height: 20%;}
.w-25 {width: 25%;}
.h-25 {height: 25%;}
.w-30 {width: 30%;}
.h-30 {height: 30%;}
.w-35 {width: 35%;}
.h-35 {height: 35%;}
.w-40 {width: 40%;}
.h-40 {height: 40%;}
.w-45 {width: 45%;}
.h-45 {height: 45%;}
.w-50 {width: 50%;}
.h-50 {height: 50%;}
.w-55 {width: 55%;}
.h-55 {height: 55%;}
.w-60 {width: 60%;}
.h-60 {height: 60%;}
.w-65 {width: 65%;}
.h-65 {height: 65%;}
.w-70 {width: 70%;}
.h-70 {height: 70%;}
.w-75 {width: 75%;}
.h-75 {height: 75%;}
.w-80 {width: 80%;}
.h-80 {height: 80%;}
.w-85 {width: 85%;}
.h-85 {height: 85%;}
.w-90 {width: 90%;}
.h-90 {height: 90%;}
.w-95 {width: 95%;}
.h-95 {height: 95%;}
@media (min-width: 0) {
	.w-xs-auto {width: auto;}
	.h-xs-auto {height: auto;}
	.w-xs-5 {width: 5%;}
	.h-xs-5 {height: 5%;}
	.w-xs-10 {width: 10%;}
	.h-xs-10 {height: 10%;}
	.w-xs-15 {width: 15%;}
	.h-xs-15 {height: 15%;}
	.w-xs-20 {width: 20%;}
	.h-xs-20 {height: 20%;}
	.w-xs-25 {width: 25%;}
	.h-xs-25 {height: 25%;}
	.w-xs-30 {width: 30%;}
	.h-xs-30 {height: 30%;}
	.w-xs-35 {width: 35%;}
	.h-xs-35 {height: 35%;}
	.w-xs-40 {width: 40%;}
	.h-xs-40 {height: 40%;}
	.w-xs-45 {width: 45%;}
	.h-xs-45 {height: 45%;}
	.w-xs-50 {width: 50%;}
	.h-xs-50 {height: 50%;}
	.w-xs-55 {width: 55%;}
	.h-xs-55 {height: 55%;}
	.w-xs-60 {width: 60%;}
	.h-xs-60 {height: 60%;}
	.w-xs-65 {width: 65%;}
	.h-xs-65 {height: 65%;}
	.w-xs-70 {width: 70%;}
	.h-xs-70 {height: 70%;}
	.w-xs-75 {width: 75%;}
	.h-xs-75 {height: 75%;}
	.w-xs-80 {width: 80%;}
	.h-xs-80 {height: 80%;}
	.w-xs-85 {width: 85%;}
	.h-xs-85 {height: 85%;}
	.w-xs-90 {width: 90%;}
	.h-xs-90 {height: 90%;}
	.w-xs-95 {width: 95%;}
	.h-xs-95 {height: 95%;}
	.w-xs-100 {width: 100%;}
	.h-xs-100 {height: 100%; }
}

@media (min-width: 576px) {
  .w-sm-auto {width: auto;}
  .h-sm-auto {height: auto;}
  .w-sm-5 {width: 5%;}
  .h-sm-5 {height: 5%;}
  .w-sm-10 {width: 10%;}
  .h-sm-10 {height: 10%;}
  .w-sm-15 {width: 15%;}
  .h-sm-15 {height: 15%;}
  .w-sm-20 {width: 20%;}
  .h-sm-20 {height: 20%;}
  .w-sm-25 {width: 25%;}
  .h-sm-25 {height: 25%;}
  .w-sm-30 {width: 30%;}
  .h-sm-30 {height: 30%;}
  .w-sm-35 {width: 35%;}
  .h-sm-35 {height: 35%;}
  .w-sm-40 {width: 40%;}
  .h-sm-40 {height: 40%;}
  .w-sm-45 {width: 45%;}
  .h-sm-45 {height: 45%;}
  .w-sm-50 {width: 50%;}
  .h-sm-50 {height: 50%;}
  .w-sm-55 {width: 55%;}
  .h-sm-55 {height: 55%;}
  .w-sm-60 {width: 60%;}
  .h-sm-60 {height: 60%;}
  .w-sm-65 {width: 65%;}
  .h-sm-65 {height: 65%;}
  .w-sm-70 {width: 70%;}
  .h-sm-70 {height: 70%;}
  .w-sm-75 {width: 75%;}
  .h-sm-75 {height: 75%;}
  .w-sm-80 {width: 80%;}
  .h-sm-80 {height: 80%;}
  .w-sm-85 {width: 85%;}
  .h-sm-85 {height: 85%;}
  .w-sm-90 {width: 90%;}
  .h-sm-90 {height: 90%;}
  .w-sm-95 {width: 95%;}
  .h-sm-95 {height: 95%;}
  .w-sm-100 {width: 100%;}
  .h-sm-100 {height: 100%;}
}

@media (min-width: 768px) {
  .w-md-auto {width: auto; }
  .h-md-auto {height: auto; }
  .w-md-5 {width: 5%; }
  .h-md-5 {height: 5%; }
  .w-md-10 {width: 10%; }
  .h-md-10 {height: 10%; }
  .w-md-15 {width: 15%; }
  .h-md-15 {height: 15%; }
  .w-md-20 {width: 20%; }
  .h-md-20 {height: 20%; }
  .w-md-25 {width: 25%; }
  .h-md-25 {height: 25%; }
  .w-md-30 {width: 30%; }
  .h-md-30 {height: 30%; }
  .w-md-35 {width: 35%; }
  .h-md-35 {height: 35%; }
  .w-md-40 {width: 40%; }
  .h-md-40 {height: 40%; }
  .w-md-45 {width: 45%; }
  .h-md-45 {height: 45%; }
  .w-md-50 {width: 50%; }
  .h-md-50 {height: 50%; }
  .w-md-55 {width: 55%; }
  .h-md-55 {height: 55%; }
  .w-md-60 {width: 60%; }
  .h-md-60 {height: 60%; }
  .w-md-65 {width: 65%; }
  .h-md-65 {height: 65%; }
  .w-md-70 {width: 70%; }
  .h-md-70 {height: 70%; }
  .w-md-75 {width: 75%; }
  .h-md-75 {height: 75%; }
  .w-md-80 {width: 80%; }
  .h-md-80 {height: 80%; }
  .w-md-85 {width: 85%; }
  .h-md-85 {height: 85%; }
  .w-md-90 {width: 90%; }
  .h-md-90 {height: 90%; }
  .w-md-95 {width: 95%; }
  .h-md-95 {height: 95%; }
  .w-md-100 {width: 100%; }
  .h-md-100 {height: 100%; }
}

@media (min-width: 992px) {
  .w-lg-auto {width: auto; }
  .h-lg-auto {height: auto; }
  .w-lg-5 {width: 5%; }
  .h-lg-5 {height: 5%; }
  .w-lg-10 {width: 10%; }
  .h-lg-10 {height: 10%; }
  .w-lg-15 {width: 15%; }
  .h-lg-15 {height: 15%; }
  .w-lg-20 {width: 20%; }
  .h-lg-20 {height: 20%; }
  .w-lg-25 {width: 25%; }
  .h-lg-25 {height: 25%; }
  .w-lg-30 {width: 30%; }
  .h-lg-30 {height: 30%; }
  .w-lg-35 {width: 35%; }
  .h-lg-35 {height: 35%; }
  .w-lg-40 {width: 40%; }
  .h-lg-40 {height: 40%; }
  .w-lg-45 {width: 45%; }
  .h-lg-45 {height: 45%; }
  .w-lg-50 {width: 50%; }
  .h-lg-50 {height: 50%; }
  .w-lg-55 {width: 55%; }
  .h-lg-55 {height: 55%; }
  .w-lg-60 {width: 60%; }
  .h-lg-60 {height: 60%; }
  .w-lg-65 {width: 65%; }
  .h-lg-65 {height: 65%; }
  .w-lg-70 {width: 70%; }
  .h-lg-70 {height: 70%; }
  .w-lg-75 {width: 75%; }
  .h-lg-75 {height: 75%; }
  .w-lg-80 {width: 80%; }
  .h-lg-80 {height: 80%; }
  .w-lg-85 {width: 85%; }
  .h-lg-85 {height: 85%; }
  .w-lg-90 {width: 90%; }
  .h-lg-90 {height: 90%; }
  .w-lg-95 {width: 95%; }
  .h-lg-95 {height: 95%; }
  .w-lg-100 {width: 100%; }
  .h-lg-100 {height: 100%; }
}

@media (min-width: 1200px) {
  .w-xl-auto {width: auto; }
  .h-xl-auto {height: auto; }
  .w-xl-5 {width: 5%; }
  .h-xl-5 {height: 5%; }
  .w-xl-10 {width: 10%; }
  .h-xl-10 {height: 10%; }
  .w-xl-15 {width: 15%; }
  .h-xl-15 {height: 15%; }
  .w-xl-20 {width: 20%; }
  .h-xl-20 {height: 20%; }
  .w-xl-25 {width: 25%; }
  .h-xl-25 {height: 25%; }
  .w-xl-30 {width: 30%; }
  .h-xl-30 {height: 30%; }
  .w-xl-35 {width: 35%; }
  .h-xl-35 {height: 35%; }
  .w-xl-40 {width: 40%; }
  .h-xl-40 {height: 40%; }
  .w-xl-45 {width: 45%; }
  .h-xl-45 {height: 45%; }
  .w-xl-50 {width: 50%; }
  .h-xl-50 {height: 50%; }
  .w-xl-55 {width: 55%; }
  .h-xl-55 {height: 55%; }
  .w-xl-60 {width: 60%; }
  .h-xl-60 {height: 60%; }
  .w-xl-65 {width: 65%; }
  .h-xl-65 {height: 65%; }
  .w-xl-70 {width: 70%; }
  .h-xl-70 {height: 70%; }
  .w-xl-75 {width: 75%; }
  .h-xl-75 {height: 75%; }
  .w-xl-80 {width: 80%; }
  .h-xl-80 {height: 80%; }
  .w-xl-85 {width: 85%; }
  .h-xl-85 {height: 85%; }
  .w-xl-90 {width: 90%; }
  .h-xl-90 {height: 90%; }
  .w-xl-95 {width: 95%; }
  .h-xl-95 {height: 95%; }
  .w-xl-100 {width: 100%; }
  .h-xl-100 {height: 100%; }
}


/* css for draw geodesic */
/* https://spatial-dev.guru/2021/09/05/create-a-dynamicmeasurement-tool-in-openlayers-to-show-measurements-on-labels-that-follows-2/ */
html, body, .drawGeodesicContainer {
	height: 100%;
	margin: 0;
	padding: 0;
}

.drawGeodesicContainer {
	display: flex;
	flex-direction: column;
}

.drawGeodesicToolbar, .editGeodesicToolbar {
	display: flex;
	align-items: center;            
	background: rgb(189, 219, 247);
	height: 50px;
}

.drawGeodesicToolbar > button, .editGeodesicToolbar > button {    
	padding:15px;
	margin: 10px;  
	border-radius: 5px;  
	border-style: none;
	border-color: black;
	cursor: pointer;
}

.drawGeodesicToolbar > .drawGeodesicBtnPoint, .editGeodesicToolbar > .drawGeodesicBtnPoint {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAACxAAAAsQHGLUmNAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAIxJREFUSIljYBgFo2AUDH3ASKzC8PP//T9//9X28etPhk/ff1Vd9hPZSDUL0s78Z33y69f7j19/cn/8/pPhw7cfX558fCnEkG7ym5BeJmIseM/JwPjx6y9GqOEMH7/9YmQQ5CTKcURZsFqb8denHz+jP3z7ceXjt59XPn/7Ec0Qpv2LGL2jYBSMguEAAJuDP8khrkKGAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawGeodesicToolbar > .drawGeodesicBtnLine, .editGeodesicToolbar > .drawGeodesicBtnLine {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAABmJLR0QA/wD/AP+gvaeTAAAD6UlEQVR4nO2cy2tTQRyFT5o0rwaaK5WoaTAp6sLXotgiVIVWS3xsFXTpwmJFqNCdchcKWboIdJP+Awo+UEq1FUTapSJK3Vql2o3d1zZKxUWNxJibO7+5cx8z02/VRTIZPjJz5twMBTSkYhZLk2bxroixwiIGkYmKOVxKxKNjkUik78yxfGpqbvGlk/G0Elgxh0vxWOzGuaHejn092fal5ZXe0wP5rqm5xVneMbURWCcvmYjHEImEUchlokvLK4edSNRCYKO8GiIkKi/QSl4NpxKVFlgeH5xIpRKjVvJqOJGorMDy+ODEl8+r104e3x/dmTFsX88rUUmBFXO4lEolRk+dOBB9/PQ9srvSMIwO2/fxSFROYP2etyOTRi63DfcevHZNolICmwVGujPpqkRlBLZKWzclKiGQJW3TnUl0Zw3cf/gG3VkDRjppOy6LROkFUtLWSG9KnJ5ZQP+RAtP4dhKlFsiTtkY6ySyvRiuJ0gp0mrZUrCRKKdAqbbuzBp7NfiB/w1hpJjHkyie5iF239YL16k88f/V29ft6dTLiyww4KY8PTsRjsct+yqsnFAqttfk9CVZqaXtwz25f5dW+fWvVH+Urt2dvSbEH8nZb0TTKAyQIEa/T1opm8oCACxTVbZ1iJQ8IsEDR3ZaXVvKAgAp0q9tSsZMHAIFLYUraFvJduHShH9MzC8LnwSIPAAJ1kK4t20N788lHT97h4vk+9BS2ez4PVnlAgJZw0NPWikAI9KvbNkKVBwRgCQeh2wJ88gDA1y4clG7LKw/wMYWD2m2p7/dlDwxyt6XiuUBZ09YKTwXK0G2peCZQlm5LxROBMnVbKq6nsGzdloqrB2kZuy0V15awamlrhSsCZe62VIQvYdm7LRWhXViFbktFWAqr0m2pCNkDVeq2VBwL1CVtrXAkUMVuS4VboKrdlgqXQJW7LRVyCqvebamQDtI6dFsqzEtY97S1gkmgTt2Wiu0S1q3bUmnZhXXstlQsU1jXbkul6R6oc7el8p/ArbSl8Y/ArW5L56/ArW7LRxhgO6p4IVE2eQAQppzz3Dw8yygPANpCCK9t/slWiwv5Lly/OiR0ErLKA4Dw1PzH+bMDPW2fvn47Wshl2tsj3l7Yklke8GcP9Eui7PKAuhT2WqIK8oCGc6BXElWRBzRpIm5LVEkeYNGF3ZKomjygxQNV0RJVlAfYPJEWJVFVeQDDI32nElWWBzD+JsIrUXV5AOFXOapEHeQBxJsJrBJ1kQdwXO2wk6iTPIDzboyVRN3kAQ5uZzVK3Nj4pZ08QMAl881/7h8bA0Kh9Wq1PHLnxU0RE9OKilksVcxiye95+MFvz/ECEib7nhUAAAAASUVORK5CYII);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawGeodesicToolbar > .drawGeodesicBtnPolygon, .editGeodesicToolbar > .drawGeodesicBtnPolygon {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAABmJLR0QA/wD/AP+gvaeTAAAFNUlEQVR4nO2cT2wUVRzHv79ZyrYlFtAoQblAxAuSaOKFYJtwERpsTMT6J7aJxO5sMWnZWaD7Bw5zgO62DTtbmgi7LSmJPVCwHmwIfy4kVMLJaIJcxMAFMWgErCllkZ2fhwJhy/6Z5bUzbed9Trvz3pv3y2ffv/nzFpBI5hlMvqgRt7tWNZLo1XVdsbveUpQVUGPjCY8aTaaJEZqtgApD7TczS4+paqrC/roLY1lgW9sh7/K1N4bBaJnNgErQjBfvjWhaosrBGHKwJPAL3ViWeSF7DkzbZjugkhAaJqrojBqKL3U6FMCCwJZocsXiDM6DUWdHQJZg1EHxXmzdm3jN6VCKCmzZ17daMXkMwFs2xVMO60wTY/59vWudDKKgQF8osU7JPhwDwdEAi0OrOWuO+aKGYz9wXoH+ULKOFLoIwPEuYoEVxDjvDyUdGWJo+gH/3kQDmzQMYM7MdBbJMNPn/fHAiJ2V5rRAX8RoZpNGMP/kAYCXiIfVsGHrMsvz+IMvmthJoMMAFtkZwAyjgNDwzrv193/84cxFeyqUCJEzBvoiRjMBRwHMqculMsiC0ZqOawN2VSgnEUGeEQhMLWNY4e8BFLxcSse0vGVnCzVicJHku2TSB6muwAXbAnpE3jEw1RW4wCZvBPC7zfE8D7eYsMkJeUCRSaS/K3jF9CyqBeOqnQGVB18nj1Lb36n97FQERWfhgf1t102FagE4FmARrigKalP7dzr6A5dcxgx0Bm498GITCI50kbwQLsDMbDxyIOj4EGNpHXhM1+56//W8B2JbZ7i8MEaXTPKWdFf4H6dDAcpYSPf1tWfuXF31CQi2rbHy8A1uV28zjOCkgzGIwqSGE9121zpVJ9u6dJJI5j5PukS4Z6DYSn/eEd/TUlZ3VyNGB4g43RnoKadczq2rl978qJyyc5a/f/m2rPz+aLKJmeNghj+SvJ2KBY5aLev621n+vYkGZh7EVG8kBqd84aTlx7euFuiPGBvYpOPI7YkeIgxZfcbiWoFqKLGegVMAqp9N5UpWeLQ1fPDtUudxpcAdYWMNFDoLYHmRbDUmKWd9kYNvFDuX6wS27u55JUs4DWClhewvE5TTatQomNdVAtv0QzVmRcUZAEVb1TTWgHF2R/jrvK3VNQI1LVGVeZAdBbjkuJaH9VnKnGre3bNkeoIrBDY2nvBMVNKQ4AtSG6orPMd1Xc9ZO7tAINOy12+kAHwofCbQ+zfv1ww+fVNjwQtUw0YXgb6csRMSNfkiyd7HX+fzWwiWSMeDHQA6CqUXetpn9anjgm+Bs40UKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKMiCfzdGDSe6QbSn7HLFd8h3p2NaCHBBC0zHtRCDLe/7KAnzUDoWCD/+uuAFAsR3f1vln5GtuozRVyvHtwP0pHW6QCBw8uTH2SWTaBbcNH4JldWf6rr+8OmDrhAIAIYRnPQu9jQA9NNzFL/sYe/WtO6/Nz3BNQIBoE9vH/8PymYAv5ZR7BoImw/Hv7qTL9FVAgFgMNb+l4dRD+APC9n/ZJj16U6tYF7XCQSAw3HtGkzeDCBvq3rEuMLmlv7YrqKt1ZUCASDdFbxMwFYAE3mSJ8mkhiPxXSXHS9cKBIBUTLtECn8G4OmZNUtAk9V/QnK1QABIHQiOEtF2AAyACeRPxbTvrJbPuZQrd6f3QiHVGRhSo8mVjz7P3FWLRDLr/A/R6Izynyg2aQAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawGeodesicToolbar > .drawGeodesicBtnText, .editGeodesicToolbar > .drawGeodesicBtnText {
	background: url("/transition/resources/icons/flaticon/text-64px.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawGeodesicToolbar > .drawGeodesicBtnDel, .editGeodesicToolbar > .drawGeodesicBtnDel {
	background: url("data:image/png;base64,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");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawGeodesicToolbar > .drawGeodesicBtnClean, .editGeodesicToolbar > .drawGeodesicBtnClean {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAWQAAAFkBqp2phgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIDSURBVDiNjdNPSJNhHAfw77N3W+7PS+t5V+nQvbr1TpdbThZNhdUOg7p4sUNbFy9WdPEyLx4c5C2wU4cukgZRdIhA6CAUSBCxQ0FtjlYWvimZsNeMd8uBa08Xlf15rT3wO/2ez/f5PfA8YIzhfwWA9h21LF6w25Ylq2m8ptcM9vGWD28ifawyEmbJHmfeZWmZbCpgHz8f6mXxjuOsMhJmrC5Ej0MWIYT6eMvSzJku/7y8ibmgB2Svd+u0KABIeHhzkeydpImfDnr9OXUH0RM2mDhdw77Iq3S2YQJCCBV4/u3jkNRZrjAMt1HNCVd/l7C9u7uuq8cOV89SbPq+OLa2k3eajxyKh19n0+9/FeP6enzzzhO/0OaE4BCFaHI0/6L7mN2q5xpwRi1GGGNbOi0MAK2iRC5OPxCiuZ/5QvmPJgYAAoCKnt7U2O1Hp/Zx9fohf2aLyVFltsNkj6dyNRgAOK/PvyB6+88GL8U072u1CcTQKpomHs7JsloYqsYAoKOUOjrbTyKXeqkZoGx8w7O7UxlFVYP1GAA4o9GoD/QHzm18SZtLZQJ7u6sG30tcSX//+jGihQGA21KU1I3r17jQwECgOqQZDAAHL7HL7Z68HLua2C6UhNX1Taxk3q3In5ZD/8IAaj+TW5LGB8PnswaDoQBgAcB8Vc0CoABmADgATDHG8BdkHEqf43D3RQAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawGeodesicToolbar > .drawGeodesicBtnModify, .editGeodesicToolbar > .drawGeodesicBtnModify {
/*	background: url('data:image/png;base64,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'); */
	background: url("/transition/resources/icons/flaticon/optimization-64px.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

/* css for draw objeditor */
/* https://spatial-dev.guru/2021/09/05/create-a-dynamicmeasurement-tool-in-openlayers-to-show-measurements-on-labels-that-follows-2/ */
html, body, .drawObjEditorContainer {
	height: 100%;
	margin: 0;
	padding: 0;
}

.drawObjEditorContainer {
	display: flex;
	flex-direction: column;
}

.drawObjEditorToolbar, .editObjEditorToolbar {
	display: flex;
	align-items: center;            
	background: rgb(189, 219, 247);
	height: 50px;
}

.drawObjEditorToolbar > button, .editObjEditorToolbar > button {    
	padding:15px;
	margin: 10px;  
	border-radius: 5px;  
	border-style: none;
	border-color: black;
	cursor: pointer;
}

.drawObjEditorToolbar > .drawObjEditorBtnPoint, .editObjEditorToolbar > .drawObjEditorBtnPoint {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAACxAAAAsQHGLUmNAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAIxJREFUSIljYBgFo2AUDH3ASKzC8PP//T9//9X28etPhk/ff1Vd9hPZSDUL0s78Z33y69f7j19/cn/8/pPhw7cfX558fCnEkG7ym5BeJmIseM/JwPjx6y9GqOEMH7/9YmQQ5CTKcURZsFqb8denHz+jP3z7ceXjt59XPn/7Ec0Qpv2LGL2jYBSMguEAAJuDP8khrkKGAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawObjEditorToolbar > .drawObjEditorBtnLine, .editObjEditorToolbar > .drawObjEditorBtnLine {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAABmJLR0QA/wD/AP+gvaeTAAAD6UlEQVR4nO2cy2tTQRyFT5o0rwaaK5WoaTAp6sLXotgiVIVWS3xsFXTpwmJFqNCdchcKWboIdJP+Awo+UEq1FUTapSJK3Vql2o3d1zZKxUWNxJibO7+5cx8z02/VRTIZPjJz5twMBTSkYhZLk2bxroixwiIGkYmKOVxKxKNjkUik78yxfGpqbvGlk/G0Elgxh0vxWOzGuaHejn092fal5ZXe0wP5rqm5xVneMbURWCcvmYjHEImEUchlokvLK4edSNRCYKO8GiIkKi/QSl4NpxKVFlgeH5xIpRKjVvJqOJGorMDy+ODEl8+r104e3x/dmTFsX88rUUmBFXO4lEolRk+dOBB9/PQ9srvSMIwO2/fxSFROYP2etyOTRi63DfcevHZNolICmwVGujPpqkRlBLZKWzclKiGQJW3TnUl0Zw3cf/gG3VkDRjppOy6LROkFUtLWSG9KnJ5ZQP+RAtP4dhKlFsiTtkY6ySyvRiuJ0gp0mrZUrCRKKdAqbbuzBp7NfiB/w1hpJjHkyie5iF239YL16k88f/V29ft6dTLiyww4KY8PTsRjsct+yqsnFAqttfk9CVZqaXtwz25f5dW+fWvVH+Urt2dvSbEH8nZb0TTKAyQIEa/T1opm8oCACxTVbZ1iJQ8IsEDR3ZaXVvKAgAp0q9tSsZMHAIFLYUraFvJduHShH9MzC8LnwSIPAAJ1kK4t20N788lHT97h4vk+9BS2ez4PVnlAgJZw0NPWikAI9KvbNkKVBwRgCQeh2wJ88gDA1y4clG7LKw/wMYWD2m2p7/dlDwxyt6XiuUBZ09YKTwXK0G2peCZQlm5LxROBMnVbKq6nsGzdloqrB2kZuy0V15awamlrhSsCZe62VIQvYdm7LRWhXViFbktFWAqr0m2pCNkDVeq2VBwL1CVtrXAkUMVuS4VboKrdlgqXQJW7LRVyCqvebamQDtI6dFsqzEtY97S1gkmgTt2Wiu0S1q3bUmnZhXXstlQsU1jXbkul6R6oc7el8p/ArbSl8Y/ArW5L56/ArW7LRxhgO6p4IVE2eQAQppzz3Dw8yygPANpCCK9t/slWiwv5Lly/OiR0ErLKA4Dw1PzH+bMDPW2fvn47Wshl2tsj3l7Yklke8GcP9Eui7PKAuhT2WqIK8oCGc6BXElWRBzRpIm5LVEkeYNGF3ZKomjygxQNV0RJVlAfYPJEWJVFVeQDDI32nElWWBzD+JsIrUXV5AOFXOapEHeQBxJsJrBJ1kQdwXO2wk6iTPIDzboyVRN3kAQ5uZzVK3Nj4pZ08QMAl881/7h8bA0Kh9Wq1PHLnxU0RE9OKilksVcxiye95+MFvz/ECEib7nhUAAAAASUVORK5CYII);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawObjEditorToolbar > .drawObjEditorBtnPolygon, .editObjEditorToolbar > .drawObjEditorBtnPolygon {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAABmJLR0QA/wD/AP+gvaeTAAAFNUlEQVR4nO2cT2wUVRzHv79ZyrYlFtAoQblAxAuSaOKFYJtwERpsTMT6J7aJxO5sMWnZWaD7Bw5zgO62DTtbmgi7LSmJPVCwHmwIfy4kVMLJaIJcxMAFMWgErCllkZ2fhwJhy/6Z5bUzbed9Trvz3pv3y2ffv/nzFpBI5hlMvqgRt7tWNZLo1XVdsbveUpQVUGPjCY8aTaaJEZqtgApD7TczS4+paqrC/roLY1lgW9sh7/K1N4bBaJnNgErQjBfvjWhaosrBGHKwJPAL3ViWeSF7DkzbZjugkhAaJqrojBqKL3U6FMCCwJZocsXiDM6DUWdHQJZg1EHxXmzdm3jN6VCKCmzZ17daMXkMwFs2xVMO60wTY/59vWudDKKgQF8osU7JPhwDwdEAi0OrOWuO+aKGYz9wXoH+ULKOFLoIwPEuYoEVxDjvDyUdGWJo+gH/3kQDmzQMYM7MdBbJMNPn/fHAiJ2V5rRAX8RoZpNGMP/kAYCXiIfVsGHrMsvz+IMvmthJoMMAFtkZwAyjgNDwzrv193/84cxFeyqUCJEzBvoiRjMBRwHMqculMsiC0ZqOawN2VSgnEUGeEQhMLWNY4e8BFLxcSse0vGVnCzVicJHku2TSB6muwAXbAnpE3jEw1RW4wCZvBPC7zfE8D7eYsMkJeUCRSaS/K3jF9CyqBeOqnQGVB18nj1Lb36n97FQERWfhgf1t102FagE4FmARrigKalP7dzr6A5dcxgx0Bm498GITCI50kbwQLsDMbDxyIOj4EGNpHXhM1+56//W8B2JbZ7i8MEaXTPKWdFf4H6dDAcpYSPf1tWfuXF31CQi2rbHy8A1uV28zjOCkgzGIwqSGE9121zpVJ9u6dJJI5j5PukS4Z6DYSn/eEd/TUlZ3VyNGB4g43RnoKadczq2rl978qJyyc5a/f/m2rPz+aLKJmeNghj+SvJ2KBY5aLev621n+vYkGZh7EVG8kBqd84aTlx7euFuiPGBvYpOPI7YkeIgxZfcbiWoFqKLGegVMAqp9N5UpWeLQ1fPDtUudxpcAdYWMNFDoLYHmRbDUmKWd9kYNvFDuX6wS27u55JUs4DWClhewvE5TTatQomNdVAtv0QzVmRcUZAEVb1TTWgHF2R/jrvK3VNQI1LVGVeZAdBbjkuJaH9VnKnGre3bNkeoIrBDY2nvBMVNKQ4AtSG6orPMd1Xc9ZO7tAINOy12+kAHwofCbQ+zfv1ww+fVNjwQtUw0YXgb6csRMSNfkiyd7HX+fzWwiWSMeDHQA6CqUXetpn9anjgm+Bs40UKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKIgUKMiCfzdGDSe6QbSn7HLFd8h3p2NaCHBBC0zHtRCDLe/7KAnzUDoWCD/+uuAFAsR3f1vln5GtuozRVyvHtwP0pHW6QCBw8uTH2SWTaBbcNH4JldWf6rr+8OmDrhAIAIYRnPQu9jQA9NNzFL/sYe/WtO6/Nz3BNQIBoE9vH/8PymYAv5ZR7BoImw/Hv7qTL9FVAgFgMNb+l4dRD+APC9n/ZJj16U6tYF7XCQSAw3HtGkzeDCBvq3rEuMLmlv7YrqKt1ZUCASDdFbxMwFYAE3mSJ8mkhiPxXSXHS9cKBIBUTLtECn8G4OmZNUtAk9V/QnK1QABIHQiOEtF2AAyACeRPxbTvrJbPuZQrd6f3QiHVGRhSo8mVjz7P3FWLRDLr/A/R6Izynyg2aQAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawObjEditorToolbar > .drawObjEditorBtnText, .editObjEditorToolbar > .drawObjEditorBtnText {
	background: url("/transition/resources/icons/flaticon/text-64px.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawObjEditorToolbar > .drawObjEditorBtnDel, .editObjEditorToolbar > .drawObjEditorBtnDel {
	background: url("data:image/png;base64,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");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawObjEditorToolbar > .drawObjEditorBtnClean, .editObjEditorToolbar > .drawObjEditorBtnClean {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAWQAAAFkBqp2phgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIDSURBVDiNjdNPSJNhHAfw77N3W+7PS+t5V+nQvbr1TpdbThZNhdUOg7p4sUNbFy9WdPEyLx4c5C2wU4cukgZRdIhA6CAUSBCxQ0FtjlYWvimZsNeMd8uBa08Xlf15rT3wO/2ez/f5PfA8YIzhfwWA9h21LF6w25Ylq2m8ptcM9vGWD28ifawyEmbJHmfeZWmZbCpgHz8f6mXxjuOsMhJmrC5Ej0MWIYT6eMvSzJku/7y8ibmgB2Svd+u0KABIeHhzkeydpImfDnr9OXUH0RM2mDhdw77Iq3S2YQJCCBV4/u3jkNRZrjAMt1HNCVd/l7C9u7uuq8cOV89SbPq+OLa2k3eajxyKh19n0+9/FeP6enzzzhO/0OaE4BCFaHI0/6L7mN2q5xpwRi1GGGNbOi0MAK2iRC5OPxCiuZ/5QvmPJgYAAoCKnt7U2O1Hp/Zx9fohf2aLyVFltsNkj6dyNRgAOK/PvyB6+88GL8U072u1CcTQKpomHs7JsloYqsYAoKOUOjrbTyKXeqkZoGx8w7O7UxlFVYP1GAA4o9GoD/QHzm18SZtLZQJ7u6sG30tcSX//+jGihQGA21KU1I3r17jQwECgOqQZDAAHL7HL7Z68HLua2C6UhNX1Taxk3q3In5ZD/8IAaj+TW5LGB8PnswaDoQBgAcB8Vc0CoABmADgATDHG8BdkHEqf43D3RQAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}

.drawObjEditorToolbar > .drawObjEditorBtnModify, .editObjEditorToolbar > .drawObjEditorBtnModify {
/*	background: url('data:image/png;base64,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'); */
	background: url("/transition/resources/icons/flaticon/optimization-64px.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
}