.charsheet
{
	color:black;
	font-family: Trebuchet MS;
	min-width: 823px;
}

input[type="number"]
{
	text-align:center;
}

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;
}

select
{
	margin:0px;
}

textarea
{
	margin:0px;
	padding:0px;
}

label
{
	margin:0px;
	padding:0px;
}

h4
{
	width:100%;
	color:black;
	justify-content:center;
	align-items:center;
	height:30px;
}

h3
{
	width:100%;
	color:black;
	justify-content:center;
	align-items:center;
	height:30px;
}

div, span, label, h2, h3, h4
{
	display:flex;
	color:inherit;
	font-family:inherit;
}

div.repcontainer,
div.repitem,
div.repcontrol
{
	display:block;
	width:100%;
}

div.repcontrol > button.btn
{
	border-radius:0px;
}

label.sheet-options
{
	width:25px;
	height:25px;
	position:absolute;
}

label.sheet-options > input[type="checkbox"]
{
	position:absolute;
	width:25px;
	height:25px;
	opacity:0;
	cursor:pointer;
	z-index:1;
}

label.sheet-options > span
{
	width:100%;
	height:25px;
}

label.sheet-options > span::before
{
	width: 100%;
	height: 25px;
	font-family: "Pictos";
	font-size: 25px;
	content: 'y';
	margin-top: 2px;
	text-shadow: 2px 2px silver;
}

label.sheet-options > input[type="checkbox"]:checked ~ span::before
{
	text-shadow: none;
}

input[type="hidden"].sheet-showOptions[value="1"] ~ div.sheet-options
{
	display:flex;
	position:absolute;
	flex-wrap:wrap;
}

div.sheet-options
{
	display:none;
	width:500px;
	border-radius:10px;
	background:transparent repeating-linear-gradient(DarkGray, Gray, DimGray) repeat scroll 0% 0%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-left: 15px;
}

div.sheet-options > label:nth-child(even)
{
	background-color:Silver;
}

div.sheet-options > label:nth-child(odd)
{
	background-color:DarkGray;
}

div.sheet-options > label
{
	display:flex;
	width:100%;
	font-family:inherit;
	font-size:12px;
	padding-right:5px;
	padding-left:5px;
}

div.sheet-options > label > span
{
	display:flex;
	width:50%;
	font-family:inherit;
	font-size:12px;
	align-items:center;
	color:black;
}

div.sheet-options > label > select
{
	display:flex;
	width:50%;
}

.sheet-topHeader,
.sheet-bottomHeader
{
	width:calc(100% - 210px);
	margin-left:auto;
	border:1px solid black;
	flex-wrap:wrap;
}

.sheet-topHeader > div,
.sheet-bottomHeader > div
{
	flex-wrap:wrap;
	width:100%;
	justify-content:space-between;
	align-items:center;
}

.sheet-topHeader > div:nth-child(odd),
.sheet-bottomHeader > div > label > span:nth-child(odd)
{
	background: -o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background: -moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
	background: -o-linear-gradient(top,#4c4c4c,000000);
	background-color: #4c4c4c;
	color:white;
}

.sheet-topHeader > div:nth-child(even) > label > span
{
	font-weight:normal;
	color:black;
}

.sheet-topHeader > div:nth-child(odd) > label > span
{
	color:white;
}

.sheet-topHeader > div > label
{
	width:50%;
	justify-content:space-between;
	align-items:center;
}

.sheet-topHeader > div > label:first-child
{
	width:calc(50% - 1px);
	border-right:1px solid black;
}

.sheet-topHeader > div > label:not(:first-child) > span
{
	width:106px;
}

.sheet-topHeader > div > label > span
{
	width: 55px;
	padding:5px;
	justify-content:center;
	align-items:center;
	font-size: 14px;
	font-weight: bold;
	border-right:1px solid black;
	height:28px;
}

.sheet-topHeader > div > label > input[type="text"]
{
	width: 100%;
	margin:5px;
}

.sheet-bottomHeader
{
	border-top:0px;
}

.sheet-bottomHeader > div > label
{
	justify-content:center;
}

.sheet-bottomHeader > div > label:nth-child(1)
{
	width:calc(14% - 1px);
	border-right:1px solid black;
	flex-wrap:wrap;
}

.sheet-bottomHeader > div > label:nth-child(2)
{
	width:calc(12.5% - 1px);
	border-right:1px solid black;
	flex-wrap:wrap;
}

.sheet-bottomHeader > div > label:nth-child(3)
{
	width:calc(24.5% - 1px);
	border-right:1px solid black;
	flex-wrap:wrap;
	align-items:center;
}

.sheet-bottomHeader > div > label:nth-child(4)
{
	width:calc(24.5% - 1px);
	border-right:1px solid black;
	flex-wrap:wrap;
	align-items:center;
}

.sheet-bottomHeader > div > label:nth-child(5)
{
	width:24.5%;
	flex-wrap:wrap;
	align-items:center;
}

.sheet-bottomHeader > div > label > input[type="number"]
{
	width: 3.5em;
	margin:5px;
}

.sheet-bottomHeader > div > label > span
{
	width: 100%;
	padding:5px;
	justify-content:center;
	align-items:center;
	font-size: 14px;
	font-weight: bold;
	height:28px;
}

.sheet-bottomHeader > div > label > span:last-child
{
	border-right:0px;
}

.sheet-body
{
	width:100%;
	margin-top:10px;
	flex-wrap:wrap;
}

input[type="hidden"].sheet-page[value="1"] ~ div.sheet-page1,
input[type="hidden"].sheet-page[value="2"] ~ div.sheet-page2,
input[type="hidden"].sheet-page[value="3"] ~ div.sheet-page3,
input[type="hidden"].sheet-page[value="4"] ~ div.sheet-page4,
input[type="hidden"].sheet-page[value="5"] ~ div.sheet-page5
{
	display:flex;
}

.sheet-menu
{
	width:100%;
	position:relative;
	z-index:999;
}

.sheet-menu > label
{
	width:150px;
}

.sheet-menu > label > input[type="radio"]
{
	position:absolute;
	width:150px;
	height:20px;
	opacity:0;
}

.sheet-menu > label > input[type="radio"]:checked ~ span::before
{
	border-bottom: 1px solid darkgray;
	background: transparent repeating-linear-gradient(DimGray, Gray, DarkGray) repeat scroll 0% 0% !important;
}

.sheet-menu > label:nth-child(1),
.sheet-menu > label:nth-child(5)
{
	width:125px;
}

.sheet-menu > label:nth-child(1) > input[type="radio"],
.sheet-menu > label:nth-child(5) > input[type="radio"]
{
	width:125px;
}

.sheet-menu > label:nth-child(2)
{
	width:250px;
}

.sheet-menu > label:nth-child(2) > input[type="radio"]
{
	width:250px;
}

.sheet-menu > label > span
{
	width:100%;
}

.sheet-menu > label > span::before
{
	width:100%;
	content: attr(title);
	text-align: center;
	display: inline-block;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid black;
	color: white;
	border-top-right-radius: 1em 1em;
	border-top-left-radius: 1em 1em;
	background: -o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	background: -moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
	background: -o-linear-gradient(top,#4c4c4c,000000);
	background-color: #4c4c4c;
}

.sheet-body > .sheet-content
{
	background: transparent repeating-linear-gradient(DarkGray, Gray, DimGray) repeat scroll 0% 0%;
	border: 1px solid black;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-top-right-radius: 10px;
	padding: 10px;
	padding-top:11px;
	overflow: auto;
	flex-wrap:wrap;
	justify-content:space-between;
	position:relative;
	z-index:0;
	margin-top:-1px;
	display:none;
	width:100%;
	align-items:baseline;
}

.sheet-ficheParcours,
.sheet-ficheIdentite
{
	width:calc(50% - 20px);
	flex-wrap:wrap;
	border:1px solid black;
	background-color:Silver;
}

.sheet-ficheParcours > div,
.sheet-ficheIdentite > div
{
	width:100%;
}

.sheet-ficheIdentite > div:nth-child(odd),
.sheet-ficheIdentite > label:nth-child(odd),
.sheet-ficheParcours > div:nth-child(odd),
.sheet-ficheParcours > label:nth-child(odd)
{
	background-color: DarkGray;
}

.sheet-ficheIdentite > div > label
{
	width:72%;
}

.sheet-ficheIdentite > label > span,
.sheet-ficheIdentite > div > label > span
{
	width:148px;
	font-size:15.6px;
	padding-right:2px;
	padding-left:2px;
	align-items:center;
	font-weight:normal;
	color:black;
}

.sheet-ficheIdentite > label > input,
.sheet-ficheIdentite > div > label > input
{
	width:calc(100% - 152px);
}


.sheet-ficheIdentite > div > label:last-child
{
	width:28%;
}

.sheet-ficheIdentite > div > label:last-child > span:first-child
{
	width:57px;
	font-size:15.6px;
	padding-right:2px;
	align-items:center;
	font-weight:normal;
}

.sheet-ficheIdentite > div > label:last-child > input
{
	width:calc(100% - 60px);
}

.sheet-ficheIdentite > div > label:last-child > span:last-child
{
	width:28px;
	font-size:12px;
	padding-right:0px;
	padding-left:0px;
	align-items:center;
	font-weight:normal;
}

.sheet-ficheIdentite > label,
.sheet-ficheParcours > label
{
	width:100%;
}

.sheet-ficheParcours > div > label
{
	width:70%;
}

.sheet-ficheParcours > div > label:last-child
{
	width:30%;
}

.sheet-ficheParcours > div > label:last-child > span:first-child
{
	width:65px;
	font-size:15.6px;
	padding-right:2px;
	align-items:center;
	font-weight:normal;
}

.sheet-ficheParcours > div > label:last-child > input[type="number"]
{
	width:calc(100% - 70px);
}

.sheet-ficheParcours > label > span,
.sheet-ficheParcours > div > label > span
{
	width:130px;
	font-size:15.6px;
	padding-right:2px;
	padding-left:2px;
	align-items:center;
	font-weight:normal;
	color:black;
}

.sheet-ficheParcours > label > input,
.sheet-ficheParcours > div > label > input,
.sheet-ficheParcours > label > input[type="number"],
.sheet-ficheParcours > div > label > input[type="number"]
{
	width:calc(100% - 134px);
}

.sheet-historique,
.sheet-langues
{
	width:calc(50% - 20px);
	flex-wrap:wrap;
	border:1px solid black;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background-color: Silver;
	margin-top:10px;
	align-self:flex-start;
}

.sheet-historique > textarea
{
	width:100%;
	height:170px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.sheet-langues > input[type="text"],
.sheet-langues > div > div > input[type="text"]
{
	width:100%;
	display:flex;
}

.sheet-langues > input[type="text"]:first-of-type
{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.sheet-lectDroit
{
	width:100%;
	border:1px solid black;
	flex-wrap:wrap;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background-color: Silver;
	margin-top:10px;
	align-self:flex-start;
}

.sheet-lectDroit > p
{
	background-color: DarkGray;
	padding:2px;
	text-align:justify;
	margin:0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.sheet-carac
{
	width:90%;
	border:1px solid black;
	margin:auto;
}

.sheet-carac > div
{
	width:14.28571428571429%;
	flex-wrap:wrap;
	background-color: Silver;
}

.sheet-carac > div:nth-child(odd)
{
	background-color: DarkGray;
}

.sheet-carac > div > button[type="roll"]::before
{
	font-family: inherit;
	content: '';
	width: 100%;
}

.sheet-carac > div > button[type="roll"]
{
	width: 100%;
	margin:0px !important;
	font-size:15.6px;
	border-radius:0px;
}

.sheet-carac > div > div
{
	width:100%;
	justify-content:center;
}

.sheet-carac > div > div > input[type="number"]
{
	margin:auto;
	text-align:center;
	width:45.5px;
}

.sheet-carac > div > div:last-of-type > input[type="number"]
{
	background-color:blue;
	color:white;
}

.sheet-comp
{
	width:100%;
	margin-top:10px;
	justify-content:space-between;
	align-items:baseline;
}

.sheet-comp > div
{
	width:calc(50% - 20px);
	flex-wrap:wrap;
	background-color:Silver;
	border:1px solid black;
}

.sheet-comp > div > div
{
	flex-wrap:wrap;
	width:100%;
}

.sheet-comp > div > div:nth-child(odd)
{
	background-color:DarkGray;
}

.sheet-comp > div > div > div,
.sheet-comp > div > div > div.repcontainer > div.repitem > div
{
	width:100%;
}

.sheet-comp > div > div > div > button[type="roll"],
.sheet-comp > div > div > div.repcontainer > div.repitem > div > button[type="roll"]
{
	margin:0px;
	width:18px;
	border-radius:0px;
}

.sheet-comp > div > div > div > span,
.sheet-comp > div > div > div.repcontainer > div.repitem > div > span
{
	font-size:12px;
	align-items:center;
	width:calc(100% - 191px);
}

.sheet-comp > div > div > div > select,
.sheet-comp > div > div > div.repcontainer > div.repitem > div > select,
.sheet-comp > div > div > div > input[type="text"],
.sheet-comp > div > div > div.repcontainer > div.repitem > div > input[type="text"]
{
	width:calc(100% - 192px);
	border-radius:0px;
}

.sheet-comp > div > div > div > input[type="number"],
.sheet-comp > div > div > div.repcontainer > div.repitem > div > input[type="number"]
{
	width:45.5px;
	border-radius:0px;
}

.sheet-comp > div > div > div > input[type="number"]:last-of-type,
.sheet-comp > div > div > div.repcontainer > div.repitem > div > input[type="number"]:last-of-type
{
	background-color:blue;
	color:white;
}

.sheet-comp > div > div > div > label,
.sheet-comp > div > div > div.repcontainer > div.repitem > div > label
{
	width:40px;
}

.sheet-comp > div > div > div > label > input[type="checkbox"],
.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"]
{
	height: 28px;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
	position: absolute;
	width:36.3px;
}

.sheet-comp > div > div > div > label > input[type="checkbox"] ~ span,
.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"] ~ span
{
	width:100%;
	color:black;
}

.sheet-comp > div > div > div > label > input[type="checkbox"] ~ span::before,
.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"] ~ span::before
{
	content: attr(title);
	text-align: center;
	display: inline-block;
	height: 26px;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid black;
	box-shadow: 2px 2px 3px 0px #000000;
	background: Silver;
	width:100%;
	line-height:26px;
}

.sheet-comp > div > div > div > label > input[type="checkbox"]:checked ~ span::before,
.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"]:checked ~ span::before
{
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

.sheet-comp > div > div > div > select:last-of-type,
.sheet-comp > div > div > div.repcontainer > div.repitem > div > select:last-of-type
{
	width:60px;
	padding:0px;
	text-align:center;
}

.sheet-inventaire
{
	width:100%;
	background-color:Silver;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	border:1px solid black;
	flex-wrap:wrap;
}

.sheet-inventaire > span:first-of-type
{
	width:30%;
	background-color:DarkGray;
	border-top-left-radius:5px;
	justify-content:center;
	font-weight:bold;
	font-size:12px;
}

.sheet-inventaire > span:last-of-type
{
	width:70%;
	background-color:DarkGray;
	border-top-right-radius:5px;
	justify-content:center;
	font-weight:bold;
	font-size:12px;
}

.sheet-inventaire > div.repcontainer,
.sheet-inventaire > div.repcontrol
{
	background-color:DarkGray;
}

.sheet-inventaire > div.repcontainer > div.repitem
{
	display:flex;
}

.sheet-inventaire > div.repcontainer > div.repitem > input[type="text"]:first-of-type
{
	width:30%;
	border-radius:0px;
}

.sheet-inventaire > div.repcontainer > div.repitem > input[type="text"]:last-of-type
{
	width:70%;
	border-radius:0px;
}

.sheet-armement,
.sheet-protection
{
	width:100%;
	background-color:Silver;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	border:1px solid black;
	margin-top:11px;
	flex-wrap:wrap;
}

.sheet-armement > div,
.sheet-protection > div
{
	width:100%;
}

.sheet-armement > div:nth-child(even),
.sheet-protection > div:nth-child(even)
{
	background-color:DarkGrey;
}

.sheet-armement > div > div
{
	flex-wrap:wrap;
}

.sheet-armement > div > div,
.sheet-protection > div > div
{
	display:flex;
}

.sheet-armement > div > span
{
	font-size:12px;
	font-weight:bold;
	justify-content:center;
	align-items:center;
	width:40px;
}

.sheet-armement > div > span:first-of-type
{
	width:calc(100% - 40px - 40px - 40px - 40px - 40px - 40px - 45px - 129px - 60px - 60px - 59px - 19px);
}

.sheet-armement > div.sheet-armesOptions,
.sheet-armement > div > div > div.sheet-armesOptions
{
	width:100%;
	height:17px;
	position:relative;
}

.sheet-armement > div.sheet-armesOptions > label,
.sheet-armement > div > div > div.sheet-armesOptions > label
{
	width:100%;
	height:17px;
}

.sheet-armement > div.sheet-armesOptions > label > input[type="checkbox"],
.sheet-armement > div > div > div.sheet-armesOptions > label > input[type="checkbox"]
{
	width:100%;
	height:17px;
	position:absolute;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
}

.sheet-armement > div.sheet-armesOptions > label > span,
.sheet-armement > div > div > div.sheet-armesOptions > label > span
{
	width:100%;
	height:15px;
}

.sheet-armement > div.sheet-armesOptions > label > span::before,
.sheet-armement > div > div > div.sheet-armesOptions > label > span::before
{
	content:attr(title);
	text-align: center;
	display: inline-block;
	height: 15px;
	position: relative;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: Silver;
	width:100%;
	line-height:15px;
}

.sheet-armement > div.sheet-armesOptions > label > input[type="checkbox"]:checked ~ span::before,
.sheet-armement > div > div > div.sheet-armesOptions > label > input[type="checkbox"]:checked ~ span::before
{
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

input[type="hidden"].sheet-armeEBonus[value="on"] ~ div.sheet-armeEBonus
{
	display:flex;
}

div.sheet-armeEBonus
{
	display:none;
	width:100%;
	height:auto;
	padding:5px;
	flex-wrap:wrap;
	justify-content:space-around;
	background-color:DarkGray;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	border:1px solid black;
	border-top:0px;
	margin-left: -1px;
	margin-right: -1px;
}

div.sheet-armeEBonus > label
{
	width:150px;
	height:17px;
	background-color:Silver;
}

div.sheet-armeEBonus > label > input[type="checkbox"]
{
	width:150px;
	height:17px;
	position:absolute;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
}

div.sheet-armeEBonus > label > span
{
	width:100%;
	height:17px;
}

div.sheet-armeEBonus > label > span::before
{
	content:attr(title);
	text-align: center;
	display: inline-block;
	height: 15px;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid black;
	background: Silver;
	width:100%;
	line-height:15px;
}

div.sheet-armeEBonus > label > input[type="checkbox"]:checked ~ span::before
{
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

.sheet-armement > div > input[type="text"]
{
	width:calc(100% - 40px - 40px - 40px - 40px - 40px - 40px - 45px - 129px - 60px - 60px - 59px - 20px);
	border-radius:0px;
	border-right:0px;
}

.sheet-armement > div > div > input[type="text"]
{
	width:calc(100% - 40px - 40px - 40px - 40px - 40px - 40px - 45px - 129px - 60px - 60px - 59px - 20px - 1px);
	border-radius:0px;
	border-right:0px;
}

.sheet-armement > div > input[type="number"],
.sheet-armement > div > div > input[type="number"]
{
	width:40px;
	border-radius:0px;
	border-right:0px;
}

.sheet-armement > div > input[type="number"]:nth-child(6),
.sheet-armement > div > div > input[type="number"]:nth-child(7)
{
	width:45px;
}

.sheet-armement > div > span:nth-child(6)
{
	width:45px;
}

.sheet-armement > div > span:nth-child(9)
{
	width:128px;
}

.sheet-armement > div > select
{
	width:129px;
	border-right:0px;
}

.sheet-armement > div > div > select
{
	width:128px;
	border-right:0px;
}

.sheet-armement > div > span:nth-child(10),
.sheet-armement > div > span:nth-child(12),
.sheet-armement > div > input[type="number"]:nth-child(10),
.sheet-armement > div > input[type="number"]:nth-child(12),
.sheet-armement > div > div > input[type="number"]:nth-child(11),
.sheet-armement > div > div > input[type="number"]:nth-child(13)
{
	width:60px;
}

.sheet-armement > div > span:nth-child(11),
.sheet-armement > div > input[type="number"]:nth-child(11),
.sheet-armement > div > div > input[type="number"]:nth-child(12)
{
	width:59px;
}

.sheet-armement > div > button[type="roll"],
.sheet-armement > div > div > button[type="roll"]
{
	width:14px;
	margin:0px;
	border-radius:0px;
}

.sheet-protection > div:first-of-type > span
{
	font-weight:bold;
	font-size:12px;
	justify-content:center;
	align-items:center;
}

.sheet-protection > div > input[type="text"],
.sheet-protection > div > select,
.sheet-protection > div > button[type="roll"],
.sheet-protection > div > div > input[type="text"],
.sheet-protection > div > div > select,
.sheet-protection > div > div > button[type="roll"]
{
	border-radius:0px;
}

.sheet-protection > div:first-of-type > span:first-of-type
{
	width:calc(100% - 109px - 150px - 300px - 22px);
}

.sheet-protection > div > input[type="text"]:first-of-type
{
	width:calc(100% - 110px - 150px - 300px - 22px);
}

.sheet-protection > div > div > input[type="text"]:first-of-type
{
	width:calc(100% - 109px - 150px - 300px - 22px);
}

.sheet-protection > div:first-of-type > span:nth-child(2)
{
	width:111px;
}

.sheet-protection > div > span:nth-child(2)
{
	width:111px;
	justify-content:center;
	align-items:center;
}

.sheet-protection > div > div > label
{
	width:110px;
	justify-content:center;
	align-items:center;
}

.sheet-protection > div > div > label > span
{
	width:20px;
	justify-content:center;
	align-items:center;
	font-size:12px;
	font-weight:normal;
	font-family:inherit;
}

.sheet-protection > div > div > label > input[type="number"]
{
	width:calc(50% - 10px);
	border-radius:0px;
}

.sheet-protection > div > div > label > input[type="number"]:first-of-type
{
	border-left:0px;
}

.sheet-protection > div > div > label > input[type="number"]:last-of-type
{
	border-right:0px;
}

.sheet-protection > div:first-of-type > span:nth-child(3)
{
	width:149px;
}

.sheet-protection > div > select,
.sheet-protection > div > div > select
{
	width:150px;
	border-right:0px;
}

.sheet-protection > div:first-of-type > span:nth-child(4)
{
	width:301px;
}

.sheet-protection > div > input[type="text"]:last-of-type,
.sheet-protection > div > div > input[type="text"]:last-of-type
{
	width:300px;
	border-right:0px;
}

.sheet-protection > div > button[type="roll"],
.sheet-protection > div > div > button[type="roll"]
{
	width:14px;
	margin:0px;
}

.sheet-buttonSC
{
	width:100%;
	justify-content:center;
}

.sheet-buttonSC > label
{
	width: 150px;
	margin-right:5px;
	margin-left:5px;
}

.sheet-buttonSC > label > input[type="checkbox"]
{
	height: 22px;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
	position: absolute;
	width:150px;
}

.sheet-buttonSC > label > span
{
	width:100%;
	color:black;
}


.sheet-buttonSC > label > span::before
{
	content: attr(title);
	text-align: center;
	display: inline-block;
	height: 20px;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid black;
	box-shadow: 2px 2px 3px 0px #000000;
	background: Silver;
	width:100%;
}

.sheet-buttonSC > label > input[type="checkbox"]:checked ~ span::before
{
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

.sheet-page4 > input[type="hidden"]:first-of-type[value="1"] ~ div.sheet-stage,
.sheet-page4 > input[type="hidden"]:last-of-type[value="1"] ~ div.sheet-contact
{
	display:flex;
}

.sheet-stage
{
	display:none;
	width:100%;
	border:1px solid black;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	flex-wrap:wrap;
	margin-top:10px;
	background-color:Silver;
	align-items:baseline;
}

.sheet-stage > div
{
	width:50%;
	flex-wrap:wrap;
}

.sheet-stage > div > div > div > div
{
	width:100%;
}

.sheet-stage > div > div > div > div:not(:nth-child(2))
{
	flex-wrap:wrap;
}

.sheet-stage > div > div > div > div:nth-child(2) > label:first-of-type
{
	width:calc(100% - 45.5px);
}

.sheet-stage > div > div > div > div:nth-child(2) > label:first-of-type > span,
.sheet-stage > div > div > div > div:nth-child(2) > label:last-of-type > span
{
	width:100%;
	justify-content:center;
	align-items:center;
	color:black;
}

.sheet-stage > div > div > div > div:nth-child(2) > label:first-of-type > input[type="text"]
{
	width:100%;
	border-right:0px;
}

.sheet-stage > div > div > div > div:nth-child(2) > label:last-of-type
{
	width:45.5px;
}

.sheet-stage > div > div > div > div:nth-child(2) > label:last-of-type > input[type="number"]
{
	width:100%;
}

.sheet-stage > div > div > div > div > label
{
	width:100%;
	flex-wrap:wrap;
}

.sheet-stage > div > div > div > div > label > input[type="text"],
.sheet-stage > div > div > div > div > label > input[type="number"]
{
	border-radius:0px;
}

.sheet-stage > div > div > div > div > label > span
{
	justify-content:center;
	align-items:center;
	font-size:12px;
	font-weight:bold;
	font-family:inherit;
	color:black;
}

.sheet-stage > div > div > div > div:not(:nth-child(2)) > label > span
{
	width:calc(100% - 45px);
	margin-left:22px;
	height:24px;
}

.sheet-stage > div > div > div > div > label > label
{
	width:22px;
	height:22px;
}

.sheet-stage > div > div > div > div > label > label > input[type="checkbox"]
{
	width:22px;
	height:22px;
	justify-content:center;
	align-items:center;
	position:absolute;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
}

.sheet-stage > div > div > div > div > label > label > span
{
	width:100%;
	height:22px;
	color:black;
}

.sheet-stage > div > div > div > div > label > label > span::before
{
	content:'+';
	text-align: center;
	display: inline-block;
	height: 22px;
	position: relative;
	font-size: 25px;
	font-weight: bold;
	border: 1px solid black;
	background: Silver;
	width:100%;
	line-height:22px;
}

.sheet-stage > div > div > div > div > label > label > input[type="checkbox"]:checked ~ span::before
{
	box-shadow: 0px 0px 7px 0px #000000 inset;
	content:'-';
}

.sheet-stage > div > div > div > div > label > input[type="hidden"][value="1"] ~ textarea
{
	display:inline-block;
}

.sheet-stage > div > div > div > div > label > textarea
{
	width:100%;
	height:90px;
	border-radius:0px;
	display:none;
}

.sheet-contact
{
	width:100%;
	flex-wrap:wrap;
	margin-top:10px;
	display:none;
	background-color:Silver;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
}

.sheet-contact > div
{
	width:100%;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.sheet-contact > div
{
	background-color:DarkGray;
}

.sheet-contact > div > span
{
	justify-content:center;
	align-items:center;
	font-size:12px;
	font-weight:bold;
	font-family:inherit;
}

.sheet-contact > div > div
{
	display:flex;
}

.sheet-contact > div > span:nth-child(1)
{
	width:calc(100% - 150px - 50px - 200px - 198px);
}

.sheet-contact > div > div > input[type="text"]:first-of-type
{
	width:calc(100% - 150px - 50px - 200px - 200px);
}

.sheet-contact > div > span:nth-child(2),
.sheet-contact > div > div > select
{
	width:150px;
}

.sheet-contact > div > span:nth-child(3),
.sheet-contact > div > div > input[type="number"]
{
	width:50px;
}

.sheet-contact > div > span:nth-child(4),
.sheet-contact > div > span:nth-child(5),
.sheet-contact > div > div > input[type="text"]:nth-last-of-type(2),
.sheet-contact > div > div > input[type="text"]:nth-last-of-type(1)
{
	width:200px;
}

.sheet-contact > div > div > input:not(:last-of-type),
.sheet-contact > div > div > select
{
	border-right:0px;
}

.sheet-contact > div > div > input,
.sheet-contact > div > div > select
{
	border-right:0px;
	border-radius:0px;
	display:flex;
}

.sheet-mods
{
	width:20%;
	background-color:Silver;
	border-top-right-radius:30px;
	border-top-left-radius:30px;
	flex-wrap:wrap;
	border:1px solid black;
	align-self:flex-start;
}

.sheet-mods > label:nth-child(even)
{
	background-color:DarkGray;
}

.sheet-mods > label
{
	width:100%;
	justify-content:space-between;
}

.sheet-mods > label > span
{
	width:calc(100% - 45.5px);
	align-items:center;
	font-size:12px;
	font-weight:bold;
	font-family:inherit;
	padding-left:2px;
	color:black;
}

.sheet-mods > label > input[type="number"]
{
	width:45.5px;
	border-radius:0px;
}

.sheet-bottom
{
	width:100%;
	align-items:baseline;
	justify-content:space-between;
}

.sheet-bottomLeft
{
	width:70%;
	flex-wrap:wrap;
}

.sheet-initAtt
{
	flex-wrap:wrap;
	width:100%;
	border-radius:30px;
	background-color:Silver;
	border:1px solid black;
	margin-top:10px;
}

.sheet-initAtt > div:first-of-type
{
	background-color:DarkGray;
}

.sheet-initAtt > div
{
	justify-content:space-around;
	width:100%;
}

.sheet-initAtt > div:last-of-type
{
	margin-top:2px;
	margin-bottom:2px;
}

.sheet-initAtt > div > span
{
	width:110px;
	align-items:center;
	justify-content:center;
	font-size:12px;
	font-weight:bold;
	font-family:inherit;
}

.sheet-initAtt > div > label
{
	width:110px;
}

.sheet-initAtt > div > label > span
{
	width:100%;
	height:22px;
	color:black;
}

.sheet-initAtt > div > label > input[type="radio"],
.sheet-initAtt > div > label > input[type="checkbox"]
{
	width:110px;
	height:22px;
	position:absolute;
	opacity:0;
	z-index:1;
	cursor: pointer;
}

.sheet-initAtt > div > label > span::before
{
	width:100%;
	content: attr(title);
	text-align: center;
	display: inline-block;
	height: 20px;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid black;
	box-shadow: 2px 2px 3px 0px #000000;
	background: Silver;
}

.sheet-initAtt > div > label > input[type="radio"]:checked ~ span::before
{
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

.sheet-initAtt > div > button[type="action"]
{
	height: 20px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid black;
    box-shadow: 2px 2px 3px 0px #000;
    background: Silver;
    width: 92px;
}

.sheet-initAtt > div > button[type="action"]:active
{
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

.sheet-bottomRight
{
	width:20%;
	flex-wrap:wrap;
	border-radius:30px;
	background-color:Silver;
	border:1px solid black;
	margin-top:10px;
	justify-content:center;
}

.sheet-bottomRight > label
{
	width:100%;
	justify-content:space-between;
}

.sheet-bottomRight > label:nth-child(even)
{
	background-color:DarkGray;
}

.sheet-bottomRight > label > span
{
	width:calc(100% - 45.5px);
	align-items:center;
	font-size:12px;
	font-weight:bold;
	font-family:inherit;
	padding-left:2px;
	color:black;
}

.sheet-bottomRight > label > input[type="number"]
{
	width:45.5px;
	border-radius:0px;
}

.sheet-bottomRight > button[type="action"]
{
	height: 20px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid black;
    box-shadow: 2px 2px 3px 0px #000;
    background: Silver;
    width: 92px;
	margin-bottom:2px;
	margin-top:2px;
}

.sheet-bottomRight > button[type="action"]:active
{
	box-shadow: 0px 0px 7px 0px #000000 inset;
}

.sheet-poursuite
{
	width:200px;
	background-color:Silver;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	border:1px solid black;
	justify-content:space-between;
	flex-wrap:wrap;
	align-self:flex-start;
	margin-right: auto;
	margin-left: 10px;
}

.sheet-poursuite > button[type="roll"]
{
	width:100%;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	font-family:inherit;
	margin:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	height:24px;
}

.sheet-poursuite > button[type="roll"] > h4
{
	height:24px;
}

.sheet-poursuite > button[type="roll"]::before
{
	content:'';
}

.sheet-poursuite > label
{
	width:100%;
}

.sheet-poursuite > label:nth-child(even)
{
	background-color:DarkGray;
}

.sheet-poursuite > label > span
{
	width:calc(100% - 45.5px);
	align-items:center;
	font-size:12px;
	padding-left:2px;
	color:black;
}

.sheet-poursuite > label > input[type="number"]
{
	width:45.5px;
}

/*TEMPLATES*/
.sheet-rolltemplate-protection > div,
.sheet-rolltemplate-base > div,
.sheet-rolltemplate-armement > div
{
	width:100%;
	background-color:Silver;
	border-radius:20px;
	display:flex;
	flex-wrap:wrap;
	font-family: Trebuchet MS;
	color:black;
	border:1px solid black;
}

.sheet-rolltemplate-protection > div > h4,
.sheet-rolltemplate-base > div > h4,
.sheet-rolltemplate-base > div > div h6,
.sheet-rolltemplate-armement > div > h4
{
	width:100%;
	color:inherit;
	justify-content:center;
	align-items:center;
	height:20px;
	display:flex;
	font-family: inherit;
}

.sheet-rolltemplate-protection > div > div,
.sheet-rolltemplate-base > div > div,
.sheet-rolltemplate-armement > div > div
{
	display:flex;
	width:100%;
}

.sheet-rolltemplate-protection > div > div:nth-child(even),
.sheet-rolltemplate-base > div > div:nth-child(even),
.sheet-rolltemplate-armement > div > div:nth-child(even)
{
	background-color:DarkGray;
}

.sheet-rolltemplate-protection > div > div:first-of-type > span,
.sheet-rolltemplate-base > div > div:first-of-type > span
{
	display:flex;
	width:100%;
	font-size:12px;
	font-weight:bold;
	color:inherit;
	font-family:inherit;
	justify-content:center;
	align-items:center;
}

.sheet-rolltemplate-protection > div > div:not(:first-of-type) > span,
.sheet-rolltemplate-base > div > div:not(:first-of-type) > span,
.sheet-rolltemplate-armement > div > div > span
{
	display:flex;
	font-size:12px;
	font-weight:bold;
	color:inherit;
	font-family:inherit;
	align-items:center;
}

.sheet-rolltemplate-protection > div > div:not(:first-of-type) > span:first-of-type,
.sheet-rolltemplate-base > div > div:not(:first-of-type) > span:first-of-type,
.sheet-rolltemplate-armement > div > div > span:first-of-type
{
	width:80%;
	justify-content:left;
	padding-left:2px;
}

.sheet-rolltemplate-armement > div > div.sheet-spe > span:first-of-type
{
	width:50%;
	justify-content:left;
	padding-left:2px;
}

.sheet-rolltemplate-protection > div > div:not(:first-of-type) > span:last-of-type,
.sheet-rolltemplate-base > div > div:not(:first-of-type) > span:last-of-type,
.sheet-rolltemplate-armement > div > div > span:last-of-type
{
	width:20%;
	justify-content:center;
	padding-right:2px;
}

.sheet-rolltemplate-armement > div > div.sheet-spe > span:last-of-type
{
	width:50%;
	justify-content:center;
	padding-right:2px;
}

.sheet-rolltemplate-armement > div > div.sheet-notes
{
	width:100%;
}

.sheet-rolltemplate-armement > div > div.sheet-notes > h5
{
	width:100%;
	font-variant:small-caps;
	color:black;
	font-family:inherit;
	justify-content:center;
	display:flex;
}

.sheet-rolltemplate-armement > div > div.sheet-notes > span
{
	width:100%;
	justify-content:center;
}

.sheet-rolltemplate-protection > div > div:last-of-type,
.sheet-rolltemplate-base > div > div:last-of-type,
.sheet-rolltemplate-armement > div > div:last-of-type
{
	height:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}

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

.sheet-rolltemplate-base .inlinerollresult.fullcrit,
.sheet-rolltemplate-armement .inlinerollresult.fullcrit ,
.sheet-rolltemplate-protection .inlinerollresult.fullcrit 
{
	border: none;
}

.sheet-rolltemplate-base .inlinerollresult.fullfail,
.sheet-rolltemplate-armement .inlinerollresult.fullfail,
.sheet-rolltemplate-protection .inlinerollresult.fullfail
{
	border: none;
}

.sheet-rolltemplate-base .inlinerollresult.importantroll,
.sheet-rolltemplate-armement .inlinerollresult.importantroll,
.sheet-rolltemplate-protection .inlinerollresult.importantroll
{
	border: none;
}