/* input{
  text-align: center;
  text-wrap: wrap;
  font-size: 2px;
  width: 2px;
  border: 2px solid red;
  border-radius: 4px;
  
} */

* {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  font-size: 16px;
}
body {
  background-color: #435165;
}
h1 {
    text-align: center;
}
h2{
  text-align:center
}
tagname:empty {
 display: none;
}

/* textarea {
  font-size: 2px;
} */
input.value{
  font-size:small;
  overflow-wrap: break-word;
}
input[type=password]{
  text-align: center;
  font-size:small;
  width:20%;
  border: 0;
}
input[type=password]:focus {
  text-align: center;
  background-color: lightblue;
  font-size: large;
}
input[type=text]{
  text-align: center;
  font-size:x-small;
  width:20%;
  border: 0;
}
input[type=text]:focus {
  text-align: center;
  background-color: lightblue;
  font-size: large;
}
input[type=number]{
  text-align: center;
  font-size:small;
  width:20%;
  border: 0;
}
input[type=number]:focus {
  text-align: center;
  background-color: lightblue;
  font-size: large;
}
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 100px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


.wrapper {
    text-align: center;
}

.button {
    position: absolute;
    top: 50%;
}

/* .table {
    display: table;
    width: 100%;
}

.table-row {
    display: table-row;
    width: 100%;
}

.table-cell {
    display: table-cell;
}*/

@media screen and (max-width: 479px) {
    .table, .table-row {
        display: block;
    }
    .table-cell {
        display:inline-block;
    }
    .material-icons{
      font-size: 3px;
    }
    input[type=number]{
      font-size: x-small;
    }
    input[type=number]:focus{
      font-size: x-small;
    }
} 

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

input[type="date"]:before {
  content: attr(placeholder) !important;
  color: #aaa;
  margin-right: 0.5em;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
  content: "";
}

/* #SubmitInputs{   
    visibility: hidden;
} */
.navtop {
	background-color: #2f3947;
	height: 60px;
	width: 100%;
	border: 0;
}
.navtop div {
	display: flex;
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}
.navtop div h1, .navtop div a {
	display: inline-flex;
	align-items: center;
}
.navtop div h1 {
	flex: 1;
	font-size: 24px;
	padding: 0;
	margin: 0;
	color: #eaebed;
	font-weight: normal;
}
.navtop div a {
	padding: 0 20px;
	text-decoration: none;
	color: #c1c4c8;
	font-weight: bold;
}
.navtop div a i {
	padding: 2px 8px 0 0;
}
.navtop div a:hover {
	color: #eaebed;
}
body.loggedin {
	background-color: #f3f4f7;
}