input[type=button].calendar {
  width: 100px;
  height: 30px;
  margin: 8px 4px;
  font-size: 18px;
}
input[type=submit], input[type=reset], input[type=button] {
  cursor: pointer;
  font-weight: 700;
  padding: 2px;
  padding-left: 16px;
  padding-right: 16px;
  margin: 4px;
  height: 26px;
  text-shadow: 1px 1px 5px #FFF;
}
input[type=file] {
  background-color: rgba(0,0,0,0);
  color: green;
  border: 0;
  box-shadow: none;
  font-size: 14px;
  padding: 0;
  font-weight: 700;
}




input[type="checkbox"] {
  position: relative;
  top: 2px;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #333;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
}
input[type="checkbox"]:checked, input[type="checkbox"]:indeterminate {
  border-color: #333;
  position: relative;
}
input[type="checkbox"]:checked {
  background-color: #7a02c0;
}
input[type="checkbox"]:indeterminate {
  background-color: #9879ab;
}
input[type="checkbox"]:checked::after {
  content: "✔";
  color: rgb(0, 255, 0);
  font-size: 13px;
  position: absolute;
  left: 1px;
  top: -2px;
}
input[type="checkbox"]:indeterminate::after {
  content: "-";
  color: rgb(255, 255, 0);
  font-size: 22px;
  position: absolute;
  left: 2px;
  top: -8px;
}










input[type=file]::file-selector-button {
    font-weight: 700;
    border: 1px solid #909090;
    cursor: pointer;
    color: #000;
    text-shadow: 1px 1px 5px #FFF;
    border-radius: 10px 3px 10px 5px;
    margin: -5px 10px 0 0;
    padding: 0 20px;
    box-shadow: rgba(0,0,0,.5) 0 1px 8px 0;
    font-weight: 700;
    font-size: 14px;
  }
  input[type=submit] {
    background: #0E0;
    background: -moz-linear-gradient(-45deg,green 0%,#0E0 50%,green 100%);
    background: -webkit-linear-gradient(-45deg,green 0%,#0E0 50%,green 100%);
    background: linear-gradient(135deg,green 0%,#0E0 50%,green 100%);
  }
  input[type=submit]:hover {
    background: #0E0;
  }
  input[type=submit]:active {
    background: green;
  }
  input[type=submit]:disabled {
    background: rgb(93, 126, 93);
    cursor: not-allowed;
  }
  input[type=reset] {
    background: red;
    background: -moz-linear-gradient(-45deg,maroon 0%,red 50%,maroon 100%);
    background: -webkit-linear-gradient(-45deg,maroon 0%,red 50%,maroon 100%);
    background: linear-gradient(135deg,maroon 0%,red 50%,maroon 100%);
  }
  input[type=reset]:hover {
    background: red;
  }
  input[type=reset]:active {
    background: maroon;
  }
  input[type=button], input[type=file]::file-selector-button {
    background: #157EFE;
    background: -moz-linear-gradient(-45deg,#02A 0%,#157FFF 50%,#02A 100%);
    background: -webkit-linear-gradient(-45deg,#02A 0%,#157FFF 50%,#02A 100%);
    background: linear-gradient(135deg,#02A 0%,#157FFF 50%,#02A 100%);
  }
  input[type=button]:hover, input[type=file]::file-selector-button:hover {
    background: #157EFE;
  }
  input[type=button]:active, input[type=file]::file-selector-button:active {
    background: #02A;
  }
  input[type=button]:disabled, input[type=file]::file-selector-button:disabled {
    background: #6976a8;
  }
  input.login_input {
    width: 300px;
    height: 30px;
    font-size: 18px;
  }
  input.login_button {
    width: 150px;
    height: 50px;
    font-size: 20px;
    border-radius: 25px 7px 25px 7px;
    float: right;
  }
  input.password_reset_button {
    width: 200px;
    height: 50px;
    font-size: 20px;
    border-radius: 25px 7px 25px 7px;
    float: right;
  }