body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background: #222222;
    color: #dcdcdc;
}



/* Input Text Fields */
input[type="text"] {
    padding: 5px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
}

input[type="text"]:focus,
input[type="text"].focus {
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}

#generator {
	display: flex;
	padding: 10px;
	flex-direction: row;
	flex-wrap: wrap;
}

div#generator > div {
	width: 100%;
	display: flex;
}

#input {
	/* float: left; */
	width: 350px;
	margin-right: 15px;
}

#calendar-description {
	padding: 10px;
}

/* Calendexample */
table tbody tr td div.calenday {
	width: 40px;
}

table  div.calenday span {
	display: inline-block;
	width: 20px;
}