v\:rect, v\:roundrect, v\:line, v\:polyline, v\:curve, v\:arc, v\:oval, v\:image, v\:shape, v\:group, v\:skew,
v\:stroke, v\:fill {behavior:url(#default#VML); display:inline-block }

:root {
    --map-scrollbar-height: 4px;
    --map-scrollbar-width: 8px;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 14px;
}
/* Scrollbar per Firefox */
* {  
  scrollbar-width: thin;
  /*scrollbar-color: red orange;*/
}
/* Varis */
.bg-default {background-color: #f9f9f9; color: #000; }

/* Galeri d'imatges mode Masonry */
.galeria-emap {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.galeria-emap img {
  width: 100%; 
  padding: 5px 0;
}
@media (max-width: 500px) {
.galeria-emap {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
}

/* Dashboard */
.dashboard .panel.panel-primary {
  border-radius: 5px;
  background-color: #f9f9f9;
  border-color: #ccc;
}
.dashboard .panel.panel-primary>.panel-heading {
  color: #000;
  background-color: transparent;
  background-image: none;
  border-style: none;
}

.dashboard .panel-heading h1 {font-size: 1.5em !important; margin: 0 !important; border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.dashboard .panel-body h1 {font-weight: bold !important;}
.dashboard .panel-body {padding-top: 0 !important;}
.dashboard .panel > i.btn {color: #000; text-decoration: none !important;}
/* Contenidor de cards */
.cards-e-map .panel.panel-primary {
  border-radius: 5px;
  background-color: #f9f9f9;
  border-color: #ccc;
}
.cards-e-map .panel.panel-primary>.panel-heading {
  color: #000;
  background-color: transparent;
  background-image: none;
  border-style: none;
}
.cards-e-map .panel-heading h1 {font-size: 1.5em !important; margin: 0 !important; border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.cards-e-map .panel-body h1 {font-weight: bold !important;}
.cards-e-map .panel-body {padding-top: 0 !important;}

.cards-e-map .panel > i {color:#000; text-decoration: none !important;}

.cards-e-map .panel:fullscreen {
  width: 100vw; height: 100vh;
}
.cards-e-map .panel:fullscreen > .panel-body {
  overflow-x: hidden; overflow-y: auto;
  height: calc(100vh - 44px);
  width: 100vw;
}

/* Cards per enllacos */
.terrassa-link-card {
  padding-left: 10px;
  padding-right: 10px;
}
.terrassa-link-card .caption {
  padding: 0px;
}
.terrassa-link-card .thumbnail:hover {
    background-color: #f5f5f5;
}
.terrassa-link-card a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
  text-decoration: none;
}
.terrassa-link-card img {
  float:left;
  margin: 0px 5px 5px 1px;

  max-width: 32px;
  min-width: 32px;
  width: 32px;
  
  max-height: 32px;
  min-height: 32px;
  height: 32px;
}
.terrassa-link-card .thumbnail .caption h4 {
  text-align: left;
  margin-top: 1px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1em;
  max-height: 32px;
  min-height: 32px;
  height: 32px;
  overflow: hidden;
}
.terrassa-link-card .thumbnail .caption p {
  text-align: justify;
  min-height: 40px;
  max-height: 40px;
  height:40px;
  overflow: hidden;
}
@media (max-width: 768px) {
}

/* QR Code */
.qr-map-code {
  width: 170px;
  height: 186px;
  margin: 0 auto;
  position: relative;
  top: -20px;
}
.qr-map-code-text {
  font-size: 0.7em;
}
/* Map Tour */
.tour-welcome-message {
  max-width: 320px !important;
}
.tour-welcome-message .popover-content {
  text-align: justify;
}
.tour .popover-title {
  font-weight: bold;
  font-size: 1.3em;
}
/* Logo Corporatiu */
.logoCorporatiu {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-image: url(../iconesWeb/iconaAjuntamentTerrassa_128x128.jpg);
    cursor: pointer;
    margin: 0;
    background-size: contain;
    border-radius: 50%;
    position: absolute;
    left: 14px;
    bottom: 100px;
    -o-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -webkit-opacity: 0.6;
    filter:alpha(opacity=60);
    opacity: 0.6;
}
.logoCorporatiu:hover {
   -o-opacity: 1.0;
   -moz-opacity: 1.0;
   -ms-opacity: 1.0;
   -webkit-opacity: 1.0;
   filter:alpha(opacity=100);
   opacity: 1.0;
}
@media (max-width: 768px) {
    .logoCorporatiu {
        bottom: 25px;
    }
}
/* Caixa de cerca. */
.terrassa-omnibox {
   position: absolute;
   left: 0;
   top: 0;
   margin: 10px 0px 10px 10px;
   background-color:#fff !important;
   min-height: 50px;
   max-height: 50px;
   width: 435px;
   box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02) !important;
   border-radius: 2px;
   padding: 0 !important;
   z-index: 600;
   display: inline-block;
   background-image: none;
   border: none;
}
.terrassa-omnibox .button-menu {
    display: inline-block;
    cursor: pointer;
    padding: 18px 16px 0 14px;
    height: 50px;
    cursor: pointer;
}
.terrassa-omnibox .button-menu .icon-bar {
    background-color: #000;
}
.terrassa-omnibox .button-menu .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.button-menu .icon-bar+.icon-bar {
    margin-top: 4px;
}
.terrassa-omnibox .separador-vertical {
  display: inline-block;
  height: 35px;
  width: 1px;
  background-color: #d0d0d0;
  position: relative;
  top: -6px;
}
.terrassa-omnibox .searchContainer {
  display: inline-block;
  height: 50px;
  padding-top: 10px;
}
.terrassa-omnibox #ajudaRecerca {
    display: inline-block;
    font-size: 1.8em;
    padding-left: 9px;
    position: relative;
    top: -10px;
    height: 50px;
    width: 38px;
    padding-right: 7px;
    padding-top: 16px;
    cursor: pointer;
}
.terrassa-omnibox .searchContainer {
  width: 75%;
}
.terrassa-omnibox .searchExpandContainer {
  width: 88%;
}
.terrassa-omnibox .searchInputGroup {
  width: 84% !important;
}
.terrassa-omnibox .searchGroup .searchInput {
   width: 100% !important;
}

@media (max-width: 767px) {
    .terrassa-omnibox {
      width: 100%;
      margin: 0 !important;
      padding: 0 !important;
    }
    .terrassa-omnibox .searchContainer {
      width: 82%;
    }
    .terrassa-omnibox .searchExpandContainer {
      width: 93%;
    }
    .terrassa-omnibox .searchInputGroup {
      width: 92% !important;
    }
}
@media (max-width: 736px) {
    .terrassa-omnibox .searchContainer {
      width: 84%;
    }
    .terrassa-omnibox .searchExpandContainer {
      width: 93%;
    }
    .terrassa-omnibox .searchInputGroup {
      width: 92% !important;
    }
}
@media (max-width: 665px) {
    .terrassa-omnibox .searchContainer {
      width: 82%;
    }
}
@media (max-width: 640px) {
    .terrassa-omnibox .searchContainer {
      width: 82%;
    }
    .terrassa-omnibox .searchExpandContainer {
      width: 92%;
    }
    .terrassa-omnibox .searchInputGroup {
      width: 90% !important;
    }
}
@media (max-width: 600px) {
    .terrassa-omnibox .searchContainer {
      width: 81%;
    }
}
@media (max-width: 560px) {
    .terrassa-omnibox .searchContainer {
      width: 78%;
    }
}
@media (max-width: 512px) {
    .terrassa-omnibox .searchExpandContainer {
      width: 90%;
    }
}
@media (max-width: 485px) {
    .terrassa-omnibox .searchContainer {
      width: 76%;
    }
    .terrassa-omnibox .searchExpandContainer {
      width: 90%;
    }
    .terrassa-omnibox .searchInputGroup {
      width: 87% !important;
    }
}
@media (max-width: 442px) {
    .terrassa-omnibox .searchContainer {
      width: 74%;
    }
    .terrassa-omnibox .searchExpandContainer {
      width: 88%;
    }
}
@media (max-width: 420px) {
    .terrassa-omnibox .searchContainer {
      width: 71%;
    }
    .terrassa-omnibox .searchExpandContainer {
      width: 88%;
    }
    .terrassa-omnibox .searchInputGroup {
      width: 83% !important;
    }
}
@media (max-width: 390px) {
    .terrassa-omnibox .searchContainer {
      width: 70%;
    }
    .terrassa-omnibox .searchExpandContainer {
      width: 87%;
    }
    .terrassa-omnibox .searchInputGroup {
      width: 83% !important;
    }
}
@media (max-width: 360px) {
    .terrassa-omnibox .searchContainer {
      width: 70%;
    }
    .terrassa-omnibox .searchExpandContainer {
      width: 85%;
    }
    .terrassa-omnibox .searchInputGroup {
      width: 80% !important;
    }
}
@media (max-width: 355px) {
    .terrassa-omnibox .searchContainer {
      width: 68%;
    }
}
@media (max-width: 335px) {
    .terrassa-omnibox .searchContainer {
      width: 65%;
    }
    .terrassa-omnibox .searchExpandContainer {
      width: 83%;
    }
}
@media (max-width: 320px) {
    .terrassa-omnibox .searchContainer {
      width: 65%;
    }
    .terrassa-omnibox .searchExpandContainer {
      width: 83%;
    }
    .terrassa-omnibox .searchInputGroup {
      width: 78% !important;
    }
}

/* Sidebar */
.menu-sidebar {
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none
}
.navbar-default .menu-sidebar .icon-bar {
  background-color: #000;
}
.menu-sidebar .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.menu-sidebar .icon-bar+.icon-bar {
    margin-top: 4px;
}

/*

.emap-brand {
    padding-top: 7px;
    border-radius: 3px;
    box-shadow: 2px 3px 2px rgba(0,0,0,0.3) !important;
    background-color: #fff;
    width: 435px;
}
.emap-brand:hover {
  background-color: #fff !important;
}
.emap-brand .menu-sidebar {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  padding-top: 10px;
}
.emap-brand .Terrassa .searchInputGroup {
  width: 88%;
}
.emap-brand .arcgisSearch.Terrassa .searchInput
{
  width: 100% !important;
}
.emap-brand .calcite-navbar-search {
  display: inline-block;
border-left: 1px solid #e4e4e4;
    margin: 0px;
  width: 91%;
}
.emap-navbar {
  display: inline-block;
  z-index: 600;
  background-color: transparent !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  background-image: none !important;
  padding: 15px 10px;
  border: none !important;
}

*/
.calcite .arcgisSearch .searchBtn.searchToggle {
}
.emap-brand .searchExpandContainer {
  margin-right: 10px;
  width: 85%;
}
.calcite .arcgisSearch.Terrassa .searchBtn {
    background-color: transparent !important;
    color: #4c4c4c !important;
}
.calcite .arcgisSearch .searchBtn.searchSubmit {
   font-size: 20px !important;
   margin-top: -8px;
   border-left: 0;
   border-style: none;
   border-width: 0;
}
.calcite .arcgisSearch .searchBtn.searchToggle {
   border: 0;
   border-style: none;
   border-width: 0;
}
.calcite .arcgisSearch.Terrassa .searchBtn:hover {
    color: #4c4c4c !important;
    background-color: transparent !important;
}
.calcite .arcgisSearch.Terrassa .searchGroup .searchInput {
    background-color: transparent !important;
    color: #4c4c4c !important;
}
.calcite .searchIcon.esri-icon-close.searchClose {
    padding-left: 15px;
}
.calcite .arcgisSearch.Terrassa .hasValue .searchClear {
    color: #4c4c4c !important;
}
.calcite .arcgisSearch .searchGroup .searchInput {
padding: 5px 15px 5px 5px;
}
.calcite .terrassa-info-search {
  float: right;
  line-height: 1.8;
  border-left: 1px solid rgb(228,228,228);
  padding-left: 10px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2em;
}
.calcite-navbar-search {
}
.calcite-maps .tooltip-inner {
   color: #fff !important;
}

@media (max-width: 767px) {
/*
    .emap-navbar {
      width: 100%;
      background-color: yellow;
      padding: 0 !important;
    }
    .emap-brand {
      width: 100%;
      padding: 7px 5px 0px 5px;
    }
    .emap-brand .menu-sidebar {
      margin-left: 5px;
    }
    .emap-brand .Terrassa .searchInputGroup {
       width: 91% !important;
    }
   .emap-brand .searchExpandContainer {
      width: 91% !important;
   }
*/
    .calcite .terrassa-info-search {
      padding-left: 5px;
    }
}
/*
@media (max-width: 600px) {
    .emap-brand .Terrassa .searchInputGroup {
       width: 86% !important;
    }
   .emap-brand .searchExpandContainer {
      width: 85% !important;
   }
}

@media (max-width: 320px) {
  .emap-brand .col-xs-11 {
     width: 91% !important;
  }
  .emap-brand .calcite-navbar-search {
     width: 87% !important;
  }
  .emap-brand .searchExpandContainer {
     width: 81% !important;
  }
  .emap-brand .Terrassa .searchInputGroup {
     width: 82% !important;
  }
}
*/