@charset "utf-8";

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
}
:focus-visible {
   outline: none;
}
.noselect {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.nowrap {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

.clarify-container {
   display: flex;
   position: relative;
   width: 100%;
   height: 32px;
   border: 1px solid #ccc;
   border-radius: 2px;
}
.clarify-input {
   width: calc(100% - 80px);
   line-height: 22px;
   padding: 0 8px;
   font-size: 12pt;
   background-color: #fff;
   border: none;
}
.clarify-item-button {
   display: inline-block;
   width: 40px;
   height: 30px;
   border-left: 1px solid #ccc;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 22px;
   cursor: pointer;
}
.clarify-item-button:active {
   background-color: #eee;
}
.clarify-item-button:active {
   background-color: #e0f7fa;
}

.clarify-clear-input {
   background-image: url('img/backspace.svg');
   z-index: 1000;
}
.clarify-button {
   background-image: url('img/geo.svg');
   background-size: 16px;
}
.clarify-remove-button {
   background-image: url('/img/clarify-remove.svg');
}

.clarify-search-result {
   width: 100%;
   max-height: 340px;
   background-color: #fff;
   border: 1px solid #eee;
   border-top: none;
   border-radius: 2px;
   overflow-x: hidden;
   overflow-y: auto;
}
.clarify-search-item {
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 32px;
   background-image: url('img/drop.svg');
   background-repeat: no-repeat;
   background-position: left 8px center;
   background-size: 16px;
   font-family: 'Nunito';
   font-size: 10pt;
   cursor: pointer;
}
.clarify-search-item:hover {
   background-color: #eee;
}
#clarify-search-more {
   display: none;
   width: 100%;
   height: 32px;
   line-height: 32px;
   text-align: center;
   color: #007cdf;
   cursor: pointer;
}

/* Вікно уточнення */
#clarify-geowindow {
   display: none;
   position: fixed;
   width: 600px;
   height: 500px;
   min-width: 100px;
   min-height: 200px;

   background-color: #fff;
   border-radius: 2px;
   box-shadow: 1px 1px 36px 1px #888;

   z-index: 9999;
}
#clarify-top-bar {
   display: flex;
   justify-content: space-between;
   width: 100%;
   height: 38px;
   border-bottom: 1px solid #ddd;
   overflow: hidden;
}
.clarify-tophandler-close {
   display: inline-block;
   align-self: flex-start;
   width: 44px;
   height: 38px;
   border-radius: 50%;
   background-image: url('img/back.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 24px;
   cursor: pointer;
}
.clarify-tophandler-close:active {
   background-color: #d0daff;
}
#clarify-map-buttons-block {
   position: relative;
   display: inline-flex;
   align-self: center;
}
.clarify-map-button {
   display: inline-block;
   width: 44px;
   height: 38px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 28px;
   cursor: pointer;
}
#clarify-google-button {
   background-image: url('img/GoogleMapsSchemeSel.png');
}
#clarify-satellite-button {
   background-image: url('img/GoogleMapsSputnikSel.png');
}
#clarify-visicom-button {
   background-image: url('img/VisicomLogoSel2.png');
}
#clarify-openstreet-button {
   background-image: url('img/OpenStreetLogoSel3.png');
}
.clarify-map-button-selected {
   background-color: #ddd;
}
#clarify-add {
   display: inline-flex;
   width: 50px;
   height: 38px;
   float: right;
   align-self: flex-end;
   background-image: url('img/check.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 34px;
   cursor: pointer;
}
#clarify-add:active {
   background-color: #d0daff;
}
#clarify-map {
   width: 100%;
   height: calc(100% - 38px);
}
#clarify-marker {
   position: absolute;
   top: calc(50% - 21px);
   left: calc(50% - 21px);
   width: 42px;
   height: 42px;
   background-image: url('img/target.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 42px;
   z-index: 9999;
}

.clarify-filter-result {
   width: 100%;
   max-height: 220px;
   background-color: #fff;
   border: 1px solid #eee;
   border-bottom: none;
   border-radius: 2px;
   overflow: hidden;
   z-index: 1100;
}
.filter-state-block,
.filter-city-block {
   display: inline-block;
   padding: 4px 6px;
   float: left;
   width: 50%;
}
.filter-block-label {
   padding: 0;
   margin: 0;
   padding-bottom: 4px;
   font-family: 'Nunito';
   font-weight: 500;
   font-size: 10pt;
}
.filter-state-item,
.filter-city-item {
   display: block;
   font-family: 'Nunito';
   font-size: 10pt;
}
.filter-checkbox-label {
   display: block;
   width: 100%;
   height: 24px;
}
.filter-checkmark {
   display: inline-block;
   left: 0;
}
.filter-text-label {
   display: inline-block;
   position: absolute;
   left: 24px;
   width: calc(100% - 22px);
   height: 24px;
   overflow: hidden;
}

/* Чекбокси */
.custom-checkbox{
   display: inline-block;
   position: relative;
   cursor: pointer;
   overflow: hidden;
}
.custom-checkbox input {
   opacity: 0;
   height: 0;
   width: 0;
}
.checkmark {
   position: absolute;
   top: 0;
   right: 0;
   height: 20px;
   width: 20px;
   background-color: #fff;
   border: 2px solid #777;
}
.custom-checkbox:hover input ~ .checkmark {
   border-color: #555;
}
.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}
.custom-checkbox input:checked ~ .checkmark:after {
   display: inline-block;
}
.custom-checkbox .checkmark:after {
   top: 2px;
   left: 5px;
   width: 6px;
   height: 10px;
   border: solid #444;
   border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}
.country-limit-item {
   float: right;
   height: 32px;
   margin-right: 8px;
   font-size: 10pt;
   overflow: hidden;
}
.region-limit,
.country-limit {
   height: 32px;
   line-height: 32px;
}
.region-limit {
   width: 70px;
   margin-right: 8px;
}
.country-limit {width: 84px;}
.country-limit-checkmark {
   top: 6px;
}

/* New redaction (2023.02.27) */
.searchResultBlock {
   display: none;
   position: absolute;
   top: 36px;
   width: 100%;
   box-shadow: 2px 2px 8px 0px #888;
   z-index: 1100;
}
.cpr-result-block {
   border-bottom: 2px solid #dcdcff;
   background-color: #f3f7ff;
}
.filter-box {
   display: block;
   position: relative;
   width: 100%;
   background-color: #fff;
   overflow: hidden;
}
.filter-top-panel {
   height: 32px;
   width: 100%;
   overflow: hidden;
}
.filter-toggle {
   display: inline-block;
   width: 28px;
   height: 28px;
   margin-top: 2px;
   margin-left: 8px;
   line-height: 24px;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 22px;
   background-image: url(/img/filter2.svg);
   cursor: pointer;
}
.filter-items-block {
   display: none;
   position: relative;
   width: 100%;
   max-height: 180px;
   background-color: #d8d8d8;
   color: #000;

   overflow-x: hidden;
   overflow-y: auto;
}

.add-button {
   background-image: url('/img/clarify-add.svg');
}

.clarify-more-actions {
   display: inline-block;

   width: 28px;
   height: 30px;

   background-image: url('/img/clarify/context.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 20px;

   cursor: pointer;

   z-index: 1050;
}
.clarify-button:hover,
.clarify-item-button:hover,
.clarify-more-actions:hover,
.clarify-clear-input:hover {
   background-color: #cfe9ff;
}

/* Контекстне меню уточнення (actions) */
.context-menu {
   position: absolute;
   display: none;
   padding: 8px;
   border: 1px solid #ddd;
   border-radius: 2px;
   box-shadow: 0 0 1px 0px #888;
   background-color: #fff;
   z-index: 3000;
}
.context-item {
   width: 100%;
   padding: 6px 4px;
   margin: 0;
   cursor: pointer;
}
.context-item:hover {
   background-color: #eee;
   color: #006dd8;
}

.clarify-region-item {
   background-color: #e0f7fa;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
   border: none;
}
.leaflet-bar a {
   width: 44px !important;
   height: 44px !important;
   border-radius: 50% !important;
   line-height: 44px !important;
   opacity: 0.8;
   border: none;
}
.leaflet-touch .leaflet-bar a:first-child {
   margin-bottom: 12px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
   background-position: -24px 6px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
   background-position: -84px 6px;
}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
   background-position: -143px 6px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
   background-position: -174px 6px;
}

/*@media screen and (min-width: 520px){}*/