@charset "utf-8";
/* CSS Document */

body {  font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif"; background-color:#D2EFB7;}
.InlineB {display: inline-block;}
#divFooter {font-size: 80%; color:black; cursor:default;}
#btnPediaLogin {font-size: 75%;}
.textSmall75 {font-size:75%; cursor:default;}
.rowLogin {font-size: 75%;}
#divReport {cursor: default;}
.scrollUpDown {overflow-y: scroll; height:400px;}
.imgArt { width: 100%; height: auto;}
.spHighlight {BACKGROUND-COLOR: yellow; }
.color1 {background-color:#B8E48F;}
.color2 {background-color:#89BD57;}
.color3 {background-color:#6388A3;}
.color4 {background-color:#3D6A89;}
.rowColor1 {background-color:#B8E48F;}
.rowColor2 {background-color:#89BD57;}
.rowColor3 {background-color:#6388A3;}
.rowColor4 {background-color:#3D6A89;}
.fstElement { font-size: 0.4em; }
.pad1 {padding: 5px;}
.clickable {cursor:pointer;}
button {cursor:pointer;}
.footCell {cursor:pointer;}
#magEp {cursor:pointer;}
.rowEpisode {cursor:pointer;}
.colHeader {cursor:pointer; vertical-align:bottom;}
#tableHead {cursor:default;}
.sizeMedium {font-size: 80%;}
.sizeSmall {font-size: 62.5%;}
.sizeBig {font-size: 120%;}

.gridCenter {display:flex; justify-content:center; align-items:center; text-align:center;}
.gridLayout {display:grid;}
.gridLeft {display:flex; justify-content:left; align-items:left; text-align:left;}
.gridTable {border-top:1px solid black; border-left:1px solid black;}
.gridTableCell {border-right:1px solid black; border-bottom:1px solid black;}

.divGridCenter {display:grid; text-align:center;}
.listHead {margin:0;}
.btnFiles {padding:5px; border:2px solid black; border-radius:10px; width:100px; margin-left:30%;}