/* Reusable */
.errors {
  border: 1px solid #d60000;
  background-color: red;
}
.link {
  color: #6666cc;
}
.link:hover {
  text-decoration: underline;
  color: #4747c2;
  cursor: pointer;
}
.left {
  text-align: left;
}
.heading {
  font-size: 150%;
}
.button_icon {
  margin-right: .5em;
}
body {
  background-color: #fffffd;
}
input {
  font-size: medium;
}
select {
  font-size: medium;
}
input.number {
  max-width: 3.5em;
  margin: 0 0.5em 0 0;
}
select.number {
  min-width: 3.6em;
}
input.button {
  background-color: #fafaff;
  font-size: 100%;
  padding: 0.1em 1.5em;
  margin-right: 0.5em;
  border-radius: 5px;
}
button {
  background-color: #fafaff;
  font-size: 100%;
  padding: 0.1em 1.5em;
  margin-right: 0.5em;
  border-radius: 5px;
}
hr {
  margin: 2em 0;
  border-color: #eef;
}
table {
  border-collapse: collapse;
  margin: 1em 0;
  width: 100%;
}
table thead {
  background-color: #eef;
}
table thead th {
  text-align: center;
}
table tr {
  border: 1px solid #eee;
}
table th,
table td {
  text-align: left;
  padding: 0.4em 0.4em;
}
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?e8ityg');
  src: url('../fonts/icomoon.eot?e8ityg#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?e8ityg') format('truetype'), url('../fonts/icomoon.woff?e8ityg') format('woff'), url('../fonts/icomoon.svg?e8ityg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Insert the right icon! */
  content: attr(data-icon);
}
/* Components */
.breadcrumbs {
  display: block;
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}
.breadcrumbs_item {
  display: inline-block;
}
.breadcrumbs_item + .breadcrumbs_item:before {
  display: inline-block;
  margin: 0 0.5em;
  font-size: smaller;
  content: ' > ';
  color: #ccc;
}
.breadcrumbs_item-link {
  color: #6666cc;
}
.breadcrumbs_item-link:hover {
  text-decoration: underline;
  color: #4747c2;
  cursor: pointer;
}
.breadcrumbs_icon {
  margin-right: .3em;
}
.controlblock {
  margin: .7em 0;
}
.deletebutton__button {
  background-color: #fafaff;
  font-size: 100%;
  padding: 0.1em 1.5em;
  margin-right: 0.5em;
  border-radius: 5px;
  background-color: #ffdddd;
}
.deletebutton__buttonicon {
  margin-right: .5em;
}
.deletebutton__confirmation {
  font-weight: bold;
}
.deletebutton__cancel {
  color: #6666cc;
}
.deletebutton__cancel:hover {
  text-decoration: underline;
  color: #4747c2;
  cursor: pointer;
}
.exportpane__data {
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: small;
  font-family: monospace;
  white-space: pre;
  width: 100%;
  height: 200px;
  overflow: auto;
}
.gamebutton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 2px solid #ddd;
  border-radius: 8px;
  margin: 5px 0;
  padding: 5px;
  cursor: pointer;
}
.gamebutton:nth-child(even) {
  background-color: #fafaff;
}
.gamebutton_name {
  width: 99%;
  flex: 1;
  font-size: larger;
  color: #6666cc;
}
.gamebutton_name:hover {
  text-decoration: underline;
  color: #4747c2;
  cursor: pointer;
}
.gamebutton_players {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: smaller;
}
.gamebutton_date {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  font-size: smaller;
}
.gamedetails__totals td {
  border-top: 1px solid black;
}
.gamedetails__score--negative {
  color: red;
}
.gamedetails__score--winner {
  font-weight: bolder;
}
.gamedetails__score--blindwinner {
  font-weight: bolder;
  text-decoration: underline overline;
}
.gamedetails__minmelds {
  font-size: small;
  color: #808080;
}
.gamedetails__buttonicon {
  margin-right: .5em;
}
.gameview {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 1em auto;
}
.gameview_players {
  flex: 1;
  font-size: smaller;
}
.gameview_date {
  flex: 1;
  text-align: right;
  font-size: smaller;
}
.importdatapane__data {
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: small;
  font-family: monospace;
  white-space: pre;
  width: 100%;
  height: 200px;
  overflow: auto;
}
.importdatapane__buttonicon {
  margin-right: .5em;
}
.importselectionpane__buttonicon {
  margin-right: .5em;
}
/* Top level */
#app {
  margin: 1em auto;
  max-width: 650px;
  font-family: 'Helvetica', sanserif;
  font-size: 11pt;
}

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