/* Basic CSS for styling the calendar */
    #newcal table {
        /*      width: 710px;*/
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        margin: auto;
        padding: 0 30px 0 30px;
        line-height: 1rem;
        font-size: .7rem;
	margin: 0 0 1.5rem 0;
    }

    /* Set a specific, short width for the first column */
    #newcal table tr td:first-child, #newcal table tr th:first-child {
	width: 25px; /* Adjust this value as needed */
        background-color: var(--table-header-cal); /* adjust color */
	font-weight: bold;
	text-align: center;     /* Centers horizontally */
	vertical-align: middle; /* Centers vertically (this is usually the default) */
    }

    #newcal th {
        font-weight: bold;
        padding: 0pt;
    }
        
    #newcal th, #newcal td {
	border: 1px solid #c0c0c0;
    }
    
    #newcal td {
        padding: 0pt 5pt 0pt 5pt;
        width: 8em;
        height: 142px;
        /* minimum height */
        vertical-align: top;
    }

    #newcal tr {
        background-color: var(--table-background-cal);
    }
   
    .newcaldate {
        font-size: .7rem;
        margin-bottom: .5rem;
        font-weight: 700;
    }


    #newcal th {
	background-color: var(--table-header-cal);
	height: 25px;
    }

    
    #newcal .exam {
        font-size: 1.2rem;
        font-weight: bold;
        display: inline-block;
        color: rgb(164, 42, 42);  /* rgb(139, 71, 128); */
        margin: 1rem 0;
        padding: .1rem;
        border: 2px ridge black;
    }


    #newcal .quiz {
	font-size: 0.7rem;
	font-weight: bold;
	display: inline-block;
	color: blue; /* rgb(8, 84, 151); */
	margin: 1rem 0;
	padding: .1rem;
	border: 2px ridge black;
    }