p.canto {
  font-weight: bold;
  color: blue;
}
#cantoingresso + p.canto::before,
#cantoingresso + script + p.canto::before
{
  content: "Canto d'ingresso: ";
  color: darkblue;
}
#cantovangelo + p.canto::before,
#cantovangelo + script + p.canto::before
{
  content: "Canto al Vangelo: ";
  color: darkblue;
}
#cantooffertorio + p.canto::before,
#cantooffertorio + script + p.canto::before
{
  content: "Canto all'offertorio: ";
  color: darkblue;
}
#cantoagnello + p.canto::before,
#cantoagnello + script + p.canto::before
{
  content: "Agnello di Dio: ";
  color: darkblue;
}
#cantocomunione + p.canto::before,
#cantocomunione + script + p.canto::before
{
  content: "Canto alla comunione: ";
  color: darkblue;
}
#cantocongedo + p.canto::before,
#cantocongedo + script + p.canto::before
{
  content: "Canto di congedo: ";
  color: darkblue;
}
#santo + p.canto::before,
#santo + script + p.canto::before
{
  content: "Santo: ";
  color: darkblue;
}


img.sprt {
  max-width: 100%;
  max-height: 105vh;
}

p.titolo {
  font-weight: bold;
  color: darkblue;
}
td {
  vertical-align: top;
  font-family: sans-serif;
}

td.nowrap {
  white-space: nowrap;
}

.btn {
  padding: 6px 15px 6px 15px;
}
.btngray {
  background-color: lightgray;
}

.btncyan {
  background-color: cyan;
}
.btnyellow {
  background-color: yellow;
}


.afont {
  font-size: 0.6em;
  font-weight: normal;
  font-style: normal;
  ttext-transform: uppercase;
}
.chordtext {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.space {
  font-size: 0.4em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.acc {
  white-space: nowrap;
  position: absolute;
  top: -0.85em;
}
.bass {
  font-size: 0.8em;
  position: absolute;
  top: 0.3em;
}
.basstext {
  font-size: 0.8em;
}
.acenter {
  left: 50%;
  transform: translateX(-50%);
}
.aleft {
  left: 0;
}
.aright {
  left: 0;
  transform: translateX(-100%);
}
.dacc {
  display: inline;
  position: relative;
}
.dblock {
  display: block;
}
.ffblock {
  display: inline-block;
  position: relative;
  width: 100%;
}
.cblock {
  display: inline-block;
  position: relative;
}
.ccmd {
  display: inline-block;
  position: relative;
  left: 0;
}
.pre {
  bbackground-color: red;
}
.post {
  bbackground-color: orange;
}
.txt {
  bbackground-color: yellow;
}

#changesongsearch {
  background-color: #E0E0E0;
  width: 100%;
  border : 1px solid #606060;
}

#changesong {
  position: fixed;
  top: 10%;
  left: 20%;
  margin: 0px;
  padding: 15px;
  background-color: #EFEFEF;
  min-height : 200px;
  height: 80%;
  width: 60%;
  overflow : auto;
  border : 1px solid #606060;
  box-shadow : 5px 5px 10px #888888;
  z-index: 99;
}

#changesong {
  position: fixed;
  top: 1%;
  left: 1%;
  min-height : 200px;
  height: 90%;
  width: 94%;
  margin: 0px;
  padding: 15px;
  background-color: #EFEFEF;
  overflow : auto;
  border : 1px solid #606060;
  box-shadow : 5px 5px 10px #888888;
  z-index: 99;
}

@media only screen and (min-width: 1024px)
{
  #changesong {
   left: 10%;
   width: 80%;
  }
  @media only screen and (min-height: 600px)
  {
    #changesong {
     top: 10%;
     height: 80%;
    }
  }
}

#sticky {
  position : sticky;
}

#close {
  position : absolute;
  right: 9px;
  top: 5px;
}