html {
  background-color: #fff;
}

body {
  background-color: #fff;
  font-family: "CHANEWEI", Helvetica, Arial, sans-serif;
}

h4 {
  font-family: "CHANEWEI", Helvetica, Arial, sans-serif !important;
}

p {
  font-family: "CHANEWEI", Helvetica, Arial, sans-serif !important;
}

#stats-home {
  background-color: #efefef;
  padding: 20px 0px;
}

#stats-home .col-custom-1-5 {
  padding: 0 15px;
  width: 20%;
  float: left;
  position: relative;
}

#stats-home .col-custom-2-5 {
  width: 40%;
  padding: 0 15px;
  float: left;
  position: relative;
}

#stats-home h5 {
  font-size: 15px;
  font-family: "CHANEWEI", Helvetica, Arial, sans-serif !important;
  margin-bottom: 0;
}

#stats-home .icon-container {
  padding-right: 0px;
  padding-left: 0px;
  text-align: right;
}
#stats-home .icon-container img {
  max-width: 75px;
}

#stats-home .value-container {
  padding-left: 0px;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

#stats-home span.value {
  display: block;
  font-family: "CHANEWEI", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
}

#selector-home {
  margin: 30px 0;
}

#selector-home .selector {
}

#selector-home .selector img {
  filter: grayscale(100%);
  width: 50%;
}

#selector-home .selector a {
  border: 3px solid #ffffff;
  border-radius: 10px;
  display: block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

#selector-home .selector a span {
  text-align: center;
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-family: "CHANEWEI", Helvetica, Arial, sans-serif;
  color: black;
  text-decoration: none;
  margin-bottom: 20px;
}

#selector-home .selectorSelected a {
  border: 3px solid #ffbc00;
}

#selector-home .selectorSelected img {
  filter: none;
}

#tipo-chart {
  padding-top: 10px;
}

#tipo-chart-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}

#tipo-chart-container .tipo-group {
  transition: background-color 0.5s ease;
  float: left;
  width: 120px;
  text-align: center;
  padding: 10px;
  height: 110px;
}

#tipo-chart-container .tipo-group .tipo-container {
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
}

#tipo-chart-container .tipo-group.selected {
  background-color: #ffbc00;
}

#tipo-chart-container .tipo-group .image-container {
}

#tipo-chart-container .tipo-group .tipo-text {
  text-decoration: none;
  color: #000;
}

#area-responsable-chart {
  padding-top: 10px;
}

#area-responsable-chart #areas {
  margin-bottom: 10px;
}

#area-responsable-chart #mini-chart {
  margin-top: 5px;
}

#area-responsable-chart .main-group {
}

#area-responsable-chart .main-group .area-rect {
  fill: #ccc;
  transition: fill 0.5s ease;
}

#area-responsable-chart .main-group .click-rect {
  fill: #ffbc00;
  transition: fill-opacity 0.5s ease;
  fill-opacity: 0;
}

#area-responsable-chart .main-group .click-rect:hover {
  fill-opacity: 1;
}

#area-responsable-chart .main-group .area-rect.selected {
  fill: #ffbc00;
}

#area-responsable-chart #mini-chart.all .area-rect {
  fill: #ffbc00;
}

#home-chart-container path.map-item,
#home-chart-container path.comunas-item,
#home-chart-container path.montos-item {
  fill: #eee;
  stroke: #fff;
  stroke-width: 3px;
  cursor: pointer;
}

#home-chart-container path.map-item:hover,
#home-chart-container path.comunas-item:hover,
#home-chart-container path.montos-item:hover {
  fill: #e3e3e3;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

#home-chart-container path.map-item.active,
#home-chart-container path.comunas-item.active,
#home-chart-container path.montos-item.active {
  fill: #e3e3e3;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

#home-chart-container text.map-text {
  fill: white;
  font-family: "CHANEWEI", Helvetica, Arial, sans-serif;
  font-size: 40px;
  pointer-events: none;
  /* font-weight: bold; */
}

.chart-item {
  background-color: #efefef;
  padding: 30px 20px 10px 20px;
  margin-bottom: 10px;
}
.chart-item h4 {
  text-align: right;
  margin-bottom: 20px;
  font-family: "CHANEWEI", Helvetica, Arial, sans-serif !important;
}

#tooltip-home-chart {
  position: absolute;
  background-color: white;
  -webkit-box-shadow: 2px 4px 11px 0px rgba(50, 50, 50, 1);
  -moz-box-shadow: 2px 4px 11px 0px rgba(50, 50, 50, 1);
  box-shadow: 2px 4px 11px 0px rgba(50, 50, 50, 1);
  opacity: 0;
  padding: 0px;
  margin: 10px;
  /*pointer-events: none;*/
}

#tooltip-home-chart #tooltip-logo-container {
  margin: 10px;
  position: relative;
}

#tooltip-home-chart #tooltip-logo-container .circle-bg {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: block;
}

#tooltip-home-chart #tooltip-logo-container svg {
  position: absolute;
  top: 1px;
  left: 2px;
}

#tooltip-home-chart .compromiso-row {
  margin-bottom: 10px;
}
span.label.label-primary.compromiso-row.destacada {
  background-color: #45debf;
}

span.label.label-primary.compromiso-row.ba-elige {
  background-color: #ff5ac9;
}

#tooltip-home-chart .btn {
  pointer-events: default;
}

#buscador-table .lupita .ng-table-header {
  position: relative;
}

#buscador-table .lupita .ng-table-header:after {
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e003";
  position: absolute;
  top: 3px;
  left: 7px;
}

.resultado-buscador {
  border-radius: 0px;
  background-color: white;
}

.flex-direction-nav a {
  height: 45px;
}

#tooltip-home-chart .progress {
  background-color: #fff;
  background-image: none;
  border: 2px solid #e3e3e3;
  box-shadow: none;
  margin: 10px 20px;
  height: 25px;
}

#tooltip-home-chart .tooltip-text {
  padding: 0px 20px;
}

#tooltip-home-chart .progress .desc {
  position: absolute;
  padding: 0 5px;
}

#tooltip-home-chart .progress .progress-bar {
  background-color: #e3e3e3;
  background-image: none;
}

#tooltip-home-chart .btn-ver-mas {
  text-decoration: none;
  color: #000;
}

#tooltip-home-chart .close {
  margin: 10px;
  position: absolute;
  right: 0;
  z-index: 100;
}

#tooltip-home-chart .progress i {
  float: right;
  margin-right: 5px;
  margin-top: 2px;
}

#tooltip-home-chart .tooltip-img {
  margin-bottom: 5px;
  min-height: 100px;
  max-height: 150px;
  background-color: #eee;
  overflow: hidden;
  & img.obra-pic {
  }
}

#tooltip-home-chart span.title,
.resultado-buscador span.title {
  display: block;
  font-size: 12px;
}

#tooltip-home-chart .tooltip-title {
  margin: 10px 5px 10px 0px;
}

#tooltip-home-chart span.title {
}
#tooltip-home-chart span.type {
  font-weight: bold;
}

#tooltip-home-chart span.main-title {
  font-size: 14px;
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

#tooltip-home-chart span.desc,
.resultado-buscador span.desc {
  display: block;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 7px;
}

#tooltip-home-chart .tooltip-map {
  min-height: 90px;
  position: relative;
}
#tooltip-home-chart .tooltip-map .tooltip-map-placeholder {
  background-color: #eee;
  min-height: 86px;
  display: block;
}

#tooltip-home-chart .tooltip-map .tooltip-map-loading {
  position: absolute;
  display: block;
  text-align: center;
  width: 87%;
}

.btn-home {
  color: #333;
}
.btn-home:hover {
  color: #333;
}
.dropdown-menu a {
  cursor: pointer;
}

#main-chart-container {
  position: relative;
}

#side-chart-col {
}

#home-chart-container circle.obra {
  cursor: pointer;
}

#home-chart-container line {
  stroke-width: 1px;
}

label.label-nav {
  font-weight: normal;
  margin-top: 6px;
}

circle.selection-cicle {
  pointer-events: none;
}

rect.comunas-item-frame,
rect.montos-item-frame,
rect.etapas-item-frame {
  fill: #eee;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

rect.comunas-item-frame:hover,
rect.montos-item-frame:hover,
rect.etapas-item-frame:hover {
  fill: #e3e3e3;
}

rect.comunas-item-frame.active,
rect.montos-item-frame.active,
rect.etapas-item-frame.active {
  fill: #e3e3e3;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

#home-chart-container {
  width: 100%;
}

rect.click-rect {
  cursor: pointer;
}

slick.slider-nav img {
  max-width: 50%;
  text-align: center;
}
div.obra .ficha-tecnica {
  background: #fff;
  border-radius: 4px;
  position: relative;
  -ms-behavior: url(../bastrap3/pie.htc);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: 0 0 4px #aaa;
  box-shadow: 0 0 4px #aaa;
  padding: 1em;
}
div.obra .ficha-tecnica strong {
  color: #000;
  font-size: 0.9em;
}
div.obra .etapa {
  padding: 3px;
}
div.obra .ficha-tecnica p {
  margin: 4px 0;
  color: darkgray;
  font-size: 0.9em;
}
div.obra .ficha-tecnica h4 {
  color: #808080;
  font-weight: lighter;
}
div.obra .ficha-tecnica .fechas {
  font-size: 0.75em;
}
div.obra .ficha-tecnica .fechas .up {
  font-weight: bolder;
  font-size: 1.2em;
}
div.obra .ficha-tecnica .fechas .right {
  text-align: right;
}
div.obra .ficha-tecnica .progress {
  height: 24px;
  margin-bottom: 15px;
}

div.obra .toolTip {
  font-family: "CHANEWEI", Helvetica, Arial, sans-serif;
  position: absolute;
  display: none;
  width: auto;
  height: auto;
  background: none repeat scroll 0 0 white;
  border: 0 none;
  border-radius: 8px 8px 8px 8px;
  box-shadow: -3px 3px 15px #888888;
  color: black;
  font: 12px sans-serif;
  padding: 5px;
  text-align: center;
}
div.obra .colored text {
  font: 4px sans-serif;
  color: black;
}
div.obra text {
  font: 10px sans-serif;
  color: black;
}

div.obra text.reference {
  font: 3px sans-serif;
  color: black;
}

div.obra text.value {
  font-size: 100%;
  fill: black;
}

div.obra .axisHorizontal path {
  fill: none;
}

div.obra .axisHorizontal .tick line {
  stroke-width: 1;
  stroke: rgba(0, 0, 0, 0.2);
}

div.obra .bar {
  fill: black;
  fill-opacity: 0.9;
}
div.obra .ficha-tecnica .progress-bar {
  background-color: #808080;
  background-image: linear-gradient(to bottom, #808080 0%, #808080 100%);
  border-color: #808080;
  color: black;
}

/* Historias */

.btn-orange {
  color: #f7803b;
  text-transform: uppercase;
  text-decoration: none;
}

.btn-orange:visited,
.btn-orange:visited {
  color: #f7803b;
}

.buttons-container-categories {
  margin: 1px;
  margin-bottom: 5px;
}

.buttons-container-categories .btn {
  border: none;
  box-shadow: none;
  background-image: none;
  color: #fff;
}

.buttons-container-categories .unselected .btn {
  opacity: 0.4;
}

.buttons-container-categories #verde {
  background-color: #7fcd37;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.buttons-container-categories #integrada {
  background-color: #fdac2a;
}

.buttons-container-categories #equilibrada {
  background-color: #fd514d;
}

.buttons-container-categories #cercana {
  background-color: #db5a94;
}

.buttons-container-categories #atractiva {
  background-color: #27c3b9;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.buttons-container-categories .btn-group-header {
  width: 100%;
}

.buttons-container-categories .btn-group-header .btn-header {
  width: 20%;
  transition: width 0.5s ease;
  max-height: 32px;
  overflow: hidden;
}

.buttons-container-categories .btn-group-header .btn-header button {
  width: 100%;
}

.buttons-container-categories .btn-group-header.categorySelected .btn-header {
  width: 52%;
}

.buttons-container-categories
  .btn-group-header.categorySelected
  .btn-header.unselected {
  width: 12%;
}

.bg-verde {
  background-color: #7fcd37;
}

.bg-integrada {
  background-color: #fdac2a;
}

.bg-equilibrada {
  background-color: #fd514d;
}

.bg-cercana {
  background-color: #db5a94;
}

.bg-atractiva {
  background-color: #27c3b9;
}

#mobile-filler {
  display: none;
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  #stats-home .col-custom-1-5 {
    width: 50%;
  }

  .chart-item h4 {
    text-align: center;
  }

  #stats-home .col-custom-2-5 {
    width: 50%;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #stats-home .col-custom-1-5 {
    width: 100%;
  }

  #stats-home .col-custom-2-5 {
    width: 100%;
  }

  #home-chart-container text.map-text {
    font-size: 15px;
  }
  #mobile-filler {
    display: block;
    height: 400px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
}

#tooltip-logo-container.icon {
  max-width: 50px;
  border-radius: 100px;
  height: 50px;
  text-align: center;
  margin: 1em;
}

#tooltip-logo-container.icon img {
  filter: brightness(1000000);
  height: 45px;
}

.tooltip-title h3 {
  padding: 0;
  margin-top: 0;
}
.tooltip-title .col-xs-10 {
  padding: 0;
}
.tooltip-title p {
  padding-top: 12px;
  margin-bottom: 4px;
}

.ficha-tecnica span {
  font-weight: 900;
  padding: 0.5em;
  border-radius: 1em;
  margin-right: 4px;
  font-size: 0.8em;
  display: inline-block;
  margin-bottom: 4px;
}

.ficha-tecnica .etiquetas span img {
  width: 10px;
  margin-bottom: 1px;
  margin-left: 1px;
  margin-right: 1px;
}
#search-box {
  padding-top: 10px;
}
.search {
  padding-top: 5px;
}
.search input {
  width: 100%;
}
.show-destacadas{
    background: #efefef;
    color: black;
    float:right;
    margin-bottom: 2px;
}