/* add all special styles used for displaying the rules */

/* .rules: used for all elements loading rules (rules at main site, rules ingame, popup with rules extract 
   #rules: div with complete rules used at main site
   #rulesPage: ingame rules page display
   #panelRules: ingame rules sidepanel display
   #popup.rules: popup with rules extract only */

#rules .piece {
    height: 20px;
}

#rules .pieceH2 {
    height: 25px;
}

#rules .setup {
    width: 300px;
    height: 300px;
    padding-right: 10px;
}

/*.rules .paragraph {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}*/

.rules .tilesbox {
    flex: 0 0 31%;
    padding: 0.5em;
}
/*
#panelRules .tilesbox {
    flex: 0 0 99%;
    padding: 0.5em;
}*/

.rules  .tilesbox img {
    width: 280px;
    float: left;
    margin-right: .5em;
}