#ResumenPlan {
   font-family: Roboto;   
   margin-bottom: 70px;
}

#ResumenPlan .color-1 {
   color: #1f5d9e;
}

#ResumenPlan .color-2 {
   color: #13a8dd;
}

#ResumenPlan .color-3 {
   color: #002060;
}

#ResumenPlan .color-4 {
   color: #023E73;
}

#ResumenPlan .color-5 {
   color: #009688;
}

#ResumenPlan .color-6-a {
   color: #027e73;
}

#ResumenPlan .color-6-b {
   color: #30a5bf;
}

#ResumenPlan .color-8 {
   color: #669900;
}

#ResumenPlan .treemap-icon-download {
   cursor: pointer;
   font-size: 26px;
   float: right;   
   right: 0;      
   margin-left: 10px;
}

#ResumenPlan .treemap-menu-download {
   position: absolute;   
   left: 0;   
   display: none;   
   box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%), 0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
}

#ResumenPlan .treemap-entidad-titulo {        
   font-size: 44px;
   font-family: Roboto;
   font-weight: 500;
}

#ResumenPlan .treemap-entidad-sub-titulo {   
   font-size: 43px;
   line-height: 43px;
   margin-top: -10px;
   border-bottom: 1px solid #1f5d9e;    
   padding-bottom: 10px;
   width: 50%;    
   font-family: Roboto;
   font-weight: 500;
}

#ResumenPlan .treemap-pdd-cont,
#ResumenPlan .treemap-cifra-titulo {
   font-size: 28px;      
}

#ResumenPlan .treemap-pdd-sub-titulo {
   font-family: Roboto;
   font-weight: 500;
}

#ResumenPlan .treemap-tipo {   
   font-family: Roboto;
   font-weight: 500;
   font-size: 30px;   
   margin-top: 10px;
}



#ResumenPlan #progress-resumen {
   margin-top: 20px;
   width: 100%;
   height: 90px;
 }

 #ResumenPlan .treemap-cifras-cont {
   display: flex;
   width: 100%;
}

#ResumenPlan .treemap-cifra-cont {
   display: inline-block;
   width: 50%;
   justify-content: center;
   padding: 0;
}

#ResumenPlan .border-l {
   border-left: 1px dotted #002060;
}

#ResumenPlan .treemap-cifra-titulo {
   text-align: center;   
   font-family: Roboto; 
   font-weight: 500;
}

#ResumenPlan .treemap-cifra-sub-titulo {
   text-align: center;
}

#ResumenPlan .treemap-cifra-sub-titulo {
   display: flex;
   align-items: center;
   justify-content: center;      
}

#ResumenPlan .treemap-cifra-porcentaje {
   font-size: 54px;
   font-family: Roboto;
   font-weight: 900;
}

#ResumenPlan .treemap-cifra-vigencia {
   margin-left: 10px;   
   text-align: left;
   font-size: 18px;
   line-height: 18px;
}

#ResumenPlan .treemap-cifra-recursos {
   display: grid;   
}

#ResumenPlan .treemap-cifra-recursos-sup,
#ResumenPlan .treemap-cifra-recursos-inf {
   width: 100%;
}

#ResumenPlan .treemap-cifra-recursos-sup {
   margin-top: 20px;   
   font-size: 18px;
}

#ResumenPlan .treemap-cifra-recursos-inf {
   margin-top: 10px;
}

#ResumenPlan .treemap-cifra-recursos-col-1 {
   width: 22%;
   display: inline-grid;   
}

#ResumenPlan .treemap-cifra-recursos-col-1 span {
   margin-left: 10px;
}

#ResumenPlan .treemap-cifra-recursos-col-2,
#ResumenPlan .treemap-cifra-recursos-col-3 {
   width: 36%;
   display: inline-grid;
   text-align: center;   
}

#ResumenPlan .treemap-cifra-recursos-titulo,
#ResumenPlan .treemap-cifra-recursos-apropiado-ponderador,
#ResumenPlan .treemap-cifra-recursos-rpc-ponderador{
   font-size: 18px;
   line-height: 18px;   
}


#ResumenPlan .treemap-cifra-recursos-apropiado-cont {
   border: 3px solid #023E73;
   padding: 5px 0;
   margin: 0px;   
   text-align: center;
}

#ResumenPlan .treemap-cifra-recursos-apropiado-monto,
#ResumenPlan .treemap-cifra-recursos-rpc-monto {
   font-size: 36px;
   line-height: 36px; 
   font-family: Roboto;  
   font-weight: 900;
}

#ResumenPlan .treemap-cifra-recursos-rpc-cont {
   border: 3px solid #009688;
   padding: 5px 0; 
   text-align: center;
   margin: 0 4px;
}



#ResumenPlan .semaforo {
   display: flex;
   margin-top: 20px;
}

#ResumenPlan .semaforo-imagen {
   height: 40px;
   cursor: pointer;
}

#ResumenPlan .semaforo-titulos {
   display: inline-block;   
   font-size: 26px;
   line-height: 22px;
}

#ResumenPlan .semaforo-titulo-sup {   
   font-family: Roboto;
   font-weight: 500;
}



#ResumenPlan .treemap-sub-titulo {
   margin-left: 80px;   
   margin-top: 20px;   
   font-size: 16px;
}

#ResumenPlan .treemap-graph {
   width: 100%;
   height: 340px;   
   margin: 5px 0 40px; 
}

#ResumenPlan .align-c {
   text-align: center;
}

#ResumenPlan .treemap-legend {
   text-align: center;
}

#ResumenPlan .treemap-category {
   display: inline-block;
}

#ResumenPlan .treemap-category div {
   display: inline-flex;
   align-items: center;   
}

#ResumenPlan .treemap-category div.texto {   
   margin-left: 5px;
   font-size: 17px;   
}

#ResumenPlan .treemap-indicador {   
   min-width: 40px;
   padding: 4px 8px;
   font-size: 24px;
   font-family: Roboto;   
   font-weight: 900;
   justify-content: center;
}

#ResumenPlan .treemap-legend .treemap-category:nth-child(n+1) {
   margin-left: 20px;
}

#ResumenPlan .tooltip-resumen {
   font-size: 16px;
}



#ResumenPlan .tremap-footer {
   margin-top: 30px;
   text-align: left;   
   font-size: 15px;
}



#SemaforoResumen .panel-success {
   padding: 10px 0;
}

.logo_cinta {
   float: right;
   background-color: #fff;
}

#ResumenPlan .resumen-mensajes{
   margin-top: 15px;
}

@media only screen and (max-width: 1024px) {
   #ResumenPlan .treemap-cifra-recursos-apropiado-monto, #ResumenPlan .treemap-cifra-recursos-rpc-monto {
      font-size: 24px;
      line-height: 24px;      
  }

   #ResumenPlan .treemap-cifra-recursos-titulo {
      font-size: 12px;
      line-height: 12px;
   }

   #ResumenPlan .treemap-cifra-recursos-col-1 span {
      margin-left: 5px;
   }

   #ResumenPlan .treemap-cifra-recursos-sup {
      font-size: 14px;
      line-height: 14px;
   }

}

@media only screen and (max-width: 1024px) {
   #ResumenPlan .treemap-cifras-cont {
      display: block;
   }
   #ResumenPlan .treemap-cifra-cont {
      width: 100%;
   }

   #ResumenPlan .border-l {
      border-left: unset;
   }

   #ResumenPlan .treemap-category {
      display: block;
      margin: 10px;
   }   

}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
   #ResumenPlan .treemap-cifra-recursos-apropiado-monto, #ResumenPlan .treemap-cifra-recursos-rpc-monto {
      font-size: 34px;
      line-height: 34px;      
  }

   #ResumenPlan .treemap-cifra-recursos-titulo {
      font-size: 17px;
      line-height: 17px;
   }

   #ResumenPlan .treemap-cifra-recursos-sup {
      font-size: 17px;
      line-height: 17px;
   }
}