/*
Source - https://stackoverflow.com/a/43325129
Posted by Yogesh Mistry, modified by community. See post 'Timeline' for change history
Retrieved 2026-05-12, License - CC BY-SA 3.0
*/

		.calendar_header{
			position: relative;
		}
		.prev-month, .next-month{
		    cursor: pointer;
		    position: absolute;
		    top: 1px;
		    background: #eee;
		    width: 35px;
		    height: 50px;
		    padding: 8px 0 8px 0px;
		}
		.prev-month{ left: 1px; }
		.next-month{ right: 1px; }
        .prev-month-pay, .next-month-pay{
		    cursor: pointer;
		    position: absolute;
		    top: 1px;
		    background: #eee;
		    width: 35px;
		    height: 50px;
		    padding: 8px 0 8px 0px;
		}
		.prev-month-pay{ left: 1px; }
		.next-month-pay{ right: 1px; }
		.month-year h3{
			font-size: 40px;
			margin-top: 10px;
			border: 1px solid #ddd;
		    margin-bottom: 0;
		    padding: 5px 0;
		    background: #eee;
		}
		.currentMonth{background: rgba(0,0,0,0.04);}
		.container {
			margin-top: 10px;
		}

		th {
			background: #faffe0;
			font-size: 20px;
			height: 30px;
			text-align: center;
			font-weight: 700;
		}

		td {
			font-size: 20px;
			background: rgba(0,0,0,0.02);
			height: 100px;
			border: 0.25px solid rgba(0,0,0,0.25);
		}
		td.empty{background: #fff;}

		.today {
			font-weight: bold;
			color: #fff !important;
			background-color: gray !important;
		}
		
		.biweek {
			font-weight: bold;
			color: #000;
			background-color: rgba(255, 188, 71, 0.25);
		}
		
		.payday {
			font-weight: bold;
			color: #000;
			background-color: rgba(60, 179, 113, 0.25) !important;
		}

		th:nth-of-type(7), td:nth-of-type(7) {
			font-weight: bold;
		}

		th:nth-of-type(1), td:nth-of-type(1) {
			font-weight: bold;
		}
        .snippet-code .snippet-result .snippet-result-code{height:725px;}
        .hours-shaddow{
	        -webkit-box-shadow: 0 0 1px 3px #000 inset;
		-moz-box-shadow: 0 0 1px 3px #000 inset;
		box-shadow: 0 0 1px 3px #000 inset;
	}