/**
 * Music development for web
 * @source    http://dev.music.free.fr/index.html
 * @copyright Copyright (C) 2019 Christophe Poudras.
 * @license	  GNU General Public License version 2 or later.
 */
*{margin:0;padding:0}
html,body{font-family:Arial,Helvetica,sans-serif}
body{background:#fff}
page{width:178mm;height:267mm;background:white;border-width:16mm 16mm 12mm 18mm;border-style:solid;border-color:white;display:block;margin:0 auto;margin-bottom:.5cm;box-shadow:0 0 .5cm rgba(0,0,0,0.5)}
body,p,span,td,a{font-size:12pt}
pre{font-size:10pt}
p{width:178mm;text-align:justify;padding-bottom:10px}
ul,ol{padding-left:30px;padding-bottom:10px}
ul{list-style-type:disc}
li a{text-decoration:none;color:grey}
li a:visited{color:black;font-weight:bold}
li a:hover{color:blue}
p a{text-decoration:none;color:grey}
p a:visited{color:black;font-weight:bold}
p a:hover{color:blue}
p+ul,p+ol{-webkit-margin-before:-.4em}
table{border-collapse:collapse}
table tr td{font-size:1em;border-color:black}
table tr td>table tr td{font-size:1em;padding:1px}
table.compact{font-size:.8em}
table table.compact{margin-top:0}
.compact th{padding-left:2px;padding-right:2px;text-align:center;border-color:black}
.compact td{padding-left:2px;padding-right:2px;text-align:left;border-color:black}
table.xs{font-size:1em}
.xs th{padding-left:2px;padding-right:2px;text-align:center;border-color:black}
.xs td{padding:2px;text-align:center;border-color:black;min-width:40px;min-height:25px}
table.xl{font-size:1.2em}
.xl th{padding-left:4px;padding-right:4px;text-align:center;border-color:black}
.xl td{padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px;text-align:center;border-color:black;min-width:40px}
button{cursor:pointer}
.no{display:none}
.no-bullet{list-style-type:none}
.big{font-size:1.2em}
.xs{font-size:.7em}
.xm{font-size:.8em;font-weight:bold}
.xxsmall{font-size:.6em;font-weight:bold}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.line{text-decoration:line-through}
.bold{font-weight:bold}
.italic{font-style:italic}
.caption{font-size:.8em;font-weight:bold;text-align:center}
div.rule,div.warning,div.definition,div.neutral{margin-bottom:8px;padding-left:8px;padding-top:6px;padding-bottom:6px;border-radius:3px}
div.rule.use{border-left:4px solid #4caf50;background-color:#dfd}
div.rule.not{border-left:4px solid red;background-color:#f2dede;color:red;font-weight:bold}
div.rule.avoid{border-left:4px solid orange;background-color:#ffefcc}
div.neutral{border-left:4px solid #000;background-color:#EEE}
div.warning{border-left:4px solid #ffeb3b;background-color:#ffc}
div.definition{border-left:4px solid blue;background-color:#e6f2ff}
@media print{body,page{margin:0;box-shadow:0 0 0 rgba(0,0,0,0)}
page{border-width:0;border-style:solid;border-color:white;padding-left:16mm;padding-right:16mm;padding-top:12mm;padding-bottom:18mm}
.full-score{margin-left:0}}