.card {
	color: var(--var-text-color-white);
	background-color: var(--var-background-card);
	border: var(--bs-card-border-width) solid var(--var-background-card);
	border-radius: 20px;
}


.btn-secondary { 
	--bs-btn-color: #011125;
	--bs-btn-bg: #05E0F2;
	--bs-btn-border-color: #05E0F2;
	--bs-btn-hover-color: #011125;
	--bs-btn-hover-bg: #04b3c1;
	--bs-btn-hover-border-color: #04b3c1;
	--bs-btn-focus-shadow-rgb: 130,138,145;
	--bs-btn-active-color: #011125;
	--bs-btn-active-bg: #04b3c1;
	--bs-btn-active-border-color: #f4e9af;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #04c9d9;
	--bs-btn-disabled-bg: #05E0F2;
	--bs-btn-disabled-border-color: #05E0F2;
}

.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
	color: var(--bs-btn-active-color);
	background-color: var(--bs-btn-active-bg);
	border-color: var(--bs-btn-active-border-color);
}

.card-header:first-child {
	border-radius: 20px;
}

.progress, .progress-stacked {
	height: 1.5rem;
	background-color: var(--var-background-color);
	border-radius: 30px;
}

.progress-bar {
	border-radius: 30px;
}



.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--var-text-color-primary);
	--bs-btn-border-color: var(--var-text-color-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #1e96c5;
	--bs-btn-hover-border-color: #37a2cb;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #37a2cb;
	--bs-btn-active-border-color: #1e96c5;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--var-text-color-primary);
	--bs-btn-disabled-border-color: var(--var-text-color-primary);
}

.btn {
	--bs-btn-border-radius: 20px;
}

.form-control{
	font-family: 'DMSans Regular' !important;
	border-radius: 15px !important; 
}

.form-control:focus{
	border-color: var(--var-text-color-primary) !important;
	box-shadow: none !important; 
}

.input-space > input{
	margin-left: 10px !important;
	margin-right: 10px !important;
}


/* Estilos básicos para la tabla */
table {
    width: 100%;
    border-collapse: collapse;
	font-family: 'DMSans Regular' !important;
	font-weight: lighter;
}

th, td {
    padding: 8px 12px;
    text-align: left;
    border: 1px solid #242937;
}

/* Estilo para las rayas alternas */
.table-cona tbody tr:nth-child(odd) {
    background-color: #0C152A; /* Color de fondo para las filas impares */
}

.table-cona tbody tr{
	background-color: #545b69; 
}

/* Estilos adicionales para el encabezado */
thead {
    background-color: #0060dd; /* Color de fondo del encabezado */
    color: white; /* Color del texto del encabezado */
}