html,body{
	width: 100vw;
	height: 100vh;
	overflow: auto;
	height: -webkit-fill-available;
}

html{
	background-color: #f9f9f9;
}

@supports (-webkit-touch-callout: none){
	html,body{
		height: -webkit-fill-available;
	}
}

h1{
    text-align: center;
    margin: 30px 0;
    font-size: 24px;
}

h3{
    font-size: 18px;
    margin: 50px 0 15px 0;
}

table{
    width: 100%;
    background-color: transparent;
}
table tr, table tbody{
    background-color: transparent;
}
table td{
    padding: 5px 10px;
    
    background-color: rgba(0,0,0,.15);
}

.input-outer{
	background-color: transparent;
	border-color: #666!important;
}
.input-outer:hover{
	border-color: #0099ff!important;
}
.input-outer .input{
	background-color: transparent;
	color: rgba(255,255,255, .75);
	font-family: "Roboto";
}
.input-outer .input::-webkit-input-placeholder{
	color: rgba(255,255,255, .15);
}
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
	filter: invert(1); /* 白色图标 */
	/* 或者使用特定颜色 */
	/* filter: invert(40%) sepia(100%) saturate(1000%) hue-rotate(200deg); */
}