﻿#info_riesgo {
  /*background-color: rgb(86, 132, 81) !important;
    font-size: 12px;*/
  width: 210px !important;
  color: #fff !important;
  font-weight: bold !important;
  font-size: 12px !important;
  border: #5da655 1px solid !important;
  background-color: rgba(86, 132, 81, 0.5) !important;
  height: 148px !important;
  bottom: 290px !important; }
  #info_riesgo .info-tecnica .info-item p {
    margin: 0px !important;
    color: #fff !important; }
    #info_riesgo .info-tecnica .info-item p b {
      color: #fff !important; }
  @media (max-width: 600px) {
    #info_riesgo {
      width: 98% !important;
      font-size: 16px !important;
      height: 90px !important;
      bottom: 34px !important;
      padding-left: 5px !important; }
      #info_riesgo .info-tecnica {
        width: 100% !important; }
        #info_riesgo .info-tecnica .info-item {
          padding: 0px !important;
          width: 33% !important;
          float: left !important;
          text-align: center !important;
          font-size: 14px !important; }
          #info_riesgo .info-tecnica .info-item p {
            font-size: 14px !important; }
            #info_riesgo .info-tecnica .info-item p b {
              font-size: 14px !important;
              color: #fff !important; } }
  #info_riesgo .config_risk {
    display: none !important; }
  #info_riesgo .resultado {
    text-align: center !important;
    padding: 3px !important;
    font-size: 20px !important; }
    @media (max-width: 600px) {
      #info_riesgo .resultado {
        font-size: 16px !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important; } }
    #info_riesgo .resultado._r1 {
      color: #00FF00 !important; }
    #info_riesgo .resultado._r2 {
      color: #00FF00 !important; }
    #info_riesgo .resultado._r3 {
      color: #FFFF00 !important; }
    #info_riesgo .resultado._r4 {
      color: #FFA500 !important; }
    #info_riesgo .resultado._r5 {
      color: #ff0000 !important; }
  #info_riesgo .container_riesgo {
    min-height: 26px !important;
    width: 100% !important;
    background-color: #fff !important;
    margin-bottom: 10px !important; }
    @media (max-width: 600px) {
      #info_riesgo .container_riesgo {
        font-size: 10px !important;
        margin-bottom: 5px !important;
        min-height: 15px !important; } }
    #info_riesgo .container_riesgo .indicador_riesgo {
      height: 20px !important;
      width: 100% !important;
      background-color: #fff !important; }
      #info_riesgo .container_riesgo .indicador_riesgo._r1 {
        width: 20% !important;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ff00+0,00ff00+20,ffff00+40,ffa500+60,ff0000+80,ff0000+100 */
        background: #00ff00;
        /* Old browsers */
        background: -moz-linear-gradient(left, #00ff00 0%, #00ff00 20%, #fff 100%) !important;
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #00ff00 0%, #00ff00 20%, #fff 100%) !important;
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #00ff00 0%, #00ff00 20%, #fff 100%) !important;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      #info_riesgo .container_riesgo .indicador_riesgo._r2 {
        width: 40% !important;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ff00+0,00ff00+20,ffff00+40,ffa500+60,ff0000+80,ff0000+100 */
        background: #00ff00;
        /* Old browsers */
        background: -moz-linear-gradient(left, #00ff00 0%, #00ff00 20%, #ffff00 40%, #fff 100%) !important;
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #00ff00 0%, #00ff00 20%, #ffff00 40%, #fff 100%) !important;
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #00ff00 0%, #00ff00 20%, #ffff00 40%, #fff 100%) !important;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      #info_riesgo .container_riesgo .indicador_riesgo._r3 {
        width: 60% !important;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ff00+0,00ff00+20,ffff00+40,ffa500+60,ff0000+80,ff0000+100 */
        background: #00ff00;
        /* Old browsers */
        background: -moz-linear-gradient(left, #00ff00 0%, #00ff00 20%, #ffff00 40%, #ffa500 60%, #fff 100%) !important;
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #00ff00 0%, #00ff00 20%, #ffff00 40%, #ffa500 60%, #fff 100%) !important;
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #00ff00 0%, #00ff00 20%, #ffff00 40%, #ffa500 60%, #fff 100%) !important;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      #info_riesgo .container_riesgo .indicador_riesgo._r4 {
        width: 80% !important;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ff00+0,00ff00+20,ffff00+40,ffa500+60,ff0000+80,ff0000+100 */
        background: #00ff00;
        /* Old browsers */
        background: -moz-linear-gradient(left, #00ff00 0%, #00ff00 20%, #ffff00 40%, #ffa500 60%, #ffa500 80%, #fff 100%) !important;
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #00ff00 0%, #00ff00 20%, #ffff00 40%, #ffa500 60%, #ffa500 80%, #fff 100%) !important;
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #00ff00 0%, #00ff00 20%, #ffff00 40%, #ffa500 60%, #ffa500 80%, #fff 100%) !important;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      #info_riesgo .container_riesgo .indicador_riesgo._r5 {
        width: 100% !important;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ff00+0,00ff00+20,ffff00+40,ffa500+60,ff0000+80,ff0000+100 */
        background: #00ff00;
        /* Old browsers */
        background: -moz-linear-gradient(left, #00ff00 0%, #00ff00 20%, #ffff00 40%, #ffa500 60%, #ff0000 80%, #ff0000 100%) !important;
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #00ff00 0%, #00ff00 20%, #ffff00 40%, #ffa500 60%, #ff0000 80%, #ff0000 100%) !important;
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #00ff00 0%, #00ff00 20%, #ffff00 40%, #ffa500 60%, #ff0000 80%, #ff0000 100%) !important;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

#amenazas-container {
  bottom: 35px;
  height: 250px !important;
  width: 210px !important;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  font: bold 14px;
  border: #5da655 1px solid !important;
  background-color: rgba(86, 132, 81, 0.5) !important; }
  @media (max-width: 600px) {
    #amenazas-container {
      width: 180px;
      bottom: 10px;
      height: 220px;
      background-color: transparent !important;
      left: 2px; } }
  #amenazas-container input[type=radio] + label, #amenazas-container input[type=checkbox] + label {
    font-size: 12px !important;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
    vertical-align: middle;
    background-color: #f5f5f5 !important;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)) !important;
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6) !important;
    background-image: -o-linear-gradient(top, #fff, #e6e6e6) !important;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6) !important;
    background-repeat: repeat-x !important;
    border: 1px solid #ccc !important;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    border-bottom-color: #b3b3b3 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important; }
  #amenazas-container input[type=radio]:checked + label, #amenazas-container input[type=checkbox]:checked + label {
    background-image: none !important;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    background-color: #e0e0e0 !important; }
  #amenazas-container .title {
    color: #fff !important;
    font-size: 16px !important; }
    @media (max-width: 600px) {
      #amenazas-container .title {
        display: none; } }
  #amenazas-container .options {
    text-align: center; }
    @media (max-width: 600px) {
      #amenazas-container .options {
        margin-top: 10px; } }
    #amenazas-container .options label {
      width: 49%; }
      @media (max-width: 600px) {
        #amenazas-container .options label {
          font-size: 12px !important;
          line-height: 10px !important;
          width: 50%; } }
  #amenazas-container .info-wrapper {
    padding: 15px; }
    @media (max-width: 600px) {
      #amenazas-container .info-wrapper {
        padding: 10px; }
        #amenazas-container .info-wrapper .intensidad-sismica img {
          width: 100%; }
        #amenazas-container .info-wrapper .intensidad-sismica hr {
          display: none !important; } }
    #amenazas-container .info-wrapper hr {
      display: none !important; }
    #amenazas-container .info-wrapper #info-sismo, #amenazas-container .info-wrapper #info-intensidad {
      display: none !important; }
    #amenazas-container .info-wrapper .dropdown-menu::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
      background-color: #F5F5F5 !important; }
    #amenazas-container .info-wrapper .dropdown-menu::-webkit-scrollbar {
      width: 10px;
      background-color: #F5F5F5 !important; }
    #amenazas-container .info-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
      background-color: #000000 !important;
      border: 2px solid #555555 !important; }
    #amenazas-container .info-wrapper .sismos-historicos {
      /*display: none;*/
      font-size: 12px !important; }
      #amenazas-container .info-wrapper .sismos-historicos label {
        color: #fff !important; }
      #amenazas-container .info-wrapper .sismos-historicos .wrap-select-pais .btn.dropdown-toggle.btn-default {
        color: #333333 !important;
        background-color: #ffffff !important;
        border-color: #cccccc !important;
        width: 180px !important; }
        #amenazas-container .info-wrapper .sismos-historicos .wrap-select-pais .btn.dropdown-toggle.btn-default span {
          font-size: 12px; }
      #amenazas-container .info-wrapper .sismos-historicos .wrap-select-evento .btn.dropdown-toggle.btn-default {
        color: #333333 !important;
        background-color: #ffffff !important;
        border-color: #cccccc !important;
        width: 180px !important; }
        #amenazas-container .info-wrapper .sismos-historicos .wrap-select-evento .btn.dropdown-toggle.btn-default span {
          font-size: 10px; }
      @media (max-width: 600px) {
        #amenazas-container .info-wrapper .sismos-historicos {
          font-size: 12px !important; }
          #amenazas-container .info-wrapper .sismos-historicos .btn-group.bootstrap-select button {
            width: 150px !important; } }
      #amenazas-container .info-wrapper .sismos-historicos label {
        text-shadow: 2px 1px 0px #000; }
        @media (max-width: 600px) {
          #amenazas-container .info-wrapper .sismos-historicos label {
            display: none; } }
      #amenazas-container .info-wrapper .sismos-historicos .wrap-select-evento {
        margin-top: 10px; }
        #amenazas-container .info-wrapper .sismos-historicos .wrap-select-evento .dropdown-menu.open {
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4) !important;
          border: 1px solid #000; }
        @media (max-width: 600px) {
          #amenazas-container .info-wrapper .sismos-historicos .wrap-select-evento hr {
            margin-top: 5px;
            margin-bottom: 5px; } }
      #amenazas-container .info-wrapper .sismos-historicos .filter-option {
        color: #000;
        font-weight: bold; }
      #amenazas-container .info-wrapper .sismos-historicos img {
        width: 30px; }

#inmueble {
  display: block !important;
  opacity: 1 !important;
  bottom: 25px !important;
  height: auto !important;
  width: 672px !important;
  top: unset !important;
  left: 260px !important;
  overflow: hidden !important;
  overflow-y: hidden !important;
  background-color: rgba(86, 132, 81, 0.5) !important;
  border: #5da655 1px solid; }
  @media (max-width: 600px) {
    #inmueble {
      bottom: 135px !important;
      left: 50px !important; } }
  #inmueble .modal-dialog {
    width: auto !important;
    padding: 0px !important; }
    #inmueble .modal-dialog .tab {
      display: none !important; }
    #inmueble .modal-dialog .modal-content {
      background-color: rgba(86, 132, 81, 0.5) !important;
      border-radius: 0px !important;
      border: none !important; }
      #inmueble .modal-dialog .modal-content .modal-header {
        padding: 10px !important;
        border: none !important; }
        #inmueble .modal-dialog .modal-content .modal-header h4 {
          color: #fff !important; }
        #inmueble .modal-dialog .modal-content .modal-header button {
          display: none !important; }
        #inmueble .modal-dialog .modal-content .modal-header .modal-title {
          padding-top: 10px !important;
          text-align: center !important;
          font-weight: bold !important;
          font-size: 14px !important;
          line-height: 0 !important; }
      #inmueble .modal-dialog .modal-content .modal-body {
        padding: 0px !important; }
        #inmueble .modal-dialog .modal-content .modal-body .wrap_info {
          height: auto !important; }
          #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen {
            border: none !important;
            padding-top: 8px !important;
            width: 100% !important;
            height: 100% !important;
            overflow-y: hidden; }
            #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen hr {
              display: none !important; }
            #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .title {
              display: none !important; }
            #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .row:before, #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .row:after {
              display: inline !important;
              content: none !important; }
            #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .col-sm-6.col-md-6, #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .col-sm-6.col-md-3 {
              width: auto !important;
              float: left !important;
              padding-right: 2px !important;
              padding-left: 2px !important;
              margin-bottom: 5px !important;
              margin-top: 0px !important; }
              #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .col-sm-6.col-md-6 .option, #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .col-sm-6.col-md-3 .option {
                width: 125px !important;
                height: 80px !important;
                font-size: 12px !important;
                text-align: center !important;
                background-color: #f5f5f5 !important;
                background-image: linear-gradient(to bottom, #fff, #e6e6e6) !important;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
                border-bottom-color: #b3b3b3 !important;
                padding-top: 3px !important; }
                #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .col-sm-6.col-md-6 .option span, #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .col-sm-6.col-md-3 .option span {
                  font-size: 9px !important;
                  margin-bottom: 5px !important; }
                #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .col-sm-6.col-md-6 .option img, #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .col-sm-6.col-md-3 .option img {
                  width: 30px !important;
                  height: 30px !important; }
                #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .col-sm-6.col-md-6 .option b, #inmueble .modal-dialog .modal-content .modal-body .wrap_info #resumen .col-sm-6.col-md-3 .option b {
                  border: none !important; }
    #inmueble .modal-dialog .modal-footer {
      display: none !important; }

#info_ubicacion {
  display: block !important;
  float: left;
  z-index: 2 !important;
  position: fixed !important;
  width: 150px;
  height: 125px;
  top: 10px;
  font-size: 10px !important;
  font-weight: bold;
  margin-left: 5px;
  margin-bottom: 5px;
  color: #fff !important;
  font-weight: bold !important;
  font-size: 14px !important;
  border: #5da655 1px solid !important;
  background-color: rgba(86, 132, 81, 0.5) !important;
  padding-left: 10px;
  padding-right: 10px; }
  #info_ubicacion .title {
    text-align: center !important;
    font-size: 16px !important;
    margin: 10px !important;
    color: #fff !important; }
  #info_ubicacion .info-coordenadas {
    font-size: 12px !important; }
    #info_ubicacion .info-coordenadas p {
      color: #fff !important; }
      #info_ubicacion .info-coordenadas p b {
        color: #fff !important; }

#resultados_detallados {
  background-color: #fff !important;
  z-index: 2 !important;
  position: fixed !important;
  right: 5px;
  top: 2px;
  font-size: 8px;
  padding: 5px;
  width: 230px;
  height: 470px; }
  #resultados_detallados p {
    margin: 0 0 5px !important;
    background-color: #fff; }

