html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.bi-file-earmark-pdf-fill {
    cursor: pointer !important;
    margin-right: 1px;
    font-size: 1rem !important;
}

.text-justify {
    text-align: justify;
}

.extractos{
    height: 150px;
    width:  70rem;
}

.alert-extracto{
    font-size: 0.8rem!important;
}

.buttons-pdf {
    margin-right: 3px;
}


.ico {
    width: 4rem;
    color: #0f69c4;
    fill: #0f69c4;
}

a {
    text-decoration: none;
    color: #0f69c4 !important;
}

.footer {
    padding: 0px 0;
    background-color: #001c41 !important;
    font-size: 0.95rem;
}

.homexxxxx .card
{
    cursor: pointer !important;
    color: #0f69c4 !important;
}

.home .card:hover,
.home .card:hover .card-title,
.home .card:hover .card-text,
.home .card:hover a,
.home .card:hover .ico,
.ccmm .card:hover,
.ccmm .card:hover .card-title,
.ccmm .card:hover .card-text,
.ccmm .card:hover a,
.ccmm .card:hover .ico {
    background-color: #0f69c4 !important; /*#bbd7f9 !important;*/
    color: #ffffff !important; /* Cambia todos los textos a blanco */
    fill: #ffffff !important; /* Cambia todos los textos a blanco */
    cursor: pointer !important;
}

.cls-1 {
    fill: none;
    stroke: #0f69c4;
    stroke-miterlimit: 10;
    stroke-width: 1.91px;
}

.icoBtn {
    width: 1.2rem;
    padding: 0.1rem;
}

.icoNew {
    width: 1.6rem;
    padding: 0.1rem;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}