:root{
  --textcolor:#333;
}
body
{
  color:var(--textcolor);
}
.btnlet
{
  width:32px;
  margin:2px;
}
.spacesong
{
  margin:auto;
  width:300px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:5px;
}
.boxsong
{
  width:300px;
  -border:solid 1px silver;
  -border-radius:5px;
  padding:2px;
}
.btnsong
{
  width:100%;
}
.imgmenu
{
  width:80px;
  height:50px;
}
.imgflag
{
  width:24px;
}
.songauthor
{
  font-weight:bold;
}
.songtitle
{
}
.songcode
{
  font-weight:bold;
  font-size:1.4em;
  padding:2px;
}
.playname
{
  font-weight:bold;
  text-align:left;
}
.btnmenuwidth
{
  width:136px;
}
.btnmenuheight
{
  height:90px;
  padding-top:8px;
  line-height:18px;
}
.btnicon
{
  width:34px;
  height:32px;
  padding:1px;
  font-size:1.5em;
  border-radius:25%;
}
input.double,.double
{
  -ms-transform:scale(1.5);
  -moz-transform:scale(1.5);
  -webkit-transform:scale(1.5);
  -o-transform:scale(1.5);
}
.gg
{
  background-color:gold;
}
.bg-secondary, .btn-secondary
{
  background-color:#949292;
  background: linear-gradient(0deg, #949292 0%, #AEACAC 90%);
}
.bg-primary, .btn-primary
{
  background-color:#007BFF;
  background: linear-gradient(0deg, #007BFF 0%, #4DA5FF 90%);
}
.bg-danger, .btn-danger
{
  background-color:#DC3545;
  background: linear-gradient(0deg, #DC3545 0%, #E87C89 90%);
}
.bg-success, .btn-success
{
  background-color:#28A745;
  background: linear-gradient(0deg, #28A745 0%, #4CD469 90%);
}
.bg-warning, .btn-warning
{
  background-color:#FFC107;
  background: linear-gradient(0deg, #FFC107 0%, #FFCF4D 90%);
}
.bg-dark, .btn-dark
{
  background-color:#343A40;
  background: linear-gradient(0deg, #343A40 0%, #565E66 90%);
}
.bg-light, .btn-light
{
  background-color:#E3E7EB;
  background: linear-gradient(0deg, #E3E7EB 0%, #F8F9FA 90%);
}
.bg-pink, .btn-pink, .btn-pink:hover
{
  background-color:#B601AE;
  background: linear-gradient(0deg, #B601AE 0%, #FB25F9 90%);
  color:white;
}
.loginfield
{
  text-transform:lowercase;
}