/*
pputt score tracker styling
v1.1

(C) High Quality Ideas LLC

*/
* {
  box-sizing: border-box;
}

body {
  font-size: 10px;
  background-color: #E6E7E8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.header {
  position: fixed;
  height: 8em;
  width: 100%;
  background-color: #58595B;
  padding: 1em;
  color: white;
  box-shadow: 0px 0px 10px 2px #888888;
  /* Trapezoid top clip
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 calc(100% - 5vw)
  );
  */
}

.logo {
  display: block;
  float: left;
  height: 6em;
  margin-top: -0.15em;
}

.total-score-cont {
  float: right;
}
.total-score-cont .total {
  font-size: 4em;
  display: block;
  text-align: right;
  line-height: 1em;
}
.total-score-cont .ts-text {
  font-size: 1.5em;
  float: right;
  text-align: right;
  line-height: 1em;
}

.row#name {
  background-color: green;
}
.row#name input {
  text-align: right;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 12dp;
}

.scorecard {
  padding-top: 8em;
}
.scorecard .row {
  display: block;
  height: 5em;
  padding: 1em;
  color: black;
}
.scorecard .row.even {
  background-color: #F1F2F2;
}
.scorecard .row.locked {
  color: #646464;
  font-weight: 300;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.scorecard .row.skipped {
  background-color: #FF8888;
  color: white;
}
.scorecard .row .hole-name {
  font-size: 3em;
  line-height: 1em;
  float: left;
}
.scorecard .row .score {
  font-size: 3em;
  line-height: 1em;
  float: right;
}

/*


* {
    box-sizing: border-box;
}

body {
    font-size: 10px;

    // Make all the text on this page un-selectable
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;        

}


*/
.footer {
  width: 100%;
  padding: 1rem;
  display: grid;
  background-color: #58595B;
  font-size: 36px;
  font-weight: 300;
  color: black;
}
.footer .f-row {
  display: block;
  padding: 1rem;
  margin: 1rem;
}
.footer #submit-btn {
  background-color: black;
  color: white;
}
.footer #submit-btn.submitting {
  background-color: green;
}
.footer #clear-btn {
  margin-top: -1rem;
  background-color: red;
  color: white;
}
.footer #clear-btn.disabled {
  color: rgba(255, 255, 255, 0.5);
}

/*# sourceMappingURL=pputt-shtyle.css.map */