@import url('https://fonts.googleapis.com/css?family=Amiri&display=swap');


.charsheet {
  font-family: "Amiri", Amiri, sans-serif;
  background-color: #d1d1d1;
  color: black;
  padding-top:10px
}

.charsheet table {
   width: 100%;
   border: 1px solid;
   color: #343434;
   border-color: rgba(255, 255, 255);
   font-size: 1em;
   font-family: "Amiri", Amiri, sans-serif;
   font-weight: normal
 }

.charsheet th,
 caption {
   background-color: rgba(69, 69, 69);
   color: #ededed;
   padding: 5px;
   border-bottom: 1px solid black;
   line-height: 1.6em;
   font-size: 1.2em;
 }

/*Configure the tab buttons*/
.sheet-chars,
.sheet-wps,
.sheet-hps,
.sheet-invs {
	display: none;
}

/* show the selected tab */
.sheet-tabstoggle[value="chars"] ~ div.sheet-chars,
.sheet-tabstoggle[value="wps"] ~ div.sheet-wps,
.sheet-tabstoggle[value="hps"] ~ div.sheet-hps,
.sheet-tabstoggle[value="invs"] ~ div.sheet-invs {
	display: block;
}
  

.charsheetimg {
  max-height: 100px;
}


.charsheet td {
   padding: 5px;
   /*border-bottom: 1px solid black;*/
 }

.charsheet tr:nth-child(odd) {
   background-color: rgba(217, 217, 214, 1);
 }

.charsheet tr:nth-child(even) {
   background-color: rgba(233, 233, 233, 1);
 }
 
 
 /* Hide actual checkbox */
input[type="checkbox"] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* Fake radio/checkbox */
input[type="checkbox"] + span::before {
    margin-right: 4px;
    border: solid 1px #a8a8a8;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 2px #ccc;
    background: #f6f6f6;
    background: radial-gradient(#f6f6f6, #dfdfdf);
}
/* Fake checkbox */
input[type="checkbox"] + span::before {
    content: "";
    width: 14px;
    height: 14px;
    font-size: 12px;
    border-radius: 3px;
}

input[type="checkbox"]:checked + span::before {
    content: "X";
}

.sheet-rolltemplate-red table {
 width:100%;
 background-color:white;
 border:1px solid rgba(52, 52, 52);
}

.sheet-rolltemplate-red caption {
 background-color:rgba(181, 9, 9);
 color: #dbdbdb;
 font-family:"Amiri",Amiri,sans-serif;
 font-weight:600;
 text-align:center;
 font-size:1.1em;
  border:1px solid rgba(52, 52, 52);
 padding:5px;
}

.sheet-rolltemplate-red td {
 padding:5px;
 line-height:1.4em;
 vertical-align:top;
}
.sheet-rolltemplate-red td:first-child {
 font-weight:bold;
 text-align:right;
 min-width:50px;
 padding-right:10px;
}
.sheet-rolltemplate-red tr:nth-child(even) {
 background-color:#eee;;
}

 div.sheet-marker {
   margin: 36px 0px 0px 5px;
   font-size: 20px;
 }