/*@import url('https://themes.googleusercontent.com/fonts/css?kit=fpjTOVmNbO4Lz34iLyptLUXza5VhXqVC6o75Eld_V98');*/
.charsheet {
	background-color: white;
}        

.charsheet .sheet-version::after {
	content: 'Sheet Version 1.32';
}

.charsheet  .sheet-bg-gray {
	background-color: #d9d9d9;
}
.charsheet  .sheet-bg-black {
	background-color: #000000;
}
.charsheet  .sheet-bg-white {
	background-color: #ffffff
}

.charsheet  .sheet-def-txt {
	font-size: 11pt;
	font-family: "Calibri";
	font-weight: 700;
}
.charsheet  .sheet-tab-collps {
	border-collapse: collapse;
	margin-right: auto;
}

.sheet-n {
	display:inline;
}

.charsheet  .sheet-left {
	text-align: left;
}
.charsheet  .sheet-center {
	text-align: center;
}

.charsheet  .sheet-gap {
	height: 7pt;
}

.charsheet  .sheet-gap2 {
	height: 13pt;
}

.charsheet  .sheet-ability-img {
	overflow: hidden;
	display: inline-block;
	margin: 0.00px 0.00px;
	border: 0.00px solid #000000;
	transform: rotate(0.00rad) translateZ(0px);
	-webkit-transform: rotate(0.00rad) translateZ(0px);
	width: 96.00px;
	height: 96.00px;
 }

 .charsheet  .sheet-ability-img-2 {
	width: 96.00px; 
	height: 96.00px; 
	margin-left: 0.00px; 
	margin-top: 0.00px; 
	transform: rotate(0.00rad) translateZ(0px); 
	-webkit-transform: rotate(0.00rad) translateZ(0px);
 }

.charsheet .sheet-gray-border {
	border-right-style: solid;
	padding: 2pt 2pt 2pt 2pt;
	border-bottom-color: #d9d9d9;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-left-color: #d9d9d9;
	vertical-align: top;
	border-right-color: #d9d9d9;
	border-left-width: 1pt;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom-width: 1pt;
	border-top-color: #d9d9d9;
	border-bottom-style: solid;
}  

.charsheet  .sheet-c56 {
	width: 24pt;
}

.charsheet  .sheet-c11 {
	width: 64pt;
}

.charsheet  .sheet-c4 {
	width: 82pt;
}    
.charsheet  .sheet-c45 {
	width: 88pt;
}       

.charsheet  .sheet-c52 {
	width: 98pt;
}

.charsheet  .sheet-c64 {
	width: 155pt;
}
.charsheet  .sheet-c53 {
	width: 165pt;
} 
.charsheet  .sheet-c15 {
	width: 196pt;
}
.charsheet  .sheet-c3 {
	width: 207pt;
}

.charsheet  .sheet-c35 {
	width: 277pt;
}
.charsheet  .sheet-c22 {
	width: 286pt;
}  
.charsheet  .sheet-c10 {
	width: 575pt;
}
.charsheet  .sheet-c29 {
	width: 575pt;
	height: 140px;
}
     
.charsheet  .sheet-c43 {
	width: 483pt;
}

.charsheet  .sheet-c17 {
	line-height: 1.0;
	orphans: 2;
	widows: 2;
	text-align: left;
	height: 7pt;
}		
.charsheet  .sheet-graysides {
	border-right-style: solid;
	padding: 2pt 2pt 2pt 2pt;
	border-bottom-color: #ffffff;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-left-color: #d9d9d9;
	vertical-align: top;
	border-right-color: #d9d9d9;
	border-left-width: 1pt;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom-width: 1pt;
	width: 18pt;
	border-top-color: #ffffff;
	border-bottom-style: solid;
}
.charsheet  .sheet-l-font {
	font-weight: 400;
	font-size: 24pt;
	font-family: "Times New Roman";
}

.charsheet  .sheet-title {
	padding-top: 12pt;
	color: #000000;
	font-weight: 700;
	font-size: 16pt;
	padding-bottom: 3pt;
	font-family: "Arial";
	line-height: 1.0;
	orphans: 2;
	widows: 2;
	text-align: center;
}        
.charsheet  .sheet-subtitle {
	color: #000000;
	font-size: 12pt;
	padding-bottom: 3pt;
	font-family: "Arial";
	line-height: 1.0;
	orphans: 2;
	widows: 2;
	text-align: center;
}		
.charsheet button[type=roll].sheet-d6-dice::before {	/*new die changes die roller to d6*/
	font-family: 'dicefontd6',arial;
	content: 'F ';
	color: red;
}

.charsheet  .sheet-header-container {
	position: relative;
	text-align: center;
	color: white;
	font-size: 450%;
	text-shadow:-2px 0 #000000,0 2px #000000,2px 0 #000000,0 -2px #000000;
}
.charsheet  .sheet-header-upper-centered {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.charsheet  .sheet-header-lower-centered {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}	
		
/* Hide actual radio */
.charsheet input[type="radio"]{
	opacity: 0;
	width: 16px;
	height: 16px;
	position: relative;
	top: 5px;
	left: 6px;
	margin: -10px;
	cursor: pointer;
	z-index: 1;
}

/* Fake radio */
.charsheet input[type="radio"] + span::before{
	margin-right: 4px;
	border: solid 1px #a8a8a8;
	line-height: 14px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	
	-moz-box-shadow: 0 0 2px #ccc;
	-webkit-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
	
	background: #f6f6f6;
	background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
	background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
	background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
	background: -o-radial-gradient(#f6f6f6, #dfdfdf);
	background: radial-gradient(#f6f6f6, #dfdfdf);
	
	content: '❤';
	color: red;
	width: 12px;
	height: 12px;
	font-size: 28px;
	
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* Remove dot from all radios _after_ selected one */
.charsheet input[type="radio"]:checked ~ input[type="radio"] + span::before {    
	content: "";
}