/* Calendar display styling */

.fc-day{
    font-size: .8em;
}

.fc-timegrid{
    font-size: .6em;
}

/* To fix calendar display broken by the WP themes...*/
table {
	margin: 0 0;
}
th, td { 
	line-height: none;
}

/* Warning message style*/
.warn-msg{
  color: red; 
  font-weight:bold;
  line-height:1;
  font-size:12pt;
  margin-top: 12pt;
  margin-bottom: 12pt;
}


/* Styling for the custom form elements
	c-dropdown is a custom class which displays a box with 
	checkboxes (c-dropdown-content) upon mouse hover for sub-activities
*/

.c-dropdown {
    position: relative;
    display: inline-block;
	
	border-style: solid;
    border-width: 1px;
    padding: 3px 7px;
    border-radius: 5px ;
}
.c-dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.2);
	padding: 10px;
	min-width: 200px;
	z-index:3; /* makes sure it's above other stuff */
}
.c-dropdown:hover .c-dropdown-content {
	display: block;
}

.c-table {
	text-align: center;
	min-width: 550px;
	border: none;
}
.c-table td, th {
	border: none;
	padding: 1px 5px;
}

/* Tab navigation styling */
.tab-container {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}
.tab-button {
	padding: 10px 15px;
	cursor: pointer;
	border: none;
	background-color: #ddd;
	font-size: 12px;
	font-family: Arial;
}
.tab-button.active {
	background-color: #007bff;
	color: white;
}

/* Hide all tab sections by default */
.tab-content {
	display: none;
}
.tab-content.active {
	display: block;
}