/*----------------------------------------------
Card
------------------------------------------------*/
.iq-card { background: var(--bs-body-bg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; border: none; -webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06); -moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06); box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06); }
.iq-card-body { padding: 20px; }
.iq-card .iq-card-header {
	padding: 0px 20px;
/* 	min-height: 60px; */
	border-bottom: 1px solid #f2edff;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.iq-card .iq-card-header .iq-header-title { display: inline-block; align-self: center !important; }
.iq-card .iq-card-header .iq-header-title .card-title { margin-bottom: 0; }
.iq-card-header-toolbar .nav-item a { color: #393c52; padding: 4px 12px; font-size: 14px; font-weight: 600; font-family: 'Nunito', sans-serif; }
.iq-card-header-toolbar .dropdown-toggle i { font-size: 22px; line-height: normal; color: #393c52; }
.iq-card-header-toolbar .dropdown-toggle::after { display: none; }

.pc-container {
    min-height: calc(100vh - 135px);
}


.custom-logo-text{
	display: flex;
    flex-wrap: nowrap;
    align-items: end;
}

.custom-logo-text .custom-lt-img {
    margin-right: 6px;
}

.nav-logo-1 {
    max-width: 34px;
}

.custom-lt-title,
.custom-lt-subtitle{
	line-height:1.2;
	margin-bottom: 0;
	color: var(--bs-white);
	font-family: var(--body-font-title);
}
.filter-white {
    filter: brightness(0) invert(1);
}

.map-container {
    height: calc(100vh - 240px);
}
.right-sidebar-content {
    position: absolute;
    right: 15px;
    top: 15px;
    background: white;
    width: 300px;
    padding: 10px;
    max-height: 100%;
    overflow: auto;
    border-radius: 5px;
    padding: 0;
}
.right-sidebar-content .iq-card-header.sidebar-header {
    position: sticky;
    z-index: 1;
    top: 0;
    background: white;
    padding: 7px 20px !important;
}
.right-sidebar-content .card-title {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
}
.right-sidebar-content .iq-card-header i{
    font-size: 18px;
}
.right-sidebar-content  ul{
	list-style-type:none;
}

 .right-sidebar-content .sidebar-content{
/*    max-height: 520px; */
    max-height: calc(100vh - 310px);
 } 
.right-sidebar-content .sub-header {
	display: flex;
    align-items: center;
}
.right-sidebar-content span.sub-title {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    display: block;
    margin: 0 10px;
}
span.border-left {
    border: 1px solid black;
    width: 25px;
}
span.border-right {
    border: 1px solid black;
    width: 100%;
}
 .ol-popup.default > div {
    background-color: #fff;
    border: 1px solid #69f;
    border-radius: 5px;
}
 .ol-popup.ol-fixPopup {
    min-width: 200px;
}
 .ol-popup .ol-header{
    padding: 5px 15px;
 }
  .ol-popup .ol-title{
    font-size: 1.125rem;
    margin-bottom: 0;
 }
.ol-popup.ol-fixPopup .ol-popup-content {
    padding: 0 !important;
    margin: 0 !important;
}
.ol-popup.ol-fixPopup .closeBox {
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
    margin: 0;
    background: no-repeat;
    background: transparent;
    border: 0;
    color: white;
    font-weight: 500;
    font-size: 12px;
    font-family: system-ui;
    background: black;
    height: 24px;
    width: 24px;
    border-radius: 50%;
}
.ol-popup .closeBox::before {
    content: "X";
    font-size: 1.5em;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    line-height: 1em;
    margin: -0.5em 0;
    position: absolute;
}
.ol-popup.ol-fixPopup  p {
    margin-bottom: 0.5rem;
}
.ol-popup.ol-fixPopup p:last-child {
    margin-bottom: 0rem;
}
.ol-popup table {
    margin-bottom: 0rem;
}

.hide{
	display:none
}

.map-btn{
	position: absolute;
	z-index: 0;
	display: grid;
}
.map-btn .btn{
    width: 35px;
    height: 35px;
/*     border-radius:50%; */
    display: flex;
    align-items: center;
    justify-content: center;
/*     margin-bottom: 1px;  */
/*     color: white; */
    box-shadow: var(--bs-box-shadow) !important;
/*     background-color: #26d796 !important; */
/*     border-color: #1ad590 !important; */
    min-width: 100%;
    border-radius: 5px;
} 
.map-btn .btn:hover{
/*     background: var(--bs-dark) !important; */
/*     color: #26d796 !important; */
/*     border-color: var(--bs-dark) !important; */
} 
.map-btn .btn i {
    margin-right: 0;
}
.left-top {
    top: 15px;
    left: 15px;
}
.left-middle{
	top: 50%;
    left: 30px;
  	transform: translate(-50%, -50%);
}
.left-bottom{
	bottom: 15px;
    left: 15px;
}

.right-top {
    top: 15px;
    right:15px;
}
.right-middle {
	top: 50%;
    right: 15px;
  	transform: translate(-50%, -50%);
}
.right-bottom {
    bottom: 15px;
    right: 15px;
}


.bottom-middle{
	 left: 50%;
	 bottom: 15px;
	 transform: translate(-50%, 0%);
}
.bottom-middle .btn{
	width: fit-content;
	border-radius:5px;
	transition: 0.5s;
}

.iq-card .iq-card-header .collapsed .ri-subtract-line:before , .iq-card .iq-card-header .collapsed .ri-subtract-fill:before{
      content: "\ea12";
}


.ol-zoom {
    top: .5em;
    left: .5em;
    display: none;
}