@import url("https://fonts.googleapis.com/css?family=Open+Sans:700");
@import url("https://fonts.googleapis.com/css?family=Roboto");
* {
  box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 15px; }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px; }

ul {
  margin: 0; }

input[type="text"], input[type="number"], textarea {
  width: 100%;
  padding: 7px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  outline: none;
  font-size: 15px; }
  input[type="text"]:focus, input[type="number"]:focus, textarea:focus {
    border-color: #000; }

textarea {
  resize: vertical;
  font-size: 15px;
  font-family:inherit; }

input.wp {
  background-color: transparent;
  font-weight: bold;
  color: transparent;
  cursor:default;
  text-shadow: 0 0 0 #444444;
  font-family: inherit;
  text-align: center;
  border: 0px; }

select {
  width: 100%;
  padding: 7px;
  border: 0px solid #000;
  font-size: 14px;
  -moz-appearance: none;
  -webkit-appearance:none; }

select::-ms-expand {
    display: none; }

select#team, select#preparedby {
  border: 2px solid rgba(0, 0, 0, 0.3);
  color: #767676; }

select#wkname{
  color: #767676; }

input.ro, select.ro, textarea.ro {
  color: #444444; }

button, input[type="submit"] {
  border: none;
  color: #fff;
  background-color: #3c3c3c;
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer; }
  button:hover, input[type="submit"]:hover {
    background-color: #000; }

header h2 {
  font-family: 'Open Sans', sans-serif;
  text-align: center; }

footer {
  text-align: center;
  font-size: 12px; }

.title {
  margin-bottom: 30px; }

.main {
  margin-bottom: 30px; }
  .main table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #9c9795; }
    .main table tr th {
      background-color: #E0D9D5;
      padding: 7px;
      border: 1px solid #9c9795; }
      .main table tr th:nth-child(4) div:first-child {
        padding: 5px; }
    .main table tr td {
      border: 1px solid #9c9795;
	  vertical-align: top; }
	  .main table tr td input[type="text"], .main table tr td input[type="number"], .main table tr td textarea {
        border: none; }
      .main table tr td textarea {
        overflow: hidden;
        resize: none;
        display: block;
        font-family: 'Roboto', sans-serif; }
      .main table tr td button {
        display: block;
        margin: 0 auto;
        padding: 7px 20px; }
      .main table tr td:last-child {
        text-align: center; }
    .main table tr.pretd td {
      height: 40px; }

.foot {
  padding: 20px 10px 20px 10px;
  text-align: center; }
  .foot .button-container input {
    padding: 10px;
    font-size: 18px;
    max-width: 400px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

.margin-bottom-xs {
  margin-bottom: 5px; }
 
.relative {
  position: relative; }
  .relative input[type="text"], .relative input[type="number"] {
    padding-right: 32px;
    cursor: pointer; }
  .relative .inputIcon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%); }
  .relative #weekbeginicon {
    color: rgba(0, 0, 0, 0.3);
    cursor: pointer; }
    .relative #weekbeginicon:active {
      color: #000; }

/*# sourceMappingURL=style.css.map */