@import url(https://fonts.googleapis.com/earlyaccess/amiri.css);
/* background-color:white; */
/* margin-top: -3%;
padding-bottom: 2%;
padding-top: 2%; */

.leaflet-control-layers{
background-color: rgba(15, 120, 55, 0.356);
}
.leaflet-container a {
color: var(--Prim);
}
/* Hide the arrow in the tooltip */
.leaflet-tooltip.p_number::before {
  border: none;  /* Set border to none to hide the arrow */
}

#makeRedButton , #suspendSaleButton,#hidenum,#shownum {
  color: white;
  border-radius: 6px;
  background: rgba(15, 120, 55, 0.356);
  padding: 2px;
}
#point-control {
/* border: 1.5px solid rgb(75, 75, 75); */
direction: rtl;
position: fixed;
background-color: rgba(15, 120, 55, 0.356);
border-radius: 8px;
top: 76px;
right: 12px;
padding: 3px;
z-index: 1000;
text-align: right;
}
.point-boreder{
border: 1.5px solid rgb(120, 120, 120);

}

.point {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 5px;
border-radius: 50%;
}

.label {
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: bold;
margin-right: 6px;
color:white;
}
.green { background-color: #4ce310; }
.purple { background-color: purple; }
.orange { background-color: orange; }
.red { background-color: red; }
 
#map {
/* 
height: 560px;
width: 1200px;  */
width: 100%;
height: 100%;
position: absolute !important;
}

.map-sec-item{
/* max-height: 760px; */
  background-image: url(images/Etqaan_Logo.png);
  background-color: #f1f3f5;
  background-repeat: repeat;
  background-size: 33.3%;
  text-align: right;
  padding: 1em 2em;

position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.map-sec-item img{
width: 100%;
}
.map-sec-item .linker {
justify-content: center;
position: absolute;
bottom: 9px;
left: 45px;
color: var(--tri) !important
}
.report-btn {
position: absolute;
left: 0 !important;
border-radius: 100px !important;
width: 40px !important;
height: 40px !important;
background: #fff !important;
border-color: var(--Prim) !important;
top: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.nav-bar-container .sign-in-button, .nav-bar-container .user-menu-button {
font-family: "GE SS Unique Light";
outline: none!important;
box-shadow: none!important;
border: none!important;
}
.nav-bar-container .sign-in-button {
color: #10325b;
background-color: #fff;
border-radius: 7px;
min-width: 119px;
height: 37px;
font-size: 1.1rem;
font-weight: 400;
text-align: center;
white-space: nowrap;
padding: 0;
}



.nav-bar-container, .nav-bar-container .logo-links-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
direction: rtl;
}
.nav-bar-container {
padding: 0 6rem;
width: 100%;
height: 100%;
min-height: 70px;
position: relative;
}
.nav-bar-container .logo-links-wrapper {
width: auto;
}
.nav-bar-container, .nav-bar-container .logo-links-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
direction: rtl;
}
.R-T-L {
direction: rtl;
}
.logo img {
height: 4.5rem;
object-fit: contain;
margin-top: .4rem;
}
.nav-bar-container .logo-links-wrapper .links-header-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
direction: rtl;
margin-right: 3rem;
margin-bottom: 0;
list-style: none;
}
.nav-bar-container .logo-links-wrapper .links-header-container .nav-link-item {
white-space: nowrap;

}

.select-button {
background-color: transparent;
color: #fff;
font-family: "GE SS Unique Light";
font-size: 1.1rem;
line-height: 1.22;
font-weight: lighter;
text-align: center;
white-space: nowrap;
border: none;
outline: none!important;
direction: ltr;
min-width: 95px;
}
.nav-bar-container .sign-in-button, .nav-bar-container .user-menu-button {
font-family: "GE SS Unique Light";
outline: none!important;
box-shadow: none!important;
border: none!important;
}
.nav-bar-container .sign-in-button {
color: #10325b;
background-color: #fff;
border-radius: 7px;
min-width: 119px;
height: 37px;
font-size: 1.1rem;
font-weight: 400;
text-align: center;
white-space: nowrap;
padding: 0;
}
.nav-bar-container {
padding: 0 6rem;
width: 100%;
height: 100%;
min-height: 70px;
position: relative;
}
.nav-bar-container, .nav-bar-container .logo-links-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
direction: rtl;
}
.nav-bar-container .logo-links-wrapper {
width: auto;
}
.nav-bar-container, .nav-bar-container .logo-links-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
direction: rtl;
}
.ant-btn>a:only-child {
color: currentcolor;
}
.nav-link {
display: block;
padding: .5rem 1rem;
/* position:  relative !important; */
}
.header {
padding-top: .4rem;
padding-bottom: .4rem;
min-height: 5rem;
}
.bg-light-navy {
background-color: #10325b;
}
.header {
z-index: 1;
position: relative;
}
#area-view{
--scroll-bar: 0;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-variant: tabular-nums;
font-feature-settings: "tnum";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
direction: rtl;
font-family: "GE SS Tow Medium";
text-align: right;
margin: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
display: block;
}
.view {
width: 100%;
}
.LandRealStateInfo{
text-align: right;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;

}
.LandRealStateInfo .Info-piece {
position: relative;
}
.LandRealStateInfo .Info-piece {
width: 100%;
}
.LandRealStateInfo .city-title {
color: var(--tri);
font-size: 23px;
font-family: "Almarai";
font-weight: 700;
}
.total-analyses {
display: flex;
flex-direction: row;
justify-content: space-between;
float: right;
overflow: hidden;
direction: rtl;
text-align: right;
width: 100%;
margin-bottom: .7em;
}
.total-analyses .analyses-card {
background-color: #fff;
width: 48%;
border-radius: 12px;
text-align: right;
padding: 1em .8em;
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
height: 70px;
}
.total-analyses .analyses-card .card-title {
font-size: 13px;
color: #868c94;
margin: 0;
}
.total-analyses .analyses-card .chat-and-number {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: .2rem;
}
.hint-label {
font-family: "GE SS Tow Medium";
font-size: 11px;
margin: .7em 0;
display: block;
width: 100%;
}
.parcels-list-title {
font-size: 16px;
color: var(--tri);
margin-top: .8em;
}
.parcels-list {
padding-bottom: 1em;
}
.parcels-list_item {
background: #fff;
border-radius: 12px;
margin-top: 1em;
}
.parcels-list .item-header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #d8d8d8;
padding: 12px;
}
.parcels-list .gather {
position: relative;
padding-right: 55px;
}
.parcels-list .gather .image-icon {
width: 48px;
height: 48px;
border-radius: 8px;
position: absolute;
right: 0;
padding: .7em;
display: flex;
justify-content: center;
align-items: center;
}
.parcels-list .gather img {
max-width: 24px;
}
.parcels-list .gather .title {
font-size: 17px;
color: var(--tri);
margin-bottom: .3em;
}
.parcels-list .parcel-average {
border-radius: 8px;
background-color: #eef0f4;
text-align: center;
}
.parcels-list .gather .parcels-total-section .number {
margin-right: .2em;
}
.parcels-list .gather .parcels-total-section {
font-size: 14px;
color: #868c94;
}
.parcels-list .parcel-average .card-title {
border-radius: 8px 8px 0 0;
font-size: 12px;
font-family: "GE SS Tow Medium";
margin: 0;
padding: 8px 10px 0;
}
.parcels-list .parcel-average .number {
font-family: "Futura-Heavy";
font-weight: 700;
font-size: 15px;
border-radius: 0 0 8px 8px;
padding: 3px 10px;
}
.parcels-list .parcel-average .CS {
font-weight: 700;
font-size: 15px;
font-family: "GE SS Unique Bold";
margin-right: .2em;
}
.parcels-list .item-content {
padding: 1em;
position: relative;
}
.parcels-list .item-info-card .card-title {
margin: 0;
font-size: 12px;
color: #868c94;
}
.parcels-list .item-info-card .last-date {
font-family: "Futura-Medium";
}
.parcels-list .item-info-card .price {
color: #0b1a2d;
font-size: 14px;
margin-bottom: .3em;
}
.number, .number-bold {
font-family: "Almarai";
}
.parcels-list .item-info-card .price .CS {
margin-right: .3em;
}
.parcels-list .item-info-card.total-parcels {
position: absolute;
left: 1em;
top: 1em;
text-align: left;
}

#area-view, #parcel-view {
width: 100%;
}
.LandInfo {
direction: rtl;
text-align: right;
padding-top: 10px;
}
.fa, .fas {
font-weight: 900;
}
.fa, .far, .fas {
font-family: "Font Awesome 5 Free";
}
.LandRealStateInfo {
text-align: right;
}
.LandRealStateInfo {
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
}

.LandRealStateInfo .Info-piece {
position: relative;
}
.LandRealStateInfo .Info-piece {
width: 100%;
}
.LandRealStateInfo .city-title {
color: #0b1a2d;
font-size: 23px;
font-family: "Almarai";
font-weight: 700;
}
.LandInfo h3 {
margin-top: 5px!important;
}
.LandRealStateInfo .neighborhood-title {
color: var(--tri);
font-size: 14px;
font-family: "Almarai";
font-weight: 400;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.report-btn {
position: absolute;
left: 0;
border-radius: 100px;
width: 40px;
height: 40px;
background: #fff;
border-color: #ececec;
top: 0;
display: flex;
justify-content: center;
align-items: center;
}
/* .btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} */
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
}
.report-btn i {
font-size: 22px;
color: var(--Prim);
}
.fa, .fab, .fad, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.parcel-actions, .parcel-actions .btn {
display: flex;
justify-content: space-between;
}
.parcel-actions {
margin-bottom: 1em;
}
.parcel-actions .btn:not(:last-child) {
margin-left: 1em;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.parcel-actions .btn {
color: var(--tri);

width: 100%;
flex-direction: column;
align-items: center;
border-radius: 10px;
background: #fff;
box-shadow: 0 0 10px hsla(0,0%,74.5%,.1);
text-overflow: ellipsis;
white-space: nowrap;
padding: 1em 0;
}
.parcel-actions, .parcel-actions .btn {
display: flex;
justify-content: space-between;
}
.parcel-actions .btn i {
/* margin-bottom: .9em; */
font-size: 21px;
}
.parcel-actions .btn img {
width: 20px;
}
.parcel-type {
border-radius: 12px;
background-color: #fff;
display: flex;
justify-content: flex-start;
align-items: center;
padding: .9rem 1em;
position: relative;
}
.parcel-type .type-icon {
width: 55px;
height: 55px;
border-radius: 8px;
background-color: #eceff1;
padding: .9em;
margin-left: 1em;

}
.parcel-type .type-icon img {
max-width: 100%;
}
.parcel-type .type-title {
margin: -6px!important;
font-size: 16px;
}
.parcel-type .building-code-btn {
transition: all ease-in-out .5s !important;

position: absolute;
left: 1em;
border-radius: 100px;
/* padding: .5em 1.5em; */
background: var(--Prim)!important;
border-color: var(--Prim);
}
.parcel-type .building-code-btn:hover{
background: black !important;
}
.parcel-info {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 1.4em auto;
}
.parcel-info .block-info {
background: #fff;
border-radius: 12px;
padding: .8em;
width: 30%;
}
.parcel-info .block-title {
color: #868c94;
font-size: 12px;
}
.parcel-info .block-value {
color: #0b1a2d;
font-size: 18px;
font-weight: bold;
font-family: "Futura-Medium";
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.total-area {
border-radius: 12px;
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: .9rem 1em;
margin-bottom: 1.5em;
}
.Minfo{
display: flex;
justify-content: space-between;
}
.Minfo-area {
border-radius: 12px;
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: .9rem 1em;
width: 48%;
margin-bottom: 1.5em;
margin-top: 1.5em;
}
.LandInfo .edit-area {
direction: rtl;
text-align: right;
padding-top: 10px;
}
.edit-area {
border-radius: 42px;
background-color: var(--tri);
display: flex;
justify-content: center;
align-items: center;
padding: 0.7em 0.15em;

margin-bottom: 1.5em;
height: 42px;
}
.edit-area .area-title {
color: #ffffff;
font-size: 16px;
}

.LandInfo .reserve-area {
direction: rtl;
text-align: right;
padding-top: 10px;
}
.reserve-area {
border-radius: 42px;
background-color:  rgb(178 186 31);
display: flex;
justify-content: center;
align-items: center;
padding: 0.7em 0.15em;
transition: all ease-in-out .5s !important;

/* margin-bottom: 1.5em; */
height: 42px;
}
.reserve-area .area-title {
color: #ffffff;
font-size: 16px;
}
.LandInfo .req-area {
direction: rtl;
text-align: right;
padding-top: 10px;
}
.req-area {
border-radius: 42px;
background-color: var(--Prim);
display: flex;
justify-content: center;
align-items: center;
padding: 0.7em 0.15em;
transition: all ease-in-out .5s !important;
margin-bottom: 14px;
height: 42px;
}

@media only screen and (max-width: 700px) {
.reserve-container {
  /* margin-bottom: -240px; */
  background-color: rgb(178 186 31);
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 40px;
  color: #fff;
}
.req-area {
  border-radius: 42px;
  background-color: var(--Prim);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.7em 0.15em;
  transition: all ease-in-out .5s !important;
  margin-bottom: 1.5em;
  height: 42px;
}
}
.req-area:hover{
  background: #000;


}
.edit-area:hover{
background: #000;


}
.reserve-area:hover{
background: #000;


}
#popup-window {
z-index: 1000;
position: fixed;
display: none;
margin: 0 auto;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 90%;
height: 80%;
background:rgba(0,0,0,0.75);
border: 1px solid #aaa;
box-shadow: 0  3px 15px 5px rgba(50,50,50,0.15);

}
.map-sec-item .map-img {
z-index: 1000;
position: fixed;
margin: 0 auto;
left: 0;
right: 0;
top: -7%;
transform: translateY(-50%);
width: 44%;
height: 114%;
background: rgba(0,0,0,0.75);
border: 1px solid #aaa;
box-shadow: 0  3px 15px 5px rgba(50,50,50,0.15);
transform: rotate(270deg);
}
.popup-trigger {
display: block;
cursor: pointer;
}
.x-close {
font-size: 50px;
line-height: 1;
float: right;
margin-right: 12px;
color: #ffffff;

cursor: pointer;
}
.req-area .area-title {
color: #ffffff;
font-size: 16px;
}
.total-area .area-title {
color: var(--tri);
font-size: 16px;
}
.Minfo-area .area-title {
color: var(--tri);
font-size: 16px;
}
.LandInfo h3 {
margin-top: 5px!important;
}
.total-area .area-value {
font-size: 18px;
font-weight: bold;

}
.total-area .area-value .area {
/* font-family: "Futura-Medium"; */
margin-left: .3em;
}
.Minfo-area .area-value {
font-size: 18px;
font-weight: bold;

}
.Minfo-area .area-value .area {
/* font-family: "Futura-Medium"; */
margin-left: .3em;
}
.total-area .area-value .sudo {
color: #0b1a2d;
font-family: "GE SS Tow Medium";
}
.clear-fix {
clear: both;
}
.prices-and-slop {
background-color: #fff;
border-radius: 15px;
padding: 1.5rem;
margin-top: 2rem;
margin-bottom: 4rem;
}
.prices-and-slop .title {
margin-bottom: 0;
}
.prices-and-slop .section-container {
position: relative;
padding: 0!important;
}
.sidebar-section .section-container {
border-radius: 12px;
background-color: #fff;
padding: 1em;
}
.prices-and-slop .y-axis-label {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
left: -45px;
top: 110px;
font-size: 13px;
}
.recharts-wrapper {
direction: ltr;
font-family: "Futura-Medium";
width: 106%!important;
}
.recharts-wrapper {
padding-left: 1.4em;
}
img, svg {
vertical-align: middle;
}
 
.recharts-wrapper {
direction: ltr;
/* font-family: "Futura-Medium"; */
width: 106%!important;
}
.sidebar {
/* font-family: "GE SS Tow Medium"; */
background: #f1f3f5;
text-align: right;
padding: 1em 2em;
}
.complain-container {
position: absolute;
right: 0;
bottom: 0;
background-color: #f1f3f5;
width: 100%;
padding: 10px;
}
.complain-container button {
background-color: transparent!important;
border: none;
box-shadow: none!important;
color: #2e59cc!important;
}
.ant-btn, .ant-btn:active, .ant-btn:focus {
outline: 0;
}
.ant-btn {
line-height: 1.5715;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
box-shadow: 0 2px 0 rgba(0,0,0,.015);
cursor: pointer;
transition: all .3s cubic-bezier(.645,.045,.355,1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: manipulation;
height: 32px;
padding: 4px 15px;
font-size: 14px;
border-radius: 12px !important;
color: rgba(0,0,0,.85);
border: 1px solid #d9d9d9;
background: #fff;
}
button, select {
text-transform: none;
}
.nav-bar-container, .nav-bar-container .logo-links-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
direction: rtl;
}

.scene {
width: 50px;
height: 80px;
perspective: 800px;
}

.cube {
position: relative;
left: 81px;
transform-style: preserve-3d;
transform: translateX(100px);
animation: spin 10s linear 0s infinite forwards;
}
.cube-face {
border-radius: 13px;
width: 75px;
height: 75px;
/* color: rgba(41, 41, 41, 0.8); */
background: #1bb80fe3;
color: #dee2de;
border: 1.5px solid rgb(255 255 255 / 65%);
position: absolute;
box-sizing: border-box;
display: flex;
font-size: 12px;
font-weight: bold;
justify-content: center;
align-items: center;
text-transform: uppercase;
}

.cube-face:hover {
background: #dee2de; 
color:  #1bb80fe3;
border: 1.5px solid rgb(255 255 255 / 65%);
}


.front{
transform: translateZ(37.5px);
}

.back {
transform: rotateY(180deg) translateZ(37.5px);

}

.left {
transform: rotateY(-90deg) translateZ(37.5px);

}

.right{
transform: rotateY(90deg) translateZ(37.5px);

}

.top {
transform: rotateX(90deg) translateZ(37.5px);

}
.bottom {
transform: rotateX(-90deg) translateZ(37.5px);
}
.Dlink{
font-size: 20px;
font-weight: bold;
color:green !important;
}
.Dlink:hover{
color:white !important;
}

@keyframes spin {
0% {
    transform: rotateY(0deg) rotateX(-25deg);

}

100% {
    transform: rotateY(360deg) rotateX(-25deg);
}

} 


/* cyber btn */
@font-face {
font-family: Cyber;
src: url("https://assets.codepen.io/605876/Blender-Pro-Bold.otf");
font-display: swap;
}

body .cybr-btn + .cybr-btn {
margin-top: 2rem;
}
.cybr-btn {
--primary: hsl(var(
--primary-hue), 85%, calc(var(--primary-lightness, 50) * 1%));
--shadow-primary: hsl(var(
--shadow-primary-hue), 100%, 100%);
--primary-hue: 100;
--primary-lightness: 50;
--color: hsl(0, 0%, 100%);
--font-size: 12px;
--shadow-primary-hue: 180;
--label-size: 9px;
--shadow-secondary-hue: 60;
--shadow-secondary: hsl(var(
--shadow-secondary-hue), 90%, 60%);
--clip: polygon(0 0, 100% 0, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 70%);
--border: 4px;
--shimmy-distance: 5;
--clip-one: polygon(0 2%, 100% 2%, 100% 95%, 95% 95%, 95% 90%, 85% 90%, 85% 95%, 8% 95%, 0 70%);
--clip-two: polygon(0 78%, 100% 78%, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 78%);
--clip-three: polygon(0 44%, 100% 44%, 100% 54%, 95% 54%, 95% 54%, 85% 54%, 85% 54%, 8% 54%, 0 54%);
--clip-four: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);
--clip-five: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);
--clip-six: polygon(0 40%, 100% 40%, 100% 85%, 95% 85%, 95% 85%, 85% 85%, 85% 85%, 8% 85%, 0 70%);
--clip-seven: polygon(0 63%, 100% 63%, 100% 80%, 95% 80%, 95% 80%, 85% 80%, 85% 80%, 8% 80%, 0 70%);
font-family: 'Cyber', sans-serif;
color: var(--color);
cursor: pointer;
background: transparent;
text-transform: uppercase;
font-size: var(--font-size);
outline: transparent;
letter-spacing: 2px;
position: relative;
font-weight: 700;
border: 0;
min-width: 226px;
height: 21px;
line-height: 22px;
transition: background 0.2s;
}

.cybr-btn:hover {
--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 0.8%));
}
.cybr-btn:active {
--primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 0.6%));
}

.cybr-btn:after,
.cybr-btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
clip-path: var(--clip);
z-index: -1;
}

.cybr-btn:before {
background: var(--shadow-primary);
transform: translate(var(--border), 0);
}

.cybr-btn:after {
background: var(--primary);
}

.cybr-btn__tag {
position: absolute;
padding: 1px 4px;
letter-spacing: 1px;
line-height: 1;
bottom: -5%;
right: 5%;
font-weight: normal;
color: hsl(0, 0%, 0%);
font-size: var(--label-size);
}

.cybr-btn__glitch {
position: absolute;
top: calc(var(--border) * -1);
left: calc(var(--border) * -1);
right: calc(var(--border) * -1);
bottom: calc(var(--border) * -1);
background: var(--shadow-primary);
text-shadow: 2px 2px var(--shadow-primary), -2px -2px var(--shadow-secondary);
clip-path: var(--clip);
animation: glitch 2s infinite;
display: none;
}

.cybr-btn:hover .cybr-btn__glitch {
display: block;
}

.cybr-btn__glitch:before {
content: '';
position: absolute;
top: calc(var(--border) * 1);
right: calc(var(--border) * 1);
bottom: calc(var(--border) * 1);
left: calc(var(--border) * 1);
clip-path: var(--clip);
background: var(--primary);
z-index: -1;
}

@keyframes glitch {
0% {
clip-path: var(--clip-one);
}
2%, 8% {
clip-path: var(--clip-two);
transform: translate(calc(var(--shimmy-distance) * -1%), 0);
}
6% {
clip-path: var(--clip-two);
transform: translate(calc(var(--shimmy-distance) * 1%), 0);
}
9% {
clip-path: var(--clip-two);
transform: translate(0, 0);
}
10% {
clip-path: var(--clip-three);
transform: translate(calc(var(--shimmy-distance) * 1%), 0);
}
13% {
clip-path: var(--clip-three);
transform: translate(0, 0);
}
14%, 21% {
clip-path: var(--clip-four);
transform: translate(calc(var(--shimmy-distance) * 1%), 0);
}
25% {
clip-path: var(--clip-five);
transform: translate(calc(var(--shimmy-distance) * 1%), 0);
}
30% {
clip-path: var(--clip-five);
transform: translate(calc(var(--shimmy-distance) * -1%), 0);
}
35%, 45% {
clip-path: var(--clip-six);
transform: translate(calc(var(--shimmy-distance) * -1%));
}
40% {
clip-path: var(--clip-six);
transform: translate(calc(var(--shimmy-distance) * 1%));
}
50% {
clip-path: var(--clip-six);
transform: translate(0, 0);
}
55% {
clip-path: var(--clip-seven);
transform: translate(calc(var(--shimmy-distance) * 1%), 0);
}
60% {
clip-path: var(--clip-seven);
transform: translate(0, 0);
}
31%, 61%, 100% {
clip-path: var(--clip-four);
}
}

.cybr-btn:nth-of-type(2) {
--primary-hue: 260;
}



.form-reserve-bg {
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.form-reserve-bg {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(26, 31, 39, 0.612);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
overflow-y: auto;
z-index: 10000;
}
.form-reserve-bg.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.form-reserve-bg:before{
content:'';
background-color: #fff;
opacity: .25;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.reserve-container {
/* margin-bottom: -240px; */
background-color: rgb(178 186 31);
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
display: flex;
flex-direction: column;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
position: relative;
padding: 40px;
color: #fff;
}

.section1 {
display: block;
color:black;
font-weight: bold;
}
.section1 label{
color:white;
font-weight:500;
}

.reservetitle1{
display: block;
}
.reservetitle2{
display: none;
}

.section2{
display: none;

}


.form-edit-bg {
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.form-edit-bg {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(26, 31, 39, 0.612);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
overflow-y: auto;
z-index: 10000;
}
.form-edit-bg.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.form-edit-bg:before{
content:'';
background-color: #fff;
opacity: .25;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.edit-container {

margin-bottom: -240px;
background-color: var(--tri);
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
display: flex;
flex-direction: column;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
position:relative;
padding: 40px;
color: #fff;
}


.modal-confirm {		
color: #636363;
width: 325px;
font-size: 14px;
z-index: 9999;
}
.modal-confirm .modal-content {
padding: 20px;
border-radius: 5px;
border: none;
}
.modal-confirm .modal-header {
border-bottom: none;   
position: relative;
}
.modal-confirm h4 {
text-align: center;
font-size: 26px;
margin: 30px 0 -15px;
}
.modal-confirm .form-control, .modal-confirm .btn {
min-height: 40px;
border-radius: 3px; 
}
.modal-confirm .close {
position: absolute;
top: -5px;
right: -5px;
}	
.modal-confirm .modal-footer {
border: none;
text-align: center;
border-radius: 5px;
font-size: 13px;
}	
.modal-confirm .icon-box {
color: #fff;		
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: -70px;
width: 95px;
height: 95px;
border-radius: 50%;
z-index: 9;
background: #82ce34;
padding: 15px;
text-align: center;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm .icon-box i {
font-size: 58px;
position: relative;
top: 3px;
}
.modal-confirm.modal-dialog {
margin-top: 80px;
}
.modal-confirm .btn {
color: #fff;
border-radius: 4px;
background: #82ce34;
text-decoration: none;
transition: all 0.4s;
line-height: normal;
border: none;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
background: #6fb32b;
outline: none;
}
.trigger-btn {
display: inline-block;
margin: 100px auto;
}
.modal.show .modal-dialog {
border: 0.5px solid black;
-webkit-transform: none;
transform: none;
}


@media screen and (max-width: 700px){
.fade{
  display:none;
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
  width: 80%;
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  top: 40px;
  left: 59px;
  transform: none;
}
.modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999999 !important;
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
  transform: translate(8px,310px);
}
.edit-container {

  margin-bottom: -370px;
  background-color: var(--tri);
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  display: flex;
  flex-direction: column;
  width: 89%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position:relative;
padding: 40px;
color: #fff;
}

}







.form-popup-bg {
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.form-popup-bg {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(94, 110, 141, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
overflow-y: auto;
z-index: 10000;
}
.form-popup-bg.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.form-container {
background-color: #4f7810;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
display: flex;
flex-direction: column;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
position:relative;
padding: 40px;
color: #fff;
}
.close-button {
background:none;
color: #fff;
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: 0;
border: solid 1px #fff;
}

.form-popup-bg:before{
content:'';
background-color: #fff;
opacity: .25;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
div.small-btn {
background: #8db600;
color: #fff;
border: 2px solid black;
margin-top: 0.5em;
display: inline-flex;
padding: 1em 2em;
border-radius: 5px;
transition: all ease-in-out .5s !important;
}
button.small-btn {
background: #8db600;
color: #fff;
margin-top: 0.5em;
display: inline-flex;
padding: 1em 2em;
border-radius: 5px;
transition: all ease-in-out .5s !important;
}

button.small-btn:hover {
background: #000;

}

div.small-btn:hover {
background: #000;

}
.Info-piece1{
display: flex;
align-items: center;
width: 100%;
justify-content: center;
}
.mobile-icon {
position: relative;
display: none;
top: 38px;
left: 0;
animation-name: DownAnimation;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}

/* 

@media screen and (max-width: 1471px){

.parcel-type .type-title {
  left: 47px;
  margin: -6px!important;
  position: absolute;
  font-size: 16px;
  top: 15px;
}
.parcel-type .building-code-btn {
  top: 34px;
  transition: all ease-in-out .5s !important;
  position: absolute;
  left: 1em;
  border-radius: 100px;
  background: var(--Prim)!important;
  border-color: var(--Prim);
}
.mobile-icon {
  top: 5px;
  left: 0;
}

} */
@media screen and (max-width: 1471px){
.map-sec{
  display:grid;
  height: 100%;
  grid-template-columns:  35% 75%;
  gap: 0px;
}
}
/* mobile reponsivity */
@media screen and (max-width: 1240px){

.summary-icon{
  display: block;
}
}
@media screen and (max-width: 900px){

.summary-icon{
display: block;
}
.map-sec-item .map-img {
  z-index: 1000;
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -4%;
  transform: translateY(-50%);
  width: 69%;
  height: 110%;
  background: rgba(0,0,0,0.75);
  border: 1px solid #aaa;
  box-shadow: 0  3px 15px 5px rgba(50,50,50,0.15);
  transform: rotate(270deg);
}

}

@keyframes DownAnimation {
0%, 100% {
  top: 0;
}

50% {
  top: 20px;
}

} 
/* @media screen and (max-width: 700px){ */
@media screen and (max-width: 1080px){
.map-sec{
  display:grid;
  height: 100%;
  grid-template-columns:  38% 72%;
  gap: 0px;
}
}
@media screen and (max-width: 1080px){
.map-sec{
  display:grid;
  height: 100%;
  grid-template-columns:  40% 60%;
  gap: 0px;
}
}
@media screen and (max-width: 991px){
.map-sec{
  display:grid;
  height: 100%;
  grid-template-columns:  45% 55%;
  gap: 0px;
}
}
@media screen and (max-width: 846px){
.map-sec{
  display:grid;
  height: 100%;
  grid-template-columns:  50% 50%;
  gap: 0px;
}
}
@media screen and (max-width: 760px){

.modal.show .modal-dialog {
  -webkit-transform: none;
  top: 40px;
  left: 11px;
  transform: none;
}
.summary-icon{
  display: block;
}
.cybr-btn {
}
.scene {
  display: none;
  width: 50px;
  height: 80px;
  perspective: 800px;
}
.map-sec-item .map-img {
  z-index: 1000;
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 6%;
  transform: translateY(-50%);
  width: 74%;
  height: 94%;
  background: rgba(0,0,0,0.75);
  border: 1px solid #aaa;
  box-shadow: 0  3px 15px 5px rgba(50,50,50,0.15);
  transform: rotate(270deg);
}
.mobile-icon{
  fill:rgba(43, 114, 5, 0.705);
  display: block;
  color: black;
  top: 25px;
}
.report-btn {
  position: absolute;
  left: 0 !important;
  border-radius: 100px !important;
  width: 40px !important;
  height: 40px !important;
  background: #fff !important;
  border-color: var(--Prim) !important;
  top: 26px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.sidebar {
  z-index: 29999;
  min-height: 100%;
  margin-top: 75vh;
  border-radius: 15px 15px 0 0;
  padding: 1em 1em 5em;
  position: absolute;
  width: 100%!important;
  max-width: 100%!important;
}
.map-sec2{
  position: absolute;
  display: flex;
  justify-content: center;
}
#map {
  height: 760px;
  width: 100%;
}
.map-sec2 {
  position: relative;
  display: flex;
  justify-content: center;
}
.map-sec {
  display: grid;
  grid-template-columns: 100%;
  gap: 0px;
}

}
@media screen and (max-width: 650px){

.map-sec-item .map-img {
z-index: 1000;
position: fixed;
margin: 0 auto;
left: 0;
right: 0;
top: 13%;
transform: translateY(-50%);
width: 91%;
height: 80%;
background: rgba(0,0,0,0.75);
border: 1px solid #aaa;
box-shadow: 0  3px 15px 5px rgba(50,50,50,0.15);
transform: rotate(270deg);
}
}
@media screen and (max-width: 550px){

.map-sec-item .map-img {
  z-index: 1000;
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 23%;
  transform: translateY(-50%);
  width: 80%;
  height: 66%;
  background: rgba(0,0,0,0.75);
  border: 1px solid #aaa;
  box-shadow: 0  3px 15px 5px rgba(50,50,50,0.15);
  transform: rotate(270deg);
}
}

@media screen and (max-width: 450px){
  .modal.show .modal-dialog {
      -webkit-transform: none;
      top: 40px;
      left: 43px;
      transform: none;
  }
  .map-sec-item .map-img {
      z-index: 1000;
      position: fixed;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: 23%;
      transform: translateY(-50%);
      width: 92%;
      height: 52%;
      background: rgba(0,0,0,0.75);
      border: 1px solid #aaa;
      box-shadow: 0  3px 15px 5px rgba(50,50,50,0.15);
      transform: rotate(270deg);
  }
  }



@media screen and (max-width: 370px){
.modal.show .modal-dialog {
  -webkit-transform: none;
  top: 40px;
  left: 28px;
  transform: none;
}

.summary-icon{
  display: none;
}
.map-sec-item .map-img {
  z-index: 1000;
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 26%;
  transform: translateY(-50%);
  width: 100%;
  height: 40%;
  background: rgba(0,0,0,0.75);
  border: 1px solid #aaa;
  box-shadow: 0  3px 15px 5px rgba(50,50,50,0.15);
  transform: rotate(270deg);
}

.parcel-type .type-title {
  left: 47px;
  margin: -6px!important;
  position: absolute;
  font-size: 16px;
  top: 15px;
}
.parcel-type .building-code-btn {
  top: 34px;
  transition: all ease-in-out .5s !important;
  position: absolute;
  left: 1em;
  border-radius: 100px;
  /* padding: .5em 1.5em; */
  background: var(--Prim)!important;
  border-color: var(--Prim);
}
.mobile-icon {
  top: 5px;
  left: 0;
}


}

.sum-container{

}
.summary-icon {
position: absolute;
left: 25px;
top: 10px;
}
.row {
display: block !important;
margin-right: -15px;
margin-left: -15px;
justify-content: center;
}
.col-lg-12 {
display: content;
width: 50%;
min-width: 100px;
}


.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
color: #224120 !important;
border-bottom: 1px solid #1b3907 !important;
}
/* .col-md-6 {
width: 50%;
} */
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: right;
}
@media (min-width: 1900px) {

}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}

.panel-yellow {
border-color: rgb(178 186 31)!important;
background: rgb(178 186 31) !important;;
}
.panel-yellow .pull-left{
color:  rgb(178 186 31) !important;
}
.panel-yellow .pull-right{
color:  rgb(178 186 31)!important;
}









.panel-orange {
border-color: rgb(211, 105, 18) !important;
background: rgb(211, 105, 18) !important;;
}
.panel-orange .pull-left{
color:  rgb(211, 105, 18) !important;
}
.panel-orange .pull-right{
color:  rgb(211, 105, 18) !important;
}

.panel-red {
border-color: #d9534f !important;
background:  #d9534f !important;
}
.panel-red .pull-left{
color:   #d9534f !important;
}
.panel-red .pull-right{
color:  #d9534f !important;
}
.panel {
margin-bottom: 3px;
margin-top: 10px;
color: white;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
text-align: right;
direction: rtl !important;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel .parcel-title {
font-size: 12px;
font-weight: 500;

}
.panel .huge {
font-size: 30px;
font-weight: 500;

}
.panel .pull-left {
font-size: 13px;
font-weight: bold;
}
.pull-left{
float: right !important;
}
.pull-right{
float: left !important;
}

.panel-red {
border-color: #d9534f;
background:  #d9534f !important;
}
.panel-green {
border-color: #14bd14e8;
background: #14bd14e8 !important;
}
.panel-green .pull-left{
color:  #5cb85c !important;
}
.panel-green .pull-right{
color: #5cb85c !important;
}
#chart {
width: 100px !important;
height: 100px !important;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}

a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left;
}
.SMinfo-area {
border-radius: 12px;
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: .9rem 1em;
width: 48%;
margin-bottom: 1.5em;
margin-top: 1.5em;
}
.SMinfo-area .area-title {
color: var(--tri);
font-size: 16px;
}
.SMinfo-area .area-value {
font-size: 18px;
font-weight: bold;

}
@media screen and (max-width: 441px){

.SMinfo-area {
  border-radius: 0px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .9rem 1em;
  width: 50%;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  margin-right: 0px;
}
.SMinfo-area .area-title {
  color: var(--tri);
  font-size: 10px;
  margin-left: 10px;
}
.SMinfo-area .area-value {
  font-size: 14px;
  font-weight: bold;
  z-index: 111;
  position: relative;
}
}

.leaflet-control-layers-expanded{
color:white;
font-weight: 600;
}

.terms-conditions {
color: white;
padding-right: 30px;
padding-top: 15px;
}
*,
:after,
:before {
box-sizing: border-box;
padding: 0;
margin: 0;
}
.hidden-icon {
display: none;
}

.leaflet-popup-content-wrapper{
-webkit-tap-highlight-color: transparent;
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
cursor: auto;
box-sizing: border-box;
margin: 0;
padding: 0;
text-align: right;
border-radius: 0px;
color: none;
box-shadow: none !important;;
background: none !important;
}
.leaflet-popup-close-button{
color: black !important;
width: 25px !important ;
padding: 30px 30px !important;
height: 25px!important;
border-radius: 10%!important;
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
font: 126px/24px Tahoma, Verdana, sans-serif;
text-decoration: none;
font-weight: bold;
background: transparent;
}


.leaflet-tooltip {
display: block;
font-size:larger;
color: rgb(180, 74, 12);
}
.wait {cursor: wait;}
.none {cursor: wait;}

.blinking {
animation: blinker 2s linear infinite;
}


.notblinking {
background-image: url("soldT.png");
background-color: #380a83;
opacity: 1.0;
height: 50px; /* You must set a specified height */
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
}

.leaflet-popup-tip {
width: 0px;
height: 0px;
}


.bignumbers {
font-size:9px;
}
.customPopup .leaflet-popup-content-wrapper .leaflet-popup-content{
width: 251px;
}

.customPopup 
.leaflet-popup-content-wrapper 
.leaflet-popup-content
.edit{
color: #000000;
}

.leaflet-popup-tip-container {
display: none;
} 
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}


@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@200;300;400;700&display=swap');
/* 
* {
box-sizing: border-box;
margin: 0;
padding: 0;
} */



h1 {
font-size: 15px;

}
.flashme {
animation: fadebackground 1s 2;
}
.blink_me {
animation: blinker 1s linear infinite;
color:red;
position: absolute;
left: 5px;
top: 40px;      
height: 80px;
margin-bottom:0.5em;
width: 180px;
margin-left: auto;
margin-right: auto;
}

@keyframes blinker {
50% {
opacity: 0;
}
}

@keyframes fadebackground {
from {background-color: #FCE97F;}
to {background-color: #2EB07B;}
}

.card.card-footer {
align-self: flex-end;
flex: 1 1 auto;
}


.card--bg-gray-blue {
background: hsl(217, 75%, 25%);
color: #fff;
}
.leaflet-popup-content-wrapper{
-webkit-tap-highlight-color: transparent;
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
cursor: auto;
box-sizing: border-box;
margin: 0;
padding: 0;
text-align: right;
border-radius: 0px;
color: none;
box-shadow: none !important;;
background: none !important;
}
.leaflet-popup-close-button{
color: black !important;
width: 25px !important ;
padding: 30px 30px !important;
height: 25px!important;
border-radius: 10%!important;
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
font: 126px/24px Tahoma, Verdana, sans-serif;
text-decoration: none;
font-weight: bold;
background: transparent;
}


.leaflet-tooltip {
display: block;
font-size:larger;
color: rgb(180, 74, 12);
}

.leaflet-popup-tip {
width: 0px;
height: 0px;
}
.p_number {
display: block;
font-size:5px;
opacity: 0.0;
background-color:transparent;
border: none;
color: rgb(28, 13, 70);
box-shadow: none;
font-weight: bold;
}

.bignumbers {
font-size:9px;
}
.customPopup .leaflet-popup-content-wrapper .leaflet-popup-content{
width: 251px;
}

.customPopup 
.leaflet-popup-content-wrapper 
.leaflet-popup-content
.edit{
color: #000000;
}

.leaflet-popup-tip-container {
display: none;
}