/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 7 oct. 2025, 13:55:43
    Author     : delia.alvarez
*/

.table-form {
	border: none;
	width: 85%;
}

.table-form td {
	padding-top: 10px;
}

.table-result {
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
	text-align: right;
	width: 95%;
}

.table-result th {
	border: slategrey thin solid;
}

.table-result td {
	border: slategrey thin solid;
}

.table_result tr {
	margin-bottom: 10px;
}

.title-row-text {
	font-variant: small-caps; /* Versalitas */
	font-weight: bold; /* Negrita */
	border-bottom: 1px solid #D6108D;
}

label {
	margin-left: 20px;
}


#datepicker {
	width: 180px;
}

#datepicker>span:hover {
	cursor: pointer;
}

/* Quita el borde y la sombra del contenedor externo */
.datepicker.dropdown-menu {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.datepicker {
	background-color: #FEEBF7;
}

.datepicker .weekend {
	color: #D6108D !important;
}

.datepicker .day.active {
	background-color: #71A3DD !important;
	color: white !important;
}

.datepicker .day.today {
	background-color: #D6108D;
	color: white;
}

.datepicker .day.today:hover {
	background-color: #F793D1;
	color: white;
}


.tooltip .tooltip-inner {
	background-color: #BFDEFF; /* Color de fondo */
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #80BDFF;
	color: #000; /* Color del texto */
}

.tooltip.bs-tooltip-top .arrow::before {
	border-top-color: #80BDFF;
}

.tooltip.bs-tooltip-right .arrow::before {
	border-right-color: #80BDFF;
}

.tooltip.bs-tooltip-bottom .arrow::before {
	border-bottom-color: #80BDFF;
}

.tooltip.bs-tooltip-left .arrow::before {
	border-left-color: #80BDFF;
}

/* --- MODAL DE ADVERTENCIA REDUCIDO --- */

/* Borde superior de la ventana modal en color amarillo/dorado */
#modalFechaInicioAnteriorAHoy .modal-content {
    border-top: 5px solid #ffc107; 
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Cambiar el título del modal a color de advertencia oscuro */
#modalFechaInicioAnteriorAHoy .modal-title {
    color: #856404;
    font-weight: bold;
}

/* Reducir el relleno (padding) general para que se vea más compacto */
#modalFechaInicioAnteriorAHoy .modal-header,
#modalFechaInicioAnteriorAHoy .modal-body,
#modalFechaInicioAnteriorAHoy .modal-footer {
    padding: 12px 18px;
}

/* Estilo para el botón secundario (Modificar data) */
#modalFechaInicioAnteriorAHoy #btnModificarFechaInicioAnterior {
    background-color: #6c757d;
    border-color: #6c757d;
    font-size: 0.9rem;
}

/* Estilo para el botón principal (Continuar) con color amarillo de advertencia */
#modalFechaInicioAnteriorAHoy #btnContinuarFechaInicioAnterior {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529; /* Texto oscuro para asegurar contraste */
    font-weight: bold;
    font-size: 0.9rem;
}

/* Efecto hover sobre el botón de Continuar */
#modalFechaInicioAnteriorAHoy #btnContinuarFechaInicioAnterior:hover {
    background-color: #e0a800;
    border-color: #d39e00;
}
