body {
  height: 100vh;
  margin: 0; }

#map-page {
  padding-top: 88px;
  display: flex;
  justify-content: center; }

.map-page-box {
  width: 100%;
  max-width: 1198px;
  margin-top: 0;
  margin-bottom: 54px;
  padding: 0 14px; }

.map-content {
  position: relative;
  display: grid;
  grid-template-columns: 24% 1fr;
  grid-gap: 20px; }

.loader-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: -1;
  transition: all .5s;
  border-radius: 6px; }
  .loader-box.active {
    z-index: 10000;
    opacity: 1; }
  .loader-box .loader {
    position: absolute;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 200px;
    animation-name: rotation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.map-filter {
  padding: 28px 20px 46px;
  border: 1px solid black;
  border-radius: 12px;
  visibility: hidden;
  opacity: 0; }
  .map-filter h3 {
    margin-bottom: 30px;
    color: #242738;
    font-size: 20px;
    font-weight: bold; }
  .map-filter label {
    margin-bottom: 16px;
    color: #242738;
    font-weight: lighter; }
  .map-filter .checkbox-wrap .checkbox-text {
    margin-left: unset; }
  .map-filter select {
    margin-bottom: 23px;
    padding: 0.6rem 1.5rem;
    height: 40px;
    max-height: 40px;
    font-weight: lighter;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='284.929px' height='284.929px' viewBox='0 0 284.929 284.929' style='enable-background:new 0 0 284.929 284.929;' xml:space='preserve'%3e%3cpath fill='rgb(139, 139, 139)' d='M282.082,76.511l-14.274-14.273c-1.902-1.906-4.093-2.856-6.57-2.856c-2.471,0-4.661,0.95-6.563,2.856L142.466,174.441 L30.262,62.241c-1.903-1.906-4.093-2.856-6.567-2.856c-2.475,0-4.665,0.95-6.567,2.856L2.856,76.515C0.95,78.417,0,80.607,0,83.082 c0,2.473,0.953,4.663,2.856,6.565l133.043,133.046c1.902,1.903,4.093,2.854,6.567,2.854s4.661-0.951,6.562-2.854L282.082,89.647 c1.902-1.903,2.847-4.093,2.847-6.565C284.929,80.607,283.984,78.417,282.082,76.511z'/%3e%3c/svg%3e");
    background-repeat: no-repeat, repeat;
    background-position: right 1em top 50%, 0 0;
    background-size: .7em auto, 100%; }
    .map-filter select option {
      padding: 5px 0;
      font-weight: lighter; }
  .map-filter .btn-white {
    width: 60%;
    padding: 0.75625rem 1.1rem;
    margin: 0 auto; }

.map-filter form {
  display: flex;
  flex-direction: column; }

.map-wrap {
  position: relative;
  overflow: hidden;
  height: 100%; }

#list-projects {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto; }
  #list-projects .list-projects_content {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
    #list-projects .list-projects_content .list-projects_menu {
      width: 200px;
      height: 300px;
      padding: 16px;
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
      border: 1px solid #eff1f7;
      background-color: #fff;
      border-radius: 5px;
      display: none;
      overflow-y: auto;
      overflow-x: auto;
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 401; }
      #list-projects .list-projects_content .list-projects_menu_show {
        display: block; }
      #list-projects .list-projects_content .list-projects_menu h4 {
        margin: 0 0 5px;
        color: #242738;
        font-size: 12px;
        font-weight: bold; }
      #list-projects .list-projects_content .list-projects_menu #list-projects_menu-list {
        display: block;
        padding: 0;
        margin: 0;
        margin-left: 15px; }
        #list-projects .list-projects_content .list-projects_menu #list-projects_menu-list li {
          padding: 6px 3px;
          cursor: pointer;
          color: #242738;
          font-size: 12px; }
          #list-projects .list-projects_content .list-projects_menu #list-projects_menu-list li:hover {
            color: #666;
            text-decoration: underline; }

#mapid {
  width: 100%;
  height: 100%;
  margin: 0 auto; }

.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in; }

.leaflet-cluster-spider-leg {
  /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; }

.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6); }

.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6); }

.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6); }

.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6); }

.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6); }

.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6); }

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c; }

.leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39; }

.leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357; }

.leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c; }

.leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73; }

.leaflet-oldie .marker-cluster-large div {
  background-color: #f18017; }

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px; }

.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; }

.marker-cluster span {
  line-height: 30px; }

#popup-map .popup__wrap {
  height: 100%; }
  #popup-map .popup__wrap .popup__body {
    width: 100%;
    height: 100%;
    max-width: 1080px;
    min-width: 90%;
    max-height: 720px;
    min-height: 90%;
    padding: 30px 45px; }
    #popup-map .popup__wrap .popup__body .popup__content {
      height: 100%;
      padding-bottom: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
      #popup-map .popup__wrap .popup__body .popup__content #mapreg,
      #popup-map .popup__wrap .popup__body .popup__content #map-edit-coords {
        width: 100%;
        height: 100%;
        margin-bottom: 10px; }
      #popup-map .popup__wrap .popup__body .popup__content .btn-red {
        margin: 0; }
      #popup-map .popup__wrap .popup__body .popup__content .btn-white {
        margin: 0; }

#new-project-location {
  width: 100%;
  height: 300px;
  margin-bottom: 25px;
  border-radius: 30px; }

#project-map {
  width: 100%;
  height: 100%;
  margin-bottom: 10px; }

.leaflet-popup-inner {
  overflow: auto; }

/*# sourceMappingURL=map.css.map */