html {
    font-size: 14px;
    font-family: 'Gotham';
}

@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;
}

.btn-outline-cobranzas {
    color: #22377B;
    border-color: #22377B;
    border-radius: 15px;
    background-color:#FFFFFF;
}

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

body {
    margin-bottom: 60px;
    background-color: #FAFAFA;
}

.background-gradient-navbar {
    background: linear-gradient(90deg,rgba(34, 55, 123, 1) 0%, rgba(0, 72, 158, 1) 100%);
}

.text-navbar, .text-footer {
    color: #FFFFFF;
}

.border-white-select-menu {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
}

.border-white-select-menu:hover {
    color: #FFFFFF;
}

.border-white-select-menu:focus {
    color: #FFFFFF;
    box-shadow:none;
}

.color-blue-font {
    color: #22377B;
}

.btn-navbar-light {
    color: #22377B;
    background-color: #E6E6E6;
    border-color: #E6E6E6;
}

.btn-vecodisputes-form {
    color: #FFFFFF;
    background-color: #22377B;
    border-color: #E6E6E6;
    border-radius:15px;
}

.card-home {
    border-radius: 15px;
    box-shadow: 4px 4px 6px -2px #00000040;
}

.font-size-h1-subtitle {
    font-size: 32px;
}

.font-size-body {
    font-size: 20px;
}


.font-size-home-button {
    font-size: 16px;
}

.font-size-9 {
    font-size: 9px;
}

.font-size-15 {
    font-size: 15px;
}


.font-size-24 {
    font-size: 24px;
}

.font-color-gray-subtitle {
    color: #656565;
}

.font-color-gray-disable {
    color:#CCCCCC;
}

.form-size-input {
    font-size: 15px;
}

.font-size-subtitle {
    font-size: 11px;
}

.input-background {
    background-color: #FAFAFA;
}

.btn-vecodisputes-form:hover {
    color: #FFFFFF;
}

.btn-vecodisputes-form:focus {
    color: #FFFFFF;
    box-shadow: none;
}

.custom-blue {
    color:#22377B;
}

.form-check-input:checked {
    background-color: #22377B; /* Tu color personalizado */
}

.size-error-modal {
    width: 13%;
}

.modal-shadow {
    border-radius: 15px;
    box-shadow: 4px 4px 6px -2px #00000040;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 8px;
    text-align: left;
}

/* Aplica un borde inferior a cada celda de la última fila */
.border-table-navy {
    border-bottom: 0.3px solid #656565; /* Esta línea se verá debajo de cada columna en la última fila */
}

th.sortable {
    cursor: pointer;
}

    th.sortable:hover {
        background-color: #f0f0f0; /* O un color que se ajuste a tu diseño */
    }

.py-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}

.sort-icon {
    margin-left: 5px;
    font-size: 0.8em;
    color: #007bff; /* Color del ícono */
}

.table-width-180-vh{
    width:180vh;
}