.mapportlet {
  position: relative;
  width: 90%; }
  .mapportlet ul {
    list-style-type: none; }
  .mapportlet .map svg {
    transform: rotate(50deg); }
  .mapportlet .map svg circle {
    transform: rotate(-50deg);
    transform-box: fill-box;
    transform-origin: center; }
  .mapportlet .map svg image {
    transform: rotate(-50deg);
    transform-box: fill-box;
    transform-origin: center; }
  .mapportlet .map-deqq {
    /*float:left;*/
    width: 100%;
    position: relative; }
  .mapportlet .map-deqq-rht {
    position: absolute;
    width: 25%;
    bottom: 70px;
    right: 15px;
    top: 51%; }
    .mapportlet .map-deqq-rht p {
      font-size: 14px;
      color: #000;
      margin-bottom: 5px; }
    .mapportlet .map-deqq-rht p.title {
      font-family: 'source-sans-pro-semibold';
      line-height: 18px; }
    .mapportlet .map-deqq-rht .dropdown.bootstrap-select.show-tick {
      width: 100% !important; }
    @media (max-width: 1279px) {
      .mapportlet .map-deqq-rht {
        width: 30%;
        float: none;
        margin: 0 auto;
        position: relative;
        bottom: 0;
        right: 0;
        top: 0; } }
    @media (max-width: 767px) {
      .mapportlet .map-deqq-rht {
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0px;
        top: 0; } }
  .mapportlet ul.som-btm li {
    float: none;
    display: inline-block;
    margin: 0 auto;
    margin-right: 15px; }
  .mapportlet .som-list ul li {
    float: none;
    margin: 0 auto;
    display: inline-block;
    font-size: 15px;
    color: #000;
    margin-right: 4%;
    line-height: 27px; }
  .mapportlet .bootstrap-select .dropdown-toggle:focus {
    outline: none !important; }
  .mapportlet .btn-select {
    color: #000 !important;
    background-color: white;
    border-color: white;
    padding: 1px; }
  .mapportlet .bootstrap-select.btn-group .dropdown-toggle .caret {
    width: 10px;
    height: 10px;
    border: none;
    background-color: green; }
  .mapportlet .bootstrap-select button.btn::after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    padding-left: 5px; }
  @media (max-width: 767px) {
    .mapportlet .som-list {
      background: #b2ceda;
      width: 100%;
      margin: 15px 0;
      padding: 10px;
      background: #b2ceda; }
      .mapportlet .som-list ul.text-center {
        padding: 0px; } }

.map-deqq-rht .dropdown {
  float: left;
  width: 100%;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  padding: 5px;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  font-family: 'source-sans-pro-semibold';
  text-align: center;
  min-height: 40px;
  list-style-type: none; }

/*
.leyenda-5 circle {
    fill: $treball-color;
}
.leyenda-3 circle {
    fill: $emprenedoria-color;
}
.leyenda-2 circle {
    fill: $empreses-color;
}
.leyenda-1 circle {
    fill: $ciberanium-color;
}*/
.leyenda-mapa {
  list-style: none;
  line-height: 25px;
  border-bottom: 9px solid transparent; }
  .leyenda-mapa p {
    margin-bottom: 0px; }
  .leyenda-mapa > svg {
    width: 28px;
    height: 27px;
    top: 0;
    margin-top: -10px; }

.leyenda-propios {
  background: url(../images/iconPropis.svg) no-repeat left top;
  padding-left: 30px;
  background-size: 18px;
  background-position: left 0px top 3px; }

.leyenda-equipament-activa {
  background: url(../images/iconActivaEquipments.svg) no-repeat left top;
  padding-left: 30px;
  background-size: 27px; }

.img-equipament-activa {
  width: 27px; }

.leyenda-4 circle {
  fill: #D70082; }

.leyenda-6 circle {
  fill: #DD5405; }

.leyenda-3 circle {
  fill: #005E85; }

.leyenda-2 circle {
  fill: #EDAB1B; }

.leyenda-7 circle {
  fill: #9F0523; }

.mapportlet .map-deqq {
  float: none;
  width: 100%;
  position: relative; }

.mapportlet .containermap {
  width: 100%;
  height: fit-content;
  border-radius: 4px;
  background-color: #FFFFFF;
  overflow: hidden;
  position: relative;
  max-height: 650px; }
  @media (max-width: 1199.98px) {
    .mapportlet .containermap {
      max-height: 625px; } }
  @media screen and (max-width: 1024px) {
    .mapportlet .containermap {
      max-height: 445px; } }
  @media screen and (max-width: 767px) {
    .mapportlet .containermap {
      /* max-height: 100%; */
      visibility: hidden;
      height: 0px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .mapportlet .containermap {
      max-height: 625px; } }

.mapportlet .map {
  right: 0 !important;
  left: 0 !important;
  /* border: 1px solid red; */
  position: relative !important;
  top: 0; }

.mapportlet .map svg {
  right: 0 !important;
  transform: rotate(45deg);
  transform-origin: center center;
  height: 100%;
  width: 80%;
  margin-top: -22%;
  margin-left: -26%; }
  @media screen and (max-width: 1279px) {
    .mapportlet .map svg {
      width: 84%;
      margin-top: -224px;
      margin-left: 0px; } }
  @media screen and (max-width: 1024px) {
    .mapportlet .map svg {
      margin-top: -193px;
      margin-left: 0px; } }
  @media screen and (max-width: 767px) {
    .mapportlet .map svg {
      width: 98%;
      margin-top: 0px;
      margin-left: -10%; } }
  @media screen and (max-width: 456px) {
    .mapportlet .map svg {
      width: 98%;
      margin-top: -70px;
      margin-left: -10%; } }

.mapTooltip {
  display: none !important; }