*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 10vh;
	line-height: 10vh;
	box-shadow: 1px 1px 10px 0 rgba(0,0,0,.2);
	z-index: 3;
	background-color: #e8e8e8;
}

header h3 {
	text-align: center;
}

h4 {
	text-align: center;
}

body{
	/* text-transform:uppercase; */
	background-color: #e8e8e8;
}

.calendar{
	display:flex;
	margin: 5vh auto;
	width: 95%;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 1rem;
}

.sep-calendar{
	box-shadow: 1px 1px 10px 0 rgba(0,0,0,.2), -3px -3px 10px 0 rgba(0,0,0,.2);
	border-radious: 10px;
	padding: 10px;
}

.sep-calendar h1 {
	text-align: center;
	padding: 1rem;
}

.sep-calendar ul {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	list-style: none;
}

li {
	padding: 5px;
	text-align: center;
}

li:nth-child(7n+1) {
	color: #d33e3e;
}

li:nth-child(7n){
	color:#27cc50;
}

.prev-month,
.prev-month~li {
	opacity: .5;
	/* font-weight: 200; */
}

.next-month,
.next-month~li {
	opacity: .5;
	font-weight: 200;
}

.first-day,
.first-day~li {
	opacity: 1 !important;
	font-weight: 600;
}

.last-day~li {
	opacity: .5 !important;
	font-weight: 200;
}

/* .select-editable {position:relative; background-color:white; border:solid grey 1px;  width:120px; height:18px;}
.select-editable select {position:absolute; top:0px; left:0px; font-size:14px; border:none; width:120px; margin:0;}
.select-editable input {position:absolute; top:0px; left:0px; width:100px; padding:1px; font-size:12px; border:none;}
.select-editable select:focus, .select-editable input:focus {outline:none;} */