#calendarWrapper{
	margin-top:40px;
}

#YearByZodiacWrapper{
	margin-top:40px;
}

#calendarWrapper .btn{
    background-color: #FFF9E2;
}

#calendarWrapper .btn-selected{
    background-color: #EBD68B;
}

#calendarWrapper .btn:hover {
    background-color: #EBD68B;
}

#YearByZodiacWrapper .btn{
    background-color: #FFF9E2;
}

#YearByZodiacWrapper .btn-selected{
    background-color: #EBD68B;
}

#YearByZodiacWrapper .btn:hover {
    background-color: #EBD68B;
}

.fw-bold { 
	font-weight: bold; 
}

.clickable-row{
    cursor:pointer;
transition: background-color 0.3s ease;
}

.clickable-row:hover{
    background-color: rgba(255, 249 226, 0.05);
}

.font-24{
    font-size:24px;
}
h1{
    font-size:24px;
}
h2{
    font-size:20px;
}
h4{
	font-size:20px;
}

.monthTitle{
    xfont-size:14px;
    font-weight: 700;
}

.text-11px {
    font-size: 11px;
}

.text-13px {
    font-size: 13px;
}

.text-weight-400{
    font-weight: 400!important;
}

.text-weight-700{
    font-weight: 700!important;
}

.bg-color-standard{
    background-color:#FFF9E2;
}

.font-standard-red{
	color:#9D0000!important;
}

a {
    color: inherit; 
    text-decoration: none; 
}

.table-striped>thead>tr>* {
    background-color: #3B2929; 
    color:#fff;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F6FBFF; 
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: #F6FBFF;
}

.table.custom-border td,
.table.custom-border th {
    border-left: none;
    border-right: none;
    padding:15px 20px;
}

/* Add left border to the first column */
.table.custom-border td:first-child,
.table.custom-border th:first-child {
  border-left: 1px solid #dee2e6;
}

/* Add right border to the last column */
.table.custom-border td:last-child,
.table.custom-border th:last-child {
  border-right: 1px solid #dee2e6;
}

.border-sunday {
    border-bottom: 2px solid #000!important; 
}
.banner-row td {
    background-color: transparent !important;
    padding: 0 !important;
}
.custom-min-height {
    min-height: 50vh!important; /* 60% of viewport */
}

tr.highlighted td{
    background-color: #FFEFE5 !important;  /* light yellow highlight */
}

/*@media (max-width: 767.98px) {
    #monthDropdown {
        max-width: 200px;
        margin: 0 auto;
    }
}*/