html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

Body    {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	}

div     {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	}

SELECT
	{
	color:black;
	font-size:9pt;
	} 

table { 
    border-spacing: 0px;
    border-collapse: collapse;
}

TD      {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #000000;
	padding: 0px;
	}

A      {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	}

.reddate{
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #FF0000;
	text-decoration: none;
	}

.reddate:hover {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #3366FF;
	}

.red_backround_date{
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #FF0000;
	text-decoration: none;
	background-color: #FECDB7;
	}

.red_backround_date:hover {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #3366FF;
	}


.greendate{
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #1F8F85;
	font-weight: bold;
	text-decoration: none;
	}

.greendate:hover {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #3366FF;
	font-weight: bold;
	}


.whitedate{
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration: none;
	}

.whitedate:hover {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #3366FF;
	}


.link      {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #3366FF;
	text-decoration: underline;
	}

.link:hover {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #3366FF;
	text-decoration: underline;
	}


.linksmall      {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #3366FF;
	text-decoration: underline;
	}

.linksmall:hover {
	font-family: Arial, Verdana, Helvetica;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #3366FF;
	text-decoration: underline;
	}

.text_small {  font-size: 9pt; color: #000000}
.text_super_small {  font-size: 7pt; color: #000000}
.text_super_small_grey{  font-size: 7pt; color: #909090}
.textBold {font-weight: bold;}

.header td {
	font-size:10px;
	text-align:center;
}

.calendar-header,
.calendar-year-navigation {
	width: 580px;
	margin: 0 auto;
}

.calendar-page {
	min-width: 580px;
}

.calendar-month-link {
	display: block;
	text-decoration: underline;
}

.tool-name-link {
	color: #000000;
	text-decoration: underline;
}

.calendar-view-button {
	display: inline-block;
	padding: 6px 8px;
	border: 1px solid #99ccff;
	border-radius: 3px;
	background: #eaf5ff;
	white-space: nowrap;
}

.calendar-view-button:hover,
.calendar-view-button:focus {
	background: #d7eaff;
}

.calendar-month-link:hover,
.calendar-month-link:focus {
	text-decoration: underline;
}

.calendar-responsive {
	min-width: 0;
	margin: 8px;
}

.calendar-responsive .calendar-header,
.calendar-responsive .calendar-year-navigation {
	width: 100%;
	max-width: 900px;
	overflow-wrap: break-word;
}

.calendar-responsive .calendar-header .calendar-title {
	font-size: 18px;
}

.calendar-responsive .calendar-year-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.calendar-responsive .calendar-year-controls .year-form {
	margin: 0;
	text-align: right;
}

.calendar-responsive .calendar-year-links {
	margin-top: 8px;
	text-align: center;
	font-size: 18px;
}

.calendar-responsive .calendar-year-navigation a {
	display: inline-block;
	padding: 8px 4px;
	font-size: 18px;
}

.calendar-responsive .calendar-year-navigation .calendar-normal-view {
	padding: 8px 12px;
	border: 1px solid #99ccff;
	border-radius: 3px;
	background: #eaf5ff;
	font-size: 14px;
}

.calendar-responsive .calendar-normal-view:hover,
.calendar-responsive .calendar-normal-view:focus {
	background: #d7eaff;
}

.calendar-responsive .calendar-year-navigation select {
	padding: 4px;
	font-size: 16px;
}

.calendar-responsive .calendar-month-layout,
.calendar-responsive .calendar-footer {
	width: 100% !important;
	max-width: 900px;
	box-sizing: border-box;
}

.calendar-responsive .calendar-month-layout > tbody > tr > td {
	width: 100% !important;
}

.calendar-responsive .calendar-month-layout {
	table-layout: fixed;
}

@media (orientation: landscape) {
	.calendar-responsive .calendar-year-navigation,
	.calendar-responsive .calendar-footer {
		width: 60% !important;
		max-width: 540px;
	}

	.calendar-responsive .calendar-month-layout {
		width: 36% !important;
		max-width: 324px;
	}
}

.calendar-responsive .calendar-month-frame {
	position: relative;
	width: 100%;
	scroll-margin-top: 8px;
}

.calendar-responsive .calendar-month {
	box-sizing: border-box;
	width: 181.333333px;
	transform-origin: top left;
}

.calendar-responsive .calendar-tools,
.calendar-responsive .calendar-tools tbody,
.calendar-responsive .calendar-tools tr {
	display: block;
}

.calendar-responsive .calendar-tools tr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.calendar-responsive .calendar-tools td {
	display: block;
	width: 33.333% !important;
	box-sizing: border-box;
	overflow-wrap: break-word;
}

.calendar-page a,
.calendar-page button,
.calendar-page input,
.calendar-page select {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.month-view-header {
	box-sizing: border-box;
	margin: 0 auto;
	text-align: center;
}

.calendar-header {
	font-size: 9pt;
	text-align: center;
}

.calendar-header .calendar-title {
	font-size: 9pt;
	font-weight: bold;
}

.calendar-news,
.calendar-news a {
	color: #cc0000;
}

.calendar-news a {
	font-weight: bold;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
}

.orange_week_number{
	font-family: Arial, Verdana, Helvetica;
	font-size: 6pt;
	color: #c69309;
	font-weight: bold;
	text-decoration: none;
	}


/* Compatibility styles for the maintained markup. */
.site-logo-link {
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

.site-logo {
	width: 250px;
	max-width: 100%;
	height: auto;
}

.site-logo.site-logo-small {
	width: 200px;
}

.calendar-astronomical-icon {
	width: 9px;
	height: 9px;
	margin-left: 1px;
	border: 0;
	vertical-align: -1px;
}

.tool-image {
	max-width: 100%;
	height: auto;
	border: 0;
}

.day-details {
	width: min(100%, 560px);
	margin: 0 auto;
}

.day-details table {
	width: 100%;
}

.day-tooltip {
	position: fixed;
	z-index: 1000;
	box-sizing: border-box;
	width: 375px;
	max-width: calc(100vw - 16px);
	max-height: calc(100vh - 16px);
	overflow: auto;
	border: 2px solid #ccc;
	background: #fff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.day-tooltip[hidden] {
	display: none;
}

.day-tooltip-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px 8px;
	background: #ccc;
	font-weight: bold;
}

.day-tooltip-close {
	display: inline-flex;
	width: 24px;
	height: 24px;
	margin: -2px -4px -2px 8px;
	padding: 0;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	color: #333;
	cursor: pointer;
	font: bold 20px/1 Arial, Helvetica, sans-serif;
}

.day-tooltip-close:focus {
	outline: 2px solid #447a9c;
	outline-offset: 1px;
}

@media (hover: none) and (pointer: coarse) {
	.day-tooltip {
		-webkit-user-select: none;
		user-select: none;
	}
}

.day-tooltip-content {
	padding: 10px;
	color: #333;
}

.day-tooltip-loading,
.day-tooltip-error {
	margin: 0;
	text-align: center;
}

.day-tooltip-error {
	color: #b00020;
}

.day-link {
	cursor: help;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}

.day-astronomical-event {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.day-astronomical-icon {
	width: 16px;
	height: 16px;
	border: 0;
}

.astronomical-events-page {
	width: min(100%, 720px);
	margin: 0 auto;
}

.astronomical-events-header {
	margin-bottom: 20px;
	text-align: center;
}

.astronomical-events-header h1 {
	font-size: 14pt;
}

.astronomical-year-navigation {
	display: grid;
	grid-template-columns: 100px 1fr 100px;
	align-items: center;
}

.astronomical-year-links {
	text-align: center;
}

.astronomical-year-form {
	margin: 0;
	text-align: right;
}

.lunar-current-summary {
	margin: 0 0 16px;
	font-size: 9pt;
	text-align: center;
}

.lunar-current-item {
	display: block;
	line-height: 1.5;
	text-align: center;
	white-space: normal;
}

.lunar-current-phase-icon {
	width: 11px;
	height: 11px;
	border: 0;
	vertical-align: -1px;
}

.lunar-current-illumination-icon {
	width: 30px;
	height: 30px;
	margin: 0 4px;
	vertical-align: -8px;
}

.day-moon-illumination-icon {
	width: 20px;
	height: 20px;
	vertical-align: -5px;
}

.calendar-header-moon-illumination-icon {
	width: 20px;
	height: 20px;
	margin: 0 3px;
	vertical-align: -5px;
}

.astronomical-events-table {
	width: 100%;
	border: 2px solid #99ccff;
}

.astronomical-events-table th,
.astronomical-events-table td {
	padding: 2px 10px;
	border-bottom: 1px solid #d7eaff;
	font-size: 9pt;
	text-align: left;
}

.astronomical-events-table th {
	background: #eaf5ff;
}

.astronomical-events-table .astronomical-month-row th {
	padding: 5px 10px;
	border-top: 2px solid #99ccff;
	border-bottom: 1px solid #99ccff;
	background: #d7eaff;
	color: #2c506d;
	font-size: 9pt;
	text-align: left;
}

.astronomical-events-table td:first-child,
.astronomical-events-table td:nth-child(2) {
	white-space: nowrap;
}

.astronomical-event-name {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.astronomical-event-icon {
	display: block;
	flex: 0 0 20px;
}

.astronomical-moon-times {
	white-space: nowrap;
}

.astronomical-events-source {
	color: #666;
	font-size: 8pt;
	text-align: center;
}

.holiday-section {
	margin-top: 24px;
}

.holiday-section h2 {
	margin: 0 0 8px;
	font-size: 12pt;
}

.holiday-summary {
	margin: 0 0 12px;
	font-size: 9pt;
	line-height: 1.5;
}

.holiday-table td:first-child,
.holiday-table td:nth-child(2) {
	white-space: nowrap;
}

.holiday-table .holiday-weekday-day-off td {
	color: #990000;
	font-weight: bold;
}

.holiday-weekday-day-off-key {
	color: #990000;
	font-weight: bold;
}

@media (max-width: 640px) {
	body {
		margin: 8px;
		overflow-x: auto;
	}

	.astronomical-year-navigation {
		grid-template-columns: 70px 1fr 70px;
	}

}
.date-text-input {
    box-sizing: border-box;
    width: 115px;
    vertical-align: middle;
}

.date-picker-icon {
    position: relative;
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 18px;
}

.date-picker-icon:focus-within {
    outline: 2px solid #447a9c;
    outline-offset: 1px;
}

.date-picker-icon .date-picker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 0;
    cursor: pointer;
}