html,
body,
#container, #container_parcel {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#container_parcel {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
}

body {
    padding-top: 50px;
}

input:not(.form-check-input)[type="radio"],
input:not(.form-check-input)[type="checkbox"] {
    margin: 0;
}

#search_form {
    min-width: 295px;
}

#menu_person_link, #menu_parcel_link {
    min-width: 270px;
}
/*
#menu_user_item {
    min-width: 155px;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
}
*/

@media (min-width: 1220px) { #menu_user_item { max-width: 500px; } }
@media (min-width: 1140px) and (max-width:1219px) { #menu_user_item { max-width: 400px; } }
@media (min-width:1030px)  and (max-width:1139px) { #menu_user_item { max-width: 300px; } }
@media (min-width:992px) and (max-width:1029px) { #menu_user_item { max-width: 155px; } } 
@media (min-width:630px) and (max-width:991px) { #menu_user_item { max-width: 600px; }}
@media (min-width:430px) and (max-width:629px) { #menu_user_item { max-width: 400px; }}
@media (max-width:429px) { #menu_user_item { max-width: 300px; }}



#menu_login_item, #menu_logout_item {
    min-width: 85px;
}


#sidebar, #sidebar-filter {
    display: block;
    width: 260px;
    height: 100%;
    max-width: 100%;
    float: left;
}
#sidebar-filter {
    width: 350px;
}

.sidebar-wrapper {
    width: calc(100% - (3px));
    height: 100%;
    position: relative;
    float: left;
}

.split-bar {
    background-color:gray;
    height:100%;
    float: right;
    width: 3px;
    cursor: ew-resize;
}

#sidebar-hide-btn, #sidebar-filter-btn {
    margin-top: -2px;
}

#results-head, #filters-head, #info-head {
   background-color: #f5f5f5;
}

#features, #feature-list, #feature-single, 
#parcel_info, #cabinet_page,
#query-filter-list, #all-filter-list
 {
    margin: 0px;
    padding: 4px;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#feature-list, #feature-single {
    overflow: auto;
}

#feature-list-item:not(.not-feature-border), #feature-list-objitem, #feature-list-addritem, #feature-list-zoneitem {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 4px 4px;

}

#feature-list-anchor, .anchor-link, .anchor-link-dark, .button-link, .button-link {
  cursor: pointer;
}
.anchor-link { color: #007bff !important; }
.anchor-link:hover { color: #0056b3 !important; }
.anchor-link-dark { color: black !important;}
.anchor-link-dark:hover { color: black !important;}


#feature-list-anchor:hover, .anchor-link:hover, .anchor-link-dark:not(.button-link):hover {
  text-decoration:underline;
}

.person-card, .parcel-full-card {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 4px 4px;
}
.parcel-full-card {
  padding: 4px;
}

.parcel-card-top {
  color:SaddleBrown;
  font-size:0.6em;
  /* my-n1 pl-1 */
  margin-bottom: -0.25rem !important;
  margin-top: -0.25rem !important;
  padding-left: 0.25rem !important;
}
.userobj-card-top {
  color:Orange;
  font-size:0.6em;
  /* my-n1 pl-1 */
  margin-bottom: -0.25rem !important;
  margin-top: -0.25rem !important;
  padding-left: 0.25rem !important;
}
.userobj-card-bottom {
  color:gray;
  font-size:0.6em;
  /* my-n1 pl-1 */
  margin-bottom: -0.25rem !important;
  margin-top: -0.25rem !important;
  padding-left: 0.25rem !important;
}
.address-card-top {
  color:DarkViolet;
  font-size:0.6em;
  /* my-n1 pl-1 */
  margin-bottom: -0.25rem !important;
  margin-top: -0.25rem !important;
  padding-left: 0.25rem !important;
}
.zone-card-top {
  color:ForestGreen;
  font-size:0.6em;
  /* my-n1 pl-1 */
  margin-bottom: -0.25rem !important;
  margin-top: -0.25rem !important;
  padding-left: 0.25rem !important;
}

.pcard-fld
{
  min-width:220px;
}
.fltcard-fld
{
  min-width:350px;
}


.text-ellipsis
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-ellipsis2 {
  display: block;
  display: -webkit-box;
  /*max-width: 100%;*/
  min-height: 1.1em;
  max-height: 2.5em;
  /*line-height: 1;*/
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scrollable-list {
   height: 100%;
   overflow-y: auto;
}

.flex-box {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.flex-row-header {
  flex: 0 1 auto;
  /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
}
.flex-row-content {
  flex: 1 1 auto;
}
.flex-row-footer {
  flex: 0 1 20px;
}

.progress-bar-full {
    width: 100%;
}

.white {
    color: #FFFFFF;
}

.card-heading {
/*    width: 250px;*/
}

.card-title {
    margin-bottom: 0.1rem;
}

.card-body {
    padding: 0.10rem;

}

.feature-row {
    cursor: pointer;
/*    width: 250px;*/
}

#main_map {
    width: auto;
    height: 100%;
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
}



#search_txt {
    width: 250px;
}

.lglyph {
    display: inline-block;
    margin: 2px;
    height: 16px;
    width: 20px;
}

.tglyph {
    font-size: 10px;
    margin: 0px;
    text-align: left;
    padding: 0px;
    vertical-align: top;
}
.tglyph-w {
    font-size: 8px;
    margin: 0px;
    text-align: left;
    padding: 0px;
    vertical-align: top;
}

.gl_checked {
   color: black;
}
.gl_unchecked {
   color: gray;
}

.gl_checked  .img_unchecked,
.gl_unchecked  .img_checked {
   display:none !important;
}
.gl_checked  .img_checked,
.gl_unchecked  .img_unchecked {
   display:block !important;
}

.gl_checked > .tglyph, .gl_unchecked > .tglyph,
.gl_checked > .tglyph-w, .gl_unchecked > .tglyph-w  {
   font-weight: bolder;
}

.marker-cluster {
	outline: none;
}

.marker-cluster-blue {
	background-color: rgba(82, 218, 255, 0.6);
	}
.marker-cluster-blue div {
	background-color: rgba(0, 171, 220, 0.6);
	}

.marker-cluster-pink {
	background-color: rgba(247, 130, 204, 0.6);
	}
.marker-cluster-pink div {
	background-color: rgba(244, 82, 185, 0.6);
        color: white;
	}

.marker-cluster-gray {
	background-color: rgba(214, 221, 229, 0.5);
	}
.marker-cluster-gray div {
	background-color: rgba(187, 197, 211, 0.5);
        #color: white;
	}


.marker-cluster-little {
	background-clip: padding-box;
	border-radius: 15px;
	}
.marker-cluster-little div {
	width: 22px;
	height: 22px;
	margin-left: 4px;
	margin-top: 4px;

	text-align: center;
	border-radius: 11px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster-little span {
	line-height: 22px;
	}


.leaflet-panel-layers,
.leaflet-panel-layers * {
    box-sizing: content-box !important;
    margin-bottom: 0px;
}

.leaflet-panel-layers-icon {
	line-height: 18px;
	height: 20px;
}

.leaflet-panel-layers-title span
{
     padding-right: 2px;
}
.leaflet-panel-layers {
    cursor: default;
}

.leaflet-panel-layers-overlays .leaflet-panel-layers-item {
    background: rgba(255,255,255,0.6);
    margin-bottom: 0px;
}
.leaflet-panel-layers-overlays .leaflet-panel-layers-group .leaflet-panel-layers-item {
    margin-bottom: 1px;
}

.leaflet-panel-layers.expanded .leaflet-panel-layers-group .leaflet-panel-layers-icon,
.leaflet-panel-layers-group.expanded .leaflet-panel-layers-icon {
	text-align: left;
}


.leaflet-panel-layers.expanded  {
    min-width: 255px !important;  
}

.leaflet-panel-layers-group {
 padding: 2px 3px;
}

.leaflet-panel-layers-separator {
    height: 4px;
    margin: 4px 4px 0 4px;
} 

.label-cell {
	display: inline-block;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 500;
	min-width: 17px;
	padding: 3px 3px 2px;
	margin: -3px 0 -3px;
	text-align: center;
	border-radius: 8px;
	color: #fff;
}

.leaflet-control-measure h3,  .leaflet-measure-resultpopup h3 {
       font-size: 14px;
       font-weight: bold;
}

.leaflet-bar.muffled,
.leaflet-bar button.muffled {
  opacity: .6;
}

.leaflet-pointer:not(.leaflet-drag-target)  {
	cursor: pointer !important;
	}


.leaflet-verticalcenter {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    top: 50%; /* possible because the placeholder's parent is the map */
    transform: translateY(-50%); /* using the CSS3 Transform technique */
    padding-top: 10px;
}

.leaflet-verticalcenter .leaflet-control {
    margin-bottom: 10px;
}

.leaflet-horizontalcenter {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    left: 50%; /* possible because the placeholder's parent is the map */
    transform: translateX(-50%); /* using the CSS3 Transform technique */
    padding-top: 10px;
}

.leaflet-horizontalcenter .leaflet-control {
    margin-right: 10px;
}

.leaflet-edit-marker-selected {
    background-color: inherit;
    border: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    box-sizing: inherit;
}

img.leaflet-tile {
    /* work-around from here: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
    mix-blend-mode: plus-lighter;
}

.range-slider {
  margin: 5px 0 0 0%;
}

.range-slider {
  width: 100%;
}

.range-slider__range {
  width: calc(100% - (48px));
}
.range-slider__value {
  display: inline-block;
  position: relative;
  width: 35px;
  color: #fff;
  line-height: 10px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50;
  padding: 5px 3px;
  margin-left: 8px;
  top: -5px;
}
.range-slider__value:after {
  position: absolute;
  top: 3px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #2c3e50;
  border-bottom: 7px solid transparent;
  content: '';
}

.colorpicker-sample {
  border-style:solid;
  border-width:thin;
  border-color:black;
  min-width:20px;
  width:20px;
  height:20px;
}

.colorpicker-sample:not(.no-cursor) {
  cursor: pointer;
}

.colorpicker-container {
  width:100%;
  height:22px;
  display:block;
}

.ui-front {
  z-index: 2000;
}

.right-table-row-primary {
  background-color: lightBlue;
}
.right-table-row-primary:hover {
  background-color: rgba(173, 216, 230, 0.7) !important;
}
.right-table-row-second_perm {
  background-color: AquaMarine;
}
.right-table-row-second_perm:hover {
  background-color: rgba(127, 255, 212, 0.7) !important;
}
.right-table-row-second_temp {
  background-color: lightGreen;
}
.right-table-row-second_temp:hover {
  background-color: rgba(144, 238, 144, 0.7) !important;
}
.right-table-row-second_restr {
  background-color: Khaki;
}
.right-table-row-second_restr:hover {
  background-color: rgba(240, 230, 140, 0.7) !important;
}
.right-table-row-restriction {
  background-color: SandyBrown;
}
.right-table-row-restriction:hover {
  background-color: rgba(244, 164, 96, 0.7) !important;
}
.right-table-row-mortgage {
  background-color: indianRed;
}
.right-table-row-mortgage:hover {
  background-color: rgba(205, 92, 92, 0.7) !important;
}

.right-table-row-partial
{
  background-color: darkgray;
}
.right-table-row-partial:hover {
  background-color: rgba(169, 169, 169, 0.7) !important;
}


.right-table-row-unknown {
}
.right-table-row-unknown:hover {
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #343a40;
  background-color: #343a40;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(52, 58, 64, 0.5);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(52, 58, 64, 0.5);
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #343a40;
  background-color: #343a40;
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(52, 58, 64, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(52, 58, 64, 0.5);
}


.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
  align-items: flex-start;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text {
  font-size: 1.5rem !important;
}

.leaflet-tooltip:has(>.hidden-tip)
{
display: none;
}

.leaflet-tooltip
{
    max-width: 60vw;
    width: max-content;
    white-space: normal;
}



.marker-sales
{
  background-color: white;
  color: black;
  width: fit-content !important;
  height: fit-content !important;
  /*border: 1px solid black;*/
  border-radius: 3px;
  padding: 1px 3px 1px 3px;
  border: 1px solid #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.marker-sales a
{
  color:black;
  /*display: inline-flex !important; */
  white-space:nowrap !important;
}
@media print {
 .marker-sales a
 {
   text-decoration: none !important;
 }
}

.marker-sales:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}
.marker-sales {
	margin-top: 3px !important;
}
.marker-sales:before {
	left: 0%;
	margin-left: 0px !important;
	}
.marker-sales:before {
	top: 0;
	margin-top: -12px !important;
	margin-left: 0px !important;
	border-bottom-color: #fff;
	}



.nav-tabs .nav-link.active {
    color: #0078A8;
}

.nav-tabs .nav-link:not(.active) {
    color: #495057;;
}

/* square block border for leaflet popups */
.leaflet-popup-content-wrapper {
    border-radius: 0px;
}

/* highlight mode buttons with border */
/* easy buttons higglight */
.mode-btn-hlt {
    border: 3px solid rgb(32, 116, 182)!important;
}
.mode-btn-hlt .button-state {
   left: -3px;
   top: -3px;
}
.easy-button-button .button-state {
   width: 14px;
   height: 23px;
}
.leaflet-touch .easy-button-button .button-state {
   width: 18px;
   height: 27px;
}

/* leaflet.draw highligh */
.leaflet-draw-toolbar .leaflet-draw-draw-polyline.mode-btn-hlt {
	background-position: -5px -5px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline.mode-btn-hlt {
	background-position: -3px -4px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon.mode-btn-hlt {
	background-position: -34px -5px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon.mode-btn-hlt {
	background-position: -32px -4px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-rectangle.mode-btn-hlt {
	background-position: -65px -5px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle.mode-btn-hlt {
	background-position: -63px -4px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-marker.mode-btn-hlt {
	background-position: -125px -5px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker.mode-btn-hlt {
	background-position: -123px -4px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-circle.mode-btn-hlt {
	background-position: -95px -5px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle.mode-btn-hlt {
	background-position: -93px -4px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker.mode-btn-hlt {
background-position: -275px -5px;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker.mode-btn-hlt {
	background-position: -274px -4px;
}

#feature_info_popup .form-control-sm {
	border-width: 1px
}

#feature_info_popup .form-control-sm:focus {
	border-width: 2px
}


@media ( width<=500px ) {
.leaflet-control {
  transition: opacity 1s;
}
.leaflet-container:has(.leaflet-popup)
  :is(.leaflet-control-container, .leaflet-control-container *) {
  pointer-events: none;
}
.leaflet-container:has(.leaflet-popup) .leaflet-control {
  opacity: 0;
}
}