.icoTiempoM {
  height: 35px;
  width: 40px;
  background: url(../../clima/icons/sprite_Tiempo.png) no-repeat;
}

.glyphicon.glyphicon-fire {
  font-size: 25px;
}

/*-----------Estados tiempo-----------*/
.estado_-1 {
  background-position: -1650px -14px;
}
.estado_1 {
  background-position: -11px -14px;
}
.estado_2 {
  background-position: -85px -14px;
}
.estado_3 {
  background-position: -158px -14px;
}
.estado_4 {
  background-position: -226px -14px;
}
.estado_5 {
  background-position: -296px -14px;
}
.estado_6 {
  background-position: -368px -14px;
}
.estado_7 {
  background-position: -438px -14px;
}
.estado_8 {
  background-position: -513px -14px;
}
.estado_9 {
  background-position: -580px -14px;
}
.estado_10 {
  background-position: -650px -14px;
}
.estado_11 {
  background-position: -721px -14px;
}
.estado_12 {
  background-position: -793px -14px;
}
.estado_13 {
  background-position: -866px -14px;
}
.estado_14 {
  background-position: -937px -14px;
}
.estado_15 {
  background-position: -1007px -14px;
}
.estado_16 {
  background-position: -1079px -14px;
}
.estado_17 {
  background-position: -1146px -14px;
}
.estado_18 {
  background-position: -1222px -14px;
}
.estado_19 {
  background-position: -1292px -14px;
}
.estado_20 {
  background-position: -1350px -14px;
}
.estado_21 {
  background-position: -1414px -14px;
}
.estado_22 {
  background-position: -1478px -14px;
}
.estado_23 {
  background-position: -1540px -14px;
}
.estado_24 {
  background-position: -1598px -14px;
}

/* Tabla alertas meterologicas */
#tabla {
  text-align: center;
}
#tabla .tablaEstActTit {
  font-size: 16px;
  background-color: #3baec7;
  padding: 5px;
  color: #fff;
  font-weight: normal;
}
/**/

.tablaEstacionIpe {
  width: 100%;
}

.tablaEstacionIpe ul {
  border: 1px solid #f2f3f4;
}

.tablaEstacionIpe ul li {
  list-style: none;
  font-size: 14px;
}

.titTablaEstIpe,
.datTablaEstIpe {
  display: flex;
}

.titTablaEstIpe > li {
  background: none repeat scroll 0 0 #3baec7;
  color: #fff;
  flex-basis: 20%;
  font: 12px arial;
  padding: 10px 0;
  text-align: center;
  list-style: none;
}

.datTablaEstIpe > li {
  color: #2e4053;
  float: left;
  font: 11px arial;
  padding: 10px 0;
  text-align: center;
  width: 20%;
}

.tablaEstacionIpe2 {
  width: 100%;
}

.tablaEstacionIpe2 ul li {
  list-style: none;
  border: 1px solid #f2f3f4;
  font-size: 14px;
}

.titTablaEstIpe2 > li {
  background: none repeat scroll 0 0 #3baec7;
  color: #fff;
  float: left;
  font: 12px arial;
  padding: 10px 0;
  text-align: center;
  width: 50%;
  border-right: 1px solid #fff;
}

.datTablaEstIpe2 > li {
  color: #2e4053;
  float: left;
  font: 11px arial;
  padding: 10px 0;
  text-align: center;
  width: 50%;
}

/*----------------------------------------------------Estilo Quintiles----------------------------------------------------*/
.quintilesTable {
  margin: 30px 0;
  border: 1px #f2f3f4 solid;
}
.quintilesTable td {
  width: 10%;
  height: 30px;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #f2f3f4;
}
.quintilesTable b {
  color: #666;
  font-size: 14px;
}

.quintilesTableHeader td {
  height: 40px;
}

.quintilesEstacion {
  background: #47aec6;
  font-size: 14px;
}
.quintilesEstacion b {
  color: #fff;
}

.quintil {
  font-size: 12px;
}

.quintil0 {
  background-color: #512529;
  font-size: 16px;
  color: #fff !important;
}

.quintil1 {
  background-color: #a01;
  font-size: 16px;
  color: #fff !important;
}

.quintil2 {
  background-color: #c44911;
  font-size: 16px;
  color: #fff !important;
}

.quintil3 {
  background-color: #fff;
  font-size: 16px;
  color: #808080 !important;
}

.quintil4 {
  background-color: #2c8ade;
  font-size: 16px;
  color: #fff !important;
}

.quintil5 {
  background-color: #252c81;
  font-size: 16px;
  color: #fff !important;
}

.quintil6 {
  background-color: #006;
  font-size: 16px;
  color: #fff !important;
}

.quintilesReferencia {
  margin: 10px 0 30px 0;
}

.quintilesReferencia li {
  float: left;
  width: 20%;
  height: 30px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 30px;
}
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------Agricultura---------------------------------------------------*/
.listaSubSecc > li {
  list-style: disc outside none;
  color: #666;
  font: 12px arial;
}

.linksSubSecc {
  margin: 20px 0;
}

.linkSubSecc1 {
  font: 12px arial;
  text-decoration: none;
}

.linkSubSecc1:hover {
  text-decoration: underline;
}

.titTablaEstIpe ul li {
  width: 500px;
}

.cabezalMesesBH {
  background: none repeat scroll 0 0 #fff;
  padding: 10px;
}

.mesesMostrar {
  display: block;
  margin: 0 auto;
  width: 157px;
}

.mesesMostrar > p {
  float: left;
  font: 12px/20px arial;
  margin-right: 12px;
}

.mesesMostrar > select {
  text-align: center;
  width: 47px;
  border: 1px solid #e5e5e5;
}

.periodoMostrar {
  display: block;
  margin: 10px auto 0;
  width: 350px;
}

.periodoMostrar p {
  float: left;
  font: 12px/20px arial;
  margin-right: 12px;
}

.periodoMostrar > select {
  text-align: center;
  width: 47px;
  border: 1px solid #e5e5e5;
}

.periodoMostrar #anoHasta {
  width: 65px;
}

.fila1BH.titulosGrillaBH > li {
  background: none repeat scroll 0 0 #3baec7;
  border-right: 1px solid #e5ebf5;
  color: #fff;
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  padding: 10px;
  width: 60px;
}

.fila1BH.titulosGrillaBH > li:hover {
  cursor: default;
}

.tablaMapas > ul {
  background: none repeat scroll 0 0 #fff;
  list-style: none;
}

.contenidoGrillaBH li {
  float: left;
  width: 81px;
  border-bottom: 3px solid #fff;
}

.contenidoGrillaBH li:hover {
  border-bottom: 3px solid #37aae8;
  cursor: pointer;
}

.fechaFilaBH {
  padding: 14px;
  text-align: center;
  width: 90px !important;
  background: none repeat scroll 0 0 #3baec7;
  color: #fff;
  font: 12px arial;
  border-bottom: 3px solid #3baec7 !important;
}

.fila2.contenidoGrillaBH img {
  margin: 0 8px;
}

.fila1BH.titulosGrillaBH {
  margin-bottom: 1px;
  display: flex;
}

.fila1BH.titulosGrillaBH li {
  list-style: none;
  width: 90px;
}

.contenidoGrillaBH {
  display: flex;
}

.contenidoGrillaBH li {
  list-style: none;
  width: 90px;
}

.fechaFilaBH:hover {
  background: none repeat scroll 0 0 #30a9e7;
  cursor: pointer;
}
/*---------------------------------*/

.periodoMostrar2 {
  display: block;
  margin: 10px auto 0;
  width: 550px;
}

.periodoMostrar2 p {
  float: left;
  font: 12px/20px arial;
  margin-right: 5px;
}

.periodoMostrar2 > select {
  text-align: center;
  border: 1px solid #e5e5e5;
  float: left;
  margin-right: 10px;
  width: 90px;
}

.periodoMostrar2 #anoHasta {
  width: 65px;
}

#pluviometro {
  margin-right: 10px;
  width: 186px;
}

.periodoMostrar #mes {
  width: 90px;
}

.tablaPluviometro {
  margin-bottom: 10px;
}

.listaSubSecc {
  margin-left: 30px;
}

.menuBH {
  padding: 4px 6px;
  background-color: #a8cbd9;
  text-decoration: none;
  color: #aaa;
  border: 1px solid #aaa;
}

.menuBH:hover {
  background-color: #fff;
  color: #a8cbd9;
  border: 1px solid #a8cbd9;
}

.menuBH.menuVisorActivo {
  background-color: #fff;
  color: #a8cbd9;
  border: 1px solid #a8cbd9;
}

.titPopUPBH {
  background-color: #e5ebee;
  border: 1px solid #aaa;
  height: 75px;
  padding: 5px;
  text-align: center;
}
/*------------------------------------------------------Termina Agricultura--------------------------------------------*/
.titulosTablaEstCli,
.datosTablaEstCli {
  display: inline-block;
}

.titulosTablaEstCli > li {
  background: none repeat scroll 0 0 #274f73;
  border-right: 1px solid #e5ebf5;
  color: #fff;
  float: left;
  font: bold 12px arial;
  padding: 7px 0;
  text-align: center;
  list-style: none;
  display: flex;
}

.contTablaEstCli > p {
  background: none repeat scroll 0 0 #274f73;
  border-bottom: 1px solid #e5ebf5;
  color: #fff;
  font: bold 12px/27px arial;
  text-align: center;
  margin: 0;
}

.datosTablaEstCli > li {
  float: left;
  font: 12px/30px arial;
  text-align: center;
  width: 55px;
  display: flex;
}

.datosTablaEstCli li {
  float: left;
  font: 12px/30px arial;
  text-align: center;
  width: 55px;
  height: auto;
}

.descVarDataTits {
  color: #fff;
  font: 12px arial;
  text-align: center;
  float: left;
  width: 59px;
  background: none repeat scroll 0 0 #2e4053 !important;
}

.descVarDataTits li {
  color: #fff;
  list-style: none;
}

.descVarData {
  float: left;
}

/**/
/*------------------------------------------------------Servicios Climaticos IPE----------------------------------------*/
.titSubSeccion {
  color: #274f73;
  font: bold 19px arial;
}

.descripcionTit {
  color: #666;
  font: 15px arial;
  margin-bottom: 20px;
}

.barraSubSec > li {
  background: none repeat scroll 0 0 #274f73;
  color: #fff;
  float: left;
  font: bold 12px arial;
  height: 32px;
  padding: 10px 6px;
  width: 137px;
  text-align: center;
  border-right: 1px solid #e5ebf5;
  cursor: pointer;
}

.fiSC2 li {
  margin-bottom: 20px;
  padding: 7px 30px;
}

.fiSC3 li {
  padding: 7px 11px !important;
  width: 125px !important;
  height: 46px;
}

.barraSubSec li a {
  color: #fff;
  text-decoration: none;
}

.barraSubSec > li:hover {
  background: #3bb0c9;
}

.selectBarraRecHidr {
  background: #3bb0c9 !important;
}

.datosSubSeccion {
  background: none repeat scroll 0 0 #fff;
  margin-top: 20px;
}

/**
* Utilizado para que no tome estilos en su interior
*/
.datosSubSeccionSolo {
  background: none repeat scroll 0 0 #fff;
  margin-top: 20px;
  padding: 20px;
}

.barraDatIP {
  margin-bottom: 20px;
}

.graficasIMG > img {
  margin-bottom: 20px;
}

.textGralSubSecc {
  color: #666;
  font: 12px arial;
  margin-bottom: 15px;
}

.barraDatIP > li {
  background: none repeat scroll 0 0 #274f73;
  border-right: 1px solid #fff;
  color: #fff;
  float: left;
  font: 12px arial;
  padding: 10px;
  cursor: pointer;
}

.barraDatIP > li:hover {
  background: #3bb0c9;
}

.IPMapas {
  float: left;
  margin: 20px 0;
}

.repIpeMap {
  margin: 0 42px;
  width: 345px;
}

.IPTitMap {
  color: #4c4c4c;
  font: bold 14px arial;
  text-align: center;
  margin: 10px 0;
}

.refEscalaIPE {
  margin: 0 auto;
  width: 644px;
}

.titTablaEstIpe > li {
  background: none repeat scroll 0 0 #3baec7;
  color: #fff;
  float: left;
  font: 12px arial;
  padding: 10px 0;
  text-align: center;
  width: 168px;
  border-right: 1px solid #fff;
}

.datTablaEstIpe > li {
  color: #333;
  float: left;
  font: 12px arial;
  padding: 10px 0;
  text-align: center;
  border-bottom: 1px solid #ededed;
}

.oddRowTable li {
  background: #f7fafb !important;
}

.oddRowTable2 {
  background: #d9d9d9 !important;
}

.tablaEstacionIpe {
  margin-left: 8px;
  margin-top: 40px;
}

.tablaEstacionIpe2 {
  margin-bottom: 40px;
}

.titMasInf {
  color: #888;
  font: bold 16px arial;
  margin-bottom: 5px;
  margin-top: 10px;
}

.titMasInf b {
  color: #888;
  font: bold 16px arial;
  margin-bottom: 5px;
  margin-top: 10px;
}

.titMasInf p {
  color: #888;
  font: bold 16px arial;
  margin-bottom: 5px;
  margin-top: 10px;
}
.titTablaEstIpe2 > li {
  background: none repeat scroll 0 0 #274f73;
  color: #fff;
  float: left;
  font: 12px arial;
  padding: 10px 0;
  text-align: center;
}

.datTablaEstIpe2 > li {
  color: #0076a6;
  float: left;
  font: 11px arial;
  padding: 10px 0;
  text-align: center;
}

.titTablaEstIpeCol1 {
  width: 160px;
}

.titTablaEstIpeCol2 {
  width: 400px;
}

.titPluviometro > li {
  background: none repeat scroll 0 0 #3baec7;
  border-right: 1px solid #e5ebf5;
  color: #fff;
  float: left;
  font: 12px arial;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 279px;
  margin-top: 20px;
}

.datosPluviometro {
  float: left;
}

.datosPluviometro > li {
  color: #0076a6;
  float: left;
  font: 11px arial;
  padding: 10px;
  text-align: center;
  width: 279px;
  background: #fff;
}

.tablaPluviometro .datosPluviometro > li {
  color: #000;
  float: left;
  font: 11px arial;
  padding: 10px;
  text-align: center;
  width: 279px;
  background: #fff;
  height: auto;
  list-style: none;
}

.titPopUPBH {
  background-color: #e5ebee;
  border: 1px solid #aaa;
  height: 75px;
  padding: 5px;
  text-align: center;
}

#fechaPanel {
  color: #646464;
  font: 11px/10px arial;
  margin-top: 10px;
}

.contmapaPOP {
  text-align: center;
}

#img_BH_div {
  height: 450px;
}

.menuBH {
  font: 11px arial !important;
}

.inputsPopServ {
  font: 15px/10px arial;
  margin-top: 18px;
}

.inputsPopServ input {
  margin-right: 5px;
}

.contTablaEstCli {
  margin-top: 15px;
}

.titulosTablaEstCli > li {
  background: none repeat scroll 0 0 #3baec7;
  border-right: 1px solid #e5ebf5;
  color: #fff;
  float: left;
  font: bold 12px arial;
  padding: 7px;
  text-align: center;
  width: 85px;
  display: flex;
  height: 28px;
  font-family: 'Open Sans', sans-serif;
}

.contTablaEstCli > p {
  background: none repeat scroll 0 0 #3baec7;
  border-bottom: 1px solid #e5ebf5;
  color: #fff;
  font: 16px/30px arial;
  text-align: center;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
}

.datosTablaEstCli > li {
  float: left;
  font: 12px/30px arial;
  text-align: center;
  width: 85px;
  padding: 7px;
}

.datosTablaEstCli.oddRowTable li {
  float: left;
  font: 11px/30px arial;
  text-align: center;
  width: 55px;
  height: auto;
}

.modulo1TitEst {
  height: 14px;
}

.modulo1TitEst,
.titFilaEstCli {
  background: none repeat scroll 0 0 #3baec7 !important;
  color: #fff;
  text-align: center;
  width: 74px !important;
  padding: 7px;
  font-family: 'Open Sans', sans-serif;
}

.datosTablaEstCli .titFilaEstCli {
  font-family: 'Open Sans', sans-serif;
  background: none repeat scroll 0 0 #3baec7 !important;
}

.descVar {
  margin-top: 35px;
}

.descVarDataTit {
  font: bold 13px arial;
  margin-bottom: 10px;
}

.descVarDataTits {
  color: #fff;
  font: 12px/30px arial;
  text-align: center;
  float: left;
  width: 59px;
  background: none repeat scroll 0 0 #3baec7 !important;
  font-family: 'Open Sans', sans-serif;
}

.descVarData {
  float: left;
}

.descVarData > li {
  padding-left: 16px;
  list-style: none;
  line-height: 30px;
}

.contDAtaDescVar {
  width: 100%;
  display: flex;
}

.barraMenu.barraDepClima li {
  padding: 7px 20px;
}

.barraMenu.barraDepEstClima li {
  padding: 7px 11px;
  margin-bottom: 20px;
}

.tituloTablaProductos {
  text-align: center;
  width: auto;
}

.tablaProductoAero {
  margin-bottom: 30px;
}

.tablaCuencasExternas {
  border: 1px #f2f3f4 solid;
  margin: 0 0 20px 0;
}

.tablaMetarHeaderActive {
  background-color: #3baec7 !important;
}

.metarHeader {
  color: #0f0f0f !important;
  font-weight: normal !important;
}

.tablaMetarHeaderBlanco {
  color: #fff !important;
  font-weight: bold !important;
}

.more {
  color: #0f0f0f;
}

.more.active {
  color: #fff;
}

.heading-pointer {
  cursor: pointer;
}

.tablaCuencasExternas th {
  font-size: 16px;
  background-color: #3baec7;
  color: #fff;
  font-weight: normal;
  text-align: left !important;
  padding: 10px;
}

.tablaCuencasExternas td {
  padding: 10px;
}

.btn-defaultExternas {
  color: #999 !important;
  background-color: #fafcfc !important;
  border: 1px solid #d5f5fd !important;
  border-bottom: none !important;
  font-weight: bold !important;
  box-shadow: none !important;
  border-radius: 4px 4px 0 0 !important;
}

.btn-defaultExternas a {
  color: #999 !important;
}

.tabsmenu {
  display: inline-block;
}

.tituloTablaProductosSpan,
.tituloTablaProductos {
  color: #333;
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 25px;
}
#div_sigmet_ .tituloTablaProductosSpan {
  text-align: left;
  width: 100%;
}

.btn-defaultExternas:hover a,
.btn-defaultExternas:hover {
  color: #4d4d4d !important;
}

.btn-defaultExternas:active {
  color: #4d4d4d !important;
}

#div_vaac .tituloTablaProductosSpan {
  margin-top: 20px;
  font-size: 18px;
  text-align: center;
  width: 100%;
}

.btn-defaultExternas.active,
.btn-defaultExternas:active:focus {
  color: #3baec7 !important;
  background-color: #fff !important;
  border: 1px solid #3baec7 !important;
  border-bottom: none !important;
  font-weight: bold;
  box-shadow: none !important;
  border-radius: 4px 4px 0 0 !important;
}

.btn-defaultExternas.active a,
.btn-defaultExternas:active:focus a {
  color: #3baec7 !important;
}

.pad20 {
  padding: 20px 0;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
#div_taf .tituloTablaProductosSpan {
  color: #000;
  display: block;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 25px;
}

#nilTormentas,
#nilTurbulencia,
#nilEngelamiento,
#nilVolcanica,
.titSecAer {
  text-align: left;
  margin-bottom: 10px;
  color: #000;
  font-size: 12px;
}

.titSecAer2 {
  color: #787878;
  font-weight: bold;
  font-size: 15px;
  display: block;
  text-align: left;
  margin-bottom: -15px;
}

.tablaProductoAero,
.classtablaProductoAero,
.tablaBorde {
  margin-top: 10px !important;
  margin-bottom: 30px !important;
}

#tablaSIGMET td,
.tablaBorde td {
  border: 1px solid #aaa;
}

.map-canvas {
  height: 350px;
  margin: 20px auto !important;
  width: 700px;
}

.barraEstPluv li {
  margin-bottom: 20px;
  padding: 7px 10px;
}

/*--------------------------------------Termina Servicios Climaticos IPE-----------------------------------------------*/
/**/
.tablaClimatica tr:nth-child(2n+1) {
  background: #d9d9d9;
}
.tablaClimatica tr:nth-child(1) {
  background-color: #3baec7;
  font: bold 12px arial;
  color: #fff;
}
.tablaClimatica tr:nth-child(1) th {
  padding: 15px 2px;
}

.tablaClimatica td {
  padding: 10px;
}

#intervalosDiv {
  display: none;
}

#periodoTabla {
  width: 100%;
  text-align: center;
}

.tablasClimatologicas {
  display: none;
}

/********************/
.tablaClimatica2 {
  border-collapse: collapse;
  width: 100%;
}

.tablaClimatica2,
th {
  background-color: #3baec7;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  padding: 10px !important;
}

.tablaClimatica2,
th,
td {
  border: 1px solid black;
}

.filaOscura {
  background-color: #efeeee;
  text-align: center;
}

.filaClara {
  background-color: #fff;
  text-align: center;
  padding: 10px;
}

.cabezalTablaClimatica2 {
  color: #fff;
}

.cabezalTablaClimatica2,
th {
  padding: 6px;
}

.cabezalTablaClimatica2,
td {
  padding: 5px;
}

.tablaClimatica2 tr:nth-child(2n) {
  background: #fff;
}

.tablaClimatica2,
th,
td {
  border: 1px solid #ddd;
}

.stripe thead > tr td {
  font-size: 20px;
  color: #333;
}

ul.listaClasClim {
  padding-left: 20px;
}

.celdaColoreada {
  padding: 10px;
}

.sigmet b {
  font-size: 20px;
}

.sigmet {
  text-align: left;
}

.descarga-link {
  font-size: 13px;
  font-weight: bold;
}

.aero h4 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.tablaBorde thead {
  font-size: 16px;
  background-color: #3baec7;
  color: white;
  font-weight: normal;
  text-align: left !important;
  padding: 10px;
}

.tablaBorde thead td {
  color: white !important;
  font-weight: bold;
}
.tablaBorde td {
  padding: 10px;
}

.pronareaCol {
  background-color: #3baec7;
  color: white !important;
}

.pronareaCol b {
  color: white !important;
}

.nombre-pais {
  font-size: 18px;
}

.region-content {
  background: #fff;
  padding: 25px;
}

.linksSubSecc li {
  list-style: none;
  margin-bottom: 10px;
}

ul.titTablaEstIpe li {
  padding: 20px;
}

.titTablaEstIpe {
  margin-top: 30px;
}

.titPluviometro {
  display: flex;
}

.titPluviometro li {
  list-style: none;
}

.contGralDatos {
  width: 900px;
  background: none repeat scroll 0 0 #fff;
  padding: 0 30px;
  margin-top: 30px;
}

.contGralDatosExternas {
  width: 100%;
  background: none repeat scroll 0 0 #fff;
}

.table.dataTable.no-footer {
  border-bottom: none !important;
}
#tablaEstacionesInumetInia {
  width: 100% !important;
  margin-top: 20px;
}

#tablaEstacionesInmet {
  width: 100% !important;
  margin-top: 20px;
}

.ui-datepicker table > span {
  color: #fff;
}

.tablaEstActTit th {
  color: #fff;
}

.tablaCuencas {
  width: 100% !important;
  max-width: 700px;
  border: 1px #f2f3f4 solid;
  margin-bottom: 10px;
}

.riesgo td {
  padding: 5px;
}

/* Zoom imagen satelite */
* {
  box-sizing: border-box;
}

.img-zoom-container {
  position: relative;
}

.img-zoom-lens {
  position: absolute;
  border: 1px solid #d4d4d4;
  width: 40px;
  height: 40px;
}

.img-zoom-result {
  margin-top: 11px;
  border: 1px solid #d4d4d4;
  height: 607px;
}

@media (max-width: 970px) {
  #zoomResultCh13Container {
    display: none;
  }
  #zoomResultCh04Container {
    display: none;
  }
}