input:invalid {
  background-color: pink;
}

.sheet-general-roll {
    position: absolute;
    margin-left: -38%;
    margin-top: 15%;
}
.sheet-custom-roll {
    position: absolute;
    margin-left: -38%;
    margin-top: 25%;
}
.sheet-general-roll button[type=roll]:before,
.sheet-custom-roll button[type=roll]:before{
    content: "";
}
.sheet-general-roll button,
.sheet-custom-roll button{
    
    background: #dedede;
    border: 4px solid #5290a3a3;
    border-inline-end-color: #5283a3;
    border-inline-start-color: #61B0D4;
    border-style: ridge;
    border-radius: 10px;
    padding: 3%!important;
    padding-right: 10px!important;
    font-weight: 600;
}
.sheet-general-roll button:hover,
.sheet-custom-roll button:hover{
        color: #41239b;
            background: #bdbdbd;
                font-weight: 900;
}
.sheet-general-roll button span,
.sheet-custom-roll button span{
    font-family: "dicefontd10";
}
.sheet-no-spinners {
  -moz-appearance:textfield;
}

.sheet-no-spinners::-webkit-outer-spin-button,
.sheet-no-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.charsheet {
/*font-family: ,Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;*/
font-family: Arial, Helvetica, sans-serif;
}
.sheet-wrapper label{
    margin: 0;
}
.sheet-wrapper {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
    width: 100%;
    height: 100%;    
    max-width: 2828px;
    max-height: 4000px;
    min-width: 800px;
    position: relative;    
}
.sheet-background {	
    max-width: 2828px;
    max-height: 4000px;    
    width: 100%;    
    z-index: -10;
    /*position: absolute;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/*LEVEL*/

.sheet-lvl-wrapper{
	width: 21.53%;
	height: 1.45%;
	max-width: 609px;
	max-height: 58px;
	margin-top: 2.934%;
	margin-left: 72.8%;
	z-index: 1;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
/* 	background-color: rgba(224, 139, 139, 0.5);
	opacity: 0.5; */
	position:absolute;
}
.sheet-lvl-radio {
	  position: relative;
    align-self: center;
    margin: -1%;
    max-width: 54px !important;
    max-height: 45px !important;
    width: 8.66% !important;
    height: 90.28% !important;
    min-width: 13px;
    min-height: 13px;
		z-index: 3;
		opacity: 0;
		cursor: pointer;
}
.sheet-lvl-radioBig {    
    width: 11.32% !important;
    height: 111.1% !important;
    max-width: 72px !important;
    max-height: 58px !important;
    min-width: 17px;
    min-height: 16px;
}
.sheet-lvl-radio + span:before{	
    cursor: pointer;    
    width: 10%;
    height: 100%;
    opacity: 0.7;
    content: "";
    background-image: url(https://my.mixtape.moe/bpryep.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -9%;
    padding-left: 0%;
    margin-top: 0.4%;
}

.sheet-lvl-radioBig + span:before{
		opacity: 0.7;
    content: "";
    background-image: url(https://i.imgur.com/T66S07i.png);
    max-width: 72px;
    max-height: 58px;
    width: 12%;
    margin-left: -11.5%;
		margin-top: -0.2%;
    position: absolute;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

 .sheet-lvl-radio:checked ~ .sheet-lvl-radio + span:before
{
	opacity: 0;
}

/*LEVEL*/


.sheet-charInfo{
	position: absolute;
	margin-top: 10.60%;
	margin-left: 9.19%;
	width: 81.65%;
	height: 7%;
	display: flex;
	/*background-color: rgba(224, 139, 39, 0.5);*/
}
.sheet-charInfo-column1{
	/*background-color: rgba(22, 99, 139, 0.5);*/
	margin-left: 8%;
	width: 21%;
	display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
}
.sheet-charInfo-column2{
	/*background-color: rgba(22, 99, 139, 0.5);*/
	margin-left: 8%;
	width: 21%;
	display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
	
}
.sheet-charInfo-column3{
	/*background-color: rgba(22, 99, 139, 0.5);*/
	margin-left: 9.5%;
	width: 14%;
	display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
}
.sheet-charInfo-column4{
	/*background-color: rgba(22, 99, 139, 0.5);*/
	margin-left: 7.5%;
	width: 10%;
	display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
}

.sheet-item {
	/*background-color: rgba(22, 13, 139, 0.5);	*/
	vertical-align: baseline;
	width: 100%;
	height: 30%; /*20%*/
	box-sizing: border-box;
}
.sheet-itemR2{
	/*margin-top: 4.1%;*/
	/*margin-bottom: 3%;*/
	 margin-top: 1.1%;
    margin-bottom: -3%;
}









.sheet-item input,
.sheet-itemR2B textarea,
.charsheet .sheet-charStat-charEncumbrance input,
.charsheet .sheet-charStat-charSize input,
.charsheet .sheet-charStat-charSpeed input,
.charsheet .sheet-charStat-charNotoriety input,
.charsheet .sheet-charStat-charDefence input,
.charsheet .sheet-charStat-charDefence input,
.charsheet .sheet-charStat-charWound input,
.charsheet .sheet-charStat-charKill input,
.charsheet .sheet-character-background textarea,
.charsheet .sheet-equip-row input,
.sheet-Credits input

{
 /*   font-size: 15px;*/
	/*font-weight: 600;*/
	 font-size: 16px;
	font-weight: 900;
}
.charsheet .sheet-form-checked span,
.sheet-attributes-bonus-wrapper span{
    font-size: 14px;
	font-weight: 600;
}


.sheet-itemR1C{
    width: 135%;
}
.sheet-itemR2B{
	margin-top: 8.1%;
    height: 57%;
    max-height: 100%;
    width: 100%;	
}
.sheet-itemR2B textarea{
	width: 100%;
	max-width: 100%;
	max-height: 95%;
	resize: none;
	border: none;
	overflow: hidden;
	background-color: transparent;
	display: block;
	box-sizing: border-box;
	/*font-size: 16px;*/
	/*font-weight: 900;*/
}





.sheet-item input{
	opacity: 1;
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	border: none;
    /*font-size: 16px;*/
    /*font-weight: 900;*/
    background: none;
}







.sheet-stats{
	position: absolute;
	margin-top: 20.50%;
	margin-left: 0%;
	height: 51.25%;
	width: 35%;
	/*background-color: rgba(24, 139, 139, 0.5);*/
}
.sheet-skills{
	position: absolute;
	margin-top: 20.50%;
	margin-left: 35%;
	height: 41%;
	width: 51.98%;
	/*background-color: rgba(224, 39, 139, 0.5);*/
}
.sheet-equip{
	position: absolute;
	margin-top: 93.3%;
  margin-left: 0;
  height: 33.7%;
  width: 37.71%;
	/*background-color: rgba(624, 11, 655, 0.5);*/
}
.sheet-health{
	position: absolute;
	margin-top: 20.50%;
  margin-left: 86.98%;
  height: 31.28%;
  width: 12.9%;
	/*background-color: rgba(22, 13, 139, 0.5);*/
}
.sheet-misc{
	position: absolute;
	margin-top: 78.5%;
  margin-left: 38.51%;
  height: 44.4%;
  width: 60.72%;
	/*background-color: rgba(22, 139, 13, 0.5);*/
	display: flex;
	flex-flow: row wrap;
}

.sheet-charStat-charEncumbrance{
    
    margin-left: 5%;
    margin-top: 12%;
    position: absolute;
    width: 15%;
    height: 4%;
    background-color: transparent;
    border: 0;
    text-align: center;
    padding: 0;
}
.sheet-charStat-charSize{
    position: absolute;
    margin-left: 28%;
    margin-top: 12%;
    width: 15%;
    height: 4%;
    background-color: transparent;
    border: 0;
    text-align: center;
    
}
.sheet-charStat-charEncumbrance input,
.sheet-charStat-charSize input,
.sheet-charStat-charSpeed input,
.sheet-charStat-charNotoriety input,
.sheet-charStat-charDefence input,
.sheet-charStat-charDefence input,
.sheet-charStat-charWound input,
.sheet-charStat-charKill input,
.sheet-Credits input
{
    width: 100% !important;
    height: 100%;
    text-align: center;
    background-color: transparent;
    border: 0;
}
.sheet-charStat-charSpeed{
    position: absolute;
    margin-left: 27.3%;
    margin-top: 31%;
    width: 15%;
    height: 4%;
    border: 0;
    background-color: transparent;
}
.sheet-charStat-charNotoriety{
    position: absolute;
    margin-left: 65%;
    margin-top: 12%;
    width: 15%;
    height: 4%;
    background-color: transparent;
    border: 0;
}
.sheet-charStat-charDefence{
    position: absolute;
    margin-left: 28%;
    margin-top: 197%;
    width: 15%;
    height: 3.3%;
    background-color: transparent;
    border: 0;
}
.sheet-charStat-charWound{
    position: absolute;
    margin-left: 55%;
    margin-top: 197%;
    width: 15%;
    height: 3.3%;
    background-color: transparent;
    border: 0;
}
.sheet-charStat-charKill{
    position: absolute;
    margin-left: 82%;
    margin-top: 197%;
    width: 15%;
    height: 3.3%;
    background-color: transparent;
    border: 0;
}
.sheet-charStat-charInitiative{
position: absolute;
    margin-top: 101.8%;
    width: 17%;
    height: 5%;
    margin-left: 75.7%;   
    border-radius: 14px;
}
.sheet-charStat-charInitiative button {
width: 100%;
    height: 100%;
    background: none;
    padding: 0;
    margin: 0;
    line-height: 8px;
    border: 0;
    z-index: 2;
    cursor: pointer;   
}
.sheet-charStat-charInitiative button::before {
    font-family: "dicefontd10"!important;
    content: "K" !important;
}
.sheet-charStat-charInitiative button input{
    width: 50% !important;
    height: 100%;
    z-index: -1;
    cursor: pointer;
    background: none;
    /*text-align: center;*/
    font-weight: 600;
    font-size: 15px;
    border: 0;
    padding: 0;
}

	


.sheet-charStr{
	margin-left: 7.9%;
    margin-top: 64.7%;
}
.sheet-charInt{
	    margin-left: 42.5%;
    margin-top: 64.6%;
}
.sheet-charCha{
	    margin-left: 75.5%;
    margin-top: 64.6%;
}
.sheet-charSta{
	margin-left: 8.2%;
  margin-top: 111%;
/* 	kokee */
}
.sheet-charWil{
	margin-left: 41.8%;
  margin-top: 110.9%;
	/* 	kokee */
}
.sheet-charDex{
	margin-left: 8.6%;
    margin-top: 157%;
}
.sheet-charWit{
	    margin-left: 42.8%;
    margin-top: 156.9%;
	/* 	kokee */
}
.sheet-charLck{
	    margin-left: 72.7%;
    margin-top: 157.1%;
	/* 	kokee */
}
.sheet-luck-column{
    opacity: 1;
    position: absolute;
    /* margin: -19px; */
    margin-left: 156%;
    width: 31%;
    height: 91%;
    margin-top: -2%;
    /*background-color: #00ffff52;*/
    /* margin: 0; */
    width: 48%;
    height: 103%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.sheet-LuckCHKBX{
        opacity: 0;
    position: relative;
    align-self: center;
    margin: 0%;
    top: 1%;
    /* opacity: 0; */
    width: 93.1%;
    height: 12.9% !important;
    cursor: pointer;
    z-index: 3;
}
.sheet-LuckCHKBX:checked{
    opacity:1;
}
/*.sheet-LuckCHKBX + span:before{*/
/*    font-family: "Pictos";*/
/*    content:"D";*/
/*}*/




/*Bonus for attributes*/



.sheet-attributes-bonus-wrapper{
    background: #dedede;
    border: 4px ridge #5290a3a3;
    border-inline-end-color: #5283a3;
    border-inline-start-color: #61B0D4;
    display: inline-block;
    padding: 2px;
    position: absolute;
    margin-left: 34%;
    margin-top: -8%;
    z-index: 30;
    border-radius: 9px;
}
.sheet-bonus-checkbox ~ div{
	display: none;
}
.sheet-bonus-checkbox:checked ~ div{
	display: block;
}
.sheet-bonus-fields-wrapper{
	display: flex;
	flex-flow: column nowrap;
	
}
.sheet-bonus-row{
	display: flex;
	flex-flow: row nowrap;
	
}
.sheet-bonus-field{
	border: 2px solid #5290a3a3;
  border-inline-end-color: #5283a3;
  border-inline-start-color: #61B0D4;
	display: inline-block;
	text-align: center;
	padding: 0px 4px 7px 4px;
	margin: 2px;
	width: 135px;
}
.sheet-bonus-fieldSK{
	border: 2px solid #5290a3a3;
  border-inline-end-color: #5283a3;
  border-inline-start-color: #61B0D4;
	display: inline-block;
	text-align: center;
	padding: 0px 4px 7px 4px;
	margin: 2px;
	width: 100px;
}
.sheet-bonus-field h4,
.sheet-bonus-fieldSK h4{
	margin: 6px 0 10px 0;
}
.sheet-bonus-field label,
.sheet-bonus-fieldSK label{
	padding: 5px;
	display: inline;
}
.sheet-bonus-button{
	display:none;
}
.sheet-bonus-button:checked + span
{
	padding:5px;	
	border: 1px solid black;
	opacity: 1;
}
.sheet-bonus-fieldSK .sheet-no-spinners,
.sheet-bonus-field .sheet-no-spinners{
    text-align: center;
    font-weight: 600;
}






/* 

.sheet-charStat-checkbox-bonus + span
{
		width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
    cursor: pointer;
    content: url(https://i.imgur.com/gJL5rn4.png);
    display: block;
		background-color: red;
		
} */

/*end of Bonus for attr*/






.sheet-charStat-wrapper{	
	width: 11.41%;
	height: 12.24%;
	
/* 	opacity: 0.5;
	background-color: red;	 */
	
	display: flex;
	position: absolute;
}




.sheet-charStat-columnRight{	
	width: 50%;	
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
}
.sheet-charStat-columnLeft{	
	width: 50%;
  height: 100%;
  display: flex;
  flex-flow: column-reverse nowrap;
  /* background-color: #fff; */
}
.sheet-charStat-columnRight div{		
	align-self: flex-end;
	width: 76.10%;
/* 	height: 9.56%; */
}
.sheet-charStat-columnLeft div{
	  display: none;
	  width: 76.10%;
    /* height: 9.56%; */
    /* background-color: orange; */
    /* align-self: center; */
    margin-top: 12.3%;
    margin-left: 4%;
    /* margin-bottom: -9%; */
    /* top: 0; */
    /* padding: 0px; */
}
.sheet-resetDiv{
    display: block!important;
}
.sheet-charStat-columnLeft div label{	
/* 	width: 100%;
	height: 100%; */
	
/* 	margin-top: 10%;
  margin-left: 3%;
	width: 76.10%;
	height: 9.56%;
	margin-right: 2%; */
/* 	background-color: green; */
}



.sheet-charStat-checkbox-bonus{	/*<------!*/
	display: none;
}
.sheet-charStat-checkbox{	/*<------!*/
	position: relative;
    align-self: center;
    margin: -21%;
    top: 4%;
    opacity: 0;
    width: 93.1%;
    height: 20.9% !important;
    cursor: pointer;
    z-index: 3;
	/*border: 1px solid black;*/
}


.sheet-charStat-checkbox + span{ /*<---kokee---!*/
	 
    /*opacity: 1;
    width: 39%;
    height: 17%;
    position: absolute;
    content: "";
    background-image: url(https://i.imgur.com/gJL5rn4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: -23%;
    margin-left: 10%;*/
}

.sheet-charStat-checkbox + span:before{ /*<----kokee--!*/
	
 
 
    opacity: 0;
    width: 39%;
    height: 17%;
    position: absolute;
    content: "";
    background-image: url(https://i.imgur.com/gJL5rn4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: -23%;
    margin-left: 10%;
 
 
 
}
.sheet-charStat-checkbox:checked + span:before,                /*<------!*/
.sheet-charStat-checkbox:checked ~ .sheet-charStat-checkbox + span:before{    
   opacity: 1; 	
}






.sheet-charStat-checkbox-bonus + span
{		
	width: 100%;
    /* height: 100%; */
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    content: url(https://i.imgur.com/gJL5rn4.png);
    display: block;
}



/*sheet-checkbox-reset sheet-brawl-reset*/

.sheet-health-reset-div{
    
    position: absolute;
    position: absolute;
    width: 33%;
    height: 23%;
    margin-left: 14%;
    margin-top: 3%;
}
.sheet-pain-reset-div{
    
    position: absolute;
    margin-left: 41%;
    margin-top: 3%;
    width: 33%;
    height: 23%;
}
.sheet-shield-reset-div{
    position: absolute;
    width: 33%;
    height: 20%;
    margin-left: 68%;
    margin-top: 3%;
}
.sheet-checkbox-reset{
    opacity:0;
}
.sheet-brawl-reset{
    opacity:0;
}
.sheet-health-reset{
    opacity:0;
    
}
.sheet-pain-reset{
    opacity:0;
    
}
.sheet-shield-reset{
    opacity:0;
    
}
/*.sheet-health-reset + span:before,*/
/*.sheet-pain-reset + span:before,*/
/*.sheet-shield-reset + span:before{*/
/*    opacity:0;*/
    
/*}*/

.sheet-checkbox-reset + span:before{
    /*width: 22.4%;*/
    /*height: 10.1%;*/
    /*margin-top: -47%;*/
    /*margin-left: -3%;*/
    opacity: 0.5;
    /*z-index: 1;*/
    /*position: absolute;*/
    /*cursor: pointer;*/
    /*content: "";*/
    /*background-image: url(https://i.imgur.com/J6tqxcz.png);*/
    /*background-size: 103%;*/
    /*background-repeat: no-repeat;*/
    /*display: block;*/
    /*filter: invert(27%) sepia(77%) saturate(3220%) hue-rotate(204deg) brightness(25%) contrast(102%);*/
    /* -webkit-filter: grayscale(100%); */
    /*background-color: rgba(22, 99, 139, 0.11);*/
    /*border: 3px solid #0000007a;*/
    /*border-radius: 50%;*/
    font-family: 'Pictos';
    content: "D";
}

/* .sheet-brawl-reset:checked + span:before{
    opacity:1;
} */
.sheet-checkbox-reset:checked + span:before{
    opacity:1;
}
 /* .sheet-health-reset:checked{
    opacity:0;
}
.sheet-pain-reset:checked,
.sheet-pain-checkbox-shield + span:before{
    opacity:0;
}.sheet-shield-reset:checked,
.sheet-shield-checkbox-shield + span:before{
    opacity:0;
}
 */


.sheet-skillBrawl{
	width: 7.68%;
	height: 15.5%;
	margin-left: 7.1%;
  margin-top: 17.3%;
}
.sheet-skillInvestigation{
	width: 7.68%;
	height: 15.5%;
	margin-left: 21.3%;
    margin-top: 17.3%;
}
.sheet-skillLarcency{
	width: 7.68%;
	height: 15.5%;
	margin-left: 36.2%;
    margin-top: 17.3%;
}
.sheet-skillMelee{
	width: 7.68%;
	height: 15.5%;
	margin-left: 50.9%;
    margin-top: 17.3%;
}
.sheet-skillStealth{
	width: 7.68%;
	height: 15.5%;
	margin-left: 65.5%;
    margin-top: 17.3%;
}
.sheet-skillSurvival{
	width: 7.68%;
	height: 15.5%;
	margin-left: 80%;
    margin-top: 17.3%;
}
.sheet-skillComputer{
	width: 7.68%;
	height: 15.5%;
	margin-left: 7.1%;
    margin-top: 54.4%;
}
.sheet-skillEngineering{
	width: 7.68%;
	height: 15.5%;
	margin-left: 21.7%;
    margin-top: 54.4%;
}
.sheet-skillExplosives{
	width: 7.68%;
	height: 15.5%;
    margin-left: 36.2%;
    margin-top: 54.4%;
}
.sheet-skillGunnery{
	width: 7.68%;
	height: 15.5%;
    margin-left: 50.9%;
    margin-top: 54.4%;
}
.sheet-skillMedicine{
	width: 7.68%;
	height: 15.5%;
    margin-left: 65.5%;
    margin-top: 54.4%;
}
.sheet-skillPilot{
	width: 7.68%;
	height: 15.5%;
	margin-left: 80%;
    margin-top: 54.4%;
}
.sheet-skillCommercial{
	width: 7.68%;
	height: 15.5%;
	margin-left: 7.1%;
    margin-top: 91.6%;
}
.sheet-skillEsteem{
	width: 7.68%;
	height: 15.5%;
	margin-left: 21.7%;
    margin-top: 91.6%;
}
.sheet-skillInstruction{
	width: 7.68%;
	height: 15.5%;
	margin-left: 36.2%;
    margin-top: 91.6%;
}
.sheet-skillIntimidation{
	width: 7.68%;
	height: 15.5%;
	margin-left: 50.9%;
    margin-top: 91.6%;
}
.sheet-skillPersuation{
	width: 7.68%;
	height: 15.5%;
	margin-left: 65.5%;
    margin-top: 91.6%;
}
.sheet-skillSeduction{
	width: 7.68%;
	height: 15.5%;
	margin-left: 80%;
    margin-top: 91.6%;
}







.sheet-form-wrapper{
    width: 500px;
    height: 200px;
    overflow: scroll;
    display: flex;
    flex-flow: column;
}
.sheet-toggle ~ .sheet-form-unchecked{
     display:none;
}
.sheet-toggle ~ .sheet-form-checked{
    display: flex;
    flex-flow: column;
}
.sheet-toggle:checked ~ .sheet-form-checked{
     display:none;
}
.sheet-toggle:checked ~ .sheet-form-unchecked{
    display:block;
}
.charsheet .sheet-form-wrapper .repcontainer{
    order: 2;
    overflow-y: scroll;
    margin-right: -16.1px;
}
.charsheet .sheet-form-wrapper .repcontrol{
    order: 1;
    margin: 1% 1% 1% 2%;
    /*align-self: self-start;*/
}
.charsheet .sheet-form-wrapper .repcontrol .repcontrol_add{
    float:left;
}
.charsheet .sheet-form-wrapper .btn,
.sheet-equip-wrapper .btn{
    background: none;
    font-size: 9px;
    min-width: 5rem;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    border: 2px solid #575757;
    line-height: 14px;
}
.sheet-form-checked button[type=roll]:before {
    font-family: "Pictos";
    content: "w";
    text-transform: none;
}
.sheet-form-checked span{
    max-width: 96%;
    margin-left: 2%;
    box-sizing: content-box;
    word-wrap: break-word;
    white-space: normal;
    margin-top: 2%;
    margin-bottom: 3%;
}
.charsheet .sheet-form-unchecked textarea
{
    max-width: 96%;
}
.charsheet .sheet-form-unchecked input{
    width: 87%;
    margin-left: 8%;
    z-index: 2;
}
.charsheet .sheet-form-checked button[type=roll]{
    width: 83%;
    margin-left: 9%;
}

.sheet-form-checkbox{
    width: 9%;
    position: absolute;
}
.sheet-form-simpleDesc .sheet-form-checked{
    width: 84%;
    margin-left: 9%;
    display: flex;
    flex-flow: column;
}
    

.sheet-form-checkbox span::before{
    font-family: 'Pictos';
    content: 'y';
    margin-left: -15.9px;
    z-index: -2;
    font-size: 1.2em;
}
.sheet-form-checkbox input{
    width: 15px;
    height: 15px;
    opacity: 0;
    margin-left: 3%;
}
.sheet-form-checkbox input:checked + span:before{
    content: '3';
}


.sheet-form-implants{
    width: 40.9%;
    height: 45%;
    display: flex;
    flex-flow: column;
    margin-left: 5%;
    margin-top: 11%;
    border: none;
    overflow-y: hidden;
    overflow-x: hidden;
}
.sheet-form-specialties{
    width: 40.9%;
    height: 45%;
    display: flex;
    flex-flow: column;
    margin-left: 10%;
    margin-top: 11%;
    border: none;
    overflow-y: hidden;
    overflow-x: hidden;
}
.sheet-Credits{
    width: 17%;
    height: 6%;
    margin-top: 3%;
    margin-left: 53%;
}
.sheet-Credits input{
    width: 100%;
}


.sheet-equip-wrapper{
	
    width: 93%;
    height: 88%;
    margin-left: 5%;
    /*margin-top: 14%;*/
    margin-top: 3%;

    display: flex;
    flex-flow: column nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    
}
.sheet-equip-row{
	display: flex;
	height: 100%;
    width: 100%;
    justify-content: space-between;
    background-color: #485a6c;
    box-shadow: 0px 0px 9px 11px #485a6c;
}
.sheet-equip-row input{
background: #dfdfdf;
}
.sheet-eqp-name{
    /*width: 64%*/
    width: 55%;
}
.sheet-eqp-enc,
.sheet-eqp-dmg,
.sheet-eqp-kill{
    width: 10%
}
.sheet-equip-wrapper .repcontrol{
    /*order: 1;*/
    /*width: 62.9%;*/
    /*height: 9%;*/
    /*padding: 0;*/
    /*margin: 1%;*/
    /*margin-bottom: 2%;*/
    /*margin-left: 1%;*/
    order: 1;
    width: 60.9%;
    height: 9%;
    padding: 1% 1% 0 1%;
    margin: 1%;
    margin-bottom: 1%;
    margin-left: 1%;
}
.sheet-equip-wrapper .repcontrol .repcontrol_add{
    float: left;
}
.sheet-equip-wrapper .repcontainer{
    order: 2;
    padding: 0;
    margin: 0;
    height: 100%;
    /*width: 104%;*/
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    overflow-y: scroll;
    margin-right: -16.1px;
}

.sheet-equip-wrapper .repcontrol button{
    height: 43%;
    
}

.sheet-equip-wrapper .repcontainer .repitem{
    height: 8%;
    margin-bottom: 3.5%;
}

.sheet-butteq{
    width: 7%!important;
    /* height: 2px!important; */
    min-width: 0!important;
    padding: 0!important;
    font-size: 21px!important;
    margin: 0!important;
    border: 0!important;
    background: #dfdfdf!important;
}
.sheet-butteq:before{
    font-family: "Pictos"!important;
    content: "w"!important;
    text-transform: lowercase!important;
}


.sheet-character-background{
    width: 85%;
    height: 28%;
    margin-left: 7%;
    margin-top: 8%;
}


.sheet-character-background textarea{
    width: 505px;
    height: 184px;
    max-width: 100%;
    max-height: 100%;
    background-color: transparent;
    margin: 0px 0px 9px;
    border: none;
}








	/*HEALTH*/
	
.sheet-health-wrapper{
	width: 75.21%;
    height: 75.72%;
    margin-top: 70%;
    margin-left: 15%;
    display: flex;
    position: absolute;
    z-index: 4;    
}
.sheet-health-column1{	
	width: 18%;
  height: 100%;
  display: flex;
  flex-flow: column-reverse nowrap;
  
	justify-content: space-between;
}
.sheet-health-column2{	
	width: 17%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
 

	justify-content: space-between;
}
.sheet-health-column3{	
	width: 18%;
  height: 100%;
  display: flex;
  flex-flow: column-reverse nowrap;
  
	justify-content: space-between;
}
.sheet-health-column4{	
	width: 17%;
  height: 100%;
  display: flex;
  flex-flow: column-reverse nowrap;
  
}
.sheet-health-column5{	
	width: 18%;
  height: 61.8%;
  display: flex;
  flex-flow: column-reverse nowrap;
 
	justify-content: space-between;
}
.sheet-health-column6{	
	width: 12%;
  height: 61.8%;
  display: flex;
  flex-flow: column nowrap;
 
	justify-content: space-between;
}

.sheet-health-checkbox,
.sheet-health-pain,
.sheet-health-checkbox-shield
{		
    position: relative;
    align-self: center;
    margin: -6%;    
    opacity: 0;
    width: 107%;
    height: 5.6% !important;
    cursor: pointer;
    z-index: 3;
    margin-top: -20%;
}


.sheet-health-total,
.sheet-health-shield-total{		
    position: relative;
    align-self: center;
    margin: -50%;    
    opacity: 0;
    width: 107%;
    height: 5.6% !important;
    cursor: pointer;
    z-index: 3;
    margin-top: -20%;
}


.sheet-health-total{width: 113%;}
.sheet-health-checkbox-shield,
.sheet-health-shield-total{	  
    width: 106.4%;
    height: 9% !important;    
}
.sheet-health-checkbox + span:before,
.sheet-health-total + span:before,
.sheet-health-checkbox-pain + span:before,
.sheet-health-checkbox-shield + span:before,
.sheet-health-shield-total + span:before
{	       
    content: "";
    background-image: url(https://i.imgur.com/J6tqxcz.png);
    margin-top: 0%;
    width: 81.9%;
    height: 4.3%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: -1;
    position: absolute;
}
.sheet-health-total + span:before,
.sheet-health-shield-total + span:before{	
		content: "";
    background-image: url(https://i.imgur.com/Mw7RSaF.png);
		margin-top: -16%;
    width: 81.9%;
    height: 4.3%;
    background-size: contain;
    background-repeat: no-repeat;
    /*opacity: 1;*/
    opacity: 0;    
    z-index: -1;
    position: absolute;
}
.sheet-health-checkbox:checked + span:before,
/*.sheet-health-checkbox:checked ~ .sheet-health-checkbox + span:before,*/

/*.sheet-health-checkbox-pain:checked ~ .sheet-health-checkbox-pain + span:before,*/
.sheet-health-checkbox-shield:checked + span:before
/*.sheet-health-checkbox-shield:checked ~ .sheet-health-checkbox-shield + span:before*/


{
	opacity: 1;
}


/*.sheet-health-total:checked ~ .sheet-health-total + span:before,*/
/*.sheet-health-shield-total:checked ~ .sheet-health-shield-total + span:before*/
/* {*/
/*	opacity: 0;*/
/*}*/

.sheet-health-total:checked + span:before,
.sheet-health-shield-total:checked + span:before
 {
	opacity: 1;
}

    /*HEALTH*/








.sheet-rolltemplate-simplDesc table,
.sheet-rolltemplate-equip table{
    min-width: 200px;
    width: 85%;
    padding: 2px;
    background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
} 
.sheet-rolltemplate-simplDesc th,
.sheet-rolltemplate-equip th{
	color: rgb(233, 223, 151);
    background-color: rgb(63, 32, 33);
    padding-left: 5px;
	line-height: 1.1em;
	font-size: 1em;
    text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
    text-transform: uppercase;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
} 
.sheet-rolltemplate-equip th{
text-align: center;
}
.sheet-rolltemplate-simplDesc td,
.sheet-rolltemplate-equip td{
    padding-left: 5px;
    font-size: 0.9em;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}
/*.sheet-rolltemplate-tdN*/
.sheet-rolltemplate-equip td{
    font-size: 1.0em;
    font-weight: 900;
}
.sheet-rolltemplate-roll td{
    padding-left: 10px;
    font-size: 1em;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    font-weight: 600;

}
.sheet-rolltemplate-tdN{
    text-align: end;
    width: 50%;
    padding-right: 9px;;
}