/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2025 | 08:42:51 */
.flatpickr-next-month {
			margin-right: 10px !important;
	}

/* Change the color of the previous and next month chevrons */
        .flatpickr-prev-month svg, .flatpickr-next-month svg {
            fill: #8656FC; /* Change to any color you like, e.g., blue */
            width: 20px; /* Adjust size if needed */
            height: 20px  !important; /* Adjust size if needed */
        }
        
        /* Optional: On hover, change chevron color */
        .flatpickr-prev-month svg:hover, .flatpickr-next-month svg:hover {
            fill: #F02788; /* Change hover color, e.g., orange */

        }
    
        /* Make the calendar smaller */
        .flatpickr-calendar {
            font-size: 14px; /* Adjust font size */
            width: 230px !important; /* Set a custom width for the calendar */
    	    height: 220px !important;
    	    background: none;
    	    box-shadow: none;
        }

    .flatpickr-innerContainer {
                    justify-content: center;

    }
        
    .flatpickr-weekdays .flatpickr-weekdaycontainer {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            width: 200px;            
            justify-content: space-between;
            margin: 0;
            padding: 0;
			font-weight: 700;
        }

        
    .flatpickr-calendar .flatpickr-days .dayContainer {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            width: 200px;            
            justify-content: space-between;
            margin: 0;
            padding: 0;
            min-width: 200px;
            max-width: 200px;
        }
        
        .flatpickr-weekday {
            flex-grow: 1;  /* Ensure each weekday takes equal space */
            max-width: none;  /* Remove any max-width to ensure tighter spacing */
            padding: 0;
            margin: 0;
            text-align: center;
            font-size: 14px;  /* Smaller font size for weekday headers */
        }

        /* Adjust the day cells */
        .flatpickr-day {
            flex-grow: 1;  /* Make sure all days fit equally in the row */
            max-width: none;  /* Remove any default max-width to allow tighter spacing */
            width: auto !important;  /* Ensure the width adjusts automatically */
            height: 25px !important; /* Reduce height of day cells */
            line-height: 18px !important;  /* Align text vertically */
            padding: 0;  /* Remove padding */
            margin: 0;  /* Remove margin */
            text-align: center !important;  /* Center the text */
            font-size: 14px !important;  /* Small font size for day numbers */
			padding-top: 2px !important;
        }

        /* Ensure that each row has 7 days */
        .flatpickr-days {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            width: 200px !important;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 0;
            margin: 0;
        }

        /* Adjust the previous and next month buttons */
        .flatpickr-prev-month, .flatpickr-next-month {
            width: 16px;
        }

        /* Style the selected day */
        .flatpickr-day.selected {
            background-color: #F02788 !important;
			border: none;
            color: white;
			font-weight:700;
        }
         
		.flatpickr-day.nextMonthDay.selected {
            background-color: #F02788 !important;
			border: none;
            color: white;
			font-weight:700;
			padding-top: 2px;
        }
         
		.flatpickr-day.prevMonthDay.selected {
            background-color: #F02788 !important;
			border: none;
            color: white;
			font-weight:700;
			padding-top: 2px;
        }

        /* Style the selected day */
        .flatpickr-day.today  {
            background-color: #8656FC !important;
			border: none;
            color: white;
			font-weight:700;
			padding-top: 2px;
        }

        /* Change hover effect for days */
        .flatpickr-day:hover {
            background-color: #F02788 !important;
			border: none;
            color: white;
			font-weight:700;
			padding-top: 2px;
        }

        /* Change hover effect for days */
        .flatpickr-day.nextMonthDay:hover {
            background-color: #F02788 !important;
			border: none;
            color: white;
			font-weight:700;
			padding-top: 2px;
        }

       .flatpickr-day.prevMonthDay:hover {
            background-color: #F02788 !important;
			border: none;
            color: white;
			font-weight:700;
			padding-top: 2px;
        }
        /* Reduce font size for the month and year in the current header */
       	.flatpickr-months .flatpickr-current-month,
		.flatpickr-monthDropdown-months select{
            font-size: 14px;  /* Set smaller font size for the displayed month and year */
        }

.flatpickr-monthDropdown-months {
  font-weight: 700;
}
 {
  font-weight: 700;
}


        /* Reduce font size for month dropdown */
        .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
            font-size: 14px;  /* Smaller font size for month dropdown list */
        }


        /* Reduce font size for year input in the dropdown */
        .flatpickr-months {
            font-size: 14px;  /* Smaller font size for the year input */
            margin-right: 10px;
			font-weight: 700;
		}


        /* Reduce font size for year input in the dropdown */
        .flatpickr-months .numInputWrapper .numInput {
            font-size: 14px;  /* Smaller font size for the year input */
                margin-right: 10px;
        }