@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #c9c9c9;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #c9c9c9;
  opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #c9c9c9;
  opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c9c9c9;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #c9c9c9;
}

::placeholder { /* Most modern browsers support this now. */
  color: #c9c9c9;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=text],
input[type=number] {
  -moz-appearance: textfield;
  text-align: center !important;
  color: #5c5c5c !important;
  padding: 7px 10px !important;
  border: 1px solid #c0c0c0;
}

.top-menu-container { position: relative; }

.top-menu-container a {
  position: absolute;
  top: 2px;
  right: 15px;
}

.top-menu-container a i {
  font-size: 20px;
  color: #5a5a5a;
}

.top-menu-container a:hover i {
  color: #0aa000;
}

.date { color: #5a5a5a; }


.main-title {
  color: #0083ff;
}

div.table-title {
   display: block;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
}

.table-title h3 {
   color: #fafafa;
   font-size: 30px;
   font-weight: 400;
   font-style:normal;
   font-family: "Roboto", helvetica, arial, sans-serif;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
   text-transform:uppercase;
}

textarea:focus, input:focus{ outline: none; }

*:focus { outline: none; }

/*** Table Styles **/

.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}

.table-fill tbody tr td p { margin: 0; }

th {
  color:#fff;
  background: #0083ff;
  border-bottom: 4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-family: sans-serif;
  font-size: 20px;
  font-weight: 500;
  padding: 25px 20px;
  text-align: center !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align: middle;
}

th:first-child {
  border-top-left-radius:3px;
  border-left: 1px solid #0e88fb;
}

th:last-child {
  border-top-right-radius:3px;
  border-right: 1px solid #0e88fb;
}

tr {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
}

tr td { transition: all .3s; }

/* tr:hover td {
  background: #d0e4fd;
  color: #666c84;
} */

tr:first-child { border-top:none; }

tr:last-child { border-bottom:none; }

tr:nth-child(odd) td { background:#fff; }

tr:nth-child(odd) td { background: #e9e9e9; }

tr:last-child td:first-child { border-bottom-left-radius:3px; }

tr:last-child td:last-child { border-bottom-right-radius:3px; }

td {
  background:#FFFFFF;
  padding: 20px 20px;
  text-align: center;
  vertical-align: middle;
  font-weight: 300;
  font-size:18px;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

td p { font-weight: 400; }

/* td:last-child { border-right: 0px; } */

th.text-left { text-align: left; }

th.text-center { text-align: center; }

th.text-right { text-align: right; }

td.text-left { text-align: left; }

td.text-center { text-align: center; }

td.text-right { text-align: right; }

.h1-title { margin: 30px 0 !important; }

/* Goal background color */
/* .no-goal {
  background: #fb0e0e;
  color: #fff;
}

.goal {
  background: #00b300;
  color: #fff;
} */

/* Goal text color */

.no-goal {
  color: #fb0e0e;
  /* background: rgba(251, 14, 14, .1); */
}

.goal {
  color: #00b300;
  /* background: rgba(44, 177, 30, .1); */
}

.total-result-no-goal { color: red; }

.total-result-goal { color: #00bf00; }

 select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Safari, Chrome, Opera */
    -webkit-appearance: none;
  }

  /* for IE10 */
  select::-ms-expand { display: none; }

.bag-size-container { position: relative; }

.bag-size-selector {
  text-align: center;
  font-weight: 300;
  color: #666B85;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  border: 0;
  cursor: pointer;
}

.bag-size-selector:focus { outline: none; }

.submit_bag_form {
  background: #fff !important;
  border: 1px solid #fff !important;
}

.add-padding-to-submit-btn { padding-top: 28px !important; }

.total-table-results {
  height: 220px !important;
  margin: 50px auto 0px;
}

.margin-top-zero { margin-top: 0 !important; }

.line-target { cursor: pointer; }

.hidden-form-container { text-align: center; }

.hide-form { display: none; }

.submit-btn-update { padding: 11px !important; }

.submit-btn-update:hover {
  background: #0083ff;
  color: #fff;
}

.target-updated-results ul,
.target-updated-results ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: absolute;
  left: -1000px;
}

.total-bag-result,
.all-lines-total-pounds {
  font-size: 30px;
}

.total-individual-table { background: #fff !important; }

.show-results-container .btn { width: 200px; }

.hide-results { display: none !important; }