.content-wrapper-home {
    background: url(/images/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



.auth .brand-logo img {
    width: 100% !important;
}

.btn-primary, .wizard > .actions a {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0092d9;
    --bs-btn-border-color: #0092d9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0077b1;
    --bs-btn-hover-border-color: #0077b1;
    --bs-btn-focus-shadow-rgb: 102, 100, 184;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #016da2;
    --bs-btn-active-border-color: #016da2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #63b0d6;
    --bs-btn-disabled-border-color: #63b0d6;
}


.card.card-green {
    background: #01880d;
    color: #ffffff;
}
.card.card-red {
    background: #ff0606;
    color: #ffffff;
}

.card.card-blue {
    background: #317cd8;
    color: #ffffff;
}

#map {
    height: 100%;
}

.infoLegend {
    background-color: #e4e5e6;
    padding: 5px;
    top: 5px;
    left: 5px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 10px 4px rgba(148,148,148,1),-4px -6px 15px 4px rgba(119,119,119,1),5px 6px 15px 3px rgba(165,165,165,1);
    -moz-box-shadow: 0px 0px 10px 3px rgba(148,148,148,1),-4px -6px 15px 4px rgba(119,119,119,1),5px 6px 15px 3px rgba(165,165,165,1);
    box-shadow: 0px 0px 10px 4px rgba(148,148,148,1),-4px -6px 15px 4px rgba(119,119,119,1),5px 6px 15px 3px rgba(165,165,165,1);
}

.card .card-title {
    margin-bottom:20px !important;
}



/* Target the DataTable and its components */
table.dataTable,
table.dataTable th,
table.dataTable td {
    font-size: 12px; /* Optional: Adjust font size */
}

/* Optional: Adjust font weight for headers */
table.dataTable thead th {
    font-weight: 700; /* Bold for headers */
}

.calendarSmall{
    height:9px !important;
}


/* Adjust the width of the month dropdown */
.bootstrap-datepicker .datepicker-months select {
    width: 120px !important; /* Adjust width as needed */
    height: 9px !important;
}

/* Adjust the width of the year dropdown */
.bootstrap-datepicker .datepicker-years select {
    width: 80px !important; /* Adjust width as needed */
    height: 9px !important;
}

/* Optional: Adjust the overall datepicker container width */
.bootstrap-datepicker .datepicker-dropdown {
    width: auto; /* Or set a specific width */
}