/*********************
       GENERAL
*********************/

.m-geosearch-container, .m-searchstreetgeosearch-container, .m-searchstreet-container {
  top: 75px;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .m-geosearch-container, .m-searchstreetgeosearch-container, .m-searchstreet-container {
    width: 33vw;
  }
}

.m-geosearch-container.m-searching button.m-input-search, .m-searchstreetgeosearch-container.m-searching button.m-input-search, .m-searchstreet-container.m-searching button.m-input-search {
  color: #a15bd7;
  opacity: 1;
}

/*********************
     SEARCH PANEL
*********************/

.m-geosearch-container>div.search-panel, .m-searchstreetgeosearch-container>div.search-panel, .m-searchstreet-container>div.search-panel {
  -webkit-display: flex;
  display: flex;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  background-color: white;
}

.m-geosearch-container, .m-searchstreetgeosearch-container, .m-searchstreet-container {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.m-geosearch-container.shown, .m-searchstreetgeosearch-container.shown, .m-searchstreet-container.shown {
  border-bottom-right-radius: 4px !important;
}

@media only screen and (max-width: 768px) {
  .m-areas>div.m-area>div.m-geosearch.collapsed, .m-areas>div.m-area>div.m-searchstreetgeosearch.collapsed, .m-areas>div.m-area>div.m-searchstreet.collapsed {
    border-radius: 4px !important;
  }
  .m-geosearch-container, .m-searchstreetgeosearch-container, .m-searchstreet-container {
    border-radius: 4px !important;
  }
  div.m-geosearch.collapsed>div.m-panel-controls, div.m-searchstreetgeosearch.collapsed>div.m-panel-controls, div.m-searchstreet.collapsed>div.m-panel-controls {
    opacity: 100 !important;
    max-width: initial !important;
    -webkit-transition: max-width .4s ease 0s, opacity .3s ease 0s;
    transition: max-width .4s ease 0s, opacity .3s ease 0s;
  }
}

/****************************
     FIREFOX HACKS
****************************/

@-moz-document url-prefix() {
  div.m-geosearch div.m-panel-controls, div.m-searchstreetgeosearch div.m-panel-controls, div.m-searchstreet div.m-panel-controls {
    display: flex !important;
  }
  div.m-geosearch-container.shown, div.m-searchstreet-container.shown {
    display: initial !important;
  }
}

/****************************
 INTERNET EXPLORER HACKS
****************************/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div.search-panel>input.m-input-search {
    width: 75% !important;
  }
  div.search-panel>input.m-input-search::-ms-clear {
    display: none;
  }
  div#m-searching-result, div#m-searching-result-searchstreet, div#m-searching-result-geosearch, div#m-searching-result-autocomplete {
    padding-left: 44%;
  }
  div.m-control.m-searchstreetgeosearch-container.shown {
    display: block !important;
  }
}

/* TEXT INPUT */

div.search-panel>input.m-input-search {
  width: 100%;
  margin: 0px;
  padding: 10px;
  border: 0px;
}

@media only screen and (min-width: 769px) {
  div.search-panel>input.m-input-search {
    /*min-width: 278px;*/
  }
}

@media only screen and (max-width: 768px) {
  div.search-panel>input.m-input-search#m-searchstreet-search-input {
    width: calc(100vw - 120px);
  }
  div.search-panel>input.m-input-search#m-geosearch-search-input {
    width: calc(100vw - 157px);
  }
  div.search-panel>input.m-input-search#m-searchstreetgeosearch-search-input {
    width: calc(100vw - 157px);
  }
}

/* SEARCH BUTTON */

div.search-panel>button.m-input-search {}

/* HELP BUTTON */

div.search-panel>button.m-input-search.shown {
  color: #a15bd7;
  opacity: 1;
}

/*********************
     RESULTS PANEL
*********************/

#m-autocomplete-results {
  background-color: #F9F9F9;
}

#m-autocomplete-results>div#m-autcomplete>div {
  padding: 7px;
  border: 1px solid #EBF1EB;
  cursor: pointer
}

div#m-autcomplete>div.selected {
  background-color: #F7F4F4;
  font-weight: bold;
}

div.result.autocomplete:hover {
  padding-left: 15px !important;
}

.m-control.m-searchstreet-container.shown.m-searching, .m-control.m-searchstreetgeosearch-container.shown.m-searching {
  overflow-y: inherit !important;
}

.m-areas>div.m-area>div.m-panel>div.m-panel-controls>div.m-searchstreet-container.m-searching, .m-areas>div.m-area>div.m-panel>div.m-panel-controls>div.m-searchstreetgeosearch-container.m-searching {
  overflow: auto;
}

.results-panel {
  position: relative;
}

.results-panel-content {
  z-index: 1000;
  position: absolute !important;
  width: 99%;
}

.m-geosearch-container.m-searching div.results-panel {
  min-height: 50px;
}

.minimum {
  min-height: 50px;
}

.results-panel.hidden {
  margin: 0px;
}

.results-panel>div.results {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: 5px;
  max-height: 75vh;
}

@media only screen and (max-width: 768px) {
  .results-panel>div.results {
    width: calc(100vw - 20px);
  }
}

#m-tabs-content>.results-panel>div.results {
  margin-top: 0px;
  max-height: 65vh;
}

#m-tabs-content>.results-panel.hidden>div.results {
  max-height: 0px;
}

.results-panel.hidden>div.results {
  margin: 0px;
  max-height: 0;
}

.m-searching-result {
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  font-size: 24px;
  display: flex;
  align-items: center;
}

.results-panel>div.page {
  font-size: 50px;
}

.m-searching-result:before {
  margin: 0 auto;
  -webkit-animation: mloading 1s linear infinite;
  -moz-animation: mloading 1s linear infinite;
  animation: mloading 1s linear infinite;
}

.m-geosearch-container:not(.m-searching) div.m-searching-result, .m-searchsteetgeosearch-container:not(.m-searching) div.m-searching-result, .m-searchstreet-container:not(.m-searching) div.m-searching-result {
  display: none;
}

/*********************
     RESULT
*********************/

.results-panel>div.results>div.result {
  padding: 20px;
  /*-webkit-transition: box-shadow 0.3s ease 0s, background 0.3s ease 0s, transform 0.05s ease 0s;
   transition: box-shadow 0.3s ease 0s, background 0.3s ease 0s, transform 0.05s ease 0s;*/
  margin: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}

.m-popup>div.m-content>div.m-body>div.m-geosearch-content>div.result, m-popup>div.m-content>div.m-body>div.m-searchstreet-content>div.result {
  border-top: 1px solid rgba(0, 0, 0, 0.13);
}

.m-popup>div.m-content>div.m-body>div.m-geosearch-content>div.result:nth-child(1), .m-popup>div.m-content>div.m-body>div.m-searchstreet-content>div.result:nth-child(1) {
  border: 0px;
}

.results-panel>div.results>div.result {
  cursor: pointer;
}

/*********************
     RESULT TABLE
*********************/

.results-panel>div.results>div.result>table, .m-popup>div.m-content>div.m-body>div.m-geosearch-content>div.result>table, .m-popup>div.m-content>div.m-body>div.m-searchstreet-content>div.result>table {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  border-top-style: dashed;
}

.results-panel>div.results>div.result>table:nth-child(1), .m-popup>div.m-content>div.m-body>div.m-geosearch-content>div.result>table:nth-child(1), .m-popup>div.m-content>div.m-body>div.m-searchstreet-content>div.result>table:nth-child(1) {
  border: 0px
}

.results>div.result>table td.value, .m-popup>div.m-content>div.m-body>div.m-geosearch-content>div.result>table td.value, .m-popup>div.m-content>div.m-body>div.m-searchstreet-content>div.result>table td.value {
  text-align: right;
}

.results>div.result>table td.key, .m-popup>div.m-content>div.m-body>div.m-geosearch-content>div.result>table td.key {
  font-weight: bold;
}

.m-popup>div.m-content>div.m-body>div.m-geosearch-content>div.result>table td.value, .m-popup>div.m-content>div.m-body>div.m-geosearch-content>div.result>table td.key {
  white-space: normal;
}

.m-popup>div.m-content>div.m-body>div.m-geosearch-content>div.result>table td.key {
  text-align: left;
}

.m-popup>div.m-content>div.m-body>div.m-searchstreet-content>div.result>table td.value, .m-popup>div.m-content>div.m-body>div.m-geosearch-content>div.result>table td.key {
  white-space: nowrap;
}

.m-popup>div.m-content>div.m-body>div.m-searchstreet-content>div.result>table td.key {
  text-align: left;
  font-weight: bold;
}

.m-popup>div.m-content>div.m-body>div.m-searchstreet-content>div.result td {
  border-bottom: 1px solid rgba(0, 0, 0, .09);
  border-bottom-style: dashed;
}

/*********************
     PAGES
*********************/

.results-panel>div.page {
  margin-top: 0px;
  text-align: center;
  background-color: rgb(240, 240, 240);
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*********************
     HELP
*********************/

.m-geosearch-help, .m-searchstreetgeosearch-help, .m-searchstreet-help {
  top: 59px;
  left: 70px;
  margin-right: 10px;
  position: absolute;
  background-color: #fff;
  z-index: 9999;
  padding: 10px;
  padding-bottom: 0px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
}

.m-geosearch-help>div.entity, .m-searchstreetgeosearch-help>div.entity, .m-searchstreet-help>div.entity {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}

.m-geosearch-help>div.entity:last-child, .m-searchstreetgeosearch-help>div.entity:last-child, .m-searchstreet-help>div.entity:last-child {
  padding-bottom: 10px;
  border-bottom: 0px
}

.m-geosearch-help>div.entity>div.name, .m-searchstreetgeosearch-help>div.entity>div.name, .m-searchstreet-help>div.entity>div.name {
  padding: 5px;
  font-size: 15px;
  color: #404040
}

.m-geosearch-help>div.entity>div.example, .m-searchstreetgeosearch-help>div.entity>div.example, .m-searchstreet-help>div.entity>div.example {
  padding: 5px;
  color: #404040;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #efefef;
  border-radius: 4px;
  font-style: italic;
}

/***************
       PANEL
***************/

.m-areas>div.m-area>div.m-panel.m-geosearch, .m-areas>div.m-area>div.m-panel.m-searchstreetgeosearch, .m-areas>div.m-area>div.m-panel.m-searchstreet {
  order: -100;
  width: auto;
  z-index: 1001;
}

@media only screen and (max-width: 768px) {
  .m-areas>div.m-area>div.m-panel.m-geosearch, .m-areas>div.m-area>div.m-panel.m-searchstreetgeosearch, .m-areas>div.m-area>div.m-panel.m-searchstreet {
    width: calc(100vw - 20px);
    z-index: 1001;
  }
}

.m-areas>div.m-area>div.m-panel.m-geosearch>button.m-panel-btn, .m-areas>div.m-area>div.m-panel.m-searchstreetgeosearch>button.m-panel-btn, .m-areas>div.m-area>div.m-panel.m-searchstreet>button.m-panel-btn {
  position: absolute;
  right: -40px;
  background-color: #a15bd7;
  color: #fff;
  /*z-index: 999999;*/
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
}

.m-areas>div.m-area>div.m-panel.m-geosearch.collapsed>button.m-panel-btn, .m-areas>div.m-area>div.m-panel.m-searchstreetgeosearch.collapsed>button.m-panel-btn, .m-areas>div.m-area>div.m-panel.m-searchstreet.collapsed>button.m-panel-btn {
  color: #a15bd7;
  position: inherit;
  right: 0;
  box-shadow: none;
}

@media only screen and (max-width: 768px) {
  div.m-panel.m-geosearch>button.m-panel-btn, div.m-panel.m-searchstreetgeosearch>button.m-panel-btn, div.m-panel.m-searchstreet>button.m-panel-btn {
    display: none;
  }
}

/* ANIMATIONS */

.m-areas>div.m-area>div.m-panel.m-geosearch, .m-areas>div.m-area>div.m-panel.m-searchstreetgeosearch, .m-areas>div.m-area>div.m-panel.m-searchstreet {
  -webkit-transition: max-height .33s ease-in-out 0s;
  transition: max-height .33s ease-in-out 0s;
  max-height: 100vh;
}

.m-areas>div.m-area>div.m-panel.m-geosearch.collapsed, .m-areas>div.m-area>div.m-panel.m-searchstreetgeosearch.collapsed, .m-areas>div.m-area>div.m-panel.m-searchstreet.collapsed {
  -webkit-transition: max-height .33s ease-in-out 0s;
  transition: max-height .33s ease-in-out 0s;
  /*max-height: 40px;
    width: auto;*/
}

.m-areas>div.m-area>div.m-panel.m-geosearch>div.m-panel-controls, .m-areas>div.m-area>div.m-panel.m-searchstreetgeosearch>div.m-panel-controls, .m-areas>div.m-area>div.m-panel.m-searchstreet>div.m-panel-controls {
  -webkit-transition: max-width .5s ease 0s, opacity .44s ease 0s;
  transition: max-width .5s ease 0s, opacity .44s ease 0s;
}

.m-geosearch-container>.results-panel>div.results, .m-searchstreetgeosearch-container>.results-panel>div.results, .m-searchstreet-container>.results-panel>div.results {
  -webkit-transition: max-height .33s ease-in-out 0s;
  transition: max-height .33s ease-in-out 0s;
}

.m-areas>div.m-area>div.m-panel.m-geosearch.collapsed>div.m-panel-controls>div.m-geosearch-container>div.results-panel>div.results, .m-areas>div.m-area>div.m-panel.m-searchstreetgeosearch.collapsed>div.m-panel-controls>div.m-searchstreetgeosearch-container>div.results-panel>div.results, .m-areas>div.m-area>div.m-panel.m-searchstreet.collapsed>div.m-panel-controls>div.m-searchstreet-container>div.results-panel>div.results {
  /*margin: 0px;
   max-height: 0;*/
}

.results-panel div.page>div.g-cartografia-flecha-arriba, .results-panel div.page>div.g-cartografia-flecha-abajo {
  float: right;
  margin-right: 10px;
  cursor: pointer;
}

.partial {
  font-weight: bold;
  padding: 10px 23px;
  display: block;
  /*background-color: rgb(240, 240, 240);*/
}

@media only screen and (min-width: 769px) {
  .partial {
    /*max-width: 366px;*/
  }
}

/***************
       TABS SEARCHSTREETGEOSEARCH
***************/

.m-tab-results {
  display: none;
}

.shown .m-tab-results {
  display: inline;
}

@media only screen and (min-width: 769px) {
  .collapsed .m-tab-results {
    display: none;
  }
}

#m-tabs {
  list-style: none;
  overflow: hidden;
  margin: 10px 0 0 0;
  padding: 0;
  display: flex;
}

#m-tabs li {
  display: inline;
  width: 40%;
  margin: 0 8% 0 2%;
}

#m-tabs li:first-child {
  margin: 0 2% 0 8%;
}

#m-tabs li a {
  padding: 10px;
  text-decoration: none;
  border: 1px solid #ccc;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.05);
  color: #6C6C6C;
}

#m-tabs li a.activated {
  background-color: white;
  border-bottom: solid 1px white;
  z-index: 1;
  font-weight: bold;
}

#m-tabs li a:hover {
  background-color: rgba(124, 0, 158, 0.05);
  cursor: pointer;
}

#m-tabs-content {
  /*height: 250px;
    overflow: hidden;*/
  min-height: 50px;
  max-height: 75vh;
  border: 1px solid #ccc;
  position: relative;
  top: -1px;
  width: 94%;
  margin-left: 3%;
  z-index: 0;
  margin-bottom: 10px;
  background-color: white;
}

#m-tabs-content>div {
  display: none;
}

#m-tabs-content>div.show {
  display: block;
}

.m-tabcontent {
  min-height: 50px;
  display: none;
  overflow: auto;
  display: block;
  position: relative;
  overflow-x: hidden;
}

.m-tabcontent.hidden {
  min-height: 0px;
}

#m-tabs-content.hidden {
  min-height: 0px;
}

#m-searchstreet-results:target, #m-searchstreet-results:target {
  display: block;
}