.inputDiv {
    font-size: 3vw;
    width: 100%;
    text-align: center;
	padding: 10px;
	border-bottom: 2px solid black;

}

.centerCol {
	float: none;
	text-align: center;
}

#moonPhasePanel table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}

.titleRow {
    text-align: center;
    font-size: 1vw;
    font-weight: 700;
    padding: 2vw;
}

.signe img {
    width: 100%;
    height: auto;
}

div.signe {
    width: 2.5vw;
    padding: 0.2vw;
    margin: auto;
}

.moon {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0.4vw;
	font-size: 0.5rem;
}

tr.bottomRow td {
    border-bottom: 1px solid black
}

td.spaceRow {
    font-size: 0.3vw;
}

td.bottomRow {
    border-bottom: 1px solid black
}
td.borderLeft {
    border-left: 1px solid black
}

td.borderRight {
    border-right: 1px solid black
}

#moonPhasePanel td {
    padding-top: 0.1vw;
    padding-bottom: 0.1vw;
    padding-left: 0.2vw;
    padding-right: 0.2vw;
    vertical-align: center;
}

td.minpad {
    padding-left: 0vw;
    padding-right: 0vw;
    white-space: nowrap;
}

td.center {
    text-align: center;
}

td.right {
    text-align: right;
}

.inherit {
    font-size: inherit;
  }