:root{
  --backcolor:#CCC;
  --textcolor:#111;
  --corpcolor:#F9D817;
  --corpcolordark:#F6A120;
}

body, card
{
  font-family:Montserrat;
}

.homescreen
{
  position:relative;
  top:0:
  left:0;
  width:100%;
  min-height:1000px;
  margin:0px;
  padding:0px;

  background-color:var(--backcolor);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}

.quizeusbloc
{
  background-color:var(--backcolor);
  -color:var(--textcolor);
  padding:10px;
}

.quizeusbloc a, .quizeusbloc a:hover
{
  -color:var(--textcolor);
}

.spaced
{
  padding:40px;
}

a,a:hover
{
  color:black;
}

.card
{

}

.card-header
{
  background-color:#DDD;
  padding:10px;
}

.card-body
{
  background-color:#EEE;
  padding:4px;
}

hr
{
  border-bottom:solid 1px black;
}

.silver { color:silver!important; }
.gray { color:dimgray!important; }

.yellow { color:yellow!important; }

.gold { color:gold!important; }
.bgold { background-color:gold!important; }

.red { color:red!important; }
.bred { background-color:crimson; }

.blue { color:deepskyblue!important; }
.bblue { background-color:dodgerblue; }

.green { color:lime!important; }
.bgreen { background-color:lime; }

.white { color:white; }
.bwhite { background-color:white; }

.black, .black > a:hover { color:black; }
.bblack { background-color:#222; }

input.double,.double
{
  -ms-transform:scale(2);
  -moz-transform:scale(2);
  -webkit-transform:scale(2);
  -o-transform:scale(2);
}

.ball
{
  border:solid 1px black;
  box-shadow:0px 0px 10px black;
}

.dark, .dark table
{
  background-color:black;
  color:white;
}

.gold-shadow
{
  box-shadow:0px 0px 15px gold;
}

.shadow-dark
{
  color:white;
  text-shadow:0px 0px 5px black;
  font-size:1.5em;
}

.shadow-light
{
  color:black;
  text-shadow:0px 0px 5px white;
  font-size:1.5em;
}

.btn
{
  box-shadow:0px 0px 10px gray;
  font-weight:bold;
}

.btn-big
{
  font-size:2em;
}

.btn-wid
{
  min-width:240px;
}

.gg
{
  background-color:gold;
}
.bb
{
  background-color:dodgerblue;
}
.rr
{
  background-color:crimson;
}

.icoletter
{
  position:absolute;
  top:5px;
  left:5px;
  background-color:gold;
  color:black;
  width:32px;
  height:32px;
  border-radius:30%;
  font-size:20px;
  font-weight:bold;
  box-shadow:0px 0px 10px black;
}

.pastillechrono
{
  position:absolute;
  top:5px;
  right:2px;
  width:56px;
  height:56px;
  z-index:5432;
  -margin-left:-40px;
  display:none;
  border-radius:50%;
  overflow:hidden;
  border:solid 6px darkorange;
  -border-image:linear-gradient(red, blue) round;
  -background-color:crimson;
  background:linear-gradient(0.125turn, red, gold);
  color:white;
  font-size:22px;
  line-height:44px;
  font-weight:bold;
}

.bigpastillechrono
{
  position:absolute;
  top:0px;
  right:0px;
  width:66px;
  height:66px;
  z-index:5432;
  display:none;
  border-radius:50%;
  overflow:hidden;
  border:solid 6px darkorange;
  background:linear-gradient(0.125turn, red, gold);
  color:white;
  font-size:28px;
  line-height:48px;
  font-weight:bold;
}

.btnbuzzer
{
  width:300px;
  height:300px;
  border-radius:50%;
  border:solid 24px silver;
}

.btnbuzzergray
{
  background:linear-gradient(0.125turn, dimgray, snow);
  color:black;
}

.btnbuzzerblue
{
  background:linear-gradient(0.125turn, navy, dodgerblue);
  color:white;
}

.btnbuzzergreen
{
  background:linear-gradient(0.125turn, green, lightgreen);
  color:white;
}

.btnbuzzeryellow
{
  background:linear-gradient(0.125turn, darkorange, yellow);
  color:black;
}

.btnbuzzerred
{
  background:linear-gradient(0.125turn, maroon, tomato);
  color:white;
}

.pokercard
{
  border:solid 1px dimgray;
  border-radius:7px;
  margin:2px;
}

.pokercardwin
{
  border:solid 1px yellow;
}

.pokercardlose
{
  -opacity:0.9;
}

.pokercardbig
{
  width:130px;
}

.pokercardmedium
{
  width:80px;
}

.pokercardsmall
{
  width:56px;
}

.miniflag
{
  width:24px;
  height:18px;
}

.imgface
{
  width:56px;
  height:56px;
  border-radius:10px;
}

.imgsmallface
{
  width:28px;
  height:28px;
}

.imgcountry
{
  width:20px;
  height:16px;
  border-radius:2px;
}

.imgmediapreview
{
  width:56px;
  height:56px;
}

.icoresponse
{
  font-weight:bold;
  text-align:center;
}

.icoresponse-big
{
  width:64px;
  height:64px;
  border-radius:25%;
  font-size:32px;
  line-height:64px;
}

.icoresponse-lg
{
  width:56px;
  height:56px;
  border-radius:25%;
  font-size:28px;
  line-height:56px;
}

.icoresponse-md
{
  width:48px;
  height:48px;
  border-radius:25%;
  font-size:28px;
  line-height:48px;
}

.icoresponse-sm
{
  width:32px;
  height:32px;
  border-radius:25%;
  font-size:18px;
  line-height:32px;
}

.fixed
{
  font-family:lucida console;
}
.btn-corp,.btn-corp:hover
{
  background:linear-gradient(0.000turn, var(--corpcolordark), var(--corpcolor), var(--corpcolordark));
  color:black!important;
}

.btn-primary
{
  background:linear-gradient(0.000turn, #4361ee, #4895ef);
}

.btn-secondary
{
  background:linear-gradient(0.000turn, #6C757D, #9FA4A9);
}

.btn-warning
{
  background:linear-gradient(0.000turn, #ffd166, #FEE1A4);
  color:black;
}

.btn-danger
{
  background:linear-gradient(0.000turn, #ef476f, #F28AA2);
}

.btn-success
{
  background:linear-gradient(0.000turn, #05AD7C, #06d6a0);
}

.btn-info
{
  background:linear-gradient(0.000turn, #17A2B8, #36CFE6);
}

.btn-dark
{
  background:linear-gradient(0.000turn, #343A40, #6F767D);
}

.btn-light
{
  background:linear-gradient(0.000turn, #D7DDE3, #F3F5F7);
}

.btn
{
  border:none;
  border-radius:10px;
}

.btn-glossy
{
  display:inline-block;
  position:relative;
  -background-color:#AAA;
  background-image:linear-gradient(
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 10px,
    hsla(0, 0%, 0%, 0.3) 10px, hsla(0, 0%, 100%, 0.2)
  );
  -font-size:22px;
  -font-family:sans-serif;
  -font-weight:bold;
  -color:white;
  -padding:20px 40px;
  text-shadow:
    0 0 15px hsla(0, 0%, 100%, 1),
    0 2px 4px hsla(0, 0%, 0%, 0.7);
  border:none;
  border-radius:10px;
  -margin:10px;
  box-shadow:
    inset 0 -5px 20px hsla(0, 0%, 0%, 0.4),
    inset 0 5px 20px hsla(0, 0%, 100%, 0.4),
    -8px 8px 5px hsla(0, 0%, 0%, 0.15),
    5px 18px 10px hsla(0, 0%, 0%, 0.2);
  cursor:pointer;
  transition:transform 0.1s, box-shadow 0.1s;

  -height:50px;
}

.btn-glossy:before
{
  content:'';
  display:block;
  position:absolute;
  left:3px;
  right:3px;
  top:3px;
  border-radius:10px;
  background:linear-gradient(
    hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) );
  height:15px;
}