.glyphicon.spinning {
  animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}
.nav-wrapper{
  
}

#floatme {
  width: 4em;
}

i.medium {
    font-size: 2rem !important;
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg); }
  to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
.brand-logo img {
  max-height: 2.2em;
  margin: 0.25em 0 0.25em 0.25em;
}
#currentpage {
  padding-left: .5em;
}

@media only screen and (min-width: 601px) {
  nav,
  nav .nav-wrapper i,
  nav a.sidenav-trigger,
  nav a.sidenav-trigger i {
    line-height: 6em;
  }
}

@media only screen and (max-width: 992px) {
  .col.l1,.col.l2,.col.l3,.col.l4,.col.l5,.col.l6,.col.l7,.col.l8,.col.l9,.col.l10,.col.l11,.col.l12 {
    float: inherit;
  }
}

*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}

nav {
background-color: #00af7a;
min-height: 6em;
}

:root {
--full-width: 95%;
--max-width: 62.5rem;
--min-width: 22.5rem;
--flex-flow: 45rem;
--space: 1rem;
--conditional-space: clamp(0px, (30rem - 100%) * 999, 1rem);
}

body {
width: 100%;
}

main {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
min-width: 100%;
background-color: #eee0f7;
}

.containers {
width: clamp(var(--flex-flow), 95%, var(--max-width));
min-width: 100%;
padding-block: var(--space);
/*min-width: var(--min-width);*/
}

.container__flex-flow {
display: flex;
flex-wrap: wrap;
gap: var(--space);
margin-inline: var(--conditional-space);
}

.container__flex-flow > * {
flex-grow: 1;
flex-basis: calc((var(--flex-flow) - var(--full-width)) * 999);
}

.fndrsng-green {
    border: 2px solid #00af7a !important;
}

/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
background-color: inherit;
float: center;
border: none;
outline: none;
cursor: pointer;
padding: 15px 25px 15px 25px;
margin-left: 20px;
border-radius: 8px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transition: 0.3s;
background-color: #00af7a;
color: #fff;
text-transform: uppercase;
}
strong {
color: black;
}
.tab button b {
color: #000;
}

h3 b {
color: #00af7a;
}

h4 b {
color: #00af7a;
}
h5 b {
color: #00af7a;
}
#matchControls h4 {
  text-transform: uppercase;
}
.echo {
  margin-left: 2em;
  margin-right: 2em;
  word-wrap: break-word;
}

/* Change background color of buttons on hover */
.tab button:hover {
background: #cfc9c9;
color: #fff !important;

}
.tab button b:hover {
color: #fff;
}

button.cool {
background-color: inherit;
float: center;
border: none;
outline: none;
cursor: pointer;
padding: 15px 25px 15px 25px;
border-radius: 8px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transition: 0.3s;
background-color: #00af7a;
color: #fff;
text-transform: uppercase;
}
button.cool b {
color: #000;
}


#matchbutton {
  margin-top: -1em;
  display: flex;
  gap: 2em;
  align-items: center;
  justify-content: center;
}

#currentpage.flexit {
  display: flex;
}

#currentpage {
  gap: 1em;
  align-items: center;
  justify-content: left;
}

.flexme {
  display: flex;
  gap: 2em;
  align-items: center;
  justify-content: center;
}
.flexme2 {
  display: flex;
  gap: 2em;
  align-items: baseline;
  justify-content: center;
}

.flexme h4 {
  text-transform: uppercase;
}
.flexme2 h4 {
  text-transform: uppercase;
}
.matchBox {
  padding: 2em;
  text-align: center;
}

#quickstats, #calcs, #reports, #fndchallengetitle, .barredTitle {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  width: fit-content;
  margin: auto;
  left: 0;
  right: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.hidden {
  display: none;
}

.togglebuttons, .shiftdown {
  padding-top: 1.75em !important;
}

.togglebuttons.clocktoggle {
  padding-top: 0em !important;
}

table.highlight>tbody>tr:hover {
  background-color: rgba(255,154,0,0.5) !important;
}

#calcs, #reports {
  margin-top: 1.5em;
}

#clock {
  left: 25%;
}

.flip-clock-wrapper ul li a div div.inn {
  background-color: #ff9a00;/*#00af74;*/
  color: #fff;
  text-shadow: 0 1px 2px #000;
}
.flip-clock-label {
  text-transform: uppercase;
}

#raisedstats {
  margin-top: -0.5em;
}

#dashbutt {
  margin-top: -1em;
}

.checkwrap {
  width: 16em;
}

/* Create an active/current tablink class */
button.cool.active {
background-color: #ff9a00;
}

/* Change background color of buttons on hover */
button.cool:hover {
background: #ff9a00;
color: #fff !important;

}
button.cool b:hover {
color: #fff;
}

button.cool.stop {
  background-color: #ff1900;
}

button.cool.stop:hover {
  color: #000 !important;
}


/* Create an active/current tablink class */
.tab button.active {
background-color: #ff9a00;
}

#nav-mobile {
  text-transform: uppercase;
}

#actionview {
  margin-top: 2.5em;
}
.centerme {
  text-align: center;
}

.echo {
  border: 2px solid black;
}

.panel {
  min-height: 26em;
}
.bordered {
  border: 2px solid black;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #fff;
border-top: none;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
  border: 2px solid #00af7a !important;
  background-color: #00af7a !important;
}

.bordered {
  position: relative;
}

.bordered .helpwrap {
  position: absolute;
  top:0;
  right: 0;
}

.spacer {
  height: 3.75em;
}

.fndON {
  background-color: #ff9a00 !important;
  color: black;
  font-weight: bolder;
  font-size: 1.5em;
}

.fndOFF {
  background-color: #cfc9c9 !important;
  color: black;
  font-weight: bolder;
  font-size: 1.5em;
}

.fndLEFT {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.fndRIGHT {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

#tableBodyMult td, #donorBody td{
  text-align: center;
}

.gridColHead {
  background-color: darkgrey;
}
.gridRowTitle {
  background-color: lightgrey;
}

.otherMult {
  float: left;
}

.super-match-button.fndOFF, .super-match-button.fndON {
  font-size: 1em !important;
  color: black !important;
}


/* Pat's challenge CSS */

.inlineCheckbox {
  display: inline-block
}
.inlineAmountBox {
  /* width:70%; */
  display: inline-block
}