@import "/css/defaultTop.css";

@import "/css/flexDefault.css";

@import "/css/media.css";

:root,
.Motherwell {
  --dark: var(--claret);
  --light: var(--amber);
  /* --light: var(--claret);
  --dark: var(--amber); */
}

:root {
  --back: wheat;
  background-color: var(--back);
  --black: #000000;
  --white: #ffffff;
  --grey: #e0e0e0;
  --claret: #7f1734;
  --amber: #ffbf00;
  --pinkish: #f0a0b0;
  --red: #ff0000;
  --greenyellow: #adff2f;
  --green: #00ff00;
  --zebra_on: #e0e0e0;
}

/* .Motherwell {
  --zebra_on: var(--claret);
} */


.Aberdeen {
  --dark: #cc0000;
  --light: var(--white);
}

.Celtic {
  --dark: #009b48;
  --light: var(--white);
}

.Hibernian {
  --dark: #004438;
  --light: var(--white);
}

.Dundee {
  --dark: #172643;
  --light: var(--white);
}

.Dundee_FC {
  --dark: #172643;
  --light: var(--white);
}

.Dundee_United {
  --dark: #000000;
  --light: #ff6600;
}

.Falkirk {
  --dark: #0a2763;
  --light: var(--white);
}

.Hearts {
  --dark: #9f1931;
  --light: var(--white);
}

.Heart_of_Midlothian {
  --dark: #9f1931;
  --light: var(--white);
}

.Kilmarnock {
  --dark: #0c45c4;
  --light: var(--white);
}

.Livingston {
  --dark: #000000;
  --light: #ffcc00;
}

.Ross_County {
  --dark: #061a64;
  --light: var(--white);
}

.Rangers {
  --dark: #0033a0;
  --light: var(--white);
}

.St__Johnstone {
  --dark: #0033a0;
  --light: var(--white);
}

.St__Mirren {
  --dark: #000000;
  --light: var(--white);
}

.container {
  overflow: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.formHeader {
  /* max-height: 15vh; */
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.pageBody {
  overflow: auto;
  height: calc(100% - 20vh);
}

.heading {
  margin: .75vh .75vw;
}

form,
table {
  background-color: var(--light);
  color: var(--dark);

  border: .15rem solid var(--dark);
  border-collapse: separate;
  border-spacing: 0 .25vmax;
  border-radius: inherit;
}

div,
table,
form {
  margin: .5vmax;
  padding: .25vw;
}

form table,
form fieldset {
  float: left;

  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

form>select {
  float: left;

  max-width: 7.5vmax;

  margin: inherit;
  padding: inherit;
}

form>fieldset#radios {
  float: left;

  max-width: 50vw;

  margin: inherit;
  padding: inherit;
}

legend {
  font-weight: bold;
}

form>legend,
.legendContrast {
  color: var(--light);
  background-color: var(--dark);
}

form>label.select {
  float: left;

  font-size: calc(0.75rem + 1vmin);
  font-weight: bolder;

  margin: inherit;
  padding: inherit;
}

input[type=text],
select,
textarea {
  width: 100%;

  border-radius: inherit;
  resize: vertical;

  font-size: smaller;
  height: calc(0.7rem + 1.1vmin);
  line-height: calc(0.7rem + 1.1vmin);
}

fieldset.compSeason select {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

table>thead,
table>tbody {
  border: .15rem solid var(--dark);
}

th,
td {
  padding: .2vmin;
}

td>img.icon {
  cursor: pointer;
  width: 25px;
  margin: 0px;
}

div[id*='Scorers'] tbody>tr:nth-child(odd),
div[id*='Penalties'] tbody>tr:nth-child(odd),
div[id*='Disciplinary'] tbody>tr:nth-child(odd),
#GoalStats tbody>tr:nth-child(odd),
#Compare tbody>tr:nth-child(odd),
#fixNext tbody>tr:nth-child(odd),
#League tbody>tr:nth-child(odd) {
  background-color: var(--grey);
}

.zebra-stripe {
  background-color: var(--zebra_on);
}

#Penalties .boldish,
#Disciplinary .boldish,
#GoalStats .boldish,
#fixList .boldish,
#fixNext .boldish,
#Compare .boldish {
  font-weight: bolder;
  font-size: larger;
}

/*input[type=submit],*/
/*input.serverSide,*/
/*select.serverSide {*/
/*  outline: medium dotted red;*/
/*}*/

/* #fixList .Home {
  text-align: right;
  padding: 0 .75vmin;
} */
#fixList,
#fixTeam {
  text-align: left;
  padding: 0 .75vmin;
}

#fixList .today,
#fixTeam .today {
  font-weight: bold;
}

#fixList .Mywin,
#fixTeam .Mywin {
  background-color: var(--greenyellow);
  font-weight: bold;
}

#fixList .win,
#fixTeam .win {
  font-weight: bold;
  /* font-size:102%; */
}

#fixList .loss,
#fixTeam .loss {
  background-color: var(--pinkish);
  font-weight: lighter;
}

#fixList .draw,
#fixTeam .draw {
  background-color: darkgray;
  font-weight: bold;
}

#League .hidden>td,
#Compare .hidden>td,
#eFormFixts .hidden>td {
  padding: 0px;
}

#League .hidden,
#Compare .hidden,
#FormFixts .hidden {
  visibility: collapse;
  /* NB - this ONLY applies to table elements */
  height: 0px;
}

#League .next,
#League .top,
#Compare .next,
#Compare .top {
  visibility: visible;
  height: .25vh;
  background-color: var(--green)
}

#League .split,
#League .split>td,
#Compare .split,
#Compare .split>td {
  visibility: visible;
  height: .25vh;
  background-color: var(--dark)
}

#League .final,
#League .final>td,
#Compare .final,
#Compare .final>td {
  visibility: visible;
  height: 1.5vh;
  background-color: var(--dark)
}

#League .drop,
#League .drop>td,
#Compare .drop,
#Compare .drop>td {
  visibility: visible;
  height: .25vh;
  background-color: var(--red)
}

div>table>tbody>tr.totals {
  visibility: visible;
  height: .01vh;
  background-color: var(--pinkish)
}

#League .Team:before,
#Compare .Team:before {
  /* sized to accomodate largest current team name */
  content: '';
  display: block;
  /* width:17vh; */
}

caption {
  font-weight: bold;
  caption-side: bottom;
}

#Compare caption,
#GoalStats caption,
div[id*='Disciplinary'] caption {
  caption-side: top;
}

/* #League .seq, */
#League .seq,
#Compare .seq,
th.ID_Match,
td.ID_Match,
tr[class*='EventUpd_'] {
  display: none;
}

#fixList th,
#fixTeam th,
#fixNext th {
  text-align: center;
}

#League td:not(.Team),
#Compare td:not(.Team),
#fixList td:not(.Wk, .Date, .KO, .Away),
#fixTeam td:not(.Wk, .Date, .KO, .Away),
#fixNext td:not(.Wk, .Date, .KO, .Away),
#GoalStats td:not(.Team),
#DefenceStats td:not(.Team),
div[id*='Scorers'] td:not(.Team, .Scorer) {
  text-align: right;
  padding-right: 1vmin;
}

div[id*='Cards'] td:not(.Team, .Player),
div[id*='Penalties'] td:not(.Team, .Dt) {
  text-align: center;
  padding-right: 1vmin;
}

td>fieldset {
  clear: both;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

td>fieldset[id*='home'] {
  float: right;
}

td>fieldset[id*='away'] {
  float: left;
}

td>fieldset label {
  float: right;
  clear: both;
}

#fixList .Wk,
#fixTeam .Wk,
#fixNext .Wk {
  font-weight: lighter;
  text-align: center;
  font-size: x-small;
}

div.flexitem {
  overflow: auto;

  -ms-flex-negative: 2;
  flex-shrink: 2;

  background-color: var(--light);
  color: var(--dark);
  border: .15rem solid var(--dark);
}

div.flexitem table>thead>tr {
  background-color: var(--dark);
  color: var(--light);
}

/* div.flexitem input[id*='moreLess'] {
  float: right;
  clear: both;
} */

div.flexitem table {
  float: left;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) and (orientation:portrait),
only screen and (max-height: 300px) and (orientation:landscape) {

  body {
    font-size: calc(0.45rem + 1vw);
    margin: 1vmin;
    padding: .3vmin;

    border-radius: .5rem;
  }

  div,
  table,
  form,
  div.flexitem input[id*='moreLess'] {
    margin: auto;
    padding: inherit;
    border-radius: inherit;

    overflow: auto;
  }
}