.modal-mpio{
    color: #fff;
    background-color: #002f87;
    border-color: #002f87;
  }
  .btn-mpio-success {
    color: #fff;
    background-color: #002f87;
    border-color: #002f87;
  }
  .btn-mpio-success:hover {
    color: #fff;
    background-color: #1a254b;
    border-color: #1a254b;
  }
  .btn-mpio-check:focus + .btn-mpio-success, .btn-mpio-success:focus {
    color: #fff;
    background-color: #1a254b;
    border-color: #1a254b;
    box-shadow: 0 0 0 0.25rem rgba(38, 29, 163, 0.5);
  }
  .btn-mpio-check:checked + .btn-mpio-success, .btn-mpio-check:active + .btn-mpio-success, .btn-mpio-success:active, .btn-mpio-success.active, .show > .btn-mpio-success.dropdown-toggle {
    color: #fff;
    background-color: #1a254b;
    border-color: #1a254b;
  }
  .btn-mpio-check:checked + .btn-mpio-success:focus, .btn-mpio-check:active + .btn-mpio-success:focus, .btn-mpio-success:active:focus, .btn-mpio-success.active:focus, .show > .btn-mpio-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 47, 135, 0.5);
  }
  .btn-mpio-success:disabled, .btn-mpio-success.disabled {
    color: #fff;
    background-color: #002f87;
    border-color: #002f87;
  }

  .link-mpio-success {color: #002f87;}
  .link-mpio-success:hover, .link-mpio-success:focus {color: #1a254b;}
  .clave-mpio{
    width: 20px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
  }
  .text-mpio-success {
    color: #002f87 !important;
  }
  .dashboard .azul-card .card-icon {
    color: #1d33f8;
    background: #c5caf5;
  }
  .dashboard .naranja-card .card-icon {
    color: #f38405;
    background: #f3e2ce;
  }
  
  .dashboard .amarrillo-card .card-icon {
    color: #ffcc00;
    background: #fcfcb8;
  }
  .dashboard .verde-card .card-icon {
    color: #04f818;
    background: #d3f0d5;
  }
  .dashboard .rojo-card .card-icon {
    color: #f80606;
    background: #f5baba;
  }
  .btn-mpio-naranja {
    color: #f38405;
    background-color: #f3e2ce;
    border-color: #f3e2ce;
  }
  .btn-mpio-naranja:hover {
    color: #f3e2ce;
    background-color: #f38405;
    border-color: #f38405;
  }
  .btn-mpio-verde {
    color: #04f818;
    background-color: #d3f0d5;
    border-color: #d3f0d5;
  }
  .btn-mpio-verde:hover {
    color: #d3f0d5;
    background-color: #04f818;
    border-color: #04f818;
  }
  
  .btn-mpio-azul {
    color: #1d33f8;
    background-color: #c5caf5;
    border-color: #c5caf5;
  }
  .btn-mpio-azul:hover {
    color: #c5caf5;
    background-color: #1d33f8;
    border-color: #1d33f8;
  }
  .cambioColor {color:#04f818;}
  .cambioColor:hover {color:#9eeca5;}
 
  .dashboard .amarrillo-card .card-icon:hover {
    color: #fcfcb8;
    background: #ffcc00;
  }
  .cambioColorAmarrillo {color:#ffcc00;}
  .cambioColorAmarrillo:hover {color:#fcfcb8;}

  

  
  .progress-bar-mpio-azul{
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    background-color:#002f87;
    transition:width .6s ease
  }
  @media (prefers-reduced-motion:reduce){
    .progress-bar-mpio-azul{transition:none}
  }
  .progress-bar-mpio-verde{
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    background-color:#04ad50;
    transition:width .6s ease
  }
  @media (prefers-reduced-motion:reduce){
    .progress-bar-mpio-verde{transition:none}
  }
  
  .parpadea {
    
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
  }
  
  @-moz-keyframes parpadeo{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
  }

  @-webkit-keyframes parpadeo {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
  }

  @keyframes parpadeo {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
  }