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

.charsheet 
{
	min-width:860px;
}

.itemcontrol
{
	z-index:2;
}

.btn
{
	border-radius:0px;
}

img,
div,
span,
input[type="number"],
input[type="text"],
textarea,
select,
h1,
h2,
label,
button[type="roll"],
button[type="action"],
b
{
	display:flex;
}

input[type="number"],
input[type="text"],
textarea,
select
{
	color:black;
}

label
{
	padding:0px;
	margin:0px;
	font-weight:normal;
}

select,
input[type="text"],
input[type="number"]
{
	padding:0px;
	margin:0px;
	border-radius:0px;
}

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

input[type=number],
input[type=text]
{
    -moz-appearance:textfield;
	border-radius:0px;
}

textarea
{
	border:none;
	width:100%;
	padding:0px;
	text-align:justify;
	border-radius:0px;
	margin:0px;
}

.repcontrol
{
	display:flex;
	width:100%;
	justify-content:space-between;
	flex-direction:row-reverse;
}

.repcontrol > .btn
{
	padding-bottom:0px;
	border-radius:0px;
	border:1px solid var(--sombre);
	padding-top:0px;
}

.itemcontrol > .btn
{
	padding-top:3px;
	padding-bottom:2px;
}

div.sheet-autoex
{
	line-height: 1.4em;
	min-height: 1.4em;
	cursor: text;
	text-align: left;
	position:relative;
	width:100%;
}

div.sheet-autoex > span
{
	visibility: hidden;
	display: block;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	white-space: pre-wrap;
	text-align: inherit;
	min-height: inherit;
	height:100%;
	word-wrap:anywhere;
	padding-left:2px;
	padding-right:2px;
}

div.sheet-autoex > textarea
{
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: calc(100% - 4px);;
	overflow: hidden;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	white-space: pre-wrap;
	text-align: inherit;
	min-height: inherit;
	resize: none;
	margin:0px;
	padding-left:2px;
	padding-right:0px;
}

div.sheet-autoex > textarea::placeholder
{
	font-family:"Contrail One";
	color: #575957da;
	text-transform: capitalize;
	font-style: italic;
	text-align: center;
	font-size: 95%;
	font-weight:normal;
}

div.sheet-autoex22
{
	min-height:22px;
}

div.sheet-autoex24
{
	min-height:24px;
}

div.sheet-autoex26
{
	min-height:26px;
}

div.sheet-autoex28
{
	min-height:28px;
}

div.sheet-autoex40
{
	min-height:40px;
}

div.sheet-autoex100
{
	min-height:100px;
}

img.sheet-img
{
	position:absolute;
	opacity: 0.3;
	margin-top: 5px;
	margin-left: -5px;
	height:45px;
}

div.sheet-container
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	min-width:700px;
	align-items:flex-start;
	align-content:flex-start;
}

label.sheet-identite
{
	width:calc(100% - 35px);
	justify-content:space-between;
	flex-wrap:nowrap;
}

label.sheet-identite > span
{
	width:max-content;
	justify-content:space-between;
	flex-wrap:nowrap;
	margin-right:5px;
	color:RGB(115, 116, 118);
}

label.sheet-identite > input[type="text"]
{
	width:100%;
	border:0px;
	border-bottom:1px dashed black;
	padding:0px;
}

div.sheet-menu
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-evenly;
	margin-top:10px;
}

div.sheet-menu > label
{
	width:150px;
	position:relative;
	height:30px;
	margin:5px;
}

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

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

div.sheet-menu > label > span::before
{
	display:flex;
	content:attr(title);
	width:100%;
	height:30px;
	line-height:30px;
	background-color:lightgray;
	color:black;
	justify-content:center;
	font-weight:bold;
	font-variant:small-caps;
}

div.sheet-menu > label > input[type="radio"]:checked ~ span::before
{
	background:black;
	color:white;
}

div.sheet-options
{
	position: absolute;
	width: calc(100% - 60px);
	min-width:860px;
}

div.sheet-options > label
{
	font-size: 25px;
	font-family: pictos;
	margin: 0px;
	padding: 0px;
	display: flex;
	width: 24px;
	line-height: 20px;
	height: 23px;
	margin-left: auto;
}

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

div.sheet-options > label > span
{
	width:100%;
	font-size: 25px;
	font-family: pictos;
	color: lightgray;
	line-height: 20px;
	opacity: .5;
	text-shadow: 1px 1px 5px black;
}

div.sheet-options > label > input[type="checkbox"]:checked ~ span
{
	opacity:1;
	text-shadow:1px 1px 1px black;
}

div.sheet-options > div
{
	display:none;
}

div.sheet-options > input[type="hidden"][value="1"] ~ div
{
	position: absolute;
	display: flex;
	width: 200px;
	padding: 10px;
	background: white;
	height: auto;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
	border: 1px solid black;
	z-index: 200;
	border-radius: 30px;
	margin-left: calc(100% - 235px);
	margin-top: 10px;
}

div.sheet-options > div > select
{
	width:100%;
	text-align:center;
	border:0px;
	padding:0px;
	background:transparent;
	border-bottom:1px dashed black;
	padding-top:7px;
}

input[type="hidden"].sheet-tab[value="1"] ~ div.sheet-tab1,
input[type="hidden"].sheet-tab[value="2"] ~ div.sheet-tab2,
input[type="hidden"].sheet-tab[value="3"] ~ div.sheet-tab3,
input[type="hidden"].sheet-tab[value="4"] ~ div.sheet-tab4
{
	display:flex;
}

div.sheet-tab1,
div.sheet-tab3,
div.sheet-tab4
{
	background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Cle%20en%20main/img/fond.png");
	background-size:contain;
	background-size: contain;
	background-position-x: right;
	background-repeat: no-repeat;
}

div.sheet-competences
{
	width:350px;
	flex-wrap:wrap;
	border-right:2px solid RGB(117, 117, 119);
	margin-top:20px;
	position:relative;
}

div.sheet-competences > h1
{
	width:100%;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:20px;
}

div.sheet-competences > div:not([class*=repcontainer]):not([class*=repcontrol])
{
	width:100%;
	justify-content:space-between;
	flex-wrap:nowrap;
}

div.sheet-competences > div:not(:last-of-type):not([class*=repcontainer]):not([class*=repcontrol])
{
	margin-bottom:5px;
}

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

div.sheet-competences > div.repcontainer > div.repitem
{
	width:100%;
	justify-content:space-between;
	flex-wrap:nowrap;
}

div.sheet-competences > div.repcontainer > div.repitem
{
	margin-bottom:5px;
}

div.sheet-competences > div > input[type="number"],
div.sheet-competences > div.repcontainer > div.repitem > input[type="number"]
{
	height:25px;
	width:50px;
	padding:0px;
	text-align:center;
	border:1px solid black;
	margin-right:30px;
	font-size:16px;
}

div.sheet-competences > div > input[type="text"],
div.sheet-competences > div.repcontainer > div.repitem > input[type="text"]
{
	height:20px;
	width:100%;
	min-width:0px;
	padding:0px;
	border:0px;
	border-bottom:1px dashed black;
	font-size:13px;
	margin-left:10px;
	margin-right:10px;
	padding-top:7px;
}

div.sheet-competences > div > button[type="roll"],
div.sheet-competences > div.repcontainer > div.repitem > button[type="roll"]
{
	margin:0px;
	padding:0px;
	font-size:16px;
	line-height:25px;
	background:none;
	border:0px;
	text-shadow:none;
	box-shadow:none;
	text-transform:uppercase;
}

div.sheet-competences > div > button[type="roll"] > span,
div.sheet-competences > div.repcontainer > div.repitem > button[type="roll"] > span
{
	letter-spacing:-0.5px;
}

div.sheet-competences > div > button[type="roll"]::before,
div.sheet-competences > div.repcontainer > div.repitem > button[type="roll"]::before
{
	content:"f";
	font-family:"dicefontd6";
	font-size:30px;
	margin-right:10px;
	text-transform:lowercase;
	line-height:22px;
}

div.sheet-competences > div > button[type="roll"]:hover::before,
div.sheet-competences > div.repcontainer > div.repitem > button[type="roll"]:hover:before
{
	text-transform:uppercase;
}

div.sheet-tab-content
{
	display:none;
	width:calc(100% - 360px);
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
}

div.sheet-atouts
{
	width:100%;
	flex-wrap:wrap;
	align-items:flex-start;
	align-content:flex-start;
	margin-top:20px;
	position:relative;
}

div.sheet-atouts > h1
{
	width:100%;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:20px;
}

div.sheet-atouts > .repcontainer
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
}

div.sheet-atouts > .repcontainer > .repitem
{
	width:calc((100% / 2) - 10px);
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:flex-start;
}

div.sheet-atouts > .repcontainer > .repitem:nth-of-type(n+3)
{
	margin-top:10px;
}

div.sheet-atouts > .editmode > .repitem
{
	width:100%;
}

div.sheet-atouts > .editmode > .repitem:not(:first-of-type)
{
	margin-top:10px;
}

div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2)
{
	width:100%;
	justify-content:space-between;
}

div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > label
{
	width: 24px;
	height: 22px;
	justify-content: center;
	border:1px solid black;
}

div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > label > input[type="checkbox"]
{
	width: 25px;
	height: 28px;
	opacity: 0;
	position: absolute;
}

div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > label > span
{
	width:100%;
}

div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > label > span::before
{
	display: flex;
	content: "+";
	width: 100%;
	font-size: 25px;
	line-height: 21px;
	justify-content: center;
}

div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > label > input[type="checkbox"]:checked ~ span::before
{
	content:"-";
}

div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > input[type="text"]
{
	width:100%;
	text-align:center;
	padding:0px;
	padding-right:25px;
	border:0px;
	border-bottom:1px dashed black;
}

div.sheet-atouts > .repcontainer > .repitem > div.sheet-expand
{
	display:none;
	border-top:0px;
	border-right:1px dashed black;
	border-left:1px dashed black;
	border-bottom:1px dashed black;
}

div.sheet-atouts > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div.sheet-expand
{
	display:flex;
}

div.sheet-tab1
{
	justify-content:center;	
}

div.sheet-tab1 > .sheet-col,
div.sheet-tab3 > .sheet-col,
div.sheet-tab4 > .sheet-col
{
	display:flex;
	flex-wrap:wrap;
	width:calc((100% / 2) - 5px - 1px);
	align-items:flex-start;
	align-content:flex-start;
	margin-top:20px;
	
}

div.sheet-tab1 > .sheet-col > div:not(:first-of-type)
{
	margin-top:10px;
	
}

div.sheet-tab1 > .sheet-col:first-of-type
{
	border-right:1px solid black;
	padding-right:5px;
}

div.sheet-tab1 > .sheet-col:last-of-type
{
	padding-left:5px;
}

div.sheet-profil
{
	flex-wrap:wrap;
	width:100%;
	margin-bottom:20px;
	align-items:flex-start;
	align-content:flex-start;
}

div.sheet-profil > h1
{
	width:100%;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:5px;
}

div.sheet-profil .sheet-autoex
{
	border:1px dashed black;
}

div.sheet-profil > label
{
	width:100%;
	flex-wrap:nowrap;
	height:20px;
	line-height:20px;
	justify-content:space-between;
	margin-top:5px;
}

div.sheet-profil > label > span
{
	width:max-content;
	height:20px;
	font-size:14px;
	line-height:20px;
	font-style:italic;
	margin-right:10px;
}

div.sheet-profil > label > input[type="text"]
{
	width:100%;
	min-width:0px;
	border:0px;
	border-bottom:1px dashed black;
	padding-top:7px;
}

div.sheet-profil .repcontainer
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
}

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

div.sheet-profil .repcontainer > .repitem:not(:first-of-type)
{
	margin-top:5px;
}

div.sheet-profil .repcontainer > .repitem > .itemcontrol > .btn
{
	padding-top:1px;
	padding-bottom:2px;
}

div.sheet-general,
div.sheet-consommable,
div.sheet-richesse
{
	flex-wrap:wrap;
	width:100%;
	margin-bottom:20px;
	align-items:flex-start;
	align-content:flex-start;
}

div.sheet-general .sheet-autoex,
div.sheet-richesse .sheet-autoex
{
	border:1px dashed black;
}

div.sheet-general > h1,
div.sheet-richesse > h1
{
	width:100%;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	margin-bottom:5px;
}

div.sheet-general .repcontainer,
div.sheet-consommable .repcontainer,
div.sheet-richesse .repcontainer
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
}

div.sheet-general .repcontainer > .repitem,
div.sheet-consommable .repcontainer > .repitem,
div.sheet-richesse .repcontainer > .repitem
{
	width:100%;
	justify-content:space-between;
}

div.sheet-general .repcontainer > .repitem:not(:first-of-type),
div.sheet-consommable .repcontainer > .repitem:not(:first-of-type),
div.sheet-richesse .repcontainer > .repitem:not(:first-of-type)
{
	margin-top:5px;
}

div.sheet-general .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-consommable .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-richesse .repcontainer > .repitem > .itemcontrol > .btn
{
	padding-top:1px;
	padding-bottom:2px;
}

div.sheet-consommable > h1
{
	width:100%;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
}

div.sheet-consommable > h2
{
	width:100%;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	margin-bottom:5px;
}

div.sheet-consommable .repcontainer > .repitem > input[type="text"]
{
	width:calc(100% - 141px);
	min-width:0px;
	border:0px;
	border-bottom:1px dashed black;
	height:20px;
	margin-top:auto;
	margin-bottom:auto;
}

div.sheet-consommable .repcontainer > .repitem > div
{
	width:136px;
	flex-wrap:wrap;
	justify-content:right;
}

div.sheet-consommable .repcontainer > .repitem > div > label
{
	width:13px;
	height:13px;
	margin:1px;
	position:relative;
	border:1px solid black;
}

div.sheet-consommable .repcontainer > .repitem > div > label > input[type="checkbox"]
{
	position:absolute;
	width:13px;
	height:13px;
	opacity:0;
}

div.sheet-consommable .repcontainer > .repitem > div > label > span
{
	width:100%;
}

div.sheet-consommable .repcontainer > .repitem > div > label > span::before
{
	content:"";
	width:100%;
	height:13px;
}

div.sheet-consommable .repcontainer > .repitem > div > label > input[type="checkbox"]:checked ~ span::before
{
	background:black;
}

div.sheet-capacites
{
	flex-wrap:wrap;
	width:100%;
	margin-bottom:20px;
	align-items:flex-start;
	align-content:flex-start;
	margin-top:20px;
}

div.sheet-capacites > h1
{
	width:100%;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	justify-content:center;
	text-transform:uppercase;
	margin-bottom:20px;
}

div.sheet-capacites > div:first-of-type
{
	width:100%;
	justify-content:space-between;
}

div.sheet-capacites > div:first-of-type > span
{
	font-size:12px;
	line-height:15px;
	text-align:center;
	justify-content:center;
}

div.sheet-capacites > div:first-of-type > span:last-of-type
{
	padding-right:28px;
}

div.sheet-capacites > div:first-of-type > span:nth-of-type(1),
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(2)
{
	width:calc(100% - (50px*2) - 100px - 130px - 40px - 40px);
}

div.sheet-capacites > div:first-of-type > span:nth-of-type(2),
div.sheet-capacites > div:first-of-type > span:nth-of-type(3),
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(3),
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(4)
{
	width:50px;
}

div.sheet-capacites > div:first-of-type > span:nth-of-type(4),
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(5)
{
	width:40px;
}

div.sheet-capacites > div:first-of-type > span:nth-of-type(5),
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(6)
{
	width:100px;
}

div.sheet-capacites > div:first-of-type > span:nth-of-type(6)
{
	width:102px;
}

div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(7)
{
	width:130px;
}

div.sheet-capacites > .repcontainer
{
	flex-wrap:wrap;
}

div.sheet-capacites > .repcontainer,
div.sheet-capacites > .repcontainer > .repitem
{
	width:100%;
	justify-content:space-between;
}

div.sheet-capacites > .repcontainer > .repitem input[type="text"],
div.sheet-capacites > .repcontainer > .repitem input[type="number"],
div.sheet-capacites > .repcontainer > .repitem select
{
	width:100%;
	padding:0px;
	border:0px;
	border-bottom:1px dashed black;
	min-width:0px;
	padding-top:7px;
}

div.sheet-capacites > .repcontainer > .repitem button[type="roll"]
{
	width: 28px;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 28px;
	background: none;
	border: 0px;
	text-shadow: none;
	box-shadow: none;
	text-transform: uppercase;
}

div.sheet-capacites > .repcontainer > .repitem button[type="roll"]::before
{
	content: "f";
	font-family: "dicefontd6";
	font-size: 39px;
	text-transform: lowercase;
	line-height: 23px;
	width: 28px;
}

div.sheet-capacites > .repcontainer > .repitem button[type="roll"]:hover::before
{
	text-transform: uppercase;
}

div.sheet-capacites > .repcontainer > .repitem select
{
	width:calc(100% - 28px);
	text-align:center;
}

div.sheet-capacites > .repcontainer > .repitem > div:not(:nth-of-type(2)) > input[type="text"],
div.sheet-capacites > .repcontainer > .repitem > div:not(:nth-of-type(2)) > input[type="number"]
{
	text-align:center;
}

div.sheet-protections,
div.sheet-armes
{
	flex-wrap:wrap;
	width:100%;
	margin-bottom:20px;
	align-items:flex-start;
	align-content:flex-start;
	margin-top:10px;
}

div.sheet-protections > h1,
div.sheet-armes > h1
{
	width:100%;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	justify-content:center;
	text-transform:uppercase;
	margin-bottom:20px;
}

div.sheet-protections > div:first-of-type,
div.sheet-armes > div:first-of-type
{
	width:180px;
	flex-wrap:wrap;
	margin-right:auto;
}

div.sheet-protections > div:first-of-type > h2,
div.sheet-armes > div:first-of-type > h2
{
	width:100%;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	margin-bottom:5px;
	font-style:italic;
}

div.sheet-protections > div:first-of-type > div,
div.sheet-armes > div:first-of-type > div,
div.sheet-armes > div:nth-of-type(2) > div
{
	width:100%;
	justify-content:left;
}

div.sheet-protections > div:first-of-type > div:not(:first-of-type),
div.sheet-armes > div:first-of-type > div:not(:first-of-type),
div.sheet-armes > div:nth-of-type(2) > div:not(:first-of-type)
{
	margin-top:5px;
}

div.sheet-protections > div:first-of-type > div > label,
div.sheet-armes > div:first-of-type > div > label
{
	width:15px;
	height:15px;
	border:1px solid black;
	border-radius:50%;
	position:relative;
}

div.sheet-protections > div:first-of-type > div > label > input[type="checkbox"],
div.sheet-armes > div:first-of-type > div > label > input[type="checkbox"]
{
	width:15px;
	height:15px;
	position:absolute;
	opacity:0;
}

div.sheet-protections > div:first-of-type > div > label > span,
div.sheet-armes > div:first-of-type > div > label > span
{
	width:100%;
}

div.sheet-protections > div:first-of-type > div > label > span::before,
div.sheet-armes > div:first-of-type > div > label > span::before
{
	content:"";
	width:100%;
	height:15px;
	border-radius:50%;
}

div.sheet-protections > div:first-of-type > div > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-armes > div:first-of-type > div > label > input[type="checkbox"]:checked ~ span::before
{
	background:black;
}

div.sheet-protections > div:first-of-type > div > span,
div.sheet-armes > div:first-of-type > div > span,
div.sheet-armes > div:nth-of-type(2) > div > span
{
	font-size:16px;
	line-height:20px;
	margin-left:10px;
}

div.sheet-protections > .repcontainer,
div.sheet-armes > .repcontainer
{
	width:100%;
	flex-wrap:wrap;
}

div.sheet-protections > .repcontainer > .repitem,
div.sheet-armes > .repcontainer > .repitem
{
	width:100%;
	margin-top:10px;
}

div.sheet-protections .sheet-autoex
{
	border:1px dashed black;
}

div.sheet-armes > .repcontainer > .repitem
{
	justify-content:space-between;
}

div.sheet-armes > div:nth-of-type(2)
{
	width:180px;
	flex-wrap:wrap;
	margin-right:auto;
	margin-top:10px;
}

div.sheet-armes > div:nth-of-type(2) > div
{
	width:100%;
	justify-content:left;
}

div.sheet-armes > div:nth-of-type(2) > div > input[type="number"]
{
	border:1px solid black;
	text-align:center;
	width:50px;
	font-size:14px;
}

div.sheet-armes > div:nth-of-type(2) > h2,
div.sheet-armes > h2
{
	width:100%;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	margin-bottom:5px;
}

div.sheet-armes > h2
{
	margin-top:20px;
}

div.sheet-armes > .repcontainer > .repitem > .itemcontrol > .btn
{
	padding-top:1px;
	padding-bottom:1px;
	line-height:14px;
}

div.sheet-armes > .repcontainer > .repitem > input[type="text"]
{
	width:calc(100% - 135px);
	padding:0px;
	border:0px;
	border-bottom:1px dashed black;
}

div.sheet-armes > .repcontainer > .repitem > div
{
	width: 135px;
	flex-wrap: wrap;
	justify-content: right;
	align-content:flex-end;
}

div.sheet-armes > .repcontainer > .repitem > div > label
{
	width: 11px;
	height: 11px;
	margin: 1px;
	position: relative;
	border: 1px solid black;
}

div.sheet-armes > .repcontainer > .repitem > div > label > input[type="checkbox"]
{
	position: absolute;
	width: 13px;
	height: 13px;
	opacity: 0;
}

div.sheet-armes > .repcontainer > .repitem > div > label > span
{
	width:100%;
}

div.sheet-armes > .repcontainer > .repitem > div > label > span::before
{
	content: "";
	width: 100%;
	height: 13px;
}

div.sheet-armes > .repcontainer > .repitem > div > label > input[type="checkbox"]:checked ~ span::before
{
	background:black;
}

div.sheet-heroisme,
div.sheet-vitalite
{
	flex-wrap:wrap;
	width:100%;
	margin-bottom:20px;
	align-items:flex-start;
	align-content:flex-start;
	margin-top:10px;
}

div.sheet-heroisme > h1,
div.sheet-vitalite > h1,
div.sheet-vitalite > div > h2
{
	width:100%;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	justify-content:center;
	text-transform:uppercase;
	margin-bottom:20px;
}

div.sheet-heroisme > div,
div.sheet-vitalite > div
{
	width:100%;
	justify-content:space-evenly;
}

div.sheet-heroisme > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(8) > span::before
{
	content:"✖";
}

div.sheet-heroisme > div > label,
div.sheet-vitalite > div > label
{
	width:17px;
	height:17px;
	position:relative;
	border:1px solid RGB(129, 130, 132);
	border-radius:50%;
	margin:2px;
}

div.sheet-heroisme > div > label > input[type="checkbox"],
div.sheet-vitalite > div > label > input[type="checkbox"]
{
	width:17px;
	height:17px;
	position:absolute;
	opacity:0;
	z-index:99;
}

div.sheet-heroisme > div > label > span,
div.sheet-vitalite > div > label > span
{
	width:100%;
	color:RGB(129, 130, 132);
	line-height:17px;
	justify-content:center;
	align-items:center;
	font-size:12px;
}

div.sheet-heroisme > div > label > span::before,
div.sheet-vitalite > div > label > span::before
{
	position:absolute;
	content:"";
	display:flex;
	width:100%;
	height:17px;
	color:black;
	font-size:20px;
}

div.sheet-heroisme > button[type="roll"],
div.sheet-vitalite > button[type="roll"]
{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 25px;
	background: none;
	border: 0px;
	text-shadow: none;
	box-shadow: none;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

div.sheet-heroisme > button[type="roll"]::before,
div.sheet-vitalite > button[type="roll"]::before
{
	content: "f";
	font-family: "dicefontd6";
	font-size: 30px;
	margin-right: 10px;
	text-transform: lowercase;
	line-height: 22px;
}

div.sheet-heroisme > button[type="roll"]:hover::before,
div.sheet-vitalite > button[type="roll"]:hover::before
{
	text-transform:uppercase;
}

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

div.sheet-vitalite > div > input[type="hidden"][value="18"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="17"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="17"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="16"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="16"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="16"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="15"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="15"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="15"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="15"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="14"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="14"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="14"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="14"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="14"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(14) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(14) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(15) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(14) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(15) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(16) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(14) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(15) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(16) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(17) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(14) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(15) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(16) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(17) > span::before,
div.sheet-vitalite > div > div > label > input[type="checkbox"]:checked ~ span::before
{
	content:"✖";
}

div.sheet-vitalite > div:last-of-type
{
	margin-top:10px;
}

div.sheet-vitalite > div > div > label
{
	width:20px;
	height:20px;
	position:relative;
	border:1px solid RGB(129, 130, 132);
	border-radius:50%;
	margin:2px;
}

div.sheet-vitalite > div > div > label > input[type="checkbox"]
{
	width:20px;
	height:20px;
	position:absolute;
	opacity:0;
	z-index:99;
}

div.sheet-vitalite > div > div > label > span
{
	width:100%;
	color:RGB(129, 130, 132);
	line-height:20px;
	justify-content:center;
	align-items:center;
	font-size:12px;
}

div.sheet-vitalite > div > div > label > span::before
{
	position:absolute;
	content:"";
	display:flex;
	width:100%;
	height:20px;
	color:black;
	font-size:25px;
}

div.sheet-primes,
div.sheet-penalites
{
	flex-wrap:wrap;
	width:100%;
	margin-bottom:20px;
	align-items:flex-start;
	align-content:flex-start;
	margin-top:10px;
}

div.sheet-primes > h1,
div.sheet-penalites > h1
{
	width:100%;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	text-transform:uppercase;
	padding-left:20px;
	margin-bottom:10px;
}

div.sheet-primes > div,
div.sheet-penalites > div
{
	justify-content:space-between;
}

div.sheet-primes > div:not(:first-of-type),
div.sheet-penalites > div:not(:first-of-type)
{
	margin-top:5px;
}

div.sheet-primes > div > label,
div.sheet-penalites > div > label
{
	width: 15px;
	height: 15px;
	border: 1px solid black;
	border-radius: 50%;
	position: relative;
	margin-right:5px;
	margin-top:2px;
}

div.sheet-primes > div > label > input[type="checkbox"],
div.sheet-penalites > div > label > input[type="checkbox"]
{
	width: 15px;
	height: 15px;
	position: absolute;
	opacity: 0;
}

div.sheet-primes > div > label > span,
div.sheet-penalites > div > label > span
{
	width:100%;
}

div.sheet-primes > div > label > span::before,
div.sheet-penalites > div > label > span::before
{
	content: "";
	width: 100%;
	height: 15px;
	border-radius: 50%;
}

div.sheet-primes > div > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-penalites > div > label > input[type="checkbox"]:checked ~ span::before
{
	background:black;
	border-radius: 50%;
}

div.sheet-primes > div > span,
div.sheet-penalites > div > span
{
	display:block;
	width:calc(100% - 20px);
	text-align:justify;
}

div.sheet-primes > div > span > b,
div.sheet-penalites > div > span > b
{
	display:inline-block;
}

.sheet-rolltemplate-base,
.sheet-rolltemplate-capacite
{
	display:flex;
	width:calc(100% - 10px);
	border:1px solid black;
	padding-top:5px;
	padding-bottom:5px;
	flex-wrap:wrap;
	background:white;
	border-radius:15px;
}

.sheet-rolltemplate-base > h1,
.sheet-rolltemplate-capacite > h1
{
	display:flex;
	width: 100%;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	justify-content: center;
	text-transform: uppercase;
	word-wrap:anywhere;
	margin-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}

.sheet-rolltemplate-base > h2,
.sheet-rolltemplate-capacite > h2
{
	display:flex;
	width: 100%;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	justify-content: center;
	word-wrap:anywhere;
	margin-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	font-variant:small-caps;
}

.sheet-rolltemplate-base > h2:not(:nth-of-type(1)),
.sheet-rolltemplate-capacite > h2:not(:nth-of-type(1))
{
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid black;
}

.sheet-rolltemplate-capacite > div:nth-of-type(1)
{
	display:flex;
	width:100%;
	justify-content:center;
	padding-left:5px;
	padding-right:5px;
	border-top:1px solid black;
	padding-top:5px;
}

.sheet-rolltemplate-capacite > div:nth-of-type(1) > span
{
	font-variant:small-caps;
}

.sheet-rolltemplate-base > div:nth-of-type(1),
.sheet-rolltemplate-capacite > div:nth-of-type(2)
{
	display:flex;
	width:100%;
	justify-content:space-between;
	padding-left:5px;
	padding-right:5px;
	border-top:1px solid black;
	padding-top:5px;
}

.sheet-rolltemplate-capacite > div:nth-of-type(3)
{
	display:flex;
	width:100%;
	justify-content:space-between;
	padding-left:5px;
	padding-right:5px;
	border-top:1px solid black;
	padding-top:5px;
}

.sheet-rolltemplate-capacite > div:nth-of-type(3) > span:nth-of-type(2)
{
	margin-left:auto;
	margin-right:5px;
}

.sheet-rolltemplate-base > div:nth-of-type(1) > span,
.sheet-rolltemplate-capacite > div:nth-of-type(2) > span,
.sheet-rolltemplate-capacite > div:nth-of-type(3) > span:last-of-type
{
	margin-right:20px;
}

.sheet-rolltemplate-base > div:not(:nth-of-type(1)),
.sheet-rolltemplate-capacite > div:not(:nth-of-type(1)):not(:nth-of-type(2))
{
	text-align:justify;
	word-wrap:anywhere;
	padding-left:5px;
	padding-right:5px;
}

.sheet-rolltemplate-base .inlinerollresult  ,
.sheet-rolltemplate-capacite .inlinerollresult  
{
	text-align: center;
	border:0px;
	background:none;
}

.sheet-rolltemplate-base .inlinerollresult.fullcrit,
.sheet-rolltemplate-capacite .inlinerollresult.fullcrit 
{
	color:green;
	border: 0px;
}

.sheet-rolltemplate-base .inlinerollresult.fullfail,
.sheet-rolltemplate-capacite .inlinerollresult.fullfail 
{
	color:red;
	border: 0px;
}

.sheet-rolltemplate-base .inlinerollresult.importantroll, 
.sheet-rolltemplate-capacite .inlinerollresult.importantroll 
{
	border: 0px;
}