.charsheet {
    background-image: url("http://img4.hostingpics.net/pics/129644NewCanvas.jpg");
}

table
{
	width:100%;
	border:0px;
	background-color:#C2C2F4;
	border-radius:25px;
	box-shadow: 6px 6px 12px black;
}

th
{
	font-weight:bold;
	border:0px;
	font-size:small;
}

td
{
	border:0px;
}

input
{
	width:100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button 
{
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] 
{
    -moz-appearance:textfield;
}

div.sheet-tab-content 
{ 
	display: none; 
}

input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5
{
    display: block;
}

input.sheet-tab
{
    width: 130px;
    height: 22px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    margin-bottom:14px;
	margin-top:3px;
}

input.sheet-tab + span::before
{
    content: attr(title);
   
    text-align: center;
    display: inline-block;
    margin-left:-120px;
       
    width: 125px;
    height: 20px;
    
    font-size: 14px;
    font-weight:bold;
    border:1px solid black;
    border-top-left-radius: 3em 3em;
    border-top-right-radius: 3em 3em;
    border-bottom-right-radius: 3em 3em;
	border-bottom-left-radius: 3em 3em;
	box-shadow: 3px 3px 6px black;
    
    position: relative;
	
	background: #C2C2F4;
	
}

input.sheet-tab:checked + span::before
{
    background: #C2C2F4;
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

input.sheet-etatSante
{
    width: 150px;
    height: 22px;
    position: relative;
    left: 8px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

input.sheet-etatSante + span::before
{
    content: attr(title);
   
    text-align: center;
    display: inline-block;
    margin-left:-140px;
       
    width: 145px;
    height: 20px;
    
    font-size: 14px;
    font-weight:bold;
    border:1px solid black;
    border-top-left-radius: 3em 3em;
    border-top-right-radius: 3em 3em;
    border-bottom-right-radius: 3em 3em;
	border-bottom-left-radius: 3em 3em;
	box-shadow: 3px 3px 6px black;
    
    position: relative;
	
	background: #C2C2F4;
}

input.sheet-etatSante:checked + span::before
{
	background: #C2C2F4;
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

input.sheet-armureEquipe
{
    width: 105px;
    height: 22px;
    position: relative;
    left: 8px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

input.sheet-armureEquipe + span::before
{
    content: attr(title);
   
    text-align: center;
    display: inline-block;
    margin-left:-95px;
       
    width: 100px;
    height: 20px;
    
    font-size: 14px;
    font-weight:bold;
    border:1px solid black;
    border-top-left-radius: 3em 3em;
    border-top-right-radius: 3em 3em;
    border-bottom-right-radius: 3em 3em;
	border-bottom-left-radius: 3em 3em;
	box-shadow: 3px 3px 6px black;
    
    position: relative;
	
	background: #C2C2F4;
}

input.sheet-armureEquipe:checked + span::before
{
	background: #C2C2F4;
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

input.sheet-sorts
{
    width: 105px;
    height: 22px;
    position: relative;
    left: 8px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

input.sheet-sorts + span::before
{
    content: attr(title);
   
    text-align: center;
    display: inline-block;
    margin-left:-95px;
       
    width: 100px;
    height: 20px;
    
    font-size: 14px;
    font-weight:bold;
    border:1px solid black;
    border-top-left-radius: 3em 3em;
    border-top-right-radius: 3em 3em;
    border-bottom-right-radius: 3em 3em;
	border-bottom-left-radius: 3em 3em;
	box-shadow: 3px 3px 6px black;
    
    position: relative;
	
	background: #C2C2F4;
}

input.sheet-sorts:checked + span::before
{
	background: #C2C2F4;
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

input.sheet-sortsPrepare
{
    width: 105px;
    height: 22px;
    position: relative;
    left: 8px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

input.sheet-sortsPrepare + span::before
{
    content: attr(title);
   
    text-align: center;
    display: inline-block;
    margin-left:-95px;
       
    width: 100px;
    height: 20px;
    
    font-size: 14px;
    font-weight:bold;
    border:1px solid black;
    border-top-left-radius: 3em 3em;
    border-top-right-radius: 3em 3em;
    border-bottom-right-radius: 3em 3em;
	border-bottom-left-radius: 3em 3em;
	box-shadow: 3px 3px 6px black;
    
    position: relative;
	
	background: #C2C2F4;
}

input.sheet-sortsPrepare:checked + span::before
{
	background: #C2C2F4;
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

select
{
	width:100%;
	margin-bottom:0px;
	text-align:center;
}

.repcontrol_add,
.repcontrol_move
{
	float:left;
}

.sheet-test_1C .repcontrol_add,
.sheet-test_2C .repcontrol_add
{
	border-bottom-left-radius:20px;
}

.sheet-test_1C .repcontrol_edit,
.sheet-test_2C .repcontrol_edit
{
	border-bottom-right-radius:20px;
}

.sheet-roundCornerAddModify .repcontrol_add
{
	border-bottom-left-radius:10px;
}

.sheet-roundCornerAddModify .repcontrol_edit
{
	border-bottom-right-radius:10px;
}


div[data-groupname="repeating_inv1"] .repcontrol_add
{
	border-bottom-left-radius:10px;
}

div[data-groupname="repeating_inv2"] .repcontrol_edit
{
	border-bottom-right-radius:10px;
}

.sheet-enTete
{
	width:calc(100% - 222px);
}

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

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

.sheet-justify
{
	text-align:justify;
}

.sheet-pair
{
	background-color:Gainsboro;
}

.sheet-top
{
	margin-top:20px;
}

.sheet-upDown
{
	height:15px;
}

.sheet-margeTop
{
	margin-top:20px;
}

.sheet-padding-left
{
   padding-left:10px;
}

.sheet-padding-right
{
   padding-right:10px;
}

.sheet-imgThalya
{
	position:absolute;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	margin-top:-10px;
	left:50%;
}

.sheet-RDTotal
{
	display:inline;
	border-radius:25px;
	float:right;
	font-size:15px;
	font-weight:bold;
}

span.sheet-C1,
span.sheet-C2,
span.sheet-C3,
span.sheet-C4,
input.sheet-C1,
input.sheet-C2,
input.sheet-C3,
input.sheet-C4
{
	display:none;
}

span.sheet-RC1,
span.sheet-RC2,
span.sheet-RC3,
span.sheet-RC4,
input.sheet-RC1,
input.sheet-RC2,
input.sheet-RC3,
input.sheet-RC4
{
	display:none;
}

input.sheet-C1:checked ~ span.sheet-C1,
input.sheet-C2:checked ~ span.sheet-C2,
input.sheet-C3:checked ~ span.sheet-C3,
input.sheet-C4:checked ~ span.sheet-C4
{
	display:inline;
}

input.sheet-RC1:checked ~ span.sheet-RC1,
input.sheet-RC2:checked ~ span.sheet-RC2,
input.sheet-RC3:checked ~ span.sheet-RC3,
input.sheet-RC4:checked ~ span.sheet-RC4
{
	display:inline;
}

input.sheet-RC1:checked ~ span.sheet-RC0,
input.sheet-RC2:checked ~ span.sheet-RC0,
input.sheet-RC3:checked ~ span.sheet-RC0,
input.sheet-RC4:checked ~ span.sheet-RC0
{
	display:none;
}

.sheet-disableInputSorts_1C,
.sheet-disableInputSorts_2C
{
	display:none;
}

.sheet-disableInputSorts_2C:not(:empty) ~ div.sheet-test_1C,
.sheet-disableInputSorts_2C:empty ~ div.sheet-test_2C
{
	display:none;
}

.sheet-sortsHiddenComp:checked ~ .sheet-childSorts,
.sheet-sortsHiddenComp:checked ~ .sheet-sortsHiddenJet
{
    display:none;
}

/*Liste déroulante*/
.sheet-child
{
    display:inline-block;
	background-color:white;
}

.sheet-child 
{
    width: calc(100% - 6px);
	border-radius:25px;
	padding:2px;
}
.sheet-child input,
.sheet-child input + label 
{
    display:none;
    z-index: 1;
}

.sheet-child:hover 
{
	border:1px solid black;
    position:absolute;
	width:200px;
    height: auto;
    z-index: 1;
    padding: 5px;
	background:#9393F6;
	padding-top:15px;
	margin-top:-15px;
	margin-left:-100px;
}

.sheet-child:hover label 
{
    display:block;
}

.sheet-child:hover input 
{
    opacity:0;
	display:inline-block;
	position:absolute;
	width:212px;
	left:-4px;
}

.sheet-1 {
    width: 100%;
    display: inline-block;
    display: none;
}
.sheet-2 {
    width: 150px;
    display: inline-block;
    display: none;
}
.sheet-3 {
    width: 150px;
    display: inline-block;
    display: none;
}

.sheet-4 {
    width: 150px;
    display: inline-block;
    display: none;
}

.sheet-child:not(:hover) input[type="radio"][value="1"]:checked ~ .sheet-1 {
    display: block;
}
.sheet-child:not(:hover) input[type="radio"][value="2"]:checked ~ .sheet-2 {
    display: block;
}
.sheet-child:not(:hover) input[type="radio"][value="3"]:checked ~ .sheet-3 {
    display: block;
}
.sheet-child:not(:hover) input[type="radio"][value="4"]:checked ~ .sheet-4 {
    display: block;
}

.sheet-child:hover input[type="radio"][value="1"]:checked ~ .sheet-l1::before
{
    content:"✓ ";
}
.sheet-child:hover input[type="radio"][value="2"]:checked ~ .sheet-l2::before
{
    content:"✓ ";
}
.sheet-child:hover input[type="radio"][value="3"]:checked ~ .sheet-l3::before 
{
    content:"✓ ";
}
.sheet-child:hover input[type="radio"][value="4"]:checked ~ .sheet-l4::before 
{
    content:"✓ ";
}

.sheet-child:not(:hover)
{
	text-align:center;
	border:1px solid black;
}

.sheet-disableInput:empty ~ input
{
	display:none;
}

.sheet-disableInputSpe1:empty ~ input.sheet-disabled1,
.sheet-disableInputSpe2:empty ~ input.sheet-disabled2,
.sheet-disableInputSpe3:empty ~ input.sheet-disabled3,
.sheet-disableInputSpe4:empty ~ input.sheet-disabled4
{
	display:none;
}
/*Fin Liste déroulante*/

/*Liste déroulante Sorts*/
.sheet-childSorts
{
    display:inline-block;
	background-color:white;
	height:17px;
}

.sheet-childSorts
{
    width: calc(100% - 6px);
	max-width:220px;
	border-radius:25px;
	padding:2px;
}
.sheet-childSorts input,
.sheet-childSorts input + label 
{
    display:none;
    z-index: 1;
}

.sheet-childSorts:hover 
{
	border:1px solid black;
    position:absolute;
	width:220px;
    height: auto;
    z-index: 1;
    padding: 5px;
	background:#9393F6;
	padding-top:15px;
	margin-top:-15px;
	margin-left:-100px;
}

.sheet-childSorts:hover label 
{
    display:block;
}

.sheet-childSorts:hover input[type="radio"]
{
    opacity:0;
	display:inline-block;
	position:absolute;
	width:232px;
	height:22px;
	left:0px;
}

.sheet-1Sorts {
    width: 100%;
    display: inline-block;
    display: none;
}
.sheet-2Sorts {
    width: 150px;
    display: inline-block;
    display: none;
}
.sheet-3Sorts {
    width: 150px;
    display: inline-block;
    display: none;
}

.sheet-4Sorts {
    width: 150px;
    display: inline-block;
    display: none;
}

.sheet-childSorts:not(:hover) input[type="radio"][value="1"]:checked ~ .sheet-1Sorts 
{
    display: block;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="2"]:checked ~ .sheet-2Sorts 
{
    display: block;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="3"]:checked ~ .sheet-3Sorts 
{
    display: block;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="4"]:checked ~ .sheet-4Sorts 
{
    display: block;
}

.sheet-childSorts:not(:hover) input[type="radio"][value="1"]:checked ~ .sheet-0Sorts 
{
    display: none;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="2"]:checked ~ .sheet-0Sorts 
{
    display: none;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="3"]:checked ~ .sheet-0Sorts 
{
    display: none;
}
.sheet-childSorts:not(:hover) input[type="radio"][value="4"]:checked ~ .sheet-0Sorts 
{
    display: none;
}

.sheet-childSorts:hover input ~ .sheet-0Sorts 
{
    display:none;
}

.sheet-childSorts:hover input ~ .sheet-l1::before
{
    content:"✓ ";
}
.sheet-childSorts:hover input[type="radio"][value="2"]:checked ~ .sheet-l2::before
{
    content:"✓ ";
}
.sheet-childSorts:hover input[type="radio"][value="3"]:checked ~ .sheet-l3::before 
{
    content:"✓ ";
}
.sheet-childSorts:hover input[type="radio"][value="4"]:checked ~ .sheet-l4::before 
{
    content:"✓ ";
}

.sheet-childSorts:hover input[type="checkbox"][value="2"]:checked ~ .sheet-l1::before
{
    content:"";
}
.sheet-childSorts:hover input[type="checkbox"][value="3"]:checked ~ .sheet-l1::before 
{
    content:"";
}
.sheet-childSorts:hover input[type="checkbox"][value="4"]:checked ~ .sheet-l1::before 
{
    content:"";
}

.sheet-childSorts:not(:hover)
{
	text-align:center;
	border:1px solid black;
}

.sheet-childInputText
{
	width:calc(100% - 20px);
	background-color:transparent;
	border:0px;
	color:black;
	box-shadow:none;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
	padding:0px;
}

.sheet-childInputTextChoice
{
	width:calc(100% - 20px);
	background-color:transparent;
	border:0px;
	color:black;
	box-shadow:none;
	margin:0px;
	padding:0px;
}
/*Fin Liste déroulante Sorts*/

/*Template*/
.sheet-rolltemplate-base table,
.sheet-rolltemplate-combat table,
.sheet-rolltemplate-sort table
{
   width:100%;
   background-color:#C2C2F4;
   border-radius:20px;
   box-shadow: 6px 6px 12px black;
}

.sheet-rolltemplate-base .sheet-center,
.sheet-rolltemplate-combat .sheet-center,
.sheet-rolltemplate-sort .sheet-center
{
   text-align:center;
}

.sheet-rolltemplate-base .sheet-right,
.sheet-rolltemplate-combat .sheet-right,
.sheet-rolltemplate-sort .sheet-right
{
   text-align:right;
}

.sheet-rolltemplate-base .sheet-left,
.sheet-rolltemplate-combat .sheet-left,
.sheet-rolltemplate-sort .sheet-left
{
   text-align:left;
}

.sheet-rolltemplate-base .sheet-subTitle,
.sheet-rolltemplate-combat .sheet-subTitle,
.sheet-rolltemplate-sort .sheet-subTitle
{
   color:black;
}

.sheet-rolltemplate-base .sheet-upDown,
.sheet-rolltemplate-combat .sheet-upDown,
.sheet-rolltemplate-sort .sheet-upDown
{
	height:20px;
}

.sheet-rolltemplate-base .inlinerollresult,
.sheet-rolltemplate-combat .inlinerollresult,
.sheet-rolltemplate-sort .inlinerollresult
{
    background-color: transparent;
    border: none;
}

.sheet-rolltemplate-base .inlinerollresult.fullcrit,
.sheet-rolltemplate-combat .inlinerollresult.fullcrit,
.sheet-rolltemplate-sort .inlinerollresult.fullcrit
{
    border: none;
}
 
.sheet-rolltemplate-base .inlinerollresult.fullfail,
.sheet-rolltemplate-combat .inlinerollresult.fullfail,
.sheet-rolltemplate-sort .inlinerollresult.fullfail
{
    border: none;
}
 
.sheet-rolltemplate-base .inlinerollresult.importantroll,
.sheet-rolltemplate-combat .inlinerollresult.importantroll,
.sheet-rolltemplate-sort .inlinerollresult.importantroll
{
    border: none;
}

.sheet-rolltemplate-base .sheet-padding-left,
.sheet-rolltemplate-combat .sheet-padding-left,
.sheet-rolltemplate-sort .sheet-padding-left
{
   padding-left:10px;
}

.sheet-rolltemplate-base .sheet-title,
.sheet-rolltemplate-combat .sheet-title,
.sheet-rolltemplate-sort .sheet-title
{
   font-weight:bold;
}

.sheet-rolltemplate-base .sheet-impair,
.sheet-rolltemplate-combat .sheet-impair,
.sheet-rolltemplate-sort .sheet-impair
{
	background-color:#9393F6;
}

.sheet-rolltemplate-base h6,
.sheet-rolltemplate-combat h6,
.sheet-rolltemplate-sort h6
{
	color:#9393F6;
}